/*<uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 900  */

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

html,
body{min-height:100%;height:100%;margin:0;padding:0;font-size:16px;font-family: "Montserrat", sans-serif;color:#303030;font-weight:400;background:transparent;overflow:hidden;    }
a{color:#303030;text-decoration:none;cursor:pointer;}
 a:hover{text-decoration:none;}
.pplarea{position: absolute;display: block; width: 100%; max-width: 1220px; margin:auto;left:0;right:0;bottom:0;top:0; background: #fff;border-radius: 15px; overflow: hidden; height: 670px;box-shadow: 0px 0px 4px #ccc;}
.frontpage{position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;transition: all 0.5s ease;}
.frontpage.slideleft{left:-100%;}
.topmobilenav{display:none;}




.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;height:100%;max-height: none;width: 100%;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: scroll !important;padding: 0;position: relative !important;top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;} 
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important; margin: 0; max-height: none !important;max-width: none !important;overflow: scroll !important; outline: none;padding: 2px; position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
.scrollbar-janos.theme-blue > .scroll-element,
.scrollbar-janos.theme-blue > .scroll-element .scroll-bar,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_corner,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_track{ background-color: #66CCEE; }


/******************* JANOS SCROLLBAR *******************/

.scrollbar-janos > .scroll-element,
.scrollbar-janos > .scroll-element div{border: none; margin: 0;overflow: hidden; padding: 0; position: absolute;z-index: 10;}
.scrollbar-janos > .scroll-element div {background-color: transparent;display: block;height: 100%;left: 0;top: 0;width: 100%;border-radius:10px;}
.scrollbar-janos > .scroll-element.scroll-x {bottom: 0;height: 10px;left: 0;right:0;margin:auto;min-width: 80%;width: 80%;border-radius:10px;}
.scrollbar-janos > .scroll-element.scroll-y {height: 90%;min-height: 90%;right: 0;top: 0;bottom:0;margin:auto;width: 10px;border-radius:10px;}
.scrollbar-janos > .scroll-element .scroll-element_corner {display: none;}
.scrollbar-janos > .scroll-element.scroll-x,
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {background-image: url(../img/scroll-v.png);background:#696b6c;background-repeat: repeat-x;}
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos > .scroll-element.scroll-y,
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {background-image: url(../img/scroll.png);background: #696b6c;background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos > .scroll-element.scroll-x .scroll-element_track {/*background-image: url(../img/scroll-element_track.png);*/background:#c9c9c9; background-repeat: repeat-x;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-element_track {/*background-image: url(../img/scroll-element_track-y.png); */ background:#c9c9c9;background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar .scroll-bar_body {background-image: url(../img/scroll-bar_body-x.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {background-image: url(../img/scroll-bar_body-y.png);}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_less {background-image: url(../img/arrow-left.png); /*box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);*/}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_more {background-image: url(../img/arrow-right-more.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {background-image: url(../img/arrow-less.png);/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);*/}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_more {background-image: url(../img/arrow-more.png);}
.scrollbar-janos > .scroll-element .scroll-arrow,
.scrollbar-janos > .scroll-element .scroll-bar_body {background-position: center;background-repeat: no-repeat;}
.scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: 0px; margin-left: 0px; }
.scrollbar-janos > .scroll-content.scroll-scrollx_visible { top:  -10px; margin-top:  10px; }

/* scrollbar arrows */

.scrollbar-janos > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less {display:none; height: 100%; width: 16px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more {display:none; height: 100%; left: auto; right: 0; width: 16px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { left: 0px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_track { left: -32px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { left: -33px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 16px;display:none;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 16px;display:none;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 0px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: 0px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: 0px; }

/* if another scrollbar is visible */

.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; }

/* if arrows & another scrollbar are visible */

.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_corner,
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_corner {border-top: 1px solid #AAAAAA;bottom: 0;display: block;height: 0px;left: auto;right: 0;top: auto;width: 16px;z-index: 13;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 5px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_track { left: -0px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -0px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 4px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_track { top: 0px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: 0px;}


.pricingpage .scrollbar-janos > .scroll-element.scroll-x{left: initial; right: 20px;}



.carousel{height:100%;visibility: hidden;transition: all 0.5s ease;right:-100%;}
.carousel.showcarouselslide{visibility: visible;right:0;}
.pplnav{position:relative;float:left;display:block;height: 100%;width: 200px;background: #fff;transition: all 0.5s ease;}
.pplnav .logo{width:100%;overflow:hidden;height:85px;padding: 10px;}
.pplnav .logo img,
.panel-header .logo img{max-width: 100%;width: auto;display: block;margin: auto;}
.pplnav .pplnavbox{position: relative;display: block;height:calc(100% - 135px);}
.pplnav ol{bottom: inherit;position: relative;left: inherit;z-index: auto; width: 100%; margin: 0;}
.pplnav ol li{display:block;width: 100%;margin:0px;font-size:15px;height: 34px;line-height:34px;padding:0 10px;border-radius: 0;border: 0;text-indent: inherit; text-align: left; border-bottom: 1px #ccc solid;}
.pplnav ol li i{width:20px;text-align:left;}
.pplnav ol li:hover{background:#f2f2f2;}
.pplnav ol li.active{width:100%;height:34px;background:#f2f2f2;}
.askquestion{width: 80%;position: relative;display: block;text-align: center;border: 4px #a1ff00  solid;margin: auto;height: 40px;border-radius:8px;line-height: 30px;border-radius: 10px;box-shadow: 2px 3px 6px #878787;}
.askquestion:hover{background:#a1ff00;cursor:pointer;}
.askquestion a{   font-weight:600; display: block; height: 100%;}
.askformbox .modal-header{background: #b3c6da;text-align: center;font-weight:600;}
.askformbox .modal-footer{background: #b3c6da;}
.askformbox .modal-footer button.left{float:left;}
.askformbox .askemilphone{width:100%;display:block;height:55px;}
.askformbox .askemilphone .form-group.emailgrp{width:65%;float:left;margin-right:2%;}
.askformbox .askemilphone .form-group.ctngrp{float:left;width:33%;}
.askformbox .textareagrp{height:105px !important;}
.askformbox .contactinfo .form-input input:focus + .form-label, 
.askformbox .contactinfo input:valid + .form-label, 
.askformbox .contactinfo .form-input select:focus + .form-label, 
.askformbox .contactinfo select:valid + .form-label, 
.askformbox .contactinfo .form-input textarea:focus + .form-label, 
.askformbox .contactinfo textarea:valid + .form-label{background:#fff;}
.help{position: absolute; bottom: 55px; right: 10px;z-index: 99;width: 130px;  text-align: right;  cursor: pointer;height: 46px; color: #3380cd;}
.help:hover{color:#FF9800;}
.frontpage .panel .panel-header{}
.frontpage .panel .panel-header .logo{}
.pplwraper{width:calc(100% - 200px);height:100%;float: left; position: relative;background: #f2f2f2; transition: all 0.5s ease;}
.carousel-inner,.item{height: 100%;}
.panel{position: relative;display: block;width: 100%;height: 100%;border: 0;margin: 0; border-radius: 0;box-shadow: none;}
.panel .panel-header{height:120px;position: relative;display: block;background: #aec1d4;}
.panel-header .logo{height: 120px;width: 200px;background: #fff;padding: 10px;}
.panel .panel-footer{position: relative;display: block;width: 100%;height: 50px;padding:5px 15px;background: #aec1d4;border: 0;border-radius: 0;}
.panel .panel-footer .sslsecure{width:80px;position: absolute; right: 15px;top: 5px;}
.panel .panel-footer .sslsecure img{width: 100%;}

.panel .panel-footer{padding:10px 2px;}
.panel .panel-footer a{width: 120px;position: relative;text-align: center;font-weight:600;float: left; border-radius: 20px; height: 25px;text-decoration:none;text-transform:uppercase;}
.panel .panel-footer a.left{margin-top:5px;font-size: 14px;}
.panel .panel-footer a.left:hover{ font-weight:600;}
.panel .panel-footer a.right{border: 1px #a1ff00 solid;background: #a1ff00;height: 30px;line-height: 30px;width: 200px;display: block;margin: auto;float: inherit;}
.panel .panel-footer a.right:hover{background:#fff;border-color:#fff;}
.dmenu{pointer-events: none;}

.panel .panel-body{position: relative;display: block;width: 100%;height: calc(100% - 170px);background: #f2f2f2;overflow:hidden;}
.questionbox{position:relative;display:block;width:100%;height:120px;background:#b3c6da;padding:20px 60px;}
.questimg{width:100px;height:100px;border-radius:50%;float:left;margin-right:20px;overflow: hidden; border: 4px #fff solid;margin-top:-10px;}
.questimg img{width:100%;}
.questbox{float:left;position:relative;width:calc(100% - 120px);border: 1px #7facdb solid;min-height: 80px;border-radius: 60px;background: #fff;box-shadow: 1px 1px 4px #818080;}
.questbox:after{content:"\e251";font-family: "Glyphicons Halflings"; width: 18px; height: 26px; position: absolute; left: -15px; bottom: 40%; font-size: 24px; color: #fff; text-shadow: -1px 1px 1px #7facdb;}
.questbox .questxt{display: table;width: 100%; padding: 10px 20px;height: 100%;position: relative;min-height: 78px;}
.questbox .valign{display: table-cell;vertical-align: middle;}
.questbox .valign p{margin:0px;font-style:italic;}
.blueclr{color:#004282;}
.colorblue{color:#004282;}
.title{font-size: 20px;font-weight:bold;text-align: center;height: 45px;}
.selectionbtn{display: table;width: 100%;}
.selectionbtn ul{margin:0px;padding:0px;display: table;width: 100%;list-style: none;}
.selectionbtn ul li{width:44%;float: left;position: relative;margin:0 3%;}
.selectionbtn ul li label{width: 100%;height: 60px;overflow:hidden;transition: all 0.5s ease; border: 2px #8b8b8b  solid; border-radius: 10px; font-weight:400;background: #fff;}
.selectionbtn ul li label:hover{border-color: #a1ff00;box-shadow: 0px 0px 10px #5a5a5a;}
.selectionbtn ul li label:hover a{border: 2px #a1ff00 solid;width: 100%; position: relative; display: block; height: 100%; border-radius: 10px; z-index: 0;}
.selectionbtn ul li label a{display: block;border: 2px transparent solid;position: relative;overflow: hidden;height:100%;border-radius: 10px;}
.selectionbtn ul li .imgbox{height: 60%;overflow: hidden; position: relative;display: block;padding: 10px;}
.selectionbtn ul li .imgbox img{max-width: 100%;width: auto; display: block;margin: auto;height: auto;max-height: 100%;}
.selectionbtn ul li .textbox{height: 52px;width:calc(100% - 52px);margin-left:8px;;position: relative;display: table;overflow: hidden;padding:5px 10px;}
.selectionbtn ul li .textbox p{font-size: 16px; text-align: center; margin: 0;font-weight:bold;display: table-cell; vertical-align: middle;}
.selectionbtn ul li .textbox p span{display: block;font-size: 14px;}
.selectionbtn ul li .chkbox{width:18px;height: 18px;border: 1px #000 solid;margin:10px;position: absolute;top:0;left:0;}
.selectionbtn ul li .iconbox{width:52px;height:52px;float:left;text-align: center;line-height: 52px;font-size: 30px;}
.selectionbtn ul li.activeli label{border-color: #a1ff00;box-shadow: 0px 0px 10px #5a5a5a;}
.selectionbtn ul li.activeli label a{border-color: #a1ff00;color:#000;text-decoration: none;}
.selectionbtn ul li.activeli label a:hover{color:#000;text-decoration: none;}
.selectionbtn ul li.activeli .chkbox{background-color: #a1ff00;}
.selectionbtn ul li.activeli .chkbox::before{ content: "\e013";   font-family: "Glyphicons Halflings";left:0; font-size: 12px;margin: 0px 0 0 2px;position: absolute;}
.twosquarebtn.selectionbtn ul li:first-child{text-align: right;}
.twosquarebtn.selectionbtn ul li label{ width: 260px; height: 260px;}
.twosquarebtn.selectionbtn ul li .imgbox{height: 60%;}
.twosquarebtn.selectionbtn ul li .textbox{height: 40%;width:100%;margin:0px;display:block;}
.twosquarebtn.selectionbtn ul li .textbox p{font-size: 18px;display:block;}
.twosquarebtn.selectionbtn ul li .textbox p span{display: block;font-size: 14px;font-weight:400;}
.selectionbtn.noimgbtn ul li .textbox{height:100%;}



input[type=checkbox],
input[type=radio] {width:18px;height:18px;font-size:14px;margin:-3px 0px 0px 0px;background:#fff;
    padding: 0;line-height: initial;border-radius:1px; border: 1px #000 solid;outline: 0; background-position: center;background-repeat: no-repeat; background-size: contain;display: inline-block; flex: none;vertical-align: middle;position: relative;cursor: pointer;-webkit-appearance: none; }
input[type=checkbox]:focus,
input[type=radio]:focus{outline:none !important;border:1px #000 solid;}
input[type=checkbox]:checked,
input[type=radio]:checked {background: #a1ff00;color: white;border:1px #000  solid;   }
input[type=checkbox]:checked:after{content:"\e013";line-height: normal;    font-family: "Glyphicons Halflings"; font-weight: 400; top: -1px;position: absolute;color:#000;}

input[type=radio]{border-radius:50%;}
input[type=radio]:checked{border-color:#000;}

.homemsg{ display: table;width: 100%;position: relative;text-align: center; height: 100%;}
.homemsg p{font-size:36px;margin-bottom:50px;}
.homemsg a{font-size: 24px;font-weight: 400;width: 190px;}
.homemsg .aligncenter{display:table-cell;vertical-align:middle;}

.largebtn{width: 330px;margin: 20px auto 0;display: block;padding: 10px;font-weight:600;}
.btn-success {color: #000; background-color: #a1ff00; border-color: #a1ff00;font-weight:600;}

.contactinfo .form-input{margin: 0 0 15px 0;position: relative;}
.contactinfo .form-input.citygroup{width:40%;}
.contactinfo .form-input.stategroup{width:24%;}
.contactinfo .form-input.zipgroup{width:30%;}
.contactinfo .form-input .form-label span{color: #e90707;}
.contactinfo .form-input { border: 1px #ccc solid;  border-radius: 4px;   height: 40px;   padding: 0px;}
.contactinfo .form-input .form-label {font-weight:normal;position: absolute; transition: 0.25s ease; -moz-transition: 0.25s ease; -webkit-transition: 0.25s ease; -o-transition: 0.25s ease; -ms-transition: 0.25s ease; color: #58595e; left: 10px;top: 9px;font-size:16px; }
.contactinfo .form-input input,
.contactinfo .form-input select{height:38px;}
.contactinfo .form-input input,
.contactinfo .form-input select,
.contactinfo .form-input textarea{transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;-ms-transition: 0.3s ease;padding-top: 10px;appearance: none; }
.contactinfo .form-input input:focus + .form-label, .contactinfo input:valid + .form-label,
.contactinfo .form-input select:focus + .form-label, .contactinfo select:valid + .form-label,
.contactinfo .form-input textarea:focus + .form-label, .contactinfo textarea:valid + .form-label{top: -13px; font-size: 10px;color: #097dd9; background:#f2f2f2;height:14px;line-height:24px;}
.contactinfo .form-input input,.contactinfo textarea {font-size:16px; box-sizing: border-box; width: 100%; display: block; border: none; color: #004282; background: #fff; padding: 8px 10px 4px; }
.contactinfo .form-input input:focus, .contactinfo select:focus,.contactinfo textarea:focus {outline:none; }
.contactinfo .form-input select{font-size:16px; box-sizing: border-box; width: 100%; display: block; border: none; background: #fff; padding: 8px 10px 4px;color: #004282;}
.contactinfo .form-input select option{color: #58595b;}
.contactinfo .form-input input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset; }
.contactinfo .form-input textarea,
.contactinfo .textarea-grp{min-height:100px !important; z-index:9;    resize: vertical;}
.contactinfo .textarea-grp{border:none;}
.contactinfo .form-input select{appearance: auto;padding-left:5px;}
.contactinfo .paycardexp{position: relative;display: block;width: 100%;clear: both;height: 40px;}
.contactinfo .form-group.cardgrp{width:48%;float:left;}
.contactinfo .form-group.expgrp{width:26%;float:left;}
.contactinfo .form-group.cvvgrp{width:20%;float:left;}
.showcardno {position: absolute; right: -41px; top: 0; width: 40px;font-size: 18px;margin-top: 8px;text-align:center;cursor:pointer;}

.contactinfo .statecityzip,
.contactinfo .workwebsite{position: relative;display: block;width: 100%;clear: both;height: 40px;}
.contactinfo .form-group.citygrp{width:34%;float:left;margin-right:1%;}
.contactinfo .form-group.stategrp{width:42%;float:left;margin-right:1%;}
.contactinfo .form-group.zipgrp{width:22%;float:left;}
.contactinfo .form-group.phonegrp{width:34%;float:left;margin-right:1%;}
.contactinfo .form-group.websiteurl{width:65%;float:left;}
.contactinfo .address-grp{display:block;height:40px;}
.contactinfo .address-grp .form-group{width:100%;float:left;margin-right:0;} 
.contactinfo .address-grp .form-group.address2{width:100%;float:left;margin-right:0px;}

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
textarea:-webkit-autofill, 
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
select:-webkit-autofill, 
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.createaccount {display:block;max-width: 330px;position: relative;display: block;margin: auto;}
.twogroup{height:55px;position: relative;display: block;}
.twogroup .form-group{width:49%;float: left;}
.twogroup .form-group:first-child{margin-right:2%;}
.haveaccount{ text-align: center; display: block; margin-top: 50px;}
.haveaccount a{text-decoration: underline; color: #337ab7;}
.targetDiv{transition: all 0.5s ease;}
.hidediv{display: none;}
.verifybusiness{width:260px;margin:auto;}
.verifybusiness .selectionbtn ul li{width:100%;}
.verifybusiness p{font-size:12px;text-align:center;    color: #3e3e3e;}
.enterphonenumber input{height:40px;}
.enterphonenumber .form-group{width:330px;margin:30px auto 20px;}
.enterphonenumber p{text-align: center;font-size: 14px;margin-top: 30px;    color: #3e3e3e;}
.enterphonenumber a{text-decoration: underline; color: #337ab7;}
.verifymanual .form-group{width:330px;margin:0 auto 15px;}
.verifysuccess{font-size:24px;padding:50px 0px;text-align:center;}

.phoneverify .form-group{height:40px;}
.phoneverify input{width: 15.4%;float: left;margin-right: 1.5%;padding: 5px;text-align: center;}
.phoneverify input:last-child{margin-right:0px;}
.showbackbtn{position: fixed;bottom: 8px;z-index: 999;height: 30px;line-height: 30px;cursor:pointer;left:15px;}
.showbackbtn:hover{color:#23527c;font-weight:600;}
.createacclogin{border: 1px #ccc solid;width: 380px;margin: auto;background: #fff;overflow: hidden;border-radius: 10px;height: 350px;}
.createacclogin ul li{width:50%;}
.createacclogin ul li a{text-align: center;font-weight: 700;margin: 0;background:#eee;}
.createacclogin ul li.active a{background:#fff;}
.createacclogin .tab-content{padding-top:30px;}
.createacclogin .loginaccount{display:block;width:100%;padding:0 30px;}
.createacclogin .loginaccount h3{margin-top:0px;text-align:center;height:35px;}
.createacclogin .loginaccount button{width:120px;float:right;}
.createacclogin.contactinfo .form-input input:focus + .form-label, 
.createacclogin.contactinfo input:valid + .form-label{background:#fff;}



.leadindustry{width:400px;height:50px;margin:auto;padding-top:40px;}
.leadindustry .form-group{height:34px;}
.leadindustry label{width:100px;float:left;line-height:34px;font-weight:normal;}
.leadindustry select{width:calc(100% - 100px);float:left;}
.leadindustry .largebtn{width:297px;float:right;}
.leadtype{display:block;width:100%;text-align:center;margin-top:40px; position:absolute;   transition: all 0.5s ease;}
.leadtype label{font-size: 20px;margin: 0 40px;color: #686868;}
.leadtype label:hover{color: #000;}
.leadtype label input[type="radio"]{margin-top:4px;}
.leadtype label:hover input[type="radio"]{background:#a1ff00;}

.nationalzone{display:block;width:100%;position:relative;height:100%;}
.nationalzone h3{margin:0px;text-align:center;font-size:20px;padding-bottom:5px;    font-weight:600;}
.rightzone{width:100%;height:calc(100% - 24px);position:relative;display:block;}
.rightzone .nav-tabs{height:40px;border:0px;text-align:center;}
.rightzone .nav-tabs li{width:auto;margin:0 5px;text-align:center;float: inherit;display: inline-block;}
.rightzone .nav-tabs li a{display:block;padding:8px 5px;background:transparent;border:0px;margin:0px;font-weight:600;color: #7a7a7a;}
.rightzone .nav-tabs li.active a{color:#000;background:transparent;margin: 0;border: 0;font-weight:600;}
.rightzone .nav-tabs li a:hover{color:#000;}
.rightzone .nav-tabs li a span.circel{width:18px;height:18px;border-radius:9px;background:#fff;border: 1px #8b8989  solid;position: relative;float: left;margin-right: 5px;}
.rightzone .nav-tabs li.active a span.circel{background:#a1ff00;}
.rightzone .tab-content{height:calc(100% - 40px);}
.rightzone .tab-content .tab-pane{text-align:center;height:100%;}
.padlr0{padding:0px;}
.mtop15{margin-top:15px;}

.nobold{font-weight:400 !important;}
.byzonearea{display: block;width: 100%;position: relative;clear: both;height: 100%;max-width:65%;margin:auto;padding-top:10px;}
.byzonearea h3{font-size:16px;padding-bottom:5px;padding-top:10px;}
.byzonearea h4{font-size:16px;margin-bottom:0px;}
.byzonearea h4 span{font-weight:600;}
.byzonearea .col-sm-5,
.byzonearea .col-sm-2{height:100%;}
.byzonearea .selectedarea{display: block;font-weight:600;border: 8px #30c8cd solid;height:calc(100% - 70px);box-shadow: 1px 1px 14px #9f9e9e;padding:10px 5px;width: 100%;max-width:205px;position: relative;background:#fff; border-radius: 10px;overflow:auto;}
.byzonearea .removeareabox{display: block;height: calc(100% - 70px);width: 100%;max-width:205px;margin-top:32px;position: relative;overflow:hidden;}
.byzonearea .removalarea{display: block;height:calc(100% - 60px);padding:10px 5px;border: 1px #000 solid;width: 100%;max-width:205px;position: relative;background:#fff; border-radius: 10px;overflow:hidden;}
.byzonearea .removalarea .scrollbox{height: 100%;position: relative;display: block;overflow: auto;}
.byzonearea .movearea{margin-top:100px;}
.byzonearea .movearea .btn{width:100%;display:block;}
.byzonearea .movearea .removeareabtn{margin-bottom:15px;}
.byzonearea .col-sm-5 ul{margin:0px;padding:0px;list-style:none;}
.byzonearea .col-sm-5 ul li{display:block;width:100%;height:20px;font-size:14px;text-align:left;margin:4px 0px;cursor:pointer;padding-left:5px;}
.byzonearea .col-sm-5 ul li:hover{background:#cbf1f3;}
.byzonearea.countyzone .removeareabox{margin-top:5px;height: calc(100% - 90px);}
.byzonearea.countyzone .removalarea1{height:calc(100% - 130px);}
.byzonearea .form-group{height:30px;margin-bottom:0px;margin-top:15px;margin-left:-15%;width:130%;z-index: 9;position: relative;}
.byzonearea .form-group label{width:110px;float:left;font-weight:normal;margin:0px;line-height:30px;}
.byzonearea .form-group select{width:calc(100% - 110px);float:left;height:30px;padding:0px;}
.uploadzipcodebox .form-group{margin:15px 0px;height:auto;width:100%;}
.uploadzipcodebox .form-group input[type=file]{margin:20px 0px;}
.uploadzipcodebox .form-group input[type=submit]{width:120px;}





.followuppage .twosquarebtn.selectionbtn ul li .textbox{padding-top:25px;}
.followuppage ul li .textbox h4{border-top: 1px #7e7e7e solid;padding-top: 10px;text-align: center;color: #004282;font-weight:600;font-style: italic;}
.followuppage ul li .textbox h5{font-size:18px;margin:0px;text-align:left;line-height:normal;}
.followuppage ul li .textbox h5 span{font-weight:600;font-style: italic;}
.leadpricingpage .title{height:60px;}
.leadpricingpage .title h4{font-size:16px;color:#004282;font-weight:600;margin-top:4px;}
.leadpricingpage .leadpricingbtn{display: table;width: 100%; max-width: 440px;margin: 20px auto;clear: both;}
.leadpricingpage .leadpricingbtn .selectionbtn ul li label{height:85px;}
.leadpricingpage .leadpricingbtn .selectionbtn ul li .textbox{margin:0px;width:100%;text-align:center;}
.leadpricingpage .leadpricingbtn .selectionbtn ul li .textbox p{font-weight:400;}
.leadpricingpage .leadpricingbtn .selectionbtn ul li .textbox p span{display:block;font-weight:600;font-size:16px;}
.leadpricingpage .formcall{position:relative;height:30px;width:440px;margin:auto;display:block;}
.leadpricingpage .formcall:after{content: "";height: 1px; position: absolute;width: 60%; background: #000;left: 0;top: 5px;right: 0;margin: auto;}
.leadpricingpage .formcall:before{content:"";height:5px;width:1px;background:#000;position:absolute;top:0;left:50%;}
.leadpricingpage .formcall ul{margin:0px;padding:0px;list-style:none;position:relative;}
.leadpricingpage .formcall ul:after{content:"";height:7px;width:1px;background:#000;position:absolute;top:6px;left:88px;}
.leadpricingpage .formcall ul:before{content:"";height:7px;width:1px;background:#000;position:absolute;top:6px;right:88px;}
.leadpricingpage .formcall ul li{width:50%;text-align:center;float:left;padding-top: 15px;font-weight:600;}
.leadpricingpage .selectleadtype .radio-inline span{display:block;font-size:14px;}
.leadpricingpage .selectleadtype .radio-inline span sup{text-decoration: underline;}
.leadpricingpage .selectleadtype .orless{cursor:pointer;display:block;font-size:14px;color:#2196F3;text-decoration:underline;padding-left:20px;clear:both;width:175px;}
.leadpricingpage .selectleadtype .orless:hover{color:#FF9800;}
table{width:100%;}
.leadcriteria{display:block;width:500px;margin:auto;}
.leadcriteria td{padding:5px 0px;}
.leadcriteria td:first-child{width:60%;}
.leadcriteria td:last-child{width:40%;}
.leadcriteria td label{font-weight:normal;color:#686868;cursor:pointer;}
.leadcriteria td label:hover{color:#000;}
.leadcriteria td label:hover input[type="checkbox"]{background:#a1ff00;}
.leadcriteria td select{padding:0px;height:30px;text-align:center;}

.leadschedulearea{max-width: 670px;display: block;width: 100%;position: relative;margin: auto;}
.leadschedulearea .checkbox input{ float: left; position: relative; margin-top: 3px; margin-right: 5px;}
.leadschedulearea .checkbox label{float:left;}
.leadschedulearea .checkbox label:hover input{background:#a1ff00;}
.leadschedulearea .timeschedule{display:none;width:100%;max-width:600px;position:relative;background:#f7f7f7;border:1px #000 solid;padding:10px 20px;margin-left:40px;}
.leadschedulearea .presetSchedulebox.showbox{display:block;}
.leadschedulearea .customschedule.customtime{display:block;}
.leadschedulearea .timeschedule table td{padding-top:10px;}
.leadschedulearea .timeschedule table td:nth-child(2),
.leadschedulearea .timeschedule table td:nth-child(4){border-bottom:1px #000 solid;text-align:center;width:105px;}
.leadschedulearea .timeschedule table td:nth-child(3){width:30px;text-align:center;}
.leadschedulearea .timeschedule table td:nth-child(5){padding-left:30px;width:130px;}
.leadschedulearea .timeschedule table td input[type=checkbox]{margin-top:-3px;background: #fff;border-color: #525151;}
.leadschedulearea .timeschedule table td  input[type=time]{width:100%;border:0;outline:none;background:transparent;text-align:center;}
.leadschedulearea .timeschedule table td  input[type=time]:focus{outline:none;}


input.timepicker{text-align:center;border:0px;background:transparent;font-size:14px;padding:0px;margin:0px;width:100%;}
input.timepicker:hover{cursor:pointer;font-weight:600;}
.wickedpicker {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.44), inset 0 -1px 2px rgba(14, 41, 57, 0.15); background: #fefefe; margin: 0 auto; border-radius: 0.1px; width: 270px; height: 130px; font-size: 14px; display: none; z-index:99999;}
.wickedpicker__title { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); position: relative; background: #f2f2f2; margin: 0 auto; border-bottom: 1px solid #e5e5e5; padding: 12px 11px 10px 15px; color: #4C4C4C;font-size: inherit; }
.wickedpicker__close { -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%);  transform: translateY(-25%); position: absolute; top: 25%; right: 10px;color: #34495e; cursor: pointer; font-size:28px;}
.wickedpicker__close:before {content: '\00d7'; }
.wickedpicker__controls {padding: 10px 0;line-height: normal; margin: 0; }
.wickedpicker__controls__control, .wickedpicker__controls__control--separator { vertical-align: middle;display: inline-block;  font-size: inherit;  margin: 0 auto;  width: 35px;  letter-spacing: 1.3px; }
.wickedpicker__controls__control-up, .wickedpicker__controls__control-down {color: #34495e;position: relative;display: block;margin: 3px auto;font-size: 18px; cursor: pointer; }
.wickedpicker__controls__control-up:before {content: '\e113'; }
.wickedpicker__controls__control-down:after {content: '\e114'; }
.wickedpicker__controls__control--separator {width: 5px; }
.text-center, .wickedpicker__title, 
.wickedpicker__controls, 
.wickedpicker__controls__control, 
.wickedpicker__controls__control--separator, 
.wickedpicker__controls__control-up, 
.wickedpicker__controls__control-down {text-align: center; }
.hover-state {color: #3498db; }
.fontello:before, .wickedpicker__controls__control-up:before, 
.fontello-after:after, .wickedpicker__controls__control-down:after {font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; speak: none;display: inline-block;text-decoration: inherit; width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.clearable-picker { position: relative; display: inline-block; }
.clearable-picker > .hasWickedpicker {  padding-right: 1em; }
.clearable-picker > .hasWickedpicker::-ms-clear { display: none; }
.clearable-picker > [data-clear-picker] { position: absolute;  top: 50%;  right: 0;  transform: translateY(-50%);  font-weight: bold;  font-size: 0.8em;  padding: 0 0.3em 0.2em;  line-height: 1;  color: #bababa;  cursor: pointer; }
.clearable-picker > [data-clear-picker]:hover {  color: #a1a1a1; }

.leaddelivery table {font-size:16px;width:90%;margin:auto;}
.leaddelivery table th{text-align:center;border-bottom:1px #000 solid;font-weight:normal;}
.leaddelivery table td{padding:15px 5px;}
.leaddelivery table td:nth-child(1){width:230px;}
.leaddelivery table td:nth-child(3){width:150px;}
.leaddelivery table td:last-child{text-align:center;width:90px;}
.leaddelivery table td:last-child input{text-align:center;padding:5px;}
.timeframebox{display: block;width: 100%;position: relative;margin: 70px 0;padding:0 30px;}
.timeframebox .selectionbtn ul li{width:29.3%;margin:0 2%;}
.timeframebox .selectionbtn ul li label{height:100px;}
.timeframebox .selectionbtn ul li .textbox{height:100%;width:100%;}
.billingbox{display:block;width:100%;max-width:400px;margin:auto;padding-top:40px;}
.billingbox table td{vertical-align:top;padding-bottom:20px;}
.billingbox table td p{margin:0px;}
.billingcircle{color:#a1ff00;cursor:pointer;margin-left:30px;width:20px;height:20px;}
.billingcircle:hover{color:#000;}
.businessinfo{max-width:600px;width:100%;position:relative;display:block;margin:25px auto 0;}
.businessinfo .form-group input[type="checkbox"]{margin-left:48px;}
.businessinfo .radioaddress{height:25px;}
.businessinfo .radioaddress label{width:50%;font-weight:normal;float:left;}
.billingpage .billingarea{width:650px;margin:auto;position:relative;}
.billingpage .billingarea h3{font-size:20px;font-weight:bold;}
.billingpage .billingarea td{position:relative;padding:3px 0px;}
.billingpage .billingarea td:first-child:after{content:"";left:0;z-index:0;bottom:10px;position:absolute;height:1px;width:100%;border-bottom:1px #ccc dashed;}
.billingpage .billingarea td p{float:left;font-weight:500;margin: 0;background: #f2f2f2;z-index:1;position: relative;display: inline-block;width: auto;height: 24px;}
.billingpage .billingarea td .billprice{float: right; background: #f2f2f2; height: 24px;position: relative; z-index: 1;}
.billingpage .billingarea td.total:after{display:none;}
.billingpage .billingarea td.total p{float:right;font-weight:bold;text-align:right;border-top: 1px #000 solid;border-bottom: 1px #000 solid;}
.visitermsg{display:block; width: 100%;position: relative;max-width: 660px; margin: auto;}
.visitermsg .selectionbtn ul li .textbox{width:100%;}
.visitermsg .form-group{margin:0 3%;}
.visitermsg .form-group label{font-weight:normal;color:#6f99c5;margin-top:10px;}
.visitermsg .form-group textarea{height:250px;}
.visitermsg .edit{float:right;margin-top:4px;cursor:pointer;font-weight:bold;}
.visitermsg .edit:hover{color:#6f99c5;}
.paymentarea{max-width: 560px;display: block;margin: auto;}
.paymentarea .selectionbtn ul li{}
.paymentarea .selectionbtn ul li label.achbankcard{height:110px;}
.paymentarea .selectionbtn ul li label.achbankcard .textbox{width:100%;height:100%;margin:0px;}
.paymentarea .selectionbtn ul li label.achbankcard .textbox span.totalpay{padding-top:7px;}
.paymentarea .selectionbtn ul li label.achbankcard .textbox span.nobold{font-weight:400;}
.paymentarea .selectionbtn ul li.activeli .cardform{display:block;}
.paymentarea .cardform{display:none;width:100%;position:relative;padding-top:20px;}
.paymentarea .cardform .cardexpgrp,
.paymentarea .cardform .cardcvvgrp{width:49%;float:left;}
.paymentarea .cardform .cardexpgrp{margin-right:2%;}
.paymentarea .cardform ul{margin:0px;padding:0px;list-style:none;text-align:center;}
.paymentarea .cardform ul li{margin:3px;display:inline-block;width:44px;    float: inherit;}
.paymentarea .cardform ul li img{width:100%;}
.paymentarea .selectionbtn ul li .contactinfo .form-control{height:38px;}
.paymentarea .selectionbtn ul li .contactinfo label{height: 14px; border: 0;box-shadow: none;border-radius: 0; width: auto;margin: 0;    overflow: initial;}
.paymentarea .selectionbtn ul li .contactinfo .form-group.routingrp{width:85%;}
.paymentarea .selectionbtn ul li .contactinfo .form-group.routingrp .eyebox{position: absolute;right: -34px;top: 2px;font-size: 24px;}
.paymentarea .selectionbtn ul li .contactinfo.creditinof .form-group .eyebox{position: absolute;right: -30px;top: 10px;cursor: pointer;}
.paymentarea .selectionbtn ul li .contactinfo.creditinof .form-group .form-control{padding-top:10px;}
.paymentarea .selectionbtn ul li .contactinfo .form-group .eyebox:hover{color: #2196F3;}

.summarydetails{position:relative;display:block;width:100%;height: calc(100% - 90px);}
.summarydetails h3{font-size: 13px; background: #999797;margin:0px 0 10px;padding: 4px; color: #fff;font-weight:600;display: inline-block;min-width: 140px;}
.summarydetails .bdrleft{border-left:1px #000 solid;}
.summarydetails .bdrright{border-right:1px #000 solid;}
.summarydetails .ordcol3 .summarybox{padding-left:15px;}
.summarydetails .ordcol3 h3{margin-left:15px;}
.summarydetails .summarybox{display:block;width:100%;margin-bottom:5px;}
.summarydetails .summarybox h4{font-size: 18px;font-weight:600;margin: 0;}
.summarydetails .summarybox ul{margin:0px;padding:0px;list-style:none;}
.summarydetails .summarybox ul li{font-size:11px;}
.summarydetails .col-md-3{height:100%;}
.summarydetails .havequestion{position: absolute; bottom: 50px;text-align: center;font-weight:600;}
.summarydetails .havequestion a{color:#000;text-decoration:none;}
.panel-footer .verifyinfo{text-align:center;padding-top:6px;    position: absolute;left: 0; right: 0;width:72%;margin:auto;font-weight:500;font-size:18px;}
.panel-footer .verifyinfo a{color: #337ab7;text-decoration: underline;width: auto;text-align: inherit;height: inherit;text-transform: capitalize;   float: inherit;}
.summarydetails .padtop30{padding-top:32px;}
.summarydetails .totalsummary{display:block;width:100%;position:relative;text-align:center;}
.summarydetails .totalsummary h4{ font-weight:600;margin:0px;font-size:18px;}
.summarydetails .totalsummary p{}
.pad0{padding:0px;}
.thankyoupage h3{margin:0px;padding:0px;text-align:center;font-weight:bold;}
.thankyoupage .thankutop{display:block;width:100%;position:relative;padding:60px 15px 15px 15px;}
.thankyoupage .thankutop h4{font-size:20px;font-weight:bold;text-align:center;}
.thankyoupage .thankutop h3{margin-bottom:15px;}
.thankyoupage .thankutop p{width: 530px;margin:40px auto;text-align: left;font-size:18px;}
.thankyoupage .thankutop .nextstep{padding-top:30px;font-size:18px;text-align:center;}
.panel .panel-footer a.onboarding_btn_next{width:240px;}
.roofingbox {max-width: 600px;margin: auto;padding-top: 50px;}
.roofingbox p{font-size:19px;margin-bottom:15px;text-align:center;}
.roofingbox.selectionbtn ul li label{height:100px;}
.roofingbox.selectionbtn ul li .textbox{width:100%;margin:0px;}
.roofingbox.selectionbtn ul li .textbox p{display:block;}
.roofingbox.selectionbtn ul li .textbox .orderbtn{width: 120px;margin: 10px auto;background: #a1ff00;border-radius: 15px;text-align: center;}
.roofingbox.selectionbtn ul li label:hover .orderbtn{background:#92dd12;color:#fff;}
.roofingbox .logout{text-align: center;text-decoration: underline;font-size: 18px;margin-top: 30px;}
.roofingbox .logout a{color:#000;text-decoration:none;}
.roofingbox .logout a:hover{color:#8fdf09;}

.roofingpage1 .roofingbox.selectionbtn ul li label{height:200px;}
.roofingpage1 .roofingbox.selectionbtn ul li .textbox{width:100%;margin:0px;height:100%;}
.roofingpage1 .roofingbox.selectionbtn ul li .textbox p{display:block;}
.roofingpage1 .roofingbox.selectionbtn ul li:first-child .textbox p{margin-top:40px;}
.roofingpage1 .roofingbox.selectionbtn ul li .textbox h5{font-size:13px;line-height:normal;}

.resetbg{background:url(../images/resetpassword.jpg);background-size: cover;background-position: bottom;}
.resetpage{background: #fff;border-radius: 10px;height: 330px; width: 300px; margin: auto; position: absolute;top: 0;bottom: 0;right: 5%;box-shadow: 0px 0px 30px #484646;}
.resetpage .contactinfo{padding:30px;}
.resetpage .contactinfo .form-input{margin-bottom:20px;width:calc(100% - 10px);}
.resetpage .resetlogo{display: block;width: 200px;margin:auto;text-align: center;position: relative;height: 90px;overflow: hidden;}
.resetpage .resetlogo img{max-width:100%;width:auto;max-height:100%;height:auto;margin:auto;display:block;}
.resetpage button{margin-top:20px;}
.resetpage button.right{float:right;margin-right:10px;}
.resetpage .contactinfo .form-input input:focus + .form-label, 
.resetpage .contactinfo input:valid + .form-label{background:#fff;}
.resetpage .eyebox{position: absolute; right: -25px;top: 8px;cursor: pointer;width: 25px;text-align: center;height: 23px;color:#9f9b9b;}
.resetpage .eyebox:hover,
.resetpage .eyebox.active{color:#000;}


.askquestionmodal .close{width: 30px;height: 30px;border-radius: 15px;background: #ccc;position: absolute;right: -8px;top: -8px;z-index: 9999;opacity: 1;line-height: 26px;margin: 0;}
.askquestionmodal .close:hover{background: #03A9F4;}
.askquestionmodal .modal-body{display:table;width:100%;padding:0px;}
.askquestionmodal .askleftbox{width: 270px;overflow: hidden;float: left;position: relative; height: 100%;overflow:hidden;}
.askquestionmodal .askleftbox h2{margin: 0;padding: 0;text-align: center; height: 70px; line-height: 70px;font-weight:600;font-size: 24px;}
.askquestionmodal .askleftbox .askpic{display:block;width:100%;overflow:hidden;height:255px;position:relative;}
.askquestionmodal .askleftbox .askpic img{width:100%;}
.askquestionmodal .askleftbox .asklogo{position:absolute;right:10px;bottom:80px;height:70px;width:70px;overflow:hidden;}
.askquestionmodal .askleftbox .asklogo img{width:auto;height:auto;max-width:100%;max-height:100%;display:block;margin:auto;}
.askquestionmodal .askleftbox .askdetail{position: relative;display: block;width: 100%;padding: 20px;}
.askquestionmodal .askleftbox .askdetail h3{margin: 0;padding: 0;font-size: 20px;font-weight:600;}
.askquestionmodal .askleftbox .askdetail p{margin: 0;font-style: italic;font-size:14px;}
.fontbold{font-weight:600;}
.askquestionmodal .askrightbox {width:calc(100% - 270px);right:0;visibility:visible;float:left;height:426px;overflow:hidden;background:#e6e6e6;padding:15px 30px;border-bottom-right-radius:6px;}
.askquestionmodal .askrightbox .carousel-inner, 
.askquestionmodal .askrightbox .item{height:100%;}
.askquestionmodal .askrightbox .bdrbg{background:#fff;border:2px #919191 solid;padding:10px;border-radius:10px;}
.askquestionmodal .askrightbox ul{margin:0px;padding:0px;list-style:none;}
.askquestionmodal .askrightbox ul li{width:100%;display:table;}
.askquestionmodal .askrightbox .fa-solid{font-size: 30px;color: #6c6b6b;margin:0 10px;}
.askquestionmodal .askrightbox .askcallus{width: 35%; float: left;height:122px;}
.askquestionmodal .askrightbox .askcallus .fa-solid{transform: rotate(-20deg);}
.askquestionmodal .askrightbox .askcallus h3{font-size: 20px;text-align: center;/*margin-top: 50px;*/}
.askquestionmodal .askrightbox .askcallme{    width: calc(65% - 15px);float: left;margin-left: 15px;}
.askquestionmodal .askrightbox .askcallme li:nth-child(1){text-align:center;margin-bottom:10px;}
.askquestionmodal .askrightbox .askcallme li:nth-child(1) .fa-solid{transform: rotate(-148deg);}
.askquestionmodal .askrightbox .askcallme li:nth-child(2){padding-right:100px;line-height: normal; margin-bottom: 5px;}
.askquestionmodal .askrightbox .askcallme input[type=text]{width:73%;float:left;margin-right:2%;}
.askquestionmodal .askrightbox .askcallme button{width:25%;float:left;}
.askquestionmodal .askrightbox .askcallme li:nth-child(4){margin-top:15px;font-size:12px;}
.askquestionmodal .askrightbox .asksendmsg{width:100%;display:table;margin:13px 0;}
.askquestionmodal .askrightbox .asksendmsg .askformtitle {display: block;height: 45px; text-align: center;}
.askquestionmodal .askrightbox .asksendmsg.contactinfo .form-input{height:30px;}
.askquestionmodal .askrightbox .asksendmsg.contactinfo .form-input input{height:28px;}
.askquestionmodal .askrightbox .asksendmsg.contactinfo .form-input .form-label{top:4px;font-size:14px;}
.askquestionmodal .askrightbox .asksendmsg.contactinfo .form-input input:focus + .form-label, 
.askquestionmodal .askrightbox .asksendmsg.contactinfo input:valid + .form-label,
.askquestionmodal .askrightbox .asksendmsg.contactinfo .form-input textarea:focus + .form-label, 
.askquestionmodal .askrightbox .asksendmsg.contactinfo textarea:valid + .form-label{background:#fff;top:-13px;font-size:10px;}
.askquestionmodal .askrightbox .asksendmsg.contactinfo .textarea-grp{height:120px;}
.askquestionmodal .askrightbox .asksendmsg.contactinfo .textarea-grp textarea{height:100%;border:1px #ccc solid;resize:none;}
.askquestionmodal .askrightbox .asksendmsg button{width:120px;display:block;margin:auto;}
.askquestionmodal .askrightbox .askzoom a.btn{margin-left:100px;}
.askquestionmodal .askrightbox .askzoom a.btn{margin-left:100px;}
.askquestionmodal .askrightbox .calendybox{height:calc(100% - 50px);position:relative;display:block;background:#fff;}
.askquestionmodal .askrightbox .askbackbtn{margin-top:20px;width:100px;display:block;}



.centermodal.modal.in {display:flex !important;}
.centermodal .modal-dialog{margin: auto;}
.fade-scale {transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;}
.fade-scale.in {opacity: 1; transform: scale(1);}


.selectleadtype,.selectleadquantity{display: table;width: 100%;position: relative;margin-top: 24px;}
.selectleadtype .col-md-3,.selectleadquantity .col-md-3{width:30%;}
.selectleadtype .col-md-3 label,.selectleadquantity .col-md-3 label{font-weight:normal;font-size:18px;text-align:right;display:block;}
.selectleadtype .col-md-3 label span,
.selectleadquantity .col-md-3 label span{display:block;font-weight:bold;text-transform:uppercase;}
.selectleadquantity .col-md-3 label{padding-top:20px;}
.selectleadtype .col-md-9,.selectleadquantity .col-md-9{width:70%;text-align:center;}
.selectleadtype .radio-inline{text-align: center;font-size: 18px;float:left;clear:both;}
.selectleadtype .radio-inline input{margin-left:-26px;margin-top:3px;}
.selectleadquantity{display:none;}
.selectleadquantity.slqshow{display:block;}
.customleads.sustleadshow{display:block;}
.selectleadquantity .selectionbtn ul li{width: 31%;margin: 0 1%;}
.selectleadquantity .selectionbtn ul li label{height:130px;border-color: transparent;background: transparent;}
.selectleadquantity .selectionbtn ul li label:hover,
.selectleadquantity .selectionbtn ul li label a:hover,
.selectleadquantity .selectionbtn ul li.activeli label,
.selectleadquantity .selectionbtn ul li.activeli label a{border-color:#a1ff00;}
.selectleadquantity .selectionbtn ul li label a{background: #fff;  border-color: #8b8b8b;}
.selectleadquantity .selectionbtn ul li label h4{margin: 0;font-weight:bold;padding-top:7px;}
.selectleadquantity .selectionbtn ul li label p{width: 100%; font-size:14px;display: block; line-height: 22px;font-weight:500;margin-top:3px;}
.selectleadquantity .selectionbtn ul li label .textbox{width: 100%; display: block;margin: 0;height:67px;}
.selectleadquantity .selectionbtn ul li label .bluebg{height: 50px;background: #a1ff00;color: #121111;line-height: normal;font-weight: bold;margin: 0px 5px;border-radius: 8px;padding: 3px;}
.selectleadquantity .selectionbtn ul li label .bluebg p{margin: 0;font-size: 12px;font-weight: bold;}
.selectleadquantity .selectionbtn ul li label sup{text-decoration:underline;}
.customleads{display:none;position: relative;cursor: pointer;color: #004282; font-size: 18px;height: 30px;clear: both;width: calc(100% - 33%);margin: 0 0 0 33%;text-align: center;}
.customleads:hover{color:#000;}
.customleads span{text-decoration:underline;}
.customleads.custleadshow{display:block;}
.customquantitymodal .button.close{}
.customquantitymodal .modal-body{text-align:center;padding:15px 50px;}
.customquantitymodal h3{font-size: 26px;font-weight:600;margin-bottom: 60px;}
.customquantitymodal .modal-body table{margin-bottom:60px;}
.customquantitymodal td{padding: 10px;font-size: 20px;}
.customquantitymodal select{text-align:center;}
.customquantitymodal button.close{cursor:pointer;z-index:9;width: 30px;height: 30px; position: absolute;right: -10px;top: -10px; background: #fff;opacity: 1;border-radius: 15px;line-height: 10px;}
.customquantitymodal button.close:hover{background:#fb8f8f;}
.customquantitymodal button{width: 120px;font-size: 18px;margin-bottom: 30px;}


.summarydetails{padding-top:10px;color:#303030;border-radius:8px;}
.summarydetails .row{padding:0 30px 0 15px;}
.summarydetails h4{min-width:270px;margin: 0;height: 30px;font-size: 16px;text-transform: uppercase; background: #b3b3b3;color:#fff;display: inline-block;line-height: 30px;padding: 0 15px;}
.summarydetails p{margin:0px;}
.summarydetails .sumorderinfo{position:relative;background: #fff; padding-top: 10px; padding-bottom: 10px; min-height: 210px; margin-bottom: 10px;}
.summarydetails .sumorderinfo:first-child:after{content:"";width: 30px; position: absolute; right: -20px; height: 100%;background: #f2f2f2;top: 0;}
.summarydetails .col-md-6 h4{min-width:260px; font-weight:600;font-size:18px;}
.summarydetails .col-md-6 ul{margin:0px;padding:10px 0px;list-style:none;}
.summarydetails .col-md-6 ul li{display:block;width:100%;}
.summarydetails .col-md-6 ul li p{float:left;min-width:140px;}
.summarydetails .col-md-12{background:#fff;padding-top:10px;padding-bottom:10px;}
.summarydetails .summarybox{background:#f7f7f7;display: table;width: 100%;position: relative;padding: 20px;border: 1px #b3b3b3 solid;border-radius: 15px;margin:15px 0px 40px;}
.summarydetails .summarybox h4{position: absolute;top: -15px;left: -1px;}
.summarydetails .summarybox table{margin-top:10px;background: #fff; margin-bottom: 0;}
.summarydetails .summarybox table td{border-color:#b3b3b3;}
.summarydetails .summarybox table td:first-child{font-weight:600;}
.zipsummary ul{margin:0px;padding:0px;list-style:none;}
.zipsummary ul li{width:10%;text-align:left;margin:5px 0px;float:left;}
.zipsummary .totalzip{display: block;padding: 10px 0;font-size: 18px;}
.summarydetails .summarybox table.firsttd35 td:first-child{width:35%;}
.summarydetails .summarybox table.firsttd60 td:first-child{width:60%;}
.summarydetails .summarybox ul.billingli{list-style: disc;padding-left: 15px;margin-top: 20px;}
.summarydetails .summarybox ul.billingli li{font-size:16px;margin-top:10px;}

#termsandconditions .modal-dialog {height: 100%;max-height: 590px;}
#termsandconditions .modal-header{height:50px;padding:5px;text-align:center;}
#termsandconditions .modal-header h4{font-size:24px;margin:0px;font-weight:600;}
#termsandconditions .modal-content{height:100%;padding:10px 5px 10px;}
#termsandconditions .modal-content .modal-body{height:100%;overflow:auto;padding:15px 25px;}
#termsandconditions .modal-content .content{text-align:left;}
#termsandconditions .modal-content .modal-body h3{text-align:center;margin:0px;}
#termsandconditions .modal-content .content h2{    text-align: center;margin-top: 0;font-size: 20px;}
.leaddelivery #lead_delivery_form input[type=checkbox]:checked:after {right: 1px;}



.membershippage .membertitle{display: block;width: 100%;text-align: center;}
.membershippage .membertitle h3{margin:0px; font-size: 18px;font-weight: 700;text-transform:uppercase;color:#0173bc;}
.membershippage .membertitle p{font-weight:600;margin-bottom:5px;padding-top:5px;}
.membershippage .membershipbox{display: block;width: 66%;border: 1px #000 solid; border-radius: 10px;background: #fff; margin:10px 0 0;padding: 15px;float:left;}
.membershippage .membershipbox h3{font-weight:bold;text-align:center;margin:0px;}
.membershippage .membershipbox h4{margin: 0;font-size: 16px;font-weight: 600; color: #0e7cd3;}
.membershippage .membershipbox ul li{font-size:13px;font-weight: 500;color: #323232;position:relative;padding:3px 0px;}
.membershippage .membershipbox .wewill{width:420px;margin:auto;}
.membershippage .membershipbox .wewill ul{margin:0px;padding:0px;list-style:none;}
.membershippage .membershipbox .wewill li{padding-left:20px;}
.membershippage .membershipbox .wewill li:after{content:"\f00c";font-family: "Font Awesome 6 Free";font-weight: 900;position:absolute;left:2px;}
.membershippage .membershipbox .wedo{display: table;width: 100%; margin: auto;padding-top: 15px;}
.membershippage .membershipbox .wedo ul{padding-left:20px;}
.membershippage .membershipbox .wedo li{width:40%;float:left;}
.membershippage .membershipbox .wedo li:nth-child(2n + 1) {width:60%;}
.membershippage .membershipbox .wedo th{font-weight: 600; color: #0e7cd3;font-size:18px;}
.membershippage .membershipbox .wedo td{padding:3px 4px;position:relative;}
.membershippage .membershipbox .wedo td:last-child{width:30%;}
.membershippage .membershipbox .wedo p{margin:0px;background:#fff;position:relative;height:24px;z-index: 1;width: auto;display: inline-block;}
.membershippage .membershipbox .wedo td:first-child:after{content:"";position:absolute;left:0;bottom:6px;height:1px;width:100%;border-bottom:1px #ccc dashed;}
.membershippage .membershipbox .wedo p:before{content:"\f14a";font-family: "Font Awesome 6 Free";font-weight: 400;padding-right:15px;color:#8BC34A;}
.membershippage .membershipbox h5{font-weight:bold; text-align: center;margin: 0;padding-top: 10px;}
.membershippage .selectionbtn{width: 580px; margin: -5px auto 0; position: absolute;  left: 0;right: 0;}
.membershippage .selectionbtn ul li label{height:40px;}
.membershippage .selectionbtn ul li label a{display: block; width: 100%;height: 100%; text-transform: capitalize; border-radius: inherit; text-align: initial;}
.membershippage .selectionbtn ul li .textbox{width:100%;height:36px;padding-left:32px;}
.membershippage .selectionbtn ul li .textbox p{text-align:left;}
.membershippage .selectionbtn ul li .chkbox{top: 0px; margin: 7px 10px;}
.membershippage .memberbonus{background:#ffffcc;float: left;   width: 30%;   margin:34px 0 40px 4%;border-radius: 15px;overflow: hidden; border: 2px #000 solid;}
.membershippage .memberbonus h3{background: #000; margin: 0; color: #fff;text-align: center;  font-size: 18px;padding: 10px 5px;  line-height: normal;height: 62px;  font-weight: 500;}
.membershippage .memberbonus ul{margin:0px;padding:10px;list-style:none;}
.membershippage .memberbonus ul li{position: relative;padding-left: 18px; line-height: 28px;font-weight: 500;} 
.membershippage .memberbonus ul li:after{content:"\f45c";font-family: "Font Awesome 6 Free"; font-weight:900;transform: rotate(45deg); position: absolute; font-size: 8px;   left: 0;}
.membershippage .non-refund{position: relative; clear: both;margin-right: 34%; text-align: center;font-size: 16px;padding-top: 12px;font-style: italic;}

.orlessmodal .modal-dialog{ max-width: 1220px; width: 100%;}
.orlessmodal .modal-dialog .modal-header,
.orlessmodal .modal-dialog .modal-footer{background:#004282; height:60px;}
.orlessmodal .modal-dialog .modal-footer button{display:block;margin:auto;background: transparent;color: #fff;border-radius: 15px;width: 130px;height: 30px;line-height: 18px;}
.orlessmodal .modal-dialog .modal-header h4{font-size:18px;color:#fff;text-align: center;margin: 0;line-height: 30px;}
.orlessmodal .modal-dialog .modal-body{background:#cbd4dc;height:540px;padding:20px;}
.orlessmodal .modal-dialog .modal-body h5{font-size:24px;line-height:34px;text-align:center;}
.orlessmodal .modal-dialog .modal-body p{margin:0px;font-size:18px;text-align:center;}
.orlessmodal .modal-dialog .modal-body .orlesstable{ background: #fff;border-radius: 20px;width: 725px;margin:30px auto;}
.orlessmodal .modal-dialog .modal-body .orlesstable table{text-align:center;font-size:18px;}
.orlessmodal .modal-dialog .modal-body .orlesstable th{padding:15px 5px 10px;}
.orlessmodal .modal-dialog .modal-body .orlesstable th:nth-child(1){width:30%;}
.orlessmodal .modal-dialog .modal-body .orlesstable th:nth-child(2){width:25%;}
.orlessmodal .modal-dialog .modal-body .orlesstable th:nth-child(3){width:45%;}
.orlessmodal .modal-dialog .modal-body .orlesstable th h4{margin: 0;padding-bottom: 5px;font-size: 18px;}
.orlessmodal .modal-dialog .modal-body .orlesstable th span{font-size: 14px;font-weight: normal;}
.orlessmodal .modal-dialog .modal-body .orlesstable th,
.orlessmodal .modal-dialog .modal-body .orlesstable td{vertical-align:middle;text-align:center;border-left:8px #cbd4dc solid;border-bottom:4px #cbd4dc solid;border-color:#cbd4dc;}
.orlessmodal .modal-dialog .modal-body .orlesstable th:first-child,
.orlessmodal .modal-dialog .modal-body .orlesstable td:first-child{border-left:0;}
.campaignstartbox{cursor:pointer;width: 350px; height: 115px; background: #a1ff00;position: absolute;left: 0;right: 0; margin: auto; bottom: 0; top: 0; border-radius: 20px;}
.campaignstartbox p{margin: 0;line-height: 115px; text-align: center; font-size: 30px;font-weight: bold;}
.campaignstartbox:hover{background:#FFEB3B;}




@media (max-width:1660px){

	input[type=checkbox]{width:16px;height:16px;font-size:11px;}
	.leadschedulearea h3{margin:0px;}

}

@media (max-width:1440px){
	.pplarea{height:570px;}
	.pplnav ol li{height:27px;line-height:27px;font-size:14px;}
	.pplnav ol li.active{height:27px;}
	input[type=checkbox]{width:14px;height:14px;}
	.leadschedulearea .timeschedule table td {padding-top: 5px;}
	.confirmationpage  .title{height:35px;}
	.summarydetails {height: calc(100% - 55px);}
	.summarydetails .summarybox ul li{line-height:normal;}
	.verifyinfo {font-size: 14px; padding-top: 5px;}
	.visitermsg .form-group textarea{height:195px;font-size:13px;}
	.thankyoupage .thankutop ul li {height: 26px; line-height: 26px;}
	.thankyoupage .thankutop p{}
	.thankyoupage .thankutop{}
	.byzonearea .removeareabox {height: calc(100% - 50px); margin-top: 20px;}
	.byzonearea .removalarea{height: calc(100% - 45px);}
	
	.selectleadtype, .selectleadquantity{margin-top:20px;}
	.selectleadquantity .selectionbtn ul li label{}
	.selectleadquantity .selectionbtn ul li label .textbox{height:62px;}
	#termsandconditions .modal-dialog{max-height:500px;}
	
	.membershippage .membertitle h3{font-size:16px;}
	.membershippage .membertitle p{font-size:14px;}
	.membershippage .membershipbox{padding:10px;margin-top:5px;}
	.membershippage .membershipbox .wewill{width:380px;}
	.membershippage .membershipbox .wedo{}
	.membershippage .membershipbox ul li{padding:1px 0px;font-size:12px;}
	.membershippage .membershipbox h5{font-size:11px;}
	.membershippage .membershipbox h4{font-size:13px;}
	.membershippage .selectionbtn {}
	.membershippage .membershipbox .wedo td{padding:0px 4px;font-size:14px;}
	.membershippage .memberbonus{margin-bottom:32px;}
	.membershippage .memberbonus h3{font-size:16px;padding:6px 5px;height:50px;}
	.membershippage .memberbonus ul li {line-height: 22px;font-size: 14px;}
	.membershippage .memberbonus ul li:after{font-size:6px;}
	
	.orlessmodal .modal-dialog .modal-body {height: 446px;padding: 10px;}
	.orlessmodal .modal-dialog .modal-body h5 {font-size: 20px;line-height: 28px;}
	.orlessmodal .modal-dialog .modal-body .orlesstable { width: 660px; margin: 10px auto;}
	.orlessmodal .modal-dialog .modal-body .orlesstable table{font-size:16px;margin-bottom:10px;}
	.orlessmodal .modal-dialog .modal-body .orlesstable th h4,
	.orlessmodal .modal-dialog .modal-body p{font-size:16px;}
	.orlessmodal .modal-dialog .modal-body .orlesstable th span{font-size:12px;}
	
}


@media (max-width:991px){
    
    .pplarea{height:100%;max-height:100%;width:100%;border-radius:0px;}
    .pplnav{width:160px;}
    .pplnav ol li{font-size:12px;}
    .pplwraper {width: calc(100% - 160px);}
    .questionbox{padding:15px;}
    .questbox .valign p{font-size:12px;}
    
    
    .rightzone .nav-tabs { height:100%;width: 120px;float: left;border-right: 1px #8b8b8b solid;}
    .rightzone .nav-tabs li{margin:0px;}
    .rightzone .nav-tabs li a{font-size:12px;padding:8px 0px;text-align:left;}
    .rightzone .tab-content { height: 100%;   width: calc(100% - 130px); float: left;}
    .byzonearea{max-width:96%;max-height:390px;}
    .byzonearea h3 {font-size: 12px;text-align:center;}
    .byzonearea .col-sm-5 ul li{font-size:13px;padding-left:0px;}
    .byzonearea .movearea .btn {padding: 7px 3px; font-size: 12px;}
    .byzonearea .form-group {height: 45px;margin-left: 0; width: 100%;margin-top:-10px;}
    .byzonearea .form-group label {width: 100%;float: left; line-height: 18px;text-align: left; font-size: 14px;}
    .byzonearea .form-group select{width:100%;height:26px;}
    #zone-blockzips .byzonearea .selectedarea{width:100%;margin:0px;}
    .byzonearea.countyzone .removalarea{margin-top:0px;}
    .followuppage ul li .textbox h5{font-size:16px;}
    .leadschedulearea .timeschedule{max-width:540px;margin-left:5px;}
    .leadschedulearea h3{font-size:18px;}
    .leaddelivery table{width:100%;}
    .leaddelivery table td{font-size:14px;}
    .timeframebox{padding:0px;}
    .visitermsg .title{font-size:16px;}
    .summarydetails{overflow:auto;}
    .totalcol{position:absolute;top:0;right:0;}
    .summarydetails .havequestion { position: relative; bottom: 0; text-align: left; margin-top: 15px;}
    .summarydetails .col-md-3{height:auto;}
    .summarydetails .col-md-3.ordcol3{width:50%;float:left; border: 0; margin-top: 20px;padding-left:0px;}
    .askquestion a{font-size:13px;}
    .paymentarea .selectionbtn ul li .contactinfo.creditinof .form-group .eyebox{right:-25px;}
    
    .selectleadtype .col-md-3, .selectleadquantity .col-md-3,
    .selectleadtype .col-md-9, .selectleadquantity .col-md-9{width:100%;padding:0px;}
    .selectleadtype .col-md-3 label, .selectleadquantity .col-md-3 label{text-align:center;font-weight:600;}
    
    .summarydetails h4{font-size:14px;}
	.summarydetails .summarybox{padding:20px 0px 0;border-radius:0px;}
	.zipsummary .totalzip{padding:10px;}
	.zipsummary ul{padding:0 10px !important;}
	.zipsummary ul li{width:14%;}
	.summarydetails .summarybox table{margin-bottom:0px;}
	
	
}

@media (max-width:767px){
    
    .twosquarebtn.selectionbtn ul li label {width: 150px; height: 190px;}
    .twosquarebtn.selectionbtn ul li .imgbox { height: 90px;}
    .twosquarebtn.selectionbtn ul li .textbox p{font-size:13px;}
    .twosquarebtn.selectionbtn ul li .textbox p span{font-size:11px;}
    .selectionbtn ul li .chkbox{z-index:9;margin:6px;}
    .pplnav{left:-160px;position:fixed;z-index:999; transition:all 0.5s ease;}
    .pplnav.pplnavshow{left:0;}
    .topmobilenav{display:block;width:calc(100% - 50px);position:absolute;z-index:999;top: 0;background: #b3c6da; height: 36px;}
    .mobile-nav{display:block; position: absolute;left:0;font-size: 30px;z-index:99;margin-left: 10px; width:36px;height: 36px;cursor:pointer;transition:all 0.5s ease;}
    .mobile-nav.mobile-navclose{left:153px;}
    .mobile-nav.mobile-navclose i{font-family: "Font Awesome 6 Free";font-weight: 900;}
    .mobile-nav.mobile-navclose i:before{content:"\f057";}
    .topmobilenav .mlogo{display:none;width:100px;height:40px;overflow:hideen;margin:auto;}
    .topmobilenav .mlogo img{width:auto;max-width:100%;max-height:100%;height:auto;margin:auto;display:block;}
    .pplwraper{width:100%;}
    .questionbox {padding: 5px;width:100%;}
    .questimg {width: 35px;height: 35px;border: 2px #fff solid;position: absolute;right: 0;top: 0; float: inherit;margin: 0 3px 0 0;}
    .questbox{width:100%;margin-top:32px;}
    .questbox:after{ left: inherit;right: 20px;top: -18px;transform: rotate(90deg);text-shadow: 0px -2px 0px #7facdb;}
    .followuppage  .questbox .valign p {font-size: 9px;}
    .leadpricingpage .questbox .valign p {font-size: 10px;}
    .leadschedulepage .questbox .valign p,
    .leaddeliverypage .questbox .valign p{font-size: 11px;}
    .largebtn,
    .leadindustry{width:100%;}
    .leadtype{width:170px;margin:40px auto;position:relative;}
    .leadtype label {margin: 15px 10px; width: 100%;text-align: left;}
    .rightzone .nav-tabs {width: 100%;border-bottom: 1px #8b8b8b solid;  height: 70px;border-right:0px;}
    .rightzone .tab-content {height: calc(100% - 70px); width: 100%;}
    .byzonearea{width:100%;}
    .byzonearea .col-sm-5{    width: 41.66666667%;float:left;padding:0 5px;}
    .byzonearea .col-sm-2{    width: 16.66666667%;float:left;}
    .byzonearea h3 {font-size: 12px;text-align: center;}
    .byzonearea .movearea {margin-top: 60px;}
    .byzonearea .movearea .btn{font-size:10px;}
    .byzonearea h4{font-size:12px;}
    .panel .panel-footer a.left{width:100px;}
    .panel .panel-footer a.right{width:130px;font-size:14px;}
    .leadpricingpage .formcall{width:100%;}
    .leadcriteria{width:100%;}
    .leadcriteria td{height:40px;}
    .leadcriteria td:first-child{width:70%;}
    .leadcriteria td:last-child{width:80px;}
    .leadschedulearea .timeschedule {margin-left: 0;font-size: 12px;padding: 5px;}
    input.timepicker{font-size:12px;}
    .leadschedulearea .timeschedule table td:nth-child(5) {padding-left: 10px;width: 80px;}
    
    
    /* Force table to not be like tables anymore */
	.restable table, 
	.restable thead, 
	.restable tbody, 
	.restable th,
	.restable td, 
	.restable tr {display: block;}
	.restable tr:nth-of-type(odd) {  background: #eee; }
	/* Hide table headers (but not display: none;, for accessibility) */
	.restable thead tr {position: absolute;top: -9999px;left: -9999px;}
	.restable tr { border: 1px solid #ccc; }
	.restable td {border: none;border-bottom: 1px solid #eee; position: relative;	padding-left: 35% !important;padding-top:4px !important;padding-bottom:4px !important; 	}
	.restable td:before {position: absolute;top: 6px;left: 6px;width: 33%;padding-right: 10px; white-space: nowrap;}
	.restable td:nth-of-type(1):before { content: "Name"; }
	.restable td:nth-of-type(2):before { content: "Email"; }
	.restable td:nth-of-type(3):before { content: "Phone No."; }
	.restable td:nth-of-type(4):before { content: "Favorite Color"; }
	.restable td:nth-of-type(5):before { content: "Wars of Trek?"; }
	.restable td:nth-of-type(6):before { content: "Secret Alias"; }
	.restable td:nth-of-type(7):before { content: "Date of Birth"; }
	.restable td:nth-of-type(8):before { content: "Dream Vacation City"; }
	.restable td:nth-of-type(9):before { content: "GPA"; }
	.restable td:nth-of-type(10):before { content: "Arbitrary Data"; }
    
    .leaddeliverypage  .leaddelivery{height: calc(100% - 45px); overflow: auto;}
    .leaddelivery .restable td:nth-of-type(1):before { content: ""; }
    .leaddelivery .restable td:nth-of-type(2):before { content: "Name"; }
	.leaddelivery .restable td:nth-of-type(3):before { content: "Email"; }
	.leaddelivery .restable td:nth-of-type(4):before { content: "Phone No."; }
	.leaddelivery table td:last-child{    width: inherit;text-align:left;}
	.leaddelivery table td:last-child input{text-align:left;}
	
	.timeframebox{margin:10px 0px;}
	.timeframebox .selectionbtn ul li{width:100%;margin:0px;}
	.timeframebox .selectionbtn ul li label{height:80px;}
	.contactinfo .address-grp .form-group,
	.contactinfo .form-group.citygrp,
	.contactinfo .address-grp .form-group.address2,
	.contactinfo .form-group.phonegrp,
	.contactinfo .form-group.websiteurl{width:100%;    margin-right: 0;}
	.contactinfo .form-group.stategrp{width:65%;}
	.contactinfo .form-group.zipgrp{width:34%;}
	.paymentarea .cardform.banktransaction{width:230px;}
	.paymentarea .cardform.creditinof{width:230px;margin-left:-100px;}
	
	.panel .panel-footer a.right.btn_start_campaign{font-size:12px;}
	.businessinfo{margin-top:5px;}
	.thankyoupage .thankutop,
	.thankyoupage .thankubottom{height:auto;}
	.thankyoupage .thankutop ul{width:215px !important;}
	.thankyoupage .thankutop p{width:100%;}
	.thankyoupage .thankubottom p,
	.thankyoupage h3{font-size:14px;}
	.thankyoupage .thankubottom .selectionbtn{width:100%;}
	.thankyoupage .thankubottom .selectionbtn ul li .textbox p{font-size:12px;}
	.roofingbox{max-width:100%;padding-top:0px;}
	.roofingbox.selectionbtn ul li{width:100%;margin:0px;}
	.roofingbox.selectionbtn ul li .textbox p{font-size:14px;}
	.leadindustry .largebtn{width:240px;}
	.summarydetails {height: calc(100% - 70px);}
	.askquestionmodal .askleftbox{width:100%;height:auto;}
	.askquestionmodal .askleftbox h2{height:40px;line-height:40px;font-size:18px;}
	.askquestionmodal .askleftbox .askpic {width: 70px;height: 80px; margin-left: 15px;float:left;}
	.askquestionmodal .askleftbox .asklogo{float:right;float: right;bottom: inherit;width: 60px;height: 60px;}
	.askquestionmodal .askleftbox .askdetail{width:calc(100% - 160px);float:left;padding:8px 15px;}
	.askquestionmodal .modal-dialog{height:calc(100% - 20px);width:94%;}
	.askquestionmodal .modal-dialog .modal-content{height:100%;}
	.askquestionmodal .modal-dialog .modal-content .modal-body{overflow:auto;display: block;height: 100%;}
	.askquestionmodal .askrightbox{width:100%;padding:15px;height:auto;}
	.askquestionmodal .askrightbox .askcallus{width:100%;height:50px;padding:5px;}
	.askquestionmodal .askrightbox .askcallus  ul li{float:left;width:auto;}
	.askquestionmodal .askrightbox .askcallus h3{line-height:40px;margin:0px;padding-left:10px;}
	.askquestionmodal .askrightbox .askcallme {width: 100%;margin-left: 0; margin-top: 5px;}
	
	.selectleadtype .radio-inline{width:46%;font-size:16px;margin-top:5px;}
	.selectleadtype .radio-inline input{margin-left:-22px;margin-top:1px;}
	.selectleadquantity .col-md-3 label{padding-top:0px;}
	.selectleadquantity .selectionbtn ul li label{height:87px;}
	.selectleadquantity .selectionbtn ul li label .textbox{height:50px;padding:5px;}
	.selectleadquantity .selectionbtn ul li label h4{font-size:12px;}
	.selectleadquantity .selectionbtn ul li label p{font-size:13px;}
	.selectleadquantity .selectionbtn ul li label .bluebg{font-size:14px;}
	.customleads{right:20px;}
	.centermodal .modal-dialog{width:94%;}
	.customquantitymodal .modal-body{padding:15px;}
	.customquantitymodal h3{font-size:18px;margin-bottom:20px;}
	.customquantitymodal td {padding: 5px;font-size: 16px;}
	.customquantitymodal select{padding:2px;}
	.summarydetails .summarybox table td,
	.summarydetails .col-md-6 ul li{font-size:12px;}
	.summarydetails .summarybox ul.billingli{padding-bottom:10px;margin-left:10px;}
	
    
}

/*m/12/12/2023*/
.width50 {width: 50%;}
.width30 {width: 30%;}
.width40 {width: 40%;}
.width60 {width: 60%;}
.orderpage-greybg {background: #d4d4d7;padding: 20px 80px;overflow: auto;}
.order-detail-page {padding: 50px;height: auto;position: relative;}
.order-detail-page .panel-header {height: 50px;display: block;width: 100%;padding: 0px 0px 0px;position: initial;background: transparent;}
.order-detail-page .panel-header::before {top: 110px;content: "";position: absolute;width: 100%;height: 6px;background: #000;left: 0;z-index: 1;}
.order-detail-page .panel-header h3 {font-size: 35px;text-align: center;float: inherit;margin: 0;font-weight: bold;}
.order-detail-page .left-wrap, .order-detail-page .right-wrap {padding: 50px 0 0;}
.order-detail-page .left-wrap h3, .order-detail-page .right-wrap h3 {font-size: 23px;background: #b2b2b2;width: 370px;margin: 0;padding: 10px;color: #fff;font-weight: bold;letter-spacing: 1px;border-radius: 5px;margin-bottom: 15px;}
.order-detail-page .left-wrap p, .order-detail-page .right-wrap p {font-size: 22px;color: #464545;align-items: self-start;display: flex;}
.order-detail-page .left-wrap p span:first-child {width: 180px;display: inline-block;}
.order-detail-page .right-wrap p span:first-child {width: 200px;display: inline-block;}
.order-detail-wrapper {border: 2px solid #b2b2b2;border-radius: 30px;margin-top:40px;}
.order-detail-wrapper h3 {font-size: 23px;background: #b2b2b2;width: 260px;margin: 0;padding: 10px;color: #fff;font-weight: bold;letter-spacing: 1px;margin-top: -25px;margin-left: -2px;}
.order-detail-wrapper table {padding: 40px;display: block;width: 100%;}
.order-detail-wrapper table tbody {width: 100%;display: block;}
.order-detail-wrapper table tbody tr{width: 100%;display: table;}
.order-detail-wrapper table tr td {font-size: 20px;border: 2px solid #b2b2b2;padding: 10px 5px;border-bottom: none;}
.order-detail-wrapper table tr td p {font-weight: bold;margin: 0;}
.order-detail-wrapper table tr td  span {display: block;width: 100%;}
.order-detail-wrapper table tr:last-child td{border-bottom: 2px solid #b2b2b2;}
.order-detail-page.compaign-second {margin-top: 20px;}
.compaign-second .order-detail-wrapper h3 {width: 400px;}
.compaign-second .order-detail-wrapper {margin-top: 70px;}
.order-detail-wrapper.billing-wrap .second-table {padding-top: 0;}
.order-detail-wrapper.billing-wrap .billing-con-wrap {padding: 0 40px 40px;}
.order-detail-wrapper.billing-wrap .billing-con-wrap ul {margin: 0;padding: 0 0 0 25px;}
.order-detail-wrapper.billing-wrap .billing-con-wrap ul li {font-size: 25px;margin-bottom: 15px;font-weight: 300;}
.panel.order-detail-page.compaign-third {margin-top: 20px;}
.compaign-third .order-detail-wrapper h3 {width: 400px;}
.compaign-third .order-detail-wrapper p {font-size: 30px;margin-top: 15px;padding-left: 13px;margin-bottom: 0;}
.compaign-third .order-detail-wrapper {margin-top: 70px;}
.compaign-third .order-detail-wrapper table tr td {border: none;}
.order-detail-page .panel-footer {background: transparent;height: auto;padding: 50px 0 10px;position: initial;text-align: center;}
.order-detail-page.compaign-third .panel-footer::before {content: "";position: absolute;width: 100%;height: 6px;background: #000;left: 0;bottom: 110px;}
.order-detail-page.compaign-third .panel-footer img {width: 230px;z-index: 1;position: relative;background: #fff;}
.order-detail-page .panel-footer h4 {font-size: 22px;}
.order-detail-page .backbtn {margin-top: 5px;border: 2px #fff solid;width: 130px;text-transform: uppercase;text-align: center;height: 37px;line-height: 34px;font-size: 18px;border-radius: 10px;color: #fff;background: #b2b2b2;}
.order-detail-page .backbtn:hover {background: transparent;border-color: #000;color: #000;border-width: 3px;}
.mainbody.compaign-main {height: 100%;background: #d4d4d7;margin-top: 0;overflow: auto;}
.mainbody.compaign-main .compaign-container {float: inherit;padding: 20px 0px;overflow: hidden;width: 70%;margin: 20px auto;height: auto;}
.compaign-main .compaign-container .order-detail-page, .compaign-main .compaign-container .panel-body {height: auto;}
.compaign-main .compaign-icon-wrapper {position: absolute;top: 50px;right: 40px;}
.compaign-main .compaign-icon-wrapper ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;}
.compaign-main .compaign-icon-wrapper ul li {width: 50px;padding-right: 15px;cursor: pointer;}
.compaign-main .compaign-icon-wrapper ul li img {width: 100%;height: auto;margin: 0;}


@media (max-width:1600px){
    .order-detail-page .panel-header h3 {font-size: 30px;}
    .order-detail-page .panel-header::before {top: 100px;}
    .order-detail-page .left-wrap, .order-detail-page .right-wrap {padding: 30px 0 0;}
    .order-detail-page .left-wrap h3, .order-detail-page .right-wrap h3 {font-size: 20px;width: 350px;}
    .order-detail-page .left-wrap p, .order-detail-page .right-wrap p {font-size: 19px;}
    .order-detail-wrapper h3 {width: 250px;}
    .order-detail-wrapper table tr td {font-size: 18px;}
    .order-detail-wrapper.billing-wrap .billing-con-wrap ul li {font-size: 22px;}
    .compaign-second .order-detail-wrapper h3 {width: 350px;}
    .compaign-third .order-detail-wrapper h3 {width: 350px;}
    .compaign-third .order-detail-wrapper p {font-size: 25px;}
    .order-detail-wrapper h3 {font-size: 20px;}
}
@media (max-width:1366px){
    .order-detail-page .panel-header h3 {font-size: 28px;}
    .order-detail-page .left-wrap h3, .order-detail-page .right-wrap h3 {font-size: 18px;width: 290px;}
    .order-detail-page .left-wrap p span:first-child {width: 130px;}
    .order-detail-page .left-wrap p, .order-detail-page .right-wrap p {font-size: 16px;}
    .order-detail-page .right-wrap p span:first-child {width: 160px;}
    .order-detail-page {padding: 30px;}
    .order-detail-wrapper h3 {font-size: 18px;}
    .order-detail-wrapper table {padding: 20px;}
    .order-detail-wrapper table tr td {font-size: 15px;}
    .order-detail-wrapper table tr td  span {line-height: 25px;}
    .compaign-second .order-detail-wrapper h3 {width: 300px;}
    .order-detail-wrapper.billing-wrap .billing-con-wrap ul li {font-size: 18px;margin-bottom: 10px;}
    .order-detail-wrapper.billing-wrap .billing-con-wrap ul {padding: 0 0 0 3px;}
    .compaign-third .order-detail-wrapper h3 {width: 300px;}
    .compaign-third .order-detail-wrapper p {font-size: 22px;}
    .compaign-third .order-detail-wrapper table tr td {font-size: 13px;}
    .order-detail-page .panel-header::before {top: 80px;}
    .order-detail-page.compaign-third .panel-footer {padding: 70px 0 30px;}
    .order-detail-page.compaign-third .panel-footer::before {bottom: 110px;}
    .compaign-second .order-detail-wrapper {margin-top: 50px;}
    .compaign-third .order-detail-wrapper {margin-top: 50px;}
}

/*m30/1/2024*/
.membership-main-wrapper {width: 100%;height: 100%;}
.membership-main-wrapper .membership-inner {width: 100%;padding: 0px 0px;}
.membership-main-wrapper .head-sec {width: 100%;text-align: center;}
.membership-main-wrapper .head-sec h2 {margin: 0;font-size: 14px;font-weight: bold;display: inline-block;padding-left: 5px;}
.membership-main-wrapper .head-sec p {font-size: 14px;line-height: 13px;font-weight: 500;margin-bottom: 5px;}
.membership-main-wrapper .head-sec h3 {font-size: 18px;font-weight: bold;margin: 0 0 5px;position: relative;}
.membership-main-wrapper .mbox{ display: block;border: 2px transparent solid;position: relative;overflow: hidden;height: 100%;border-radius: 10px;}
.membership-main-wrapper .mbox .mbox-inner-wrap {border: 2px solid #000;border-radius: 10px;width: 100%;}
.membership-main-wrapper .mbox .mbox-inner-wrap:hover, .membership-main-wrapper .mbox.active .mbox-inner-wrap {border-color:#a1ff00;}
.membership-main-wrapper .mbox:hover, .membership-main-wrapper .mbox.active {border-color:#a1ff00;box-shadow: 0px 0px 10px #5a5a5a;background: #fff;}
.membership-main-wrapper .mbox .box-header {padding: 7px 10px 4px;width: 100%;}
.membership-main-wrapper .mbox .box-header p {text-align: center;margin: 0;color: #0072bc;font-weight: bold;font-size: 16px;}
.membership-main-wrapper .mbox .box-mid {width: 100%;height: 268px;border-bottom: 1px solid #000;padding: 0 7px;background: #fff;border-radius: 10px 10px 0 0;}
.membership-main-wrapper .mbox .box-mid h4 {margin: 0;font-size: 13px;font-weight: bold;margin-bottom: 3px;}
.membership-main-wrapper .mbox .box-mid .left-wrap {width: 55%;}
.membership-main-wrapper .mbox .box-mid  .mbox-inner {display: flex;align-items: flex-start;flex-wrap: wrap;margin-bottom: 5px;}
.membership-main-wrapper .mbox .box-mid .right-wrap {width: 45%;}
.membership-main-wrapper .mbox .box-mid .left-wrap ul, .membership-main-wrapper .mbox .box-mid .right-wrap ul {padding: 0;list-style: none;}
.membership-main-wrapper .mbox .box-mid .left-wrap ul li, .membership-main-wrapper .mbox .box-mid .right-wrap ul li {line-height:15px; font-size:10px ;padding: 2px 0px 0px 4px;position: relative;}
.membership-main-wrapper .mbox .box-mid .left-wrap ul li:after, .membership-main-wrapper .mbox .box-mid .right-wrap ul li:after {content: "";background: #303030;width: 2px;height: 2px;position: absolute;border-radius: 100%;left: 0px;top: 8px;}
.membership-main-wrapper .result-box {width: 100%;padding: 5px 7px 10px;}
.membership-main-wrapper .result-box ul{padding: 0;list-style: none;margin-bottom: 3px;height:50px;}
.membership-main-wrapper .result-box ul li {font-size: 12px;padding: 0 5px;position: relative;display: flex;align-items: center;justify-content: space-between;}
.membership-main-wrapper .result-box ul li p {margin: 0;font-weight: bold;}
.membership-main-wrapper .result-box ul li p.right span, .membership-main-wrapper .result-box ul li p.right small {font-weight: bold;}
.membership-main-wrapper .result-box ul li p.right {font-weight: normal;text-align: right;}
.membership-main-wrapper .result-box .btn {text-align: center;width: 100%;background: transparent;border: none;display: flex;justify-content: center;padding-bottom: 0;}
.membership-main-wrapper .result-box .btn p {background: #fff;margin: 0;padding: 7px;border: 1px solid;width: 200px;border-radius: 10px;text-align: center;font-size: 16px;}
.membership-main-wrapper .result-box h4{text-align: center;margin: 0;margin-bottom: 3px;color: #0072bc;font-weight: bold;font-size: 16px;}
.membership-main-wrapper .mbox .box-mid h4 sapn {font-weight: normal;font-size: 14px;font-style: italic;}
.membership-main-wrapper .head-sec h3 span {padding-right: 10px;position: relative;}
.membership-main-wrapper .head-sec h3 span::after {content: "";position: absolute;width: 45px;height: 2px;background: #ff0000;left: 0;transform: rotate(-15deg);top: 10px;}
.membership-main-wrapper .result-box ul li p.right span.cross-price {font-weight: normal;position: relative;padding: 0 0px;}
.membership-main-wrapper .result-box ul li p.right span.cross-price::after {content: "";position: absolute;width: 45px;height: 1px;background: #ff0000;left: 6px;transform: rotate(-10deg);top: 7px;}
.membership-main-wrapper .result-box ul li p.right span {width: 50px;display: inline-block;}
.membership-main-wrapper .free-membership .result-box ul li {justify-content: center;flex-wrap: wrap;}
.membership-main-wrapper .free-membership.mbox .box-mid .left-wrap {width: 100%;}
.membership-main-wrapper .membership-inner-box {width: 100%;max-width: 70%;margin: 0 auto;padding: 10px 0 5px;}
.membership-main-wrapper .mbox .box-mid h4.con-heading-wrap {font-size: 12px;color: #0072bc;text-align: center;font-weight: bold;}
.membership-main-wrapper .premium-membership .result-box {max-width: 70%;margin: 0 auto;}
.membership-main-wrapper .result-box ul li p.right span.au-icon {width: 15px;}
.membership-main-wrapper .col-bor-left {border-right: 1px solid #0072bc;padding-right: 0px;padding-left: 11px;width: 47%;}
.membership-main-wrapper .free-membership .box-mid {padding-top: 10px;}
.membership-main-wrapper .col3left {padding-right: 5px;padding-left: 0px;width: 24%;}
.membership-main-wrapper .col9right {padding-left: 0px;padding-right: 0px;width: 76%;}
.membership-main-wrapper .col6right {padding-left: 1px;padding-right: 0px;width: 53%;}
@media (max-width:1440px){
    .membership-main-wrapper .head-sec h2 {font-size: 16px;padding-left: 3px;}
	.membership-main-wrapper .head-sec p {font-size: 12px;margin-bottom: 5px;}
	.membership-main-wrapper .mbox .box-header p {font-size: 13px;}
	.membership-main-wrapper .mbox .box-header {padding: 1px 10px 2px;}
	.membership-main-wrapper .mbox .box-mid h4 {font-size: 12px;margin-bottom: 1px;}
	.membership-main-wrapper .mbox .box-mid .left-wrap ul, .membership-main-wrapper .mbox .box-mid .right-wrap ul {margin-bottom: 3px;}
	.membership-main-wrapper .mbox .box-mid h4 sapn {font-size: 12px;}
	.membership-main-wrapper .mbox .box-mid .left-wrap ul li, .membership-main-wrapper .mbox .box-mid .right-wrap ul li {line-height: 11px;font-size: 11px;}
	.membership-main-wrapper .mbox .box-mid {height: 170px;}
	.membership-main-wrapper .result-box h4 {margin-bottom: 1px;font-size: 13px;}
	.membership-main-wrapper .result-box ul li {font-size: 11px;}
	.membership-main-wrapper .result-box .btn {padding-top: 5px;}
	.membership-main-wrapper .result-box .btn p {padding: 5px;font-size: 14px;}
	.membership-main-wrapper .result-box {padding: 3px 10px 7px;}
	.membership-main-wrapper .result-box ul {margin-bottom: 0px;}
}