@font-face {
 font-family:"MinionItalic";
 src: url("../fonts/MinionItalic.otf") format("opentype");
 font-style:normal;font-weight:400;
 }
 @font-face {
 font-family:"BickhamScriptProSemibold";
 src: url("../fonts/BickhamScriptPro-Regular.otf") format("opentype");
 font-style:normal;font-weight:400;
 }
html,
body{min-height:100%;height:100%;margin:0;padding:0;font-size:14px;font-family: 'Open Sans', sans-serif;color:#000;font-weight:400;background:#fff;overflow:hidden;}


.no-margin{margin:0px;padding:0px;}
.no-margin-top{margin-top:0px;}
.no-margin-bottom{margin-bottom:0px;}
.margin-top-15{margin-top:15px;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-right-15{margin-right:15px;}
.margin-left-15{margin-left:15px;}
.margin-top-30{margin-top:30px;}
.margin-bottom-30{margin-bottom:30px;}
.pad0{padding:0px;}
.padding-top-15{padding-top:15px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-right-15{padding-right:15px;}
.padding-left-15{padding-left:15px;}
.padding-top-30{padding-top:30px;}
.padding-bottom-30{padding-bottom:30px;}
.no-left-padding{padding-left:0;}
.no-right-padding{padding-right:0;}
.no-top-padding{padding-top:0;}
.no-bottom-padding{padding-bottom:0;}
.overflow-auto{overflow:auto;}
.mbtm0{margin-bottom:0px !important;}
.margin-minuslr{margin-left:-10px !important;margin-right:-10px !important;}
.marginlr0{margin-left:0px;margin-right:0px;}
.paddinglr0{padding-left:0px;padding-right:0px;}
.default-tab .tab-content.tabmar-right0{margin-right:0px;}
.pad20{padding:20px;}
a,
a:visited{color:#000;}
a:hover,
a:visited,
a:active{text-decoration:none!important;}
a:focus, a:hover{color:#23527c;}
.nav{border:none;}
.row{margin:0px;}
th{font-weight:400;}
b, strong, dt, label{font-weight:400;}
.clear{clear:both;}
.modal{z-index:99999999;}

#apexchat_bar_invitation_wrapper.apexchat_bar_invitation_wrapper_custom{display:none !important;}

#playground{width:100%;     height:100%;display:block;overflow:hidden;position:fixed;left:0px;right:0px;padding-top:0px;padding-bottom:0px;}
.content-area{position:relative;height:100%;width:100%;}
.carouselhideshow {height:100%;}
.carousel-inner .item{height:100%;z-index:9;}
.innerboxheight {position: relative; display: block; height: calc(100% - 50px); overflow: hidden;padding:0px;}
.scrollbox{height: calc(100% - 20px);display: block;width: 100%;position: relative;overflow: auto; margin: 10px 0;}
.txtvalign{display: table; width: 100%;position: relative;  vertical-align: middle; height: 100%;}
.contentcenter{display: table-cell; width: 100%;position: relative; vertical-align: middle;height:100%;}
.mtop70{margin-top:70px !important;}
#save_order_info,#save_door_info,
#save_contact_info,
.saveimages{min-width: 120px;padding: 5px;color: #fff;font-size: 18px;text-transform: uppercase;border: 1px #003d79   solid;border-radius: 20px;text-align: center;background: #003d79;outline:none;}
.saveinfo:enabled:hover,.saveimages:hover {background: #fff!important;color: #003d79!important;border-color: #003d79!important;}

.nxtbtn{border-radius: 20px;width: 120px;font-size: 18px;padding: 3px;text-transform: uppercase;display:block;margin:auto;clear:both;}
.btn-green{color: #fff;background-color: #1d9938; border-color: #1d9938;}
.btn-green:hover{background:#000;border-color:#000;color:#a1ff00;font-weight:normal;}
.btn-green p{margin:0px;}
.btn-blue{color: #fff !important;background-color: #003d79; border:1px #003d79 solid;box-shadow: 0 2px 4px #8c8c8c;text-decoration:none;}
.btn-blue:hover{background:#fff;border-color:#003d79;color:#003d79 !important;font-weight:normal;}


header{position:relative;width:100%;background:#fff;height:80px;padding:10px 0px; }
header .logo{max-width: 165px; width: 100%; float: left;height:90px;}
header .logo img{width:auto;max-width:100%;max-height:100%;height:auto;}
header .navbaricon{float:right;font-size:36px;cursor:pointer;}
header .navbaricon:hover{color:#003d79;}




#playground.openloadbg .catimgbox{ height: 100%;   box-shadow: none;}

.logo{width:190px;margin-bottom:50px;}
.logo img{max-width:100%;width:auto;height:auto;max-height:100%;display:block;}


.pad20{padding:20px;}
a.topbackbtn{display:none;z-index:9999;font-size:18px;visibility:hidden;position:absolute;background-image: none !important;text-shadow: none;text-transform: uppercase;color:#003d79; text-decoration: none;width: auto;opacity: 1;left:15%;bottom: 50px;top: inherit;font-weight: bold;}
a.topbackbtn:hover,
a.topbackbtn:focus{color:#000;}

.topbackbtn.hidebackbtn{visibility:hidden !important;}

.contentbox{display: table; position: relative; width: 100%;height: calc(100% - 40px);}
.verticalalign{display: table-cell;vertical-align: middle;}
.h3{font-size:18px; margin: 0 0 30px 0;text-align: center;}
.centermodal .modal-dialog{/*width:380px;*/}
.carouselslidediv {width:100%;height:100%;position: relative;  display: block;margin: 0px auto 0;padding-top: 0px;}
.carouselslidediv.carouselslidedivfull {width:100%;}
.carousel-inner .item{height:100%;z-index:9;}
.catimgbox{display: block; width:auto; position: relative; clear: both; height:100%; width:100%; overflow: hidden; margin: auto;}
.oneformbox{height: 570px;position: absolute; max-width: 1130px;display: block;margin: auto;left: 0;right: 0;top: 0;bottom: 0; }
.oneformbox.greybg{margin: auto;overflow: hidden;}
.catimgbox .carousel-inner{height: 450px;max-width: 720px;margin: auto;border: 4px #1d9938 solid;   border-radius: 15px;}
.whitebox,.whitebg{height:100%;position:relative;display:block;width:100%;}
.whiteboxtext{display: block;height:auto;position: relative;width: 100%;}

.headingdiv,.pagetitle{display: block; width: 100%;position: relative; text-align: center; margin:0px;height:50px;background:#1d9938;}
.headingdiv h3,.pagetitle h3{margin:0px;padding:0px;font-weight:700; font-size:20px;color:#fff;font-family: 'Montserrat', sans-serif;line-height:50px;}
.headingdiv p,.pagetitle p{font-size: 24px;margin: 10px 0;}
.pagetitle h3 span.first-name{text-transform: capitalize;}

.boxsquare ul{margin: 0;padding: 0;list-style: none;position:relative;display:table;width:100%;text-align:center;}
.boxsquare ul li{width: 125px;height:115px;display:inline-block;margin:10px;position: relative;overflow: hidden;}
.boxsquare ul li a{display:block;cursor:pointer;height:100%;text-decoration:none;}
.boxsquare ul li label{display: table;width:100%;height:100%;position: relative;cursor:pointer;border-radius: 10px;padding: 5px;background:#8ecc9c;margin:0px;}
.boxsquare ul li .ptxt{width:100%;height:100%;display: table;}
.boxsquare ul li .ptxt p{color:#fff;display: table-cell;vertical-align: middle;text-align: center; margin: 0;font-size: 16px;font-weight:600;font-family: 'Montserrat', sans-serif;}
.boxsquare ul li .houseimg{height: 80px;float: left;width: 80px;text-align: center;}
.boxsquare ul li .houseimg img{width: auto; max-width: 100%; position: relative; display: block;margin: auto;}
.boxsquare ul li label:hover,
.boxsquare ul li label.cathactive{background:#1d9938;}
.boxsquare ul li span.thumb{display: none;width: 20px; height: 20px;border:2px #1d9938 solid; position: absolute; right: 4px;top: 4px;border-radius: 10px; z-index: 9999;line-height:16px;}
.boxsquare ul li label:hover span.thumb{display:none;}
.boxsquare ul li label.cathactive span.thumb{display:none;background:#1d9938;}
.boxsquare ul li label.cathactive span.thumb:after{content:"\f00c";font: normal normal normal 14px/1 FontAwesome;color:#fff;}
.boxsquare ul li span.thumb img{display:none;}
.boxsquare.threeinone ul li{width: 31%;margin: 5px 1% 0;height: 50px;}

.twowhitebg{display: block;position: relative;height: 100%;}
.pagetitle.hidedesktop{display:none;}
.twowhitebgcroll{display: block;position: relative;height: 100%;}
.carousel-inner.plpage{max-width:100%;border:0px;}
.approximateannual .contentbox{height:calc(100% - 40px);}
.approximateannual .whitebg{float:left;width:700px;border: 4px #1d9938 solid; border-radius: 15px;}
.approximateannual .whitebg.EstimatedClaim{width:390px;margin-left:20px;}
.approximateannual .carousel-btn a{float:right;}

.tellus{display: table;max-width:450px; width: 100%;margin: 25px auto 0; position: relative;  padding:10px;}
.tellus .form-group {width:100%; margin:0 0 10px;float:left; position: relative; }
.tellus .form-input {height: 44px;   padding: 0px;  background: #fff;  border-radius: 10px;border: 1px #8ecc9c  solid;}
.tellus .form-label {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: #fff; left: 10px;top: 8px;font-size:18px; }
.tellus input {height:42px;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;-webkit-appearance: none; }
.tellus input:focus + .form-label, .tellus input:valid + .form-label {top: 12px;font-size: 16px;color: #848484;right: 25px;left: inherit;}
.tellus input:hover + .form-label, .tellus input:valid + .form-label{top: 12px;font-size: 12px;color: #fff;right: 25px;left: inherit;}
.tellus input, .tellus select {border:none; border-radius: 8px;background:#8ecc9c ;font-size:18px; box-sizing: border-box; width: 100%; display: block;color: #fff;padding: 5px 10px; }
.tellus input:focus, .tellus select:focus {outline:none; }
.tellus input::-webkit-input-placeholder {color: #bebebe; }
.tellus input::-moz-placeholder {color: #bebebe; }
.tellus input:-ms-input-placeholder {color: #bebebe; }
.tellus input:-moz-placeholder {color: #bebebe; }
.tellus req{color: #fff;font-size: 12px;text-align: left; width: 100%;height: 15px;display: block;padding: 0px;margin-bottom: 10px;}
.fillcrl{position: absolute;height: 20px; right: 2px; top: 9px;z-index: 999999;text-align:center;}
.fillcrl.chkright{width:20px;}
.fillcrl.chkright:after{content:"\f058";    font: normal normal normal 14px/1 FontAwesome;color:#1d9938;font-size:20px; }
.fillcrl.chkarrow{width: 43px;height:26px;left: -50px;right: inherit;}
.fillcrl.chkarrow:before{content: ""; background: url(../images/chkarrow.png);height: 26px; width: 43px;background-size: contain; position: relative;display: block; }
.contactinfo .form-input .fillcrl{width:20px;visibility:hidden;}
.contactinfo .form-input .fillcrl:after{content:"\f058";    font: normal normal normal 14px/1 FontAwesome;color:#1d9938;font-size:20px; }
.twosqubtn{visibility:hidden;max-width: 425px; width: 100%;   margin: 0 auto 20px;}
.twosqubtn a.btn-green{display:block;color:#fff;font-size:16px;font-family: 'Montserrat', sans-serif;font-weight:600;height: 42px;line-height: 36px;border-radius:10px;}
.twosqubtn a.btn-green p{margin:0px;}
.phone-fieldbox,.email-fieldbox,.last-fieldbox,.agree-fieldbox,.first-fieldbox{display:none;}
.tellus .form-input.insertfield{box-shadow:none;border-color:#8ecc9c;}
p.tellusnote {max-width:440px;margin:0 auto 20px;font-size:14px;}

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: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #1d9938 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.agree-fieldbox{}
.agree-fieldbox .agrretxt{padding-left: 25px;font-size: 14px;}
.agree-fieldbox  .fillcrl{top:2px;}
.agree-fieldbox .agrretxt input {display:none;}
.checkmark {position: absolute; top: 4px; left: 0; height: 20px; width: 20px; background-color: #81ba8e;}
.agrretxt:hover input ~ .checkmark { background-color: #1d9938;}
.agrretxt input:checked ~ .checkmark { background-color: #1d9938;}
.checkmark:after { content: ""; position: absolute; display: none;}
.agrretxt input:checked ~ .checkmark:after { display: block;}
.agrretxt .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


.estimateammount{display: block;margin: 15px;text-align: center;position: relative;border: 2px #1d9938 solid;border-radius: 10px;padding: 10px;}
.estimateammount h4{font-size: 14px;font-weight: 700; text-align: left;margin: 15px 0 20px;    font-family: 'Montserrat', sans-serif;}
.estimateammount ul{margin:0px;padding:0px;list-style:none;}
.estimateammount ul li{width: 100%;position: relative;display: block; border-radius: 10px;background: #1d9938;height: 50px;}
.estimateammount p{margin:30px 0px 0px;font-size:14px;text-align:left;}
.estimateammount ul li .odometer.odometer-auto-theme,
.estimateammount ul li sup{color:#fff !important;    font-family: 'Montserrat', sans-serif;font-size:16px;}

.estimatetotal{background:#fff;display:none;position:relative;width:100%;color:#dcdcdc;margin: auto;}
.estimatetotal.estimatedivshow{display:none;    opacity: 0.4;}
.estimatetotal.opacity1{opacity:1;}
.estimatetotal ul{margin:0px;padding:0px;list-style:none;text-align:center;}
.estimatetotal ul li{line-height:30px;width:100%;display:inline-block;padding:5px 20px;position:relative; background: #fff; border-radius: 10px;}
.estimatetotal ul li:first-child{margin-top:0px;}
.estimatetotal ul li p{color:#000;font-size:24px;float:left;margin:0px;width:50%;padding-right:20px;text-align:right;}
.estimatetotal ul li .estimatediv{float:right; margin-left:0px;width:50%;text-align:left;}
.estprice{color:#fff !important;  font-size: 30px; font-weight: bold;position:relative;}
.estprice i{font-style:inherit;}
.estprice .max-fin-total{position:relative;}

.estprice .max-fin-total .odometer-inside:after{content: " /mo";}
.estprice .max-fin-total .odometer-inside{min-width:30px;position:relative;}



.carousel-btn{display:block;background:transparent; position: relative;  padding:0px 10px;  clear: both;height:40px;width:100%;text-align:center; }
.carousel-btn a{position: relative; z-index: 9; text-align: center;line-height:16px;text-decoration:none;background:#1d9938;color:#fff;border-radius:15px;height:30px;padding: 5px 30px !important;font-size:14px;    text-transform: capitalize; min-width: 100px;    font-family: 'Montserrat', sans-serif;font-weight: 600;border:2px transparent solid;}
.carousel-btn a:hover{background: #fcc018; color: #000;}
.carousel-btn a.backbtn{float:left;background: transparent; border-color: #8a8a8a; color: #8a8a8a;}
.carousel-btn a.backbtn:hover{border-color: #fcc018; color: #fcc018;}
.carousel-btn a.nextbtn  {float:right;}
.carousel-btn a.centerbtn  {float:initial;}



.number-diy .data ._number span { color:#fff !important;}
#agentmsg{height:22px;font-style: italic;padding-top: 5px;}

.sentquote ul{margin:0px;padding:0px;list-style:none;}
.sentquote ul li{display:block;width:100%;position:relative;font-size:14px;font-weight:bold;font-family: 'Montserrat', sans-serif;text-align:center;}
.sentquote ul li:nth-child(2){margin-bottom:30px;}
.sentquote  a.btn{max-width: 230px;display: block;margin: 30px auto;color: #fff;border-radius: 10px;font-weight: 400;font-size: 16px;height: 40px;line-height: 34px;}
.sentquote p{font-size: 14px; max-width: 300px;text-align: center;margin: auto;}


.taxrefundpage .h3{margin: 8px 0px;}
.taxrefundpage  p{font-size: 14px;text-align: center;}
.taxrefundpage .boxsquare ul li{height:55px;}
.priceoption{text-align: center;display: table; position: relative; width: 100%;max-width: 544px;margin: 20px auto;}
.priceoption li{width: 48%;float: left;background: #1d9938;color: #fff;border-radius: 15px;margin: 0 1%;padding:10px;}
.priceoption li h4{font-size: 14px;  margin: 0; padding: 0;}
.priceoption li p{font-family: 'Montserrat', sans-serif;margin:0px;font-size:14px;font-weight: 600;padding-top: 5px;}

.excludingvat{max-width:620px;margin:auto;display:block;}
.excludingvat .form-group{ height: 44px; margin-bottom: 5px;}
.excludingvat label{float: left;width: 48%; margin: 0px 4% 0 0; line-height: 34px;font-size: 16px;background: #1d9938;border-radius: 10px;padding: 5px 10px; height: 44px;color: #fff;}
.excludingvat select{float:left;width:48%;height:42px;}

.mbtm0{margin-bottom:0px;}

.progressdiv{display:none;height:40px;text-align: center; font-size: 26px; color: #000;padding:10px;  font-weight: 500; background: transparent;width: 100%;   margin:0px; border-radius: 10px;    transition: all 0.5s ease;}
.progressdiv .progress{margin-bottom:0px;    background: #7d7d7d;}
.progressdiv .progress .progress-bar-danger {background-color: #ff0;color:#000;}
.progressdiv.progressdivshow{display:none;}



.datepickbox{max-width:90%;margin:auto;font-family: 'Montserrat', sans-serif;font-weight:600;}
.datepickbox p{text-align:center;}
.calendarbox{background:#1d9938;overflow:hidden; display: block;width: 100%; max-width:800px;position: relative; border: 1px #fff  solid;margin: 15px auto; height: 121px; border-radius: 10px;}
.mycalendar .date-content{width: calc(100% - 50px); position: relative;float:left; }
.mycalendar ul{list-style: none; width:100%; display: table; padding:0px;margin:0px;}
.mycalendar li.day-style{font-size: 14px;    border-bottom: solid 1px #fff ;padding:4px;    font-weight: 600;}
.mycalendar ul li:last-child{border-right: solid 1px #fff ;}
.mycalendar ul.showing-dates li{cursor: pointer;height:90px;}
.mycalendar ul.showing-dates li.active,
.mycalendar ul.showing-dates li.active .schedule-day{background: #67ba79; color: #fff;}
.mycalendar ul li{border-left: solid 1px #fff ; float: left; padding: 0px;width:14.2%; text-align: center; color: #fff;}
.mycalendar span.month-content{font-size: 12px;}
.mycalendar span.day-content{font-size: 15px; display: block;}
.mycalendar span.year-content{font-size: 12px; display: block;}
.mycalendar .nextdates,
.mycalendar .prevdates{cursor: pointer;position: relative; width: 25px; overflow: hidden; float: left;height:118px;text-align:center;line-height:118px;}
.mycalendar .prevdates{visibility: hidden;}
.mycalendar .nextdates i,
.mycalendar .prevdates i{font-size:30px;color:#fff;font-weight:bold;}
.mycalendar span.schedule-month,
.mycalendar span.schedule-year {font-size: 14px; display:block;height:24px;padding:2px;overflow:hidden;}
.mycalendar span.schedule-day{font-size: 24px;display:block;color:#fff;line-height: 42px;}
.date-disable span.schedule-month, 
.date-disable span.schedule-day, 
.date-disable span.schedule-year,.day-style.disable-day{background: #727171; color: #fff; cursor: default;}

.selecttimemodal .modal-body{overflow:auto;}
.selecttimemodal .modal-footer{border:0px;padding:0 0 30px;}
.selecttimemodal .todaydisplay{padding: 15px;text-align: center; margin: auto;}
.selecttimemodal .todaydisplay h4{font-size:14px;margin:0px;}
.selecttimemodal .todaydisplay h3{margin: 0;padding-top: 10px; font-weight: 600;font-family: 'Montserrat', sans-serif;font-size:20px;}
.selecttimemodal .todaydisplay h3 i{ color: #003d79;}
.selecttimemodal h3.selecttime{display: block;text-align: center;font-size: 16px;color: #000;font-weight: normal;margin: 10px 0 20px 0;}
.selecttimemodal h4{color: #000;font-size: 18px; text-align: center;    margin:10px;}
.selecttimemodal ul{margin:0px;padding:0px;list-style:none;}
.selecttimemodal ul li{background:#ebebeb;position:relative;display:block;cursor: pointer;color:#000;width:100%; border: 1px #ebebeb solid; border-radius: 20px;padding: 5px; text-align: center;margin-bottom:15px;font-size:18px;}
.selecttimemodal ul li:hover,
.selecttimemodal ul li.active{ background: #fff; border-color: #003d79; box-shadow: 0 0 8px #5f5f5f; color: #000;}
.selecttimemodal .schbtn{max-width: 365px;width:100%; margin:0 auto; font-size: 20px;visibility: hidden;display: block; cursor: pointer; border-bottom: 1px #1d9938 solid;background: #1d9938;border-radius: 20px;padding: 5px 10px; color: #fff;  text-align: center; }
.selecttimemodal .schbtn:hover{background:#000;}

.font800{font-family: 'Montserrat', sans-serif;font-weight: 800;}

.confirmationpage .contentbox{height:calc(100% - 40px);}
.confirmationpage .whitebg{float:left;width:700px;border: 4px #1d9938 solid; border-radius: 15px;text-align:center;}
.confirmationpage .whitebg.halfwhitebg{width:390px;margin-left:20px;}
.confirmationpage .whiteboxtext{text-align:center;}
.confirmationpage h3{font-family: 'Montserrat', sans-serif;margin: 0; padding: 0;font-weight: 800;font-size: 16px;}
.confirmationpage .schdatetime{display: block;text-align: center; margin: auto; width: 100%;}
.confirmationpage .schdatetime table{margin: 20px auto 0; font-size: 20px;}
.confirmationpage .priceoption{border: 2px #1d9938 solid;border-radius: 15px; padding: 20px;margin: 15px; width: auto;}
.confirmationpage .priceoption li{width:100%;margin: 15px 0 0 0;}
.confirmationpage .whitebg.halfwhitebg p{text-align:center;}

.thank-you .verticalalign {text-align:center;}
.thank-you  h3{ font-size: 18px; margin: 0;padding-bottom: 20px;}
.thank-you h4{font-size:16px;margin:0px;padding-bottom:10px;}
.thankspage-logo{display: block;width: 100%;max-width: 230px; margin:20px auto;max-height:100px;}
.thankspage-logo img{max-width: 100%; width: auto;max-height: 100%; height: auto; display: block;position: relative;margin: auto;}
.thank-you .returnhome{display:block;width:100%;max-width: 350px;margin: auto;text-align: center;height: 40px;}
.thank-you .returnhome a{font-size: 14px;display:inline-block;height: 32px;background:#1d9938;color:#fff;padding: 2px;text-decoration:none; cursor: pointer; position: relative; width:125px; border: 2px #1d9938 solid; border-radius: 18px; text-align:center;}
.thank-you .returnhome a:hover{border-color:#1d9938;background:#fff;color:#1d9938;}
.thank-you .returnhome a p{margin:0;line-height:26px;}


.notqualifypage .contentbox {text-align:center;}
.notqualifypage h3{font-size:18px;}
.notqualifypage p{ font-size: 16px; margin-bottom: 50px;}








.contactinfo{display: table; width: 100%;  max-width: 830px;  margin: auto; position: relative;}
.contactinfo h4{margin:0 2%;color:#003d79;padding-bottom:5px;font-size:18px;}
.contactinfo .form-group,
.contactinfo .form-group-half{width:46%; margin:0 2% 20px;float:left; position: relative; }
.contactinfo .form-group-full{width:96%; margin:0 2% 20px;float:left; position: relative; }
.contactinfo .form-input { border: 1px #ccc solid;  border-radius: 8px;   height:36px;   padding: 0px;    box-shadow: 0 0 6px #9c9c9c;}
.contactinfo .form-label {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: #000; left: 10px;top: 5px;font-size:18px; }
.contactinfo input,
.contactinfo select{height:34px;}
.contactinfo input,
.contactinfo select,
.contactinfo 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;-webkit-appearance: none;border-radius:8px; }
.contactinfo textarea{padding-top:20px;}
.contactinfo input:focus + .form-label, .contactinfo input:valid + .form-label,
.contactinfo select:focus + .form-label, .contactinfo select:valid + .form-label,
.contactinfo textarea:focus + .form-label, .contactinfo textarea:valid + .form-label{top: 6px;font-size: 14px;color: #989898;right: 25px;left: inherit;}
.contactinfo input,.contactinfo textarea {font-size:18px; box-sizing: border-box; width: 100%; display: block; border: none; color: #000; background: #fff; padding:4px 10px; }
.contactinfo input:focus, .contactinfo select:focus,.contactinfo textarea:focus {outline:none; }
.contactinfo select{font-size:18px; box-sizing: border-box; width: 100%; display: block; border: none; background: #fff; padding:4px;}
.contactinfo select option:first-child{color: #000;font-size: 16px;}
.contactinfo select option{color: #276dd6;}
.contactinfo textarea,
.contactinfo .textarea-grp{min-height:100px !important; z-index:9;    resize: vertical;}
.contactinfo .textarea-grp{border:none;}
.contactinfo select{appearance: auto;padding-left:5px;}
.contactinfo .form-group-half .stategroup{margin:0px 5px 0 0;width:calc(100% - 150px);}
.contactinfo .form-group-half .zipgroup{margin:0px;width:145px;}
.contactinfo .form-group.howdidgrup select{padding:5px;}
.contactinfo .form-group.howdidgrup select option[disabled]   {color: #000;}
.contactinfo .zipgroup input:focus + .form-label, .contactinfo .zipgroup input:valid + .form-label{right: 18px; width: 20px;overflow: hidden; height: 20px;}
.contactinfo textarea:valid + .form-label {left:10px;top:0px;}
.contactinfo .form-input .fillcrl{top:6px;}
.contactinfo .form-input.firstnfield .fillcrl,
.contactinfo.phoneemaildiv .form-input .fillcrl{visibility:visible;}
.contactinfo .form-input.lastnamefile:after{content:"\f0a5";font: normal normal normal 14px/1 FontAwesome;right: -30px;position: absolute;top: 3px;font-size: 24px;color: #003d79;}
.visitaddress,.ctninfolocation{display:none;}
.contactinfo .form-input.firstnfield,
.contactinfo .form-input.insertfield{box-shadow:none;    border-color: #ebebeb;}
.contactinfo .form-input.firstnfield input,
.contactinfo .form-input.insertfield input{    background: rgb(235, 235, 235);}
.ctnextbtn{text-align:center;position:relative;display:block;margin:40px auto 0px;clear:both;}

.showmedate{display: block; width: 100%;text-align: center;max-width: 800px;margin: 20px auto 0;clear:both;}
.showmedate a{display: block; border-radius: 8px; padding: 6px; font-size: 24px;text-decoration:none;}






.modal-dialog.fullscreenmodal{ width: 80%; height: calc(100% - 100px); margin: 50px auto;}
.modal-dialog.fullscreenmodal .modal-content{height:100%;}
.modal-dialog.fullscreenmodal button.close{margin-top: 0px;font-size: 34px;line-height: 26px;opacity: 1;}
#configModal .modal-dialog button.close { background: #ffffff;width: 35px;height: 35px;border-radius: 17px;outline: none;position: absolute;top: -10px;right: -10px;opacity: 1; z-index: 10;}
#configModal .modal-dialog button.close:hover{background:#ff0;}


.footer{display: none; margin: auto;  width: 96%;position: relative; clear: both;line-height:40px;text-align:center;}
.footer a{margin:0 25px; font-size: 12px;color:#000;}
.footer a:hover{color: #003d79;}



.selecttimemodal .close{z-index:99;opacity:1;font-size: 30px;width: 30px;height:30px; border-radius:15px;border:2px #000 solid;  outline: none; line-height: 28px;position: absolute;right: 10px;top: 10px;}
.selecttimemodal.modal.in,
.centermodal.modal.in {display:flex !important;}
.selecttimemodal .modal-dialog,
.centermodal .modal-dialog{margin: auto;}
.giftmodaldiv .close{right:5px !important;top:5px !important;}


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


.odometer.odometer-auto-theme {display: inline-block;}
.odometer.odometer-auto-theme .odometer-digit {display: inline-block;position: relative;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer {display: inline-block;visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {text-align: center;display: block;position: absolute;top: 0;left: 0;right: 0; bottom: 0; overflow: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon {display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner {display: block; -webkit-backface-visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value {display: block; -webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value {position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner{ -webkit-transition: -webkit-transform 600ms; -moz-transition: -moz-transform 600ms; -ms-transition: -ms-transform 600ms; -o-transition: -o-transform 600ms; transition: transform 600ms;}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner {-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%);  transform: translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%);  -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 600ms; -moz-transition: -moz-transform 600ms; -ms-transition: -ms-transform 600ms; -o-transition: -o-transform 600ms; transition: transform 600ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);transform: translateY(0);}
.odometer.odometer-auto-theme { font-size:22px;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {left:0;}


.esreporthide{display:none;}
#progresspopup .modal-body{text-align:center;}

/*----------after pages-------------*/





/*----------after pages css end-------------*/





@media (max-width:1600px){
    
  
    
}

@media only screen and (min-width:1367px) and (max-width:1600px){
    
   
    
    
    
}

@media only screen and (min-width:1441px) and (max-width:1600px){
   
}

@media only screen and (min-width:1367px) and (max-width:1440px){
    
  
    
    
    
}

@media (max-width:1440px){

   .logo { margin-bottom: 25px;}
    
   
}

@media (max-width:1366px){
  



}
@media only screen and (min-width:1199px) and (max-width:1280px){
    
   
}

@media (max-width:1199px){
    
    .logo {width: 150px; margin-bottom: 20px;margin-top: 10px;}
   .oneformbox {height: auto;position: relative;  max-width: 100%;padding: 0 15px;}
   .approximateannual .whitebg,
   .confirmationpage .whitebg{width:60%;}
   .approximateannual .whitebg.EstimatedClaim,
   .confirmationpage .whitebg.halfwhitebg{ width: calc(40% - 20px);margin-left: 20px;}
   .approximateannual .contentbox { padding: 15px;}
   .approximateannual .whitebg.EstimatedClaim .contentbox{padding:0px;}
    

}

@media only screen and (min-width:992px) and (max-width:1199px){
   
  
 
  
}





@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
   
       
}

@media (max-width:991px){
    
  .approximateannual .contentbox .h3{font-size:14px;}
  .excludingvat select{padding:4px;}
  .estimateammount{margin:0px;border:0px;}
  .excludingvat label,
  .selecttimemodal ul li{font-size:14px;}
  .confirmationpage .priceoption {border: 0; border-radius: 15px;padding: 10px; margin: 0;}
  .confirmationpage .whitebg.halfwhitebg p { padding:10px 10px 0px;   font-size: 12px;}
  
	
}

.mobile-h-desktop-show{display:block;}
.mobile-show-desktop-h{display:none;}

@media (max-width: 767px){
  
  .logo { width: 150px;height: 20px; margin: 2px auto;}
  .oneformbox{height:100%;}
  .catimgbox .carousel-inner{height:100%;max-height: calc(100vh - 80px);border:0;}
  .h3 {font-size: 14px;margin-bottom:20px;}
  .contentbox {padding: 25px 10px 15px 10px;height: auto;}
  .verticalalign{display:block;}
  .whitebg.fullheight{height:100%;}
  .whitebg{    border: 2px #1d9938 solid;border-radius:15px; height: auto;  min-height: 280px;}
  .twowhitebg{border: 2px #1d9938 solid; overflow: hidden;border-bottom-left-radius: 15px;   border-bottom-right-radius: 15px;}
  .twowhitebg .pagetitle.hidedesktop { display: block;}
  .twowhitebg .twowhitebgcroll {height: calc(100% - 30px);   overflow: auto;}
  .twowhitebg .whitebg .pagetitle{display:none;}
  .pagetitle{height:30px;}
  .pagetitle h3{font-size:14px;line-height:30px;}
  .innerboxheight{height: calc(100% - 30px);}
  
  .boxsquare ul li {width: 95px;height: 100px; margin: 5px;}
  .boxsquare ul li label{    background: #1d9938;}
  .boxsquare ul li label:hover, 
  .boxsquare ul li label.cathactive{    background: #8ecc9c;}
  .boxsquare ul li .ptxt p{font-size:12px;}
  .boxsquare.threeinone.nosquare ul li {   width: 100%;margin: 5px 0;   height: 40px;   display: block;}
  .approximateannual .whitebg, .confirmationpage .whitebg {width: 100%;border:0px;height:auto;}
  .approximateannual .whitebg.EstimatedClaim, 
  .confirmationpage .whitebg.halfwhitebg {width: 100%;margin-left: 0; margin-top: 20px;    min-height: auto;}
  
  .approximateannual .whitebg.EstimatedClaim .pagetitle,
  .confirmationpage .whitebg.halfwhitebg .pagetitle{display:none;}
  .estimateammount{border: 1px #1d9938 solid;margin:10px;}
  .confirmationpage .priceoption{border: 1px #1d9938 solid;}
  
  .mobile-h-desktop-show{display:none;}
  .mobile-show-desktop-h{display:block;height:70px;padding-top: 10px;}
  
  .excludingvat {max-width: 85%;width: 100%;}
  .excludingvat .form-group {height: 92px; margin-bottom: 15px;}
  .excludingvat label {width: 100%;margin: 0 0 6px 0;text-align: center;font-weight: bold;font-family: 'Montserrat', sans-serif;}
  .excludingvat select{width:100%;}
  
  .tellus .form-input{height:62px;border:0px;}
  .tellus .form-label,
  .tellus input:hover + .form-label, .tellus input:valid + .form-label{ color: #000; left: 2px; top: -22px; font-size: 13px;font-weight:600;font-family: 'Montserrat', sans-serif;}
  .fillcrl.chkarrow{display:none;}
  .tellus .form-input.last-fieldbox,
  .tellus .form-input.email-fieldbox{height:auto;}
  .twosqubtn .contnuebtn{padding:0 10px;}
  
  .taxrefundpage .h3 {margin: 0px 0px 8px;line-height: normal;}
  .taxrefundpage .priceoption{margin: 15px auto 5px;}
  .taxrefundpage .priceoption li {width: 90%;margin: 0 5% 10px;}
  .taxrefundpage .boxsquare ul li {height: 40px;}
  
  .datepickbox {max-width: 100%;}
  .calendarbox{height:104px;}
  .mycalendar li.day-style {font-size: 10px;padding: 4px 1px 2px;}
  .mycalendar span.schedule-month, 
  .mycalendar span.schedule-year {font-size: 10px;height: 20px;padding:2px 0px;}
  .mycalendar span.schedule-day {font-size: 16px;line-height: 40px;}
  .mycalendar .nextdates, .mycalendar .prevdates{height:102px;line-height:108px;}
  
  .selecttimemodal ul li{margin-bottom:10px;}
  .selecttimemodal .modal-footer { padding: 10px;}
  .selecttimemodal .schbtn{font-size:14px;}
  
  
  .confirmationpage p{font-size:12px;}
  .confirmationpage p.copyof span{display:block;font-size:14px;}
  .confirmationpage .schdatetime td p{font-size:20px;margin:0px;}
  .confirmationpage h5{display:none;}
  .confirmationpage .whitebg.halfwhitebg{margin-top:0px;}
  .confirmationpage .whitebg.halfwhitebg .contentbox{padding-top:0px;}
  .thankspage-logo{max-width: 160px;margin: 40px auto;}
  
  .lead-form .whitebg,
  .taxrefundpage .whitebg{height:100%;}
  .lead-form .innerboxheight,
  .taxrefundpage .innerboxheight{overflow:auto;}
  .lead-form .innerboxheight .contentbox{display: table;height: calc(100% - 40px);}
  .agree-fieldbox .agrretxt{font-size:12px;}
  
  
  
    
}

@media only screen and (max-width:480px){
	
}
@media only screen and (max-width:375px){
  
  .boxsquare.threesquare ul li {width: 31%; margin: 5px 1%;}
  .estimateammount p,
  p.tellusnote{font-size:12px;}
   
}
@media only screen and (max-width:360px){
  

}