/* DETAILS
==================================================

	Landing Page Alo Themes
	Theme Url: http://alothemes.com/
	Author: Alo Themes

==================================================
*/

/* Import Goolge Font
==================================================
*/
@import url('https://fonts.googleapis.com/css?family=Merriweather|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700');

/* Reset Style =================================== */
*{
	margin: 0;
	padding: 0;
}
body {
	background-color:#fff !important;font-family: Arial,Helvetica,sans-serif;
}
p {	
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #5b5b5b ;
	outline: none;
}
ol li, ul li {
	list-style: none ;
	outline: none;
	border: 0;
}
a {
	color: #494949;
	outline: none;
	/* transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; */
}
a:hover{
	text-decoration: none !important ;
	color: #353434 ;
}
span{
	color: #494949 ;
	outline: none;
}
.btn {
    background-color: #00aeef;
    border: medium none;
	border-radius: 4px !important ;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    outline: medium none;
    padding: 0px 30px;
    position: relative;
    transition: all 0.3s ease 0s;
    font-size: 18px;
	line-height: 55px;
	color: #fff;
}
.al-center{ text-align: center; }
.pl0{ padding-left: 0 !important; }
.pt0{ padding-top: 0 !important; }
.pb0{ padding-bottom: 0 !important; }
.pr0{ padding-right: 0 !important; }
.ml0{ margin-left: 0 !important; }
.alo1{ margin-top: 0 !important; }
.mb0{ margin-bottom: 0 !important; }
.mr0{ margin-right: 0 !important; }
.bg-gray{ background-color: #f7f7f7; }
.bg-black{ background-color: #000; }

/* Header ============================================*/
.header-container{background: url("../images/intro-bg.jpg") no-repeat 0 0;position: relative;width: 100%;min-height: 750px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;text-align: center;}
header .header-intro {position: relative;text-align: center;padding: 100px 15px 100px;width: 100%;top: 250px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.header-container  .header-intro .header-button >  p {margin: 0;padding: 0;position: relative;z-index: 1;}
/*.header-container  .header-intro{padding : 150px 0 ;}*/
.header-container  .header-intro .header-button {margin : 70px 0  0;}
.header-container  .header-intro .header-button a {color: #fff;}
.header-container  .header-intro .header-button a:hover {background-color:#00aeef;}
.header-container  .header-intro .header-button .btn{padding: 0px 30px;text-transform: capitalize;font-weight: bold;line-height: 55px;background-color:#00aeef;}
.header-container h1 {margin-bottom: 0;margin-top: 0;}
.header-container a{color: #ea1b25;}
.header-container a:hover{color: #ea1b25;}
.header-intro h2{font-size: 24px;color: #fff;font-weight: bold;margin: 40px 0 20px;}
.header-intro p{color: #fff;font-size: 17px;}
header .top-main {width: 100%;text-align: center;position: absolute;bottom: -200px;}
.bg-primary {padding-top: 200px !important;}
.bg-primary-bigsale{background-color: #fff;}
.section-heading {font-size: 36px;color: #1f1f1f;margin: 50px 0 0;}
.main-content {max-width: 1600px;}
/* Main Menu ============================================*/
.main-menu .logo{float: left;}
.main-menu .menu-inner-wap{float: right;}
.main-menu{background-color: transparent;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-size: 16px;line-height: normal;padding: 15px 0;}
.main-menu ul{display: block;margin: 0;}
.main-menu li{display: inline-block;}
.main-menu li a{color: #fff;padding: 0 15px;line-height: 35px;display: block;}
.main-menu li a:hover{color: #ea1b25;}
/* Header ============================================*/
.feature{float: left;font-weight: bold;text-align: left;width: 100%;margin-bottom: 19px;}
.feature .icon{float:left;margin: 0 13px 0 0;}
.feature-text{padding-left:65px;}
.feature-text h4{padding: 0;margin:0;}
.feature i {height: 50px; width: 50px;border-radius: 2px;display: block;font-size: 30px;font-style: normal;line-height: 50px;color: #ff8400 ; text-align: center;float: left;}
#master-wrapper  {text-align:center ;}
.title { padding : 0 160px;}
.title p { color: #101010 ; margin : 30px 0 0;}
.title h3{color: #fff;font-size: 30px;text-transform: uppercase;font-weight: 900;margin: 0;letter-spacing: 5px;}
.title-bg{padding: 25px 0 39px;margin: 0 0 50px;}
.cubic-inclined{width: 30px;height: 30px;margin-left: -15px;background-color: #000000;display: block;position: absolute;bottom: -54px;left: 50%;transform: rotate(-45deg);}
.title-bg p{color: #fff;font-size: 16px;font-weight: 300;margin-top: 20px;}
.title h1:after {background-color: #333;content: "";display: block;height: 1px;margin: 0 auto;position: relative;top: 10px; width: 70px;}
.title h1 {color : #333 ;font-weight: normal ;font-size: 250% ;text-transform: capitalize;}
.title h1 a {color: #ff8400;}
.buy {padding: 50px 0 0px;}
.text-center.buy h2{text-transform:uppercase;margin: 0 0 20px;font-size: 25px;color: #333;font-family: 'Open Sans', sans-serif;}
.btn-buy.custom-buy {border-color: #333;color: #333;font-weight: 700;padding: 10px 30px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
.btn-buy.custom-buy:hover {background-color: #ea1b25;color: #fff;border-color: #ea1b25;}
.portfolio-box-caption-content{text-align:center;}
.portfolio-box-caption-content .project-name{padding: 30px 0;}
.portfolio-box-caption-content .project-name a{color:#1f1f1f;font-size:24px;font-weight:bold;line-height:30px;}
.choose-demo{color:#000;padding: 15px 0 80px;}
.choose-demo p{color: #1f1f1f;font-size: 17px;margin-top: 20px;line-height: 30px;}
.coming-soon .btn-preview{background:#666;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;}
.coming-soon .btn-preview:hover{background:#000;color:#fff;}
.btn-preview{background-color: #333;color:#fff;font-size:14px;display:inline-block;line-height:50px;height:50px;padding:0 30px;text-transform:uppercase;box-shadow:0 0 2px #f9f9f9;font-family:'Open Sans', sans-serif;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;}
.btn-preview:hover,
.btn-preview:focus{text-decoration:none;color:#fff;}
.call-to-action{text-align: center;}
.call-to-action h2{margin: 0 auto 35px;font-size: 36px;color: #1f1f1f;}
.service-box p{margin-bottom:0;}
#portfolio{background:#f5f5f5;padding: 50px 0 0;margin: 10px 0 0;}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto;padding:0 0 20px;}
.portfolio-box .top-image{-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;position:relative;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.24);box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.24);
    position: relative;
    height: 265px;
    overflow: hidden;
}
.portfolio-box .top-image img{width:100%;}
.portfolio-box .portfolio-box-caption{opacity:0;display:block;background:rgba(255, 255, 255, 0.5);position:absolute;bottom:0;text-align:center;width:100%;height:100%;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#000;padding:0 15px;z-index:2;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Open Sans', sans-serif;padding:0 15px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px;}
.portfolio-box:hover .top-image{-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 4px 26px rgba(0, 0, 0, 0.5);box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 4px 26px rgba(0, 0, 0, 0.5);}
.portfolio-box.coming-soon .portfolio-box-caption,
.portfolio-box:hover .portfolio-box-caption{opacity:1;}
.image-bg{background-image: url('../images/bg-macbook.png'); width: 350px;height:333px;display:inline-block;position: relative;}
.image-bg .image-shop-scroll{background-position: center 0;background-repeat: no-repeat;position:absolute;width:322px;height:192px;top:14px;left:14px;}
.image-bg .image-shop-scroll{
    transition: all 5s ease-out 0s;
    -webkit-transition: all 5s ease-out 0s;
    -moz-transition: all 5s ease-out 0s;
    -ms-transition: all 5s ease-out 0s;
    -o-transition: all 5s ease-out 0s;
}
.image-bg:hover .image-shop-scroll{background-position: center 100%!important;}
.alothemes-demo{padding: 0 0 40px;}
.shop-name{margin: 0 0 10px;font-weight: normal;font-size: 20px;color: #333;text-transform: uppercase;display: block;text-align: center;}
.default.link{outline: none;}
.demo-link{outline: none;background-color: #dbdbdb;color: #333333;border-radius: 2px;cursor: pointer;display: inline-block;height: 35px;line-height: 35px;margin: 0;overflow: visible;padding: 0 20px;text-transform: uppercase;vertical-align: top;width: auto;font-size: 14px;}
.demo-link:hover{background-color: #ff8400;color: #ffffff;}
.img-responsive{margin:0 auto;}
.featured-shop{margin-bottom: 30px;}
.hot-sale{background-color: #fe2740;height: 50px;left: -15px;line-height: 46px;position: absolute;top: -15px;width: 50px;border-radius: 50%;}
.hot-sale span{color: #ffffff;font-size: 19px;animation: 1s ease-in 0s normal none infinite running tooltip-animation;-moz-animation: 1s ease-in 0s normal none infinite running tooltip-animation;-webkit-animation: 1s ease-in 0s normal none infinite running tooltip-animation;-o-animation: 1s ease-in 0s normal none infinite running tooltip-animation;transition: all 0.2s ease-in-out 0s;}
.icon-new {background-color: #ff7171;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;color: #ffffff;font-size: 20px;font-weight: bold;height: 80px;line-height: 80px;position: absolute;right: -20px;text-align: center;text-transform: uppercase;width: 80px;top: -35px;z-index: 9;font-family: 'Montserrat', sans-serif;} 
.icon-new span{color: #ffffff;} 
 @keyframes tooltip-animation {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/* Tab ======================================*/
.tab-container .tabs{margin: 30px 0;}
.tabs li {list-style:none;display:inline;}
.tabs a {padding:10px 20px;font-size: 15px;display:inline-block;text-transform: uppercase;background:#666;color:#fff;text-decoration:none;position: relative;}

.tabs a.active,.tabs a:hover {background:#ff8400;color:#fff;outline: none;}
.tabs a.active:after {background-color: #ff8400;bottom: -12px;left: 0;right: 0;display: block;height: 25px;margin: 0 auto;position: absolute;transform: rotate(-45deg);width: 25px;content: "";}
/* Core Feature ======================================*/
.core-feature .content h3{font-size: 20px;color: #292929;padding: 18px 0 8px;}
/* footer ======================================*/
.footer-bt { border-top: 5px solid #ebebeb; padding: 80px 0;width: 100% ;}
.footer-bt h1{ margin: 20px 0 ;}
.footer-bt p{ color: #1f1f1f ;text-align: center; }
.footer-bt p a{ color: #fff ; }
.footer-bt p a:hover{ color: #FF9900 ; }
.boxed h2{margin:0 50px 50px;}
#master-wrapper ol.thumbnails h3{margin: 0;padding: 20px 0 0;line-height: normal;}
#master-wrapper ol.thumbnails h3 a{text-decoration: none;text-transform: uppercase;padding: 0;margin: 0;line-height: normal;}
/* 992px <= width < 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
	.theme-logo{max-width: 170px;}
	header .top-main{bottom: -130px;}
    .section-heading{margin: 20px 0 0;}
	.call-to-action h2{font-size: 30px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header-container{min-height: 600px;}
	.header-container .header-intro {padding: 0px;}
	header .top-main{bottom: -100px;}
	.section-heading{margin: 20px 0 0;}
	.call-to-action h2{font-size: 30px;}
}
@media(max-width:767px) {
    .header-container{min-height: 600px;}
	.header-container .header-intro {padding: 0px;}
	.header-intro h2 {font-size: 20px;}
	header .top-main{bottom: -100px;}
	.section-heading{margin: 20px 0 0;font-size: 20px;}
	.bg-primary {padding-top: 140px !important;}
	.call-to-action h2{font-size: 20px;}
	.choose-demo p{font-size: 15px;line-height: 20px;}
	.portfolio-box{max-width: 500px;}
	.title.custom-title {padding: 0 25px;}
	.choose-demo{padding: 0px 20px 50px;}
}
@media(max-width:479px) {
	.header-container {min-height: 500px;}
	header .header-intro{top: 200px;}
	header .top-main {bottom: -50px;}
	.header-intro h2 {font-size: 15px;margin: 25px 0 15px;}
	.header-container .header-intro .header-button {margin: 40px 0 0;}
	.bg-primary {padding-top: 70px !important;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
}

@media only screen and (min-width: 240px) and (max-width: 320px) {
	#master-wrapper h1{
		font-size: 1.3em;
		letter-spacing: 5px;
		margin-top: 20px;
	}
	.option h2{
		margin:20px 0 30px;
	}
	.option ol{
		margin:0 0 20px 0;
	}
	.option h2{
		font-size: 105%;
	}
	#master-wrapper p{
		font-size: 85%;
	}
	.option h2 span{
		padding-right: 10px;
	}
	.option h2 b
	{
		padding-left: 10px;
	}
}

/* Sticky ================================== */
#alo-sticky-header {background-color: #333333;display: none;transition: all 1s ease-in-out 0s;width: 100%;z-index: 999;}
#alo-sticky-header.main-menu .menu-inner-wap{padding:0;}
.header-container .logo-sticky h1{max-width: 170px;}