/* Main styles

-------------------------------------------------------------- */



html, body {

  	height: 100%;

  	font-family: 'Open Sans', sans-serif;

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: 'Lato', sans-serif;

}



*, *:focus {

  	outline: none !important;

}



img {

  	max-width: 100%;

}



.center {

  	text-align: center;

}



p {

  	margin-bottom: 20px;

  	font-size: 14px;

}



a:hover, a:focus {

	color: #555;

	text-decoration: none;

}



/* Parallax styles

-------------------------------------------------------------- */



.parallax {

	background-size: cover;

}



.no-parallax{

	background-attachment: scroll !important;

	background-position: center center !important;

}



.parallax-overlay {

	padding: 70px 0;

  	background-color: rgba(0, 0, 0, 0.6);

}



/* Slider background styles

-------------------------------------------------------------- */



.slider-background {

	background: none !important;

}



/* Video background styles

-------------------------------------------------------------- */



.video-background {

	background: none !important;

}



#video-wrapper {

  	position: absolute;

  	top: 0;

  	height: 100%;

  	width: 100%;

  	overflow: hidden;

}



#bgndVideo {

  	display: none;

}



/* Section styles

-------------------------------------------------------------- */



.section {

	position: relative;

  	padding-bottom: 50px;

  	padding-top: 50px;

  	background: #fff;

}



.section hr, footer hr {

  	width: 100px;

  	border-top: 5px solid transparent;

}



.title {

  	margin-left: auto;

  	margin-right: auto;

  	margin-bottom: 30px;

  	float: none;

}



.title h1 {

  	text-transform: uppercase;

  	color: #555;

  	font-size: 50px;

  	font-weight: 300;

  	margin-top: 0;

  	text-align: center;

}



.title h1 strong {

  	font-weight: 600;

}



.title p {

  	font-weight: 300;

  	text-align: center;

  	color: #888;

  	font-size: 14px;

}



/* Preloader styles

-------------------------------------------------------------- */



#preloader-overlay {

  	position: fixed;

  	top: 0;

  	left: 0;

  	right: 0;

  	bottom: 0;

  	background: #fff;

  	z-index: 10000;

  	height: 100%;

}



#preloader {

  	width: 200px;

  	height: 200px;

  	position: absolute;

	left: 50%;

	top: 50%;

	background-image: url("../images/preloader.gif");

	background-repeat: no-repeat;

	background-position: center;

	margin: -100px 0 0 -100px;

}



/* Header + Navigation styles

-------------------------------------------------------------- */



#header {

	position: fixed;

	top: 0;

	width: 100%;

	background: #FFF;

	z-index: 9999;

}



.topnav {

  	background-color: #fff;

  	margin: 0;

  	border-radius: 0;

  	border: 0;

  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

}



.topnav .navbar-nav > li > a {

  	text-transform: uppercase;

  	color: #1f1f1f;

}	



.topnav .navbar-nav > .active > a, .topnav .navbar-nav > .active > a:hover, .topnav .navbar-nav > .active > a:focus {

  	background-color: #fff;

}



#logo {

	font-size: 25px;

	font-family: 'Lato', sans-serif;

	color: #1f1f1f;

}



.is-sticky #header {

	z-index: 9999;

}



.navbar-toggle {

	float: right;

	height: 20px;

    border: 0;

    border-radius: 0;

    margin-right: 15px;

    margin-top: 15px;

    margin-bottom: 15px;

    padding: 0;

}



.navbar-toggle .icon-bar {

    border-radius: 8px;

    height: 3px;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #1f1f1f;

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

	background-color: #fff;

}



/* Home styles

-------------------------------------------------------------- */



#home {

	background: url("../images/bg/bg1.jpg") 50% 0 no-repeat fixed;

}



.home-content {

	float: left;

	width: 100%;

	padding-top: 0;

	text-align: center;

	color: #fff;

}



.home-slider {

	background: rgba(0, 0, 0, 0.3);

	width: 50%;

	padding: 20px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 50px;

	border-top: 2px solid #fff;

	border-bottom: 2px solid #fff;

	position: relative;

	z-index: 999;

}



.home-slider .slides {

  	list-style: none;

}



