@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;}


#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:80px;padding:10px 0px;}
header .logo{max-width: 250px; width: 100%; float: left;height:60px;}
header .logo img{width:auto;max-width:100%;max-height:100%;height:auto;}
header h3{float: right;font-size: 18px; line-height: 60px; margin: 0; padding: 0;}
header .callabout{text-align:right;padding-top:13px;}
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/brookdale_bg.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 { width: 100%;   margin: 0 auto;   overflow: hidden;  border-radius: 10px;  height: calc(100vh - 135px);}
.oepningpagediv .whitebox {position: absolute;display: block; width: 100%;max-width: 990px;margin: auto; background-color:rgba(0,0,0,0.8); height:480px;overflow: hidden; border-radius: 10px;left: 0;right: 0;  top:30px;}
.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:table;width:100%;position:relative;    height: calc(100% - 125px);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.boxsquare ul {display:block;}
.oepningpagediv.boxsquare ul li{width:140px;height:140px;margin:5px;}
.oepningpagediv.boxsquare ul li label{height:140px;border-color: #9c9c9c;}
.oepningpagediv.boxsquare ul li .houseimg{height:100px;}
.oepningpagediv.boxsquare ul li .ptxt{height:40px;}
.oepningpagediv.boxsquare ul li .ptxt p{font-size:18px;color:#000;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv{display:block;visibility:visible;width:100%;position:relative;margin:50px 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 input:focus{outline:none;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv.showzipcode{ visibility: visible;}


.tellus{display: table; width: 100%;  max-width: 740px;  margin:50px auto 0; position: relative;}
.tellus .form-group {width:46%; margin:0 2% 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; }
.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; }
#agentmsg{height:22px;font-style: italic;padding-top: 5px;}
.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 ul li,
.boxsquare .basedonanswer ul li{width: 400px !important;height: 60px !important;margin: 15px auto 0; box-shadow: 1px 1px 4px #000;display: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;}
.oepningpagediv.boxsquare .twosqubtn ul li label,
.boxsquare .basedonanswer ul li label{height: 60px;background: #a1ff00; padding: 10px 25px 10px 10px;}
.oepningpagediv.boxsquare .twosqubtn ul li label .ptxt,
.boxsquare .basedonanswer ul li label .ptxt{height:40px !important;padding:5px 0px !important;margin: 0px;text-align: center;float: right; width: calc(100% - 80px);}
.oepningpagediv.boxsquare .twosqubtn ul li label .ptxt p,
.boxsquare .basedonanswer ul li label .ptxt p{font-size: 20px !important;    color: #000; font-weight:500;  }
.oepningpagediv.boxsquare .twosqubtn ul li .houseimg,
.boxsquare .basedonanswer ul li .houseimg{height:50px;width: 80px; float: left;margin-top:-7px;}


.oepningpagediv.boxsquare .twosqubtn ul li:nth-child(2) label:hover:after,
.boxsquare .basedonanswer ul li:nth-child(2) label:hover:after{border-color:#fff;}

.oepningpagediv.boxsquare .twosqubtn ul li:nth-child(2),
.oepningpagediv.boxsquare .twosqubtn ul li:nth-child(2) label,
.boxsquare .basedonanswer ul li:nth-child(2),
.boxsquare .basedonanswer ul li:nth-child(2) label {background:transparent;box-shadow:none;border:none;}
.oepningpagediv.boxsquare .twosqubtn ul li:nth-child(2) .ptxt p,
.boxsquare .basedonanswer ul li:nth-child(2) label .ptxt p{color:#fff;}

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



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


.basedonanswer .perwindow{background:#fff;display: block; width:320px;text-align: center;padding:15px;clear: both; margin:20px auto;border: 4px #ff0 solid;border-radius: 10px;}
.basedonanswer .perwindow h4{font-size: 34px;color: #000;font-weight:bold;margin: 0; padding-bottom: 10px;}
.basedonanswer .perwindow p{font-size:24px;color:#000;margin:0px;}
.basedonanswer .formore{text-align:center;font-size:26px;margin:10px 0;color:#fff;}
.basedonanswer ul{display:block !important;}
.basedonanswer .subheading{margin:auto;}
/*
.boxsquare .basedonanswer ul li{width: 270px;height: 100px;margin: 5px 18px;box-shadow: 1px 1px 4px #7d7d7d;}
.boxsquare .basedonanswer ul li label{height:100px;    background: #a1ff00;padding:10px;}
.boxsquare .basedonanswer ul li .ptxt {height:78px;font-size: 18px;padding: 5px;margin:0px;text-align: center; float: right;width: calc(100% - 90px);}
.boxsquare .basedonanswer ul li .ptxt p{color:#000;  font-size: 18px;  line-height: 20px;  padding: 0 30px;}
.boxsquare .basedonanswer ul li .houseimg{height:78px;width:80px;float:left;padding-top:13px;}*/





.subheading {display: block; width: 100%;text-align: center;font-size: 30px;padding:0 10px 25px;color:#fff;}

.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.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: right;}


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

.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{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{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;}
.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:block;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:20px;}
.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: 55px; overflow: hidden; margin-right:2%; border-radius: 8px;}
.rightsidebar .bottomchatbox .socialdiv ul li a{display:block;cursor:auto;}
.rightsidebar .bottomchatbox .socialdiv ul li a img{width: auto;display: block; margin: auto; max-height: 28px; max-width: 55px;}
.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{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 1px #a0fe01;padding:4px;}
.mycalendar ul li:last-child{border-right: solid 1px #a0fe01;}
.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 1px #a0fe01; 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{ color: #adadad;    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;}

.howmanywin{overflow:hidden;}
.howmanywin .widowtypdiv{float:right;width:250px;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:110px;height:110px;margin:3% 5px;border:1px #ccc 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;}
.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:52px;}
.howmanywin .widowtypdiv ul li p{height: auto; font-size: 14px;margin: 0;padding-top: 4px;}
.howmanywin .widowtypdiv ul li .intox{    display: block; 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% - 250px);}
.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;}
.winuantity table td{color:#fff;border-top: 0 !important;}
.winuantity table td p{float:left;    line-height: 28px;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: 28px; border: 0;outline:none;}
.winuantity table td .windowinc input{width:40px;float:left;color: #000;margin: 0;   outline: none;   border: 0;line-height:26px;text-align:center;}
.winuantity table td a{color:#fff;}
.winuantity table td select{padding:0px 2px;height:28px;line-height:24px;width:175px;}
.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:24px;}
.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 select,.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 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;}
.contactinfo .form-group-half .stategroup{margin:0px 5px 0 0;width:calc(100% - 110px);}
.contactinfo .form-group-half .zipgroup{margin:0px;width:105px;}

.contactinfo .prodetail{display: block; width: auto; position: relative;  clear: both;color: #fff;margin: 0 2% 15px;}
.contactinfo .prodetail p{margin:0px;padding-right:60px;font-size:20px;}
.contactinfo .prodetail .editpro{position: absolute;top: 0; right: 0;cursor:pointer;}



.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:24px;}
.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;}
.schtextbox .schdatetime{display: block;width: 330px;   margin: auto;   text-align: left;}
.schtextbox .schdatetime p{font-size:30px;}
.schtextbox .schdatetime p i{margin-right:5px;}




.schtextbox .estotal,
.schtextbox .fintotal{display:block;width:375px;position:relative;    margin: 15px auto 10px; height: 35px;}
.schtextbox .fintotal{display:none;}
.schtextbox .estotal p,
.schtextbox .fintotal p{width:160px;margin:0px;font-size:24px;float:left;text-align:left;    line-height: 30px;}
.schtextbox .estotal span,
.schtextbox .fintotal span{    float: left; height: 36px;width: 180px; border-radius: 4px;  border: 2px #ccc solid;  line-height: 36px;   font-size: 24px; font-weight: bold;}

.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;   }
.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 0;color:#fff;}
.inspectiontitle{color:#fff;text-align:center;    font-size: 30px;   padding:60px 0px 50px;}
.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:24px;}
.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 #carousel-review  .carousel-inner{height:191px;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: 192px;  overflow: hidden;}
.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:30px;margin:5px 0px;}
.ratingbox .ratingimg{ width: 30%;padding-right: 15px;}
.ratingbox .ratingimg img{max-width: 100%;height: 30px;display: block;float: right;}
.ratingbox .ratingpoint{width:25%;text-align: right; padding-right: 15px; font-weight: bold;}
.ratingbox .ratingstar{width:45%;}
.ratingbox .ratingstar i{color:#fff101;}
.modalaboutinfo .tab-content #carousel-review .carousel-control{background-image: none;width: 30px;height: 30px;top:inherit;opacity: 1;color: #000;font-weight: normal;z-index:99;}
.modalaboutinfo .tab-content #carousel-review .carousel-control .glyphicon {font-size:20px;}
.modalaboutinfo .tab-content #carousel-review .carousel-control.left{right:40px;left:inherit;}
.modalaboutinfo .tab-content #carousel-review .carousel-inner{padding:0px;}
.modalaboutinfo .tab-content #carousel-review .carousel-inner .item{padding:10px;}
.modalaboutinfo .tab-content #carousel-review .carousel-inner h4{padding-bottom:5px;}
.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;}
.modalaboutxt{position:relative;overflow:hidden;    height: calc(100% - 192px);}
.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:740px; 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:740px;}
.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:130px;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:130px;}
.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{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 .col-sm-4 h4{color: #444;font-size: 24px; text-align: center;    margin: 7px 0 20px;}
.selecttimemodal .col-sm-4 ul{margin:0px;padding:0px;list-style:none;}
.selecttimemodal .col-sm-4 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 .col-sm-4 ul li:hover{ border-color: #ff0;}
.selecttimemodal .col-sm-4 ul li.active{background:#fffd02;border-color:#fffd02;}
.selecttimemodal.modal.in,
.quantitymodal.modal.in{display:flex !important;}
.selecttimemodal .modal-dialog,
.quantitymodal .modal-dialog{margin: auto;}
.selecttimemodal .schbtn{    max-width: 400px;width:100%;  margin: 13px auto 15px;    font-size: 24px;}

.quantitymodal .close{right:5px !important;top:5px !important;}
.quantitymodal .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 ;
  
}

.subheading.returntitle { font-size: 40px;}
.subheading.returntitle p{font-size:30px;margin:0px;}
.returnhome{display:block;width:100%; max-width: 335px; margin: 40px auto 0;}
.returnhome a{font-size: 24px;display: block; height: 60px;background: #a1ff00;padding: 10px 25px;    cursor: pointer; position: relative; width: 100%; border: 1px #908f8c 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 i{font-size: 45px;line-height: 40px;float: left;vertical-align: top;}
.returnhome a p{float:left;padding-left:30px;margin:0;line-height:40px;}

@media (max-width:1600px){
    
    .oepningpagediv .whitebox{max-width:790px;height:430px;}
    .oepningpagediv.boxsquare ul li{width:110px;height:110px;}
    .oepningpagediv.boxsquare ul li label{height:100%;}
    .oepningpagediv.boxsquare ul li .ptxt{height:30px;}
    .oepningpagediv.boxsquare ul li .ptxt p{font-size:14px;}
    .oepningpagediv.boxsquare ul li .houseimg{height:80px;}
    .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;}
    .indicators-btn2 .carousel-indicators2 li{font-size:20px;}
    .subheading {font-size: 24px;padding: 0px 10px 15px;}
    .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;}
    .howmanywin .aboutfeet{max-width:94%;}
    .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;}
    .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;}
    .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;}
    
    .modalaboutinfo .tab-content h3 { padding: 0px 0 15px 0;font-size: 24px;}
    .modalaboutinfo .tab-content p{font-size:18px;}
    .modalaboutinfo .tab-content .aboutlogo{padding-top:10px;}
    .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:110px;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;}
    
    
}

@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{max-width:800px;margin:auto;}
    .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{ max-width: 870px;margin: auto;}
    .boxsquare.sevenbox ul li {width: 105px; height: 100px;  margin: 5px 5px;}
    .boxsquare.fivebox ul li {width: 150px;height: 150px; margin: 6px 5px;}
    .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{height:45px;}
    .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;}
    
    .imagevideogallery{width:375px;}
    .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){
    
    
    
    
    
}

@media (max-width:1440px){

   

    .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: 22.5% ;}
    .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{width:150px;}


}

@media (max-width:1366px){
    
 .oepningpagediv .whitebox{height:390px;}
.oepningpagediv .whitebox .whiteboxtext{height:auto;}
.oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv{margin:35px auto;}
.tellus{margin:30px auto 0px;}
.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.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;}
.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;}

