body{font:400 14px/14px Roboto;-webkit-font-smoothing:antialiased;}

a:hover,a:active,a:focus{text-decoration: none;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;font-weight: 500;font-family:Roboto;}
h1{font-size: 4em;margin-bottom: 20px;}
h2{font-size: 2.5em;margin-bottom: 20px;}
h3{font-size: 2em;margin-bottom: 20px}
h4{font-size: 1.5em;margin: 15px 0;}
h5{font-size: 1em;}
p{font-size:1em;line-height: 1.7em;margin-bottom:15px;}
.spacer{padding-top: 90px; padding-bottom: 90px;}
a{color: #666;}

.btn{border:none;border-radius: 0;padding: 5px 10px;text-transform: uppercase;}

/*nav*/
.navbar-brand{padding:15px;height: 70px;}
.navbar-brand img{height: 100%;}
.nav-dark .navbar-brand{height: 50px;padding: 10px 15px;}
.navbar-nav>li>a {padding: 25px;font-size: 0.90em;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background: none; box-shadow:inset 0 -3px 0px #000;}
.navbar-default{border:none;}
/*nav*/
/*customlogo*/
.custom-logo-link{padding:15px;height: 70px;}
.custom-logo-link img{height: 100%;}
.nav-dark .custom-logo-link{height: 50px;padding: 10px 15px;}

/*banner*/
.banner{position: relative;}
.banner img.main-banner{width: 100%;}
.banner .overlay{position: absolute;top: 0;left:0; right: 0; bottom: 0;}
.banner .caption{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banner .caption .caption-info{max-width: 700px;}
.banner.text-center .caption .caption-info{margin: 0 auto;}
/*banners*/

/*slideshow*/
.carousel.sliders .carousel-arrow{position: absolute;z-index: 100;color: #fff;top:50%;font-size: 2em;}
.carousel.sliders .carousel-arrow.left{left:20px;}
.carousel.sliders .carousel-arrow.right{right:20px;}
/*slideshow*/

/*services-widgets */
.services-widgets {line-height: 1.5em;}
.services-widgets h4 i.fa{font-size: 1em; margin-bottom: 0;}
.services-widgets i.fa{font-size: 3em;margin-bottom: 15px;}
/*services-widgets */

/*team start*/
.team img{width: 100%;}
.team .team-image {position: relative;overflow: hidden;}
.team .team-info{margin-top: 15px;}
.team .team-info a{font-size: 1.25em;margin-right:10px;}

.team .text-center img{width: 100%;border-radius: 50%;}
/*team ends*/

/*portfolio*/
.portfolio .carousel-arrow{position: absolute;right: 0;top: -55px;color: #000;font-size: 2em;}
.portfolio .carousel-arrow.left{right: 40px;}

.portfolio-list{float: left;width: 100%;position: relative;overflow: hidden;padding:0;}
.portfolio-list img{width: 100%;}
.portfolio-list:hover .portfolio-overlay{top: 0;bottom: 0;width: 100%;}
/*portfolio*/




/*testimonial*/
.testimonials .testimonial-info{font-size: 0.90em;margin-bottom: 15px;line-height: 1.5em;}
.testimonials .client-info{line-height: 40px;}
.testimonials .client-info img{float: left;width: 40px;height: 40px;margin-right: 15px;}
/*testimonial*/


/*blogpost-list*/
.blogpost-list{padding-bottom: 50px;}
.blogpost-list .post-wrap{margin-bottom: 40px;}
.blogpost-list .post-wrap ul{font-size: 0.90em;}
.blogpost-list .post-wrap ul li a{color: #999;}
/*blogpost-list*/

/*highlight-info*/
.highlight-info{background: fixed; background-size: cover; }
/*highlight-info*/

/*clients*/
.clients-logo h3{margin-bottom:50px;}
/*clients*/

/*contact*/
.contact-form textarea,.contact-form input{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
.contact-map{margin-bottom: 30px;}
/*contact*/


.footer{background-color: #111; color: #fff; font-size: 1em;color: #aaa;}
.footer .social{margin-bottom: 20px;}
.footer .social a{margin:0 15px;}
.footer a{color: #aaa;}


.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}

.fleft{
	float:left;
}
.clear{
	clear:both;
	padding-top: 10px;
}

@media (max-width: 1200px) {
	.spacer{padding: 70px 0;}
	h1{font-size: 3em;}
}

@media (max-width: 900px) {
	h1{font-size: 2em;}
	h1:after{padding-bottom:20px;margin-bottom: 20px;}
	h2{font-size: 1.5em;}
	h2:after{padding-bottom:15px;margin-bottom: 15px;}
	.spacer{padding: 50px 0;}
	.highlight-info{bottom: 25px;}
	#testimonials .client{margin-bottom: 30px;}
}


@media (max-width: 767px) {
	body {font:400 13px/13px Roboto,Arial,Helvetica;}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand,.nav-dark .navbar-brand{padding: 7px;height: 39px;}
	.navbar{min-height: auto;}
	.navbar-brand img{height: 25px;}
	.navbar-inverse .navbar-toggle{padding: 0;border:none;margin-top: 12px;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background: none;}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{box-shadow: none;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{    background: #303824;}
	.nav-dark .navbar-nav > li > a {line-height: 1em;}

	.banner img.main-banner{display: none;}
	.banner .caption{padding-top:100px;position: static;transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0);}
	
	.highlight-info{position: static;padding: 20px 0;}
	.highlight-info .col-xs-6{margin-top: 15px;}
	.highlight-info span{font-size: 1em;margin-left: 10px;line-height: 25px;}

	.about{background: none;}
	#contact .contact-form{margin-top: 30px;}

}