body{font-family:'Roboto', Arial, Verdana, Georgia, Lucida,Helvetica,Tahoma, sans-serif, "Myriad Pro";font-size:12px;text-align:center;color:#000;background:#fff;margin:0;}
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900|Roboto:300,400,400i,700,900');
:focus{outline:none;}
img,fieldset{border:none;}
a{color:#000;text-decoration:none;}
.clear{clear:both;}
.slides, .flex-control-nav, .flex-direction-nav{width:100%;}
.cd-is-visible{z-index:99999 !important;opacity:1 !important;}
.wraper{width:1920px;margin:0 auto;background:#292929;}
.section{width:100%;}
.content-area{width:1664px;margin:0 auto;}
.header{width:100%;background:url(images/header-bg.jpg) no-repeat center top;background-size:cover;float:left;position:relative;}
.logo{width:193px;height:auto;margin:40px 0;float:left;position:relative;z-index:5;}
.logo img{width:100%;height:auto;}
.language{margin:55px 0 0 0;display:inline-block;float:right;position:relative;z-index:5;}
.language ul{margin:0;padding:0;list-style:none;}
.language a{font-family:'Lato', sans-serif;font-size:14px;color:#f12c2c;font-weight:700;text-transform:uppercase;display:inline-block;}
.language a:hover{color:#fff;}
.nav{margin:55px auto 0;padding:0;list-style:none;display:inline-block;}
.nav li{margin:0 23px;display:inline-block !important;}
.nav li:first-child{}
.nav li a{font-family:'Lato', sans-serif;font-size:14px;color:#a5a5a5;font-weight:700;text-transform:uppercase;display:inline-block;transition:color 0.2s linear;}
.nav > li > a:hover{color:#fff;padding:0 !important;background:none !important;}
.nav > li > a:focus{background:none !important;}
.nav ul{margin:0;padding:0;list-style:none;}
.mobile-menu-holder{width:100%;margin:0px auto 0;position:absolute;top:55px;display:none;float:left;left:0;z-index:5;}
.mobile-menu{display:none;background:url(images/menu-btn.png) no-repeat right center;width:0px;height:20px;font-size:18px;color:#ff0000;padding:0 21px 0 0;margin:0 110px 0 0;text-transform:uppercase;font-weight:bold;cursor:pointer;float:right;}
.mobile-nav{display:none;width:100%;z-index:9999;position:absolute;top:45px;right:0;}
.mobile-nav .nav{background-color:#fff;-webkit-box-shadow:0 7px 7px 1px #999;box-shadow:0 7px 7px 1px #999;width:100%;padding-left:0px;height:auto;padding:10px 0;margin:0;}
.mobile-nav .nav li{margin:0;width:100%;float:none;padding:0;background:none;border-right:none;}
.mobile-nav .nav li:first-child{margin:0;}
.mobile-nav .nav li a{font-size:17px;text-align:left;padding:4px 10px 4px 20px !important;display:block;line-height:normal;color:#000;}
.mobile-nav .nav li a:hover{color:#0ebcb7;border:none;background-color:transparent;padding:4px 10px 4px 20px !important;}
.mobile-nav .nav li.petroxy a{margin-left:20px;}
.mobile-nav .nav li ul{width:100%;padding:0;position:static;background:none;box-shadow:none;border:none;visibility:visible;}
.mobile-nav .nav li ul:before{display:none;}
.mobile-nav .nav li ul li{padding:0;}
.mobile-nav .nav li ul li a{padding:4px 0 4px 45px;}
.mobile-nav .nav li ul li a:hover{color:#fff !important;}
.banner{width:1792px;margin:0 auto;position:relative;float:right;}
.banner img{width:100%;height:auto;display:block;}
.banner .flexslider{position:relative;overflow:hidden;}
.slides{margin:0;padding:0;list-style:none;}
.banner .flex-direction-nav .flex-prev{background:url("https://wernerconstruction.com/dev/wp-content/uploads/2018/03/arrow-prev.png") no-repeat center center;height:42px;width:42px;right:auto !important;text-indent:9999px;}
.banner .flex-direction-nav .flex-next{background:url("https://wernerconstruction.com/dev/wp-content/uploads/2018/03/arrow-next.png") no-repeat center center;height:42px;width:42px;text-indent:9999px;}
.flex-control-nav{display:none;}
.blog-page-slider .flex-direction-nav{display:none;}
.loader-holder{width:298px;height:128px;padding:2% 40px 0;background:#292929;position:absolute;left:0;bottom:0;z-index:3;display:none;}
.loader-holder img{width:70% !important;height:auto;display:block !important;margin:0 auto;border:2px solid #121212;}
.loader{border:4px solid #474747;border-radius:50%;border-top:4px solid #FF4037;width:48px;height:48px;-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;float:left;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.loader-holder h6{margin:16px 0 0;font-family:'Lato', sans-serif;font-size:14px;color:#fff;font-weight:700;text-transform:uppercase;}
.contact-panel{width:128px;height:767px;border-top:#2A2A2A 2px solid;background:url(images/contact-panel-bg.jpg) no-repeat center top;background-size:cover;position:absolute;left:-128px;top:0;z-index:1;}
.contact{transform:rotate(270deg);transform-origin:left center 0;font-size:16px;color:#fff;text-transform:uppercase;display:inline-block;margin:0;padding:0 55px;list-style:none;position:absolute;bottom:120px;width:580px;}
.contact li{margin-left:55px;line-height:18px;float:left;}
.contact li:first-child{margin-left:0;}
.contact li a{color:#fff;}
.contact li a span{color:#fe2d2d;}
.social-media{list-style:outside none none;padding:15px 0 10px;margin:0;width:100%;border-top:#2A2A2A 2px solid;position:absolute;bottom:0;}
.social-media li{margin:0 10px 2px;display:inline-block;}
.text-panel-holder{margin:0px auto 0;position:absolute;top:148px;right:0;float:right;z-index:4;}
.open-btn{background:url(images/expand_arrow.png) no-repeat right center;width:0px;height:48px;padding:0 48px 0 0;margin:0 0px 0 0;cursor:pointer;float:right;}
.close-btn{background:url(images/close-btn.png) no-repeat right center;width:0px;height:48px;padding:0 48px 0 0;margin:0 0px 0 0;cursor:pointer;float:right;}
.text-panel{width:655px;padding:40px;background:#fff;text-align:left;display:none;z-index:9999;position:absolute;top:48px;right:0;}
.text-panel h1{margin:0;font-family:'Lato', sans-serif;font-size:48px;color:#252525;font-weight:700;line-height:48px;}
.text-panel p{margin:15px 0;font-size:16px;color:#474c4e;font-weight:400;line-height:30px;}
.btn{margin-top:15px;padding:0 60px !important;background:#FE2D2D;font-size:16px;color:#fff !important;text-transform:uppercase;font-weight:700 !important;line-height:64px !important;border-radius:0 !important;display:inline-block;}
.btn:hover{text-decoration:none;color:#58595b;}
ul.welcome-text{width:100%;margin:0;padding:10px 0;list-style:none;float:left;background:#fff;}
ul.welcome-text li{width:615px;padding:0 25px;border-left:#292929 4px solid;font-size:14px;color:#474c4e;text-align:left;float:left;}
ul.welcome-text li.active{border-left:#FF4037 4px solid;}
ul.welcome-text li:last-child{width:auto;padding:0;border-left:none;font-size:16px;color:#474c4e;text-align:center;float:right;margin:8px 50px 0 0;}
ul.welcome-text li:last-child a{padding:0 50px;font-size:16px;color:#fff;text-align:center;font-weight:900;text-transform:uppercase;line-height:60px;display:inline-block;background:#FF4037;border:4px solid #FF4037 !important;}
ul.welcome-text li:last-child a:hover{text-decoration:none;}
.welcome-text li .hvr-ripple-out::before{border:4px solid #FF4037 !important;}
.footer-section{background:#292929;}
.footer-section .content-area{padding:25px 0;}
.footer-tagline{font-size:16px;color:#fff;font-weight:400;float:left;}
.footer-tagline label{color:#fe2d2d;font-weight:400;}
.copyright{font-size:16px;color:#fff;font-weight:400;float:right;}
.sub-content{min-height:1200px;padding:30px 0 30px 0;}
.sub-content p{font-family:'Roboto', sans-serif;font-size:16px;color:#fff;text-align:left;font-weight:400;}
.sub-content h1, .sub-content h2, .sub-content h3, .sub-content h4, .sub-content h5, .sub-content h6{font-family:'Roboto', sans-serif;color:#fe2d2d;text-align:left;margin:15px 0;font-weight:600;}
h1.page-title{color:#fff;}
.sub-content h1{font-size:42px;}
.sub-content h2{margin:0 0 20px 0;font-size:24px;font-family:'Roboto', sans-serif;color:#fff;font-weight:700;text-transform:uppercase;}
.sub-content h3{font-size:28px;}
.sub-content h4{font-size:24px;}
.sub-content h5{font-size:20px;}
.sub-content h6{font-size:18px;}
.sub-content ul li, .sub-content ol li, .sub-content table tr td{font-family:'Roboto', sans-serif;font-size:16px;color:#474c4e;text-align:left;font-weight:400;}
.sub-content a{color:#fe2d2d;}
.sub-content a:hover{text-decoration:underline;}
.alignleft{float:left;margin:8px 20px 20px 0;}
.alignright{float:right;margin:8px 0 20px 20px;}
.aligncenter{display:block;margin:0 auto;}
.tab-menu{width:100%;margin:0;padding:0;list-style:none;border-bottom:none;float:left;position:relative;}
.tab-menu li{width:30%;border:#fff 1px solid;float:none;transition:0.2s all;margin:0 1%;display:inline-block;cursor:pointer;}
.tab-menu li a{width:100%;font-size:16px;color:#292929;font-weight:900;text-align:center;text-transform:uppercase;display:block;transition:0.2s all;padding:28px 0;}
.tab-menu li a span{padding-right:30px;background:url(images/down-arrow-w.png) no-repeat right center;font-size:16px;font-weight:900;text-transform:uppercase;display:inline-block;transition:0.2s all;color:#fff;cursor:pointer;}
.tab-menu > li > a:hover, .tab-menu > li.active a, .tab-menu .current-menu-item a{color:#fff;background:#FE2D2D;text-decoration:none;transition:0.2s all;}
.tab-menu .sub-menu .current-menu-item a{color:#fff !important;background:#FE2D2D !important;transition:0.2s all;}
.tab-menu .sub-menu .current-menu-item{background:#FE2D2D url(images/down-arrow-w.png) no-repeat right center !important;transition:0.2s all;}
.tab-menu .current-menu-parent{color:#fff;text-decoration:none;transition:0.2s all;}
.tab-menu .current-menu-parent a{transition:0.2s all;}
.tab-menu li a{transition:0.2s all;}
.tab-menu .current-menu-item{background:#292929 !important;color:#fff !important;transition:0.2s all;}
.tab-menu .current-menu-item span{color:#fff !important;background:none;transition:0.2s all;}
.tab-menu .current-menu-parent span{color:#fff !important;transition:0.2s all;}
.tab-menu > li > a:hover span, .tab-menu > li.active a span{color:#fff;background:url(images/down-arrow-w.png) no-repeat right center;transition:0.2s all;}
.tab-menu li ul{width:100%;border:none;margin:0;padding:0;list-style:none;position:absolute;z-index:1;left:0;text-align:center;top:81px;}
.tab-menu li:hover ul{}
.tab-menu li.rrrr ul{z-index:10;}
.tab-menu li ul li{display:inline-block;float:none;width:21%;margin-top:15px;}
.tab-menu > li:hover ul li a{border:none;}
.tab-menu > li ul li a:hover{color:#fff;background:#FE2D2D;}
.project-list{width:100%;margin:15px 0;padding:0;list-style:none;float:left;}
.project-list li{width:416px;margin:8px 0 0 0;float:left;position:relative;}
.project-list li:nth-child(4n+1){}
.project-list li img{width:100%;height:auto;display:block;transition:all 0.2s linear;}
.project-list li a img{opacity:1;}
.project-list li a:hover img{opacity:0.7;}
.project-list li .p-caption{width:368px;padding:10px 20px;background:url(images/caption-bg.png) repeat;position:absolute;left:0;bottom:0;opacity:1;transition:all 0.5s ease 0s;text-align:left;min-height:55px;}
.project-list li .p-caption h6{margin:0;font-size:14px;color:#fff;text-transform:uppercase;font-family:'Lato', sans-serif;}
.project-list li .p-caption p{margin:0;font-size:14px;color:#f6f6f6;font-family:'Lato', sans-serif;}
.project-list li img.p-bar{width:24px !important;height:24px !important;position:absolute;right:12px !important;bottom:24px !important;min-width:auto !important;min-height:24px !important;}
.project-list li:hover img.p-bar{}
.project-list li{width:25% !important;margin:0 0 8px 0 !important;padding:0 !important;max-width:100%;min-width:auto;}
.blog-content-left{width:65%;padding:0 20px 0 0;margin-top:30px;float:left;}
.blog-content-left .blog-item{list-style:none;margin:0;padding:0;}
.blog-content-left .blog-item li{width:100%;border-top:#BEBEBE 1px dotted;padding:15px 0;float:left;}
.blog-content-left .blog-item li:first-child{border-top:none;padding-top:0;}
.blog-content-left .blog-item li .thumb-holder{margin:0 0 15px 0;width:100%;border:none;float:left;}
.blog-content-left .blog-item li .thumb-holder img{width:100%;height:auto;}
.blog-content-left .blog-text{float:left;width:100%;}
.blog-content-left .blog-text h3{margin:0;}
.sub-content .blog-content-left .blog-text h3 a{color:#fe2d2d;}
.blog-content-left .blog-text a.read-more-btn{font-size:16px;color:#fe2d2d;text-align:left;padding:0 15px 0 0;background:url(images/more-arrow.png) no-repeat right 6px;}
.blog-feat-img{padding-bottom:25px;overflow:hidden;}
.blog-sidebar{float:right;width:27%;margin:65px 0 0 0px;padding:8px 15px;text-align:left;background:#dedddb;border-radius:8px;}
.blog-sidebar .catwrap{background:#fff;margin:10px 0;padding:0 10px 20px 10px;width:100%;border:#AAAAAA 1px solid;border-radius:4px;float:left;}
.blog-sidebar h3{margin:0 0 10px;font-size:22px;color:#333;text-align:left;margin:15px 0;font-weight:300;border-bottom:#BEBEBE 1px dotted;font-weight:600;}
.blog-sidebar .catwrap ul{margin-bottom:15px;list-style:square;padding:0 0 0 15px;}
.blog-sidebar .catwrap ul li{margin-top:8px;color:#fe2d2d;}
.blog-sidebar .catwrap ul li a{font-size:15px;}
.blog-sidebar .catwrap ul li a:hover{text-decoration:underline;}
.whitepaper-container{width:100%;padding:15px 0;float:left;}
#wp-calendar{width:100%;}
.wp-pagenavi{margin-top:30px;float:left;width:100%;}
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"]{padding:12px;border:none;color:#999;background-color:#dedddb;font-size:18px;}
.comment-form label{display:block;}
.mvs_custom_wp_gallery{list-style:none;margin:0;padding:0;text-align:center;}
.mvs_custom_wp_gallery .gallery-item a img{width:100%;height:auto !important;transition:all 0.2s linear;border:none !important;}
.mvs_custom_wp_gallery .gallery-item{float:none !important;display:inline-block !important;margin:2px !important;width:24% !important;position:relative;overflow:hidden;}
.mvs_custom_wp_gallery .grid .figure{margin:0 !important;}
.mvs_custom_wp_gallery .gallery-item a{opacity:1;}
.mvs_custom_wp_gallery .gallery-item a:hover img{opacity:0.7;}
.mvs_custom_wp_gallery .gallery-caption{position:absolute;top:14%;background:#111;opacity:.8;width:65%;left:-14%;color:#f6f6f6;padding:8px 0;font:normal 14px 'Lato', sans-serif;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);}
.post-title-section h3{text-transform:uppercase;text-align:center;margin:0 0 25px 0;font-weight:600;}
.post-title-section .post-small-title{display:block;text-align:center;margin:0 0 5px 0;}
.post-title-section{width:100%;margin:55px 0 0 0;}
.post-video-section{margin:60px 0;width:100%;}
.post-video-section iframe{width:85%;height:550px;}
.project-contact-btn:hover{text-decoration:none !important;}
.error-page-title{text-align:center !important;font-size:35px !important;text-transform:uppercase !important;margin:40px 0 15px !important;}
.error-page-content p{text-align:center;font-size:22px;}
.error-page-content{min-height:80vh;}
.inner-slide-section{float:right;width:530px;margin:0 50px 0 0;}
.service-flexslider li img{width:100%;display:block;margin:0 auto;}
.service-flexslider .flex-direction-nav{display:none;}
#menu-project-menu .sub-menu li a{background:#292929;color:#fff !important;}
#menu-project-menu .sub-menu li a:hover{background:#FE2D2D;}
.sub-menu li a span{background:none;font-size:15px !important;font-weight:400 !important;text-transform:capitalize !important;font-family:'Lato', sans-serif;}
.tab-menu li .sub-menu{background:#292929;padding:0 0 15px 0;display:none;}
.project-main-title{text-align:center !important;display:block;text-transform:uppercase;font-size:24px !important;margin:0 0 0px !important;font-family:'Roboto', sans-serif !important;color:#fff !important;font-weight:700;padding:15px 0;}
.project-title-area{width:100%;padding:0 0 20px;margin:0;transition:padding 0.2s linear;}
.project-title-area:hover, .pro-area-padding{}
.sticky-area{width:100%;position:fixed;top:0;left:0;z-index:-99;opacity:0;background:#292929;padding:15px 0;transition:all 0.2s linear;}
.sub-menu li a{padding:15px 0;}
.tab-menu li .sub-menu li span{padding:0;}
.tab-menu .current-menu-parent .sub-menu li, .tab-menu .current-menu-parent .sub-menu li a{background:#292929 !important;}
.tab-menu .current-menu-parent .sub-menu li a:hover{background:#FE2D2D !important;}
.tab-menu .current-menu-parent .sub-menu .current-menu-item, .tab-menu .current-menu-parent .sub-menu .current-menu-item a{background:#FE2D2D !important;}
.tab-menu .item-selected{background:#FE2D2D !important;}
.tab-menu li.item-selected ul{}
.overlay-box{width:100%;height:100vh;position:fixed;opacity:0.8;z-index:-99;transition:all 0.2s linear;background:#fff;}
.overlay-box-activated{z-index:9;}
.desktop-view{display:none;}
.mobile-view{display:none;}
.address-panel{width:600px;margin-right:30px;float:left;margin-top:20px;}
.contact-page-content h2{}
.sub-content .address-panel p{font-size:16px;text-transform:none;color:#fff;}
form p{width:100%;margin:8px 0 0 0;float:left;}
input[type="text"], input[type="email"]{border:#e0e0e0 1px solid;background:#F5F5F5;font-family:'Roboto', sans-serif;font-size:18px;color:#727272;font-weight:400;text-align:left;line-height:46px;}
textarea{border:#e0e0e0 1px solid;background:#F5F5F5;font-family:'Roboto', sans-serif;font-size:18px;color:#727272;font-weight:400;text-align:left;line-height:46px;}
input[type="submit"]{padding:0 30px;margin:0 auto;border:none;background:#FE2D2D;font-family:'Roboto', sans-serif;font-size:18px;color:#2c2c2c;text-transform:uppercase;text-align:center;font-weight:700;line-height:65px;cursor:pointer;display:block;}
input[type="submit"]:hover{background:#000 !important;color:#fff !important;}
form p input[type="text"]:focus, form p input[type="email"]:focus, form p textarea:focus{background-color:#fcfcfc;color:black;-webkit-transition:background-color 5s;-moz-transition:background-color 5s;-o-transition:background-color 5s;-ms-transition:background-color 5s;transition:background-color 5s;border:1px solid #1E3EA8;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(77, 142, 245, 0.9);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(77, 142, 245, 0.9);transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;}
.contact-form{width:600px;margin:25px 0;padding:15px;background:#F8F8F8;float:right;}
.contact-form p{width:100%;margin:7px 0;}
.address-panel a{color:#fff !important;font-weight:400;}
.address-panel a:hover, .address-panel a:active, .address-panel a:focus{color:#fff !important;}
.contact-form p input[type="text"], .contact-form p input[type="email"]{width:100%;padding:0 2%;margin:0;border:#e0e0e0 1px solid;background:#fff;font-family:'Roboto', sans-serif;font-size:16px;color:#474c4e;font-weight:400;text-align:left;line-height:46px;}
.contact-form p textarea{width:100%;height:180px;padding:0 2%;margin:0;border:#e0e0e0 1px solid;background:#fff;font-family:'Roboto', sans-serif;font-size:18px;color:#474c4e;font-weight:400;text-align:left;line-height:46px;}
.contact-form p input[type="submit"]{padding:0 30px;margin:10px auto 0;border:none;background:#FE2D2D;font-family:'Roboto', sans-serif;font-size:18px;color:#fff;transition:0.4s all;text-transform:uppercase;text-align:center;line-height:46px;cursor:pointer;display:block;float:left;}
.contact-form p input[type="submit"]:hover{background:#ffae01;}
span.first-name, span.last-name{width:48%;float:left;}
span.first-name{margin-right:4%;}
.contact-form span.wpcf7-list-item{margin:0 1em 0 0 !important;}
div.wpcf7-response-output{float:left;margin:15px auto 0 !important;padding:5px 2%;width:95%;font-size:14px;text-align:center !important;}
.contact-form p span.wpcf7-not-valid-tip{font-size:14px;}
.contact-form div.wpcf7 .ajax-loader{margin:4px auto !important;display:block !important;}
.contact-form .g-recaptcha{margin:5px 0;float:left;}
.contact-page-content h3{text-transform:uppercase;font-size:17px;margin:0 0 10px;font-weight:600;}
.bcs-blog-content{width:1140px;margin:0 auto;list-style:none;padding:0;}
.bcs-blog-content a{display:block;}
.bcs-blog-content span.cat-area a{display:inline-block;color:#fff;}
.bcs-blog-content span.cat-area a:hover{color:#f05864 !important;}
.bcs-blog-content li h4 a{color:#fff;font-size:20px;font-weight:400;line-height:28px;margin:0 auto;text-align:center !important;text-transform:uppercase;width:90%;}
.bcs-blog-content li h4{margin:15px 0 !important;}
.bcs-blog-content li span, .bcs-blog-content li p{display:block;font-size:15px;margin:0;text-transform:uppercase;font-weight:400;color:#fff;text-align:center !important;}
.bcs-blog-content li p a{color:#fff;}
.bcs-blog-content li p a:hover{color:#f05864 !important;}
.bcs-blog-content li span{display:block;margin:15px 0 0 !important;}
.bcs-blog-content li p{margin:0 0 15px 0 !important;}
.bcs-blog-content li{float:none;display:inline-block;vertical-align:middle;width:355px;margin:10px;text-align:center !important;background:#58585a;transition:all 0.8s ease 0s;height:365px;}
.bcs-blog-content li:hover{background:#F8F8F8 none repeat scroll 0 0;color:#58585a !important;}
.bcs-blog-content li:hover a{color:#58585a;}
.bcs-blog-content li a img{display:block;width:355px;height:230px;}
.blog-text-area{margin:0 auto;padding:4% 0;width:94%;}
.bcs-blog-content a:hover .blog-text-area{background:#cae9ec;}
.bcs-blog-content li:hover span, .bcs-blog-content li:hover p, .bcs-blog-content li a:hover, .bcs-blog-content li:hover h4 a{color:#58585a !important;}
.bcs-blog-content a:hover{text-decoration:none !important;}
.bcs-blog-content li h4 a:hover{color:#fe2d2d !important;}
.bcs-blog-top-section{width:1664px;margin:0 auto 15px auto;overflow:hidden;}
.grid blog-list{width:1664px !important;}
.bcs-blog-top-left{margin:0;float:left;}
.bcs-blog-top-right{float:right;margin:0;text-align:right;display:none;}
.bcs-blog-top-left span{margin:0;padding:0;display:block;color:#58585a;font-size:13px;font-weight:400;}
.bcs-blog-top-left strong{margin:0;padding:0;display:block;color:#58585a;font-size:18px;font-weight:600;}
.bcs-blog-top-right span{margin:0;padding:0;display:block;color:#58585a;font-size:13px;font-weight:400;padding-bottom:5px;text-transform:uppercase;display:none;}
.filter-btn{background:url(images/list-icon.png) no-repeat right center;font-size:15px !important;font-weight:600;color:#f12c2c;padding:0 30px 0 0;margin-top:5px;text-transform:uppercase;display:inline-block;}
.search-btn{float:right;margin:0;padding:0;font-size:24px;line-height:100%;color:#fff !important;}
.category-overlay-box, .search-overlay-box{position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.95);z-index:99999;display:none;color:#fff;text-align:center;}
.filter-btn-close{font-size:20px;float:right;margin:40px 40px 0 0;cursor:pointer;}
.filter-btn-close img{display:block;}
.category-overlay-box .blog-cat-list{list-style:none;padding:0;width:768px;overflow:hidden;margin:10% auto 0;text-align:left;}
.category-overlay-box .blog-cat-list li{list-style:none;float:none;margin:0;padding:0;}
.category-overlay-box .blog-cat-list h2{font-size:32px;font-weight:300;margin:25px 0;}
.category-overlay-box .blog-cat-list li ul li{float:left;width:50%;padding-bottom:8px;}
.category-overlay-box .blog-cat-list li ul li a{color:#fff;line-height:27px;font-size:20px;font-weight:400;font-family:'Roboto', sans-serif;}
.category-overlay-box .blog-cat-list li a:hover{text-decoration:underline;}
.search-form-holder{width:90%;overflow:hidden;margin:20% auto 0;}
.search-overlay-box .search-field{background:#2a2a2a;border:#000 3px solid;font-size:24px;font-weight:300;height:60px;line-height:60px;padding:0 20px;width:80%;display:inline-block;transition:all 0.2s linear;}
.search-overlay-box .search-field:focus{color:#b0b0b0;}
.search-overlay-box .btn-search{border:#000 3px solid;border-left:none;display:inline-block;font-size:24px;font-weight:300;height:60px;width:120px;cursor:pointer;background:#2a2a2a;transition:all 0.2s linear;color:#c0c0c0;}
.search-overlay-box .btn-search:hover{background:#f0f0f0;color:#2a2a2a;}
.at-share-btn-elements{text-align:left;}
.addthis_toolbox .custom_images img{opacity:.7;}
.wp-pagenavi a, .wp-pagenavi span{background:#292929 !important;color:#fff !important;border:none !important;font-size:16px;padding:3px 8px !important;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{background:#FE2D2D !important;font-weight:normal !important;text-decoration:none !important;}
.wp-pagenavi .pages{border:none !important;background:none !important;color:#fff !important;}
.blog-content{margin:0 auto;padding:30px 0;}
.sub-banner{width:1664px;margin:0 auto;position:relative;}
.sub-banner img{max-width:100%;height:400px;display:block;margin:0 auto;width:auto !important;}
.sub-banner .flexslider{position:relative;overflow:hidden;}
.sub-banner .flex-direction-nav a{opacity:1 !important;text-indent:9999px;top:40%;bottom:auto;z-index:3 !important;}
.sub-banner .flex-direction-nav .flex-prev{background:url(images/prev-btn.png) no-repeat center center;height:63px;width:40px;left:0 !important;right:auto !important;text-indent:9999px;}
.sub-banner .flex-direction-nav .flex-next{background:url(images/next-btn.png) no-repeat center center;height:63px;width:40px;left:auto !important;right:0 !important;text-indent:9999px;}
.sub-banner .caption{width:100%;position:absolute;left:0;top:0;right:0;margin:0 auto;z-index:3;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.sub-banner .caption-text{width:100%;text-align:center;}
.sub-banner .caption-text h1{margin:0;font-size:44px;font-family:'Lato', sans-serif;color:#fe2d2d;font-weight:700;line-height:48px;text-transform:uppercase;padding:10px 20px;background-color:rgb(255,255,255,0.6);background-color:rgba(255,255,255,0.75);display:inline-block;transition:0.4s all;}
.sub-banner .caption-text h1 a{color:#fe2d2d;}
.caption-text-blog a{padding:10px 20px;}
.caption-text-blog a:hover, .caption-text-blog a:active, .caption-text-blog a:focus{text-decoration:none;}
.sub-banner .caption-text h1:hover{background-color:rgb(255,255,255,0.75);background-color:rgba(255,255,255,0.75);}
.bcs-blog-top-left h2{text-transform:uppercase;font-size:24px;color:#fff;font-weight:700;font-family:'Roboto', sans-serif;margin:0;}
.form-submit #submit{float:left;margin:5px 0 0 0;color:#fff;transition:0.4s all;}
.view-blog-wrapper .view-all-blog-btn{text-transform:uppercase;font-size:17px;}
.view-all-blog-btn span{display:inline-block;margin:0 10px;}
.view-blog-wrapper{border-top:1px solid #fe2d2d;border-bottom:1px solid #fe2d2d;padding:3px 0;margin:30px 0 0 0;display:none;}
.addthis-custom{padding:0 0 20px;}
.sub-content a:hover{color:#fe2d2d;text-decoration:underline;}
.single-blog-content img{display:block;max-width:100%;height:auto;margin:5px auto 0;float:none;border:8px solid #f3f3f3;display:block;}
.blog-single-img-wrapper span{width:100%;display:block;margin:0 auto;background:#f3f3f3;padding:0 2% 1%;font-size:13px;line-height:24px;font-family:'Roboto', sans-serif;font-weight:300;color:#474c4e;text-align:center;}
.blog-single-img-wrapper{max-width:80%;min-width:500px;margin:0 auto 35px;background:#f3f3f3;}
#attachment_1099{width:100% !important;}
.view-wrapper-bottom{margin:25px 0 !important;}
#attachment_1066, #attachment_1072, #attachment_1068{width:100% !important;display:block !important;margin:0 auto !important;}
.services-banner img{height:auto;}
.services-text-holder{width:60%;background:#292929;position:absolute;left:0;top:0;bottom:0;z-index:999999;padding:30px 20px 0 0;}
.services-text-panel{width:100%;background:#292929;text-align:left;}
.services-text-panel h2{margin:0 0 20px 0;font-size:24px;font-family:'Roboto', sans-serif;color:#fff;font-weight:700;text-transform:uppercase;}
.services-text-panel p{font-size:16px;font-family:'Roboto', sans-serif;color:#fff;font-weight:400;}
.text-box{width:100%;padding:30px 0 0;overflow:hidden;text-align:left;}
.text-box strong{margin:0;font-size:14px;font-family:'Lato', sans-serif;color:#fff;font-weight:900;text-transform:uppercase;}
.text-box strong a{color:#fe2d2d;text-decoration:underline;display:inline-block;}
.text-box strong a:hover{text-decoration:none;}
.services-point-text{width:100%;background:#292929;text-align:left;float:left;}
.services-point-text p{font-size:15px;font-family:'Roboto', sans-serif;color:#fff;font-weight:400;}
img.services-icon{width:auto;height:auto;display:inline-block;}
.services-point-text ul{margin:0 0 10px 0;padding:0;list-style:none;width:100%;overflow:hidden;}
.services-point-text ul li{width:45%;margin:10px 10px 10px 0;padding:0 0 0 12px;background:url(images/dot.png) no-repeat left 11px;font-size:16px;font-family:'Roboto', sans-serif;color:#fff;font-weight:400;float:left;}
.contact-page-content{background:#292929;}
.contact-page-content h2{margin:0;font-size:24px;font-family:'Roboto', sans-serif;color:#fff;font-weight:700;text-transform:uppercase;}
.address-panel p{color:#fff;text-transform:uppercase;font-size:16px;}
.blog-list li a .p-bar{bottom:10px !important;}
.post-title-section p{color:#fff;}
.test-project-content .post-title-section{margin:0;}
.test-project-content{background-image:url(http://wernerconstruction.com/dev/wp-content/uploads/2017/12/6-upper-deck.jpg);background-position:center center;background-size:cover;padding:0;}
.test-project-content .sub-content{padding:55px 0 30px 0;background:rgb(25,25,25, 0.45);}
.test-project-content .grid .figure{margin:0;}
.test-project-content .mvs_custom_wp_gallery .gallery-item{margin:2px !important;}
.single-blog-content{background:#292929;width:100%;padding:0 2%;overflow:hidden;}
.single-blog-content p{color:#fff !important;}
.footer-section{width:100%;margin:0 auto;padding:0 2%;}
.search-content{background:#292929;overflow:hidden;}
.post-list-style li{margin:0 0 8px 0;}
.blog-img-style-1{width:25% !important;float:right !important;margin:0 0px 0 10px !important;}
.blog-img-style-2{float:right !important;width:38% !important;margin:0 0 15px 15px !important;}
.tab-menu .p-item-1{display:none;}
.table-type-1 tbody{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.table-type-1 tr{line-height:38px;border-top:1px solid #ccc;text-align:center !important;}
.table-type-1 td{padding-left:10px;}
.table-right-line{padding:0 !important;text-align:center !important;}
.table-type-1{margin:0 0 20px 0;}
.blog-content-left ul li, .blog-content-left table tr td, .blog-content-left ol li{color:#fff;}
.collapseomatic, .home-read-more{background-image:url('https://wernerconstruction.com/dev/wp-content/uploads/2017/12/triangle.png') !important;background-repeat:no-repeat;padding:0px 0px 0 15px !important;background-position:2px 8px !important;float:right !important;cursor:pointer;}
.colomat-close{background:url('https://wernerconstruction.com/dev/wp-content/uploads/2017/12/triangle-2.png') no-repeat !important;background-position:2px 8px !important;}
.collapseomatic_excerpt, .collapseomatic_content{margin-left:0 !important;width:100% !important;overflow:hidden !important;}
.home-read-more{float:right;display:block;padding:0px 0px 10px 15px !important;}
.home-acc-content{overflow:hidden;width:100%;margin:45px 0 0;}
.logo-holder{margin:0;padding:0;list-style:none;text-align:left;overflow:hidden;width:100%;}
.logo-holder li{margin:15px 15px 0 0;display:inline-block;}
.logo-holder li img.wp-image-1804{ border:#fff 1px solid; padding:5px; margin-right:5px;background:#fff;}
.logo-holder li img.wp-image-1581{ border:#fff 1px solid; }
.project-list li .p-caption p{display:none;}
#wpcf7-f1446-p45-o1 p, #wpcf7-f1446-p658-o1 p{color:#555 !important;}
.services-text-panel p a{color:#fe2d2d;}
.loader-holder{height:auto;padding:25px 40px;}
.services-banner{margin:0 auto 20px;}
.flex-direction-nav a{top:3% !important;}
@media only screen and (max-width:2880px){}
@media only screen and (max-width:2560px){}
@media only screen and (max-width:2048px){}
@media only screen and (max-width:1920px){.wraper{width:100%;}
.banner{width:94%;}
.contact-panel{width:6.5%;left:-6.5%;}
}
@media only screen and (max-width:1800px){}
@media only screen and (max-width:1700px){}
@media only screen and (max-width:1680px){}
@media only screen and (max-width:1664px){.sub-banner{width:100%;}
.content-area{width:100%;}
.inner-content{width:96%;}
.header-content{width:96% !important;}
.contact-page-content{width:96% !important;}
.bcs-blog-top-section{width:96% !important;}
.blog-list{width:100% !important;margin:15px auto 0 !important;padding:0 2% !important;}
.services-text-holder{padding:30px 20px 0 2%;}
.logo{margin:40px 0 40px 0;}
.language{margin:55px 0 0 0;}
ul.welcome-text li{width:40%;padding:0 2%;}
.project-list li{width:25%;}
.project-list li .p-caption{width:85%;}
.contact-panel{height:100%;}
.address-panel{padding:0;}
.contact-page-content h2{padding:0;}
}
@media only screen and (max-width:1600px){}
@media only screen and (max-width:1536px){.text-box{margin-top:30px;padding:25px 0;}
}
@media only screen and (max-width:1440px){.nav li{margin:0 15px;}
.text-panel-holder{top:45px;}
.text-panel h1{font-size:42px;line-height:42px;}
.services-point-text ul li{margin:5px 10px 5px 0;}
.flex-direction-nav a{top:50% !important;}
}
@media only screen and (max-width:1366px){.contact{padding:0 30px;}
.contact li{margin-left:30px;}
.text-panel-holder{top:20px;}
ul.welcome-text li{width:37%;}
.services-point-text ul li{margin:4px 10px 4px 0;}
.services-text-panel p, .services-point-text ul li{font-size:15px;}
}
@media only screen and (max-width:1280px){.nav li{margin:0 10px;}
.contact{bottom:80px;}
.social-media{padding:25px 0;}
ul.welcome-text li{width:37%;}
.address-panel{width:48%;margin-right:2%;}
.contact-form{width:48%;}
.contact li{margin-left:20px;font-size:14px;}
.contact{bottom:28%;padding:0;}
.social-media{padding:0;border:none;}
}
@media only screen and (max-width:1200px){.contact{padding:0;bottom:22%;}
.contact li{margin-left:20px;}
ul.welcome-text li{width:36%;}
.bcs-blog-content, .blog-content{width:100%;}
#attachment_1013{width:100% !important;margin:0 auto !important;}
.services-text-holder{width:100%;position:inherit;}
.services-point-text ul li{margin:8px 10px 8px 0;}
.blog-sidebar{float:left;width:35%;}
}
@media only screen and (max-width:1140px){.blog-panel .blog-content-area{width:100%;}
.bcs-blog-top-section{width:100%;}
.bcs-blog-content, .blog-content{width:100%;}
}
@media only screen and (max-width:1136px){.contact{bottom:25%;}
.social-media{padding:15px 0;}
.blog-sidebar{width:280px;}
.sub-menu li a{padding:0;height:50px;line-height:50px;vertical-align:middle;}
.sub-menu li a span{line-height:normal;}
}
@media only screen and (max-width:1080px){ul.welcome-text li{width:35%;}
.blog-content-left{width:60%;}
#attachment_1115{width:100% !important;}
}
@media only screen and (max-width:1040px){.mvs_custom_wp_gallery .gallery-item{width:48% !important;}
}
@media only screen and (max-width:1024px){.contact{font-size:14px;}
body{overflow-x:hidden;}
ul.welcome-text{padding-right:10px;}
ul.welcome-text li{width:100%;padding:0 0 0 3%;margin:20px 0;}
ul.welcome-text li:last-child{width:100%;padding:0;margin:20px 0;}
.sub-content h1{font-size:36px;}
.sub-content h2{font-size:30px;}
.sub-content h3{font-size:26px;}
.sub-content h4{font-size:22px;}
.sub-content h5{font-size:19px;}
.sub-content h6{font-size:17px;}
.sub-content p, .sub-content ul li, .sub-content ol li, .sub-content table tr td{font-size:15px;}
.text-panel h1{font-size:36px;line-height:36px;}
.text-panel p{line-height:24px;font-size:15px;}
.post-video-section iframe{width:95%;height:350px;}
.project-list li{width:50% !important;}
.sub-menu li a{padding:0 5px;line-height:50px;height:50px;}
.sub-menu li a span{line-height:normal;background:none;padding:0;}
#attachment_1071{width:100% !important;margin:0 auto !important;}
.contact-panel{width:100%;height:auto;border-top:none;background:url(images/header-bg.jpg) no-repeat center top;background-size:cover;position:inherit;left:0;float:left;}
.social-media{list-style:outside none none;padding:25px;margin:0;width:auto;border-right:#2A2A2A 2px solid;border-top:none;position:inherit;bottom:0;float:left;}
.social-media li{margin:0 5px;float:left;}
.contact{transform:rotate(0deg);padding:32px 25px;position:inherit;bottom:auto;width:auto;font-size:16px;float:left;}
.banner{width:100%;}
}
@media only screen and (max-width:1000px){.inner-slide-section{float:none;width:530px;margin:20px auto;}
}
@media only screen and (max-width:960px){.contact{font-size:12px;}
.blog-content-left{width:67%;}
.sub-content .address-panel p{font-size:20px;}
.sub-banner .caption-text h1{font-size:38px;}
}
@media only screen and (max-width:900px){.nav{display:none;}
.mobile-menu-holder, .mobile-nav .nav{display:block;}
.mobile-menu{display:block;}
.blog-content-left{width:63%;}
}
@media only screen and (max-width:854px){.sub-banner .caption-text h1{font-size:30px;line-height:38px;}
#attachment_1049{width:100% !important;margin:0 auto !important;}
}
@media only screen and (max-width:800px){.project-list li{width:50%;}
.sub-content h1{font-size:32px;}
.sub-content h2{font-size:28px;}
.sub-content h3{font-size:24px;}
.sub-content h4{font-size:20px;}
.sub-content h5{font-size:18px;}
.sub-content h6{font-size:16px;}
.sub-content p, .sub-content ul li, .sub-content ol li, .sub-content table tr td{font-size:14px;}
.text-panel h1{font-size:32px;line-height:32px;}
.text-panel p{line-height:20px;font-size:14px;}
.blog-content-left{width:100% !important;padding:0;}
.blog-sidebar{width:100%;}
.sub-content .address-panel p{font-size:18px;}
.blog-single-img-wrapper{max-width:100%;min-width:100%;margin:0 auto 35px;background:#f3f3f3;width:100%;}
.blog-img-style-2{float:none !important;width:100% !important;margin:0 auto !important;}
.table-wrapper{width:100% !important;float:none !important;}
}
@media only screen and (max-width:768px){.footer-tagline, .copyright{width:100%;}
.desktop-view{display:none;}
.mobile-view{display:none;}
.tab-menu li{width:100%;}
.tab-menu li ul{position:relative;top:1px;}
.tab-menu li ul li{display:block;float:none;width:100%;margin:0 0 5px 0;border:1px solid #fff;border-left:none;border-right:none;}
.tab-menu .current-menu-item{width:98%;}
.tab-menu li{width:98%;margin:0 0 8px;}
.sub-menu li a{padding:0;}
.sticky-area{display:none;}
.tab-menu li .sub-menu{background:#404040;padding:0;}
.sub-menu li:last-child{margin:0;}
.tab-menu .current-menu-parent .sub-menu li, .tab-menu .current-menu-parent .sub-menu li a{background:#404040 !important;}
.tab-menu .current-menu-parent .sub-menu .current-menu-item, .tab-menu .current-menu-parent .sub-menu .current-menu-item a{width:100%;}
.current-menu-parent .sub-menu li a span{background:none;}
.caption-text-blog a{display:inline-block;}
.sub-banner .caption-text h1{font-size:27px;}
.sub-content{min-height:500px;}
}
@media only screen and (max-width:720px){#attachment_1042, #attachment_1118{width:100% !important;}
.PIN_1512153233573_embed_pin.PIN_1512153233573_large, .PIN_1512154038227_embed_pin.PIN_1512154038227_large{min-width:100% !important;max-width:100% !important;padding:0 !important;}
#attachment_1018{width:100% !important;margin:0 auto !important;}
}
@media only screen and (max-width:640px){.text-panel-holder, .text-panel{width:100%;}
.mvs_custom_wp_gallery .gallery-item{width:98% !important;}
.project-main-title{font-size:25px !important;}
.project-title-area{}
.address-panel{width:100%;margin-right:0;}
.contact-form{width:100%;}
#attachment_1034{display:block;margin:0 auto !important;width:100% !important;}
.services-point-text ul li{width:100%;margin:6px 10px 6px 0;}
}
@media only screen and (max-width:600px){.contact{font-size:15px;}
.inner-slide-section{float:none;width:94%;margin:20px auto;}
.blog-img-style-1{width:100% !important;float:none !important;margin:0 auto !important;}
.social-media li{margin:0 5px;float:none;display:inline-block;}
.social-media{padding:0;margin:0;border-right:none;border-top:none;float:none;text-align:center;width:100%;overflow:hidden;}
.contact-panel{width:100%;padding:20px 0;}
.contact{float:none;width:100%;text-align:center;padding:0;display:block;overflow:hidden;}
.contact li{margin-left:20px;display:block;width:100%;margin:15px 0 0;}
}
@media only screen and (max-width:540px){.logo{margin:20px auto;float:none;display:block;}
a.language{margin:0;display:inline-block;float:none;}
.mobile-menu-holder{width:100%;margin:15px 0;position:relative;top:0;}
.mobile-menu{margin:0 auto;float:none;}
.mobile-nav{top:30px;}
.contact{font-size:14px;}
.post-video-section iframe{height:280px;}
.language{margin:5px auto;display:inline-block;float:none;}
.sub-banner .caption-text h1{font-size:25px;}
}
@media only screen and (max-width:480px){ul.welcome-text li:last-child a{padding:0 30px;font-size:14px;}
.loader-holder{width:248px;padding:27px 20px;}
.loader-holder h6{padding-left:20px;}
.project-list li{width:100% !important;}
}
@media only screen and (max-width:470px){.project-list li{width:100%;}
}
@media only screen and (max-width:400px){.bcs-blog-content li{margin:10px 0 40px;width:94%;height:auto;}
.bcs-blog-content li a img{width:100%;height:auto;}
.sub-banner .caption-text h1{font-size:24px;line-height:30px;}
}
@media only screen and (max-width:360px){span.first-name, span.last-name{width:100%;float:left;}
span.first-name{margin-right:0;}
span.last-name{margin-top:10px;}
}
@media only screen and (max-width:320px){}
@media only screen and (max-width:240px){}