.home-slider .slides > li h1 {

	text-transform: uppercase;

	font-size: 65px;

	margin: 0;

	padding: 0;

	vertical-align: middle;

	text-align: center;

	font-family: 'Lato', sans-serif;

} 



.home-content a#go-about {

	display: inline-block;

	color: #fff;

	font-size: 18px;

	padding: 10px 15px;

	border: 2px solid #fff;

	border-radius: 5px;

	text-transform: uppercase;

	position: relative;

	z-index: 999;

}



.home-content a#go-about:hover {

	color: #1f1f1f;

	background: #fff;

	transition: .3s;

}



/* About styles

-------------------------------------------------------------- */



#about {

	padding-bottom: 0;

	background: #454545;

}



#about .title h1 {

	color: #fff;

}



.about-text {

  font-size: 22px;

  font-weight: 300;

  text-align: center;

  color: #fff;

  margin-bottom: 50px;

}



.team-inner {

	padding: 0;

}



.team-content {

	padding-top: 50px;

	min-height: 200px;

	background: #fff;

}



.team-content:before, .team-content:after {

  content: " ";

  display: table;

}



.team-content:after {

  clear: both;

}



.team-info {

	height: 100%;

}



.team-content .team-name {

	margin-bottom: 5px;

	font-size: 25px;

	font-family: 'Montserrat', sans-serif;

}



.team-content .team-role {

	text-transform: uppercase;

	font-size: 18px;

}



.team-content .team-description {

	margin-bottom: 10px;	

}



.team-social {

	margin: 0;

	margin-top: 30px;

	padding: 0;

	list-style-type: none;

}



.team-social > li {

    display: inline-block;

}



.team-social a {

    background: #1f1f1f;

    border-radius: 50%;

    color: #ffffff;

    display: block;

    font-size: 18px;

    height: 40px;

    line-height: 40px;

    margin-right: 5px;

    text-align: center;

    width: 40px;

    transition: .3s;

}



.team-social a:hover {

    color: #fff;

}



#about .owl-pagination {

    position: absolute;

    width: 100%;

	top: 0;

    text-align: center;    

    z-index: 1;

}



#about .owl-page {

    display: inline-block;

    height: 15px;

    width: 15px;

    margin: 0 10px 0 0;

}



#about .owl-page:last-child {

    margin-right: 0;

}



#about .owl-page span {

	width: 15px;

	height: 15px;

    background: #1f1f1f;

    border-radius: 50%;

    display: inline-block;

    text-align: center;

}



#about .owl-page.active span {

	background: #fff;

	border: 2px solid #1f1f1f;

}



/* Numbers styles

-------------------------------------------------------------- */



#numbers {

  	background: url("../images/bg/bg2.jpg") 50% 0 no-repeat fixed;

  	color: #fff;

  	overflow: hidden;

}



#numbers .title {

	margin-bottom: 50px !important;

}



#numbers .title h1 {

	color: #fff;

}



#numbers .title hr {

  width: 90px;

  border-top: 4px solid transparent;

}



.box-number {

	margin-bottom: 0;

}



#numbers .fa {

  	display: block;

  	padding-bottom: 10px;

  	color: #fff;

  	text-align: center;

}



#numbers .counter {

  	display: block;

  	text-align: center;

  	margin-bottom: 25px;

}



#numbers .counter .value {

  	display: block;

  	font-size: 45px;

  	color: #fff;

  	font-family: 'Lato', sans-serif;

}



#numbers .counter small {

  	text-transform: uppercase;

  	color: #fff;

  	font-size: 14px;

  	font-family: 'Lato', sans-serif;

}



/* Services styles

-------------------------------------------------------------- */



.service-text {

	font-size: 22px;

	font-weight: 300;

	text-align: center;

	margin-bottom: 50px;

}



.service-box {

  	float: left;

}



.service {

  	margin-top: 0;

  	padding: 20px;

  	border-radius: 4px;

  	text-align: center;

  	transition: .3s;

  	position: relative;

}



.service:hover {

  	cursor: default;

}



.service > h3 {

  	text-transform: uppercase;

  	font-size: 25px;

  	font-family: 'Montserrat', sans-serif;

  	margin-top: 30px;

}



