/*
Theme Name: Compare The Tradies
Theme URI: http://www.somsweb.com.au/
Author: SOMS
Author URI: http://www.somsweb.com.au/
Description: Compare The Tradies Theme (Responsive)
Version: 1.0
*/
/** GENERAL STYLE **/
body{ font-family: "Open Sans"; font-size: 13px; line-height: 1.3; }
a, a:hover, a:focus{ text-decoration: none;  }
strong{ font-weight: bold; }
em{ font-style: italic; }
img{ max-width: 100%; height: auto; }
.relative{ position: relative; }
.row-gutter-5{ margin-left: -5px; margin-right: -5px; }
.row-gutter-5 [class^=col-]{ padding-right: 5px; padding-left: 5px; }
.row-gutter-10{ margin-left: -10px; margin-right: -10px; }
.row-gutter-10 [class^=col-]{ padding-right: 10px; padding-left: 10px; }
.btn-custom{
	background: rgba(241,241,241,1);
	background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 50%, rgba(218,218,218,1) 51%, rgba(218,218,218,1) 71%, rgba(218,218,218,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(50%, rgba(241,241,241,1)), color-stop(51%, rgba(218,218,218,1)), color-stop(71%, rgba(218,218,218,1)), color-stop(100%, rgba(218,218,218,1)));
	background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 50%, rgba(218,218,218,1) 51%, rgba(218,218,218,1) 71%, rgba(218,218,218,1) 100%);
	background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 50%, rgba(218,218,218,1) 51%, rgba(218,218,218,1) 71%, rgba(218,218,218,1) 100%);
	background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 50%, rgba(218,218,218,1) 51%, rgba(218,218,218,1) 71%, rgba(218,218,218,1) 100%);
	background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 50%, rgba(218,218,218,1) 51%, rgba(218,218,218,1) 71%, rgba(218,218,218,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dadada', GradientType=0 );
	font-weight: 700;
	color: #645d55;
}

