body{
	color:#909ba3;
	font-size:15px;
	font-weight:300;
	padding: 0;
	line-height:1.5;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased !important;
	background: #222;
	overflow-x: hidden;
}
a, a:hover, a:focus, .btn:focus{
    text-decoration: none;
	outline: none;
}
a:hover{
	transition:ease-in-out 1s;}
img {
	max-width:100%;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.container {
    max-width: 1260px;
	padding-left:15px;
	padding-right:15px;
	width:100%;
}
.no-padding {
	padding: 0;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.bold{
	font-weight:700;
}
.normal{
	font-weight:normal;
}
.white{
	color:#FFFFFF;
}
.italic{
	font-style:italic;
}
.animated{
	visibility:hidden;
}
.visible{
	visibility:visible;
}
.clear{
	clear:both;
}

/* ------------- Purchase Now ------------- */
.purchase-button{
	background-color:#2c3e50;
	padding:35px 0px;
}
.purchase-button .slide-btn{
	background-color: #f4a62a;
    font-weight: 400;
    margin: 0 20px;
    padding: 15px 0;
    width: 300px;
    max-width: 100%;
    display: block;
}
.purchase-button h2{
	margin:10px 0px;
	font-weight:400;
	text-align:right;
}
.purchase-button .slide-btn i{
	margin-right:15px;
	font-size:25px;
}
/* ------------- Page Loader Styles ------------- */
#pageloader {
    background-color: #FFFFFF;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
} 
.loader-item {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
    border-left: 3px solid;
    border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
    border-right: 3px solid;
    border-top: 3px solid;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}
.loader-item h2 {
    color: #CCCCCC;
    font-size: 20px;
    margin: 0 auto;
}
.colored-border {
    border-color: #f06739;
}
/* ------------- Overlay Styles ------------- */
.overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: rgba(0, 0, 0, 0.75);
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.close-overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 45px;
	height: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}
a.close-overlay.hidden {
  	display: none;
}
a.expand {
	display: block;
	position: absolute;
	z-index: 100;
	width: 60px;
	height: 60px;
	border: solid 2px #fff;
	text-align: center;
	color: #fff;
	line-height: 55px;
	font-weight: 700;
	font-size: 25px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
/* Products Hover Effect */
.effect2 .overlay {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
}
.effect2 .overlay a.expand {
	left: 0;
	right: 0;
	top: 50%;
	margin: -30px auto 0 auto;
}
.effect2 .img.hover .overlay {
  	height: 100%;
}
/* Portfolio Hover Effect */
.effect5 .overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.effect5 .overlay a.expand {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.effect5 .img.hover .overlay {
  	opacity: 1;
}
.effect5 .img.hover .overlay a.expand {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
/* Blog Hover Effect */
.effect6 .overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.effect6 .overlay a.expand {
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.effect6 .img.hover .overlay {
  	opacity: 1;
}
.effect6 .img.hover .overlay a.expand {
	top: 50%;
	margin-top: -30px;
	opacity: 1;
}
/* =========================== HEADER SECTION ============================== */
.header{
	padding-bottom:25px;
}
.title{
	font-size: 42px;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
}

.title h2{
	display:inline-block;
	font-weight: 500;
	line-height: 36px;
}

.title span{
	font-weight: 700;
}

.apply{/*padding-right:100px !important;*/}

.apply h3{
	display:inline-block;
	line-height: 40px;
	font-size: 30px;
	font-family: "Roboto",sans-serif;
	font-weight: bold;
	color: #6fb737 !important;
	text-shadow: 1px 1px 0 #000;
	}
.apply h3 a{color:#fff;
text-decoration:underline;}
/*.title h2:before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	position:absolute;
	margin-top:50px;
}*/
	
/*.title:before{
	content:"";
	width:100px;
	height:1px;
	position:absolute;
	margin-top:73px;
	margin-left:auto;
	margin-right:auto;
}*/
.desc{
	font-size: 18px;
	font-weight: 300;
	padding:10px 0px;
	color: #fff;
	line-height: 24px;
}
/* ------------- Sticky Container ------------- */
.sticky-wrapper.is-sticky .top-container {
	position: relative;
	padding: 10px 13px 10px;
}
.sticky-navigation {
	width: 100%;
	z-index: 1001;
}
#top-section .collapse.in{
	z-index:9999;
}
#top-section{
	display:none;
}
.is-sticky #top-section{
	display:block;
}
#header-top #top-section{
	display:block;
}
#sticky-section .dropdown i{
	font-size: 18px;
    margin:0 0px 0 5px;
    vertical-align: middle;
}
/* ------------- Logo Styles ------------- */
.top-container {
    left: 0;    
    right: 0;
    top: 0;
	padding-top: 30px;
	z-index: 99;
}
.site-logo a {
	font-family: 'Roboto';
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	text-transform: uppercase;
}
.logo-letter {
	font-weight: 700;
}
/* ------------- Navigation ------------- */
.top-navbar {
	margin: 0;
}
.top-navbar ul.nav a {
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	color: #6fb737;
}
.top-navbar ul.nav a:hover, .top-navbar ul.nav a:focus {
	background:none !important;
	color: #2a3643;
}
.navbar-toggle{
	background-color:#2c3e50;
	margin-top:-40px;
	margin-right:0px;
}
.navbar-toggle .icon-bar{
	background-color:#FFFFFF;
}
.navbar-nav{
	margin:7.5px 0px;
}
.navbar-nav li a{
	padding-bottom:7px;
	padding-top:7px;
}
.top-navbar .dropdown a{
	background:none !important;
}
#topnav .nav li a:hover,
#topnav .nav li a:focus,
#topnav .nav li.active a{
	color:#000;
}
.top-navbar i{
	font-size:20px;
}
/* =========================== SLIDER SECTION ============================== */

/* ------------- Background Slider ------------- */
.home-slider{
	background:url(../images/header-bg.jpg) fixed no-repeat;
	background-size:cover;
}

