/*

 Theme Name:     Extent Child

 Theme URI:      http://webnus.biz/themes/extent-wp/

 Description:    Extent Child Theme

 Author:         WEBNUS

 Author URI:     http://themeforest.net/user/WEBNUS

 Template:       extent-wp

 Version:        3.2.0

*/


/* =Theme customization starts here
-------------------------------------------------------------- 
Lato:100,300,regular,700,900
#F4BA23 wfc orange 
#BE911B wfc orange menu mouse over
#7B5E12 wfc dark orange (pie charts)

font-family:'Calibri W01 Bold_904607';
font-family:'Calibri';
font-family:'Calibri W01 Light';

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

/*
All .vc_carsousel... styles hidden for now..
*/
/*body.home #whiterow1 {display:none; visibility:hidden;}*/
/*body.page-id-8 #whiterow1 {display:none; visibility:hidden;}*/
body.single-portfolio .vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {float:left;}
body.single-portfolio #wrap .vc_carousel .wpb_wrapper {border-top:none;}
body.single-portfolio #wrap .vc_carousel img {border-top:none;}
body.single-clients .vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {float:left;}
body.single-clients #wrap .vc_carousel .wpb_wrapper {border-top:none;}
body.single-clients #wrap .vc_carousel img {border:none;}
body.single-clients #wrap .vc_slide_portfolio {width:33%;}
body.single-clients #wrap .vc_carousel h2.post-title {font-family:  'Calibri', Arial, sans-serif;}
body.single-clients #wrap .vc_carousel-control {display:none; visibility:hidden;}

#wp-admin-bar-top-secondary {display:none; visibility:hidden;}


body.blog .tline-box h4 {line-height: 43px;}


body, #wrap {

    background-color: #000;

    font-family:  'Calibri', Arial, sans-serif; /* Calibri, */

}

#wrap h1, 

#wrap h2, 

#wrap h3, 

#wrap h4, 

#wrap h5, 

#wrap h6 {font-family: 'Calibri W01 Light', Arial, sans-serif;text-transform: none;} /* Calibri, */

#wrap p,

#wrap #nav a {font-family:  'Calibri', Arial, sans-serif; }



#wrap nav.primary {font-family:  'Calibri', Arial, sans-serif; }

#wrap .rev_slider .tp-caption.large_bg_black , #wrap .rev_slider .large_bg_black {font-family: 'Calibri W01 Light', Arial, sans-serif !important;}





a, p a {color:#F4BA23}

a:hover, a:focus, p a:hover, p a:focus  {color:#BE911B; text-decoration: underline;}



section {padding:20px 0;}

.container {

    max-width:1020px;

    /*width:90%;

    margin:0 auto;

    background-color: red;*/

}

h1,h2,h3,h4,h5,h6 {color: #ffffff; font-size: 14px; /*text-transform: uppercase;*/}

li {

    color: #ffffff;

    font-size: 14px;

}



#header, #header.sm-rgt-mn, #header.hi-header.sm-rgt-mn {

    background-color: #000 ; /* url("https://wfccontractors.com/wp-content/themes/Extent_child_theme/images/bg_header.jpg") repeat-x center top */

    padding: 0px 0;

    width: 100%;

    height: 120px;

    z-index: 10000;

}



#header .container {

    max-width:99999px;

    width:100%;

    padding-left:0;

    /*background-color: green;*/

}

#header .container .logo-wrap {

    padding-left:0px;

    z-index: 10100;

}

.logo img {

    margin-top: 0px;

}

#logostrpline {

    position: absolute;

    top:76px;

    left:10px;

    font-size: 13px;

    color:#fff;

    /* for logo_wfc_trans.gif (part hidden logo)

    top:71px;

    left:160px;

    font-size: 17px;

    */

}

#header.sm-rgt-mn #logostrpline { }



#nav-wrap .container {

    padding-top:51px;

}

.nav-wrap1, .nav-wrap2 {

    height: 60px;

    position: relative;

}

#nav li {  color: #fff;}

#nav a {    color: #fff;}

#nav ul { border: 1px solid #000; padding: 0px 0 0px; }

#nav > li > ul:before { top: -18px;border-color: transparent transparent #F4BA23 transparent;}



/* top level nav */

#nav-wrap #nav a { color: #FFFFFF;font-size:15px;}

#nav-wrap #nav a:hover { color: #F4BA23;}

#nav-wrap #nav .current-menu-item a, #nav-wrap #nav .current a { color: #F4BA23}

#nav-wrap #nav .current-menu-item a:hover, #nav .current a:hover { color: #F4BA23;}



/* subnav */

#nav-wrap #nav ul li a { color: #000;}

#nav-wrap #nav ul li a:hover { color: #fff;}

