@font-face {
font-family:"brandon-grotesque";
src: url("../fonts/Brandon_reg.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:16px;font-family:"brandon-grotesque";color:#3c3c3c;font-weight:300;background:#eee;}


.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: calc(100vh - 80px);display:block;overflow:hidden;position:fixed;left:0px;right:0px;background:#f2f3f4;padding-top:0px;padding-bottom:0px;}
.content-area{position:relative;height:100%;width:100%;}
.carouselhideshow {height:100%;}
.whitebg{width:100%;margin: 0px;overflow: hidden; border-radius: 0px;}
.carousel-inner .item{height:100%;z-index:9;}
.innerboxheight {position: relative; display: block; overflow: auto;    height: calc(100% - 100px);}
.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%;}

#save_order_info,#save_door_info,
#save_contact_info {min-width: 120px;padding: 5px;color: #000;font-size: 18px;text-transform: uppercase;border: 2px #578a00   solid;border-radius: 20px;text-align: center;background: #a1ff00;outline:none;}
.saveinfo:enabled:hover {background: #fff101!important;color: #000!important;border-color: #fff101!important;}
#exitintent .modal-dialog h3{line-height:40px;}
#exitintent .modal-dialog p.apply-discount{font-size: 18px;margin: 15px;}
#exitintent .closingbtn{float: right;width: 20px;height: 20px;border-radius: 50%;text-align: center;font-family: cursive;cursor: pointer;color: #000;z-index: 999;background: #fff;position: relative;}
#exitintent .underlay { width: 100%;height: 100%; position: absolute; top: 0;  left: 0;    background-color: rgba(0, 0, 0, .5);    cursor: pointer;    -webkit-animation: fadein .5s;    animation: fadein .5s;}
.financing-items{display: none;}
.view-products{font-size: 28px;margin: 15px;}


.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-y.scroll-scrolly_visible {    display: block;}
 .scroll-element .scroll-bar,
.scroll-element .scroll-arrow {    cursor: default;}
 .scroll-textarea {    border: 1px solid #cccccc;    border-top-color: #999999;}
.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; }
.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%;}
.scrollbar-janos > .scroll-element.scroll-y { border-left: 1px solid #AAAAAA;  height: 100%;  min-height: 100%;  right: 0;  top: 0; width: 10px;z-index:999;}
.scrollbar-janos > .scroll-element .scroll-element_corner {   display: none;}
.scrollbar-janos > .scroll-element.scroll-y,
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {    background-image: url(../images/scroll.png);    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-y .scroll-element_track {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAAXNSR0IArs4c6QAAAFNJREFUKM/FzksKgDAMBNDX3NT7X8BaC25clBKw4sKBgYTMJwUbGurAfWLFcbPhREcPBEpC05ztqXkUPyKS5LJqHj9YaU11sdgarw+LKF8D/B9wAWL/DzbaLOVxAAAAAElFTkSuQmCC);
    background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {    background-image: url(../images/scroll-bar_body.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {    background-image: url(../images/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(../images/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: -17px; margin-left: 17px; }
.scrollbar-janos > .scroll-content.scroll-scrollx_visible { top:0px; margin-top:0px; }
 .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-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 16px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 16px;}
 .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 16px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: -32px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: -33px; }
 .scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; }
 .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: 16px;    left: auto;    right: 0;    top: auto;    width: 16px;    z-index: 13;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 17px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_track { top: -50px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: -51px;}


header{position:relative;width:100%;background:#fff;height:87px;padding:10px 0px;}
header .logo{max-width: 100px; width: 100%; float: left;height:auto;}
header .logo img{width:auto;max-width:100%;max-height:100%;height:auto;}
header ul{float:left;padding:0px;margin:21px 0 0px;list-style:none;height:30px;}
header ul li{float:left;font-size: 20px;text-transform: uppercase; font-weight: bold;position:relative;padding-left:30px;}
header ul li:before{ color: #a6815c;content:"\f04d";font: normal normal normal 14px/1 FontAwesome; transform: rotate(-45deg);width: 12px;height: 12px;font-size: 13px;line-height: 15px; position: absolute;top: 9px;left:10px;}
header ul li:first-child{padding-left:0px;}
header ul li:first-child:before{display:none;}
header h3{float: right;font-size: 18px; line-height: 60px; margin: 0; padding: 0;}
header .callabout{text-align:right;padding-top:7px;}
header .callabout a{vertical-align: top;    display: inline-block;}
header .callabout a.btn{background-color: #002d5c;border-color: #002d5c;font-size: 24px;width: 200px;margin-left: 20px;color:#fff;}
header .callabout a.btn:hover{background:#ff0;color:#000;}
header .callabout a.callto{font-size:24px;margin-top: 6px;color:#002d5c;}
header .callabout a.callto i{font-size:30px;}


#playground{background:url(../images/gutters_zip.jpg) no-repeat;background-position:bottom;background-size:cover;}
#playground.openloadbg .footer {text-align: center;   background-color: rgba(0,0,0,0.8);width: 484px;  border-radius: 15px; padding: 5px;}
#playground.openloadbg .footer a{color:#fff;    }
#playground.openloadbg .catimgbox{ height: calc(100% - 50px);   box-shadow: none;}


.carouselslidediv {float: left; width: calc(100% - 33%);height:100%;position: relative;  display: block;margin-top: 10px;padding-top: 5px;}
.carouselslidediv.carouselslidedivfull {width:100%;}
.oneformbox.greybg{background-color:rgba(0,0,0,0.8);}

.oepningpagediv,.lastpageitem { width: 100%;   margin: 0 auto;   overflow: hidden;  border-radius: 10px;  height: calc(100vh - 135px);}
.oepningpagediv .whitebox,.lastpageitem .whitebox {position: relative;display: block; width: 100%;max-width: 990px;margin:30px auto 0; background-color:rgba(0,0,0,0.8); height:590px;overflow: hidden; border-radius: 10px;}
.oepningpagediv .whitebox .titlediv{display:block;width:100%;position:relative;text-align:center;border-bottom:4px #a1ff00 solid;} 
.oepningpagediv .whitebox .titlediv h4{margin:0px;padding:25px 15px;font-size: 40px;color: #fff;}
.oepningpagediv .whitebox .titlediv p{margin-top:-15px;font-size:26px;}
.oepningpagediv .whitebox .whiteboxtext{display:block;width:100%;position:relative;    height: calc(100% - 94px);text-align:center;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter{display:block;vertical-align: middle; }
.oepningpagediv .whitebox .whiteboxtext .valigncenter h3{color:#fff;padding-bottom:25px;font-size:30px;font-weight:normal;padding-top:25px;}
.oepningpagediv.openingformpage .whitebox .whiteboxtext .valigncenter{  height: calc(100% - 60px);}
.oepningpagediv.openingformpage .whitebox .whiteboxtext .carousel-btn{padding:6px 40px;}
.oepningpagediv.boxsquare ul {display:block;margin:auto;max-width:730px;}
.oepningpagediv.boxsquare ul li{width:215px;height:215px;margin:5px;}
.oepningpagediv.boxsquare ul li label{height:100%;border-color: #9c9c9c;}
.oepningpagediv.boxsquare ul li .houseimg{height:145px;}
.oepningpagediv.boxsquare ul li .ptxt{height:70px;padding:2px;}
.oepningpagediv.boxsquare ul li .ptxt p{font-size:22px;color:#000;line-height:normal;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv{display:block;visibility:hidden;width:100%;position:relative;margin:25px auto;border-radius:8px;height: 50px;  max-width: 560px; overflow: hidden;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv input{width: 280px; border: 1px #fff solid;padding: 5px 10px;height: 50px;font-size: 24px;font-style: italic;color: #000; float: left;border-top-left-radius: 10px;border-bottom-left-radius: 10px;outline:none;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv .showme{height: 50px; width: 280px;font-size: 26px;  padding: 5px; text-align: center; background: #a1ff00; float: left;line-height: 40px;color:#000;text-decoration:none;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv .showme:hover{background:#ff0;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv input:focus{outline:none;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv.showzipcode{ visibility: visible;}


.tellus{display: table; width: 100%;  max-width: 300px;  margin:0px auto; position: relative;padding-top:15px;}
.tellus .form-group {width:100%; margin:0 0 20px;float:left; position: relative; }
.tellus .form-input { border: 1px #ccc solid;  border-radius: 4px;   height: 50px;   padding: 0px;  background: #fff;    overflow: hidden;}
.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: #000; left: 10px;top: 8px;font-size:22px; }
.tellus input {height:50px;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: 1px; font-size: 16px;color: #000; }
.tellus input, .tellus select {font-size:18px; box-sizing: border-box; width: 100%; display: block; border: none; color: #276dd6; background: transparent; padding: 16px 10px 4px; }
.tellus input:focus, .tellus select:focus {outline:none; }
.tellus input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset; background:#fff;}
.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;}

.oepningpagediv.openingformpage .whitebox .titlediv{border:0px;}


.oepningpagediv.boxsquare .twosqubtn{width:100%;position:relative;margin-top:0px;}
.oepningpagediv.boxsquare .twosqubtn h3{margin-bottom:0px !important;padding-bottom:10px !important;}
.oepningpagediv.boxsquare .twosqubtn .contnuebtn{background: #a1ff00;width: 150px;height: 45px;border:4px #a1ff00 solid;margin: 7px auto 0; box-shadow: 1px 1px 4px #000;display:block;  border-radius:25px;  box-shadow: 0 2px 1px 1px #000000, 0 2px 3px #000000, 0 -1px 2px #656565, 0 -1px 2px #656565, inset 0 0 1px 0 #000000;   transition: all 0.2s ease;}
.oepningpagediv.boxsquare .twosqubtn .contnuebtn:hover{border-color:#ff0;}
.oepningpagediv.boxsquare .twosqubtn .contnuebtn a{text-decoration:none;font-size: 24px !important;font-weight: bold;    line-height: 36px;   text-shadow: 1px 0px #fffdfd;display:block;color:#000;}
.oepningpagediv.boxsquare .twosqubtn .contnuebtn p{margin:0px;}


.boxsquare .basedonanswer ul li .thumb{border-bottom: 60px solid #ff0;  border-left: 40px solid transparent;}
.boxsquare .basedonanswer ul li .thumb img{width: 21px; margin-left: -27px; margin-top: 34px;}
.boxsquare .basedonanswer ul li label .ptxt{height:87px !important;padding:0px !important;margin: 0px;text-align: center;float: right; width: 100%;}
.boxsquare .basedonanswer ul li label .ptxt p{font-size: 24px !important;    color: #000; font-weight:bold;  }
.boxsquare .basedonanswer ul li{width: 250px !important;height: 180px !important;margin: 15px 10px 0; box-shadow: 1px 1px 4px #000;display:inline-block;    box-shadow: 0 2px 1px 1px #000000, 0 2px 3px #000000, 0 -1px 2px #656565, 0 -1px 2px #656565, inset 0 0 1px 0 #000000;   transition: all 0.2s ease;}
.boxsquare .basedonanswer ul li label{background: #a1ff00; padding: 7px;}
.boxsquare .basedonanswer ul li .houseimg{height:80px;width: 80px;margin:0 auto;}
.boxsquare .basedonanswer ul li:nth-child(2) label:hover:after,
.boxsquare .basedonanswer ul li:nth-child(2).activeli label.cathactive:after{border:none;}
.boxsquare .basedonanswer ul li:nth-child(2) label:hover,
.boxsquare .basedonanswer ul li:nth-child(2).activeli label.cathactive{border-color:#ff0;}
.boxsquare .basedonanswer ul li:nth-child(2){background:transparent;box-shadow:none;border:none;}
.boxsquare .basedonanswer ul li:nth-child(2) label {background:transparent;border:4px #fff solid;}
.boxsquare .basedonanswer ul li:nth-child(2) label .ptxt p{color:#fff;text-shadow: 1px 1px #000;letter-spacing: 0.3px;    padding: 0 15px;}
.boxsquare .basedonanswer ul li:nth-child(2) label .ptxt p span{font-weight:normal;}
.boxsquare .basedonanswer ul li:nth-child(2) .houseimg{height:65px;}


#agentmsg{height:22px;font-style: italic;padding-top: 5px;}

.rightsidebar.openingrightbarhide{right:-100%;}
.indicators-btn2.openingnavhide {display:none;}


.carousel-inner .item{height:100%;z-index:9;}
.indicators-btn2 {box-shadow: 1px 3px 5px #232323;    background: #808080;   transition: all 0.5s ease;  overflow: hidden;  position: relative; width:calc(100% - 40px);margin:auto; height:50px;border-top-left-radius:10px;border-top-right-radius:10px;}
.indicators-btn2 .carousel-indicators2 {border-bottom: 1px #fff solid; height: 48px;list-style:none;position: relative;display: block; bottom: inherit;margin-bottom: 0px; width: 100%;left: inherit;margin: 0;text-align: center;padding: 0px;}
.indicators-btn2 .carousel-indicators2 li {position:relative;height: 48px;line-height: 30px;color: #fff; float:left;border-radius: 0px;  margin: 0px;width: 20%; font-size: 26px;text-indent: 0;  border: 0;padding: 10px; background: transparent;}
.indicators-btn2 .carousel-indicators2 li.active {color: #69d169; border-color: #69d169;}
.indicators-btn2 .carousel-indicators2 li.active:after{content: ""; height: 6px;background: #a1ff00;width: 100%;bottom: -2px;position: absolute; left: 0;}
.indicators-btn2 .carousel-indicators2 li ul:first-child{    padding: 0;clear:both;display:none;position:relative;   margin-top: 8px;}
.indicators-btn2 .carousel-indicators2 li ul li{margin: 0;    border-bottom: 1px #ccc solid;    border-radius: 0;    background: #f2f3f4;color: #014081;}
.indicators-btn2 .carousel-indicators2 li#upholstery-cleaning-nav.active ul{display:block;}

.catimgbox{display: block; width:auto; position: relative; clear: both; height: calc(100% - 40px); width: calc(100% - 40px); overflow: hidden; margin: auto; box-shadow: 1px 4px 5px #232323;border-radius: 10px;}
.oneformbox{height:100%; position:relative;}
.catimgbox .carousel-inner .whitebg,
.catimgbox .carousel-inner .whitebg form{height:100%;}
.catimgbox .carousel-inner{    height: calc(100% - 40px);}
.innerboxheight {height: calc(100% - 55px);}

.basedonanswer .perwindow-dtl{display:block;width:100%; position:relative;text-align:center;margin:15px 0px;}
.basedonanswer .perwindow{position:relative;background:#fff;display:inline-block; width:320px;text-align: center;padding:15px 15px 10px;clear: both;border: 4px #ff0 solid;border-radius: 10px;}
.basedonanswer .perwindow h4{font-size: 34px;color: #000;font-weight:bold;margin: 0; padding:0px;}
.basedonanswer .perwindow p{font-size:24px;color:#000;margin:0px;}
.basedonanswer .perwindow h5{ font-size: 18px;   font-weight: normal;   padding: 10px 20px 0;   margin: 0;   color: #000;  letter-spacing: 1px;}
.basedonanswer .formore{text-align:center;font-size:30px;margin:10px 0;color:#fff;}
.basedonanswer .formore span.discount-available{display:block;}
.basedonanswer ul{display:block !important;}
.basedonanswer .subheading{margin:auto;}

.basedonanswer .perwindow-dtl .perwindow:after{display:none;content:"";background:url(../images/JamesHardie.jpg) no-repeat;width: 320px; right: -330px; height: 74px;position: absolute;top: 25px; background-size: contain;}
.basedonanswer .perwindow-dtl .perwindow.james-hardie:after{display:block;}

.subheading {display: block; width: 100%;text-align: center;font-size: 30px;padding:0 10px 25px;color:#fff;}
.subheading span{font-size:16px;}
.subheading span.first-name{font-size:inherit;}
.subheading .interested-type{font-style:normal;}
.subheading.specialtitle span{font-size:24px;}
.boxsquare.threebox .contentcenter1{max-width: 915px;  margin: auto;}
.boxsquare.fivebox .contentcenter1{max-width: 1230px;  margin: auto;}


.mbtm0{margin-bottom:0px;}
.headernew.headerleft{padding-left:240px;}
.formobile{display:none;}
.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:block;}
.zipcodeouter{display:none;}


.mobilenav,
.formobile{display:none;}
.financeprice{display:none;}
.septline{ display: block; width: 120%;  position: relative;  clear: both;  height: 6px;   background: #f2f3f4;   margin: 2px -10% 6px;}
.calcontent { padding: 0px; transition: all 0.5s ease;}
.catimgbox .item h3{font-size: 15px;font-weight: bold;padding: 15px 10px; margin: 0;color: #3e3e3f;}
.cattitle{ height:57px;text-align: center; font-size: 26px; color: #000;padding:10px;  font-weight: 500; background: #fff;    box-shadow: 0 0 8px #a5a5a5;width: 96%;   margin: 8px auto 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.toptitle{display:block;width:100%;text-align:center;font-size:32px;margin:0px 0px 30px;}

.iwanttodiv,
.selectcathouse,
.categoryhouse{width:100%; }
.boxsquare ul{margin:0px;padding:0px;list-style:none;    display:block;   text-align: center;   vertical-align: middle;}
.boxsquare ul li{height: 350px;width:350px;position:relative;display: inline-block;background: #fff; border-radius: 10px;margin:10px 20px 0;vertical-align: top;    box-shadow: 4px 4px 7px #424242;}
.boxsquare ul li.activeli{box-shadow: 3px 3px 5px #505050;}
.boxsquare ul li .houseimg{height:255px;margin-bottom:0px;display:block;overflow:hidden;}
.boxsquare ul li .houseimg img{width: 100%;display: block;margin: auto;}
.boxsquare ul li label{cursor:pointer;position:relative; width: 100%;height:100%; overflow: hidden;margin: 0px;display: block;   border: 1px #908f8c solid;border-radius: 10px;}
.boxsquare ul li a{display:block;width:100%; position:relative;margin:0px;height:100%; text-decoration:none;overflow:hidden;}
.boxsquare ul li label:hover p{color: #908f8c}
.boxsquare ul li.activeli label.cathactive:after{ content: ""; width: 100%; height: 100%;border: 3px #ff0 solid;position: absolute;left: 0;top: 0;border-radius: 10px;}
.boxsquare ul li .ptxt{position:relative;overflow:hidden;height:95px;padding: 5px;display:table;width:100%;}
.boxsquare ul li .ptxt p{display:table-cell;vertical-align:middle;margin: 0;   font-size: 30px;color:#014081;text-align:center;height:100%;font-weight:bold;}
.boxsquare ul li .ptxt p span{font-size:18px;display:block;}
.boxsquare ul li .ptxt.yesnoques p{font-size:40px;}
.boxsquare ul li label.cathactive,
.boxsquare ul li label.liveinactive{border-color:#ff0;background: #ff0;}
.boxsquare ul li label.cathactive p,
.boxsquare ul li label.liveinactive p{color:#000;}
.boxsquare.noinfobox ul li label:hover:before{display:none;}
.boxsquare ul li .thumb,
.servicebox ul li span.thumb{visibility:hidden;width: 0;height: 0; border-bottom: 70px solid #ff0; border-left:70px solid transparent;margin: 0px; float: right; position: absolute;bottom: 0;right: 0;}
.boxsquare ul li.bgactive .thumb,
.boxsquare ul li label.cathactive  .thumb,
.boxsquare ul li label.liveinactive .thumb,
.servicebox ul li.bgactive .thumb,
.specialofferbox ul li.spactive .thumb{visibility:visible;display: block !important;}
.boxsquare ul li .thumb img,
.servicebox ul li.bgactive .thumb img,
.specialofferbox ul li.spactive .thumb img{width:26px;margin-left: -35px;margin-top:35px;}
.boxsquare ul li label:hover,
.servicebox ul li label:hover{border-color:#ff0;cursor:pointer;}
.iwanttodiv ul li label.cathactive:after,
.selectcathouse ul li label.cathactive:after,
.categoryhouse ul li label.liveinactive:after,
.boxsquare ul li label.cathactive:after{content: "";  width: 100%;height: 100%; border: 4px #ff0 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}
.boxsquare ul li label:hover:after{content: "";  width: 100%;height: 100%; border: 4px #ff0 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}

.boxsquare.threebysix ul{max-width: 920px;width:100%; margin: auto;}
.boxsquare.threebysix ul li{ height: 260px;width: 260px; margin:10px;}
.boxsquare.threebysix ul li .ptxt{height:80px;}
.boxsquare.threebysix ul li .ptxt p{font-size:24px;}
.boxsquare.threebysix ul li .houseimg{height:180px;}

.boxsquare.fourbox ul li{width: 240px;   height: 240px;margin:10px;  }
.boxsquare.fourbox ul li .ptxt{height:70px;}
.boxsquare.fourbox ul li .ptxt p{font-size:22px;}
.boxsquare.fourbox ul li .houseimg { height: 170px;  display: block;   width: 100%;   position: relative;}
.boxsquare.fourbox ul li .houseimg.fullwidthimg {height: 100% !important;    padding: 15px;}



.boxsquare.threebox ul li{    height: 280px;width: 280px; margin:10px 10px;}
.boxsquare.threebox ul li label .ptxt{height: 90px;  padding: 5px 10px 5px 42px;   }
.boxsquare.threebox ul li label .ptxt p{font-size: 24px; height: 100%; }
.boxsquare.threebox ul li .houseimg {height: 188px;}

.boxsquare.threebythree ul{max-width:830px;margin:auto;}
.boxsquare.threebythree ul li{    height: 240px;width: 240px; margin:10px 10px;}
.boxsquare.threebythree ul li label .ptxt{height: 70px;  padding: 5px;   }
.boxsquare.threebythree ul li label .ptxt p{font-size: 22px; height: 100%; }
.boxsquare.threebythree ul li .houseimg {height: 170px;}


.boxsquare.noinfobox ul li label:hover:before,
.boxsquare.noinfobox ul li label.cathactive:before,
.boxsquare.noinfobox ul li a:after{display:none;}
.boxsquare.noinfobox ul li:after,
.boxsquare.noinfobox ul li label:before{display:none;}
.boxsquare.noinfobox ul li .ptxt{padding:0 5px !important;text-align:center !important;}
.boxsquare.noinfobox ul li .ptxt p{text-align:center !important;}

.boxsquare.onlyimg ul li .houseimg{height:100% !important;}

.boxsquare.fivebox ul li{    width: 200px;   height: 200px;    margin: 15px 5px;}
.boxsquare.fivebox ul li .houseimg { height: 140px;  display: block;   width: 100%;   position: relative;}
.boxsquare.fivebox ul li .ptxt{height:60px;padding: 10px 10px 10px 50px;}
.boxsquare.fivebox ul li .ptxt p { margin: 0;font-size: 22px;text-align: center;}
.boxsquare.fivebox ul.services-list{margin:auto;max-width:900px;}

.boxsquare.sevenbox ul li{    width: 144px;   height: 144px;    margin: 15px 5px;}
.boxsquare.sevenbox ul li .houseimg { height: 150px;  display: block;   width: 100%;   position: relative;}




.boxsquare.sixbox .thenumberofwin ul{max-width:770px;margin: auto;}
.boxsquare.sixbox .thenumberofwin ul li{width:230px;height:230px;margin:5px 10px;}
.boxsquare.sixbox .thenumberofwin ul li label{height:100%;}
.boxsquare.sixbox .thenumberofwin ul li label .ptxt{height:75px;}
.boxsquare.sixbox .thenumberofwin ul li label .ptxt p{font-size:30px;color:#000;}
.boxsquare.sixbox .thenumberofwin ul li label .houseimg{height:154px;}

.boxsquare.onlyimage ul li label .houseimg{height:100%;}

.boxsquare ul.exterior-color{max-width: 955px; margin: auto;}


.infobar {width: 70px; height: 70px; overflow: hidden; position: absolute; top: 0; left: 0;z-index:999;    border-top-left-radius: 10px; }
.infobar  .infoicon { position:relative;display: block; cursor:pointer;height: 100%;background-color: #908f8c;transform-origin: bottom left; transform: skewY(-45deg); -webkit-transform: skewY(-45deg);border:4px transparent solid;    }
.infobar  .infoicon:hover{background:#ddd;border:4px #000 solid;}
.infobar1  .infoicon:hover:after{height: 4px; left: 0px;  content: ""; background: #000; position: absolute; top: 31px; width: 100%;transform: skew(0deg, 45deg);}
.infobar .infoicon i{width: 22px;height: 22px; background: #fff;border-radius: 11px;position: absolute;bottom: 10px;transform: skew(0deg, 45deg);left: 9px;line-height: 22px;}
.infobar .infoicon:before{content:"";width:100px;height:2px;background:#ddd;}
.boxsquare ul li label.cathactive .infobar1{    background: url(../images/infobghover.png) right no-repeat;    background-size: 90px;}
.infobar .infoicon.chkaro:after{content: "\f0d8"; position: absolute; font: normal normal normal 14px/1 FontAwesome;color: #908f8c;font-size: 34px;top: 41px;left: 12px;z-index: 999; transform: skew(0deg, 44deg);}
.infobar .infoicon.chkaro{background: #fff101;border-color: #fff101;}
.ctninfo .col-sm-6.chkapply ul li .infobar.chkaro .infoicon:after{color: #908f8c; transform: rotate(180deg);top: -16px;   left: 1px;}
.infobox { background: #fff; padding: 10px 15px;  display: none;  position: absolute;  width:700px;  z-index:9999;  border: 2px #908f8c solid; box-shadow: 0 0 4px #ccc;  border-radius: 5px;  left:-75px; right: 0; top:42px;height: auto;margin: auto; }
.selectcathouse ul li .check.chkaro:after, 
.categoryhouse ul li .check.chkaro:after{content: "";position: absolute; background: url(../images/infoarw.png);left: -7px;top: 24px;width: 42px;height:13px;z-index:10;}
.infobox .infoimg,
.infobox .infoctn{float:left;}
.infobox .infoimg{width:25%;margin-right:2%;}
.infobox .infoimg img{width:100%;}
.infobox .infoctn{width: 73%;position:relative;min-height:110px;margin-bottom:10px;}
.infobox .btn-close{cursor:pointer;outline:0;float: right; background: #797979; border-radius: 15px; width: 70px; height: 30px; position: relative; bottom: 0px;right:5px;color: #fff;z-index: 999;padding: 4px;}
.infobox  .btn-cross.myclosing-btn:focus{outline:none;}
.infobox  .btn-cross.myclosing-btn{cursor:pointer;position: absolute;   top: -8px;   right: -8px;border-radius: 15px;background: #014081;color: #fff;border: 1px #ccc solid; width: 26px;height: 26px;}
.infobox .infoctn p{padding: 0px !important;text-align: justify !important;  font-size: 16px !important;margin-bottom: 10px !important;   color: #000;   height: auto;}
.infobox .infotext{text-align: left; width: auto;}
.infobox .infovideo{float: right; width: 40%;    overflow: hidden;    margin-left: 15px;max-height:175px;}
.infobox .infovideo iframe{border: 5px #000 solid; border-radius: 6px;width: 100%;}
.txtbox.boxsquare ul li{height: 185px;width:222px;margin: 44px 20px 0;}
.txtbox.boxsquare ul li label{height:200px;}
.txtbox.boxsquare ul li p {padding: 10px 10px 10px 42px;   font-size: 18px;height:65px;}
.mystyle.boxsquare ul li{height: 185px;width:214px;margin: 44px 20px 0;}
.mystyle.boxsquare ul li label{height:200px;}
.mystyle.boxsquare ul li p {padding: 10px 10px 10px 42px;   font-size: 18px;height:65px;}


 
.boxsquare.threebox ul li .infobar {width: 60px; height: 60px;}
.boxsquare.threebox ul li a:after{left:-38px;}
.boxsquare.threebox ul li label:before{left:-52px;}
.boxsquare.threebox ul li label:hover:before, 
.boxsquare.threebox ul li label.cathactive:before, 
.boxsquare.threebox ul li label.liveinactive:before{left:-56px;}
.boxsquare.threebox ul li .infobar .infoicon i {width: 20px;height: 20px;line-height:20px;left:2px;}
.boxsquare .specialofferbox ul li p{ font-size:18px !important; }
.windowstyle.boxsquare ul li{height: 182px;width:173px;margin: 40px 8px 0;}
.windowstyle.boxsquare ul li label{height:200px;}
.windowstyle.boxsquare ul li p {padding: 10px 10px 10px 47px;font-size: 18px;height:65px;}
.rightsidebar{background-color:rgba(0,0,0,0.8);right:0;width:calc(33% - 20px);float:left;height:calc(100% - 45px); position: relative;overflow: hidden;transition: all 0.5s ease;margin-top: 15px; border-radius: 10px;box-shadow: 1px 4px 5px #232323; }
.rightsidebar .rightbarcontent{height: calc(100% - 90px);width: 100%;position: relative;overflow:hidden;}
.rightsidebar .rightinner{display: block;height: calc(100% - 110px);overflow: hidden;  width: 100%;clear: both;}
.rightsidebar .rtxtbox{padding:0;display: table; width: 100%; clear: both;}
.rightsidebar .rightproctn,
.rightsidebar .rightclder,
.rightsidebar .bottomchatbox{display:block;padding:10px 15px;width:100%;}
.rightsidebar .datedisply{border-bottom:2px #ccc solid;padding:10px 15px;}
.rightsidebar .datedisply h4{ color: #ff0; text-align: right;margin: 0;padding:0px;font-size:30px;}

.rightsidebar .rightproctn .callabout .calto{font-size: 20px;color: #3ff2b0;float: left;line-height:39px;}
.rightsidebar .rightproctn .callabout .btn{float: right;border: 1px #ccc solid;background: #b97b55;border-radius: 0;font-size: 18px;}
.rightsidebar .rightproctn .callabout .btn:hover{background:#3ff2b0;color:#000;}
.rightsidebar .rightproctn .prodetail{}
.rightsidebar .rightproctn .prodetail p{color:#fff;font-size: 24px;margin: 0;width: calc(100% - 50px);float: left;}
.rightsidebar .rightproctn .prodetail .editpro{cursor:pointer;color:#fff;float:left;padding-top:10px;}
.rightsidebar .rightproctn .prodetail .editpro:hover{color:#ff0;}
.rightsidebar .rightclder .schedulefree h3{text-align: center; font-size: 30px;color: #ff0;font-weight: bold;margin:15px 0;}
.rightsidebar .rightclder .schedulefree a.schbtn,a.schedule-certificate-btn{display:block; cursor: pointer;font-size: 26px;border-bottom: 1px #69d169 solid; background: #a1ff01;margin-bottom:0px;border-radius: 20px;padding: 5px 10px; color: #101010; text-align: center;}
.rightsidebar .rightclder .schedulefree a.schbtn:hover,a.schedule-certificate-btn:hover{background:#ff0;}
.rightsidebar .rightclder .schedulefree .selectdate{width:100%;padding: 5px;font-size: 16px;}
.rightsidebar .rightclder .schedulefree .datetimediv{display: block; width: 100%;position: relative;color:#fff;text-align:center;}
.rightsidebar .rightclder .schedulefree .datetimediv table{ width: auto;margin: auto;text-align: left;}
.rightsidebar .rightclder .schedulefree .datetimediv h4,
.rightsidebar .rightclder .schedulefree .datetimediv h5{ margin: auto;  padding:20px 0; font-size: 30px;width: 340px;   font-weight: 500;}
.rightsidebar .rightclder .schedulefree .datetimediv i{color:#ff0;}
.rightsidebar .estimatetotal{border: 2px #ff0 solid;width: calc(100% - 30px); margin:15px auto 0;  border-radius: 10px;display:none;padding:10px 15px;}
.rightsidebar .estimatetotal h4{float: left; width: 45%;color: #fff;height:50px;  margin: 0;  line-height: 50px; font-size: 30px;text-align: right; padding: 0 10px 0 0px;}
.rightsidebar .estimatetotal .totalbox{height: 50px;line-height: 40px;border: 2px #ff0 solid;float: right;width: 55%;padding: 5px;border-radius: 5px;text-align: center;font-size: 30px;}
.rightsidebar .estimatetotal p{display:block;width:100%;margin:auto; color: #fff; padding: 10px 0px 20px; text-align: left; clear: both;font-size:22px;}
.rightsidebar .bottomchatbox {height:110px;display: table; width: 100%;position: relative;margin-bottom:0px !important;border-top:2px #fff solid;}
.rightsidebar .bottomchatbox .socialdiv{float: left;width: 70%;margin-top:8px;}
.rightsidebar .bottomchatbox .socialdiv ul{margin: 0;padding: 0;list-style: none; display: block; width: 100%;}
.rightsidebar .bottomchatbox .socialdiv ul li{background:#fff;float: left; width:31%;height: 65px; overflow: hidden; margin-right:2%; border-radius: 8px;}
.rightsidebar .bottomchatbox .socialdiv ul li a{display:block;cursor:auto;}
.rightsidebar .bottomchatbox .socialdiv ul li .rimg{display: block;  height: 30px;margin: 3px 0;}
.rightsidebar .bottomchatbox .socialdiv ul li .rimg img{width: auto;display: block; margin: auto; max-height: 100%;height:auto;}
.rightsidebar .bottomchatbox .socialdiv ul li .ratingpoint {display: block; width: 100%;position: relative; height: 15px;font-weight:bold; font-size: 12px; text-align: center;line-height: 12px;}
.rightsidebar .bottomchatbox .socialdiv ul li .ratingpoint span{font-weight:normal;}
.rightsidebar .bottomchatbox .socialdiv ul li .ratingstar{display: block; height: 12px;  text-align: center;position: relative;clear: both;}
.rightsidebar .bottomchatbox .socialdiv ul li .ratingstar i{    display: inline-block;margin:0px;   font-size: 10px;line-height: normal;  vertical-align: top;}
.rightsidebar .bottomchatbox .chatboxdiv{float: left; width: 30%;height:80px;text-align:right;}
.rightsidebar .bottomchatbox .chatboxdiv img{ width: auto; max-width: 100%;height:100%;} 
.calendarbox{background:#000;overflow:hidden; display: block;width: 100%; max-width:800px;position: relative; border: 2px #a1ff00 solid;margin: 15px auto; height: 150px; border-radius: 10px;}
.finestimate{ padding-top:20px;   display: table;    width: 100%;    position: relative;   clear: both;}
.sepheight5{height:5px;display:block;width:100%;}

.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: 24px;    border-bottom: solid 2px #a1ff00;padding:4px;}
.mycalendar ul li:last-child{border-right: solid 2px #a1ff00;}
.mycalendar ul.showing-dates li{cursor: pointer;height:105px;}
.mycalendar ul.showing-dates li.active,
.mycalendar ul.showing-dates li.active .schedule-day{background: #ff0; color: #000;}
.mycalendar ul li{border-left: solid 2px #a1ff00; float: left; padding: 0px;width:14.2%; text-align: center; color: #e4e4e4;}
.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:150px;text-align:center;line-height:150px;}
.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: 18px; display:block;height:30px;padding:2px;overflow:hidden;}
.mycalendar span.schedule-day{font-size: 30px;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: #5f5f5f; color: #9c9c9c; cursor: default;}


span.thumb{display: block;}
span.thumb2{display: none;}
span.thumb2 img {height: 25px; float: right; }


.carousel-btn{background:transparent; position: relative;  padding:6px 10px;    display: block;  clear: both;height: 50px;  bottom: 0px;width:100%;  left: 0;right: 0; margin: auto;}
.carousel-btn a{position: relative; z-index: 9;  background:transparent;min-width:120px;padding:5px 10px;color:#fff;     font-size: 18px;   text-transform: uppercase;border: 2px #fff  solid; border-radius: 20px;text-align: center;text-decoration:none;}
.carousel-btn a:hover{background:#a1ff00;color:#000;border-color:#000;}
.carousel-btn button.typebutton{outline:0;width: auto;padding: 10px; font-size: 18px; text-transform: uppercase; background: transparent; border: 0;color: #fff;}
.servicebox ul{margin:0px 20px;padding:0px;list-style:none; display:table-cell;text-align:center;vertical-align: middle;}
.servicebox ul li{width:170px; height:170px; margin:15px;display:inline-block;overflow:hidden;border-radius: 10px;position:relative;}
.servicebox ul li label{margin:0px;border: 1px #908f8c solid;    border-radius: 10px;    display: block; height:170px;   width: 100%;overflow:hidden;    position: relative;}
.servicebox ul li.bgactive label,
.specialofferbox ul li.spactive label{  border-color: #fff101;}
.servicebox ul li p{padding:10px 10px 10px 40px;    margin: 0;    font-size: 13px;text-align:right;}
.servicebox ul li .serimg{ height:113px;   display: block;  width: 100%;  position: relative;}
.servicebox ul li .serimg img{width:100%;}
.servicebox ul li.bgactive,
.specialofferbox ul li.spactive{border-color:#ffeb3b;    display: inline-block;}
.servicebox ul li.bgactive label:after,
.specialofferbox ul li.spactive label:after{content: "";  width: 100%;height: 100%; border: 4px #fff101 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}
.servicebox ul li.bgactive .infobar,
.specialofferbox ul li.spactive .infobar{   background: url(../images/infobghover.png) right no-repeat;   background-size: 70px;}
.servicebox ul li label:hover{ cursor:pointer;   border-color: #fff101;}
.servicebox ul li label:hover:after{content: "";  width: 100%;height: 100%; border: 2px #fff101 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}
.servicebox ul li label:hover:before{content:"";background: url(../images/infobghover.png) right no-repeat; background-size: 70px;top: 0px;  width: 70px;height: 70px; z-index: 1; position: absolute;left: 0;}
table.roomtables{width: 95%;margin:30px auto 0;}
table.roomtables thead tr th{text-align:center;position:relative;}
table.roomtables thead tr th:nth-child(1){border:0px;}
table.roomtables thead tr th:nth-child(1):after{position: absolute;content: ""; background: #fff; height: 56px; width: 100%; left: -1px; top: -5px;}
table.roomtables thead tr th p{display:block;padding-top:5px;margin:0px;clear:both;}
table.roomtables>tbody>tr{background:#f3f9fd;}
table.roomtables>tbody>tr:nth-of-type(even) { background-color: #fff;}
table.roomtables .tdimg{width: 50px;height: 50px;    display: inline-block;    margin: 5px 5px 5px 0;}
table.roomtables .tdimg img{width:100%;}
.incrementbox{width:85px;height:39px;border:2px #ccc solid;border-radius:5px;margin:auto;position:relative;}
.incrementbox input{float: left; width: 50px; border: 0;height: 34px;text-align:center;outline:0; font-size: 18px;  font-weight: bold;}
.incrementbox button{float: right;height: 18px;  padding: 0; width: 30px; margin: 0; line-height: 14px; font-size: 22px;font-weight:bold; border-radius: 0; border: 0;    border-left: 1px #ccc solid;}
.incrementbox button:focus,
.incrementbox button:hover{outline:none;}
.incrementbox button.sub{     margin-top: 15px;    line-height: 12px;    font-size: 30px;    height: 20px;position: absolute;  right: 0;bottom: 0;}
.incrementbox button.add{position: absolute; top: 0;right: 0;    border-bottom: 1px #ccc solid;}
.incrementbox.plus{border-color: #fff101;}
.incrementbox.plus:before{content: "";   width: 89px;  height: 42px;  border: 3px #fff101 solid;   position: absolute;   left: -4px;   top: -3px;border-radius: 5px;    z-index: 0;}
.tdinfo{position: relative; width: 16px;height: 16px;background: #000; border-radius: 8px;color: #fff;font-size: 12px;text-align: center; float: right; clear: both; display: block;}
table.roomtables.threecol{max-width:500px;width:100%;}
.savingpromotion{display:block;width:100%; position:relative;padding:50px;}
.savingpromotion .checkbox{width: 400px; margin: auto; font-size: 16px; margin-bottom: 6px;}
.savingpromotion label{width: 460px;margin: auto; display: block;font-size: 18px;font-weight: 600;padding-bottom: 12px;}
.savingpromotion .checkbox.promocode input[type="text"] {width:100px;    display: inline-block; margin-left: 10px;}
.savingpromotion .checkbox.promocode input[type="checkbox"]{float: left; margin-top: 7px;}
.savingpromotion .sepline{border-bottom:1px #000 solid; margin-bottom: 25px; margin-top: 15px;}
.savingpromotion button{ border-radius: 20px;width: 220px; font-size: 20px; box-shadow: 0 0 5px #b1b1b1; font-weight: bold;display:block;background:#fff101;margin-left: -20px; border-color: #e2d60a;}
.savingpromotion button:focus{outline:none;}

.datepickbox #calendar{width: 670px;height: 540px;    margin: 20px auto 10px;}
.datepickbox .datepicker table{background:#014081;border:1px #e6e7e9 solid;}
.datepickbox .datepicker table tr th{height:50px;}
.datepickbox .datepicker table thead tr:nth-child(2){color:#fff;}
.datepickbox .datepicker table thead tr:nth-child(2) th:hover{background:#032b54;color:#fff;}
.datepickbox .datepicker table thead tr:nth-child(3){background:#6bacde;color:#fff;border-radius: 0}
.datepickbox .datepicker table tbody{background:#fff;color:#000;}
.datepickbox .datepicker table tbody td{border-bottom:1px #e6e7e9 solid;border-left:1px #e6e7e9 solid;height:70px;}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{height:50px;}
.availbedatebox{display:table;width:370px; position:relative;clear:both;margin:auto;}
.availbedatebox ul,
.timebox ul{margin:0px;padding:0px;list-style:none;display:block;}
.boxsquare .availbedatebox ul li{background:transparent;width:33%;height:auto; float:left;margin: 0; border: 0;text-align: left;border-radius:0px; box-shadow: none;color: #fff;}
.boxsquare .availbedatebox ul li span{width: 20px;height:20px; float: left; border: 1px #ccc solid; margin-right: 10px;}
.boxsquare .availbedatebox ul li:nth-child(1) span{background:#e6e7e9;}
.boxsquare .availbedatebox ul li:nth-child(2) span{background:#fff;}
.boxsquare .availbedatebox ul li:nth-child(3) span{background:#FFEB3B;}
.boxsquare.fourbox ul.services-list{max-width:1080px;margin:auto;}

.howmanywin{overflow:hidden;}
.howmanywin .widowtypdiv{float:right;width:315px;height:100%;position: relative;  clear: both;padding: 10px 5px;overflow:hidden;}
.howmanywin .widowtypdiv ul{text-align:center;display:block;height:100%;  margin: 0;padding: 0;list-style: none;}
.howmanywin .widowtypdiv ul li{width:140px;height:140px;margin:3% 5px;border:1px transparent solid;float:left;background:transparent;box-shadow: none;border-radius:5px;color:#fff;position:relative;}
.howmanywin .widowtypdiv ul li:hover a{display:table;transition: all 0.5s ease;border:1px #ccc solid;}
.howmanywin .widowtypdiv ul li a{display:none;text-decoration:none;color:#fff;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.8);border-radius:10px;font-size: 24px;}
.howmanywin .widowtypdiv ul li a i{vertical-align:middle;display:table-cell;}
.howmanywin .widowtypdiv ul li img{max-width:100%;height:80px;}
.howmanywin .widowtypdiv ul li p{height: auto; font-size: 14px;margin: 0;padding-top: 4px;}
.howmanywin .widowtypdiv ul li .intox{    display: none; width: 100%;clear: both;margin-top: 3px;}
.howmanywin .widowtypdiv ul li span{border: 1px #ccc solid; display: inline-block; font-size: 14px;padding: 4px;height: 18px;line-height: 9px;width: 30px;border-radius: 2px;margin-left: 5px;}
.howmanywin .scroll-wrapper{float:left;width:calc(100% - 315px);}
.howmanywin .contentcenter{display:block;}
.howmanywin .aboutfeet{display: table;   width:75%;    padding:15px;color: #fff;}
.howmanywin .aboutfeet h3{float: left; color: #fff;font-weight: 500;font-size: 24px;margin: 0; padding: 0;}
.howmanywin .aboutfeet .measurement{float:right;}
.howmanywin .aboutfeet .measurement p{float: left;margin: 0;font-weight: normal;padding-right: 20px;font-size:24px;line-height:30px;}
.howmanywin .aboutfeet .measurement label{ font-size: 24px; line-height: 30px;    padding-left: 30px;}
.howmanywin .aboutfeet .measurement label input[type=radio]{width:20px;height:20px;    margin-left: -25px;}
.winuantity{display:block;width:100%; clear:both;padding:0 15px;}
.winuantity table{width:auto;}
.winuantity table tr{margin-bottom:10px;}
.winuantity table td:nth-child(1){width:125px;font-size:24px;}
.winuantity table td{color:#fff;border-top: 0 !important;}
.winuantity table td p{font-size:24px;float:left;    line-height: 40px;margin: 0;}
.winuantity table td .windowinc{float:left; width: 90px;background: #fff;overflow: hidden; border-radius: 5px; margin-left: 15px;}
.winuantity table td .windowinc button{float:left;color: #000;font-size: 28px;font-weight: bold;line-height: 22px;    height: 40px; border: 0;outline:none;}
.winuantity table td .windowinc button:hover{background:#a1ff00;}
.winuantity table td .windowinc input{width:40px;float:left;color: #000;margin: 0;   outline: none;   border: 0;line-height:38px;text-align:center;font-size:20px;}
.winuantity table td a{color:#fff;font-size:30px;}
.winuantity table td select{padding:0px 2px;height:40px;line-height:24px;width:175px;font-size:20px;}
.winuantity table td select.windowtype{width:230px;}
.winuantity table td.tddisable{display:none !important;}
.rowaddbtn{width:100%;display:block;clear:both;padding-top:25px;}
.rowaddbtn a{color:#fff;border: 2px #bdbdbd solid; padding: 2px 15px; border-radius: 4px;}
.rowaddbtn a:hover {border: 2px #b7b704 solid; background: #ff0;    color: #000;}



.timebox{display:block;width:100%;position:relative;margin:0;}
.timebox h3{ margin: 10px 0; padding: 0;font-size: 18px;}
.timebox ul li{display: block;width: 100%;border: 1px #ccc solid;border-radius: 0px;margin: 0 0 5px 0;height: 32px;line-height: 32px;text-align: left;padding: 0 15px;cursor:pointer;}
.timebox ul li.timeactive{background: #FFEB3B;}
.timebox p{text-align:center;}
.custom-checkbox{border: none;box-shadow: none;}
.timebox p.note{font-size:12px;}
#calendartimepopup .modal-dialog{width:400px;}
#calendartimepopup .modal-dialog .col-md-12{padding:0px;}
#calendartimepopup .modal-header{padding:10px 15px;}
#calendartimepopup .modal-header h4{font-size:30px;text-align:center;}
#calendartimepopup .modal-header .close { margin-top: 0px;    font-size: 40px;outline:0;}
#calendartimepopup .modal-header .close:focus{outline:0;}
#calendartimepopup .modal-body{overflow:auto;}
.locationdivbox{width:100%; margin: auto;}
.locationdivbox  input[type=submit]{border-radius: 0;  width: 100px;font-size: 24px;height: 42px;}

.contactinfo{display: table; width: 100%;  max-width: 740px;  margin: auto; position: relative;}
.contactinfo h4{margin:0 2%;color:#fff;padding-bottom:5px;font-size:28px;}
.contactinfo .form-group,
.contactinfo .form-group-half{width:46%; margin:0 2% 20px;float:left; position: relative; }
.contactinfo .form-input { border: 1px #ccc solid;  border-radius: 4px;   height: 50px;   padding: 0px;}
.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: 8px;font-size:22px; }
.contactinfo input,
.contactinfo select{height:50px;}
.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; }
.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: 1px; font-size: 16px;color: #000; }
.contactinfo input,.contactinfo textarea {font-size:18px; box-sizing: border-box; width: 100%; display: block; border: none; color: #276dd6; background: #fff; padding: 16px 10px 4px; }
.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: 16px 10px 4px;}
.contactinfo select option:first-child{color: #000;font-size: 16px;}
.contactinfo select option{color: #276dd6;}
.contactinfo input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset; }
.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% - 110px);}
.contactinfo .form-group-half .zipgroup{margin:0px;width:105px;}
.contactinfo .form-group.howdidgrup select{padding:5px;}
.contactinfo .form-group.howdidgrup select option[disabled]   {color: #000;}
.contactinfo .prodetail{display: block; width: auto; position: relative;  clear: both;color: #fff;margin: 0 2% 15px;}
.contactinfo .prodetail p{margin:0px 0px 10px;padding-right:60px;font-size:24px;}
.contactinfo .prodetail .editpro{position: absolute;top: 0; right: 0;cursor:pointer;}
.contactinfo .form-group.captchanum{width:100%; margin: 0px 0 15px 0;    height: 32px;}
.contactinfo .form-group.captchanum p{float:left;margin:4px 10px 0 0;}
.contactinfo .form-group.captchanum input{float:left;margin:0px 10px 0 0;width:40px;border:1px #ccc solid; padding: 0;height: 30px;text-align: center;border-radius: 4px;}
.contactinfo .form-group.captchanum a{float:left;margin:4px 10px 0 0;}
.contactinfo .form-group.captchanum div{float:left;margin:5px 0px 0 0;}
.contactinfo .form-group.captchanum #success, .contactinfo .form-group.captchanum#fail{display: none;}
.contactinfo .form-group.captchanum #success{color:#84c430;}
.contactinfo .form-group.captchanum #fail{color:red;}



.panelincrement{width: 95%; margin: 30px auto 0;}
.panelincrement.panel-group .panel-heading{position:relative;}
.panelincrement .panel-title a:after{position:absolute;right:15px;font-size:14px;    font: normal normal normal 14px/1 FontAwesome;}
.panelincrement .panel-title a.collapsed:after{content:"\f067";}
.panelincrement .panel-title a:after{content:"\f068";}
.schappointment .subheading,
.theprocess .subheading,.specialtitle{font-size:46px;padding-bottom:0px;}
.schtitle{display: block; width: 100%; text-align: center; position: relative; padding: 0px 0px 30px;}
.schappointment .schtitle h3{ color:#fff !important;   font-size: 36px !important;font-style: italic; font-weight:500;}
.schtitle p{margin-bottom:0px;color:#fff;font-size:28px;}
.schtitle  p.copyof{font-size: 21px;max-width: 600px;   width: 100%;margin: 20px auto 0;color:#ff0;}
.schtextarea {   display: block;   vertical-align: middle;   width: 100%;   position: relative;}
.schtextbox{background:#fff; display: block; margin: auto; text-align: center; width: 100%;max-width: 660px; border: 1px #a2a2a2 solid; padding: 20px; border-radius: 10px;}
.schtextbox h4{font-weight: bold; font-size: 30px; margin-top:0px;color:#000;}
.schtextbox .schdatetime{display: block;width:100%;   margin: auto;   text-align: center;}
.schtextbox .schdatetime table{width:auto;margin:auto;text-align:left;}
.schtextbox .schdatetime p{font-size:30px;color:#000;}
.schtextbox .schdatetime p i{margin-right:5px;}


.confirmtotal{display: block;text-align: center; position: relative;clear: both;width: 100%;}
.confirmtotal table{width: auto;margin: auto;}
.confirmtotal td{}
.confirmtotal td p{font-size:24px;text-align:left;    line-height: 36px;margin: 5px 0;  padding-right: 10px;}
.confirmtotal td span{display:block;height: 36px;min-width: 180px; border-radius: 4px; padding:0 10px; border: 2px #ccc solid;  line-height: 36px;   font-size: 24px; font-weight: bold;}
.confirmtotal td span i{font-style:initial;}


.schtextbox .fintotal{display:none;}
.schtextbox p.note{width: 295px;    margin: auto;    text-align: left;    font-size: 14px;}

.theprocess .subtitle h4{font-size:24px;}
.subtitle{display: block;  text-align: center;  padding: 0px 0 40px;}
.guidestep{    display:block;color:#fff;    width: 100%;    position: relative;    vertical-align: middle;}
.guidestep ul{margin:0px;padding:0px;list-style:none;text-align:center;}
.guidestep ul li{ width: 230px;  display: inline-block;  margin: 0 25px;position:relative; vertical-align:top;  }
.guidestep ul li .numimg{z-index:3;position: absolute;height: 165px;  width: 125px; top: -32px;}
.guidestep ul li .numimg img{height:100%;}
.guidestep ul li:nth-child(1) .numimg{left: -85px;}
.guidestep ul li:nth-child(2) .numimg,
.guidestep ul li:nth-child(3) .numimg{left: -70px;}
.guidestep ul li h4{    font-size: 30px;text-align: center;    margin: 0;    padding: 10px 0;}
.guidestep ul li p{    padding: 0;  text-align: center;margin-bottom: 0px; font-size:24px;}
.guidestep ul li .stepimg{ height: 155px;overflow: hidden; display: block; position: relative; border: 2px #000 solid;border-radius: 0px;outline: 0;}
.guidestep ul li .stepimg img{width:100%;}
.guidedownload {background: #fff101;color: #000;border-color: #fff101;    width: 140px;   margin: 60px auto 0;display: block;}
.meetourteam .subtitle{ max-width: 500px;margin: auto;   padding: 20px 0;}
.subtitle h4 {color:#fff; margin: 0px;  font-size: 22px;  line-height: normal;}
.meetourteam .guidestep{display: block; text-align: center; margin: auto;}
.meetourteam .guidestep ul{display: table;   width: 510px;   margin: auto;}
.meetourteam .guidestep ul li{width:140px;height:170px;border:0px;float:left;margin:0 15px;top:0px;}
.meetourteam .guidestep ul li label{height: 170px;   margin: 0;   position: relative;}
.meetourteam .guidestep ul li .teamimg{height:130px;width:130px;box-shadow: 0 0 4px #7d7d7d;  margin: 5px 0; padding: 5px;}
.meetourteam .guidestep ul li .teamimg img{width:auto;max-width:100%;height:auto;max-height:100%;display:block;margin:auto;}
.meetourteam .guidestep ul li p{}
.meetourteam .guidestep ul li .thumb{visibility: hidden;width: 0;    height: 0;    border-bottom: 70px solid #FFEB3B;    border-left: 70px solid transparent;    margin: 0px;float: right;   position: absolute;   bottom: 35px;   right: 0;}
.meetourteam .guidestep ul li .thumb img{width: 26px;  margin-left: -35px;   margin-top: 35px;}
.specialoffer .subtitle{ max-width: 500px;margin: auto;}
.specialofferbox{display: block;    margin: auto;    width: 100%;    position: relative;    vertical-align: middle;}
.specialofferbox ul{display:block;}
.youpricetext { display: block; text-align: center; position: relative;margin: 10px auto;color:#fff;max-width:660px;}
.youpricetext p{margin:0px;font-size:26px;}
.inspectiontitle{color:#fff;text-align:center;    font-size: 34px;   padding:60px 0px 10px;}
.inspectiontitle p{font-size:24px;}
.scheduleofferbox{padding-top:20px;display: block; clear: both;  position: relative;width: 100%;}
.scheduleofferbox h3{ color: #000 !important; text-align: center; font-size: 26px !important; margin: 0 0 10px 0 !important; padding: 0 !important;  font-weight: normal !important;}
.scheduleofferbox .scheduleoffer{display: block;  width: 100%;  max-width: 560px; margin: auto;position:relative;}
.scheduleofferbox .alexgiftcertificate:after{display:none;content:"";position:absolute;background:url(../images/offerarrow.png);width:109px;height:122px;right:-110px;top:-30px;}
.scheduleofferbox .alexgiftcertificate img{width:100%;}
.zipchange{ display: block;   height: 25px;   clear: both;   position: relative;width: 100%;text-align: center;     margin-top: 5px;    padding: 0 20px;}
.btn-about, .btn-about:focus {    display: block;    margin: 15px 20px 0;    border: 4px #b0bb42 solid;    font-size: 18px;    background-color: #CDDC39;clear:both;}
.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;}

#aboutuspopup .modal-dialog button.close { background: #848484;    width: 35px;    height: 35px;    border-radius: 17px;    outline: none;}
#aboutuspopup .modal-dialog button.close:hover{background:#ff0;}
#aboutuspopup .modal-content{background:transparent;overflow:hidden;border-top:0px;   -webkit-box-shadow: 0 13px 15px rgba(0,0,0,.5);box-shadow: 0 13px 15px rgba(0,0,0,.5);}
#aboutuspopup .modal-body,
#aboutuspopup .modal-footer{background:#fff;}
#aboutuspopup .modal-header{padding:0;background:transparent;height:50px;border:0px;}
#aboutuspopup .modal-header ul.nav-tabs{width:100%;float: left;height:50px;    background:transparent;padding:0px;}
#aboutuspopup .modal-header ul.nav-tabs li{float:left;width: 24.24%; margin: 0px 1% 0 0;height:50px;}
#aboutuspopup .modal-header ul.nav-tabs li.active a,
#aboutuspopup .modal-header ul.nav-tabs li a:hover{background-color: #fff;color: #000;border:0px;}
#aboutuspopup .modal-header ul.nav-tabs li a{color:#fff;margin: 0;border: 0; background: #000; transition: all 1.5s ease; height: 50px;text-align: center; font-size: 24px;}
#aboutuspopup .modal-header ul.nav-tabs li:last-child{margin-right:0px;}

#aboutuspopup .modal-body{height: calc(100% - 100px); overflow: auto;}
#aboutuspopup .modal-footer{padding:10px;height:50px;text-align:center;}
#aboutuspopup .modal-footer .btn{background: #ccc; color: #000;border-radius: 15px;border-color: #b5b5b5; width: 100px; outline: none;}
#aboutuspopup .modal-footer .btn:hover{background:#ff0;}
.modalaboutinfo .tab-content{width: 100%;height: 100%;}
.modalaboutinfo .tab-content h3{margin:0px;padding:10px 0 15px 0;text-align:center;color:#000;font-weight:bold;font-size:28px;}
.modalaboutinfo .tab-content p{color:#000;font-size:20px;}
.modalaboutinfo .tab-content .aboutlogo{ display: block;  width: 100%;padding-top:80px;}
.modalaboutinfo .tab-content .aboutlogo img{max-width:100%;width:auto;margin:auto;display:block;}
.modalaboutinfo .tab-content .ratingbox,
.modalaboutinfo .tab-content .greviewbox{height:250px;overflow:hidden;display: block;width: 100%;position: relative;border: 1px #ccc solid;border-radius: 10px;padding: 10px;box-shadow: 0 0 3px #ccc;}
.modalaboutinfo .tab-content h4{text-align:center;margin:0px;padding-bottom:10px;}
.modalaboutinfo .reviewrating{display: block;width: 100%;height: 250px;  overflow: hidden;}
.modalaboutinfo .tab-content .reviewrating h4{padding-bottom:5px;font-size:24px;font-weight:bold;}
.modalaboutinfo .tab-content .ratingbox ul{margin:0px;padding:0px;list-style:none;}
.modalaboutinfo .tab-content .ratingbox ul li{display:block;width:100%;position:relative;height:46px;margin:2px 0px;line-height:46px;}
.ratingbox .ratingimg{ width: 30%;padding-right: 15px;height:100%;}
.ratingbox .ratingimg img{max-width: 100%;height:100%;display: block;float: right;}
.ratingbox .ratingpoint{width:35%;text-align: right; padding-right: 15px; font-weight: bold;font-size:24px;}
.ratingbox .ratingpoint span{font-weight:normal;}
.ratingbox .ratingstar{width:35%;padding-top:4px;}
.ratingbox .ratingstar i{color:#fff101;font-size:20px;}
.reviewctrl{display: block; position: relative;  width: 100%;clear: both;height: 30px;}
.reviewctrl .carousel-control{background-image: none;width: 30px;height: 30px;top:inherit;opacity: 1;color: #000;font-weight: normal;z-index:99;}
.reviewctrl .carousel-control .glyphicon {font-size:20px;margin: 0px;   top: 0;   padding-top: 4px;}
.reviewctrl .carousel-control.left{right:40px;left:inherit;}

.modalaboutinfo .tab-content #carousel-review .carousel-inner{padding:0px;height:calc(100% - 20px);}
.modalaboutinfo .tab-content #carousel-review .carousel-inner .item{padding:0px;}

.modalaboutinfo .tab-content #carousel-review .carousel-inner .ratingreview{text-align:center;font-size:12px;}
.modalaboutinfo .tab-content #carousel-review .carousel-inner .reviewname{display: block;text-align: left;font-style: italic;font-weight:bold;}
.modalaboutinfo .tab-content #carousel-review .carousel-inner p{margin-bottom:5px;}

.modalaboutxt{position:relative;overflow:hidden;    height: calc(100% - 250px);}
.carousel-gallery .slider{    width: 80%;  float: left;}
.carousel-gallery .navigation-thumbs{    width: 20%;  float: left;}
.brandgallery{display:block;width:100%; position:relative; padding:0 30px;height:80px;overflow:hidden;}
.brandgallery .owl-stage-outer{width:100%; display:block; }
.brandgallery .owl-stage-outer .item{border: 2px #ccc solid; height: 80px;overflow: hidden;border-left:0px;}
.brandgallery .owl-stage-outer .item img{display: block;margin: auto; height: auto; max-height: 80px; padding: 5px; max-width: 147px;}
.brandgallery .owl-nav{}
.brandgallery .owl-nav .owl-prev,
.brandgallery .owl-nav .owl-next{position: absolute; width: 30px;   height: 80px;  top: 0;outline:none;}
.brandgallery .owl-nav .owl-prev{background:url(../images/slide-arrow-right.png) right no-repeat !important;right:-25px;}
.brandgallery .owl-nav .owl-next{background:url(../images/slide-arrow-left.png) right no-repeat !important;left:-31px;}
.imagevideogallery{display:block;width:710px; position:relative;overflow:hidden;margin:auto;}
.modalaboutinfo .tab-content .imagevideogallery .carousel-inner{border:0; display: block;  margin: auto;  width:85%;}
.modalaboutinfo .tab-content .imagevideogallery .carousel-inner  .item{padding:0px;}
.modalaboutinfo .tab-content .imagevideogallery  .carousel-control{background-image:none;color:#000;}
.modalaboutinfo .tab-content .imagevideogallery iframe{width:100%;height:400px;}
.modalaboutinfo .tab-content .imagevideogallery.aboutvideo{width:690px;}
.modalaboutinfo .tab-content .imagevideogallery.aboutvideo .carousel-inner {width:85%;}
.modalaboutinfo .carousel-control .glyphicon-chevron-right, 
.modalaboutinfo .carousel-control .icon-next {  right: 0%;margin-right:0px;}
.modalaboutinfo .carousel-control .glyphicon-chevron-left, 
.modalaboutinfo .carousel-control .icon-prev{left:0px;margin-left:0px;}
.doveraddress{display: block; border: 2px #ccc solid;  border-radius: 10px;  padding: 15px 30px; width:auto; margin:30px auto 0;}
.doveraddress img{width:auto;max-width:200px;display:block;margin:auto;}
.modalaboutinfo .tab-content .doveraddress h4{text-align: left;  font-size: 26px;  color: #000;  margin: 0;  padding:10px 0;}
.modalaboutinfo .tab-content .doveraddress p{color:#4e4e4e;}
.modalaboutinfo  .contactinfo{padding:30px 15px 0;max-width:100%;}
.modalaboutinfo  .contactinfo .form-input{margin:0 auto 15px;width:100%;height:53px;}
.modalaboutinfo  .contactinfo .textarea-group{height:auto;}
.modalaboutinfo  .contactinfo .textarea-group textarea{height:108px;}
.modalaboutinfo  .contactinfo button{ width: 100%; border-radius: 15px;  font-size: 18px;  color: #000;}
.winsize{display: block;position: relative; width:100%; margin: auto; text-align: center; height:30px;}
.approxwidth,.approxheight{float:left;width:95px; margin-left: 10px;position:relative;height:30px;}
.approxwidth p,.approxheight p{margin:0px;}
.approxwidth input,.approxheight input{padding-right: 50px !important;}
.approxwidth:after{content:"Width";position:absolute;    right: 10px;   top: 6px;}
.approxheight:after{content:"Height";position:absolute;    right: 10px;   top: 6px;}
span.wintypeimg{margin-left: 2px;}
span.wintypeimg img{width: 42px;}

.footer{display: block; margin: auto;  width: 96%;position: relative; clear: both;line-height:20px;padding-top:5px;text-align:center;}
.footer a{margin:0 25px; font-size: 12px;color:#fff;}
.footer a:hover{color: #337ab7;}


.iamnotsure{position:relative;display: block;  margin: 20px auto 0;max-width: 730px;   width: 100%;border: 2px #fff solid; border-radius: 5px; padding: 5px 10px;height: 46px;text-align:center;}
.iamnotsure:hover{border-color: #fffd02;}
.iamnotsure input{ margin: 0; height: 18px; width: 18px;}
.iamnotsure label{text-align:center;color:#fff;font-size:26px;}
.iamnotsure.notsure{background-color: #fffd02; border-color: #fffd02;}
.iamnotsure.notsure label{color: #000;}
.editprofilemodal .close,
.selecttimemodal .close,
.quantitymodal .close,
.giftmodaldiv .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;}
.editprofilemodal .tellus .form-group{width:100%;    margin: 0 0 15px;}
.editprofilemodal .tellus .form-label{margin:0px;line-height:normal;font-size:18px;}
.editprofilemodal h3{text-align: center; margin: 0;padding:20px 0; font-size: 24px;color: #000;}
.editprofilemodal .modal-dialog {width: 480px;}
.editprofilemodal .modal-dialog .tellus{max-width:390px;}
.editprofilemodal .modal-dialog  button.btn{background:#a1ff01;width:100%; outline:none; width: 100%;height: 35px;  font-size: 18px;  color: #000;margin: 20px 0;}
.selecttimemodal .todaydisplay{border: 4px #ff0 solid;border-radius: 5px;padding: 15px;text-align: center;width: 350px; margin: auto;}
.selecttimemodal .todaydisplay h3{margin: 0;padding-top: 10px; font-weight: bold;}
.selecttimemodal .todaydisplay h4{margin: 0;font-size: 24px;}
.selecttimemodal h3.selecttime{display: block;text-align: center;font-size: 24px;color: #000;}
.selecttimemodal h4{color: #444;font-size: 24px; text-align: center;    margin: 7px 0 20px;}
.selecttimemodal ul{margin:0px;padding:0px;list-style:none;}
.selecttimemodal ul li{position:relative;display:block;cursor: pointer;color:#000;width:100%; border: 2px #ccc solid; border-radius: 5px;padding: 5px; text-align: center;margin-bottom:15px;font-size:18px;}
.selecttimemodal ul li:hover{ border-color: #ff0;}
.selecttimemodal ul li.active{background:#fffd02;border-color:#fffd02;}
.selecttimemodal.modal.in,
.quantitymodal.modal.in,
.giftmodaldiv.modal.in{display:flex !important;}
.selecttimemodal .modal-dialog,
.quantitymodal .modal-dialog,
.giftmodaldiv .modal-dialog{margin: auto;}
.selecttimemodal .modal-body{overflow:auto;}
.selecttimemodal .modal-footer{border:0px;padding:0 0 30px;}
.selecttimemodal .schbtn,a.schedule-certificate-btn{text-decoration:none;max-width: 400px;width:100%;  margin:0 auto;    font-size: 24px;}
.selecttimemodal .schbtn:hover,a.schedule-certificate-btn:hover{background:#ff0;}

.quantitymodal .close,
.giftmodaldiv .close{right:5px !important;top:5px !important;}
.quantitymodal .modal-body,
.giftmodaldiv .modal-body{padding:30px 40px 30px 30px;}
.quantitymodal .modal-body .qntymodalimg{padding: 15px;box-shadow: 0 0 6px #313131;display:block;width:100%; overflow:hidden;}
.quantitymodal .modal-body .col-sm-5{padding:0 30px 0 0;}
.quantitymodal .modal-body .qntymodalimg img{width:100%;}
.quantitymodal  .promdlimg{display:block;width:100%;overflow:hidden;}
.quantitymodal  .promdlimg img{width:100%;}
.quantitymodal h3{margin: 0; font-weight: bold;   padding-bottom: 10px;}
.quantitymodal p{font-size:20px;color:#000;}

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


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
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: #276dd6; color: #276dd6 ;transition: background-color 5000s ease-in-out 0s;
  
}

.subheading.returntitle { font-size: 40px;}
.subheading.returntitle p{font-size:30px;margin:0px;}
.returnhome{display:block;width:100%; max-width: 340px; margin: 40px auto 0; text-align: center;}
.returnhome a{font-size: 22px;display: inline-block; height: 60px;background: #a1ff00;padding: 5px; width: 168px; cursor: pointer; position: relative; border: 4px #a1ff00 solid; border-radius: 10px;box-shadow: 0 2px 1px 1px #000000, 0 2px 3px #000000, 0 -1px 2px #656565, 0 -1px 2px #656565, inset 0 0 1px 0 #000000;transition: all 0.2s ease;}
.returnhome a:hover{border-color:#ff0;}
.returnhome a i{font-size: 45px;line-height: 40px;float: left;vertical-align: top;}
.returnhome a p{margin:0;line-height:40px;}

a.delicon:hover {color: #d80a0a;}
.mobiledetails{display:none;}

.giftmodaldiv .modal-dialog{width:815px;}
.alexgiftcertificate{color:#404041;display:block;position:relative;    box-sizing: border-box;padding:35px;margin:auto;background:#fff url(../images/alex-giftcertificate.jpg) center no-repeat;width:740px; height: 295px; background-size: contain;}
.alexgiftcertificate .giftcol{display:table;width:100%; position:relative;clear:both;margin:auto;}
.alexgiftcertificate .logodiv{width:70%;float:left;padding-top:5px;}
.alexgiftcertificate .logodiv .firstlogo{display:block;width:100%;margin:auto;text-align:left;padding-left:20px;}
.alexgiftcertificate .logodiv .firstlogo h4{font-family:"BickhamScriptProSemibold";font-size: 50px; margin: 0;color: #2b2f9c;letter-spacing:1px;}
.alexgiftcertificate .logodiv .sendlogo{float:left;    width: calc(100% - 100px);}
.alexgiftcertificate .logodiv .firstlogo img,.logodiv .sendlogo img{width:80%;margin:auto;display:block;}
.alexgiftcertificate .redeemdiv{width:25%;float:left;padding-top:2px;}
.alexgiftcertificate .redeemdiv .certino{display: block;width: 100%;position: relative;height:13px;font-size:10px;}
.alexgiftcertificate .redeemdiv .certino:after{content: "";position: absolute;bottom: 2px;left: 0;border-bottom: 1px #404041 solid;height: 1px;width: 100%;z-index: 0;}
.alexgiftcertificate .redeemdiv .certino span{background:#fff;position:relative;height: 20px; z-index: 1;}
.alexgiftcertificate .redeemdiv p{color:#404041;margin:0px;padding:0px;text-align:center; font-size: 14px;font-style: italic;}
.alexgiftcertificate .redeemdiv .redeemamnt{ display: block;width: 100%;position: relative;border: 1px #404041 solid; text-align: center;font-size:20px;font-weight:bold;height: 30px;padding:3px; overflow: hidden;}
.alexgiftcertificate .redeemdiv .redeemamnt pre{display:inline-block;}
.alexgiftcertificate .redeemdiv .redeemamnt span{display:inline-block;font-size: 14px;vertical-align: top;margin-top: 1px;text-decoration: underline;}
.alexgiftcertificate .presentedby p{color:#404041;position: relative;display: block;width: 100%;margin: 9px 0;height: 35px;overflow: hidden; font-size: 20px; line-height: 35px;}
.alexgiftcertificate .presentedby p:after{content: "";position: absolute;bottom: 7px;left: 0;border-bottom: 1px #404041 solid;height: 1px;width: 100%;z-index: 0;}
.alexgiftcertificate .presentedby p span{font-size:30px;font-family:"BickhamScriptProSemibold";background:#fff;position:relative;height: 35px; z-index: 1;}
.alexgiftcertificate .presentedby p img{width: auto;max-width: 230px;   margin-top: -14px;}
.alexgiftcertificate .presentedby p span.giftdate{    font-family: initial;background:transparent;font-size: 16px;}
.alexgiftcertificate .presentedby p i{text-transform: capitalize;}
.alexgiftcertificate .giftnote{ width: 73%;float: left;margin-top:5px;}
.alexgiftcertificate .giftnote p{color:#404041;font-size: 11px; margin: 0; line-height: 14px;width: calc(100% - 60px);float: left;    letter-spacing: -0.1px;}
.alexgiftcertificate .giftnote p span{font-weight:bold;}
.alexgiftcertificate .giftnote img{width: 60px;float: right;}
.alexgiftcertificate .giftcall{width:27%;float:left; text-align:center;}
.alexgiftcertificate .giftcall p{color:#404041;font-size: 11px;margin: 0;height:auto;line-height:12px;}
.alexgiftcertificate .giftcall p span{font-weight:bold;}
.alexgiftcertificate .giftcall img{width:18px;}
.alexgiftcertificate .giftcall a{font-size:11px;vertical-align:top;line-height:12px;}

.lastpageitem .innerboxheight{height:100%;}
.thankspage-video{display: block;width: 100%;max-width: 470px; margin: auto;border: 8px #fff solid;border-radius: 10px;overflow: hidden;}
.subheading.returntitle { font-size: 40px;}
.subheading.returntitle p{font-size:30px;margin:0px;}
.returnhome{display:block;width:100%; max-width:470px; margin: 20px auto 0;text-align:center;}
.returnhome a{font-size: 22px;display:inline-block;height: 50px;background: #a1ff00;padding: 2px 10px;    cursor: pointer; position: relative; width:48%; border: 4px #a1ff00 solid; border-radius: 10px;box-shadow: 0 2px 1px 1px #000000, 0 2px 3px #000000, 0 -1px 2px #656565, 0 -1px 2px #656565, inset 0 0 1px 0 #000000;transition: all 0.2s ease;text-align:center;}
.returnhome a:hover{border-color:#ff0;}
.returnhome a i{font-size: 45px;line-height: 40px;float: left;vertical-align: top;}
.returnhome a p{margin:0;line-height:40px;}


@media (max-width:1600px){
    
    header ul {margin: 20px 0 0px;}
    header ul li { font-size: 18px; padding-left: 25px;}
    header ul li:before{font-size:10px;  top: 3px; left: 7px;}
    .oepningpagediv .whitebox{max-width:790px;height:485px;}
    .oepningpagediv.boxsquare ul{max-width:600px;}
    .oepningpagediv.boxsquare ul li{width:180px;height:180px;}
    .oepningpagediv.boxsquare ul li label{height:100%;}
    .oepningpagediv.boxsquare ul li .ptxt p{font-size:18px;}
    .oepningpagediv.boxsquare ul li .houseimg{height:110px;}
    .oepningpagediv .whitebox .titlediv h4 {padding: 15px 15px 10px;  font-size: 26px;}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter h3,
    .oepningpagediv .whitebox .titlediv p {margin-bottom: 5px;font-size:24px;}
    .oepningpagediv .whitebox .whiteboxtext{    height: calc(100% - 54px);}
    .oepningpagediv.openingformpage .whitebox .whiteboxtext .valigncenter { height: calc(100% - 50px);}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv{max-width:480px;}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv input,
    .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv .showme{width:50%;}
    
    .indicators-btn2 .carousel-indicators2 li{font-size:20px;}
    .subheading {font-size: 24px;padding: 0px 10px 15px;}
    
    .boxsquare.threebythree ul{max-width:700px;}
    .boxsquare.threebythree ul li{    height: 200px;width: 200px;}
    .boxsquare.threebythree ul li label .ptxt{height: 60px;  padding: 5px;   }
    .boxsquare.threebythree ul li label .ptxt p{font-size: 20px; height: 100%; }
    .boxsquare.threebythree ul li .houseimg {height: 140px;}
    
    .boxsquare.sixbox .thenumberofwin ul{max-width: 550px;margin: auto;}
    .boxsquare.sixbox .thenumberofwin ul li{width:130px;height:130px;margin:5px;}
    .boxsquare.sixbox .thenumberofwin ul li label{height:100%;}
    .boxsquare.sixbox .thenumberofwin ul li label .ptxt{height:40px;}
    .boxsquare.sixbox .thenumberofwin ul li label .ptxt p{font-size:18px;color:#000;}
    .boxsquare.sixbox .thenumberofwin ul li label .houseimg{height:88px;}
    .boxsquare ul.exterior-color{max-width: 750px; margin: auto;}
    .boxsquare ul.interior-color{max-width: 830px; margin: auto;}
    .howmanywin .aboutfeet{max-width:94%;}
    .howmanywin .scroll-wrapper {width: calc(100% - 240px);}
    .winuantity table td select.windowtype {width: 200px;}
    .winuantity table td select{width:130px;font-size:18px;}
    .howmanywin .widowtypdiv{width:240px;}
    .howmanywin .widowtypdiv ul li{width:95px;height:115px;}
    .howmanywin .widowtypdiv ul li img{height:58px;}
    .iamnotsure{ margin: 10px auto 0;max-width: 410px; height:34px;text-align:center;}
    .iamnotsure input{height: 16px; width: 16px;}
    .iamnotsure label{font-size:20px;line-height:21px;}
    .inspectiontitle { padding: 20px 0px 5px;}
    .inspectiontitle p{margin:0px;}
    .scheduleofferbox {padding-top: 5px;}
    .scheduleofferbox .scheduleoffer{max-width:510px;}
    .scheduleofferbox .scheduleoffer {height: 210px;  }
    .scheduleofferbox .scheduleoffer img {width: auto; max-height: 100%; max-width: 100%; margin: auto;display: block;}
    
    .schtitle{margin-bottom:0px;padding-bottom:20px;}
    .schtextbox .estotal{margin-top:0px;}
    .schtextbox .fintotal{margin:10px auto 0px;}
    .schtextbox h4{font-size:28px;}
    .schappointment .schtitle h3{font-size:26px !important;padding-top:0px;    padding-bottom: 5px;}
    .schappointment .schtitle p{font-size:22px;}
    .schappointment .schtitle p.copyof {font-size: 18px; margin: 10px auto 0;}
    .schtextbox .schdatetime p {font-size: 24px;}
    .datepickbox #calendar {width: 420px; height: 270px; margin: 10px auto 10px;}
    .datepickbox .datepicker table tr th,
    .datepickbox .datepicker table tbody td{height: 33px;}
    .carousel-btn a,
    .carousel-btn  button[type=submit]{padding: 2px 10px !important;font-size:17px !important;}
    .rightsidebar .estimatetotal{margin-top:5px;}
    .contactinfo h4{font-size:24px;}
    .contactinfo .prodetail p{font-size:18px;margin:0px;}
    
    .modalaboutinfo .tab-content h3 { padding: 0px 0 15px 0;font-size: 24px;}
    .modalaboutinfo .tab-content p{font-size:18px;}
    .doveraddress{margin:auto;padding:10px;}
    .modalaboutinfo .tab-content .doveraddress h4{font-size:20px;padding:0px;}
    .modalaboutinfo .tab-content .doveraddress p{margin-bottom:0px;}
    .doveraddress img{max-width:180px;margin:0 auto 10px;}
    .modalaboutinfo .contactinfo { padding: 0px 15px 0;}
    .modalaboutinfo .contactinfo .form-input {  margin: 0 auto 10px; height: 43px;}
    .modalaboutinfo  .contactinfo input{height:40px;}
    .modalaboutinfo .contactinfo .textarea-group {min-height: 102px !important;   height: auto !important;}
    .modalaboutinfo .contactinfo .textarea-group textarea{height:100px;}
    .modalaboutinfo .contactinfo .form-label{top:8px;font-size:18px;}
    .modalaboutinfo .contactinfo input:focus + .form-label, 
    .modalaboutinfo .contactinfo input:valid + .form-label, 
    .modalaboutinfo .contactinfo select:focus + .form-label, 
    .modalaboutinfo .contactinfo select:valid + .form-label, 
    .modalaboutinfo .contactinfo textarea:focus + .form-label, 
    .modalaboutinfo .contactinfo textarea:valid + .form-label{font-size:12px;}
    
    
    
    .modalaboutxt {height: calc(100% - 220px);}
    .modalaboutinfo .reviewrating,
    .modalaboutinfo .tab-content .ratingbox, .modalaboutinfo .tab-content .greviewbox{height:220px;}

    .lastpageitem .whitebox {max-width: 760px;height: 380px;}
    .basedonanswer .perwindow-dtl{margin:10px 0px;}
    .basedonanswer .perwindow-dtl .perwindow:after {width: 280px; right: -290px; height: 65px;top: 36px;   background-size: contain;}
    .boxsquare.fourbox ul.services-list{max-width:745px;}
     .imagevideogallery{width:375px;}
    .lastpageitem .whitebox {max-width: 760px;height:530px;margin:0 auto;}
    .thankspage-video,
    .returnhome{max-width:470px;}
    
}

@media only screen and (min-width:1367px) and (max-width:1600px){
    
    .boxsquare ul li {height: 280px;width: 280px;}
    .boxsquare ul li .ptxt{height:80px;}
    .boxsquare ul li .houseimg {height: 200px;}
    .boxsquare ul li label .ptxt p{font-size:24px;}
    .boxsquare.threebox ul li {height: 240px; width: 240px;}
    .boxsquare.threebox ul li label .ptxt{height:65px;}
    .boxsquare.threebox ul li .ptxt p{font-size:18px;}
    .boxsquare.threebox ul li .houseimg {height: 175px;}
    .boxsquare.threebox ul li label .ptxt p span{font-size:15px;}
    .boxsquare.threebysix ul {max-width: 715px;}
    .boxsquare.threebysix ul li {  height: 185px;    width: 185px;}
    .boxsquare.threebysix ul li .ptxt{height:55px;}
    .boxsquare.threebysix ul li .ptxt p{font-size:18px;}
    .boxsquare.threebysix ul li .houseimg{height:128px;}
    .boxsquare.fourbox ul li {  width: 160px;    height: 160px;    margin:8px;}
    .boxsquare.fourbox ul li .ptxt{height:50px;}
    .boxsquare.fourbox ul li .ptxt p {font-size: 16px;}
    .boxsquare.fourbox ul li .houseimg {height: 110px;}
    .boxsquare.sevenbox ul li {width: 105px; height: 100px;  margin: 5px 5px;}
    .boxsquare.fivebox ul li {width: 150px;height: 150px; margin: 6px 5px;}
    .boxsquare.fivebox ul li .ptxt{height:55px;}
    .boxsquare.fivebox ul li .ptxt p { font-size: 18px;line-height: 26px;}
    .boxsquare.fivebox ul.services-list {max-width: 720px;}
    .contactinfo .form-group, .contactinfo .form-group-half{margin-bottom:10px;}
    .contactinfo .form-input,
    .contactinfo input, .contactinfo select{height:46px;}
    .rightsidebar .datedisply h4{padding-top:0px;}

    
   
    .rightsidebar .profilecalendar{ height: calc(100% - 200px);}
    .rightsidebar .rightclder .datedisply h4{font-size:18px;}
    .rightsidebar .estimatetotal h4 {height: 40px;line-height: 40px;font-size: 20px;padding: 0 10px 0 0px;}
    .rightsidebar .estimatetotal .totalbox{ font-size: 20px;margin-top: 0px;height: 40px; line-height: 27px;}
    .rightsidebar .estimatetotal p {font-size: 18px;padding-top:0px;}


    .rightsidebar .bottomchatbox .socialdiv ul li a img{max-height:22px;}
    .rightsidebar .bottomchatbox .chatboxdiv{height:70px;}
    .boxsquare .specialofferbox ul li .ptxt {height:66px;}
    .boxsquare .specialofferbox ul li p {font-size: 16px !important;}
    
    
   .modalaboutinfo .tab-content .imagevideogallery iframe{height:200px;}
    .modalaboutinfo .tab-content .imagevideogallery.aboutvideo {width: 380px;}
    
    
}

@media only screen and (min-width:1441px) and (max-width:1600px){
    .rightsidebar .rightproctn .datedisply h4{font-size:18px;}
    .rightsidebar .rightproctn .prodetail p{font-size: 20px;}
    .rightsidebar .rightclder .schedulefree h3{font-size: 28px;margin-bottom:5px;}
    .rightsidebar .rightclder .schedulefree .datetimediv h4, 
    .rightsidebar .rightclder .schedulefree .datetimediv h5 {padding: 15px 0 0; font-size: 20px;font-weight:normal;}
}

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

    
    
}

@media (max-width:1440px){

   
    .oepningpagediv .whitebox{margin-top:0px;}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter h3{padding:25px 10px;}
    .tellus .form-group{margin-bottom:10px;}
    
    .boxsquare.threebythree ul{max-width:570px;}
    .boxsquare.threebythree ul li{    height: 160px;width: 160px;margin:5px;}
    .boxsquare.threebythree ul li label .ptxt p{font-size: 18px; height: 100%; }
    .boxsquare.threebythree ul li .houseimg {height: 100px;}
    
    
    .rightsidebar .datedisply h4{font-size:16px;}
    
    .rightsidebar .profilecalendar{ height: calc(100% - 200px);}
    .rightsidebar .rightproctn .prodetail p{font-size: 14px;}
    .rightsidebar .rightclder .schedulefree h3 {font-size: 24px;    margin: 10px 0;}
    .rightsidebar .rightclder .datedisply h4{font-size:18px;}
    .rightsidebar .rightclder .schedulefree .datetimediv h4, 
    .rightsidebar .rightclder .schedulefree .datetimediv h5 {padding: 14px 0 0; font-size: 20px;font-weight:normal;}
    .rightsidebar .estimatetotal h4 {height: 34px;line-height: 34px;font-size: 18px;padding: 0 10px 0 0px;}
    .rightsidebar .estimatetotal .totalbox{ font-size: 18px;margin-top: 0px;height: 34px; line-height: 20px;}

    .howmanywin .aboutfeet { width: 96%;padding: 15px;}
    .howmanywin .widowtypdiv{width:210px;}
    .howmanywin .widowtypdiv ul li {width: 90px;height:110px;}
    .howmanywin .widowtypdiv ul li img {height: 54px;}
    .howmanywin .widowtypdiv ul li p{padding-top:2px;}
    .howmanywin .widowtypdiv ul li .intox{margin-top:1px;}
    .howmanywin .scroll-wrapper {width: calc(100% - 210px);}
    .winuantity table td select.windowtype {width: 175px;}
    .winuantity table td select{font-size:16px;width:120px;}
    .winuantity table td:nth-child(1),
    .winuantity table td p{font-size:20px;}
    .winuantity table td .windowinc{margin-left:8px;}

    .basedonanswer .perwindow-dtl{margin:0px;}
    .basedonanswer .perwindow{    padding: 10px 15px 5px;}
    .boxsquare .basedonanswer ul li{height:160px !important;}
    .boxsquare .basedonanswer ul li .houseimg,
    .boxsquare .basedonanswer ul li:nth-child(2) .houseimg{ height: 60px;}
    .boxsquare .basedonanswer ul li label .ptxt p {font-size: 20px !important;}
    .basedonanswer .formore{line-height:30px;font-size:26px;}
    .basedonanswer .perwindow-dtl .perwindow:after {width: 200px; right: -210px;}
    .inspectiontitle { padding: 10px 0px 0px;}
    .calendarbox { max-width: 680px; margin: 5px auto; height: 110px;}
    .mycalendar li.day-style { font-size: 18px;padding:1px;}
    .mycalendar ul.showing-dates li {height: 90px;}
    .mycalendar span.schedule-month, .mycalendar span.schedule-year { font-size: 14px; height: 22px;}
    .mycalendar span.schedule-day {font-size: 26px; line-height: 33px;}
    .mycalendar .nextdates, .mycalendar .prevdates{height:110px;line-height:110px;}
    .youpricetext { margin: 5px auto;max-width:460px;}
    .youpricetext p{margin:0px;font-size:18px !important;}
    .schappointment .schtitle h3 { font-size: 24px !important; padding-bottom: 5px;}
    .schappointment .schtitle p {font-size: 20px;}
    .schappointment .schtitle p.copyof {max-width:490px;font-size: 16px;margin: 6px auto 0;}
    .thankspage-video {width: 460px;}
    .thankyoupage .returnhome {max-width: 460px; margin: 20px auto 0;}
   
}

@media (max-width:1366px){
    
   
    header ul li { font-size: 16px; padding-left: 25px;}

.oepningpagediv .whitebox{height:485px;}
.oepningpagediv .whitebox .whiteboxtext{height: calc(100% - 53px);}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv{margin:40px auto 0;}
.tellus { margin: 0px auto 0px; padding-top: 10px;}
.oepningpagediv.boxsquare .twosqubtn ul li{    margin: 10px auto 0;}

.boxsquare ul li{height: 260px;width:260px;}
.boxsquare ul li .houseimg{height:180px;}
.boxsquare ul li .ptxt{height:80px;}
.boxsquare ul li .ptxt p{font-size: 22px;}
.boxsquare ul li .ptxt p span{font-size:14px;}

.boxsquare.threebox ul li{width:210px;height:210px;}
.boxsquare.threebox ul li label .ptxt{height:60px;}
.boxsquare.threebox ul li label .ptxt p{font-size:20px;}
.boxsquare.threebox ul li label .ptxt p span{font-size:13px;}
.boxsquare.threebox ul li .houseimg{height:148px;}

.boxsquare.threebysix ul{max-width:570px;margin:auto;}
.boxsquare.threebysix ul li{width:150px;height:150px;}
.boxsquare.threebysix ul li .ptxt{height:50px;}
.boxsquare.threebysix ul li .ptxt p{font-size:16px;}
.boxsquare.threebysix ul li .houseimg{height:100px;}

.boxsquare.fourbox ul{ max-width: 700px;  margin: auto;}
.boxsquare.fourbox ul li { width: 150px;  height: 150px; margin: 5px;}
.boxsquare.fourbox ul li .ptxt{height:50px;overflow:hidden;}
.boxsquare.fourbox ul li .ptxt p{font-size:16px;}
.boxsquare.fourbox ul li .houseimg{height:100px;}

.boxsquare.fivebox ul li { width: 140px; height: 140px; margin: 5px;}
.boxsquare.fivebox ul.services-list {max-width: 660px;}
.boxsquare.sevenbox ul li { width: 100px;    height: 100px;margin:5px;}

.boxsquare.fourbox .specialofferbox ul li .ptxt {height:60px;}
.boxsquare.fourbox .specialofferbox ul li .ptxt p { font-size: 14px !important;}

.boxsquare.fivebox ul li .ptxt {height: 50px;padding:0 0 0 0;}
.boxsquare.fivebox ul li .ptxt p{font-size:16px;}
.boxsquare.fivebox ul li .houseimg {height: 90px;}
.howmanywin .aboutfeet h3,
.howmanywin .aboutfeet .measurement p,
.howmanywin .aboutfeet .measurement label,
.contactinfo h4{font-size:20px;}
.contactinfo .prodetail p{font-size:18px;}
.schappointment .schtitle h3 {font-size: 24px !important;}
.subheading.specialtitle span{font-size:18px;}
.inspectiontitle{padding-top:0px;font-size:24px;}
.inspectiontitle p {font-size: 18px;}
.scheduleofferbox .scheduleoffer{max-width:450px;height:187px;}



.contactinfo .form-input,
.contactinfo .form-group-half{height:40px;margin-bottom:7px;}
.contactinfo input, .contactinfo select { height: 40px;}
.contactinfo .form-label{font-size:18px;}
.contactinfo input, .contactinfo select, .contactinfo textarea{font-size:16px;}
.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 { font-size: 14px; color: #464646;}
.contactinfo textarea, .contactinfo .textarea-grp {min-height: 80px !important;}
.schtitle { margin-bottom: 0; padding-bottom: 15px;}

.schappointment .detailconfirm .schtextbox{padding:10px;}
.confirmtotal td p{font-size:20px;line-height:30px;}
.confirmtotal td span {height: 32px;line-height: 32px; font-size: 20px;}


.carousel-btn a,
.carousel-btn  button{padding: 2px 10px !important;font-size:17px !important;}
.rightsidebar .rightinner { height: calc(100% - 100px);}
.rightsidebar .rightclder .schedulefree h3{    margin: 10px 0 0;}
.rightsidebar .rightclder .schedulefree .datetimediv h4, .rightsidebar .rightclder .schedulefree .datetimediv h5 {width:100%;font-size: 18px;}
.rightsidebar .estimatetotal .totalbox {font-size: 16px;    margin-top: 0px;    height: 28px;   line-height: 16px;}
.rightsidebar .estimatetotal h4 { height: 28px;    line-height: 28px;    font-size: 16px;}
.rightsidebar .bottomchatbox {height: 100px;}
.rightsidebar .estimatetotal {margin-top: 0;}
.rightsidebar .estimatetotal p {font-size:16px;padding:0 0 10px;}
.finestimate { padding-top: 15px;}

.howmanywin .widowtypdiv {width: 190px;}
.howmanywin .scroll-wrapper {width: calc(100% - 190px);}
.winuantity table td:nth-child(1) {width: 110px;}
.howmanywin .widowtypdiv ul li {width: 80px; height: 90px}
.howmanywin .widowtypdiv ul li img {height: 45px;}
.howmanywin .widowtypdiv ul li p {font-size: 12px; padding-top: 2px;}
.howmanywin .widowtypdiv ul li span {font-size: 13px;    padding: 1px;    height: 16px;   line-height: 12px;}
.winuantity table td {padding: 2px 5px !important;}
.schappointment .detailconfirm .subheading, .theprocess .subheading, .specialtitle {font-size: 36px;}
.schappointment .detailconfirm .schtitle h3 {font-size: 24px !important;}
.schappointment .detailconfirm  .schtextbox h4 {font-size: 24px;}


.guidestep ul li {width: 190px;}
.guidestep ul li .stepimg {height: 130px;}
.guidestep ul li h4 {font-size: 24px;}
.guidestep ul li p{font-size:18px;}

.modal-dialog.fullscreenmodal {height: calc(100% - 80px);   margin: 40px auto;}
.modalaboutxt {height: calc(100% - 180px);}
.modalaboutinfo .reviewrating{height:180px;}
.modalaboutinfo .tab-content .ratingbox ul li{height:35px;margin:0px;line-height:35px;}
.modalaboutinfo .tab-content .ratingbox, 
.modalaboutinfo .tab-content #carousel-review .greviewbox { height: 180px;}
.modalaboutinfo .tab-content #carousel-review .carousel-inner p{font-size:14px !important;margin:0px;}
.modalaboutinfo .tab-content #carousel-review .carousel-inner h4 { padding-bottom: 0px;color: #000;}
.ratingbox .ratingstar{padding-top:0px;}
.imagevideogallery{width:370px;}
.modalaboutinfo .tab-content .imagevideogallery.aboutvideo {width: 400px;}
.modalaboutinfo .tab-content .imagevideogallery iframe{height:200px;}
.modalaboutinfo .tab-content .reviewrating h4,
.ratingbox .ratingpoint{font-size:18px;}
.ratingbox .ratingstar i{font-size:16px;}
.basedonanswer .formore{margin:10px 0 0;font-size:22px;}
.basedonanswer .formore p{margin:0px;}
.boxsquare .basedonanswer ul li {height: 150px !important;}
.boxsquare .basedonanswer ul li .houseimg, .boxsquare .basedonanswer ul li:nth-child(2) .houseimg {height: 55px;}
.boxsquare .basedonanswer ul li label .ptxt {height: 80px !important;}
.basedonanswer .perwindow p{line-height:26px;}
.basedonanswer .perwindow-dtl .partner-logo{    padding: 42px 5px;height:132px;}

.lastpageitem .whitebox {max-width: 760px;height:460px;margin:0 auto;}
.thankspage-video,
.returnhome{max-width:425px;}
.subheading.returntitle { font-size: 32px;}
.subheading.returntitle p {font-size: 24px;}

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

@media (max-width:1199px){
    body{overflow-x:hidden;}
    header .logo {max-width: 150px;}
    header ul {margin: 26px 0 0px;}
    header ul li {font-size: 12px;padding-left: 16px; height: 20px;}
    header ul li:before { font-size: 7px; top: -1px;left: 4px;}
    header .callabout {padding-top: 13px;}
    header .callabout a.callto {font-size: 18px;margin-top: 7px;}
    header .callabout a.callto i {font-size: 20px;}
    header .callabout a.btn {font-size: 18px;width: auto;margin-left: 20px;}
    
    .oepningpagediv.boxsquare ul {max-width: 510px;}
    .oepningpagediv.boxsquare ul li {width: 150px;    height: 150px;}
    .oepningpagediv.boxsquare ul li .ptxt{height:50px;}
    .oepningpagediv.boxsquare ul li .ptxt p {font-size: 16px;    line-height:normal;}
    .oepningpagediv.boxsquare ul li .houseimg {height: 100px;}
    .oepningpagediv.boxsquare ul li .houseimg img{width:auto;height:100%;}
    .tellus .form-group{margin-bottom:10px;height:40px;}
    .tellus input {height: 38px;}
    .tellus .form-label{font-size:18px;}
    .tellus input:focus + .form-label, .tellus input:valid + .form-label {font-size: 11px;}
    .oepningpagediv.boxsquare .twosqubtn,
    .oepningpagediv.boxsquare .twosqubtn .contnuebtn{margin-top:0px;}
    .oepningpagediv.boxsquare .twosqubtn .contnuebtn{height:40px;}
    .oepningpagediv.boxsquare .twosqubtn .contnuebtn a{font-size:22px;line-height:32px;}
    
    .boxsquare ul li {height: 220px; width: 220px;}
    .boxsquare ul li .ptxt {height: 60px;}
    .boxsquare ul li .ptxt p {font-size: 20px;}
    .boxsquare ul li .houseimg {height: 160px;}
    
    .boxsquare.fivebox ul li {width: 110px;  height: 110px;  margin: 5px;}
    .boxsquare.fivebox ul li .ptxt {height: 40px;}
    .boxsquare.fivebox ul li .ptxt p { font-size: 14px;}
    .boxsquare.fivebox ul li .houseimg {height: 70px;}
    
    .oepningpagediv .whitebox{margin-top:0px;}
  .howmanywin .widowtypdiv {width:100%;height:75px;padding:0px 10px;}
  .howmanywin .widowtypdiv ul li { width: 10.5%;height: 75px;  margin: 0 1%;}
  .howmanywin .widowtypdiv ul li img {height: 35px;}
  .howmanywin .widowtypdiv ul li p {font-size: 10px;padding-top: 0px;}
  .howmanywin .widowtypdiv ul li .intox {margin-top: -2px;}
  .howmanywin .widowtypdiv ul li span {font-size: 12px;    padding: 1px; height: 14px;    line-height: 10px;}
  .howmanywin .scroll-wrapper {width:100%;height: calc(100% - 75px);overflow: auto !important;}
  .howmanywin .aboutfeet { width: 100%;    padding: 15px;    max-width: 100%;}
  .winuantity table{width:auto;}
  .winuantity table td select{width:100%;max-width:125px;float:left;}
  .winuantity table td:nth-child(2){width:145px;}
  .winuantity table td:nth-child(4){width:190px;}
  
  .rightsidebar .bottomchatbox .socialdiv{width:100%;}
  .rightsidebar .bottomchatbox .socialdiv li:last-child{margin:0px;}
  
  
.schappointment .detailconfirm .subheading, .theprocess .subheading, .specialtitle {font-size: 24px;}
.specialtitle span{font-size:16px;}

 
.selecttimemodal .todaydisplay {padding:10px;border-color:#d8d806;}
.selecttimemodal h3.selecttime{margin:10px;}
.selecttimemodal h4 {font-size: 20px; margin: 0px 0 5px;}
.selecttimemodal ul li{margin-bottom: 10px;font-size: 16px;}
.selecttimemodal .modal-footer {padding: 0 0 15px;}
.schappointment .detailconfirm .schtitle h3 {font-size: 20px !important;}
.schappointment .schtitle p { font-size: 18px;}
.schappointment .schtitle p.copyof {max-width: 428px;   font-size: 14px;margin: 2px auto 0;}
.schtextbox{width:90%;}
.schtextbox h4 {font-size: 24px;}
.schtextbox .schdatetime p {font-size: 22px;    margin-bottom: 5px;}
.thankspage-video, .returnhome {max-width: 340px;}
.lastpageitem .whitebox { max-width: 630px;   height: 400px;}

}

@media only screen and (min-width:992px) and (max-width:1199px){
   
    .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv {margin: 15px auto;}
    .oepningpagediv .whitebox .titlediv h4 {padding: 10px 15px 10px;font-size: 22px;}
    .oepningpagediv .whitebox .titlediv p{margin-top:0px;font-size:18px;padding-bottom:5px;margin-bottom:0px;}
    .oepningpagediv .whitebox {max-width: 670px;max-height: 390px;}
    
    .oepningpagediv .whitebox .whiteboxtext{height: calc(100% - 48px);}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter h3{margin:0px;font-size:24px;padding:15px 10px;}
    
    
   
    
    .boxsquare.sixbox .thenumberofwin ul {max-width: 430px;}
    .boxsquare.sixbox .thenumberofwin ul li {width: 110px; height: 110px;  margin: 2px;}
    .boxsquare.sixbox .thenumberofwin ul li label .ptxt p {font-size: 15px;}
    .iamnotsure{max-width:300px;}
    .basedonanswer .perwindow h5 {font-size: 16px; padding: 0px 20px 0;}
    .boxsquare .basedonanswer ul li {height: 135px !important;}
    .boxsquare .basedonanswer ul li .houseimg,
    .boxsquare .basedonanswer ul li:nth-child(2) .houseimg{height: 50px;}
    .boxsquare .basedonanswer ul li label .ptxt { height: 70px !important;}
    .boxsquare .basedonanswer ul li label .ptxt p {font-size: 18px !important;    line-height: 20px;   padding: 0 15px;}
    
    .boxsquare.threebysix ul {max-width: 520px;}
    .boxsquare.threebysix ul li {width: 125px; height: 125px; margin: 0px 5px 10px;}
    .boxsquare.threebysix ul li .ptxt {height: 44px;}
    .boxsquare.threebysix ul li .houseimg {height: 80px;}
    

    .boxsquare.threebox ul li { width: 165px; height: 165px;}
    .boxsquare.threebox ul li label .ptxt {height: 55px;}
    .boxsquare.threebox ul li label .ptxt p {font-size: 18px;}
    .boxsquare.threebox ul li .houseimg {height: 110px;}
    
    .boxsquare.fourbox ul li {width: 135px; height: 150px;}
    .boxsquare.fourbox ul li .ptxt p {font-size: 14px;}
    
    .boxsquare.sevenbox ul li { width: 90px;  height: 90px;    margin: 5px 3px;}
    
    .calendarbox {max-width: 540px;height: 90px;}
    .mycalendar li.day-style {font-size: 14px;}
    .mycalendar ul.showing-dates li {height: 64px;}
    .mycalendar span.schedule-month, .mycalendar span.schedule-year {  font-size: 12px; height: 18px;}
    .mycalendar span.schedule-day {font-size: 18px;line-height: 26px;}
    .mycalendar .nextdates, .mycalendar .prevdates{height:90px;line-height:100px;}
    .scheduleofferbox .scheduleoffer{max-width:330px;height:130px;}
    .scheduleofferbox p {font-size: 18px;}
   
 
  .rightsidebar .rightinner {height: calc(100% - 90px);}
  .rightsidebar .bottomchatbox {height: 90px;}
  .rightsidebar .rightproctn, .rightsidebar .rightclder, .rightsidebar .bottomchatbox,.rightsidebar .datedisply {padding: 10px;}
  .rightsidebar .estimatetotal { width: calc(100% - 20px);    margin: 0px auto 0; padding: 10px;}
  .rightsidebar .estimatetotal .totalbox,
  .rightsidebar .estimatetotal h4{font-size:14px;}
  .rightsidebar .rightclder .schedulefree h3 { margin: 0;font-size: 18px;}
  .rightsidebar .estimatetotal p {font-size: 15px;}
  .finestimate {padding-top: 8px;}
  .rightsidebar .rightclder .schedulefree .datetimediv h4, .rightsidebar .rightclder .schedulefree .datetimediv h5 {padding: 8px 0 0;}
  .rightsidebar .bottomchatbox .socialdiv ul li{width:22%;}
  
  #aboutuspopup .modal-dialog.fullscreenmodal { width: 90%;}
  #aboutuspopup .modal-dialog button.close{display:none;}
  .modalaboutxt { height: 100%; width: calc(100% - 400px);float:left;}
  .imagevideogallery,
  .modalaboutinfo .tab-content .imagevideogallery.aboutvideo{  width: 100%;}
  .modalaboutinfo .tab-content .imagevideogallery iframe { height: 250px;}
  #tab-contact .col-md-4,#tab-contact .col-md-8{width:50%;}
  .modalaboutinfo .tab-content .doveraddress h4 {font-size: 15px;}
  .modalaboutinfo .tab-content .doveraddress p{font-size:14px;}
  .modalaboutinfo .contactinfo{padding:0px;}
  .modalaboutinfo .contactinfo .col-sm-6{width:100%;padding:0px;}
  .modalaboutinfo .contactinfo .form-input {margin: 0 auto 6px;height: 33px;}
  .modalaboutinfo .contactinfo .textarea-group {min-height: 82px !important;}
  .modalaboutinfo .contactinfo .textarea-group textarea {height: 80px;}
  .modalaboutinfo .contactinfo .form-label {top: 6px; font-size: 15px;}
  .modalaboutinfo .contactinfo input {height: 30px;}
  .modalaboutinfo .tab-content .ratingbox{margin-bottom:5px;}
  .modalaboutinfo .reviewrating {height: 100%;  width: 400px; float: left;}
  .modalaboutinfo .reviewrating .col-md-5,
  .modalaboutinfo .reviewrating .col-md-7{width:100%;}
  .modalaboutinfo .tab-content .ratingbox ul li { height: 30px;line-height: 30px;}
  .modalaboutinfo .tab-content .ratingbox{height:160px;}
  .modalaboutinfo .tab-content #carousel-review .greviewbox { height: 194px;}
  
  .guidestep .subtitle{padding-bottom:15px;}
  .guidestep ul li {width: 150px;}
  .guidestep ul li .stepimg {height: 103px;}
  .guidestep ul li .numimg { height: 100px;    width: 90px;    top: 2px;}
  .guidestep ul li:nth-child(1) .numimg { left: -50px;}
  .guidestep ul li:nth-child(2) .numimg, .guidestep ul li:nth-child(3) .numimg {left: -50px;}
  .guidestep ul li p {font-size: 16px;}
  .basedonanswer .perwindow-dtl .partner-logo {padding: 36px 5px; height: 120px;}
  .boxsquare.fivebox ul.services-list { max-width: 500px;}
  
  
}


@media (max-width:991px){
    
    #apexchat_prechat_invitation_wrapper{display:none !important;}
    #apexchat_bar_invitation_wrapper.apexchat_bar_invitation_wrapper_custom{display:block !important;}
    #apexchat_bar_invitation_wrapper.apexchat_bar_invitation_wrapper_custom #apexchat_static_button #chatbar-dynamic-container.sidebar .apexchat-divide span{    height: 35px!important;line-height:35px !important;font-size:18px !important;}

    
    header {height: 70px; padding: 5px 0px;overflow:hidden;}
    header ul{height:auto;margin:0px;width:100px;}
    header ul li {font-size: 7px; padding-left: 16px; height: 10px;    width: 100%;    margin: 0;    line-height: 10px;}
    header ul li:first-child {padding-left: 16px;}
    header ul li:first-child:before{display:block;}
    header ul li:before {font-size: 5px;  top: -4px;    left: 0px;}
    body.modal-open{overflow:hidden;}
    header .callabout a.callto{padding-top:3px;}
    header .callabout a.callto i { font-size: 30px;}
    header .callabout a.callto span{display:none;}
    header .callabout { padding-top: 6px;}
    header .callabout a.btn{margin-top:7px;margin-left: 5px;}
    header .col-sm-8, header .col-sm-4{padding:0px;}
    
    #playground {     height: calc(100% - 70px);}
    .carouselslidediv{height: calc(100% - 72px);  overflow: hidden; padding: 0; width: calc(100% - 20px);  margin: 10px auto; float: inherit;border-radius:10px; }
    .openloadbg .carouselslidediv {  height: calc(100% - 70px);}
	
	.catimgbox{    width: 100%;height: 100% !important;margin-left: 0px;   margin-right: 0px;   padding: 0px;}
    .oneformbox, .carousel-inner { display: block;}
    .catimgbox .carousel-inner {height: calc(100% - 40px);}
    .oepningpagediv .whitebox {margin-top: 5px;max-width: 670px;max-height: 380px;}
    .oepningpagediv .whitebox .titlediv h4 {padding: 10px 15px 10px;font-size: 22px;}
    .oepningpagediv .whitebox .titlediv p{margin-top:0px;font-size:18px;padding-bottom:5px;margin-bottom:0px;}

    .oepningpagediv .whitebox .whiteboxtext{height: calc(100% - 48px);}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter h3{margin-top:0px;font-size:22px;}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv {  margin: 10px auto;}
   
    
    .scroll-wrapper {overflow: initial; padding: initial; position: initial;   height: 100%;max-height: initial;width: initial;}
    .scrollbar-janos > .scroll-content.scroll-scrolly_visible {left: initial;    margin-left: initial; height: initial;    margin-bottom: initial;    margin-right: initial;    max-height: initial;   }  
    .scrollbar-janos > .scroll-content.scroll-scrollx_visible {top: 0px; margin-top: 0;}
    .scrollbar-janos > .scroll-element.scroll-y, .scrollbar-janos > .scroll-element.scroll-y .scroll-bar{display:none;}
    
    
    .rightsidebar{right:-100%;  width: 100%; height:calc(100% - 50px);position:fixed;  z-index: 9999;top: 0;background:#000;   border-radius: 0;margin:0px; }
    .rightsidebar.rightsidebar-add{right: 0; display: block;   }
    .rightsidebar .rightproctn, 
    .rightsidebar .rightclder, 
    .rightsidebar .estimatetotal, 
    .rightsidebar .bottomchatbox {  padding: 10px 20px;}
    .rightsidebar .datedisply{padding-right:70px;}
    .rightsidebar .estimatetotal p{text-align:center;}
    .footer,
	.estimatetotal{display:none;}
	.financeprice.finaddprice{display:none;z-index:9999;}
    .financeprice{display:none;position:fixed;bottom:50px;width:100%;background:#fff;height:50px;overflow:hidden;}
    .financeprice ul{margin: 0;display: block; width: 100%; padding: 0 70px 0 10px;height:50px;}
    .financeprice ul li{display:block;width:100%;}
    .financeprice ul li p{margin: 0px;float: left;height: 50px; line-height: 50px; font-size: 18px;font-weight: bold;color: #005da9; padding-right: 15px;}
    .financeprice ul li span{ text-align: center;display: block; width: 50%; float: right;line-height: 50px; font-size: 18px;font-weight: bold;color: #005da9;}
    
    .mobiledetails{position: relative;display:inline-block;width:70px;height:50px;color: #005da9;text-align:center;font-size:14px;margin-left:8px;}
    .mobiledetails i{display:block;font-size:26px;padding-top:3px;}
    .mobiledetails.closequote:after{content:"\f00d";font: normal normal normal 14px/1 FontAwesome;color:#fff;font-size:18px; z-index: 999999;position: fixed;top: 4px;right: 15px;border-radius: 15px;border: 2px #fff solid;height: 30px; width: 30px;line-height: 27px;}
    
  .boxsquare ul li {height: 220px;    width: 220px;}
  .boxsquare ul li .ptxt{height:60px;}
  .boxsquare ul li .ptxt p{font-size:18px;}
  .boxsquare ul li .houseimg {height: 160px;}
  .boxsquare.threebox ul li {width: 180px; height: 180px;}
  .boxsquare.threebox ul li label .ptxt {height: 50px;}
  .boxsquare.threebox ul li .houseimg {height: 130px;}
  .boxsquare.fivebox ul li {width: 125px; height: 125px;}
  .boxsquare.sixbox .thenumberofwin ul li{height:120px;}
  .basedonanswer .perwindow{margin:10px auto;}
  .basedonanswer .perwindow h4{margin-bottom:0px;}
  
  .winuantity table td select {width:100%;   max-width: 170px;}
  .winuantity table { width: auto;}
  .winuantity table td:nth-child(3) {  width: 120px;}
  .winuantity table td:nth-child(2) {  width: 190px;}
  .schtitle h3 { padding-top: 0px !important;    font-weight: normal !important;}
  .schtextbox{padding:10px 20px;}
  .youpricetext,.youpricetext p{margin-bottom:0px;}
  .guidestep ul li {width: 165px; margin: 0 25px;vertical-align:top;}
  .guidestep ul li .stepimg {height: 110px;}
  .guidestep ul li p{padding:0px;}
  .guidestep ul li .numimg { height: 145px;   width: 115px;   top: -25px;}
  .guidestep ul li:nth-child(1) .numimg { left: -70px;}
  
  
  .modal-dialog.fullscreenmodal { width: 96%;}
  .modalaboutinfo .reviewrating,.modalaboutxt { height: auto;}
  #aboutuspopup .modal-dialog button.close{display:none;}
  .modalaboutinfo .tab-content .ratingbox{margin:10px 0px;}
  .modalaboutinfo .tab-content .imagevideogallery.aboutvideo,.imagevideogallery {  width: 100%;}
  .modalaboutinfo .tab-content .imagevideogallery iframe { height: 330px;}
  .modalaboutinfo .contactinfo {padding: 10px 0;}
  .modalaboutinfo .contactinfo .col-sm-6{padding:0px;}
  .modalaboutinfo .contactinfo .col-sm-6:first-child{padding-right:15px;}
  
  .selecttimemodal .modal-dialog, .quantitymodal .modal-dialog,.giftmodaldiv  .modal-dialog {margin: auto; width: 90%;}
  .quantitymodal .modal-body,.giftmodaldiv .modal-body  { padding: 30px 10px;}
  .selecttimemodal h3.selecttime{margin:7px 0px;}
  .selecttimemodal h4 {font-size: 20px; margin: 0px 0 7px;}
  .selecttimemodal ul li {padding: 1px; margin-bottom: 10px;    font-size: 16px;}
  .selecttimemodal .schbtn,a.schedule-certificate-btn { margin: 4px auto 4px; font-size: 20px;}
  .schappointment .detailconfirm .schtitle h3 { font-size: 20px !important;}
  .subheading.specialtitle {font-size: 24px;}
  .basedonanswer .formore { margin: 0; font-size: 24px;}
  .alexgiftcertificate{width:100%;height:270px;}
  .alexgiftcertificate .logodiv .firstlogo h4{font-size:40px;}
  .alexgiftcertificate .presentedby p{margin:5px 0px;height:30px;line-height:30px;}
  .alexgiftcertificate .giftnote p{font-size:9px;}
  
	
}
@media (max-width: 767px){
   
   header {height: 60px; padding: 5px 0px;}
   header ul {display:none;}
   header .col-xs-3{padding:0px;}
   header .col-xs-9{padding-right:0px;}
   header .logo{height:50px;padding-top:10px;}
   header .callabout {padding-top: 2px;}
   header .callabout a.callto{margin-top:7px;}
   header .callabout a.btn{width:auto;font-size:16px;}
   
   #playground {     height: calc(100% - 60px);}

   	#playground.openloadbg .catimgbox {height: auto;}
   	.carouselslidediv.carouselslidedivfull { width: calc(100% - 20px);}
   	.innerboxheight { height: calc(100% - 35px);}
   	.openloadbg .catimgbox .carousel-inner {height: calc(100% - 0px);}
   	.oepningpagediv .whitebox .whiteboxtext .valigncenter h3 {margin-bottom: 0;padding: 20px 0px;font-size:24px;}
   .oepningpagediv .whitebox { height:410px;max-height:100%; position: relative;   margin-top: 0px;overflow: auto;}
   .oepningpagediv .whitebox .whiteboxtext {height:auto;position:relative;overflow:auto;}
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv{ margin: 30px auto 0;padding: 0;width: 90%;height:70px;}
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv input,
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv .showme{width:50%;}
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv .showme{font-size: 18px;font-weight: bold;   text-shadow: 1px 0 1px #fff;border-bottom-right-radius: 10px;}
   .oepningpagediv.boxsquare ul li {margin: 3px 1px !important;    width: 100px !important;height:110px !important;}
   .oepningpagediv.boxsquare ul li .ptxt {height: 40px !important; padding: 0 3px !important;}
   .oepningpagediv.boxsquare ul li .ptxt p {font-size: 14px !important;}
   .oepningpagediv.boxsquare ul li .ptxt p span {font-size: 10px;}
   .oepningpagediv.boxsquare ul li:nth-child(6) .ptxt p{font-size:12px !important;}
   .oepningpagediv.boxsquare ul li .houseimg {height: 70px !important;}
   .oepningpagediv.boxsquare ul li .houseimg img {width: auto;height: auto; max-width: 100%;}
    .oepningpagediv.openingformpage .whitebox .titlediv h4{padding-top:20px;padding-bottom:0px;}
    .oepningpagediv.boxsquare ul {max-width:100%;}
   
   .tellus .form-input{height:42px;}
   .tellus input {height: 40px;}
   .tellus .form-label{top:4px;font-size:16px;}
   .tellus input:focus + .form-label, .tellus input:valid + .form-label{font-size:12px;}

   .oepningpagediv.boxsquare .twosqubtn { margin:5px 0px;height:50px;}

   .oepningpagediv.openingformpage .whitebox .whiteboxtext .valigncenter{ overflow: auto; position: relative; display: block;}
   .oepningpagediv.openingformpage .whitebox .whiteboxtext .carousel-btn {padding: 0px 20px;}
   
   
   .boxsquare .basedonanswer ul li{height:60px !important;width:94% !important; margin: 10px auto 0 !important;}
   .boxsquare .basedonanswer ul li label{padding:0px;}
   .boxsquare .basedonanswer ul li label .ptxt{height:57px !important;padding:0px 10px !important;width:calc(100% - 75px);}
   .boxsquare .basedonanswer ul li label .ptxt p{font-size: 20px !important;}
   .boxsquare .basedonanswer ul li:nth-child(2) label .ptxt{padding:0px !important;}
   .boxsquare .basedonanswer ul li:nth-child(2) label .ptxt p{padding:0 3px;}
   .boxsquare .basedonanswer ul li:nth-child(2) label .ptxt p br{display:none;}
   .boxsquare .basedonanswer ul li .houseimg{height: 55px !important;margin-top: 0;float:left;width:75px;}
   .boxsquare .basedonanswer ul li .houseimg img{ width: auto; margin: auto;    max-width: 100%;    height: auto;    max-height: 100%;}
   .basedonanswer .perwindow {width:94%;padding: 5px 5px 5px;border-width:3px;}
   .basedonanswer .perwindow-dtl .partner-logo {padding: 5px;   height: auto;}
   .basedonanswer .perwindow h5 {font-size: 15px; padding: 0; letter-spacing: normal;}
   .basedonanswer .perwindow-dtl .perwindow:after { display:none;width: 170px; right: 0; top: inherit; bottom: -55px; height: 40px; left: 0;margin: auto;}
   .basedonanswer .perwindow.james-hardie{margin-bottom:60px;}
   .boxsquare ul li{width:140px !important;height:140px !important;margin:5px 3px !important;}
   .boxsquare ul li .ptxt{height:50px !important;padding: 5px 5px 5px 42px !important;}
   .boxsquare ul li .ptxt p {font-size: 16px !important;}
   .boxsquare ul li .ptxt.yesnoques p { font-size: 30px !important;}
   .boxsquare ul li .houseimg {height:88px !important;}
   .boxsquare.sevenbox ul li,
   .boxsquare.fivebox ul li{width: 100px !important;height: 100px !important;}
   .boxsquare.noinfobox ul li .ptxt{padding:5px;}
   .boxsquare.sixbox .thenumberofwin ul li {width: 95px !important; height: 95px !important;}
   .boxsquare.sixbox .thenumberofwin ul li label .ptxt {height: 30px !important;padding: 0 !important;}
   .boxsquare.sixbox .thenumberofwin ul li label .ptxt p {font-size: 14px !important; color: #000;}
   .boxsquare.sixbox .thenumberofwin ul li label .houseimg {height: 63px !important;}
   .iamnotsure{width:90%;}
   .carousel-btn{height:34px;    padding: 0px 10px;}
   .carousel-btn a, .carousel-btn button,
   .carousel-btn button[type=submit],
   .carousel-btn #save_order_info, .carousel-btn #save_door_info, .carousel-btn #save_contact_info{color:#fff;min-width: auto;padding: 2px 10px !important;   font-size: 0px !important;   background: transparent;border: 0;    border-radius: 0;}
   .carousel-btn a span, .carousel-btn .button span,
   .carousel-btn button[type=submit] span{font-size:24px;}
   .carousel-btn a:hover,.carousel-btn button:hover {background:transparent; color: #a1ff00; border-color: #a1ff00;}
   .subheading {font-size: 20px;padding: 5px 10px;}
   .basedonanswer .perwindow h4 {font-size: 22px;padding-bottom: 5px;}
   .basedonanswer .perwindow p {font-size: 20px;}
   .basedonanswer .formore{font-size:20px;padding:0 10px;line-height: 20px;}
   .basedonanswer .formore p{font-size:18px;}
   .inspectiontitle {font-size: 24px;padding:10px;}
   .inspectiontitle p {font-size: 16px;}
    .howmanywin .widowtypdiv {width: 80px;height: 100%;   padding: 0px 10px;overflow:hidden;}
    .howmanywin .widowtypdiv ul li { width: 100%;    height: 12%;    margin: 1% 0;border-width:1px !important;}
    .howmanywin .widowtypdiv ul li .intox{display:none !important;}
    .howmanywin .widowtypdiv ul li img {height: 75%;}
    .howmanywin .widowtypdiv ul li p {font-size: 8px;}
    .howmanywin .aboutfeet h3 {float: inherit; display: block;}
    .howmanywin .aboutfeet .measurement {float: left;margin-top: 5px;}
    .howmanywin .scroll-wrapper {width: calc(100% - 80px);height:100%;}
    .winuantity{padding:0 7px;}
    .winuantity table {  width: 100%;}
    .winuantity table td:nth-child(1),
    .winuantity table td:nth-child(2),
    .winuantity table td:nth-child(3){clear: left;display:block;width: 100% !important;margin: 0;float: left; }
    .winuantity table td:nth-child(4){width:100%; clear: left;display:inline-block;}
    .winuantity table td:nth-child(5){ clear: left;  vertical-align: top;  padding-top: 30px !important;}
    .winuantity table td select { height:30px;  width: 100%;    max-width: 100%;}
    .winuantity table td select.windowtype {width: 100%;}
    .winuantity table td .windowinc button{height:30px;}
    .winuantity table td .windowinc input{line-height:30px;}
    .winuantity table tr {border-bottom: 1px #ccc solid;}
    .howmanywin .aboutfeet { padding: 0px 10px 10px;}

   
    .modal-body{overflow:auto;}
    .calendarbox{height:120px;}
    .mycalendar li.day-style {font-size: 12px;    padding: 4px 0;}
    .mycalendar span.schedule-month, .mycalendar span.schedule-year {height:24px;font-size: 13px;}
    .mycalendar span.schedule-day {font-size: 20px;line-height:41px;}
    .mycalendar ul.showing-dates li{height:90px;}
    .mycalendar .nextdates, .mycalendar .prevdates{height:120px;line-height:120px;}
    .selecttimemodal .modal-dialog{  width: 90%; height: calc(100% - 80px);  margin: 40px auto;  }
    .selecttimemodal .todaydisplay{width:100%;}
    .editprofilemodal .close{right: -7px;  top: -10px; background: #fff;}
    .selecttimemodal .close {   right: 4px;    top: 2px;    background: #fff;}
    .selecttimemodal.modal.in{display: block !important;}
    .selecttimemodal .modal-dialog .modal-body .col-sm-4,
    .selecttimemodal .modal-dialog .modal-body .col-sm-6{padding:0px;width:100%;display:block;}
    .selecttimemodal .modal-dialog  .modal-content{max-height:100%;   overflow: hidden;}
    .selecttimemodal ul li {font-size:18px;}
    .selecttimemodal .schbtn,a.schedule-certificate-btn { margin: 5px auto;   font-size: 18px;width: 94%;}
    .contactinfo{padding:0 15px;}
    .contactinfo .form-group, .contactinfo .form-group-half {width: 100%;margin: 0 0 20px;}
    
    .schtextarea{padding:0 15px;}
    .schappointment .subheading{ font-size: 30px;}
    .schappointment .schtitle h3 {font-size: 20px !important;   line-height: normal;}
    .schappointment .schtitle p {font-size: 16px;}
    .schappointment .detailconfirm .schtextbox,.schappointment .schtextbox {padding: 10px 5px;width:100%;}
    .schappointment .schtextbox h4 {font-size: 20px !important; margin-top: 0px;}
    .schappointment .detailconfirm .schtextbox h4{font-size:16px !important;}
    .schappointment .schtextbox .schdatetime{    width: 100% !important;}
    .schappointment .schtextbox .schdatetime p {margin-bottom: 5px;}
    .confirmtotal td p {font-size: 18px;line-height: 30px; font-weight: bold;}
    .confirmtotal td span {font-size: 15px;min-width: 145px;padding: 0 5px;}
    .schappointment .detailconfirm .confirmtotal td p {font-size: 16px;    line-height: 28px;}
    .schappointment .detailconfirm .confirmtotal td span {font-size: 14px;height:30px;line-height:30px;}
    .schappointment .detailconfirm .schtitle h3,
    .schappointment .detailconfirm .schtitle p{font-size: 14px !important; padding: 0;}
    .schappointment .schtitle p.copyof{font-size:13px;}
    .schappointment .detailconfirm .schtextbox .schdatetime p {margin-bottom: 0;   font-size: 18px;}
    .youpricetext, .youpricetext p{font-size:14px !important;}
    
    .boxsquare.fivebox ul.services-list li {width: 80px !important;  height: 100px !important;}
    .boxsquare.fivebox ul.services-list li#security-doors .ptxt p{font-size:12px !important;}
    
    .guidestep{padding:0 10px;}
    .guidestep ul li {width: 190px;   margin: 0 25px 30px;}
    .guidestep ul li p{font-size:18px;}
    .boxsquare.fourbox .specialofferbox ul li .ptxt p { font-size: 12px !important;}
    .boxsquare.fivebox ul.services-list li .ptxt {height: 32px !important;}
    .boxsquare.fivebox ul.services-list li .ptxt p { font-size: 14px !important;}
    
    #aboutuspopup .modal-header,
    #aboutuspopup .modal-header ul.nav-tabs{height:40px;}
    #aboutuspopup .modal-header ul.nav-tabs li { width: 24.62%;    margin: 0px 0.5% 0 0;    height: 40px;}
    #aboutuspopup .modal-header ul.nav-tabs li a { height: 40px; font-size: 14px;    padding: 10px 3px;}
    .modalaboutinfo .reviewrating{padding-bottom:30px;}
    .modalaboutinfo .tab-content #carousel-review .carousel-inner .reviewname{padding-bottom:15px;}
    .modalaboutinfo .tab-content #carousel-review .greviewbox {   height:auto;}
    .modalaboutinfo .tab-content .imagevideogallery iframe {height: 170px;}
    .quantitymodal .modal-dialog {  height: calc(100% - 80px); margin: 40px auto;}
    .quantitymodal .modal-dialog .modal-body{ height:100%; }
    .quantitymodal .modal-dialog .modal-content{height:100%;   overflow: auto;}
    .quantitymodal .modal-body .col-sm-5 { padding: 25px 0 15px 0;}
    .quantitymodal .modal-body .col-sm-4,
    .quantitymodal .modal-body .col-sm-3{padding:0px;}
    .subheading.returntitle {font-size: 30px;}
    .subheading.returntitle p { font-size: 22px;}
    .subheading.specialtitle { font-size: 20px;}
    .returnhome{width:90%;}
    .returnhome a{padding:7px;}
    .editprofilemodal .modal-dialog {width: 90%;   margin: 20px auto;}
    .editprofilemodal .modal-dialog .col-md-12{padding:0px;}
    .editprofilemodal h3 {padding: 20px 0 10px;   font-size: 20px;}
    
    
    .giftmodaldiv  .modal-dialog {  height: calc(100% - 40px); margin: 20px auto;}
    .giftmodaldiv  .modal-dialog .modal-body{ height:100%; padding:5px;}
    .giftmodaldiv  .modal-dialog .modal-content{height:100%;   overflow: auto;}
    .scheduleofferbox h3{font-size:20px !important;max-width: 290px;margin: auto !important;}
    .alexgiftcertificate{padding:35px;width:290px;height:505px;  background-size:contain; background-repeat: no-repeat;  background-image: url(../images/giftimg1.jpg)}
    .alexgiftcertificate .logodiv .firstlogo{ margin: 0 auto 10px;}
    .alexgiftcertificate .logodiv,
    .alexgiftcertificate .giftnote,
    .alexgiftcertificate .giftcall{width: 100%;}
     .alexgiftcertificate .redeemdiv{width:90%;margin:auto;clear: both; float: inherit;}
    .alexgiftcertificate .presentedby p{font-size:15px;  height: 24px; line-height: 20px;}
    .alexgiftcertificate .presentedby p span{font-size:24px;}
    .alexgiftcertificate .presentedby .col-sm-7,
    .alexgiftcertificate .presentedby .col-sm-5{padding:0px;}
    .alexgiftcertificate .giftnote p{font-size:10px;letter-spacing:inherit;width:100%;}
    .alexgiftcertificate .giftnote img{display:none;}
    .alexgiftcertificate .giftcall { padding: 5px; border-top: 2px #2f3091 solid;   margin: 10px 0 0 0;border-left:0px;}
    .alexgiftcertificate .giftcall img {width: 30px;vertical-align: text-bottom;}
    .thankspage-video {width: 94%; margin: auto;}
    .thankyoupage .returnhome{width:100%;margin:10px auto 0;}
    .thankyoupage .returnhome a {height: 40px; line-height: 40px; font-size: 18px;border-width: 2px;   width: 135px;   padding: 7px 2px;}
    .thankyoupage .returnhome a p {line-height: 20px;}
   
    
}
@media only screen and (max-width:480px){
	
}
@media only screen and (max-width:375px){
    body {font-size: 14px;}
}
@media only screen and (max-width:360px){
    .oepningpagediv.boxsquare ul li {width: 85px !important;height:90px !important;    margin: 3px 0px !important;}
    .boxsquare ul li .thumb{ border-bottom: 50px solid #ff0; border-left: 50px solid transparent;}
    .oepningpagediv.boxsquare ul li .ptxt{height:35px !important;}
    .oepningpagediv.boxsquare ul li .ptxt p {font-size: 12px !important;}
    .oepningpagediv.boxsquare ul li .ptxt p span {font-size: 8px;}
    .oepningpagediv.boxsquare ul li .houseimg { height: 53px !important;}
    .oepningpagediv.boxsquare ul li .houseimg img { width: auto;height: auto; max-width: 100%;ax-height: 100%;}
    .oepningpagediv .whitebox { height: 460px;}
    .returnhome a{font-size:20px;}
    .mobiledetails{width:60px;margin-left:5px;}
    header .callabout a.btn{padding:5px;}
    
    .boxsquare ul li .thumb img, .servicebox ul li.bgactive .thumb img, .specialofferbox ul li.spactive .thumb img {
        width: 18px;
        margin-left: -35px;
        margin-top: 26px;
    }
    .oepningpagediv.openingformpage .whitebox .titlediv h4{font-size:20px;}
    .tellus{padding:10px 10px 0px;}
    .boxsquare .basedonanswer ul li label .ptxt p { font-size: 15px !important;}
    .boxsquare ul li .ptxt p {font-size: 15px !important;}
    .selecttimemodal .todaydisplay h3{font-size:18px;}
}