.home-slider .scrollable {
	*zoom: 1;
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
.home-slider .scrollable:after {
	content: "";
	display: table;
	clear: both;
}

.inner-slider{
	overflow-y:visible !important;
	background:none;
	position: relative;
	min-height:150px;
	margin:10px 0;
}

.inner-slider .scrollable {
	*zoom: 1;
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
.inner-slider .scrollable:after {
	content: "";
	display: table;
	clear: both;
}
.slides-navigation {
	margin: 0 auto;
	position: absolute;
	z-index: 11;
	top: 46%;
	width: 100%;
}
.slides-navigation a {
	position: absolute;
	display: block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 36px;
}
.slides-navigation a.prev {
  	left: 5px;
}
.slides-navigation a.next {
  	right: 5px;
}

/* ------------- Text Slider ------------- */
.logo
{margin-top:80px;}

.inner-slider .logo
{margin-top:0px;}

.text-slider-section {
	width: 100%;
	height: auto;
	z-index: 2;
	padding-bottom: 40px;
}
.slider-text{margin-bottom:30px;}
.slider-text h2{
	color: #ffffff;
    font-family: "Roboto",sans-serif;
    font-size: 60px;
    font-weight: 300;
    margin-top: 40px;
    text-shadow: 1px 1px 1px #000;
    word-wrap: break-word;
}
.slider-text h2 span{
	font-weight:800;
}
.slider-text  p {
	font-family: 'Roboto';
	font-size: 18px;
	font-weight:100;
	text-transform:normal;
	color: #efefef;
	margin-top:40px;
	margin-bottom:40px;
}
.slide-text2{
	margin-top:80px;
}
.text-slider-section .slide-btn{
	font-weight:normal;
}
.slide-btn {
	margin:50px 0 0 0;
	font-family: 'Roboto';
	font-size: 24px;
	color: #FFFFFF;
	padding: 18px 44px;
	font-weight:normal;
	background: transparent;
	border:1px solid #ffffff;
	position: relative;	
}
.slide-btn a {
	color: #FFFFFF;
}
.slide-btn i{
	padding-left: 6px;
}
.slide-btn:hover{
	background: #FFFFFF;
	border:1px solid #ffffff;
}
.slide-btn:hover a, .slide-btn a:hover{
	color: #2c3e50;
}
.app-icons {
	display:block;
	margin:20px;
}
.app-icons i{
	font-size:35px;
	color:#ffffff;
	margin:4px;
}
.app-icons i:hover{
	transform:rotateX(360deg);
	-ms-transform:rotateX(360deg);
	-webkit-transform:rotateX(360deg);
	color:#2c3e50;
}
.slider-text .benefits{
	margin:0px;
}

.white-bg{
	background-color:#ffffff;
	color:#333333;
}
.white-bg:hover{
	background-color:#dddddd;
	color:#333333;
}


/* =========================== WELCOME SECTION ============================== */
.welcome-section{
	position:relative;
	background-color:#fff;
	padding-bottom:80px;
}

.container.welcome-inner {
     padding-top: 60px;
}
.container.welcome-inner2 {
     padding-top: 40px;
}
.verticals{margin-top:30px; text-transform:uppercase;}
.notice{margin-top:60px;}
.highlight{font-size:30px; padding:20px; background-color:#f4f9f1;}

/* =========================== FEATURES SECTION ============================== */
.features-section {
	background: #2c3e50;
	color: #909ba3;
	position:relative;
}
.container.features-inner {
    padding-top: 60px;
	padding-bottom: 0px;	
}
.features-section .title,
.features-section h3{
	color: #FFFFFF;
}

.features-content h5{
	font-size:16px;
	color:#ffffff;
	text-transform:uppercase;
}
.features-list {
	padding:0px; 
}
.features-list-left{
	text-align:left;
}
.features-list-right{
	text-align:left;
}
.features-list li{
	list-style: none;
	padding:20px 0;
	line-height:2;
	font-size: 15px;
    font-weight: 300;
	position:relative;
}

.features-list li i{
	display:block;
	font-size:35px;
	padding:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-top:1px solid #d9e2e9;
	border-bottom:1px solid #d9e2e9;
	width:80px;
	height:80px;
	margin:20px auto;
	line-height:60px;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transform: all 0.5s ease;
	-o-transform: all 0.5s ease;
	transition: all 0.5s ease;
	text-align:center;
	position:absolute;
	top:10px;
}
.features-list  li:hover > i{	
	border-top:1px solid #d9e2e9;
	border-bottom:1px solid #d9e2e9;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transform: all 0.5s ease;
	-o-transform: all 0.5s ease;
	transition: all 0.5s ease;
	color:#ffffff;
}
.features-list-left li i{
	left:0px	
}
.features-list-right li i{
	right:0px;	
}
.features-list-left .features-content{
	margin-left:110px;
}
.features-list-right .features-content{
	margin-right:110px;
}
.app-image{
	text-align:center;
	margin:0px auto;
	z-index:1;
}


/* =========================== ADDITIONAL SECTION ============================== */
.additional-section {
	background: #2c3e50;
	position:relative;
}

.circle-bg{
	position:absolute;
	width:80px;
	height:80px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	top:5px;
	left:0px;
	right:0px;
	margin:auto;
	text-align:center;
	font-size:20px;
	padding-top:5px;
	font-weight:700;
	z-index:-1;
	border-top:1px solid #d9e2e9;
}

.additional-title{
	z-index:100;
}
.container.additional-inner {
    padding-top: 60px;
	padding-bottom: 70px;	
}
.additional-section .title{
	color: #FFFFFF;
}

.additional-section h5{
	padding:0px 10px 5px 0;	
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase;
}
.additional-features{
	position:relative;
	color:#909ba3;
	line-height:2;
	text-align:center;
}
.additional-features i{
	width:80px;
	height:80px;
	line-height:80px;
	color:#ffffff;
	font-size:40px;
	text-align:center;
	border-top:1px solid #d9e2e9;
	border-bottom:1px solid #d9e2e9;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;		
}
.additional-features:hover > i{
	transform: rotate( 360deg);
	-moz-transform: rotate( 360deg);
	-webkit-transform: rotate( 360deg);
	-o-transform: rotate( 360deg);
	-ms-transform: rotate( 360deg);
}
.additional-content{
	padding:15px 30px;
	margin-bottom:30px;
}
.additional-feature-image{
	z-index:1;
	text-align:center;
}
.features-border-top{
	border-top:1px solid;
	margin-top:40px;
}
.features-border-top .col-md-3{
	margin-top:-40px;
}
.features-border-top .col-md-3:after{
	content:"";
    position: absolute;
    top: 40px;
    left: 0;
    height: 40%;
    width: 1px;
}
.features-border-top .right-border:before{
	content:"";
    position: absolute;
    top: 40px;
    right: 0;
    height: 40%;
    width: 1px;
}

/* =========================== PRICING TABLE SECTION ============================== */
.price-table{
	background-color:#FFFFFF;
	border-bottom:2px solid #909ba3;
}
.container.pricing-inner {
    padding-top: 60px;
	padding-bottom: 90px;	
}
.price-table .desc{	
	color:#99a3aa;
}

.pricing-title i{
	border-bottom:1px solid #dce0e3;
	margin-bottom:5px;
	padding-bottom:5px;
}
.price-table h3{
	font-size:26px;
	padding:20px;
	font-weight:500;
	margin-bottom:0px;
	border:1px solid #2c3e50;
	background-color:#2c3e50;	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.pricing-box{	
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.pricing-box ul{
	border-left:1px solid #2c3e50;
	border-right:1px solid #2c3e50;
	padding-left:0px;
	margin-bottom:0px;
}
.pricing-box li{
	list-style-type:none;
	padding:15px;
	color:#7a838a;
}
.pricing-box .list-bg{
	background-color:#2c3e50;
}
.pricing-box .price{
	border-left:1px solid #2c3e50;
	border-right:1px solid #2c3e50;
	padding:16px 0px;
	font-size:36px;
	color:#ffffff;
}
.pricing-box .price h6{
	display:inline-block;
	font-size:36px;
}
.pricing-box .price span{
	font-size:13px;
	font-weight:normal;
}
.pricing-more{
	padding:5px;
	text-align: center;
	border:1px solid;	
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.pricing-more i{
	font-size:28px;
}

.pricing-more:hover{
	background-color:#596067 !important;
	border:1px solid #596067;	
}
.pricing-more a{
	padding:10px 5px;
	color:#FFFFFF;
	display:block;
}

/* =========================== SCREENSHOTS SECTION ============================== */


.screenshots{
	position: inherit;
	background-size:cover;
	color:#fff;
	text-align:center;
}

.screenshots-inner{
	padding-top: 60px;
	padding-bottom: 90px;
}
.screen-img{
	padding:25px;
	text-align:center;
}

.screen-img img{
	border-radius:5px;
	border:8px solid rgba(255,255,255,.3);
}

.owl-carousel .owl-item {
    cursor: pointer;
    float: left;
}

.screen-img .overlay{
	background:none;
}


/* =========================== OUR ACHIEVEMENT SECTION ============================== */
.counting{
	background:#FFFFFF;
	border-top:2px solid #909ba3;
}
.container.counting-inner {
    padding-top: 60px;
	padding-bottom:70px;	
}
.counting h3{
	margin: 0 auto;
	color:#909ba3;
	padding: 5px 0px;
}
.counting-box{
	border-top:1px solid #666666;
	margin-top:40px;
}
.counting-box .col-md-3{
	margin-top:-40px;
}
.counting-box .col-md-3:after{
	content:"";
    position: absolute;
    top: 5px;
    left: 0;
    height: 40%;
    width: 1px;
	background-color:#666666;
}
.counting-box .right-border:before{
	content:"";
    position: absolute;
    top: 5px;
    right: 0;
    height: 40%;
    width: 1px;
	background-color:#666666;
}
.counting-box{
	padding:35px 0px;
}
.counting-box i{
	font-size:50px !important;
	color:#596067;
	line-height:102px;
}
.fact-number {
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.fact-number .factor {
	display: inline-block;
	line-height: 45px;
	padding:10px 0px;
	font-size: 60px;
	width: 160px;
	font-weight: 500;
}


/* =========================== VIDEO SECTION ============================== */

.demo-video{
	background:url(../images/bg/video-bg.jpg) no-repeat 100% fixed;
	position: inherit;
	background-size:cover;
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	position:relative;
}

.container.demo-video-inner {
    padding-top: 60px;
	padding-bottom:0px;	
}

.demo-video .title {
    color: #ffffff !important;
}

.video_bg{
	background:url(../images/video_bg.png) no-repeat center 100%;
	background-size:100%;
	max-width:700px;
	margin:0px auto;
	position:relative;
	padding:70px 0px 60px 0;
	margin-bottom:-30px;
	z-index:10;
}

.video_bg iframe{
	width:100%;
	max-width:544px;
}
	
/* =========================== HOW IT WORKS SECTION ============================== */
.how-it-works{
	background:#222;
	overflow:hidden;
}	
.how-it-works-inner {
    padding-top: 80px;
	padding-bottom:40px;
}
.how-it-works .header{
	padding-bottom:10px;
}
.how-it-works h2{
	color:#aaa;
}

.how-it-works h3{
	font-size:22px;
	text-transform:uppercase;
}

.heading{color: #bbb!important;
    font-size: 22px;
    margin: 50px 25px;
	text-transform:none!important;}

.how-it-works .desc{color:#ccc;}

.how-it-works ul{
	list-style-type:none;
	padding-left:0px;
	padding-bottom:60px;
}

.green{color: #6fb737 !important;
    font-size: 20px !important;
    margin:0 0 60px;
    padding: 20px;}
	
.about-right .fa-comment-o{
	font-weight:400;
}
.benefits{
	position:relative;
	margin-top:-30px;
	margin-bottom:50px;
}

.phone-image-right {
    margin-left: -25%;
	position: relative;
}
.how-it-works ul li{
	padding:10px 0px 0px;
}	
.how-it-works i{
	float:left;
	color:#6fb737;
	font-size:35px !important;
	font-weight:600;
	line-height:25px;
	margin:0px 20px 5px 0px;
}
.how-it-works .flaticon-users2{
	font-size:45px !important;
	margin:10px 10px 5px 5px;
}
.how-it-works .flaticon-share26{
	margin:10px 20px 5px 9px;
}
.how-it-works .about-right p{
	color:#bbb;
	font-size:16px;
	line-height:26px;
	font-weight:300;
}
.reason{background-color: #363636;
    color: #bbb;
    font-size: 30px !important;
    margin: 0 100px;
    padding: 20px;}
	
.description{
    color: #bbb;
    font-size: 18px !important;
    margin: 0 25px;
    padding: 0px;}
	
.why-onresults{float: left;
/*    margin-left: 100px;*/
/*    margin-right: 100px;*/
    margin-top: 50px;
    overflow: hidden;}

.why-onresults p{text-transform:uppercase; color:#aaa; font-size:18px;}
.why-onresults p span{font-style:italic;}

.affiliate{float: left;
    margin-top: 0;
    overflow: hidden;
	padding-bottom:30px!important}

.affiliate p{font-weight:bold; color:#aaa; font-size:18px; padding-left: 56px;}
.affiliate p span{color:#aaa; font-size:16px; font-weight:normal;}


/* =========================== TESTIMONIALS SECTION ============================== */
.testimonials{
}
.testimonials .testimonials-inner{
	padding-top:50px;
	padding-bottom:0px;
}
.testimonials h3{
	color:#a8b1ba;
}

.testimonials  .feedback{
	margin-top:10%;
	text-align:center;
} 
.testimonials  .feedback p{
	font-size:17px;
	font-weight:300;
	line-height:1.8;
}
.testimonials .owl-controls{
	display:none !important;
}
.testimonials  .feedback h5{
	font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
}
bg-text {
    background-color: #999999;
    overflow: hidden;
    padding: 20px 20px 100px 20px;
    position: relative;
}
.bg-text:after {
    color: #777777;
    content: attr(data-bg-text);
    display: block;
    font-size: 120px;
	font-weight:bold;
	transform:rotate(-15deg);
    line-height: 1;
    position: absolute;
    bottom: -15px;
    right: 10px;
	opacity:.1;
}

/* =========================== TEAM SECTION ============================== */
.team{
	background:url(../images/bg/additional-features-bg.jpg) no-repeat 100% fixed;
	position: inherit;
	background-size:cover;
	position:relative;
}
.team .container.team-inner {
    padding-top: 60px;
	padding-bottom: 70px;	
}
.team .title{
	color: #FFFFFF;
}
.team .team-box {
	margin:20px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-bottom:5px solid;
	position: relative;
}
.team .team-box-inner {
	padding: 0px;
}
.team .team-box-inner h3{
	margin-top:15px;
	color:#ffffff;
}
.team .team-box-inner p {
	padding:5px 5px 7px 5px;
	color:#ffffff;
}

.team .social-icon.top,
.team .social-icon.bottom{
	left: 0;
    margin: auto;
    padding: 13px 0;
    position: relative;
    right: 0;
    text-align: center;
}

.team .social-icon i{
	font-size:15px;
	line-height:35px;
	margin:0 7px;
	border-radius:50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	color:#FFFFFF;
	width:35px;
	height:35px;
}

.team-box-inner .about-member{
		opacity:0;
		text-align:center;
		position:absolute;
		top:10px;
		padding-bottom:10px;
		left:0;
		right:0px;	
}
.team-box-inner:hover img{
		opacity:.2;
}
.team-box-inner:hover .about-member{
		opacity:1;
			
}

.facebook{
		background-color:#204385;
}
.twitter{
		background-color:#2aa9e0;
}
.linkedin{
		background-color:#02669a;
}
.google{
		background-color:#d3492c;
}
.pinterest{
		background-color:#ca2128;
}
.youtube{
		background-color:#eb2429;
}
.vimeo{
		background-color:#20b7ec;
}
.flickr{
		background-color:#f14c8e;
}


/* =========================== FAQ SECTION ============================== */
.faq .faq-box{
	margin-bottom:30px;
	background-color:#e7ebef;
}
.faq .faq-inner{
	padding-top:20px ;
	padding-bottom:40px;
}
.faq .faq-box.img{
	display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.faq .faq-box img{		
	width:80px;
	height:80px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	text-align:center;
}
.faq .title-top{
	margin:0px;
}
.faq .effects .img{
	margin-bottom:0px;
}
.faq-image.img .img-icon{
	font-size:40px;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:50%;
	text-align:center;
	border:1px solid #333;
}
.faq-content{
	padding: 30px;
    text-align: left;
}
.faq-content h2{
	font-weight:300;	
	margin-top: 0;
}

.faq-scroll-section{margin-top:40px;}

.faq-content h2 a:hover{
	opacity:0.7;
}

.faq-content p{
	line-height:26px;
	color:#717b82;
}

.faq-content .comments{
		padding:5px 5px 15px 5px;
}
.faq .btn{
	padding:7px 15px 8px;
	font-weight:normal;
	margin-top:10px;
	font-size:15px;
}
.faq .slide-btn{
	background-color:#596067;
}
.faq .btn i{
	vertical-align:text-bottom !important;
}
.faq .btn:hover{
	color:#FFFFFF !important;
}
.faq .load-post .btn{
	background-color:#2c3e50;
	padding:15px 0px;
	width:100%;
	color:#d9e2e9;
}
.faq .load-post .btn:hover{
	color:#FFFFFF;
}
.faq .faq-scroll-section .effects .img {
	position: absolute;
	overflow: hidden;
	margin:0px auto;
	padding:10px;	
	width:100px;
	height:100px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-top:1px solid #333;
	border-bottom:1px solid #333;	
}
.faq-image.img.overlay{
	border-radius:50% !important;
	-moz-border-radius:50% !important;
	-webkit-border-radius:50% !important;
	-o-border-radius:50% !important;
	-ms-border-radius:50% !important;
}
.news-info div{
	display: inline-block;
	padding-right:10px;
}
.news-info div .fa{
	padding-right:5px;
}


/* =========================== SKILL SECTION ============================== */
.skill{
	background:url(../images/bg/expertise-bg.png) center;
}
.skill .skill-inner{
	padding-top:50px;
	padding-bottom:70px;
}
.skill h3{
	color:#a8b1ba;
}
.piechart {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 35px 0px;
    width: 100%;
}
.piechart canvas {
    position: absolute;
    top: 0;
    left: 46%;
    margin-left: -97px;
    color: #E26853;
}
.piechart span {
    border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
    color: #FFFFFF;
    display: block;
    font-size: 60px;
	font-weight:500;
    height: 162px;
    left: 50%;
    line-height: 200px;
    margin-bottom: 25px;
    margin-left: -75px;
    position: relative;
    top: 5px;
    width: 162px;
    z-index: 2;
}
.piechart span:after {
    content: '%';
    font-size: 60px;
}

/* Load More */
.load-more{
	display: none;
}
.load-more.active{
 	display: block;
}

/* =========================== CLIENT SECTION ============================== */
.container.client-inner {
    padding-top: 60px;
	padding-bottom: 60px;	
}
.client1, .client2{
	padding:15px 0px;
	color:#717b82;
}
.client1 span, .client2 span{
	font-size:15px;
	color:#717b82;
	font-style:normal;
	font-weight:normal;
}
.client-inner h5{
	font-size:16px;
	color:#495258;
	font-weight:700;
}
.client-inner h3{
	font-weight:600;
}
.client-inner p{
	font-size:15px;
	line-height:26px;
}
.clients .client-logo .divider{
	float:left;
	margin:-23px 25px 0 20px;
}
.clients .client-logo .logo-top, .clients .client-logo .logo-bottom{
	padding:5px 30px;
}
.clients .client-logo .logo-top img, .clients .client-logo .logo-bottom img{
	margin:15px 35px;
}
.clients .client-logo .logo-top img,  .clients .client-logo .logo-bottom img { 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.9999 0.9999 0 1 0\'/></filter></svg>#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */  
	-webkit-filter: grayscale(0.5); 
	 /* for IE6+ */  
	 -moz-filter: grayscale(0.5);  
	 -ms-filter: grayscale(0.5);  
	 -o-filter: grayscale(0.5);  
	 filter: grayscale(0.5); 
	 opacity:0.65; 
	 filter: gray;
}
.clients .client-logo .logo-top img:hover, .clients .client-logo .logo-bottom img:hover  {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0, 1 0\'/></filter></svg>#grayscale"); 
	/* for Webkit browsere, Chrome 19+, Safari 6+ ... */  
	-webkit-filter: grayscale(0);  
	/* for IE6+ */  
	filter: gray; 
	opacity:1;
	-moz-filter: grayscale(0);  
	-ms-filter: grayscale(0);  
	-o-filter: grayscale(0);  
	filter: grayscale(0);
}
/* =========================== TWITTER FEED SECTION ============================== */
.twitter-feed{
    text-align: center;
	padding-bottom:15px;
}
.twitter-feed .owl-buttons{
	display:none;
}
.tweet{
	padding:12px 0px 5px;
}
.twitter-feed i{
	margin:-35px 0;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	padding:10px;
	color:#FFFFFF;
}
.twitter-feed .owl-pagination,
.twitter-feed .icon-twitter, .twitter-feed .tweet_time, .twitter-feed .username{
	display:none;
}
.twitter-feed .tweet_text{
	color:#FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:300;
	font-style:italic;
}
.twitter-feed .tweet_user a, .tweet_text a{
	text-decoration:underline;
}
.twitter-feed .tweet_user a, .tweet_text a, .twitter-feed .tweet_text, .username{	
	color:#FFFFFF;
}

/* =========================== SUBSCRIBE SECTION ============================== */
.subscribe{
	background: #2c3e50;
}
.container.subscribe-inner {
    padding-top: 60px;
	padding-bottom: 80px;	
}
.subscribe .title{
	color:#FFFFFF;
}

.form-control-lg {
    font-size: 18px;
    height: 60px;
    line-height: 30px;
    padding: 15px 25px;
}
.subscribe-form-submit {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    right: 0;
    top: -1px;
    width: 150px;
	color:#ffffff;
}
.form-horizontal .subscribe-form-input.has-feedback .form-control-feedback{
	right:150px;
	top:13px !important;
}
.btn-lg {
    padding: 18px 25px;
}
.subscribe .form-control::-moz-placeholder{
	color:#ffffff !important;
	opacity:0.98 !important;
	font-weight:300!important;
}
.subscribe .form-control::-webkit-input-placeholder{ 
	color:##FFFFFF !important;
	opacity:1;
}

/* =========================== CONTACT US SECTION ============================== */
.contact{
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border-radius: 7px;
    margin-top: 25px;
    padding: 25px !important;
}

.cform{padding: 0 200px;}

.container.contact-inner {
    padding-top: 60px;
	padding-bottom: 80px;	
}
.contact .header{
	padding-bottom:25px;
}
.contact .form-control{
	background: rgba(0,0,0,0.9);
    border: 1px solid #5f9d2f;
    color: #ffffff !important;
    height: 50px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.contact .form-message{
	color:#FFFFFF;
	padding:5px 0 10px;
	text-align:center;
}
.forms .error, .forms .error:focus{
	border:1px solid #d99898;
}
.contact textarea.form-control{
	height:200px;
}
.contact .btn{
	margin-top:10px;
}
.contact .form-horizontal .form-group{
	margin:5px 0px;
}
.contact .form-control::-moz-placeholder{
	color:#ffffff !important;
	opacity:0.98 !important;
}
.contact  .form-control:focus{
	color:#ffffff !important;
	opacity:1 !important;
}
.contact .form-control::-webkit-input-placeholder{ 
	color:#ffffff !important;
	opacity:1;
}
.contact .btn{
	width:100%;
	height:60px;
	color:#FFFFFF;
	font-size:28px;
	font-weight:normal;
	border:0px;
	background:#6fb737 !important;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;	
}
.contact .btn:hover{box-shadow:1px 1px 3px #000; color:#fff;}
.contact .btn i{
	margin:0 12px;
}

#friends{background-color:#f5f5f5; color:#fff; padding:30px 0;}
#friends ul{float:left;margin:0;}
#friends ul li{margin:0 30px; list-style:none; display:inline;}
#friends ul li a{opacity:0.4; filter: grayscale(1);}
#friends ul li a:hover{opacity:1; filter: grayscale(0);}
#friends ul li:first-child{display:inline;margin-left:0; margin-right:20px; list-style:none;}
#contact-info{background-color:#6fb737; color:#fff; padding:30px 0;}
#q-head{font-size:24px; line-height:90px;}
#telnumber{font-size:60px; font-weight:500;}
#telnumber a{color:#fff;}
#timing{font-weight:300; margin-left:10px;}

#location{display: block;
    float: left;
    font-size: 50px;
    height: auto;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 20px;
    position: relative;}

.copyright a{margin:0 10px; color:#6fb737; font-size:14px; padding-top:15px;}

/* =========================== DOWNLOAD NOW  ============================== */

.download-now{
	background:#1d2c39;
	position:relative;
}
.download-now .btn i{
	font-size:30px;
	margin-left:10px;
	margin-right:10px;
}
.download-now .slide-btn{
	font-size:20px;
}
.download-now .btn{
	margin:10px 10px;
	padding:20px 40px 20px 20px;
	font-size:20px;
	font-weight:300;
	text-transform:uppercase;
}
.download-now .btn.iphone{
	margin:0px 5px;
	padding:20px 20px 20px 40px;
}
.container.download-now-inner {
    padding-top: 60px;
	padding-bottom: 60px;	
}

.iphone{
	color:#fff;
}
.iphone:hover,
.btn.bg-color:hover{
	color:#fff;
	background: transparent;
	border:1px solid #35495d;
}


/* =========================== FOOTER SECTION ============================== */

/* =========================== Social Media  ===========================*/

.social-media{
	text-align:center;
	border-top:1px solid #35495d;
	padding-top:30px;
}
.social-media i{
	width:70px;
	height:70px;
	line-height:70px;
	border:0px solid #ddd;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	margin:5px;
	font-size:20px;
	color:#ffffff;
	background:transparent;
	border-top:1px solid #35495d;
	border-bottom:1px solid #35495d;
}

/* =========================== Copyrights ============================== */

.copyright{
	background-color:#222;
	padding:5px 0px;
	color:#FFFFFF;
}
.copyright p{
	font-size:14px;
	padding-top:15px;
	font-weight:normal;
	color:#d9e2e9;
}
.copyright .copyright-social-icon i:hover, .copyright .copyright-social-icon i, .team .social-icon i, .team .social-icon i:hover, .contact .btn:hover, .contact .btn, .faq .btn, .pricing-more:hover, .pricing-more, .service-more:hover, .service-more, .faq-single .btn, .faq-single .btn:hover,
.social-media i:hover, 
.social-media i,
.app-icons i:hover,
.app-icons i,
.additional-features:hover > i,
.additional-features > i,
.pricing-box:hover,
.pricing-box,
.screen-img:hover,
.screen-img ,
.team-box-inner .about-member,
.team-box-inner:hover .about-member,
.team-box-inner:hover img,
.team-box-inner img
{
	transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
}

.pricing-box:hover,
.screen-img:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform:scale(1.1);
}

/* =========================== PAGES ============================== */
/* ------------- FAQ ------------- */
.faq-outer{
	margin:20px 0 0;
	padding:45px 0 15px;
}
#faq-outer a{
	text-decoration:none !important;
}
.faq-outer .faq-inner{
	margin:30px 0px 45px;
	border:1px solid #CCCCCC;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	padding:10px 0px;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.faq-outer .faq-inner img{
	padding-bottom:10px;
}	
.faq-outer .faq-status ul{
    font-size: 13px;
    list-style: none outside none;
	background:#f9f9f9;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
    padding: 10px 0px;
	margin-left:-15px;
	margin-right:-15px;
    text-align: right;
}
.faq-outer .faq-status .faq-date{
	padding:10px 0px;
}
.faq-outer .faq-status .faq-date .span-inner{
	font-size:16px;
}
.faq-outer .faq-status .faq-title{
	font-size:24px;
	border-left:1px solid #CCCCCC;
}
.faq-outer .faq-status li{
	display:inline;
	padding:0 20px;
}
.faq-outer .faq-status p{
	padding:10px 0 5px;
	line-height:26px;
	color:#717b82;
}	
.faq-outer .faq-status i{
	margin:5px 8px;
}
.faq-outer .faq-social{
	padding:10px 0px 0px;
}
.faq-outer .faq-inner-bottom .social-title{
	padding:3px 0 0 0;
}
.faq-outer .faq-social i{
	font-size:20px;
	line-height:33px;
	margin:0 7px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	width:33px;
	text-align:center;
	height:33px;
}
.faq-outer .btn a{
	color:#FFFFFF;
}
.faq-inner-bottom{
	border-top:1px solid #CCCCCC;
	padding:0px 8px;
}
.faq-outer .faq-social i:hover{
	color:#FFFFFF;
}
.faq-outer .faq-status .read-more:hover{
	text-decoration:underline;
}
.faq-outer .post-video iframe{
	width:100%;
}
/* ------------- Blog Right Part Sidebar ------------- */
.faq-outer .sidebar{
	margin:30px 0px;
	padding:0px 20px;
}
.faq-outer .sidebar a{
	color:#666666;
}
/* Blog Search Box */
.faq-outer .sidebar .form-control{
	border-right:hidden !important;
	box-shadow:none;
	height:40px;
	background:none;
	border-radius:none;
}
.faq-outer .input-group .form-control, .faq-outer  .input-group-addon{
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
.faq-outer .sidebar .form-control:focus{
	border:1px solid #CCCCCC !important;
	border-right:hidden !important;
	box-shadow:none;
}
.faq-outer .form-control::-moz-placeholder{
	color:#ffffff !important;
	background-color:none;
}	
.faq-outer .input-group-addon {
	background:none;
	border-left:hidden;
}
/* Sidebar Social */
.sidebar-social{
	padding:40px 0px 10px;
}
.sidebar-social ul{
	padding-left:0px;
}
.sidebar-social span {
    display: inline-block;
    padding: 0 9px 6px;
}
.sidebar-social li{
	border:1px solid #CCCCCC;
	margin:13px 0px;
	list-style-type:none;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar-social li a i{
	float:right;
	color:#999;
	font-size:15px;
	line-height:25px;
}
.sidebar-social li i{
	font-size:25px;
	padding:8px 0px;
	margin-right:5px;
	text-align:center;
	width:43px;
	height:43px;
	color:#FFFFFF;
	display:inline-block;
}
.fa-twitter{
	background-color:#54c8f9;
}
.fa-facebook{
	background-color:#3f61a9;
}
.fa-linkedin{
	background-color:#2d95d2;
}
.fa-google-plus{
	background-color:#ef6565;
}
.fa-pinterest{
	background-color:#d94134;
}
/* Sidebar Facebook */
.sidebar-facebook{
	margin:30px 0px;
	padding:10px 0px 10px;
	border:1px solid #CCCCCC;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar-facebook .facebook-inner{
	padding:15px 24px 25px;
}
.sidebar-facebook h4{
	padding:0 10px;
}
.sidebar-facebook ul{
	padding-left:0px;
	margin:15px 5px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.sidebar-facebook li{
	margin:5px 0px 0px;
	display:inline-block;
	list-style-type:none;
}
.sidebar-facebook .fa-facebook{
	background-color:#3f61a9;
}
.sidebar-facebook i{
	font-size:18px;
	padding:3px 0px;
	margin:0 10px;
	text-align:center;
	width:20px;
	height:20px;
	color:#FFFFFF;
}
/* Twitter Sidebar */
.sidebar .twitter-feed{
	background-color:#FFFFFF !important;
	padding:10px 0px 5px;
	position:relative;
	border:1px solid #CCCCCC;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar .twitter-feed i{
	text-align:center;
	background-color:#FFFFFF !important;
	margin:0 auto;
	color:#3498db;
}
.sidebar .tweet{
	padding:5px 0px;
}
.sidebar .twitter-feed .owl-buttons{
	display:inherit;
}
.sidebar .owl-theme .owl-controls .owl-buttons div:before{
	font-size:12px;
	line-height:32px;
	color:#333333;
	width:20px;
}
.sidebar .owl-buttons .owl-next{
	right:41%;
}
.sidebar .owl-buttons .owl-prev{
	left:41%;
}
.sidebar .owl-carousel .owl-item{
	padding:10px 20px;
}
.sidebar .owl-theme .owl-controls{
	margin-top:0px;
}
.sidebar .owl-theme .owl-controls .owl-buttons div{
	position:absolute;
	top:-22px;
	padding:0px;
}
.sidebar .owl-theme .owl-controls .owl-buttons .owl-prev, .sidebar .owl-theme .owl-controls .owl-buttons .owl-next {
	color:#333333 !important;
	height:35px;
    width: 30px;
}
.sidebar .twitter-feed .tweet_text, .sidebar .username{
	font-size:12px;
	font-weight:500;
	color:#666666;
	font-style:italic;
}
/* Blog Categories */	
.faq-outer .categories{
	margin:30px 0px;
}	
.faq-outer .categories ul{
	list-style: none outside none;
    padding: 10px 0px;
    text-align: left;	
}	
.faq-outer .categories li{
	padding:10px 0 10px 5px;
	transition:all 0.6s ease 0s;
}
.faq-outer .categories li:hover{
	background:#f3f3f3;
	transition:all 0.6s ease 0s;
}
.faq-outer .categories i{
	float:right;
}
/* Blog Tags */
.faq-outer .tags{
	margin: 40px 0;
}
.faq-outer .tags ul{
	padding-left:0px;
}
.faq-outer .tags li{
	display:inline-block;
	margin:2px;
	padding:5px 7px;
	border:1px solid;
	transition:all 0.4s ease 0s;
}	
.faq-outer .tags li:hover{
	background:#CCCCCC;
	transition:all 0.4s ease 0s;
}
.faq-outer .tags li:hover a{
	color:#FFFFFF !important;
}
.faq-outer .tags  h4, .faq-outer .categories h4, .faq-outer .recent-comments h4, .faq-outer .archives h4{
    border-bottom: 1px solid #d9e1f0;
    font-size: 18px;
	font-weight:700;
    margin: 0 0 8px;
    padding: 0 0 10px;
}
/* Blog Recent Comments and Archives */
.faq-outer .recent-comments {
    margin: 50px 0;
}
.faq-outer .sidebar .recent-comments p, .faq-outer .sidebar .archives p{
	padding:15px 0px;
	margin:0px;
	line-height:26px;
	border-bottom:1px dashed #CCCCCC;
	font-size:14px;
}
.faq-outer .archives p i{
	float:right;
	font-size:15px;
}
/* ------------- Blog Single Page ------------- */

blockquote{
	border-left:0;
}
.faq-single blockquote{
	border-left:5px solid;
	margin:50px 0px;
	padding:30px 20px;
	font-size:13px;
}
.faq-single  blockquote img{
	float:left;
	margin:-20px 20px 0 0;
}	
.faq-single  blockquote h3{
	margin:5px 0px;
}	
.faq-single .faq-status p{
	padding:10px 0px 5px;
}
.faq-single .form-section{
	padding:20px 0px;
}
.faq-single .btn:hover{
	background-color:#CCCCCC;
}
.faq-single blockquote .author-name {
	color: #26455F;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}
/* Comments */
.comments{
	padding:20px 0px;
}
.image-circle {
	border-radius: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	-khtml-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
}
.comment-wrap {
	background-color: #f6f6f6;
	display: block;
	margin: 30px 0px;
	padding: 25px 29px;
	position: relative;
}
.comment-reply {
	margin-left: 30px;
	border-left:5px solid;
}
.comment-wrap .image-holder {
	float: left;
	margin-right: 16px;
	position: relative;
	width: 61px;
	z-index: 30;
}
.comment-wrap .name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}
.comment-wrap .date {
	font-size: 12px;
	font-weight: 300;
	padding: 0 0 10px;
}
.comment-wrap .message{
	font-size:14px;
}
.comment-wrap i{
	padding:0px 8px;
}
/* ------------- Blog Single Contact Form ------------- */
.faq-single .form-control{
	border:0px;
	height:40px;
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border:1px solid #CCCCCC;
	box-shadow:none;
}
.faq-single textarea.form-control{
	height:130px;
}
.faq-single .form-control:focus{
	border:1px solid #CCCCCC !important;
}
.faq-single .form-horizontal .form-group{
	margin:20px 0px;
}
.faq-single .btn{
	width:130px;
	background-color:#2c3e50;
	padding:7px 10px;
	font-size:16px;
	margin-top:0px;
	color:#ffffff;
	font-weight:normal;
	height:40px;
	border:0px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.faq-single .btn:hover{

	color:#FFFFFF;
}
/* ------------- Blog Grid ------------- */
.grid-posts{
	margin:10px 0px;
	padding:0 15px;
	width:33.3%;
}
.faq-grid .faq-status li{
	padding:0 5px;
}
.faq-grid .faq-status ul{
	text-align:center;
	margin-left:-15px;
	margin-right:-15px;
}
.faq-grid .faq-inner {
    padding: 10px 0px;
	margin:0px !important;
}
.faq-grid .embed-container, .faq-timeline .embed-container { 
	position: relative;
	padding-bottom: 56.25%; 
	overflow: hidden; 
	max-width: 100%; 
	height: 225px; 
} 

.faq-grid .embed-container iframe, 
.faq-grid .embed-container object, 
.faq-grid .embed-container embed , 
.faq-timeline .embed-container iframe, 
.faq-timeline .embed-container object, 
.faq-timeline .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%; 
}
.faq-grid .social-title i, .faq-timeline .social-title i{
	margin:5px 7px;
	text-align:left;
}
.faq-grid .flexslider, .faq-timeline .flexslider{
	background:none !important;
	border:0px;
	border-radius:0px;
	box-shadow:none;
}
.faq-grid .faq-status .flexslider ul{
	border:0px;
	background:none;
	padding:0px 10px;
}
.faq-grid .flex-direction-nav-on-top .flex-direction-nav{
	right:16px;
}
.faq-grid .faq-social i, .faq-timeline .faq-social i{
	margin:0 4px;
}
.faq-grid .faq-social, .faq-timeline .faq-social {
	padding:10px 4px 0;
}
/* ------------- Blog Timeline ------------- */
.faq-timeline .flex-direction-nav-on-top .flex-direction-nav{
	right:16px;
}
.faq-timeline-event .slides li{
	padding:0 10px !important;
}
.faq-timeline .faq-status .flexslider ul {
	border:0px;
	background:none;
	padding:0 5px;
}
.timeline-title {
    display: block;
    margin: 10px auto;
    text-align: center;
}
.timeline-title2 {
    display: block;
    margin: 40px auto 11px;
    text-align: center;
}
.timeline-title span, .timeline-title2 span{
    border-radius: 3px;
    color: #fff;
    padding: 8px 15px;
}
.faq-timeline .faq-inner {
    box-shadow: 0 0 0 4px #dddddd;
}
.faq-timeline-left {
    border-right: 5px solid #ddd;
}
.faq-timeline-event-left {
    position: relative;
    width: 97%;
	padding:0 20px;
}
.faq-timeline-event-left:before {
    margin-left: -12px;
    right: -44px;
}
.faq-timeline-event-left:before {
    margin-left: -12px;
    right: -41px;
}
.faq-timeline-event-left:before {
    border: 4px solid #ddd;
    border-radius: 50px;
    content: "";
    height: 20px;
    margin-left: -12px;
    position: absolute;
    right: -45px;
    top: 13px;
    width: 20px;
    z-index: 10;
}
.faq-timeline-event-left:after {
    border-color: transparent transparent transparent #dddddd;
    border-width: 14px 0 14px 20px;
    right: 0px;
}
.faq-timeline-event:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    top: 9px;
    width: 0;
}
/* Timeline Right */
.faq-timeline-right {
    padding-top: 100px;
}
.faq-timeline-event-right {
    margin-left: 3%;
	padding:0px 20px;
    position: relative;
    width: 97%;
}
.faq-timeline-event-right:before {
    left: -32px;
    margin-left: -12px;
}
.faq-timeline-event-right:before {
    left: -29px;
    margin-left: -12px;
}
.faq-timeline-event-right:before {
    border: 4px solid #ddd;
    border-radius: 50px;
    content: "";
    height: 20px;
    left: -34px;
    margin-left: -12px;
    position: absolute;
    top: 13px;
    width: 20px;
    z-index: 10;
}
.faq-timeline-event-right:after {
    border-color: transparent #dddddd transparent transparent;
    border-width: 14px 20px 14px 0;
    left: 0px;
}
.faq-timeline-event:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    top: 9px;
    width: 0;
}
/* Pagination */
.pagination{
	display:block;
	margin:0px auto;
	text-align:center;
}
.pagination ul {
	display: inline-block;
	margin:20px auto;
	padding: 0;
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a, .pagination ul > li > span {
	color: #555555;
	float: left;
	line-height: 24px;
	padding:3px 12px 6px;
	text-decoration: none;
	-moz-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-webkit-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-khtml-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-o-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-ms-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
	border-radius: 0;
	color: #FFFFFF;
}
.pagination ul > .active > a, 
.pagination ul > .active > a:hover, 
.pagination ul > .active > a:focus, 
.pagination ul > .active > span {
	background-color:#666666 !important;
	color: #FFFFFF;
	cursor: default;
}
.pagination ul > li > a, .pagination ul > li > span {
	color: #FFFFFF;
}
.pagination ul > li > a:hover, 
.pagination ul > li > a:focus {
	background-color: #BBBBBB !important;
}

/* -------------- PORTFOLIO  ------------------ */
#portfolio{
	background:#f2f6fa;
	padding-bottom: 80px;
	border-bottom:2px solid #909ba3;
	overflow-x:hidden;
}
.container.work-inner {
    padding-top: 60px;
	padding-bottom: 20px;	
}
.work {    
	padding: 0;	
}
.effects .work-image {
	margin-bottom: 3px;   
	box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-moz-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-webkit-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-o-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-ms-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	position:relative;
}
.work-image img {
	width: 100%;
	height: 100%;
}
.portfolio-items .mix {
	display: none;
}

/* ------------- FAQ ------------- */
.faq{
	margin-top:60px;
	padding-bottom:60px;
}
.faq h3{
	padding:0 0 10px 0;
}
.faq .panel-group{
	margin:10px 0px;
}	
.faq .panel-group .panel{
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	margin:3px 0px;
}
.faq .panel-heading{
	padding:15px;
	background:none;
}
.faq .panel-default{
	border-color:#CCCCCC;
}
.faq .panel-title a{
	text-transform:capitalize;
	line-height:25px;
}
/* Faq Left Part */
.faq .left-part .panel-group .panel{
	border:0px;
	box-shadow:none;
}
.faq .left-part .faq-panel .accordion-toggle:before {
	padding: 4px 6px;
	margin-left: -12px;
	content: "\f068";
	color:#FFFFFF;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-family: "fontawesome";
	transition: all ease 0.6s;
}	
.faq .left-part .faq-panel .accordion-toggle.collapsed:before {
    content: "\f067";
}
.faq .left-part .panel-body{
	background:none;
	color:#1f1f1f;
	line-height:26px;
	padding:10px 25px 10px 35px;
}
.faq .left-part .panel-title h4{
	margin-left:10px;
}
.faq .right-part .panel-body{
	padding:10px 25px 10px 15px;
	line-height:26px;
}
.faq-copy{
	padding:20px 0px 10px;
	box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
/* ------------- Shortcodes ------------- */
#header-top #top-section-sticky-wrapper.is-sticky .top-container{
	padding:5px 55px 10px;
}
#header-top .title-row{
	margin-left:0px;
	margin-right:0px;
}
#header-top{
	background-color:#FFFFFF;
}
#header-top .top-container{
	padding:15px 10px;
}	
.shortcodes{
	margin-top:50px;
	margin-bottom:50px;
}
.shortcodes .tab-menu{
	padding:30px 8px;
}
.shortcodes .tab-menu i{
	margin-right:5px;
	font-size:15px;
}
.shortcodes .tab-menu a{
	color:#1f1f1f;
}
.shortcodes .tab-menu a:hover{
	background:none;
}
.shortcodes .tab-menu p {
	padding: 20px 20px;
	line-height:26px;
}
.shortcodes .tab-menu h4 {
	padding:0px 10px;
}
.shortcodes .tab-content {
	border:1px solid #ccc;
	border-top:none;
	margin:0px 10px;
}
.shortcodes ul{ 
	padding-top:10px;
	margin:0px 10px;
}
.shortcodes .nav-tabs > li.active > a, .shortcodes .nav-tabs > li.active > a:hover, .shortcodes .nav-tabs > li.active > a:focus {
	background-color: #FFFFFF;
	border-color: #CCC #CCC rgba(0, 0, 0, 0);
	border-image: none;
	border-style: solid;
	border-width: 1px;
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	font-weight:500;
	cursor: default;
}
.shortcodes .nav-tabs > li.active > a:focus{
	border-top:2px solid;
}
.shortcodes .nav-tabs > li.active > a{
	border-top:2px solid;
}
.shortcodes .nav-tabs {
	border-bottom: 1px solid #ccc;
}
/* Shortcode Accordion */
.centerlize{padding:0 100px;}
.accordion h4{
	font-weight:500;
	text-transform:capitalize;
}
.accordion .panel-title, .shortcodes .accordion .panel-body{
	font-size:16px;
}
.accordion-toggle:before {
	padding: 4px 6px;
	margin-left: -12px;
	content: "\f068";
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-family: "fontawesome";
	transition: all ease 0.6s;
}	
.accordion-toggle.collapsed:before {
    content: "\f067";
}
.accordion{
	padding:5px;
}
.panel-body{
	padding:10px 25px 10px 15px;
	line-height:20px;
	background:#555;
	color: #cecece;
}
.panel-default .panel-heading{
	/*background: rgba(111, 183, 55, 1);
    color: #fff;*/
	background:none;
	color:
}
.panel-heading{
	padding:13px 15px;
	border:none !important;
}
.panel-group .panel{
	box-shadow:none;
}
.accordion .accordion-inner{
	padding:13px 5px;
}

.panel{margin-bottom:20px;background:none;border:none;}.panel-body{padding:25px}.panel-heading{padding:15px;border-bottom:1px solid transparent; color:#6fb737;}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #555;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel-group{margin-top: 0px!important;}
/* Buttons */
.button-inner {
	padding:20px 0px;
}
.shortcodes .progressbar h4{
	padding:20px 0px;
}
.shortcodes .progressbar .progress {
	background-color: #F5F5F5;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 25px;
	margin-bottom: 30px;
	overflow: hidden;
}
.shortcodes .progressbar .progress span{
	font-size:14px;
	float:right;
	font-weight:bold;
}
.shortcodes .panels h4{
	padding:20px 0px;
}
/* Testimonials */	
.shortcodes .testimonial h4{
	padding:20px 0px;
}	
.shortcodes .testimonial .testimonial-inner .testimonial-content:before {
	content: "\f10d";
	font-size: 18px;
	font-weight: 300;
	font-family: "fontawesome";
	left: 7px;
	opacity: 0.5;
	position: absolute;
	top: 0px;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content:after {
	bottom: -13px;
	content: "\f0d7";
	display: block;
	font-family: "fontawesome";
	font-size: 2em;
	height: 8px;
	left: 33px;
	line-height: 0;
	position: absolute;
	text-shadow: 0 2px 0 #EEEEEE;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content {
	background:#f3f3f3;
	border: 1px solid #E8E8E8;
	border-bottom:2px solid;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.04) inset;
	margin: 0 0px 10px;
	padding: 30px 25px 15px;
	line-height:26px;
	position: relative;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content:hover {
	color:#fff;
	border-bottom:2px solid;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content img{
	float:left;
	padding-top:25px;
	border:2px solid #fff;
}	
.shortcodes .testimonial .testimonial-inner .testimonial-author {
	margin-left: 10px;
	text-align: left;
}
.shortcodes .testimonial .testimonial-inner .testimonial-author span {
	font-weight: 600;
}
.shortcodes .testimonial .testimonial-inner, .shortcodes .testimonial .testimonial2-inner{
	margin-top:10px;
}
/* Testimonial2 Inner */
.shortcodes .testimonial .testimonial2-inner .testimonial-content:after {
	bottom: -13px;
	content: "\f0d7";
	display: block;
	font-family: "fontawesome";
	font-size: 2em;
	height: 8px;
	left: 33px;
	line-height: 0;
	position: absolute;
	text-shadow: 0 2px 0 #EEEEEE;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content {
	background:#f3f3f3;
	border: 1px solid #E8E8E8;
	border-bottom:2px solid;
	border-radius: 0px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.04) inset;
	margin: 0 0px 10px;
	padding: 5px 15px 5px;
	position: relative;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content:hover {
	color:#fff;
	border-bottom:2px solid;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content img{
	float:left;
	margin:20px 15px 20px 0;
	border:2px solid #fff;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content p{
	text-align:center;
	padding:15px;
	line-height:26px;
}		
.shortcodes .testimonial .testimonial2-inner .testimonial-author {
	margin-left: 10px;
	text-align: left;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-author span {
	font-weight: 600;
}
/* Testimonials 3 */	
.shortcodes .testimonial3-inner .carousel h4{
	color:#666;
	text-align:center;
	padding:0px;	
}
.shortcodes .testimonial3-inner .carousel h5{
	color:#666;
	text-align:center;
}
.shortcodes .testimonial3-inner .carousel-indicators {
	bottom: 60px;
}
.shortcodes .testimonial3-inner .carousel-indicators li {
	margin:0px;
	height:15px;
	width:15px;
	border:2px solid #CCC;
	background-color:#CCCCCC;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.shortcodes .testimonial3-inner .item-descripion{
	text-align:center;
	color:#666;
	padding:40px 30px 20px;
	line-height:26px;
}
.shortcodes .testimonial3-inner .item-img{
	float:left;
	text-align:center;
	padding:30px 30px;
	margin:0px 20px;
}
.shortcodes .testimonial3-inner img{
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
}
.shortcodes .testimonial3-inner .carousel-inner p:before {
	content: "\f10d";
	color:#666;
	font-family: "fontawesome";
	font-size: 18px;
	font-weight: 300;
	left: -10px;
	opacity: 0.5;
	position: relative;
	top:0;
}
.shortcodes .shortcode-title{
	padding:20px;
}
/* Fun Facts */
.shortcodes .fact-top{
	padding:30px 0px 0px;
}
.shortcodes .fact-margin {
	margin-bottom: 10px;
	margin-top: 20px;
}
/* Skills */
.shortcodes .skill{
	background:none;
}
.shortcodes .skill .shortcode-title{
	padding:0px 10px 20px;
}
.shortcodes .skill h3{
	color:#000;
	font-weight:500;
}
.shortcodes .skills-inner h3{
	padding:20px 0px;
}
.shortcodes .piechart{
	margin:0px;
}
/* Carousel */
.shortcodes .carousel h4{
	padding:20px 0px;
}
.shortcodes .carousel img{
	border:4px solid #CCC;
}
.shortcodes .carousel .carousel slide .carousel-control.right {
	background-image:none;
	background-repeat: repeat-x;
	left: auto;
	right: 0;
}
.shortcodes .carousel .carousel slide .carousel-control.left {
	background-image:none;
	background-repeat: repeat-x;
}
.shortcodes .carousel .carousel-content{
	margin-top:-20px;
	text-align:left;
	padding:15px;
}
.shortcodes .carousel .carousel-content a{
	margin:20px 0px;
}
.shortcodes .carousel .carousel-indicators {
	bottom: 20px;
}
.shortcodes .carousel-indicators li {
	background: none repeat scroll 0 0 #CCC;
	border: 2px solid;
	border-radius:0px;
	height: 15px;
	margin: 0;
	width: 15px;
}
.shortcodes .carousel-indicators li.active{
	border-color:#CCCCCC;
}
.shortcodes .carousel .carousel-content p{
	text-align:justify;
	line-height:26px;
}
.shortcodes .carousel .carousel-content a{
	padding:8px;
	color:#FFF;
	text-transform:uppercase;
}
.shortcodes .carousel .carousel-content h4{
	padding:5px 0px 0px 0px;
}
/* Alert */
.shortcodes .alert{
	padding-top:20px;
	margin-top:15px;
}
.shortcodes .alert .alert-top{
	padding:20px auto 10px;
}

/* Dark */
.dark-bg{
	background-color:#5a6f84;
}
.dark{
	color:#909ba3;
}
.dark h2{
	color:#ffffff !important;
}
.dark .desc{
	color:#909ba3;
}
.dark i{
	color:#909ba3;
}

/* BG Shapes*/


.triangle-right {
	width: 0; height: 0; 
	position:absolute;
	right:0;
	top: -68px;
	border-left: 700px solid transparent;
}
.triangle-left {
	width: 0; height: 0;	
	position:absolute;
	left:0;
	top: -68px;
	border-right: 700px solid transparent;
}

.triangle-right-light {
	width: 0; height: 0; 
	position:absolute;
	right:0;
	bottom: 0px;
	border-left: 700px solid transparent;
	z-index:0;
}
.triangle-left-light {
	width: 0; height: 0; 
	position:absolute;
	left:0;
	bottom: 0px;
	border-right: 700px solid transparent;
	z-index:0;
}
.dark-shape{
	border-bottom: 70px solid #2c3e50;
}
.white-shape{
	border-bottom: 70px solid #ffffff;
}
.lgray-shape{
	border-bottom: 70px solid #f2f6fa;
}
.dgray-shape{
	border-bottom: 70px solid #1d2c39;
}
.hgray-shape{
	border-bottom: 70px solid #192837;
}


@keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}
@-webkit-keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}
@-moz-keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}

@-o-keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}

@keyframes highlight {
 to {
  background: lightblue;
 }
}

/*Time to finalise the cloud shape*/
.cloud {
	width: 200px; height: 60px;
	background: #fff;
	
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	
	position: relative; 
}

.cloud:before, .cloud:after {
	content: '';
	position: absolute; 
	background: #fff;
	width: 100px; height: 80px;
	position: absolute; top: -15px; left: 10px;
	
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.cloud:after {
	width: 120px; height: 120px;
	top: -55px; left: auto; right: 15px;
}

/*Time to animate*/
.x1 {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.6; /*opacity proportional to the size*/
	-webkit-animation: moveclouds 15s linear infinite;
	-moz-animation: moveclouds 15s linear infinite;
	-o-animation: moveclouds 15s linear infinite;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
	 left: 200px;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; /*opacity proportional to the size*/
	
	/*Speed will also be proportional to the size and opacity*/
	/*More the speed. Less the time in 's' = seconds*/
	-webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite;
	-o-animation: moveclouds 25s linear infinite;
}

.x3 {
	left: -250px; top: -20px;
	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.6; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}

.x4 {
	left: 470px;  top: -150px;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; 
	
	-webkit-animation: moveclouds 18s linear infinite;
	-moz-animation: moveclouds 18s linear infinite;
	-o-animation: moveclouds 18s linear infinite;
}

.x5 {
	left: -150px; top: -50px;
	

	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}
@media (max-width:1200px)
{
.logo {
    margin-bottom: 50px;
	margin-top:40px;
}
}
@media (max-width:768px)
{
.slider-text h2 {font-size:42px;}
.vertical{margin-top:40px;}
.copy{text-align:center;}
.contact .btn {width:100%;}
.heading{margin:25px;}
.description{margin:0 25px;}
.container.welcome-inner2{padding-top:0;}
.inner-slider{min-height:125px;}
}
@media (max-width:480px){#telnumber{font-size:36px;} #friends ul li{margin:0;}}
@media (max-width:1024px)
{
.reason{margin:0 30px;}
.centerlize {
    padding: 0 30px;
}
.cform {
    padding: 0 50px;
}
}
@media only screen and (min-width:1200px) {
	@-webkit-keyframes moveclouds {
		0% {margin-left: 800px;}
		100% {margin-left: -800px;}
	}
	@-moz-keyframes moveclouds {
		0% {margin-left: 800px;}
		100% {margin-left: -800px;}
	}
	@-o-keyframes moveclouds {
		0% {margin-left: 800px;}
		100% {margin-left: -800px;}
	}
}
@media only screen and (max-width:1199px) {
	@-webkit-keyframes moveclouds {
		0% {margin-left: 300px;}
		100% {margin-left: -300px;}
	}
	@-moz-keyframes moveclouds {
		0% {margin-left: 300px;}
		100% {margin-left: -300px;}
	}
	@-o-keyframes moveclouds {
		0% {margin-left: 300px;}
		100% {margin-left: -300px;}
	}
}
@media only screen and (max-width:640px) {
	.cloud{
		display:none;
	}
}
.cloud{
	position:relative;
}
.cloud i{
	font-size:80px;
	width:60px;
	height:60px;
	line-height:60px;
	position:absolute;
	top:120px;
	text-align:center;
	border-radius:50%;
	color:#ffffff;
	opacity:.6;
	left:0;
	right:0;
	margin:auto;
	z-index:90;
}
.clouds i:after{
	content:"";
	width:1px;
	height:120px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-120px;
	background-color:#ffffff;
}


/*-----------Dark colos ----------*/
.dark-bg{
	background-color:#222;
}

.dark-version .title,
.dark-version h3,
.dark-version h5,
.dark-bg i{
	color:#fff;
}
.dark-bg p{
	color:#909ba3;
}
.owl-theme .owl-controls .owl-page span{
	background-color:#ffffff;
}
.form-control-lg {
	background-color:#ffffff;
}
/*Form Validation CSS*/
.input-icon {
	position:relative;
}
.input-icon input {
	padding-right: 25px !important;
}
.input-icon .input-info, .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
	display: inline-block !important;
	position:absolute;
	top: 17px;
	right: 5px !important;
	font-size: 16px;
}
.input-icon .input-error {
	color:#B94A48;
}
.input-icon:hover .error-tooltip {
	display:block;
}
.error-tooltip {
	background: none repeat scroll 0 0 #b74947;
	bottom: 100%;
	color: #ffffff;
	display: none;
	padding: 2px 10px;
	position: absolute;
	right: 0;
	font-size:12px;
}
.error-tooltip:after {
	position:absolute;
	content:'';
	width:0;
	height:0;
	border-width:5px;
	border-style:solid;
	border-color:#b74947 transparent transparent transparent;
	bottom:-10px;
	right:28px;
}