.inspectiontitle{padding-top:15px;font-size:20px;}


.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;}
.schtextbox .estotal {margin: 8px auto 8px;    height: 30px;}
.schtextbox .fintotal {margin: 1px auto 0px; height: 30px;}
.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 .rightclder .schedulefree .datetimediv{ max-width: 210px; margin: auto;}
.rightsidebar .bottomchatbox {height: 100px;}
.rightsidebar .estimatetotal {margin-top: 0;}
.rightsidebar .estimatetotal p {font-size:16px;padding:0 0 10px;}
.finestimate { padding-top: 15px;}

.winuantity table td:nth-child(1) {width: 110px;}
.winuantity table td select {width: 135px;}
.howmanywin .widowtypdiv ul li {width: 90px; 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;}

.schappointment .detailconfirm .subheading, .theprocess .subheading, .specialtitle {font-size: 36px;}
.schappointment .detailconfirm .schtitle h3 {font-size: 24px !important;}
.schappointment .detailconfirm .schtitle h3 span{color:#ff0;}
.schappointment .detailconfirm  .schtitle p,
.schappointment .detailconfirm .schtextbox .schdatetime p{font-size:20px;}
.schappointment .detailconfirm  .schtextbox h4 {font-size: 24px;}
.schappointment .detailconfirm  .schtextbox .schdatetime{width:250px;}
.schappointment .detailconfirm .schtextbox .estotal,
.schappointment .detailconfirm .schtextbox .fintotal{width:335px;}
.schappointment .detailconfirm .schtextbox .estotal p,
.schappointment .detailconfirm .schtextbox .fintotal p{font-size:20px;line-height:30px;width:135px;}
.schappointment .detailconfirm .schtextbox .estotal span,
.schappointment .detailconfirm .schtextbox .fintotal span{height:30px;line-height:30px;font-size:20px;}
.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;}

