/* Default Main Stylesheet */

body{
	font-family: 'Lato', sans-serif;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 90px 0 0 0;
	overflow: hidden;
}

h1, h3{
	color:#404345;
}

.banner-image-wrapper img,
.feature-image img,
.feature2-image img,
.team-img img{
	max-width:100%;
}

.back-to-top{
	position: fixed;
	bottom: 50px;
	right: 50px;
	list-style: none;
}

/* Add any selector here to make the text uppercase */
.subscribe-now h4,
.nav-menu li a,
.main-title-caption,
.sub-title-caption,
.btn,
.uppercase
{
	text-transform:uppercase;
}

/* General Styling for paragraph text */
.feature-text{
	font-size: 16px;
	color: #636769;
	line-height: 27px;
	font-weight: 300;
}

/*---------------------------------------------------------*/
/*	Style Switcher	*/
/*---------------------------------------------------------*/
#style-switch{
	background:#FFFFFF;
	width:200px;
	position:fixed;
	left:-200px;
	top:200px;
	z-index:100;
	border-top:1px solid rgba(23,24,26,0.15);
	
	transition:all 0.5s ease;
	
	-webkit-box-shadow: 0 2px 9px 2px rgba(0,0,0,0.14);
	-moz-box-shadow: 0 2px 9px 2px rgba(0,0,0,0.14);
	box-shadow: 0 2px 9px 2px rgba(0,0,0,0.14);
}

#style-switch.open{
	right:initial;
	left:0;
}

#style-switch > div{
	padding:10px 0;
	border-bottom:1px solid rgba(23,24,26,0.15);
	text-align:center;
	background:#FFFFFF;
	font-size:12px;
	font-weight:400;
	color:#aaa9a9;
}
#style-switch .style-title{
	font-size:15px;
	color:#000000;
	background:#FBF9F9;
}

.style-toggle{
	width:40px;
	position:absolute;
	left:100%;
	top:-1px;
	border:1px solid rgba(23,24,26,0.15);
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	height:43px;
	line-height:43px;
	padding:0 !important;
}
.style-toggle a{
	padding:10px 6px;
	font-size:18px;
}