.service p {

	margin-top: 20px;

	margin-bottom: 0;

	font-size: 16px;

}



/* Portfolio styles

-------------------------------------------------------------- */



#portfolio {

  	background-color: #f4f4f4;

  	padding-left: 20px;

  	padding-right: 20px; 

  	padding-bottom: 20px;

}



.portfolio-text {

	font-size: 22px;

	font-weight: 300;

	text-align: center;

	margin-bottom: 50px;

}



#filters {

  	padding: 0;

  	margin: 0 auto;

  	float: none;

  	list-style: none;

  	text-align: center;

}



#filters li {

  	display: inline-block;

  	padding: 8px 12px;

  	margin: 5px;

  	background-color: #fff;

  	border-radius: 4px;

  	cursor: pointer;

  	color: #1f1f1f;

  	font-size: 12px;

  	font-weight: 700;

  	text-transform: uppercase;

  	transition: all .3s ease;

}



#filters li:hover, #filters li.active {

  	color: #fff;

}



#portfolio-grid {

  	padding: 0;

  	margin-top: 50px;

  	margin-bottom: 0;

}



#portfolio-grid:before, #portfolio-grid:after {

  	content: " ";

  	display: table;

}



#portfolio-grid:after {

  	clear: both;

}



#portfolio-grid li {

  	width: 32%;

  	float: left;

  	display: none;

  	opacity: 0;

  	position: relative;

  	overflow: hidden;

  	cursor: pointer;

}



#portfolio-grid li:hover .project-overlay {

  	opacity: 1;

  	right: 0;

}



#portfolio-grid li img {

  	width: 100%;

}



.project-overlay {

  	position: absolute;

  	height: 100%;

  	width: 100%;

  	top: 0;

  	right: 100%;

  	transition: .25s linear;

  	padding: 40px 20px;

  	color: #fff;

  	text-align: center;

}



.project-overlay span {

  	display: block;

  	text-transform: uppercase;

  	font-size: 16px;

}



.project-name {

  	font-size: 25px !important;

}



.btn-portfolio, .btn-portfolio:hover {

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	background-color: #fff;

	border-color: #fff;

	margin-top: 50px;

	font-family: 'Lato', sans-serif;

}



#project-extended.open {

  	padding-top: 50px;

  	padding-bottom: 50px;

  	background: #fff;

}



#project-extended.open #project-controls {

  	display: block;

}



.project-category {

  	text-align: center;

  	margin: 20px 0;

  	color: #999;

}



.video-container .project-media {

  	padding-bottom: 60%;

  	margin-bottom: 30px;

}



.video-container .project-media iframe {

  	position: absolute;

  	left: 0;

  	top: 0;

  	width: 100%;

  	height: 100%;

  	border: 0;

  	padding: 0;

}



.project-media {

  	position: relative;

}



.project-media img {

  	display: block;

  	margin: 0 auto;

}



.project-info h1 {

  	text-align: center;

  	text-transform: uppercase;

  	font-size: 35px;

  	font-weight: 400;

  	margin-top: 0;

  	margin-bottom: 20px;

}



.project-info span {

  	display: inline-block;

  	text-transform: uppercase;

}



.project-info h4 {

  	text-align: center;

  	text-transform: uppercase;

}



#project-controls {

  	padding: 0;

  	display: none;

  	list-style: none;

  	text-align: center;

  	margin-bottom: 50px;

}



#project-controls li {

  	display: inline-block;

  	margin: 10px;

}



#project-controls li a {

  	display: block;

  	color: #1f1f1f;

  	border: 2px solid #1f1f1f;

  	padding: 4px 0;

  	border-radius: 50%;

  	height: 40px;

  	width: 40px;

  	text-align: center;

}



.btn-custom {

	color: #fff;

	font-size: 16px;

	background-color: #1f1f1f;

	border-color: #1f1f1f;

}



/* Clients

-------------------------------------------------------------- */



#clients {

  	background: url("../images/bg/bg3.jpg") 50% 0 no-repeat fixed;

}



#clients .title {

	margin-bottom: 50px !important;

}



