@charset "utf-8";
/* CSS Document */

body{ padding-top: 165px; background: #4d4d4f !important; }
body.admin-bar{ padding-top: 133px; }
body.home{ padding-top: 0; }

body #wpadminbar{ opacity: 0.7; }

ul:before, ul:after{ content:''; display:table; }
ul:after{ clear:both; }
.full-img img{ width:100%; height:auto; }
img.img-crop { display: block; max-width: none; }
.table-cell {display: table-cell; vertical-align: middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }
.svg_icon, .svg-icon{ width: 30px; height: 30px; color: #FFF; fill: currentColor; }

.header{ position:fixed; z-index:700; left:0; right:0; top:0; padding:30px 0 0 0; background:rgba(77,77,79,0.75); transition: top 1s; }
.header.hide_header{ top:-100%; }
.pre-header{ position:relative; padding:0 30px 0;}
.pre-header .logo{ width:320px; margin:0 auto;}
.pre-header .logo a{ transition: all 0.2s; }
.pre-header .logo a:hover{ opacity: 0.7; }
.social-link{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);  left:30px; margin:0; padding:0; list-style:none;}
.social-link li{ float:left; margin-right:20px;}
.social-link li:last-child{ margin-right:0;}
.social-link li a{ display:block; width:20px; height:20px; }
.social-link li a svg{ width:20px; height:20px; }

.header-links{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);  right:30px; margin:0; padding:0; list-style:none;}
.header-links li{ float:left; margin-right:20px;}
.header-links li:last-child{ margin-right:0;}
.header-links li a.phone{ background:url(../images/icons-sprite-white.svg#svg_phone_view) no-repeat left; background-size: 26px 26px; padding-left:32px; line-height:45px; display:block; color:#fff; font-weight:700; font-size:15px;}

.header-links li a.cart-header-link{ display: inline-block; line-height: 45px; position: relative; }
.header-links li a.cart-header-link svg{ width: 26px; height: 26px; }
.header-links li a.cart-header-link span{ bottom:0; right:0; position:absolute; display:inline-block; width:15px; height:15px;  background:#FFF; color:#000; line-height:18px; border-radius: 50%; text-align: center; font-size: 11px; }

.toggleMenu { display:none; height:68px; width:40px; text-transform:uppercase; background:url(../images/toogle-open.png) no-repeat center; text-indent:-9999px; float:right;}
.toggleMenu.active{ background:url(../images/toogle-close.png) no-repeat center; color:#fff; }
.toggleMenu:hover{ color:#fff; }
.menu { list-style:none; *zoom:1; margin:0; padding:0; text-align:center;}
.menu:before, .menu:after { content:""; display:table; }
.menu:after { clear:both; }
.menu ul { list-style:none; min-width:250px; float:none; left:0; top:100%; position:relative;}
.menu a { padding:0 15px; color:#fff; }
.menu li { position:relative; padding:0; }
.menu > li > .parent:after{
    content:' ';  background: url("../images/icons-sprite-white.svg#svg_down_arrow_view") no-repeat center;
    position: absolute;  width: 20px; height: 20px;
    left: 50%; bottom: 5px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);
}
.menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a{color:#cbcbca; text-decoration:none;}
.menu > li { display:inline-block; position:relative; line-height:68px;}
.menu > li:last-child{ background:none;}
.menu > li > a { display:block;  text-transform:uppercase; text-transform:uppercase; position:relative; font-weight:700; }
.menu li ul { position:absolute; left:-9999px; margin:0; list-style:none;  padding:0 }
.menu > li.hover > ul { left:50%; margin-left:-125px; }
.menu li li.hover ul { left:100%; top:0; }
.menu li li{ padding:0; line-height:22px; text-align:left; margin:0;}
.menu li li a { display:block; position:relative; z-index:100; text-align:center; padding:8px 10px; background:rgba(77,77,79,0.75);}
.menu li li:last-child{ border-bottom:none; }
.menu li li a:hover{ color:#4d4d4f; background:#fff;}
.menu li li li a { background-color:rgba(77,77,79,0.75); z-index:200; }
@media screen and (max-width:991px) {
.main-nav .active { display:block; }
.main-nav{ text-align:left; position:absolute; top:100%; left:0; right:0; background:#16284a; z-index:9999; display:block; padding:0; width:auto;}
.menu > li { float:none; display:block; border-bottom:1px solid #243c6a; text-align:left; line-height:30px; background:none;}
.menu a{ padding:8px 25px }
.menu li{ display:block; }
.menu > li > .parent { background-image:none;}
.menu > li > .parent:after{ content:'\f107'; font-family: 'Font Awesome 5 Free-bak'; font-weight: 900;  position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}
.menu li.hover > .parent:after{ content:'\f106'; font-family: 'Font Awesome 5 Free-bak'; font-weight: 900;   position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu li li .parent:after {content:'\f107'; font-family: 'Font Awesome 5 Free-bak'; font-weight: 900;  position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu ul { display:block; width:auto; border-bottom:none; min-width:inherit}
.menu > li.hover > ul , .menu li li.hover ul {position:static; margin-left:0}
.menu li li a { padding:8px 35px; font-size:15px;}
.menu li li{ text-align:left; }
.menu li li li a{ padding:5px 45px; }
.menu li ul{ box-shadow:none; -webkit-box-shadow:none}
.menu li ul::after{ display:none;}
}

.banner-image{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.banner-image a,
.banner-image img{ flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.banner{ position:relative}
/*.banner .banner-image{ height:100vh; }*/
.page .banner .banner-image{ max-height: 400px; height: auto; }
.home.page .banner .banner-image{ max-height: none!important ; height: 100vh; }
.banner .carousel-caption{  margin:0; padding:0; left:0; right:0; padding:0 20px; bottom:auto;  color:#fff; text-align:left; font-weight:300; font-size:20px;}
.banner .carousel-caption .btn{ margin-top:5px; }
.banner .carousel-caption h2{ font-size:50px; }
.banner .carousel-caption h2,.banner .carousel-caption h3{ line-height:100%;}
.banner .image{ position:absolute; right:0; bottom:0; line-height:0; z-index:10; width:50%;}
.banner .btn{ background:#a87e11; color:#fff; border-color:#a87e11; font-size:20px;}
.banner .btn:hover{ background:#fff; color:#a87e11; border-color:#fff;}
.banner .carousel-indicators{ bottom:30px;}
.banner .carousel-control-prev, .banner .carousel-control-next{background-size:40px; background-position:center; background-repeat:no-repeat; width:40px; height:40px; opacity:1; text-indent:-9999px; z-index:30; top:50%; margin-top:-20px;}
.banner .carousel-control-prev{ background-image:url(../images/icons-sprite.svg#svg_left_arrow); left:0;}
.banner .carousel-control-next{ background-image:url(../images/icons-sprite.svg#svg_right_arrow); right:0;}

.section{ padding:100px 0; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; }
.section .container{ position:relative; z-index:100; }

.w1{ color:#fff; text-align:center;}
.w1:before{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(77,77,79,0.88); content:'';}
.w1 h1{ font-weight:300; margin-bottom:20px; background:url(../images/HR-strip.png) no-repeat bottom center; padding-bottom:32px; font-size:40px; font-weight:300;}
.w1 .btn{ margin:20px 10px;  width:270px;}

.row.w2{ background-color: #6b6a68; }
.w2 .block{ padding: 50px 25px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; margin-bottom:1px;}
.w2 .block:before{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(77,77,79,0.4); content:'';}
.w2 .block .content{ padding:30px; background:#fff; text-align:center; opacity:0; position:relative; z-index:10; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w2 .block:hover .content{ opacity:1}
.w2 .block .content h3{ font-size:40px; font-weight:300; margin-bottom:15px; padding-bottom:15px; position:relative;}
.w2 .block .content h3:after{ content:''; position:absolute; background:#4d4d4f; height:1px; width:40px; bottom:0; left:50%; margin-left:-20px;}
.w2 .block h2{ position:absolute; left:30px; right:30px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:''; font-size:40px; margin-bottom:0; z-index:2; text-align:center; font-weight:300; color:#fff; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w2 .block:hover h2{ opacity:0}
.w2 .block .content .btn{ width:85%;}

.w3{ color:#fff; text-align:center;}
/*.section.w3 .container-fluid{
    padding-left: 0;
    padding-right: 0;
}*/
.w3:before{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(77,77,79,0.9); content:'';}
.w3 h2{ font-weight:300; margin-bottom:20px; background:url(../images/HR-strip.png) no-repeat bottom center; padding-bottom:32px; font-size:40px; font-weight:300;}
.w3 .btn{ margin-top:16px;}
.w3 .btn{ margin:20px 10px;  width:270px;}

.w4{ background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; padding-top:300px;}
.w4 .content{ padding:50px 25px; background:rgba(255,255,255,0.9); text-align:center;}
.w4 .content h2{ font-weight:300; margin-bottom:20px; background:url(../images/HR-strip.png) no-repeat bottom center; padding-bottom:32px; font-size:40px; font-weight:300;}
.w4 .content .btn{margin-top:16px; width:270px;}


.w5{ color: #6b6a68; text-align:center; }
.w5:before{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(245, 244, 242, 0.88); content:' '; }
.w5 h1,
.w5 h2{ font-weight:300; margin-bottom:20px; background:url(../images/HR-strip.png) no-repeat bottom center; padding-bottom:32px; font-size:40px; font-weight:300; }
.w5 .btn{ margin:20px 10px;  width:270px;}
.w5 .mlk-5xgrid-block{ position: relative; z-index: 2; }
.w5 .row{ margin-top: 85px; }
.w5 .col-lg{ margin-bottom: 40px; }
.w5 .col_wrap{ background: #FFF; font-size: 15px; font-weight: 300; height: 100%; }
.w5 .col_wrap .step_no{ position: absolute; display: inline-block; width: 70px; height: 70px; border-radius: 50%; background: #f5f4f2; top: -35px; margin-left: -35px; left: 50%; text-align: center; font-size: 40px; font-weight: 300; z-index: 3; padding: 7px; }
.w5 .col_wrap img{ width: 100%; height: auto; margin-bottom: 15px; }
.w5 .col_wrap .step_details{ padding: 0 15px 15px 15px; }


.footer{ text-align:center; padding:30px 20px; font-weight:300; background:#4d4d4f; color:#fff;}
.footer p a{ color:#fff; }
.footer p a:hover{ text-decoration: underline; }
.footer ul.foot-menu{ padding:0; list-style:none;}
.footer ul.foot-menu li{ margin:0; display:inline-block; text-transform:uppercase;}
.footer ul.foot-menu li:after{ content:'/'; float:right; margin:0 10px;}
.footer ul.foot-menu li:last-child:after{ display:none;}
.footer ul.foot-menu li a{ font-weight:700; color:#fff;}
.footer ul.foot-menu li a:hover { color:#fff; text-decoration:underline;}
.footer ul.info{ padding:0; list-style:none;}
.footer ul.info li{display:inline-block;}
.footer ul.info li a{ font-weight:300; color:#fff;}
.footer ul.info li a:hover { color:#fff; text-decoration:underline;}
.footer ul.info li:after{ content:'/'; float:right; margin:0 5px;}
.footer ul.info li:last-child:after{ display:none;}
.social a{ display:inline-block; margin:0 18px;}
.social a img{ width:30px;}


.post-content-wrap{ padding: 0 20px; width: 100%; overflow: hidden; background: #f5f4f2; }
.post-content-wrap h1,
.post-content-wrap h2{ margin-top: 25px; margin-bottom: 20px; padding-top: 25px; padding-bottom: 20px; font-weight: 300; text-align: center; background: url(../images/HR-strip.png) no-repeat bottom center; }

.post-content-wrap > .no-padding,
.post-content-wrap > .section,
.post-content-wrap > .mlk-3xgrid-block,
.post-content-wrap > .mlk-text-block,
.post-content-wrap > .wp-block-gallery,
.post-content-wrap > .mlk-gallery-block{ margin-left: -20px; width: calc( 100% + 40px ); }

.post-content-wrap > .no-padding > .wp-block-column{ flex-basis: calc(50%); margin-left: 0 !important; }
.post-content-wrap > .no-padding > .wp-block-column > *{ margin: 0; }
.post-content-wrap > .equal-height > .wp-block-column > *{ height: 100%; margin: 0px; }
.post-content-wrap > .equal-height > .wp-block-column figure{ margin-bottom: 0; }

.mlk-bg-image-1{
    background-image: url('../images/bg-1.jpg');
}


.wpcf7-form label{ width: 100%; }
.wpcf7-form textarea{ height: 150px; }


.wp-block-gallery .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-item figcaption{ transition: all 0.5s; }
.wp-block-gallery .blocks-gallery-item:hover{ background: #000; }
.wp-block-gallery .blocks-gallery-item:hover img{ opacity: 0.8; }
.wp-block-gallery .blocks-gallery-item:hover figcaption{ padding-top: 20px; }



.mlk-gallery-block .gallery-item,
.mlk-gallery-block .gallery-item img{ transition: all 0.5s; }
.mlk-gallery-block .gallery-item:hover{ background: #000; }
.mlk-gallery-block .gallery-item:hover img{ opacity: 0.8; }
.mlk-gallery-block .gallery-item:hover figcaption{ padding-top: 20px; }

.mlk-gallery-block .gallery-list{ list-style: none; margin: -8px; padding: 0; }
.mlk-gallery-block.no-spacing .gallery-list{ margin: 0; }
.mlk-gallery-block .gallery-item{ float: left; margin: 8px; position: relative; }
.mlk-gallery-block.no-spacing .gallery-item{ margin: 0; }
.mlk-gallery-block .gallery-item figure{ margin-bottom: 0px; }
.mlk-gallery-block .gallery-item figcaption{ transition: all 0.5s; position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); }

.mlk-gallery-block.columns-1 .gallery-item{ /* margin: 0; */ }
.mlk-gallery-block.columns-2 .gallery-item{ width: calc( 50% - 16px ); }
.mlk-gallery-block.no-spacing.columns-2 .gallery-item{ width: calc( 50% ); }
.mlk-gallery-block.columns-2 .gallery-item:nth-child(odd){ clear: left; }
.mlk-gallery-block.columns-3 .gallery-item{ width: calc( 33.33% - 16px ); }
.mlk-gallery-block.no-spacing.columns-3 .gallery-item{ width: calc( 33.33% ); }
.mlk-gallery-block.columns-3 .gallery-item:nth-child(3n+1){ clear: left; }
.mlk-gallery-block.columns-4 .gallery-item{ width: calc( 25% - 16px ); }
.mlk-gallery-block.no-spacing.columns-4 .gallery-item{ width: calc( 25%x ); }
.mlk-gallery-block.columns-4 .gallery-item:nth-child(4n+1){ clear: left; }
.mlk-gallery-block.columns-5 .gallery-item{ width: calc( 20% - 16px ); }
.mlk-gallery-block.no-spacing.columns-5 .gallery-item{ width: calc( 20% ); }
.mlk-gallery-block.columns-5 .gallery-item:nth-child(5n+1){ clear: left; }


.modal-dialog .modal-header button{ padding: 15px; }
.modal-dialog .modal-header button svg{ width: 32px; height: 32px; color: #000; }


.wp-block-latest-posts li{ background: #FFF; position: relative; }
.wp-block-latest-posts li a{ padding: 0 10px; text-transform: uppercase; }
.wp-block-latest-posts li time{ position: absolute; width: 80px; height: 80px; padding:5px 10px; background: #FFF; font-size: 40px; overflow: hidden; top: 30px; left: 30px; line-height: 1; }
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt{ padding: 0 20px 10px 10px; margin-top: 0; }


.mlk-posts-grid-block{ margin-bottom: 20px; }
.mlk-posts-grid-block .post_wrap{ height: 100%; background: #FFF; position: relative; font-size: 15px; margin-bottom: 20px; }
.mlk-posts-grid-block .post_wrap img{ width: 100%; transition: all 0.3s; }
.mlk-posts-grid-block .post_wrap:hover img{ opacity: 0.7; }
.mlk-posts-grid-block .post_wrap time{ position:absolute; width:80px; height:80px; padding:25px 10px 15px 10px; background:#FFF; font-size:40px; overflow:hidden; top:30px; left:30px; line-height:18px; text-align:center; }
.mlk-posts-grid-block .post_wrap time span{ font-size: 15px; }
.mlk-posts-grid-block .post_wrap .desc_wrap{ padding: 20px; }
.mlk-posts-grid-block .post_wrap .desc_wrap .post_title{ text-transform: uppercase; }


.col-2-form-wrap .wp-block-column{  text-align: left; padding: 40px 10%; margin: 0 !important; flex-basis: 50% !important; position: relative; }
.col-2-form-wrap .wp-block-column h2{ text-align: left; background-position: left bottom; }
.col-2-form-wrap .wp-block-column:nth-child(1){ background: #FFF; }
.col-2-form-wrap .wp-block-column:nth-child(2){ padding-top: 75px; padding-bottom: 45px;  background: url('/wp-content/uploads/2020/01/request-a-brochure.jpg') no-repeat center; background-size: cover; }
.col-2-form-wrap .wp-block-column:nth-child(2):before{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(77,77,79,0.88); content: ' '; }
.col-2-form-wrap .wp-block-column:nth-child(2) > div{ z-index: 2; position: relative; }


.col-2-form-wrap .wpcf7-form input, .col-2-form-wrap .wpcf7-form select, .col-2-form-wrap .wpcf7-form textarea{ background-color: #f5f4f2 !important; }
.col-2-form-wrap .wpcf7-form textarea{ height: 100px; padding: 10px; }
.col-2-form-wrap .wpcf7-form input[type=submit]{ border: 1px solid #FFF !important; background: none !important; width: 100%; }
.col-2-form-wrap .wpcf7-form input[type=submit]:hover{  color: #4d4d4f !important; background-color: #fff !important; border-color: #FFF !important; }


.breadcrumb{ background-color: #f5f4f2 !important; }


.post_nav { overflow: auto; margin-top: 20px; }
.post_nav a{ color: #fff; background-color: #4d4d4f; border-color: #4d4d4f; display: inline-block; font-weight: 300; text-align: center; vertical-align: middle; padding: 0.6rem 1.2rem; font-size: 1rem; text-transform: uppercase; line-height: normal; border-radius: 0rem; }
.post_nav a[rel="prev"]{ float: left; }
.post_nav a[rel="next"]{ float: right; }


.social_share{ display: inline-block; list-style: none; padding-left: 0; position: relative; top: -30px; }
.social_share li{ display: inline-block; }
.social_share li svg{ color: #4d4d4f; width: 24px; height: 24px; }


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background-color: #4d4d4f !important; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 .woocommerce .col2-set .col-2,  .woocommerce-page .col2-set .col-2{ max-width: 50%; padding: 0px !important; }
.woocommerce form .form-row{ display: block; }
.woocommerce form .form-row label, .woocommerce-page form .form-row label{ width: 100%; }
.woocommerce-checkout #customer_details{ padding-bottom: 30px; }

.estimated_installation_month_p{ display: none; }

/*Hide Prev Next on Posts*/
.post_nav { display: none;}

#flexifi-checkout{
    margin-bottom:20px;
}