/*---------------------------------------------------------*/
/*	Header Section	*/
/*---------------------------------------------------------*/
#header{
	min-height:91px;
	line-height:90px;
	position:fixed;
	top:0;
	z-index:10;
	background:rgba(255, 255, 255, 0.9);
	margin:0 auto;
	width:100%;
	left:0;
	right:0;
	
	box-shadow:0px 1px 1px 0px rgba(40,40,40,.18);
	-webkit-box-shadow:0px 1px 1px 0px rgba(40,40,40,.18);
	-moz-box-shadow:0px 1px 1px 0px rgba(40,40,40,.18);
}
#main-menu{
	text-align: right;
}
.nav-menu{
	list-style: none;
	padding: 0;
	margin: 0;
}
.nav-menu li{
	display: inline-block;
	margin-right:13px;
	margin-left:13px;
}
.nav-menu li a{
	color:#909495;
}
.nav-menu li.language a{
	padding:10px 0;
	color:#009cdb;
	font-weight: none;
	margin-left:5px;
}
.nav-menu li.current a,
.nav-menu li a:hover{
	color:#009cdb;
	text-decoration:none;
}
.navbar-toggle .icon-bar{
	background-color:#009cdb;
}
#header .navbar-toggle{
	margin-top: 25px;
}
.align-right{
	text-align:right;
}
/*---------------------------------------------------------*/
/*	Banner Section	*/
/*---------------------------------------------------------*/
#banner{
	height:627px;
	border-bottom:1px solid #a2a1a3;
	background:url('assets/images/banner.jpg') no-repeat right center #ffffff;
	background-size:cover;
	overflow:visible;
	position:relative;
	z-index:0;
}
.banner-wrapper{
	text-align:center;
}
.icon-play{
	padding-top:20px;
	margin-bottom:65px;
}
.icon-play a{
	color:#FFFFFF;
}
#banner-caption{
	color:#ffffff;
	padding-top:100px;
}
.layout-3 #banner-caption{
	padding-top:51px;
}
.layout-4 #banner-caption{
	padding-top:130px;
}
#banner-caption h3{
	color:#ffffff;
}
.main-title-caption{
	font-size:20px;
	font-weight:400;
}
.layout-4 .main-title-caption,
.layout-3 .main-title-caption{
	font-size:54px;
}
.sub-title-caption{
	font-size:54px;
	font-weight:900;
	line-height:48px;
}
.layout-2 .sub-title-caption{
	font-size:30px;
	font-weight:300;
}
.caption-text{
	margin-top:32px;
	padding-right:15px;
	font-size:16px;
	line-height:24px;
	margin-bottom:43px;
}
.layout-2 .caption-text{
	font-weight:300;
	margin-top:29px;
	margin-bottom:37px;
}
.layout-4 .caption-text,
.layout-3 .caption-text{
	margin-top:20px;
	font-size:18px;
	line-height:30px;
}
.layout-4 .caption-text{
	margin-top:32px;
	margin-bottom:50px;
}
.caption-list{
	font-size:16px;
	line-height:33px;
	padding-left:18px;
}
.btn{
	margin-right:10px;
	padding:15px 25px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.btn-download{
	background-color:#009cdb;
	color:#FFFFFF;
}
.btn-tour{
	background-color:#FFFFFF;
	color:#009cdb;
}
.btn .fa{
	margin-right:10px;
}
.banner-image-wrapper{
	position:relative;
	margin-bottom: 0px;
}

.subscribe-now{
	background-color:rgba(0,0,0,.65);
	padding:26px 30px 32px;
	margin-top:122px;
	color:#FFFFFF;
}
.layout-3 .subscribe-now{
	margin-top:0;
	padding:29px 0 28px;
	text-align:center;
}
.subscribe-now h4{
	color:#FFFFFF;
	font-weight:700;
	font-size:24px;
	margin-bottom:31px;
}
.layout-2 .subscribe-now .form-group{
	margin-bottom:24px;
}
.subscribe-now .form-group.last{
	margin-bottom:30px;
}
.subscribe-now label{
	padding-bottom:7px;
}
layout-2 .subscribe-now input{
	background:none;
	border-color:#3f3f3f;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	height:40px;
}
.layout-3 .subscribe-now input{
	height:54px;
	width:480px;
	margin-right:30px;
}
.layout-3 .get-started{
	font-size:18px;
}

/*---------------------------------------------------------*/
/*	About Section	*/
/*---------------------------------------------------------*/
#about{
	text-align:center;
	padding-top:100px;
	padding-bottom:54px;
	color:#404345;
}

.layout-2 #about,
.layout-3 #about,
.layout-4 #about{
	padding-top:45px;
}
#about h1{
	font-weight:400;
}
#about .about-content,
#about .about-item-content{
	font-size:16px;
	color:#636769;
	line-height:27px;
	font-weight:300;
	margin-top:19px;
	margin-bottom:82px;
}
.about-icon{
	font-size:60px;
	color:#009cdb;
}
#about h3{
	margin-top:6px;
}
#about .about-item-content{
	margin-top:23px;
}

/*---------------------------------------------------------*/
/*	Feature 1 Section	*/
/*---------------------------------------------------------*/
#feature1{
	background-color:#f4f7f9;
	padding:100px 0 100px;
}

.feature1-heading{
	text-align:center;
	margin-bottom:10px;
}
.feature1-heading h1{
	margin-bottom:10px;
}
.feature1-item{
	list-style:none;
	padding-left:100px;
	position:relative;
	padding-top:32px;
}
.feature1-item li{
	padding-bottom:10px;
}
.feature1-item li h3{
	margin-bottom:2px;
}
.feature1-item .feature-icon{
	position:absolute;
	width:68px;
	left:0;
	text-align:center;
}
.feature-image{
	text-align:center;
	padding-top:5px;
}