#nav-wrap #nav ul li {  border-bottom:1px solid #000;background-color:#F4BA23;} /* subnav divider */

#nav-wrap #nav ul li:hover { background-color:#BE911B; } /* subnav hover bg colour */

#nav-wrap #nav ul li a, #nav ul li:hover > a { color:#000; padding: 11px 4px 10px 19px;  font-size:15px;  text-transform:capitalize; line-height:24px; } /* subnav links */

#nav-wrap #nav .current-page-ancestor .current-menu-item ul li a { color: #000;}

#nav-wrap #nav .current-page-ancestor .current-menu-item ul li a:hover { color: #fff;}



#nav-wrap #nav ul.sub-menu li a {color: #000}

#nav-wrap #nav ul.sub-menu li:hover, #nav-wrap #nav ul.sub-menu li a:hover {color: #fff}

#nav-wrap #nav ul.sub-menu li.current {background-color: #BE911B;}

#nav-wrap #nav ul.sub-menu li.current a {color: #fff}





#search-form .search-text-box, #search-form2 .search-text-box2 { background-color: rgba(0,0,0,0.73); 

    background-repeat: no-repeat; background-position: 9px 9px; background-size:16px 16px; 

    border: 3px solid #F4BA23;  font-size: 13px; color:#fff; }	