#clients .title h1 {

	color: #fff;

}



#clients .title hr {

  width: 90px;

  border-top: 4px solid transparent;

}



#clients-carousel .item {

  	padding: 10px;

  	margin: 10px;

}



#clients-carousel .item img {

  	display: block;

  	margin: 0 auto;

}



/* Contact styles

-------------------------------------------------------------- */



#contact .title hr {

  width: 90px;

  border-top: 4px solid transparent;

}



.contact-text {

  	font-size: 22px;

  	font-weight: 300;

  	text-align: center;

  	color: #1f1f1f;

  	margin-bottom: 50px;

}



#contact .info-box {

	padding: 0;	

}



#contact .info-box p {

	text-align: left;

	line-height: 30px;

}



#contact .info-box p a {

	color: #1f1f1f;

}



#contact .info-box p .fa {

	width: 30px;

	text-align: center;

  	font-size: 30px;

  	margin-right: 10px;

}



#contact .info-box p .single-contact {

	font-size: 18px;

}



#contact-form {

  	text-align: right;

  	margin-bottom: 30px;

}



#contact-form .cont-inputs {

	padding: 0;

}



#contact-form .form-control {

  	background-color: #fff;

  	border-color: #e1e1e1;

  	box-shadow: none;

  	-webkit-box-shadow: none;

}



#contact-form .input-lg {

	font-size: 16px;

}



#contact-form .form-control:hover {

  	border-color: #e1e1e1;

}



#contact-form .form-control:focus {

  	border-color: #e1e1e1;

}



#contact-form textarea.form-control {

  	height: 165px;

  	resize: none;

}



#contact-form .btn {

  	margin-top: 15px;

  	text-transform: uppercase;

}



#contact-form .form-group.error, #contact-form .form-group.success {

  	position: relative;

}



#contact-form .form-group.error:after, #contact-form .form-group.success:after {

  	font-family: 'FontAwesome';

  	position: absolute;

  	top: 12px;

  	right: 16px;

  	font-size: 16px;

}



#contact-form .form-group.error:after {

  	content: "\f00d";

  	color: #d95c5c;

}



#contact-form .form-group.success:after {

  	content: "\f00c";

  	color: #00c077;

}



.form-ok {

  	padding-left: 15px;

  	padding-right: 15px;

  	display: none;

  	font-size: 16px;

  	text-align: center;

}



a#back-top {

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -30px;

	width: 60px;

	height: 50px;

	line-height: 50px;

	color: #fff;

	text-align: center;

	font-size: 30px;

	border-radius: 5px;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

	background: #454545;

}



/* Footer styles

-------------------------------------------------------------- */



footer {

  	padding-top: 50px;

  	padding-bottom: 50px;

  	background-color: #454545;

}



footer .title h1 {

	color: #fff;

}



footer .social-list {

  	list-style: none;

  	padding: 0;

  	margin: 30px 0 0 0;

  	text-align: center;

}



footer .social-list li {

  	margin: 5px;

  	display: inline-block;

}



footer .social-list li a {

  	font-size: 20px;

  	color: #fff;

}



.social-icon {

  	position: relative;

  	display: inline-block;

  	width: 50px;

  	height: 50px;

  	line-height: 50px;

  	vertical-align: middle;

  	border-radius: 50%;

  	text-align: center;  	

  	color: #fff;

  	background: #1f1f1f;

}



.social-list li#facebook a:hover .social-icon {

  	background-color: #3C599B;

  	transition: .3s;

  	color: #fff;

}



.social-list li#twitter a:hover .social-icon {

  	background-color: #58CCFF;

  	transition: .3s;

  	color: #fff;

}



.social-list li#googleplus a:hover .social-icon {

  	background-color: #E04A39;

  	transition: .3s;

  	color: #fff;

}



.social-list li#linkedin a:hover .social-icon {

  	background-color: #007BB6;

  	transition: .3s;

  	color: #fff;

}



.social-list li#youtube a:hover .social-icon {

  	background-color: #E22D26;

  	transition: .3s;

  	color: #fff;

}



.social-icon .fa {

  	line-height: inherit;

  	position: absolute;

  	text-align: center;

  	left: 0;

  	width: 100%;

}