/*---------------------------------------------------------*/
/*	Feature 2 Section	*/
/*---------------------------------------------------------*/
#feature2{
	padding:50px 0 127px;
}
.feature2-heading{
	padding:50px 0 16px;
}
.feature2-heading h1{
	margin-bottom:12px;
}
.feature2-heading .feature-text{
	font-size:20px;
}
.feature2-item h3{
	margin-bottom:16px;
	margin-top:26px;
}
.button-wrapper{
	margin-top:30px;
}
.feature2-clear{
	margin-bottom:4px;
}
.feature2-image{
	text-align:center;
	padding-top:120px;
}

/*---------------------------------------------------------*/
/*	Pricing Section	*/
/*---------------------------------------------------------*/
#pricing{
	padding:94px 0 120px;
	background-color:#f4f7f9;
}
.pricing-heading{
	text-align:center;
	margin-bottom:60px;
}
.pricing-heading h1{
	margin-bottom:24px;
}
.pricing-heading p,
.section-heading p{
	font-size:18px;
}
.pricing-table-wrapper{

}
.pricing-table-item{
	background-color:#FFFFFF;
	padding:6px 20px 38px;
	text-align:center;
	
	box-shadow: 0px 1px 1px 0px rgba(40,40,40,.18);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(40,40,40,.18);
	-moz-box-shadow: 0px 1px 1px 0px rgba(40,40,40,.18);
}
.pricing-table-item.pricing-active{
	background-color:#009cdb;
	box-shadow:inset 0px 0px 0px 0px #0091cc;
	-webkit-box-shadow:inset 0px 0px 0px 0px #0091cc;
	-moz-box-shadow:inset 0px 0px 0px 0px #0091cc;
}
.pricing-active h3,
.pricing-active .pricing-price h1,
.pricing-active .pricing-list,
.pricing-active .pricing-icon .fa-stack-2x{
	color:#FFFFFF !important;
}
.pricing-active .pricing-icon .fa-inverse{
	color:#009cdb;
}
.pricing-active .btn-more{
	background-color:#25bfff;
}
.pricing-table-item h3{
	color:#34383a;
	border-bottom:2px solid #edf0f5;
	padding-bottom:22px;
	margin-bottom:16px;
}
.pricing-price {
	padding-top: 10px;
	padding-bottom: 18px;
}
.pricing-icon{
	font-size:22px;
}
.pricing-icon .fa-stack{
	width:2.7em;
	height:2.7em;
	line-height:2.7em;
}
.pricing-icon .fa-stack-2x{
	font-size:2.7em;
	color:#009cdb;
}
.pricing-price h1{
	color:#202020;
	font-size:48px;
	font-weight:900;
}
.pricing-price .pricing-postfix{
	font-size:12px;
}
.pricing-list{
	list-style:none;
	margin:0;
	padding:0;
	color:#888888;
	line-height:28px;
	padding-bottom:35px;
}
.btn-more{
	color:#FFFFFF;
	background-color:#22c394;
	padding:8px 24px;
	font-size:16px;
}

/*---------------------------------------------------------*/
/*	How It Works Section	*/
/*---------------------------------------------------------*/
#how-it-works{
	padding:93px 0 117px;
}
.section-heading{
	text-align:center;
}
.section-heading h1{
	margin-bottom:17px;
}
.video-embed{
	text-align:center;
	margin-top:94px;
	max-width:925px;
	margin-left:auto;
	margin-right:auto;
}
.video-embed iframe{
	width:100%;
	height:515px;
}

