/*=================================================
CSS Styles for <BEE-SEO>.

version:   1.0
====================================================*/
/*Normalize css starts here*/
/*@import "normalize";*/
/*Normalize css ends here*/
/* ======Typography=======*/
/* Setting up the fonts */
body {font-size: 14px; line-height: 18px;font-family: 'Rubik', sans-serif; color: #323d5e; background: #fff; -webkit-font-smoothing: antialiased; }
html,body{overflow-x: hidden;}
/* ======End Typography============*/
/* ==============Headings===============*/
h1 { color: red; }
h2{font-size: 36px; color: #000; line-height: 50px; font-weight: normal;}
h3{font-size: 24px; color: #232830; line-height: 50px; font-weight: 500;}
/* =============End Headings============*/
/* ========== Links ===================*/
a { text-decoration: none; color: #000; cursor: pointer !important; outline: 0; }
ul,li{list-style: none;}
a:hover, a:focus { text-decoration: none; outline: none; color: #6472c7;}
input:focus, button:focus{outline: none; text-decoration: none;}
textarea{resize: none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
	color: #999999;
}

/* ============End Links============*/
/* ================Branding===============*/
img{max-width: 100%;}
p { padding: 0 0 10px 0; margin: 0; color: #323d5e; font-size: 16px; line-height: 25px;}
.paddLeftRight{padding-left: 72px !important; padding-right: 72px !important;}
.marginTop60{margin-top: 60px !important;}
.marginTop120{margin-top: 120px !important;}
.marginTop50{margin-top: 50px !important;}
.marginTop40{margin-top: 40px !important;}
.marginTop30{margin-top: 30px !important;}
.marginTop20{margin-top: 20px !important;}
.marginTop10{margin-top: 10px !important;}
.marginTop5{margin-top: 5px !important;}
.marginBottom100{margin-bottom: 100px !important;}
.marginBottom60{margin-bottom: 60px !important;}
.marginBottom50{margin-bottom: 50px !important;}
.marginBottom40{margin-bottom: 40px !important;}
.marginBottom30{margin-bottom: 30px !important;}
.marginBottom20{margin-bottom: 20px !important;}
.marginBottom10{margin-bottom: 10px !important;}
.marginBottom5{margin-bottom: 5px !important;}
.btn{border-radius: 4px; line-height: 25px; padding:8px 25px; }
.btn:focus{background: transparent; outline: 0;}
.btn-default{border-color: transparent; background: #6472c7; color: #fff;}
.btn-default:hover, .btn-default:focus{background: #6472c7; color: #fff; opacity: 0.8;}
.btn-default:active:focus{background: #6472c7; color: #fff;}
/* header */

.navbar-nav, .navbar{margin-bottom: 0; margin-right: 0;}
.navbar{padding:20px 0;border-bottom: 1px solid #e2e9ef;   }
.navbar-nav li{}
.navbar-brand{padding:4px 15px;}
.navbar-nav{padding-top: 10px;}
.navbar-nav li a{ color: #4c5667; line-height: 34px;  font-size: 14px; padding:0px 15px; font-weight: normal; }
.navbar-nav li:last-child a.btn{color: #fff; font-weight: 500; font-size: 13px; padding: 0 15px;}
.navbar-nav li a:hover, .navbar-nav li a:focus{ color: #000; background: transparent; }
.navbar-nav li:last-child a.btn:hover, .navbar-nav li:last-child a.btn:focus{ color: #fff; background: #6472c7; }
.top-nav-collapse {background: #fff; }
.container{}
/* home page slider css */
.caption{ text-align: left;}
.caption h2{ font-size: 48px; line-height: 50px; margin-bottom: 20px; font-weight: 500;}
.caption h2 span{ font-size: 15px; display: block; color: #6472c7;}
.caption .btn{margin-top:20px ;}
.banner {padding: 10% 0 0 0; } 
.banner p{color: #909090; font-size: 20px; font-weight: normal;}
.bannerImg img{max-width: inherit;}
.heddings{background: #00c5dc;padding: 15px 0; margin-bottom: 60px;}
.heddings h4{color: #fff; font-size: 18px; font-weight: normal;}
.themeName{color: #232830; font-size: 20px; font-weight: normal; padding: 30px 0 30px 20px; margin-bottom: 50px; position: relative; line-height: 22px;}
.themeName:before{position: absolute; left: 0; content: ""; width: 8px; height: 8px; background: #00c5dc;  margin-right: 10px; border-radius: 8px; margin-top: 5px;}
.themeName span{color: #d7dee3; font-size:30px; float: right;}
.demos{}
.demos img{border: 1px solid #e2e9ef; border-radius: 5px;}
.demos img:hover{border-color:#6472c7;}
/* telecast section */
.features{padding:5% 0 7% 0; background: #f4f8f8; border-top: 1px solid #eef2f5; border-bottom: 1px solid #eef2f5;}
.features h3{ font-size: 36px; color: #252e36;  text-align: center; padding:0; line-height: 32px; margin-bottom: 65px;}
.features h3 span{ font-size: 16px; color: #8a898a; font-weight: normal; display: block; margin-bottom: 10px; padding-top: 10px;}
.features .card{min-height: 180px; text-align: center; background: #fff;margin-bottom: 22px;  padding:30px 20px; border-radius: 5px; border:solid 1px #e2e9ef; }
.features .card .media-left{float: left; margin-right: 0px; margin-top: 18px;}
.features .card .media-body{text-align: left; padding: 0 15px;}
.features .card .media-heading{color:#232830; font-size: 16px; font-weight: 400; margin-bottom: 9px;}
.features .card P{font-size: 15px; color: #737c84; font-weight: 100; line-height: 20px;}
/*testimonials*/
.testimanials{}
.testimanials{padding:5% 0 3% 0; background: #fff; }
.testimanials h3{font-weight: 500; font-size: 36px; color: #252e36;  text-align: center; padding:0; line-height: 32px; margin-bottom: 65px;}
.testimanials h3 span{font-weight: normal; font-size: 16px; color: #8a898a; display: block; margin-bottom: 10px; padding-top: 10px;}
#quote-carousel {padding: 0 10px 30px 10px; margin-top: 60px; }
#quote-carousel .carousel-control {background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px; }
#quote-carousel .carousel-indicators {position: relative; right: 50%; top:0 ; margin-bottom: 40px; bottom: auto; margin-top: 20px; margin-right: -19px; }
#quote-carousel .carousel-indicators li {margin: 0 17px; width: 90px; height: 90px; cursor: pointer; border: 1px solid #ccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 50%; opacity: 0.4; overflow: hidden; transition: all .4s ease-in; vertical-align: middle; }
#quote-carousel .carousel-indicators li img{ width: 100%; }
#quote-carousel .carousel-indicators .active {width: 115px; height: 115px; opacity: 1; transition: all .2s; } 
.item blockquote {border-left: none; margin: 0; } 
#quote-carousel small{padding-top: 20px;}
/*.item blockquote p:before {content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; }*/
#quote-carousel .carousel-indicators.dots{}
#quote-carousel .carousel-indicators.dots li{margin:0 5px; box-shadow: none;border: 0;  width: 15px; height: 4px; background: #ddd; border-radius: 3px;}
#quote-carousel .carousel-indicators.dots .active{background: #00c5dc;}

.uniqDemo{background: #2f92cf; padding:5% 0 5% 0;}
.uniqDemo .text{text-align: center;}
.uniqDemo .text .title{ font-size: 72px; color: #fff; line-height: 80px; font-weight: 100;}
.uniqDemo .text p{ font-size: 20px; color: #fff;}

.buildYourSite{background: #fff; padding:5% 0 0 0;}
.buildYourSite .text{}
.buildYourSite .text .title{ font-size: 28px; color: #232830; line-height: 30px; font-weight: normal;}
.buildYourSite .text p{ font-size: 20px; color: #000;}
.buildYourSite .text img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.buildYourSite .text span{text-align: left; display: inline-block;vertical-align: middle;}




/* footer */
footer{background: #232830; padding:52px 0; }
footer .links{margin:0;padding:0; }
footer .links li{display: inline-block; padding:0 11px 0 5px; border-right: solid 1px #999; line-height: 12px;}
footer .links li:last-child{border-right: 0;}
footer .links li a{color: #999999; font-size: 14px; }
footer .links li a:hover, footer .links li a.active{color: #fff;}
.copyright{ color: #63646b; font-size: 12px; padding-top: 15px;}
.socialIcons{text-align: center;}
.socialIcons li{margin: 0 2px; width: 44px; height: 44px; background: #444444 url('../img/social-icons.png') center center no-repeat; display: inline-block; border-radius: 44px;: }
.socialIcons li:hover{background-color: #f05646;}
.socialIcons li a{display: block; text-indent: -9999px; line-height: 34px;}
.socialIcons li.fb{background-position: 12px 10px; }
.socialIcons li.twitter{background-position: -41px 10px; }
.socialIcons li.google{background-position: -94px 10px; }
.apssStore{text-align: right;}
.apssStore a{ display: inline-block; margin: 0 2px; }

/* media query */
@media (max-width: 1200px){

}
/*======================= medium device ==================*/
@media (max-width: 991px){
	.container{width: 95%;}
	.navbar-toggle .icon-bar{background: #000;}	
	.navbar-brand{padding:0 0 0 15px;}
	.navbar-nav li a{line-height: 30px;}
	.caption h2{ font-size: 28px; line-height: 24px;  }
	.caption h2 span{line-height: 36px;}
	.banner{padding: 15% 0 40px 0;}
	.features .card{min-height: 202px;}
	
}
/*======================= small device ==================*/
@media (max-width: 767px){
	.navbar-nav{background: #333;}
	.navbar-nav li{border-bottom: 1px solid #fff;}
	.navbar-nav li a{line-height: 30px;}
	footer{text-align: center;}
	.navbar-nav li a{color: #fff; line-height: 30px;}
	.navbar-nav li a:hover, .navbar-nav li a:focus{color: #fff;}
	.features .card{min-height: auto;}
	.features .card .media-left{margin-top: 0;}

	
	

}

/*======================= extra small device ==================*/
@media (max-width: 568px){
	h3{line-height: 25px;}
	.heddings h4{line-height: 24px;;}
	.banner {padding: 20% 0 40px 0; }
	#quote-carousel .carousel-indicators{ width: 100%;     margin-left: 0; padding-left: 0; left: 0; }
	#quote-carousel .carousel-indicators li{ width: 50px; height: 50px;}
	#quote-carousel .carousel-indicators .active{ width: 60px; height: 60px;}
	.uniqDemo .text, .buildYourSite .text{margin-bottom: 40px;}
	.themeName span{padding-top: 30px;}
}