footer p.copyright {

	margin-top: 30px;

	color: #fff;

}



/* Flexslider styles

-------------------------------------------------------------- */



.flex-control-nav {

  	position: absolute;

  	top: 0;

  	left: 0;

  	text-align: left;

 	margin-top: 10px;

  	margin-left: 10px;

}



.flex-control-nav li {

	margin: 0 10px 0 0;

}



.flex-control-paging li a {

  	width: 15px;

  	height: 15px;

  	background-color: #fff;

}



.flex-direction-nav a {

  	background: #FFF;

  	width: 40px;

  	height: 40px;

  	line-height: 40px;

  	opacity: .4;

  	text-align: center !important;

  	color: #1f1f1f;

}



.flex-direction-nav a:before {

  	font-family: 'FontAwesome';

  	font-size: 25px;

}



.flex-direction-nav a:hover {

  	opacity: 1;

}



.flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {

  	border-radius: 50%;

}



.flex-direction-nav a.flex-next:before {

  	content: "\f105";

}



.flex-direction-nav a.flex-prev:before {

  	content: "\f104";

}



.flex-direction-nav .flex-next {

  	right: 10px;

}



.flex-direction-nav .flex-prev {

  	left: 10px;

}



/* Media queries

-------------------------------------------------------------- */



@media (min-width: 992px) {



	.hiding {

    	opacity: 0;

	}

  

	.visible {

    	opacity: 1;

	}



}



@media (max-width: 767px) {



	p.quote {	  

	    font-size: 25px;	    

	}



	.quote i {

	    font-size: 20px;	    

	}

	

	#team .col-xs-12 {

    	width: 320px;

		margin: 0 auto;

		float: none;

	}

  

  	.service-box {

  		margin-bottom: 30px;

  	}

  	

  	.service-box.last {

  		margin-bottom: 0;

  	}

    	

  	footer h1 {

		font-size: 35px;

	} 

  	

  	footer .social-list li a {

  		font-size: 20px;

  		color: #fff;

  	}

  	

  	.social-icon {

  		width: 40px;

  		height: 40px;

  		line-height: 40px;

  	}

  	

  	.info-box {

	  	margin-bottom: 30px;

  	}



}



@media (max-width: 991px) {



	.team-content .team-name,

	.team-content .team-role, 

	.team-content .team-description, 

	.team-content .team-social {

		text-align: center;

	}

	

	.team-social {

		margin-bottom: 30px;

	}

	

	#numbers .parallax-overlay {

		padding-bottom: 30px;

	}

	

	.box-number {

		margin-bottom: 30px;

	}

	

	#about .owl-pagination {

		top: -20px;

	}

	

	#portfolio-grid li {

    	width: 50%;

	}

	

	.project-overlay {

		padding: 20px 10px;

	}

	

	.project-name {

  		font-size: 18px !important;

  	}

  	

  	.btn-portfolio, .btn-portfolio:hover {

		margin-top: 30px;  

		font-size: 15px;	

  	}

	

	#contact .info-box p .fa {

	  	font-size: 25px;

	}

	

	#contact .info-box p .single-contact {

		font-size: 14px;

	}

	

	.animated {

    	-webkit-animation: none;

                animation: none;

	}

	

}



@media (min-width: 992px) and (max-width: 1199px) {}



@media (max-width: 640px) {

  	

  	.home-slider .slides > li h1 {

    	font-size: 36px;

	}



}



@media (max-width: 479px) {



	.home-content a#go-about {

		font-size: 16px;

	}

  

  	#portfolio-grid li {

    	width: 100%;

	}		

  	

  	#contact .info-box p .fa {

	  	font-size: 28px;

	}

	

	#contact .info-box p .single-contact {

		font-size: 18px;

	}



}



@media (max-width: 360px) {  



	.home-slider .slides > li h1 {

    	font-size: 26px;

	}

	

	#contact .info-box p .fa {

	  	font-size: 20px;

	}

	

	#contact .info-box p .single-contact {

		font-size: 14px;

	}

	

}

#logo2{

	position: absolute;

	top: 3px;

  	left: 25px;

	padding: 0;

}