/** SUPERFISH MENU STYLE **/
.sf-menu{ margin-bottom: 0; float: right; font-size: 15px; font-weight: bold; }
.sf-menu a{ border: none; padding: 15px; text-transform: uppercase; }
.sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.current-menu-item{ background: transparent; }
.sf-menu li a{ color: #0e4f9a; }
.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a, .sf-menu ul li:hover a, .sf-menu ul li.sfHover a, .sf-menu ul li.current-menu-item a, .sf-menu li.current-menu-ancestor > a{ color: #11a1c6; }
.sf-menu ul{ box-shadow: none; min-width: 0; }
a.showmenu{ font-size: 36px; }

/** CONTACT FORM 7 STYLE **/
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 input[type="file"]{ padding: 5px 10px; font-family: "Open Sans"; border: 1px solid #848484; margin: 0px; color: #4b392a; width: 100%; }
.wpcf7 input[type=submit]{ background: #e0ac65; border: none; color: #980000; text-transform: uppercase; margin: 0; padding: 8px 10px; cursor: pointer; }
.wpcf7 textarea{ height: 80px; }
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{ border: 2px solid #d9ba17; color: #b7b7b7; line-height: 1.5em; text-align: center; margin-top: 10px; margin-left: 0; margin-right: 0; }
.wpcf7 div.wpcf7-validation-errors{ border-color: #ff0000; }
.wpcf7 span.wpcf7-not-valid-tip{ font-size: 11px; text-align: left; }
a.bttClose img, .sub-button img{ display: inline; }

/** ENQUIRE FORM **/
.contact-form .row [class^=col-]{ min-height: 0; }
.enquire_form{ background: rgba(206,206,191,0.8);padding: 5px; z-index: 10000; position: absolute; top: 5px; right: 0; display: none; width: 30%; }
.enquire_form h3, .enquire_form p{ display: block; text-align: center; }
.enquire_form p{  overflow: hidden; }
.enquire_form p:first-child{ text-align: right; margin-bottom: 0; }
.enquire_form h3{ color: #980000; font-size: 30px; margin-top: 0; margin-bottom: 5px; }
.enquire_form .wpcf7{ margin: 15px 0; padding: 0px 15px; }
.enquire_form .wpcf7 p{ margin-bottom: 5px; }
.enquire_form p.sub-button{ text-align: right; }
.enquire_form .wpcf7 .ajax-loader{ float: left; }
.enquire_form div.wpcf7-response-output{ margin: 5px 0 0 0; }
.enquire_form p.captcha{ text-align: left; }
.enquire_form p.captcha img{ margin-bottom: 5px; }

/** WP-PAGENAVI STYLE **/
.wp-pagenavi{ line-height: 3; }
.wp-pagenavi a, .wp-pagenavi span{ border: none; background: #0E4F9A; color: #fff; }
.wp-pagenavi span.current{ font-weight: normal; color: #a1a1a1; }
/** HEADER STYLE **/
.fixed-header, .logo{ background: #fff; }
.top-menu{ -webkit-box-shadow: 0px 3px 3px 0px rgba(153,153,153,0.75);
-moz-box-shadow: 0px 3px 3px 0px rgba(153,153,153,0.75);
box-shadow: 0px 3px 3px 0px rgba(153,153,153,0.75); position: relative; }
.logo.box{ display: inline-block; padding: 15px 10px; border-radius: 10px; -webkit-box-shadow: -1px 1px 10px 0px rgba(77,73,74,1); -moz-box-shadow: -1px 1px 10px 0px rgba(77,73,74,1); box-shadow: -1px 1px 5px 0px rgba(77,73,74,1); }
.fixed-header .logo img{ padding: 10px 0; }
.bottom-menu{ background: #f0eded; }
.header-menu-inline{ padding: 0; margin: 0; }
.header-menu-inline li{ display: inline-block; }
.header-menu-inline li+li:before{ content: '|'; }
.header-menu-inline li a{ display: inline-block; color: #0e4f9a; font-size: 15px; padding: 5px 15px; }


/** HOME STYLE **/
.slide{ position: relative; }
/* .slide img{ display: block; width: 100%; } */
/* .center-slide{ position: absolute; top: 20%; bottom: 0; left: 0; right: 0; } */
.center-slide{ padding: 10px 0; }
.home-welcome h1{ font-size: 44px; font-weight: 700; color: #fff; text-shadow: -2px 1px 3px rgba(35, 31, 32, 0.75); }
.home-welcome p{ font-size: 17px; color: #fff; }
.custom-search{ margin-top: 10px; }
.counter{ color: #11a1c6; font-size: 18px; font-weight: 300; padding: 20px 0; }
.counter .icon{ text-align: left; }
.counter .icon:before{ content: ''; background: url('images/sprites.png'); display: inline-block; height: 40px; margin-right: 10px; vertical-align: middle; }
.counter .icon.icon-quote:before{ background-position: -619px -85px; width: 50px; }
.counter .icon.icon-listed:before{ background-position: -667px -85px; width: 50px; }
.counter .icon.icon-business:before{ background-position: -715px -85px; width: 50px; }
.counter .icon.icon-likes:before{ background-position: -764px -85px; width: 50px; }
.section{ padding: 10px 0; }
.section-title{ text-align: center; border: 3px solid; padding: 10px 30px; display: inline-block; font-size: 27px; border-radius: 5px; }
.section-content{ padding: 10px 0 0; }
.how-it-works, .testimonial{ background: #0e4f9a; }
.services{ background: #88d4e7; }
.section-wdw .section-title{ border-color: #e3e1e1; color: #11a1c6; }
.section-wdw .section-content{ color: #11a1c6; font-size: 16px; }
.section-wdw .section-content li{ display: inline-block; padding: 0 5px; font-size: 25px; }
.section-wdw .section-content li:before{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f046"; margin-right: 5px; }
.section-hiw .section-title{ border-color: #e3e1e1; color: #fff; }
.section-hiw .section-content{ color: #fff; }
.section-news .section-title, .section-why-our-service .section-title{ border-color: #11a1c6; color: #0e4f9a; }
.section-news .section-content{ color: #555; }
.section-services .section-title{ border-color: #fff; color: #0e4f9a; }
.section-services .section-content{ color: #0e4f9a; }
.section-testimonial .section-title{ border-color: #fff; color: #fff; }
.section-testimonial .section-content{ color: #fff; }

/* Section How It Works */
.section-hiw .big-icon, .section-hiw .small-icon{ display: inline-block; }
.section-hiw .big-icon:before, .section-hiw .small-icon:before{ content: ''; background: url(images/sprites.png) no-repeat; display: inline-block; }
.section-hiw .big-icon.icon-form:before{ background-position: 0 0; width: 177px; height: 175px; }
.section-hiw .big-icon.icon-plane:before{ background-position: -185px 0; width: 216px; height: 175px; }
.section-hiw .big-icon.icon-sum:before{ background-position: -408px 0; width: 196px; height: 175px; }
.section-hiw .small-icon.icon-submit:before{ background-position: -607px 0; width: 124px; height: 55px; }
.section-hiw .small-icon.icon-osi:before{ background-position: -740px 0; width: 80px; height: 78px; }
.section-hiw .step-detail{ margin-top: 10px; }
/* Section Gada Judul */
.section-gaje .section-content{ padding: 0; }
.section-gaje .equal{ position: relative; overflow: hidden; }
.section-gaje .icon{ color: #11a1c6; font-size: 80px; text-align: center; position: relative; bottom: -52px; z-index: 1; margin-top: -69px; }
.section-gaje .icon .fa-stack{ width: 1.3em; height: 1.3em; line-height: 1.3em; }
.section-gaje .icon .fa-stack-2x{ font-size: 1.3em; }
.section-gaje .icon .fa-inverse{ color: #89d6e8; }
.section-gaje .equal .blue-box{ background: #11a1c6; margin-bottom: 10px; text-align: center; color: #fff; font-size: 14px; padding-top: 50px; padding-left: 10px; padding-right: 10px; }
.section-gaje .blue-box p{ font-weight: 700; }
/* Section News */
.section-news .section-content{ margin-top: 20px; }
.section-news .news-box{ text-align: center; }
.section-news .news-thumb{ position: relative; display: inline-block; margin: auto; /* border: 6px solid #f0f1ff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); */ border: 1px solid #bbb; padding: 6px; }
/* .section-news .news-thumb:before, .section-news .news-thumb:after{ position: absolute; width: 40%; height: 10px; content: ' '; left: 0; bottom: 0; background: transparent; -webkit-transform: skew(-5deg) rotate(-5deg); -moz-transform: skew(-5deg) rotate(-5deg); -ms-transform: skew(-5deg) rotate(-5deg); -o-transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75);
	z-index: -1; }
.section-news .news-thumb:after{ left: auto; right: 0; -webkit-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg); } */
.section-news .news-thumb img{ width: 100%; height: auto; }
.section-news .news-detail h3{ font-size: 16px; color: #11a1c6; text-transform: uppercase; }
.section-news .news-detail p{ color: #555; font-size: 11px; }
.section-news .news-detail a.readmore{ color: #fff; background: #11a1c6; display: inline-block; padding: 5px 8px; }
.section-news a.see-all, .section-wdw a.see-all{ font-size: 18px; color: #11a1c6; font-weight: 700; display: inline-block; margin-top: 10px; }
/* Section Services */
.section-services .section-content p{ margin-bottom: 0; }
.section-services a{ color: #0e4f9a; }
.section-services a.see-all{ font-size: 18px; font-weight: 700; display: inline-block; margin-top: 10px; }
/* Section Testimonial */
.section-testimonial .author-details{ background: #fff; color: #292e34; padding: 4px; -webkit-box-shadow: -2px 2px 10px 0px rgba(77,73,74,1); -moz-box-shadow: -2px 2px 10px 0px rgba(77,73,74,1); box-shadow: -2px 2px 10px 0px rgba(77,73,74,1); }
.section-testimonial .author-details .author{ font-size: 12px; width: 66%; margin-left: 4px; }
.section-testimonial .author-details .author .title{ font-weight: 700; }
.section-testimonial .author-details .author .author-name, .section-testimonial .author-details .author .author-places{ font-weight: 300; font-style: italic; }
.section-testimonial .author-details .author .star-rating{ color: #ff5d42; }
.section-testimonial .testimonial-detail{ color: #fefeff; margin-top: 10px; }
.section-testimonial .testimonial-detail a{ color: #fefeff; }
.page-content .testimonial-detail{ color: #313131; margin-top: 10px; }
.page-content .testimonial-detail a{ color: #313131; }
.testimonial-page { padding: 30px 50px;  }
.page-content .testimonial-wrap {padding: 20px;background: #fff;color: #292e34;-webkit-box-shadow: -2px 2px 10px 0px rgba(77,73,74,1);-moz-box-shadow: -2px 2px 10px 0px rgba(77,73,74,1);box-shadow: -2px 2px 10px 0px rgba(77,73,74,1);margin-bottom: 20px;}
.page-content .author-details img {display: block;margin: auto;border-radius: 50%;}
.page-content .author .star-rating{ color: #ff5d42; }
.page-content .author{ font-size: 24px; width: 66%; margin-left: 4px; }
.page-content .testimonial-detail {font-size: 16px;}

/** FOOTER STYLE **/
.footer{ color: #0e4f9a; border-top: 1px solid #7faac8; }
.footer .logo{ margin-bottom: 10px; }
.footer .email{ margin: 10px 0; }
.footer .email i.fa{ font-size: 35px; vertical-align: middle; color: #11a1c6; padding: 0 5px; }
.footer .wgttitle{ font-weight: 700; font-size: 20px; }
.footer .menu{ padding: 0; margin: 0 }
.footer .menu li{ display: block; }
.footer .menu li a{ padding: 5px 0; display: inline-block; }
.copyright{ color: #645d55; padding: 20px 15px; text-align: center; border-top: 2px solid #d2d2d4; font-size: 14px; margin-top: 20px; }
.copyright a{ color: #645d55; }
.copyright p{ margin-bottom: 0; }

/** PAGE STYLE **/
.breadcrumb{ background: transparent; padding: 8px 0; margin-bottom: 0; }
.page-title{ color: #0e4f9a; font-weight: 700; margin-top: 10px; margin-bottom: 1em; }

/** CUSTOM PAGE STYLE **/
.custom-page-content{ margin-bottom: 30px; }
.custom-page-content .content-wrap{ background: #f4f4f4; padding: 30px; }

/** SINGLE STYLE **/
.single .section-news .news-thumb{ margin: 20px 0; }
.single .section-news{ line-height: 1.5; }
.aligncenter, .alignleft, .alignright { display: block; margin-left: auto; margin-right: auto; }

/** CATEGORY STYLE **/
.blog-list-item{ margin-bottom: 10px; }
.blog-list-item img{ max-width: 100%; height: auto; display: block; margin: auto; }
.blog-list-item .cat-name a{ color: #11a1c6; }
.blog-list-item .cat-name a.news-title{ font-size: 18px; color: #11a1c6; }

/** BUSINESS LISTING STYLE **/
form#wpbdmsearchform{ text-align: right !important; }
.wpbdp-button{ padding: 5px 10px; background: #0e4f9a; color: #fff; border: 1px solid #fff; }
.wpbdp-button:hover{ background: #11a1c6; }
ul.wpbdp-categories{ margin: 0 !important; }
ul.wpbdp-categories>li{ display: block; padding-bottom: 10px; }
h2.category-name, .wpbdp-listing-contact-form h3{ font-style: italic; color: #11a1c6; }
.listing-wrap a.button{ padding: 5px 10px; background: #0e4f9a; color: #fff; border: 1px solid #fff; display: inline-block; }
.listing-wrap a.button.get-quote{ font-size: 17px; font-weight: 700; width: 100%; }
.listing-wrap .listing-detail .listing-title{ font-size: 2em; font-weight: 700; }
.listing-wrap .listing-detail span.detail{ display: block; margin-bottom: 5px; }
.listing-wrap .listing-detail span.detail i.fa{ font-size: 20px; vertical-align: middle; color: #88D4E7; }
.listing-title h1{ margin: 10px; display: inline-block; }
.wpbdp-listing-contact-form{ margin-bottom: 20px; }
.wpbdp-listing-contact-form h3{ font-size: 18px; margin-top: 0; }
.wpbdp-listing-contact-form p.listing-name{ color: #11a1c6; font-size: 24px; font-weight: 700; }
.wpbdp-listing-contact-form textarea.form-control{ width: 100% !important; }
.business-badge{ color: #43A403; }
#wpbdp-renewlisting-form .fee-options td{ padding: 5px; }
#wpbdp-renewal-page .do-not-renew-listing .header{ display: none; }
#wpbdp-renewal-page .do-not-renew-listing{ padding: 10px; margin: 20px 0; }
#wpbdp-renewal-page .do-not-renew-listing input[type="submit"]{ color: #fff; background: #bc0b0b; border: none; padding: 5px 10px; }
.wpbdp-payment-items-table td{ padding: 5px; }

/** CUSTOM **/
.grey-box{ background: #f0eded; padding: 15px; }
.grey-box-header{ color: #5f5e5e; font-weight: 700; font-size: 20px; margin-bottom: 10px; }

/** RESPONSIVE STYLE **/
@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; }
	.mobnav-subarrow{ display: block; background: #c2c2c2; 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; }

	.fixed-header .logo img{ display: block; margin: auto; }
	.section-hiw [class^=col-]{ text-align: center; }
}

@media (min-width: 768px){ /** sm style **/
	.fixed-header{ position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }
	.fixed-header .logo img{ padding: 15px 0; }
	.sf-menu{ font-size: 13px; }
	.sf-menu a{ padding: 8px 2px; }
	.center-slide{ padding: 65px 0 10px; }
	.counter{ border-bottom: 2px solid #edecec; }
	.counter .icon{ text-align: center; }
	.counter .icon:before{ display: block; margin: auto; }
	.section{ padding: 30px 0; }
	.section-content{ padding: 20px 0 0; }
	.section-hiw [class^=col-]:last-child{ text-align: right; }
	.section-hiw .step-detail p, .section-hiw .step-detail .small-icon{ display: inline-block; vertical-align: top; }
	.section-hiw .step-detail .small-icon{ margin-left: 10px; }
	.section-hiw [class^=col-]:last-child .step-detail .small-icon{ margin-right: 10px; margin-left: 0; }
	.section-hiw p.has-icon{ width: 52%; text-align: center; }
	.section-testimonial .author-details .author{ margin-left: 0; width: 100%; }
	.footer .email{ text-align: center; }
	.page-content{ margin: 60px 0 30px; }
	.section-gaje .equal .blue-box{ position: relative; margin-bottom: -9989px; padding-bottom: 9999px; }

	.listing-wrap .listing-thumb{ width: 20%; margin-right: 20px; }
	.listing-wrap .listing-detail{ width: 78%; }
	.alignleft{ float: left; margin: 0.5em 1em 0.5em 0; }
	.alignright{ float: right; margin: 0.5em 0 0.5em 1em; }
	.csRow{ margin: 30px 0; }
	.page-custom.custom-search{ margin-top: 150px; }
	.page-custom .form-home .form-group{ width: 87%; }
}

@media (min-width: 992px) { /** md style **/
	/* .header-wrap{ position: absolute; top: -50px; } */
	.header-wrap .logo{ padding: 50px 10px 10px; }
	.sf-menu a{ padding: 9px; }
	.center-slide{ padding: 85px 0 10px; }
	.counter .icon{ text-align: inherit; }
	.counter .icon:before{ display: inline-block; }
	.section-hiw .step-detail .small-icon{ margin-left: 50px; }
	.section-hiw [class^=col-]:last-child .step-detail .small-icon{ margin-right: 30px; margin-left: 0; }
	.section-hiw .step-detail{ margin-top: 20px; }
	.section-services a.see-all, .section-news a.see-all{ margin-top: 30px; }
	.section-testimonial .author-details .author{ margin-left: 4px; width: 63%; }
	.footer .footer-logo{ top: -15px; position: relative; }
	.footer .email{ text-align: left; }
	.copyright{ margin-top: 0; }
	.page-content{ margin: 85px 0 50px; }
	.blog-list-item{ margin-bottom: 20px; }
	.section-gaje .equal .blue-box{ padding-left: 20px; padding-right: 20px; }
	.listing-wrap .listing-thumb{ width: 15%; }
	.listing-wrap .listing-detail{ width: 83%; }
	.page-custom .form-home .form-group{ width: 84%; }
	.page-custom.custom-search{ margin-top: 300px; margin-bottom: 30px; }
	.header-menu-inline li a{ padding: 5px 30px; }
}

@media (min-width: 1200px) { /** lg style **/
	.sf-menu a{ padding: 10px 5px; }
	.sf-menu{ font-size: 15px; }
	.center-slide{ padding: 140px 0 10px; }
	.home-welcome h1{ font-size: 53px; }
	.home-welcome p{ margin-bottom: 30px; }
	.custom-search{ margin-top: 50px; }
	.section-content{ padding: 30px 0 0; }
	.section-news .news-detail p{ width: 75%; margin-right: auto; margin-left: auto; }
	.section-testimonial .author-details .author{ width: 70%; }
	.page-content{ margin: 100px 0 50px; }
	.section-gaje .equal .blue-box{ padding-left: 30px; padding-right: 30px; }
	.header-menu-inline li a{ padding: 5px 45px; }
}