.search-form-box:before { border-style: solid; border-width: 7px; top: -14px; border-color: transparent transparent #F4BA23 transparent ;}

a.search-form-icon, a.search-form-icon:visited { display:block; width:16px; height:16px; color:#aaa;}



a.search-form-icon i {color: #fff;}

a.search-form-icon i:hover {color: #F4BA23;border: 1px solid #F4BA23;}









.hboxwhite {

    border-bottom: 1px solid #ffffff;

    margin-bottom: 30px;

    position: relative;

}



#wrap .hboxwhite h1, #wrap .hboxwhite h2  {

    border-bottom: 1px solid #F4BA23;

    display: inline-block;

    font-size: 24px;

    font-weight: 600;

    letter-spacing: 0.2px;

    line-height: 35px;

    margin-bottom: -1px;

    max-width: 100%;

    /*text-transform: uppercase;*/

    width: auto;

    color: #fff;

}



p, p strong {font-size: 17px;}

#wrap p {color: #fff;}



.colorskin-17 .icon-box1:hover i, .colorskin-17 .icon-box6 i, .colorskin-17 .icon-box4:hover i, .colorskin-17 

.colorb, .colorskin-17 .footer-in .contact-inf button, .colorskin-17 #footer .side-list li:hover img, 

.colorskin-17 .icon-box1:hover i, .colorskin-17 .side-list li:hover img, 

.colorskin-17 #header.sm-rgt-mn #menu-icon span.mn-ext1, .colorskin-17 #header.sm-rgt-mn #menu-icon span.mn-ext2, 

.colorskin-17 #header.sm-rgt-mn #menu-icon span.mn-ext3 { background-color:#ffffff;}







blockquote::before {

    color: #F4BA23;

    content: "";

    /* font-family: "Lato"; */

    font-family: 'Calibri', Arial, sans-serif;

    font-size: 38px;

    font-weight: bold;

    left: 15px;

    position: absolute;

    top: 18px;

}

blockquote.client {  padding:10px 0;margin:0;}

blockquote.client p {}

blockquote.client footer p {color:#fff !important; font-size:16px !important;}

.white {color:#ffffff !important;}



#wrap blockquote {color:#F4BA23; text-align: center; 

            /* font-family: "Lato"; */

    font-family: 'Calibri', Arial, sans-serif;

}

#wrap blockquote p {color:#F4BA23; /*text-transform: uppercase;*/ font-size: 24px;font-style: normal}

#wrap blockquote cite {color:#fff ;font-size: 14px;font-style: normal}

.homepagequote {margin-top: 35px;}

#homeclientlogos { background-color: #fff; border-top: 5px solid #F4BA23;}

.clientsinner {max-width:1020px;}



.pageintro {color: #fff; /*text-transform: uppercase;*/}



#orangerow1, #orangerow2 { background-color:#F4BA23; }

#whiterow1, #whiterow2 { background-color:#FFFFFF; border-top: 5px solid #f4ba23;min-height:90px;}

#whiterow1 .wpb_wrapper, #whiterow2 .wpb_wrapper,

#orangerow1 .wpb_wrapper, #orangerow2 .wpb_wrapper {max-width: 910px; margin: auto; padding: 0px 0 0px 0;} /* 960 -10 -15 -15 -10 = 910 */

#whiterow2 .wpb_wrapper {max-width: 100%;}

#whiterow1 .wpb_wrapper .sub-content, #whiterow2 .wpb_wrapper .sub-content {margin-bottom:0px}

#whiterow1 .wpb_wrapper .wpb_content_element, #whiterow2 .wpb_wrapper .wpb_content_element {margin-bottom:5px}

/* #whiterow1 .wpb_wrapper .vc_carousel .wpb_wrapper, #whiterow2 .wpb_wrapper .vc_carousel .wpb_wrapper {margin-top:0px; padding-bottom:0px} */

section#whiterow1 {padding:0px 0;} 

section#whiterow2 {padding:10px 0;}

/*body.home*/ 
#whiterow1 #supercrsl156681 {padding:10px 0;}





.max-title {

    display: block;

    margin-bottom: 5px;

    margin-top: 40px;

    text-align: center;

}

.max-title::after {

    border-bottom: none;

    content: "";

    display: block;

    height: 0;

    margin: 0px;

    position: relative;

    width: 35px;

}

.max-title h2, .max-title h1 {color: #ffffff;

               font-weight: 300;

               font-size: 48px;

    /*text-transform: uppercase;*/

    margin-left: auto;

    margin-right: auto;

    padding-bottom: 15px;

    border-bottom: 1px solid #F4BA23;}



.pageintro p {font-size: 24px;font-weight: 300; text-align:center;}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {margin-bottom: 10px;}



h4 {color:#ffffff;}

.sub-content {

    border-bottom: 1px solid #ffffff;

    margin-bottom: 30px;

    position: relative;

}

h4.h-sub-content {

    border-bottom: 1px solid #F4BA23;

    display: inline-block;

    font-size: 24px;

    font-weight: 300;

    letter-spacing: 0.2px;

    line-height: 50px;

    margin-bottom: -1px;

    max-width: 100%;

    /*text-transform: uppercase;*/

    width: auto;

    color:#ffffff;

}

#orangerow1 h4.h-sub-content,

#orangerow2 h4.h-sub-content,

h4.h-sub-content-2 {

    border-bottom: 1px solid #000000;

    color:#000000;

}

.sub-content-3 { border-bottom: 1px solid #000000; }

h4.h-sub-content-3 {

    border-bottom: 1px solid #F4BA23;

    color:#000000;

}



.vc_pie_chart_value {color: #ffffff;}



.max-counter {}

#orangerow1 .max-counter h5,

#orangerow2 .max-counter h5 {color: #000000;}

#orangerow1 .max-counter.s-counter .max-count,

#orangerow2 .max-counter.s-counter .max-count {color: rgba(255, 255, 255, 1);}



#whiterow1 h4 p {color:#000;}



#wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header,

.wpb_accordion_section group,

#wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a {background-color: #000000; color: #ffffff;}

#wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {background-color: #000000; color: #ffffff;

                        /* font-family: "Lato"; */

    font-family: 'Calibri', Arial, sans-serif;

    font-size:16px; font-weight: 300;}

#wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover { color: #ffffff;}

#wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon::before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon::before {color: #ffffff;margin-top:18px;}



.acc_img {padding: 0 20px 20px 0;}

#wrap div.markertext p {color:#000000;line-height: 1.2;}



.alert {border: 0px solid #f3d9a6; border-radius: 0; }



/* news timeline */

#main-timeline {background: #000 none repeat scroll 0 0;}

h6.tline-date {color:#ffffff;margin: 7px 0;padding: 6px 0; text-transform: none;background-color: #000;}

.pin-ecxt h6.blog-date, .pin-ecxt h6.blog-author, .blog-cat-tline, .blog-cat-tline a {

    color: #ffffff;

    font-size: 13px;

    font-weight: 300;

    letter-spacing: 4px;

    margin-bottom: 8px;

    margin-top: 25px;

    position: relative;

    background-color: #000;

}

.blog-cat-tline a:hover {color: #F4BA23; text-decoration: none;}

.pin-box h4 a, .tline-box h4 a {

    color: #ffffff;background-color: #000;

}

.pin-box h4 a:hover, .tline-box h4 a:hover {

    color: #F4BA23;

}

#tline-content p {

    color: #ffffff;

    font-size: 16px;/* was 13 */

    font-weight: normal;

    letter-spacing: 0.6px;

    line-height: 1.9;

    margin-bottom: 26px;

    padding: 0 12px 12px;

    

}

.tline-ecxt {background-color: #000;}

.rgtline, .lftline {background-color: #000;}

.tline-topdate { background: #F4BA23 none repeat scroll 0 0;line-height:13px; padding:39px 4px;}

#tline-content::before {background: #F4BA23 none repeat scroll 0 0;}

.tline-row-l, .tline-row-r {border-bottom: 2px solid #F4BA23;}

.tline-row-l::after, .tline-row-r::before {background: #F4BA23 none repeat scroll 0 0; border: 1px solid #ffffff;}

article .tline-box { background: none; border:none;}

.blog .pin-box, .blog .tline-box {border:none;}



body.blog #wrap, body.single-post #wrap, body.archive.date #wrap, body.category #wrap, body.tag #wrap, body.search #wrap {background-color: #000;}

.blog-single-post {background: none;padding: 20px 0;}

/*

body.single-post #wrap h1 { font-family: Lato; border-bottom: 1px solid #f4ba23;

    color: #ffffff;

    font-size: 48px;

    font-weight: 300;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 20px;

    padding-bottom: 15px;

    text-transform: uppercase;letter-spacing: -0.6px;

    line-height: 1.3;

    position: relative;display: inline-block;

}

*/

body.single-post #wrap h1 {margin-bottom: 20px; /*text-transform: uppercase; */}

.blog-post h6.blog-date, .blog-single-post h6.blog-date {

    border-top: none;

    display: inline-block;

    padding-bottom: 0px;

    padding-top: 0px;

    color:#fff;

}

.postmetadata h6::after, h6.blog-date span::after {

    color: #fff;

    content: "/";

}

h6.blog-date, h6.blog-cat, h6.blog-author, h6.blog-date a, h6.blog-cat a, h6.blog-author a {

    color: #fff;

}

	

	.widget ul li, #footer.litex .widget ul li { color:#91979d; border-bottom: 1px solid #fff; padding: 8px 4px 8px 0; }

	.widget ul.children li:last-child { border:none;}

	.widget ul li a, #footer.litex .footer-in .widget ul li a { text-decoration: none; color: #fff; padding: 8px 5px 8px 2px; }

	.widget ul li a:hover, #footer.litex .footer-in .widget ul li a:hover { color: #515151; }

	.widget ul li:hover, #footer.litex .footer-in .widget ul li:hover  { background:#FFF;  }

        .widget ul li:hover a {color:#000;}

	.toggle-top-area .widget ul li:hover, #footer .footer-in .widget ul li:hover  { background:#1c1e1f; }



.widget h4.subtitle {color: #fff; margin-bottom:5px;}

.widget h4.subtitle::after {

    border-bottom: 3px solid #F4BA23;

    content: "";

    display: block;

    height: 0;

    margin: 4px 0 0 0;

    position: relative;

    width: 24px;

}

.colorskin-17 .sidebar h4.subtitle::after {border-bottom: 3px solid #F4BA23; }

.sidebar .widget, .wpb_column .widget { margin-bottom: 40px; }

.sidebar input.search-side[type="text"], .widget input.search-side[type="text"] {

    background-color: #fff;

    border: 2px solid #fff;

    box-sizing: border-box;

    font-size: 12px;

    height: 40px;

    padding-left: 15px;

    width: 100%;

}

.tagcloud a, #footer.litex .tagcloud a { line-height: 16px; padding: 4px 10px; font-size: 13px; font-weight:400; margin: 0 5px 5px 0; min-width: 18px; border:1px solid #F4BA23; border-radius: 0px; width: auto; background: #000; color: #fff; display:inline-block; text-decoration: none; letter-spacing:2px; /*text-transform:uppercase; */}

.tagcloud a:hover, #footer.litex .tagcloud a:hover { color: #000 ; border-color: #F4BA23; background-color: #F4BA23 }





.single-clients .blog-single-post {

    background: #000 none repeat scroll 0 0;

    padding: 20px;

}

body.blog .container, body.single .container, body.archive .container, body.search .container {

    max-width: 1020px; /* 1145px;*/

}


/*
.vc_carousel-inner, .vc_carousel-slideline {}

.vc_images_carousel .vc_carousel-control.vc_left {left:-60px !important; right:auto; color:#fff;}

.vc_images_carousel .vc_carousel-control.vc_right { left: auto; right: -60px !important;  color:#fff;}



#wrap .vc_carousel img { border-bottom: none; height: auto; margin-bottom: 8px; width: 100%;}/* was 100% * / /* use auto for temp fix * /
/*#wrap .vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {float:left;}  temp fix remove once done * /

#wrap .vc_carousel h2.post-title {

    /* font-family: "Lato"; * /

    font-family: 'Calibri', Arial, sans-serif;

    font-size: 15px;font-weight: 400;line-height: 1.3;margin-bottom: 7px;margin-top: 7px;}

#wrap .vc_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {margin: 0 50px 0 0;}

#wrap .vc_carousel .vc_carousel-control.vc_right {left: auto;right: -40px; text-shadow:none;}

#wrap .vc_carousel .vc_carousel-control.vc_left {left: -50px;right: auto; text-shadow:none;}

#wrap .vc_carousel .wpb_wrapper {border:none;padding-top: 0px;}
*/
.single-clients .hboxwhite {padding-top:30px;}



.client-logo-display {background-color:#FFFFFF;}

.client-logo-display .vc_item {}

.client-logo-display .teaser-metadata {display: inline-block; height: 100%; vertical-align: middle;}

.client-logo-display .post-thumb {display: inline-block;vertical-align: middle;}





/* PORTFOLIO */

	nav.primary { padding: 10px;}

	nav.primary .portfolioFilters2 a {font-family:  'Calibri', Arial, sans-serif;  padding: 5px 12px; margin:5px 0; border:1px solid transparent; border-radius:16px; font-size: 15px; line-height: 1.2; color: #606060; font-weight: 400; letter-spacing:0.6px; /*text-transform:uppercase;*/ margin-top: 0 !important; text-align: center; width: auto;}

	nav.primary .portfolioFilters2 a:hover { color: #0ab1f0;}

	nav.primary .portfolioFilters2 a.selected, nav.primary ul li a:active { color: #0ab1f0; margin-top: 0 !important; border-color:#f7f7f7; background-color:#fff;}

	nav.primary .portfolioFilters2 .portf { color: #61A300; font-weight: bold; margin-right: 10px; padding-top: 5px;}

	nav.primary .portfolioFilters2 { text-align: center; margin-top:20px; margin-right: 10px; margin-bottom:20px; clear: both; list-style: none outside none;}

        

	.latest-works .portfolio2 .portfolio-item { width: 24.97%; float: left; margin: 0; height: auto; padding: 0; box-sizing: border-box;}

	.latest-works.col2-w .portfolio2 .portfolio-item { width:49.99%;}

	.latest-works.col3-w .portfolio2 .portfolio-item { width:33.222%;}

	.latest-works.col4-w .portfolio2 .portfolio-item { width:24.97%;}

	.latest-works.col5-w .portfolio2 .portfolio-item { width:19.97%;}

	.latest-works.col6-w .portfolio2 .portfolio-item { width:16.599%;}

	.latest-works.with-space-w .portfolio2 .portfolio-item { padding:0 15px 30px 15px;}

	.page-template-portfolio-php .latest-works.with-space-w .portfolio2 .portfolio-item { padding:30px 15px 0 15px;}

	.page-template-portfolio-php .latest-works.with-space-w .portfolio2 { margin-left:15px; margin-right:15px;}

        .portfolio2 .portfolio-item .img-item img{ -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; transition: .3s ease-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); blur:2;}

	.portfolio2 .portfolio-item:hover .img-item img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

	.portfolio2 { display: block; padding: 0;}

	.portfolio2 h4, .recent-works-items h4, .shop-item h4, .side-list h5 { font-weight: 400; margin: 10px 0 7px; font-size: 18px;}

	.portfolio2 h4 a, .recent-works-items h4 a, .shop-item h4 a, .side-list h5 a { color: #494949;}

	.portfolio2 h4 a:hover, .recent-works-items h4 a:hover, .shop-item h4 a:hover, .side-list h5 a:hover { text-decoration: underline;}

	.portfolio2 p, .recent-works-items p { color: #909090; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 4px solid #ededed; /*text-transform: uppercase;*/}

        .portfolio-archive-w .portfolio2 { margin:10px -15px;}

        @media only screen and (max-width: 960px) {	

	.latest-works .portfolio-item, .latest-works.col2-w .portfolio2 .portfolio-item, .latest-works.col3-w .portfolio2 .portfolio-item, .latest-works.col4-w .portfolio2 .portfolio-item, .latest-works.col5-w .portfolio2 .portfolio-item, .latest-works.col6-w .portfolio2 .portfolio-item { width:49.8%;}	

	}

        @media only screen and (max-width: 479px) {	

	.latest-works .portfolio-item, .latest-works.col2-w .portfolio2 .portfolio-item, .latest-works.col3-w .portfolio2 .portfolio-item, .latest-works.col4-w .portfolio2 .portfolio-item, .latest-works.col5-w .portfolio2     .portfolio-item, .latest-works.col6-w .portfolio2 .portfolio-item { width:100%;}

	}

        
#port-link-david-lloyd {display:none; visibility:hidden;}

.page-template-portfolio-php .latest-works.with-space-w .portfolio .portfolio-item { padding: 4px 2px 0; }

.page-template-portfolio-php .latest-works.with-space-w .portfolio {margin-left: 0px;margin-right: 0px;}

.page-template-portfolio-php .latest-works.with-space-w .portfolio2 .portfolio-item { padding: 4px 2px 0; }

.page-template-portfolio-php .latest-works.with-space-w .portfolio2 {margin-left: 0px;margin-right: 0px;}

.zoomex, .zoomex2 {

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

    bottom: 0;

    color: transparent;

    display: block;

    left: 0;

    margin: 0;

    opacity: 0;

    padding: 0;

    position: absolute;

    right: 0;

    top: 75%;

    transition: all 0.3s ease-out 0s;

    width: 100%;

    height: 25%;

}

.zoomex2 {

    background-color: rgba(51, 51, 51, 0.92);

}

.zoomex2 h6 { font-weight: bold; color: #fff; 

              /*text-transform:uppercase;*/ letter-spacing:1px; 

              font-size: 19px; text-align: center; 

              line-height: 26px;

              position: absolute; top: 10%; 

              left: auto; width: 100%; padding:0 10px; 

	-webkit-transition: all 0.33s ease;

	  -moz-transition: all 0.33s ease;

	  -o-transition: all 0.33s ease;

	  transition: all 0.33s ease;}

.zoomex2 h6:after { display:none;visibility:hidden;}



.page-id-8 #whiterow1 .wpb_wrapper  {

    max-width: 960px; /* max-width: 100%; */

}

.page-id-8 #whiterow2 .wpb_wrapper  {

    max-width: 100%; 

}

.portfolio-page-w nav.primary .portfolioFilters2 a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-radius: 0;

    color: #fff;

    font-size: 13px;

    font-weight: bold;

    padding: 21px;

}

.portfolio-page-w nav.primary {

    background: #000 none repeat scroll 0 0;

    padding: 20px;

}

.colorskin-17 nav.primary .portfolioFilters2 a.selected, .colorskin-17 nav.primary ul li a:active, .colorskin-17 .our-team-ca:hover figure img, .colorskin-17 .footer-in h5.subtitle::after, .colorskin-17 .our-team:hover figure, .colorskin-17 a.magicmore::after, .colorskin-17 .icon-box5:hover i, .colorskin-17 .zoomex2 a:hover i, .colorskin-17 .max-title2::after, .colorskin-17 .max-title4::after, .colorskin-17 .max-title5::after, .colorskin-17 .sidebar h4.subtitle::after, .colorskin-17 h6.h-sub-content, .colorskin-17 .icon-box1:hover i, .colorskin-17 .icon-box4:hover i {

    border-color: #000;

}

.colorskin-17 #nav a:hover, .colorskin-17 #nav li:hover > a, .colorskin-17 #nav li.current > a, .colorskin-17 #nav li.active > a, .colorskin-17 #nav ul li a:hover, .colorskin-17 #nav li.current ul li a:hover, .colorskin-17 .nav-wrap2 #nav ul li a:hover, .colorskin-17 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-17 #nav ul li.current > a, .colorskin-17 #nav ul li:hover > a, .colorskin-17 nav.primary .portfolioFilters2 a.selected, .colorskin-17 nav.primary .portfolioFilters2 a:hover, .colorskin-17 nav.primary ul li a:active, .colorskin-17 .colorf, .colorskin-17 .callout i, .colorskin-17 a.magicmore, .colorskin-17 .icon-box i, .colorskin-17 .icon-box1 i, .colorskin-17 .icon-box3:hover i, .colorskin-17 .icon-box5 i, .colorskin-17 .icon-box8 i, .colorskin-17 .icon-box9 i, .colorskin-17 .icon-box10 i, .colorskin-17 .icon-box11 i, .colorskin-17 .zoomex2 a:hover i, .colorskin-17 .testimonials-slider-w .testimonial-content h4 q::before, .colorskin-17 .testimonials-slider-w .testimonial-content h4 q::after {

    color: #F4BA23;

}

.portfolio-page-w nav.primary .portfolioFilters a.selected {

    background-color: #000;

    border: none;

    color: #F4BA23;

}

.portfolio-item-category .img-item .zoomex, 

.portfolio-item-category .prettyPhoto .zoomex, 

.portfolio-item-category .img-item .zoomex2, 

.portfolio-item-category .img-item .zoomex2 * { opacity: 1; filter: alpha(opacity=100);}

.latest-works { background: #000 none repeat scroll 0 0;}

#wrap #whiterow1.portfolioclientlogos {margin:20px 0;}



/* portfolio items */

.bxslider-gallery.adaptive-height-off .gallery-wrapper .bx-wrapper .bx-viewport {

    border: none;

    box-shadow: none;

    padding: 0px;

}

.bxslider-gallery.adaptive-height-off .gallery-wrapper .bxslider img {

    border: none;

    box-shadow: none;

    height: 500px;

    margin: 0 ; /* 0 auto; */

    width: 100%; /* auto; */

    overflow: hidden;

}

.bx-viewport {padding-top: 5px;}

.bxpager img:hover {border:1px solid #f4ba23 !important;}



.bxpager a img { border:1px solid #000 !important;}

.bxpager a.active {}

.bxpager a.active img { border:1px solid white !important;}

.bx-pager a {

    opacity: 0.5 !important;

}

.bx-pager a.active {

    opacity: 1 !important;

}

  .bx-wrapper .bx-pager a {

    border: solid #ccc 1px;

    display: block;

  

  }

  .bx-wrapper .bx-pager a:hover,

  .bx-wrapper .bx-pager a.active {

    border: solid #5280DD 1px;

  }



.gallery-wrapper {}

.pager-wrapper{ position:relative; top:0; left:0;}

.pager-wrapper .bx-pager {display:none;} /* no numbers thanks */



.gallery-wrapper .bx-wrapper .bx-controls-direction a {

    height: 32px;

    margin-top: -16px;

    outline: 0 none;

    position: absolute;

    text-indent: -9999px;

    top: 50%;

    width: 32px;

    z-index: 9999;

}

.gallery-wrapper .bx-wrapper .bx-next {

    background: rgba(0, 0, 0, 0) url("https://wfccontractors.com/wp-content/plugins/bxslider-integration/assets/img/controls.png") no-repeat scroll -43px -32px;

    right: 20px;

}

.gallery-wrapper .bx-wrapper .bx-next:hover {

    background-position: -43px 0px

}

.gallery-wrapper .bx-wrapper .bx-prev {

    background: rgba(0, 0, 0, 0) url("https://wfccontractors.com/wp-content/plugins/bxslider-integration/assets/img/controls.png") no-repeat scroll 0 -32px;

    left: 20px;

}

.gallery-wrapper .bx-wrapper .bx-prev:hover {

    background-position: 0px 0px

}



.pager-wrapper .bx-wrapper .bx-controls-direction a {

    height: 32px;

    margin-top: -16px;

    outline: 0 none;

    position: absolute;

    text-indent: -9999px;

    top: 50%;

    width: 32px;

    z-index: 9999;

}

.pager-wrapper .bx-wrapper .bx-next {

    background: rgba(0, 0, 0, 0) url("https://wfccontractors.com/wp-content/plugins/bxslider-integration/assets/img/controls.png") no-repeat scroll -43px -32px;

    right: 5px;

}

.pager-wrapper .bx-wrapper .bx-next:hover {

    background-position: -43px 0px

}

.pager-wrapper .bx-wrapper .bx-prev {

    background: rgba(0, 0, 0, 0) url("https://wfccontractors.com/wp-content/plugins/bxslider-integration/assets/img/controls.png") no-repeat scroll 0 -32px;

    left: 5px;

}

.pager-wrapper .bx-wrapper .bx-prev:hover {

    background-position: 0px 0px

}





/* our team */

.our-team {

    background: #fff none repeat scroll 0 0;

    border: none;

    margin-bottom: 30px;

    overflow: hidden;

    position: relative;

    text-align: left;

    height: 565px;

    border-bottom: 2px solid #fff;

}

.our-team h2 {

    background: #F4BA23 none repeat scroll 0 0;

    border-top-right-radius: 0;

    display: block;

    font-size: 16px;

    font-weight: 600;

    left: 0;

    letter-spacing: 0;

    line-height: 1.2;

    margin: 0;

    padding: 5px 10px;

    position: relative;

    color: #000;

    text-transform: none;

}

.our-team h5 {

    color: #F4BA23;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.1;

    margin-bottom: 0px;

    margin-left: 0px;

    margin-top: 0px;

    padding:14px 10px 10px 10px;

    /*text-transform: uppercase;*/

}

#wrap .our-team p {

    border-bottom: none;

    color: #000;

    padding: 0 10px 16px 10px;

}

.site-teams { padding:14px 16px; background-color: #fff;}

#wrap .site-teams p {color:#000;}



.wpb_revslider_element, .wpb_layerslider_element, .max-hero {margin-top:0;}

.homesliderstraplines {margin-top:-35px}

.homesliderimages {}



.lftline { clear: left;}





#header.sm-rgt-mn .logo-wrap {/*float:none; height: auto;*/}

#header.sm-rgt-mn .logo-wrap .logo img {max-height: auto;}



.latestposts-two .blog-line p.blog-cat a, .blog-post a { color:#F4BA23;}

.blog-post a:hover, .blog-author span, .blog-line p a:hover { color:#F4BA23; }

.search-results .portfolio p, .search-results .recent-works-items p {border-bottom: none;}

/* contact form 7 submit button color override*/
.wpcf7 .wpcf7-form input[type="submit"]:hover, .wpcf7 .wpcf7-form input[type="reset"]:hover, .wpcf7 .wpcf7-form input[type="button"]:hover {
    background-color: #F4BA23;
}
.wpcf7 .wpcf7-form input[type="submit"], .wpcf7 .wpcf7-form input[type="reset"], .wpcf7 .wpcf7-form input[type="button"] {
    background-color: #F4BA23;
}
.button, button, a.price-send, input[type="submit"], input[type="reset"], input[type="button"], .button.green, button.green, input.green[type="submit"], input.green[type="reset"], input.green[type="button"] {
    position: relative;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-family: 'Calibri', Arial, sans-serif;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: auto;}
.wpcf7-form label {font-family: 'Calibri', Arial, sans-serif;font-size: 17px;font-weight:normal;}

#footer {background-color: #000;} /*  #000 url("images/bg_footer.jpg") repeat-x center top */

#footer img {vertical-align:top;}

#footer .widget {display:inline-block;}

#footer .widget .socialfollow {position: relative; top: 8px; padding: 0 16px 0 30px;}

#footer span {font-size: 10px;color:#ffffff;}

#footer span a {color:#ffffff;}

#footer #footerstrapline {position:absolute; top:47px; left:11px;font-size:9px;color:#ffffff;}



/*.vc_carousel-inner .vc_slide_clients {min-width:80px !important;}  add display: inline-block; for temp fix */



/* if you want portfolio titles shown by default*/

.img-item .zoomex2 {opacity:1;}





@media only screen and (min-width: 1200px) { 

    body {/*border-left:1px solid blue;*/}

    #whiterow1 .wpb_wrapper, #whiterow2 .wpb_wrapper,

    #orangerow1 .wpb_wrapper, #orangerow2 .wpb_wrapper {max-width: 960px}

}   



@media only screen and (min-width : 960px) and (max-width : 1200px)  {

    body {/*border-left:1px solid sandybrown;*/}

    .zoomex2 h6 { font-size: 14px; top:10%;line-height: 21px;}

}



/* iPad in portrait & landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

    body {/*border-left:10px solid green;*/}

}



/* below standard 960 inc ipad----------------------------------------------- */

@media only screen and (max-width: 960px) {

    body {/*border-left:1px solid yellow;*/}

    /* mobile menu */

    #header.sm-rgt-mn #nav {   margin:0 auto;  border: 1px solid #fff; border-bottom: none;  background-color: #000; padding:0;  display: none;  /* visibility will be toggled with jquery */	}

    #header.sticky #nav-wrap #nav > li, #nav li, .nav-wrap2 #nav li {border:0 none; margin:0; margin-left:0px; padding:0 !important; border-bottom:1px solid #fff;padding-left: 10px !important; }

    #nav li ul { padding: 0 0 0 0px;border-bottom: none;}

    #nav-wrap #nav ul.sub-menu li a {display:block;}

    .zoomex2 h6 { font-size: 21px; }

    .our-team {height: auto !important;}

}

/* Tablet Portrait size to standard 960 (devices and browsers) only */

@media only screen and (min-width: 768px) and (max-width: 960px) {

    body {/*border-left:1px solid cyan;*/}

    #header.sm-rgt-mn .logo-wrap .logo img {max-height:95px;/**/}

    #whiterow1 .wpb_wrapper, #whiterow2 .wpb_wrapper,

    #orangerow1 .wpb_wrapper, #orangerow2 .wpb_wrapper {max-width: 718px;} /* 768 -10 -15 -15 -10 = 718 */

    

}



/* all below Tablet Portrait Size ----------------------------------------------- */

@media only screen and (max-width: 767px) {

    body {/*border-left:1px solid orange;*/}

    #header.sm-rgt-mn .logo-wrap { float: none; height: 100px;/**/ }

    #logostrpline { /*font-size: 14px;left: 0px;position: relative;top: 18px;*/}

    .rgtline, .lftline {border: 2px solid #f4ba23 !important;}

    #header.sm-rgt-mn .logo-wrap .logo img {max-height:95px;}

    /*.vc_carousel-inner .vc_slide_clients {width:60px !important;}*/

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) only */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {/*border-left:1px solid red;*/}

    #whiterow1 .wpb_wrapper, #whiterow2 .wpb_wrapper,

    #orangerow1 .wpb_wrapper, #orangerow2 .wpb_wrapper {max-width: 390px;} 

    .zoomex2 h6 { font-size: 14px; top:10%;line-height: 21px;}

    

}





/* below Mobile Landscape Size ---------------------------------------------- */

@media only screen and (max-width: 479px) {

    body {/*border-left:1px solid lime;*/}

    #whiterow1 .wpb_wrapper, #whiterow2 .wpb_wrapper,

    #orangerow1 .wpb_wrapper, #orangerow2 .wpb_wrapper {max-width: 270px;} 

}

@media only screen and (max-width: 360px) {
    body {/*border-bottom:10px solid lime;*/}
}