﻿.color-white{color:white;}
.label{margin:0 10px;}
.textbox{border:1px solid #dddddd;border-radius:3px;height:10px;}
.landing-header{position:fixed;height:50px;}
.landing-logo{margin:5px 0;}
.landing-header-section{height:75px;}
.landing-header-section-block{height:50px;}
.landing-header-navbar{height:50px;}
.first-content-block{margin-top:50px;}
.send-query{width:120px;height:35px;background:#ffffff;margin:10px 0 0;transition:all 0.5s ease;}
.send-query:hover, .send-query:focus{box-shadow:inset -3px 3px 5px #515151;letter-spacing:1px;}
.get-quote-label{display:block;position:absolute;right:0px;top:138px;color:white;font-weight:bold;font-size:60px;transform:rotate(90deg);}
.landing-nav{height:50px;}
.landing-nav ul li a{padding:10px 20px 10px;}
.content-block{float:left;width:100%;height:540px;background:#F1F1F1;overflow-x:hidden;}
.company-info{float:left;width:30%;padding:20px;border:1px solid #ddd;margin:30px 30px 10px 60px;}
.company-info h2, .Service-info h2{font-size:30px;letter-spacing:1px;padding:0 0 10px;border-bottom:1px solid #dddddd;}
.company-info p{margin:30px 0px 0;}
.Service-info{float:left;width:20%;padding:20px;border:1px solid #ddd;margin:30px 30px 10px 0px;}
.Service-info ul{margin:30px 0 0}
.get-quote-form{float:left;position:absolute;width:45%;left:60%;top:80px;background:#1F4E9C;}
.bx-wrapper{width:90%;height:173px;margin:26% 4.6% 0;}
.bx-wrapper .bx-viewport{height:189px !important;}
.tab-btns{margin-left:11.8%;display:inline-flex;}
.tab-btns>li{margin:0 1.7%;}
.active{background:#1f4e9c;color:white;border-radius:5px;}
.active>a{color:white !important;}
.visible{display:block;}
.hidden{display:none;}
.tab-btns>li>a{padding:15px 0;width:59px;text-align:center;float:left;border-radius:5px;cursor:pointer;transition:all 0.3s ease;}

@media screen and (max-width:479px){.bx-wrapper .bx-viewport{height:120px !important;}
.active>a{color:white !important;background:#1f4e9c !important;}
}
.bx-wrapper li{margin-top:-16px !important;margin-left:20px;}
.bx-wrapper li img{height:115px;margin-top:20px;background:#fff;}
.client-landing-mob-btn{color:white;border:1px solid white;margin:0 0 0 90%;}
.service-landing-mob-btn{margin:0 0 0 45%;}
@media screen and (min-width:500px) and (max-width:779px){.landing-nav ul li a{padding:0px 7px 0;}
.landing-nav{height:40px;width:103%;background:#fff;margin:10px -15px 0;}
.landing-header-section-block a{margin:0;}
#menu_button{width:50px;height:40px;font-size:36px;right:15px;top:-35px;}
}
@media screen and (max-width:479px){.landing-header, .landing-header-section, .landing-header-section-block, .landing-header-navbar{height:80px;}
.logo2{width:210px;height:50px;}
.client-landing-mob{width:50%}
.client-landing-mob-btn{margin:0;}
.service-landing-mob-btn{margin:0 0 0 33%;}
#menu_button{width:44px;height:32px;font-size:30px;margin-top:-15px;margin-right:0;float:right;right:20px;}
.first-content-block{margin-top:60px;}
.send-query{width:120px;height:35px;background:#ffffff;margin:10px 0 0;transition:all 0.5s ease;}
.send-query:hover, .send-query:focus{box-shadow:inset -3px 3px 5px #515151;letter-spacing:1px;}
.get-quote-label{position:relative;float:right;color:white;font-weight:bold;font-size:55px;transform:rotate(90deg);top:-170px;right:-80px;}
.landing-nav{height:392px;margin:35px -16px;width:113%;background:#fff;padding:5px 20px 10px;position:absolute;}
.landing-nav ul{height:50px;}
.landing-nav ul li{height:50px;}
.landing-nav ul li a{padding:7px 19px 7px;}
.content-block{float:left;width:100%;height:540px;background:#f1f1f1;overflow-x:hidden;}
.company-info{float:left;width:90%;padding:20px;border:1px solid #ddd;margin:5%;}
.company-info h2, .service-info h2{font-size:24px;letter-spacing:1px;padding:0 0 10px;border-bottom:1px solid #dddddd;}
.company-info p{margin:30px 0px 0;}
.service-info{float:left;width:90%;padding:20px;border:1px solid #ddd;margin:5%;}
.service-info ul{margin:30px 0 0}
.get-quote-form{float:left;position:relative;width:90%;top:0;left:0;background:#1f4e9c;margin:5%;}
.tab-content{float:left;}
.tab-btns{margin-left:8.8% !important;display:block;}
.pop{bottom:0px !important;}
.pop::after{top:26px !Important;border-color:#1f4e9c transparent transparent transparent !Important;}
}
.pop{position:absolute;background:#1f4e9c;color:#fff;bottom:-30px;padding:1px 10px;margin-left:-20px;border-radius:5px;visibility:hidden;opacity:0;transform:translateY(100%);transition:all 0.3s ease-in-out;}
.pop::after{content:"";position:absolute;top:-10px;left:51px;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #1f4e9c transparent;}
.pophover:hover .pop{visibility:visible;opacity:1;transform:translateY(0%);}