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

body{ padding-top: 67.5px; background: #4d4d4f; }
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:500; left:0; right:0; top:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;  transition:all 0.5s ease; background:#4d4d4f;}
.header.fixed-header{ top:-83px;}
.header-inner{ padding:15px; position:relative;}
.header-inner .logo{ margin:0 auto; width:180px;}
.header-inner .phone{ background:url(../images/icons-sprite-white.svg#svg_phone_view) no-repeat center; background-size:100%; height:40px; width:40px; left:15px; top:15px; position:absolute; top:50%; margin-top:-20px;}

.header-inner a.cart-header-link{ display:block; line-height:40px; position:absolute; width:40px; height:40px; top:15px; left:15px; }
.header-inner a.cart-header-link svg{ width:34px; height:34px; }
.header-inner a.cart-header-link span{ bottom:0; right:0; position:absolute; display:inline-block; width:20px; height:20px;  background:#FFF; color:#000; line-height:18px; border-radius:50%; text-align:center; font-size:14px; }

.header-inner .menu-icon{ background:url(../images/icons-sprite-white.svg#svg_nav_view) no-repeat center; background-size:40px auto; height:40px; width:40px; right:15px; top:15px; position:absolute; top:50%; margin-top:-20px; }

.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{ height: 25vh; }
.home.page .banner .banner-image{ 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:90px;}

.modal-dialog.full_screen{ width: 100%; max-width: 100%; height: 100%; margin: 0px; }
.modal-dialog.full_screen .modal-content{ height: 100%; }
.modal-dialog.full_screen .modal-body{ overflow-y: scroll; }
.modal-dialog.full_screen .modal-footer, .modal-dialog.full_screen .modal-header{ border:0;}
.modal-dialog.full_screen .modal-header{ padding:15px}
.modal-dialog.full_screen.modal-dialog-scrollable, .modal-dialog.full_screen.modal-dialog-scrollable .modal-content{max-height: calc(100% - 0rem);}
.modal-dialog.full_screen button.close{ background:url(../images/icons-sprite.svg#svg_close_view) no-repeat center; opacity:1; background-size:30px; height:50px; width:50px; padding:0;}

.menu{ margin:0; padding:0; list-style:none;}
.menu li{ border-bottom:1px solid #d8d8d8; font-size:20px; text-align:center; font-weight:700;}
.menu li:last-child{ border-bottom:none;}
.menu li a{ padding:13px 0; color:#6d6d6d; display:block; text-transform:uppercase;}
.menu li a:hover{ color:#4d4d4f;}
.menu .sub-menu{ padding: 0; list-style: none; }
.menu .sub-menu li{ border-top:0; border-bottom: 0; }
.menu .sub-menu li a{ font-size: 15px; color: #999999; padding:6px 0; }


.cta{ background:#4d4d4f; padding:15px 25px; position:fixed; bottom:0; left:0; right:0; z-index:400; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.cta.active{ bottom:-80px;}

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

.w1{ color:#fff; text-align:center; border-top:1px solid #fff;}
.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-top:16px;}

.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.6); 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}

.w3{ color:#fff; text-align:center;}
.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;}

.w4{ background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; padding-top:200px;}
.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;}

.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 ); }



.wpcf7-form label{ width: 100%; }
.wpcf7-form textarea{ height: 100px; padding: 5px; }
#contactFormModal .wpcf7-form p{ margin-bottom: 5px; }
#contactFormModal .wpcf7-form,
#contactFormModal .wpcf7-form input[type="text"],
#contactFormModal .wpcf7-form input[type="email"],
#contactFormModal .wpcf7-form input[type="tel"],
#contactFormModal .wpcf7-form input[type="file"],
#contactFormModal .wpcf7-form input[type="search"],
#contactFormModal .wpcf7-form textarea,
#contactFormModal .wpcf7-form select{ padding: 5px; }


.mlk-gallery-block .gallery-list{ list-style: none; margin: 0 -8px; padding: 0; }
.mlk-gallery-block.no-spacing .gallery-list{ margin: 0; }
.mlk-gallery-block .gallery-item{ float: left; margin: 8px; width: calc( 50% - 16px ); position: relative; }
.mlk-gallery-block.no-spacing .gallery-item{ margin: 0; width: calc( 50% ); }
.mlk-gallery-block .gallery-item:nth-child(odd){ clear: left; }
.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{ width: 100%; }

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


.col-2-form-wrap .wp-block-column{  text-align: left; padding: 40px 10%; margin: 0 !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: 65px;  background: url('http://dev.fcdm.com/mlk/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; }


.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 .row > div { margin-bottom: 20px; }
.mlk-posts-grid-block .post_wrap{ height: 100%; background: #FFF; position: relative; font-size: 15px; }
.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; }
.mlk-posts-grid-block .post_wrap .desc_wrap .post_title:hover{ text-decoration: underline; }


.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: 20px; }
.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: 48%; }
.woocommerce form .form-row{ display: block; }
.woocommerce form .form-row label, .woocommerce-page form .form-row label{ width: 100%; }

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2{ max-width: 100%; }


.estimated_installation_month_p{ display: none; }


/*Flexi Fi Tag CSS*/

#flexifi-tag{
    background-color:#EBE9EB!important;
    padding:1.5em;
}
#flexifi-tag p{
    text-align: right;
    margin: 0px!important;
    font-size:1.8em!important;
}
#flexifi-tag p:nth-child(2):after{
    content:"\a";
}
#flexifi-tag p:nth-child(2):after{

    white-space:pre;
    content: "\AJust Select FlexiFi at Checkout";
}

@media (max-width: 1050px){
#flexifi-tag p {
    text-align: center;
    margin: 0px!important;
    font-size:1.8em!important;
        }
}