/*
Theme Name: Aquatic Services WA
Theme URI: http://www.aquaticserviceswa.com.au
Author: Putu Winata
Author URI: http://www.aquaticserviceswa.com.au
Description: Custom theme for Aquatic Services WA
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout
Text Domain: aquaticservices
*/

@font-face {font-family: 'Header Title';src: url('assets/fonts/BOD_R.TTF') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Header Mojo';src: url('assets/fonts/BKANT.TTF') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Site Content Regular';src: url('assets/fonts/JOSEFINSANS-REGULAR.TTF') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Site Content Bold';src: url('assets/fonts/JOSEFINSANS-BOLD.TTF') format('truetype');font-weight: normal;font-style: normal;}


body{ font-family: 'Site Content Regular', Arial, Helvetica, "Open Sans" !important; font-size: 14px; line-height: 1.5; background: #56b4c9 !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Site Content Regular', Arial, Helvetica, "Open Sans" !important; }
a{ text-decoration: none; color: #595959; }
a:hover, a:focus{ text-decoration: none; color: #595959; cursor:pointer;}
strong{ font-weight: bold; }
em{ font-style: italic; }
mark, .mark{ background-color: #3498db; color: #fff; font-weight: 600; }
img{ max-width: 100%; margin:auto;height: auto; display: block; }
ul li{list-style:none;}
.form-control{ border-color: #d8d8d8; }
.form-control:focus{ border-color: #3fb3e3; }
.bar-separator{ background: url('assets/images/separator.png') repeat-x top; padding-top: 7px; }
.button, a.button{ background: #fff; color: #3baedd; display: inline-block; }
.button:hover, a.button:hover, .button:focus, a.button:focus{ opacity: 0.9; }
.button-blue, a.button-blue{ background: #3baedd; color: #fff; }
.button-blue:hover, a.button-blue:hover, .button-blue:focus, a.button-blue:focus{ background: #199bce; }
.button-green, a.button-green{ background: #abbe30; color: #fff; }
.button-green:hover, a.button-green:hover, .button-green:focus, a.button-green:focus{ background: #9bb10e; }
.button-custom{padding:3px 5px; border:1px solid #fff; color: #fff; font-size:20px;margin:0 auto;}
.buttons{margin-top:35px;padding:3px 5px; border:1px solid #fff; color: #fff; font-size:20px;background:transparent;}
.btn-filter{margin-top:5px;padding:5px 10px !important;transition: all .2s ease-in-out;font-size:14px !important;}
.btn-filter:hover, .btn-filter:active, .btn-filter.active{background-color:#91d6f5!important;border-color:#6AD6F5 !important;}
.inside-content{width:50%;}

/** SUPERFISH MENU STYLE **/
.sf-menu{ font-size: 15px; width:100%;text-transform:uppercase;}
.sf-menu a{padding: 3px 5px !important; color: #64c0de !important; display: inline-flex; font-weight:bold;flex-wrap:wrap;border:none !important;}
.sf-menu li{background:none!important;float:left;}
.sf-menu li, .sf-menu li.sfHover, .sf-menu li.current-menu-item{ background: transparent; }
.sf-menu li a:hover, .sf-menu li a:active{color:#595959 !important;text-decoration:none;}
.sf-menu ul{ box-shadow: none; min-width: 0; }
a.showmenu{ font-size: 36px; color: #3cb7e2;float:left;width:100%}
.mobnav-subarrow{ background: #3cb7e2; height: 30px; width: 30px; position: absolute; top: 5px; right: 5px; color: #898989; text-align: center; border-radius: 2px; cursor: pointer; }
.mobnav-subarrow span.fa { padding-top: 5px; font-size: 20px; }
.sf-menu ul.sub-menu{background:#fff;border:1px solid #56b4c9;}
.sf-menu ul.sub-menu li { background: #3baedd; }
.sf-with-ul:after{position:unset !important;border:none !important;}
.sf-with-ul:hover, .sf-with-ul:active{position:unset !important;border:none !important;}
.sub-menu li a:after{background:none;}
.sub-menu li a{padding:5px 5px !important;}
/** LOADER STYLE **/
#loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 99999999999; }
.spinner{ position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; -webkit-animation: muter 2.0s infinite linear; animation: muter 2.0s infinite linear; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
@-webkit-keyframes muter{ 
	from{
    	-webkit-transform: rotateY(0deg);
	}
	to{
    	-webkit-transform: rotateY(-360deg); 
	}
}
@keyframes muter{
	from{ 
		-moz-transform: rotateY(0deg); 
		-ms-transform: rotateY(0deg); 
		transform: rotateY(0deg); 
	} 
	to{ 
		-moz-transform: rotateY(-360deg); 
		-ms-transform: rotateY(-360deg); 
		transform: rotateY(-360deg); 
	} 
}

/** HEADER STYLE **/
.website-logo{margin-top:5px !important;}
.website-logo img{width: 100px;height:100px;margin:auto;}
.website-name{width:100%;font-size:24px !important;text-align:center;font-family:'Header Title', Times New Roman !important;display:inline-block;float:left;letter-spacing:1px;text-transform:uppercase;color:#3cb7e2;}
.website-mojo{width:100%;font-size:11px !important;text-align:center;font-family:'Header Mojo', Times New Roman !important;float:left;text-transform:uppercase;}.logo{ margin: 20px 0; }
.header{ background: #fff; }
.cta-wrap{float:right;display:inline-flex;flex-wrap:wrap;margin-bottom:10px;}
.cta-box, .cta-box a{ color: #595959; font-size: 21px; }
.cta-box{ border: 1px solid #79d8ff; padding: 10px 20px; margin-left: 10px;}
.top-header{ margin:30px 0 10px 0; float:right;width:100%;}
.header-menu{max-height:50px;}
.header-menu .sf-menu li a:after{ content: ''; display: block; height: 6px; width: 0; background: transparent; -moz-transition: width .5s ease, background-color .5s ease; -o-transition: width .5s ease, background-color .5s ease; -webkit-transition: width .5s ease, background-color .5s ease; transition: width .5s ease, background-color .5s ease; }
.header-menu .sf-menu li.current-menu-item a:after, .header-menu .sf-menu li:hover a:after{ width: 100%; background: #3fb3e3; color:#595959}

/**SLIDER STYLE**/
.section-header-slider{margin-bottom:15px;}
.owl-carousel .owl-item{ -webkit-backface-visibility: visible; /** prevent chrome image glitch **/ position:relative;}
.owl-item ul{padding-left:0 !important;}
.slides{position:relative;}
.slides img{margin-top:10px;}
.slides .slider-caption{bottom:10%;width:100%;text-align:center;background:rgba(255,255,255,0.6);padding:5px 10px;}
.slides .slider-caption h3{margin-top:5px !important;font-size:28px;font-weight:bold;text-align:center;}
.slides .slider-caption span{font-size:18px;font-weight:normal;text-align:center;}
.slider-nav-wrapper-left{max-height: 70px;position: absolute;z-index: 2;width:50%;}
.slider-nav-wrapper-right{width: 48px;max-height: 70px;position: absolute;z-index: 2;width:100%;}
.owl-carousel-arrows{font-size: 40px;float: left;margin-left: 10px;margin-top: 10px;}
.owl-carousel-arrows a{color: rgba(255,255,255,0.6);transition: all .2s ease-in-out;}
.owl-carousel-arrows a:hover{font-size: 44px;color: #fff;}

.control{margin-top:15px;}
.slick-image{border-radius: 500px;overflow:hidden;margin:auto;width:170px;}
.slick-image img{width: 198px;height: 168px;}
.projects-recent-title{color:#fff;font-weight: 700;}
.slick-arrows{display:inline;}
.slick-arrows a{display: inline-block; border-radius: 3px; background: #e4e4e4; color: #3498db; padding: 0px 11px; font-size: 25px; line-height: 1.2;transition: all .2s ease-in-out;}
.slick-arrows a:hover{background: #3498db; color: #e4e4e4; }
.recent-project-more{color: #fff;text-decoration:none;}
.recent-project-more:hover{color:#595959 !important;text-decoration:none;}

.testimonial-container .text{margin-top:5px;text-align:center;font-size:14px;text-transform:uppercase;color:#fff;font-weight:bold;width:100% !important;float:left;}
.testimonial-container  .line2{border-bottom: 1px solid #fff;width:100%;float:right;}

/**.owl-prev{display:inline-block!important;}
.owl-next{display:inline-block!important;}**/

/**HOME STYLE **/
.commercial-banner{margin-bottom:25px;}
.row .commercial-items{display:inline-block;margin-bottom:10px;}
.commercial-items .commercial-title{padding:5px 10px;border:1px solid #fff;max-height:70px !important; max-width:300px;margin: 0 auto 10px auto}
.commercial-items .commercial-title h3{text-align:center;margin:0 !important;color:#fff;font-weight:bold;}
.commercial-items:nth-last-child(1):nth-child(odd){margin-left: 25%;}
.commercial-buttons h3:hover{color: #595959 !important;text-decoration: underline;}

.services-banner{margin-bottom:25px;}
.row .service-items{margin-bottom:10px;background-color: #348da1;padding:30px 30px;height:550px !important;}
.service-icon{width: 170px;margin: 0 auto;border-bottom: 1px solid #fff;padding: 10px 0;}
.service-icon img{margin:auto;}
.service-content h3, .service-content p{text-align:center;color:#fff;}
.service-content p{font-style:italic;font-size:18px;line-height:2;}
.home-more-button{position:absolute;bottom:20%;left:42%}
.wpcf7-form p {max-height:30px;}

.page-banner-title{margin-top:0;}
.page-banner-title h1{color:#fff;}
.page-banner-title .text, .page-banner-title .text-full{text-align:left;font-size:20px;text-transform:uppercase;color:#fff;font-weight:bold;width:40% !important;margin-top: 15px;float:left;}
.page-banner-title .line2{border-bottom: 1px solid #fff;width:100%;float:right;}

.project-banner-title{padding:0 30px;height: 20px;}
/**FORMS**/
.form-group {color:#fff;font-size:18px;}

/**PROJECTS**/
.project-banner{margin-bottom:35px;}
.project-banner-title{text-align: center}
.project-banner-title .line1{border-bottom: 1px solid #fff;width:40%;float:left;}
.project-banner-title .line2{border-bottom: 1px solid #fff;width:40%;float:right;}
.text{width: 20%;float: left;margin-top: -15px;font-size: 18px;color: #fff;}
.project-items{margin-bottom:35px;}
.view-all-projects{border: 1px solid #fff;padding: 3px 5px;color: #fff;cursor:pointer;}
.view-all-projects:hover{color:#595959 !important;text-decoration:underline;}


/**ARTICLE**/
.home-article-banner{margin-top:50px;margin-bottom:35px;color:#fff;font-size:16px;}
.home-article-banner a{color:#fff;text-decoration:underline;}
.home-article-banner-title{text-align: center}
.home-article-banner-title .line1{border-bottom: 1px solid #fff;width:20%;float:left;}
.home-article-banner-title .line2{border-bottom: 1px solid #fff;width:20%;float:right;}
.home-article-banner-title .text{width: 60%;float: left;margin-top: -15px;font-size: 18px;color: #fff;}

/**TESTIMONIAL **/
.testimonial-banner{background: #348da1; min-height:120px;text-align:center;padding:15px 0;}
.slides .quote .quote-sym{font-size:20px;color:#fff;}
.slides .quote {font-size:18px;color:#fff;font-style:italic;}
.slides .author {font-size:20px;color:#fff;font-style:bold;}

.testimonial{ text-align: center; background: #383838; }
.testimonial .testimonial_rotator_wrap{ margin: 0; padding: 0; }
.testi-author{ display: inline-block;background: transparent;border-radius: 4px;padding: 10px 15px;color: #fff;border: 1px solid #fff;}
.testi-author span.author{ color: #fff; font-weight: 700; }
.testi{ color: #fff; line-height: 2; margin: 20px 0; font-size:16px;}
.testimonial-banner .owl-carousel .owl-controls .owl-nav .owl-prev, .testimonial-banner .owl-carousel .owl-controls .owl-nav .owl-next{ display: inline-block; border-radius: 3px; background: #e4e4e4; color: #3498db; padding: 0px 11px; font-size: 25px; line-height: 1.2; }
.testimonial-banner .owl-carousel .owl-controls .owl-nav .owl-prev{ margin-right: 2px; }
.testimonial-banner .owl-carousel .owl-controls .owl-nav .owl-next{ margin-left: 2px; }
.testimonial-banner .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .testimonial .owl-carousel .owl-controls .owl-nav .owl-next:hover{ background: #3498db; color: #e4e4e4; }

/**PRODUCTS PAGE **/
.prods-toolbar{text-align:center;}
.product-single{margin-top:10px;} 

.product-title a{color:#fff !important;font-size: 20px;line-height: 1.1em;font-weight: 300;text-transform: uppercase;}
.product-title a:hover{color: #595959 !important;text-decoration: none;}
.product-more a{color:#595959 !important;}
.product-more a:hover{color: #595959 !important;text-decoration: none;}

.products-image-wrapper{height:234px; max-height:250px; overflow:hidden;}
.products-image{ position: relative; background:rgba(255,255,255,0.6)}
.products-image .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
.products-image a.see-product{ padding: 7px 15px; position: absolute; top: 150%; left: 35%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
.products-image a.zoom-product{ padding: 7px 15px; position: absolute; top: 150%; left: 65%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
.products-image .overlay:hover{ background: rgba(0,0,0,0.5); }
.products-image .overlay:hover a.see-product{ top: 45%; }
.products-image .overlay:hover a.zoom-product{ top: 45%; }
.product-detail{min-height:135px;}
/**FOOTER**/
.footer-banner{background:#fff;}
.footer-container{padding:30px 15px;}
.footer-title{border-bottom: 1px solid #e3e3e3;margin-bottom:10px;}
.footer-title h3{margin-top:0;text-transform:uppercase;font-size:22px;}
.footer-items{text-align:left;}

.footer-content .menu-nav{padding-left:0;font-size:15px;margin-bottom:10px;text-transform:uppercase;}
.footer-content .menu-nav li{margin-bottom:10px;}
.menu-nav li a{color:#333;}
.menu-nav li a:hover{color:#3fb3e3;}
.menu-nav span{float:left;margin-right:5px;}
.menu-nav p{margin: 0 0 10px 10px;width: 100%;}
.menu-nav .address{text-transform:initial;}
.credit{margin-top:15px;text-align:center;border-top: 1px solid #e3e3e3;font-size:16px;padding-top:30px;}

.social_media_wrapper a{font-size:20px;margin-right:5px;}

/*404 PAGE *//
.not-found h1{font-size:48px;color:#fff;}
.not-found p{font-size:29px;color:#fff;}

/**Contact Form**/
.service-content .form-group{float:left;margin-bottom:5px;}
.service-content .wpcf7-response-output{position: absolute;bottom: 3%;width: 250px;left: 30%;color:#fff;}
.service-content .buttons{float:left;clear:both;}
.contact-form .form-group{float:left;margin-bottom:10px;}
.contact-form .buttons{float:left;clear:both;margin-top:5px;}
.contact-form  .wpcf7-response-output{position: absolute;bottom: -4%;width: 350px;left: 20%;color:#fff;}
.wpcf7 textarea{max-height:100px !important;}

/**BLOG **/
.blog-archive{color:#fff;}
.blog-date{font-size:18px;}
.blog-title{font-size:24px;color:#fff;border-bottom:1px solid #fff;}
.blog-title:hover{color:#595959 !important;}

/**SINGLE POST **/
.single-banner{color:#fff;margin-top:25px;}
.single-banner p{font-size:18px;}
.post-edit-link{color:#fff;font-size:18px;}
.post-edit-link:hover{color:#595959 !important;}
.entry-content{color:#fff;font-size:19px;padding-bottom:20px;}
.entry-content a{color:#fff !important;}
.entry-content ul li{list-style:initial !important;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5{margin-top:0 !important;}

/* CONTACT US PAGE*/
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:15px;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.contact-form { margin-top: 15px; }

.modal-body .wpcf7 button {background: #3fb3e3;color: #fff;font-weight: 700;border-radius: 6px;padding: 10px 9px;border: none;margin-top: 10px;width: 100%;}
.modal-header {padding: 25px 15px;text-align: center;background: #1a93c5;color: #fff;border-radius: 15px 15px 0px 0px;}
.modal-content {border-radius: 18px;}

/**TOP HEADER */
.super-top-header{padding:5px 0 0 0;background-color:#91d6f5;}
.top-header-menu li{display:inline;}
.top-header-menu li a{color:#fff;margin-right:10px;}
.top-header-menu li a:hover{color: #595959 !important;text-decoration: none;}
.social_media_top_header_wrapper ul{float:right;}
.social_media_top_header_wrapper li{display:inline;}
.social_media_top_header_wrapper a{color:#fff;}
.social_media_top_header_wrapper a:hover{color: #595959 !important;text-decoration: none;}


@media (max-width: 767px) { /** mobile only **/
	.sf-menu, .sf-menu li:hover > ul, .sf-menu li.sfHover > ul{ display: none; }
	.sf-menu.menu-show, .sf-menu ul.menu-show{ display: block !important; }
	.sf-menu, .sf-menu li{ float: none; }
	.sf-menu li{ display: block; }
	.sf-menu li+li{ border: none; }
	.sf-menu ul{ position: static; margin: 10px; }
	.sf-menu ul li{ background: transparent; }
	.sf-menu ul.sub-menu li {background: transparent;}
	.cta-box{ text-align: center; }
	.slider-caption{position:none;}
	
	
}

@media (min-width: 768px){ /** sm style **/
	.inside-content{width:100%;}
	.logo img{ margin-left: 0; }
	.top-header, .header-menu{ float: left; width:100%}
	.cta-box{ float: left; }
	.sf-menu{ font-size: 15px; }
	.sf-menu li{ padding: 0 0 0 0; }
	.section-header-slider{ padding-top: 24px; }
	.header-title{ font-size: 20px; }
	.slides .slider-caption{position:absolute;bottom: 0%;}
	.footer-content{margin-bottom:15px;}
	
	.commercial-items:nth-last-child(1):nth-child(odd){margin-left: 0;}
	
	.cta-wrap{width:100%}
	.cta-box{width:100%;margin-bottom:5px;margin-left:0;}
	
	.form-group{width:100%;}
	
	.modal-dialog { width: 350px !important;}
	.home-more-button{left:47%}
	
	.commercial-thumbnail{ position: relative; }
	.commercial-thumbnail .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.commercial-thumbnail a.see-more{padding: 7px 15px; position: absolute; top: 150%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.commercial-thumbnail .overlay:hover{ background: rgba(0,0,0,0.5); }
	.commercial-thumbnail .overlay:hover a.see-more{ top: 45%; }
	
	.products-image{ position: relative;}
	.products-image .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.products-image a.see-product{ padding: 7px 15px; position: absolute; top: 150%; left: 25%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.products-image a.zoom-product{ padding: 7px 15px; position: absolute; top: 150%; left: 75%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.products-image .overlay:hover{ background: rgba(0,0,0,0.5); }
	.products-image .overlay:hover a.see-product{ top: 45%; }
	.products-image .overlay:hover a.zoom-product{ top: 45%; }
	
	.project-content{ position: relative; }
	.project-content .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.project-content a.see-more{ text-align:center;padding: 7px 15px; position: absolute; top: 150%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.project-content .overlay:hover{ background: rgba(0,0,0,0.5); }
	.project-content .overlay:hover a.see-more{ top: 45%; }
}

@media (min-width: 992px) { /** md style **/
	.inside-content{width:50%;}
	.sf-menu{ font-size: 16px; float:right !important;border-top: 1px solid #dcdcdc;}
	.sf-menu li{ padding: 0 15px 0 0;}
	.section-header-slider{ padding-top: 34px; }
	.header-title{ font-size: 30px; }
	.home .header-title{ margin-top: 60px; }
	
	.modal-dialog { width: 350px !important; }
	
	.commercial-thumbnail{ position: relative; }
	.commercial-thumbnail .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.commercial-thumbnail a.see-more{ padding: 7px 15px; position: absolute; top: 150%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.commercial-thumbnail .overlay:hover{ background: rgba(0,0,0,0.5); }
	.commercial-thumbnail .overlay:hover a.see-more{ top: 45%; }
	
	.products-image{ position: relative; }
	.products-image .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.products-image a.see-product{ padding: 7px 15px; position: absolute; top: 150%; left: 35%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.products-image a.zoom-product{ padding: 7px 15px; position: absolute; top: 150%; left: 65%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.products-image .overlay:hover{ background: rgba(0,0,0,0.5); }
	.products-image .overlay:hover a.see-product{ top: 45%; }
	.products-image .overlay:hover a.zoom-product{ top: 45%; }

	.project-content{ position: relative; }
	.project-content .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.project-content a.see-more{padding: 7px 15px; position: absolute; top: 150%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.project-content .overlay:hover{ background: rgba(0,0,0,0.5); }
	.project-content .overlay:hover a.see-more{ top: 45%; }
}

@media (min-width: 800px){ /** sm style **/
	.commercial-items:nth-last-child(1):nth-child(odd){margin-left: 0%;}
	.products-image{ position: relative;height:200px; max-height:216px; overflow:hidden;}
}

@media (min-width: 980px){ 
	.home-more-button{left: 45%;}
	
	.commercial-items:nth-last-child(1):nth-child(odd){margin-left: 25%;}
}

@media (max-width: 980px){ 
	
	.commercial-items:nth-last-child(1):nth-child(odd){margin-left: 0;}
}

@media (max-width: 360px) {
	.inside-content{width:100%;}
	.top-header{margin:20px 0 15px 0;}
	.cta-box{width:100%;margin-bottom:5px;margin-left:0;}
	
	.sf-menu {border:1px solid #64c0de;float:left;}
	.sf-menu li{ width:100%;padding:10px 0;}
	
	/**SLIDER **/
	.slides .slider-caption{bottom:-90%;}
	.slides .slider-caption h3{margin-top:5px !important;font-size:14px;font-weight:bold;text-align:center;}
	.slides .slider-caption span{font-size:12px;font-weight:normal;text-align:center;}
	.commercial-items:nth-last-child(1):nth-child(odd){margin-left: 0;}
	.footer-content{margin-bottom:15px;}
	
	.project-banner-title{text-align: center}
	.project-banner-title .line1{border-bottom: 1px solid #fff;width:30%;float:left;}
	.project-banner-title .line2{border-bottom: 1px solid #fff;width:30%;float:right;}
	.text{width: 40%;float: left;margin-top: -10px;font-size: 15px;text-transform: uppercase;color: #fff;}
	
	.form-group{width:100%;}
	.form-group label{color:#fff;font-size:18px;float:left;}
	.g-recaptcha{float: left;margin-top:15px;transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	.g-recaptcha iframe {display: block;}
	
	.service-content .wpcf7-response-output{position: absolute;bottom: 4%;width: 150px;left: 40%;color:#fff;}
	.service-content .form-group{float:left;margin-bottom:5px;}
	.service-content .buttons{float:left;clear:both;}
	
	.contact-form .buttons{float:left;clear:both;}
	.contact-form  .wpcf7-response-output{position: absolute;bottom: -420%;width: 200px;left: 25%;color:#fff;}
	.contact-form .buttons{float:left;clear:both;margin-bottom:20px;}
	
	.modal-content {border-radius: 15px 15px 0 0 !important;}
	
	.commercial-thumbnail{ position: relative; }
	.commercial-thumbnail .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.commercial-thumbnail a.see-more{ padding: 7px 15px; position: absolute; top: 150%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.commercial-thumbnail .overlay:hover{ background: rgba(0,0,0,0.5); }
	.commercial-thumbnail .overlay:hover a.see-more{ top: 45%; }
	
	.products-image{ position: relative; }
	.products-image .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.products-image a.see-product{ padding: 7px 15px; position: absolute; top: 150%; left: 30%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.products-image a.zoom-product{ padding: 7px 15px; position: absolute; top: 150%; left: 65%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.products-image .overlay:hover{ background: rgba(0,0,0,0.5); }
	.products-image .overlay:hover a.see-product{ top: 45%; }
	.products-image .overlay:hover a.zoom-product{ top: 45%; }

	.project-content{ position: relative; }
	.project-content .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.project-content a.see-more{ padding: 7px 15px; position: absolute; top: 150%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.project-content .overlay:hover{ background: rgba(0,0,0,0.5); }
	.project-content .overlay:hover a.see-more{ top: 45%; }
	
	.owl-carousel-arrows a{font-size: 22px;margin-top:0;}
	.owl-carousel-arrows a:hover{font-size: 26px;}
}

@media (min-width: 1200px) { 
	.slider-caption{position:absolute;}
	.first-column{margin-left:12%;}
	.commercial-items:nth-last-child(1):nth-child(odd){margin-left: 25%;}
	
	.cta-wrap{width:unset !important;}
	.cta-box{width:unset !important;margin-bottom:5px;margin-left:10px;}
	
	.g-recaptcha{margin-top:25px !important;margin-bottom:15px;}
	.form-group{width:100%;}
	.modal-dialog { width: 400px !important; }
	.modal-body .g-recaptcha {margin: 0 auto;display: block;width: 86%;}
	
	.modal-content {border-radius: 15px 15px 0 0 !important;padding-bottom:10px;}
}