.modalaboutxt {height: calc(100% - 150px);}
.modalaboutinfo .reviewrating{height:160px;}
.modalaboutinfo .tab-content .ratingbox ul li{height:24px;margin: 2px 0px;}
.modalaboutinfo .tab-content .ratingbox, 
.modalaboutinfo .tab-content #carousel-review .carousel-inner { height: 160px;}
.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 .ratingimg{height:24px;overflow:hidden;}
.ratingbox .ratingimg img{height:24px;}
.imagevideogallery{width:370px;}
.modalaboutinfo .tab-content .imagevideogallery.aboutvideo {width: 400px;}
.modalaboutinfo .tab-content .imagevideogallery iframe{height:200px;}

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

@media (max-width:1199px){
  .howmanywin .widowtypdiv {width:100%;height:70px;padding:0px 10px;}
  .howmanywin .widowtypdiv ul li { width: 10.5%;height: 70px;  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%;}
  .howmanywin .aboutfeet { width: 100%;    padding: 15px;    max-width: 100%;}
  .winuantity table{width:100%;}
  .winuantity table td select{width:100%;max-width:125px;}
  .winuantity table td:nth-child(4){width:190px;}
   
    
}

@media only screen and (min-width:992px) and (max-width:1199px){
    
    .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: 360px;}
    .oepningpagediv.boxsquare ul li {width: 90px;    height: 100px;}
    .oepningpagediv .whitebox .whiteboxtext{height: calc(100% - 48px);}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter h3{margin-top:0px;font-size:18px;padding-bottom:20px;}
    .oepningpagediv.boxsquare ul li .ptxt p {font-size: 13px;}
    .tellus .form-group{margin-bottom:10px;}
    .oepningpagediv.boxsquare .twosqubtn{margin-top:10px;}
    
    .boxsquare.threebox ul li { width: 165px; height: 165px;}
    .boxsquare.threebox ul li label .ptxt {height: 45px;}
    .boxsquare.threebox ul li label .ptxt p {font-size: 14px;}
    .boxsquare.threebox ul li .houseimg {height: 120px;}
    
    .boxsquare.fourbox ul li {width: 135px; height: 150px;}
    .boxsquare.fourbox ul li .ptxt p {font-size: 14px;}
  /* 
  .ratingbox .ratingpoint { width: 30%; padding-right: 10px;}
  .ratingbox .ratingstar {width: 40%;}
  .imagevideogallery{ overflow: visible;}
  .modalaboutxt{height:auto !important;    overflow: visible;}
  .modalaboutxt,
  .reviewrating{ width: 50%;    float: left;}
  .reviewrating .col-md-6{ width: 100%; }
  .modalaboutinfo .tab-content .ratingbox ul li {margin: 5px 0px;}
  .modalaboutinfo .tab-content .ratingbox{height:170px; margin-bottom:10px;}
  .modalaboutinfo .tab-content #carousel-review .carousel-inner{height:190px;}
  .imagevideogallery,
  .modalaboutinfo .tab-content .imagevideogallery.aboutvideo{width:100%;}
  .modalaboutinfo .tab-content .imagevideogallery .carousel-control { top: inherit;    height: 40px;    width: 40px;    bottom: -40px;}*/
  
  .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;}
  
  #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-6{width:100%;}
  
  
  
}


