body{
	font-family: 'Dosis', sans-serif;
}
p{
	font-family: 'Montserrat', sans-serif;
}
a{
	font-family: 'Dosis', sans-serif;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Dosis', sans-serif;
}

img{max-width:100%;}

/*Header*/
.navbar-default .navbar-nav>li>a {
color: #777;
text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #9BC2AC;
}
header{
	background: url(../images/header_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.section_overlay{
	background: rgba(250,250,250, .5);
}
.home_text{
	padding-top: 210px;
	padding-bottom: 210px;
}
.home_text h2{
	color: #010101;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 13px;
}
.home_text p{
	color: #404040;
	font-size: 14px;
	text-transform: uppercase;
}
.home_text img{}
.scroll_down{
	padding-bottom: 50px;
}
.scroll_down h4{
	font-size: 12px;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}


/*Services*/
.services{
	padding-top: 96px;

}
.services .container{
	border-bottom: 1px solid #ddd;
}
.single_service{
	padding-bottom: 96px;
}
.single_service i{
	font-size: 25px;
	color: #9BC2AC;
}
.single_service h2{
	color: #000000;
	font-size: 25px;
	text-transform: uppercase;
}
.single_service p{
	color: #404040;
	font-size: 14px;
}
.single_progress_bar .progress {
height: 1px;
margin-bottom: 20px;
overflow: hidden;
background-color: #d5d5d5;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.single_progress_bar .progress-bar {
background-color: #2d3334;
}
.single_progress_bar h2{
	color: 000;
	font-size: 14px;
	font-weight: 400;
}
.about_us_p{
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 21px;
}
.about_title h2{
	font-size: 25px;
	color: #3d3d3d;
	text-transform: uppercase;
	margin-top: 85px;
	letter-spacing: 6px;
	margin-bottom: 21px;
}
.about_title img{
	margin-bottom: 70px;
}
/*Testimonial*/
.testimonial{
		padding-top: 130px;
	padding-bottom: 80px;
}
.testimonial{

}
.testimonial .icon:after{
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	background-color: #9BC2AC;
	top: 110px;
	left: 50%;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-left: -40px;

}
.testimonial .icon i{
color: #fff;
font-size: 47px;
position: absolute;
z-index: 555;
left: 50%;
margin-left: -23px;


}
.single_testimonial p{
color: #404040;
font-size: 18px;
font-family: 'Dosis', sans-serif;
letter-spacing: 1px;
padding-top: 110px;

}
.single_testimonial h4{
	color: #404040;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px
}



/*Fun Facts*/
.fun_facts{
	background: url(../images/header_bg.jpg);
	background-attachment: fixed !important;
	background-repeat: repeat;
	
}
.fun_facts .section_overlay{
background: rgba(71,71,71,.8);
padding-bottom: 30px;
}
.single_count{
padding-top: 120px;	
}
.single_count i{
	color: #9BC2AC;
	font-size: 24px;
}
.single_count h3{
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 40px;
font-weight: bold;
margin-bottom: 0px;	
}
.single_count p{
font-family: 'Dosis', sans-serif;
color: #fff;
font-size: 14px;
text-transform: uppercase;
position: relative;	
}
.single_count p:before{
content: "";
position: absolute;
width: 16px;
height: 1px;
left: 0;
bottom: -4px;
background: #9BC2AC;
}
.imac{
position: relative;
margin-top: -40px;	
}
.imac img{
	width: 100%;
}

@media(max-width: 767px){
	.imac{
		margin-top: 20px
	}
}
.single_image{
	margin-right: 3px;
	position: relative;
	transition: all 1s;
}
.single_image img{
	width: 100%;

}
.single_image:hover div.image_overlay{
	opacity: 1;
}

.image_overlay{
position: absolute;
width: 100%;
height: 100%;
background: #9BC2AC;
left: 0;
top: 0;
opacity: 0;
	transition: all 1s;

}
.image_overlay a{
position: absolute;
top: 20px;
right: 20px;
color: #fff;
text-decoration: none;
text-transform: uppercase;	
}
.image_overlay h2{
position: absolute;
bottom: 28px;
left: 20px;
font-size: 25px;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;	
}
.image_overlay h4{
position: absolute;
bottom: 11px;
left: 20px;
color: #fff;
font-size: 14px;
text-transform: uppercase;	
}
.no_padding{
	padding-left: 0px;
	padding-right: 0px;
}
.work_title{}
.work_title h1, .contact_title h1{
	font-size: 25px;
	color: #3d3d3d;
	letter-spacing: 5px;
	padding-top: 80px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.work_title img, .contact_title img{
	margin-bottom: 30px;
}
.work_title p, .contact_title p{
	font-size: 14px;
	color: #000;
	margin-bottom: 100px;
}
.last_padding {
	padding-right: 0px;
}
.pad_top {
	padding-top: 2px;
}
.left h2{
	margin-top: 60px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.left p{
	margin-bottom: 60px;
	font-size: 14px;
	color: #000;
}
.baton{
	margin-top: 65px;
}
.cs-btn, .cs-btn:active, .cs-btn:visited, .cs-btn:focus{
	color: #fff;
	background-color: #000;
	border-radius: 0px;
	outline: none;
	padding: 10px 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all 1s;
}
.cs-btn:hover{
	background: #9BC2AC;
	border-color: #9BC2AC;
}
.call_to_action .container{
	padding-bottom: 60px;
	border-bottom: 1px solid #ddd;
}

/*Contact*/

.single_contact_info{
padding-bottom: 21px;	
}
.single_contact_info h2{
text-transform: uppercase;
color: #3d3d3d;
font-size: 18px;
letter-spacing: 3px;
margin-bottom: 1px;	
}
.single_contact_info p{
font-size: 15px;
color: #3d3d3d;	
}






.contact-form{
background-color: #f1f1f1;
padding: 30px;
}
.contact-form .form-control{
height: 43px;
border-radius: 0px;
margin-bottom: 20px;
border: 0px solid #fff;
}
.contact-form #message{
	height: 104px;
}
.form_submit{
width: 100%;
background: #9BC2AC;
border-radius: 0px;
color: #fff;
padding-top: 13px;
padding-bottom: 10px;
transition: all 1s;	
}


.work-with {
padding-bottom: 60px;
padding-top: 10px;
}
.work-with h3{
	font-size: 14px;
	color: #636363;
	text-transform: uppercase;
}



/*Footer*/
footer{
	background-color: #f1f1f1;
	padding-top: 50px;
	padding-bottom: 50px;
}
.footer_logo{}
.footer_logo img{}
.social{
	padding-top: 65px;
}
.social h2{
text-transform: uppercase;
font-size: 16px;	
}
ul.icon_list{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
margin-top: 20px;
}
ul.icon_list li{
display: inline;
padding-left: 3px;
padding-right: 3px;
}
ul.icon_list li a{
display: inline-block;
color: #636363;
border: 1px solid #636363;
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
transition: all 1s;
}
ul.icon_list li a:hover{
	color: #9BC2AC;
	border-color:#9BC2AC; 
}
.copyright_text{
padding-top: 80px;	
}
.copyright_text p{
color: #636363;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0px;
letter-spacing: 0px;
}
.copyright_text a{
	color:#9BC2AC;
	text-transform:uppercase;
	font-weight:700;
	text-decoration:none;
	}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - CASE STUDY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.case-info {display: inline-block; width: 100%; padding-bottom: 0px;}
.case-info:last-child {padding-bottom: 0px;}
.case-info .h4 {font-weight: 500; line-height: 28px;}
.nav-arrow {position: absolute; top: 50%; height: 80px; width: 95px; text-align: center; cursor: pointer; z-index: 5; margin-top: -40px;  overflow: hidden;transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.nav-arrow img {vertical-align: middle; margin: 19px auto; display: block; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.preiew-img.bg {width: 95px;transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.nav-arrow.swiper-arrow-left .preiew-img.bg {left: auto; right: 0px;transform: translateX(150%); -webkit-transform: translateX(150%);}
.nav-arrow.swiper-arrow-right .preiew-img.bg {transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.nav-arrow.swiper-arrow-left:hover .preiew-img.bg, .nav-arrow.swiper-arrow-right:hover .preiew-img.bg {transform: translateX(0%); -webkit-transform: translateX(0%);}
.nav-arrow.swiper-arrow-left {left: -47px;}
.nav-arrow.swiper-arrow-right {right: -47px;}
.nav-arrow.swiper-arrow-left:hover img {transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.nav-arrow.swiper-arrow-right:hover img {transform: translateX(150%); -webkit-transform: translateX(150%);}
.case-slider {position: relative; width: 100%; }
.folow-icon.caption span {font-size: 14px; text-transform: uppercase; display: block; margin-bottom: 15px;}
.folow-icon.caption a {font-size: 20px; color: #292d2e; margin: 0px;}
.folow-icon.caption i:after {font-size: 20px; color: #98EEF3;}
.case-folow {margin:80px 0px 100px;}
.case-nav {position: relative; width: 100%; height: 470px;}
.case-nav .title-style-1 {position: absolute; bottom: 40px;transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.case-nav .title-style-1 .h2 {clear: both;}
.right-case-nav .title-style-1 {text-align: right; right: 0px; margin-right: -100px;}
.right-case-nav .sub-title {text-align: left; float: right;}
.left-case-nav .title-style-1 {margin-left: -100px;}
.top-image.block-bg .bg-wrap {height: auto; bottom: 0px;}

.item-desc {position: absolute; left: 45px; bottom: 30px; opacity: 0; transform: translateY(-50px); -webkit-transform: translateY(-50px); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.item-desc .h4 {padding-bottom: 15px;}
.item-desc span {font-size: 13px; color: #676a6a; font-weight: 300;}
.item:hover .item-desc {opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}
.point-style {position: absolute; left: 0px; width: 100%; bottom: 30px; text-align: center; margin: 0px;}
.point-style .swiper-pagination-switch {width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgba(0,0,0,0.2); position: relative; display: inline-block; cursor: pointer; margin: 0 5px;}
.point-style .swiper-pagination-switch.swiper-active-switch {border: 2px solid #222;}
.point-style.alb-point {bottom: 60px;}

@media (max-width: 1200px) {
	.right-case-nav .title-style-1 {margin-right: 30px;}
	.left-case-nav .title-style-1 {margin-left: 30px;}
}
@media (max-width: 992px) {
	.izotope-container .wh-25, .izotope-container .wh-30 {width: 50%;}
	.case-info:last-child {padding-bottom: 30px;}
	.case-folow {margin:30px 0px 60px;}
	.nav-arrow.swiper-arrow-left {left: 0px;}
	.nav-arrow.swiper-arrow-right {right: 0px;}
	.point-style.alb-point {bottom: 30px;}
}
@media (max-width: 768px) {
	.case-nav {height: auto;}
	.case-nav .bg {display: none;}
	.case-nav .title-style-1 {position: relative;}
	.right-case-nav .title-style-1, .left-case-nav .title-style-1 {margin:30px 0px 0px 0px;}
	.nav-arrow {display: none;}
	.pagination.hidden {display: block!important;}
	.case-slider .swiper-container {padding-bottom: 80px;}
	.case-nav .sub-title {max-width: 100%;}
}
@media (max-width: 480px) {
    .izotope-container .wh-25, .izotope-container .wh-30 {width: 100%;}
	.case-nav .title-style-1 .h2 {font-size: 18px; line-height: 22px;}
	
}
@media (min-width: 768px) {
.case-nav:hover .white-mobile-layer {opacity: 1;}
.left-case-nav:hover .title-style-1 {margin-left: 30px;}
.right-case-nav:hover .title-style-1 {margin-right: 30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - SLIDER ANIMATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 992px) {
	
	.swiper-anime .sub-title:before {width: 0px;}
	.swiper-anime .swiper-slide.active .sub-title:before {width: 100%;}
	.swiper-anime .block-bg .bg {transform: scale(1.1); -webkit-transform: scale(1.1); transition:all 0.8s ease-out; -webkit-transition:all 0.8s ease-out;}
	.swiper-anime .title-link {opacity: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition:all 0.8s ease-out; -webkit-transition:all 0.8s ease-out;}
	.swiper-anime .swiper-slide.active .block-bg .bg {transform: scale(1); -webkit-transform: scale(1);}
	.swiper-anime .h1 {overflow:hidden;white-space: nowrap; opacity: 0; transition: opacity 0.35s ease-out; -webkit-transition:opacity 0.35s ease-out;}
	.swiper-anime .swiper-slide.active .h1 {opacity: 1; -webkit-animation: typing 0.6s steps(30, end); -moz-animation: typing 0.6s steps(30, end);}
	.swiper-anime .sub-title {opacity: 0; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out;}
	.swiper-anime .swiper-slide.active .sub-title {opacity: 1;}
	.swiper-anime .swiper-slide.active .title-link {opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%);} 
	
	.swiper-anime-2 .h1, .swiper-anime-2 .sub-title-2, .swiper-anime-2 .title-style-3 .slide-button {opacity: 0; transform: translateX(-80px); -webkit-transform: translateX(-80px); transition:all 0.35s ease-in; -webkit-transition:all 0.35s ease-in;} 
	.swiper-anime-2 .block-bg.type-2 .bg-wrap .bg {opacity: 0; transform: translateX(100%); -webkit-transform: translateX(100%); transition:all 0.35s ease-out 0.4s; -webkit-transition:all 0.35s ease-out 0.4s;}
	.swiper-anime-2 .sub-title-2 {transition-delay: 0.2s;}
	.swiper-anime-2 .title-style-3 .slide-button {transition-delay: 0.4s;}
	.swiper-anime-2 .swiper-slide.active .h1, .swiper-anime-2 .swiper-slide.active .sub-title-2, .swiper-anime-2 .swiper-slide.active .slide-button { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1;}
	.swiper-anime-2 .swiper-slide.active .block-bg.type-2 .bg-wrap .bg {opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%);}
	
	.swiper-anime-3 .h1, .swiper-anime-3 .sub-title-2 {opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out;}
	.swiper-anime-3 .sub-title-2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
	.swiper-anime-3 .image-front {opacity: 0; bottom: -30%; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out;}
	.swiper-anime-3 .swiper-slide.active .h1, .swiper-anime-3 .swiper-slide.active .sub-title-2 {opacity: 1; transform: scale(1); -webkit-transform: scale(1);} 
	.swiper-anime-3 .swiper-slide.active .image-front {opacity: 1; bottom: 0px;}
	.adress-list li a:hover {color: #272b2b;}
}