/*---------------------------------------------------------*/
/*	Our Team Section	*/
/*---------------------------------------------------------*/
#team{
	padding:91px 0 117px;
	background-color:#f4f7f9;
}
.team-img{
	padding-bottom:17px;
}
.team-name{
	padding-bottom:6px;
}
.team-position{
	font-size:14px;
	font-weight:300;
	color:#009cdb;
	padding-bottom:10px;
}
.team-desc{
	font-size:18px;
	font-weight:300;
	color:#636769;
	padding-top:8px;
	padding-bottom:19px;
	line-height:29px;
}
.team-social a{
	font-size:24px;
	color:#ffffff;
	padding-right:15px;
}
#team .section-heading h1{
	margin-bottom:16px;
}
.team-wrapper{
	margin-top:98px;
}
.team-social a .fa{
	transition:color .3s ease;
}
.team-social a:hover .fa-google-plus-square{ color:#D11718; }
.team-social a:hover .fa-facebook-square{ color:#3C599F; }
.team-social a:hover .fa-twitter-square{ color:#2DAAE2; }
.team-social a:hover .fa-pinterest-square{ color:#CB2028; }
.team-social a:hover .fa-rss-square{ color:#FAA21C; }


/*---------------------------------------------------------*/
/*	FAQ Section	*/
/*---------------------------------------------------------*/

#faq{
	background-color:#f4f7f9;
	padding:100px 0 100px;
}

.faq-heading{
	text-align:center;
	margin-bottom:30px;
}
.faq-heading h1{
	margin-bottom:10px;
}
.faq-item{
	list-style:none;
	padding-left:100px;
	position:relative;
	padding-top:2px;
}
.faq-item li{
	padding-bottom:30px;
}
.faq-item li h3{
	margin-bottom:0px;
}
.faq-item .faq-icon{
	position:absolute;
	left:0;
	text-align:right;
	font-size:50px;
	color:#009cdb;
	margin-top:0px;
	padding-bottom:10px
}
.faq-image{
	text-align:center;
	padding-top:10px;
	padding-bottom:40px
}




/*---------------------------------------------------------*/
/*	Footer Section	*/
/*---------------------------------------------------------*/
#footer{
	padding-top:100px;
	background:url('assets/images/footer.gif')  no-repeat center center #171819;
	background-size:cover;
}
.subscription{
	text-align:center;
	color:#ffffff;
	padding-bottom:95px;
}
.subscription h1{
	color:#ffffff;
}
.subscription p{
	font-size:30px;
	font-weight:300;
	padding-top:27px;
	padding-bottom:29px;
	line-height:35px;
}
#subs-form .subs{
	max-width:100%;
	margin-bottom:10px;
	border:none;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
}
#subs-form input{
	width:440px;
	padding:13px 40px;
	color:#696969;
}
#subs-form button{
	padding:13px 24px;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#009cdb;
}
.footer-copyright{
	min-height:80px;
	line-height:80px;
	background-color:#141718;
}
.footer-copy,
.footer-design{
	display:block;
	color:#ffffff;
	font-size:15px;
	font-weight:300;
}
.footer-design{
	text-align:right;
}
.footer-social{
	font-size:36px;
	padding:82px 0;
}
.footer-social a{
	padding:0 16px;
	color:#ffffff;
}

/*---------------------------------------------------------*/
/*	Installation Section			           */
/*---------------------------------------------------------*/
#installation{
	text-align:center;
	padding-top:40px;
	padding-bottom:5px;
	color:#404345;
}

.layout-2 #installation,
.layout-3 #installation,
.layout-4 #installation{
	padding-top:45px;
}
#installation h1{
	font-weight:400;
}
#installation .installation-content,
#installation .installation-item-content{
	font-size:16px;
	color:#636769;
	line-height:27px;
	font-weight:300;
	margin-top:19px;
	margin-bottom:8px;
}
.installation-icon{
	font-size:60px;
	color:#009cdb;
}
#installation h3{
	margin-top:6px;
}
#installation .installation-item-content{
	margin-top:23px;
}