@media (max-width:991px){
    
    header {height: 70px; padding: 5px 0px;}
    body.modal-open{overflow:hidden;}
    header .callabout a.callto span{display:none;}
    
    #playground {     height: calc(100% - 70px);}
    .carouselslidediv{height: calc(100% - 70px);  overflow: hidden; padding: 0; width: calc(100% - 20px);  margin: 10px auto; float: inherit; }
   
	
	.catimgbox{    width: 100%;height: 100% !important;margin-left: 0px;   margin-right: 0px;   padding: 0px;}
    .oneformbox, .carousel-inner { display: block;}
   
    .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: 360px;}
    .oepningpagediv.boxsquare ul li {width: 90px !important;    height: 90px !important;}
    .oepningpagediv .whitebox .whiteboxtext{height: calc(100% - 48px);}
    .oepningpagediv .whitebox .whiteboxtext .valigncenter h3{margin-top:0px;font-size:18px;padding-bottom:20px;}
    .oepningpagediv.boxsquare ul li .ptxt{padding:0px !important;height:30px !important}
    .oepningpagediv.boxsquare ul li .ptxt p {font-size: 13px !important;}
    .tellus{margin:15px auto 0px;}
    .tellus .form-group{margin-bottom:10px;}
    .oepningpagediv.boxsquare .twosqubtn{margin-top:10px;}
    
    
    .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;}
    
    .footer,
	.estimatetotal{display:none;}
	.financeprice.finaddprice{display:block;z-index:9999;}
    .financeprice{display:none;position:fixed;bottom:0;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;}
    .financeprice .mobiledetails{position: absolute; right:0; top: 0;width:70px;height:50px;color: #005da9;text-align:center;font-size:14px;}
    .financeprice .mobiledetails i{display:block;font-size:26px;padding-top:3px;}
    .financeprice .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: 170px;   max-width: 170px;}
  .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;}
  

	
}
@media (max-width: 767px){
   
   header {height: 60px; padding: 5px 0px;}
   header .col-xs-3{padding:0px;}
   header .col-xs-9{padding-right:0px;}
   header .logo{height:50px;}
   header .callabout {padding-top: 10px;}
   header .callabout a.callto{margin-top:0px;}
   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);}
   	
   	.oepningpagediv{height:auto;}
   	.oepningpagediv .whitebox .whiteboxtext .valigncenter h3 {margin-bottom: 0;padding: 15px 0 10px;}
   .oepningpagediv .whitebox { max-height: 100%;position:relative;top:0px;}
   .oepningpagediv .whitebox .whiteboxtext {height:auto;position:relative;}
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv{ margin: 15px auto;padding: 0;width: 90%;}
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv input,
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv .showme{width:50%;}
   .oepningpagediv .whitebox .whiteboxtext .valigncenter .zipcodediv .showme{font-size:16px;}
   .oepningpagediv.boxsquare ul li .houseimg {height: 60px !important;}

   .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;}
   .tellus .form-group:nth-child(3),
   .tellus .form-group:nth-child(4){width:96%;}
   .oepningpagediv.boxsquare .twosqubtn { margin-top: 0px;    margin-bottom: 10px;}
   
   .oepningpagediv.boxsquare .twosqubtn ul li,
   .boxsquare .basedonanswer ul li{height:50px !important;width:90% !important; margin: 10px auto !important;}
   .oepningpagediv.boxsquare .twosqubtn ul li label,
   .boxsquare .basedonanswer ul li label{height:50px;padding:0px;}
   .oepningpagediv.boxsquare .twosqubtn ul li label .ptxt,
   .boxsquare .basedonanswer ul li label .ptxt{height:50px !important;padding:0px 5px !important;}
   .oepningpagediv.boxsquare .twosqubtn ul li label .ptxt p,
   .boxsquare .basedonanswer ul li label .ptxt p{font-size: 16px !important;}
   .oepningpagediv.boxsquare .twosqubtn ul li .houseimg,
   .boxsquare .basedonanswer ul li .houseimg{height: 46px !important;margin-top: 0;}
   .oepningpagediv.boxsquare .twosqubtn ul li .houseimg img,
   .boxsquare .basedonanswer ul li .houseimg img{ width: auto; margin: auto;    max-width: 100%;    height: auto;    max-height: 100%;}
   
   .boxsquare ul li{width:160px !important;height:160px !important;margin:8px 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 .houseimg {height: 110px !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;}
   .subheading {font-size: 18px;padding: 10px 15px;}
   .basedonanswer .perwindow h4 {font-size: 26px;padding-bottom: 5px;}
   .basedonanswer .perwindow p {font-size: 20px;}
   .basedonanswer .formore{font-size:18px;}
   .inspectiontitle {font-size: 24px;padding: 25px 0px 25px;}
    .howmanywin .widowtypdiv {width: 80px;height: 100%;   padding: 0px 10px;}
    .howmanywin .widowtypdiv ul li { width: 100%;    height: 12%;    margin: 1% 0;}
    .howmanywin .widowtypdiv ul li .intox{display:none;}
    .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);}
    .winuantity{padding:0 7px;}
    .winuantity table td:nth-child(1),
    .winuantity table td:nth-child(2),
    .winuantity table td:nth-child(3){clear: left;width: 100% !important;display: block;margin: 0;float: left; }
    .winuantity table td:nth-child(4){width: 190px; clear: left;display: inline-block;}
    .winuantity table td:nth-child(5){ clear: left;display: inline-block;}
    .winuantity table td select {   width: 100%;    max-width: 100%;}
    


   
    .modal-body{overflow:auto;}
    .calendarbox{height:120px;}
    .mycalendar li.day-style {font-size: 12px}
    .mycalendar span.schedule-month, .mycalendar span.schedule-year {height:24px;font-size: 13px;}
    .mycalendar span.schedule-day {font-size: 20px;line-height:36px;}
    .mycalendar ul.showing-dates li{height:90px;}
    .mycalendar .nextdates, .mycalendar .prevdates{height:120px;line-height:120px;}
    .selecttimemodal .modal-dialog { width: 90%;}
    .selecttimemodal .todaydisplay{width:100%;}
    .editprofilemodal .close, .selecttimemodal .close{right: -7px;  top: -10px; background: #fff;}
    .selecttimemodal .col-sm-4 ul li{margin-bottom:5px;padding:3px;}
    .contactinfo{padding:0 15px;}
    .contactinfo .form-group, .contactinfo .form-group-half {width: 100%;margin: 0 0 20px;}
    
   
    
    .schtextarea{padding:0 15px;}
    .schappointment .schtitle h3,
    .schappointment .schtextbox h4{font-size:20px !important;margin-top:0px;}
    .schappointment .schtextbox { padding: 10px 15px;    width: 100%;}
    .schappointment .schtextbox .schdatetime{width:100%;}
    .schappointment .schtextbox .estotal,
    .schappointment .schtextbox .fintotal{width:auto;}
    .schappointment .schtextbox .estotal span{width:auto;padding:0 10px;}
    .schappointment .schtextbox .schdatetime p{margin-bottom:5px;}
    .schappointment .schtextbox .fintotal p{padding-right:20px;}
    .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;}
    
}
@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){

}


/*access code*/

.accesslogin{position: fixed; top: 0; bottom: 0;width: 100%;background-color: rgba(0,0,0,0.95); z-index: 99;}
.accesslogcode{padding: 30px;width: 370px;margin: auto;height: 100px;background: #fff; border-radius: 10px;box-shadow: 0 0 4px #7b7b7b;position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.accesslogcode input{width: 200px; float: left; height: 40px; font-size: 24px; font-style: italic;}
.accesslogcode button{width: 110px; height: 40px; border-top-left-radius: 0;border-bottom-left-radius: 0;  margin-left: -2px; font-size: 18px;text-transform: uppercase; color: #000;font-weight: bold; outline: none;}
.accesslogcode button:focus,
.accesslogcode button:hover{outline:none;}


/* gift certificate */
.selecttimemodal .modal-dialog, .quantitymodal .modal-dialog, .giftmodaldiv .modal-dialog {
    margin: auto;
}
.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%;}
.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%;}
.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;}
.giftmodaldiv .close{right:5px !important;top:5px !important;}
.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 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;margin-top:10px;}
.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;}

@media (max-width:991px){
  .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){
.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;}
}

@media (max-width:1600px){
 .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;}
}

@media (max-width:1366px){
.scheduleofferbox .scheduleoffer{max-width:450px;height:187px;}
}

@media only screen and (min-width:992px) and (max-width:1199px){
   .scheduleofferbox .scheduleoffer{max-width:330px;height:130px;}
    .scheduleofferbox p {font-size: 18px;}
}