@font-face {
font-family:"brandon-grotesque";
src: url("../fonts/Brandon_reg.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:#fff;}
a:hover,
a:visited,
a:active{text-decoration:none!important;}
a:focus, a:hover{color:#cab8b8;}

#logo-container{height: 75px; top: 0px; left: 0px; width: 250px;text-align: center;position: fixed;z-index: 9999;}
#logo-container a{padding:0px;position:relative;display:block;}
#logo-container a img.big-logo{position:relative;max-width:100%;width:auto;margin-top:5px;height:auto;max-height:60px;}
#logo-container a img.small-logo{display:none;width:30px;}

header{display:block;width:100%;position:relative;background: #f2f3f4;height:75px;z-index:999;margin-bottom:20px;}
header .logo{    width: 200px;  margin: auto;  display: block;  padding-top: 10px;}
header .logo a{display:block;}
header .logo img{width:auto;display:block;margin:auto;max-width:100%;}
.nav{border:none;}
.row{margin:0px;}
th{font-weight:400;}
b, strong, dt, label{font-weight:400;}

.clear{clear:both;}

#playground{display:block;overflow:auto;position:relative;left:0px;right:0px;min-height:100%;background:#f2f3f4;padding-top:13px;padding-bottom:0px;}

#save_order_info,
#save_contact_info {width: 205px;padding: 5px;color: #ffffff;font-size: 18px;text-transform: uppercase;border: 2px #fff solid;border-radius: 20px;text-align: center;background: #000;}
.saveinfo:enabled:hover {background: #fff101!important;color: #000!important;border-color: #fff101!important;}


@media (max-width:991px){
   
   .sidebarscroll{z-index:-1;width:250px;}
	
	
	#logo-container{height:60px;top:0px;width:200px;text-align:center;padding-top:4px;padding-left:9px;position:fixed;left:0;right:0;margin:auto;}
	#logo-container a img.big-logo{margin-top:0px;}
	#logo-container a {display: block; text-align: left;}
	

}


/*************** SCROLLBAR BASE CSS ***************/
 
.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; }
 /******************* JANOS SCROLLBAR *******************/
 .scrollbar-janos > .scroll-element,
.scrollbar-janos > .scroll-element div{    border: none; margin: 0;  overflow: hidden;  padding: 0;  position: absolute;    z-index: 10;}
 .scrollbar-janos > .scroll-element div {background-color: transparent;    display: block;    height: 100%;    left: 0;    top: 0;    width: 100%;}
.scrollbar-janos > .scroll-element.scroll-y { border-left: 1px solid #AAAAAA;  height: 100%;  min-height: 100%;  right: 0;  top: 0; width: 10px;}
.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:  -17px; margin-top:  17px; }
 /* scrollbar arrows */
 .scrollbar-janos > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }
 .scrollbar-janos > .scroll-element.scroll-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; }
 /* if another scrollbar is visible */
 .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; }
 /* if arrows & another scrollbar are visible */
 .scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_corner,
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_corner {    border-top: 1px solid #AAAAAA;    bottom: 0;    display: block;    height: 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;}

.mbtm0{margin-bottom:0px;}
.headernew.headerleft{padding-left:240px;}

.zipbgimg  .zipareabox{background:transparent;height:115px;}
.zipbgimg  .zipareabox #agentmsg{color: #fff; font-weight: 500;    font-size: 18px;}
.whitebg.zipbgimg{background-size:cover !important;}
.zipcodeouter{display:none;position: absolute;width: 100%;height: 100%;top: 0;bottom: 0; left: 0; background-color: rgba(0,0,0,0.4);z-index: 99999;}
.zipareabox{background: #fff;width: 600px;    margin: auto;    height: 160px;    border-radius: 10px;    padding: 15px;    text-align: center;  position: absolute;   bottom: 0;  top: 0;  left: 0; right: 0;}
.zipareabox h3{margin:0px;}
.zipareabox p{margin: 10px 0px;}
.zipareabox .locationdivbox{width: 400px; margin: 15px auto 0;height:43px;}
.zipareabox .locationdivbox input[type=text]{    width: 300px; float: left;border-radius: 0;  padding: 10px;  height: auto;}
.zipareabox .locationdivbox input[type=submit],.zipareabox .locationdivbox input[type=button]{border-radius: 0;  width: 100px;font-size: 24px;height: 42px;}
#zipcodevalidatefrm .form-group{text-align:center;}
#zipcodevalidatefrm .form-group h3{margin:0px;}
#zipcodevalidatefrm .form-group h4{font-size:16px;}
.locationdivbox{width: 400px; margin: auto;}
.locationdivbox .form-control{    width: 300px; float: left;border-radius: 0;  padding: 10px;  height: auto;}
.locationdivbox  input[type=submit]{border-radius: 0;  width: 100px;font-size: 24px;height: 42px;}
.modal#ziplocations .modal-body{padding:30px;}
.modal#ziplocations {text-align: center;padding: 0!important;}
.modal#ziplocations:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
#ziplocations .modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}

.enterzip,
.mobilenav{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;}

.windows-items,.onecar-items,.twocar-items,.commercial-items,.decorativeaccent-items{display: none;}

.catimgbox{display: block; width:auto; position: relative; clear: both;   padding: 0 15px;  margin-left: 240px; margin-right:270px; }
.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;}
.contentcenter{margin:auto;   display: table;    width: 100%;    position: relative;    vertical-align: middle;    height: 100%;}

.iwanttodiv,
.selectcathouse,
.categoryhouse{width:100%; }
.sabtitle {   text-align: center;    font-size: 26px;    color: #000;padding: 10px; font-weight: 500;    background: #fff;}
.contentcenter1 { display: table;    width: 100%;    position: relative;    vertical-align: middle;    height: 88%;}

.boxsquare ul{margin:0px;padding:0px;list-style:none;    display: table-cell;   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;}
.boxsquare ul li .houseimg img{width:100%;}
.boxsquare ul li .houseimg{height:250px;margin-bottom:0px;display:block;overflow:hidden;}
.boxsquare ul li .houseimg img{height: auto;max-height: 100%;width: auto;max-width: 100%;display: block;margin: auto;}
.boxsquare ul li label{cursor:pointer;position:relative; width: 100%;height: 350px; 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;}
.boxsquare ul li label:hover p{color: #908f8c}
.boxsquare ul li.activeli label.cathactive:after{ content: ""; width: 100%; height: 100%;border: 3px #fff101 solid;position: absolute;left: 0;top: 0;border-radius: 10px;}
.boxsquare ul li p{position:relative;overflow:hidden;height:95px;margin: 0;padding: 12px 10px 15px 42px;   font-size: 24px;color:#014081;text-align:right;}
.boxsquare ul li p:after{width: 29px; height: 136px;content: ""; position: absolute; top: -18px; left: 37px; z-index: 999;transform: rotate(45deg);}
.boxsquare ul li label.cathactive,
.boxsquare ul li label.liveinactive{border-color:#fff101;}
.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 #FFEB3B; 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:#fff101;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 #fff101 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}

.boxsquare ul li label:hover:after{content: "";  width: 100%;height: 100%; border: 4px #fff101 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}

.boxsquare ul li label:before{content: "";background: #fff;background-size: 90px;top: 19px;width: 160px;height: 18px;left: -40px;transform: rotate(135deg); z-index: 99;position: absolute;border-top: 1px #908f8c solid;}
.boxsquare ul li:after{content: "";position: absolute;width: 130px; height: 9px; left: -26px; background: #ffffff; transform: rotate(135deg);top: 31px;z-index: 99;}

.boxsquare ul li label:hover:before, 
.boxsquare ul li label.cathactive:before,
.boxsquare ul li label.liveinactive:before,
.boxsquare .specialofferbox ul li.spactive label:before{  content: "";background: #fff101;/* background-size: 94px; */ top: 43px;width: 160px;height: 5px;left: -43px;transform: rotate(135deg);z-index: 99;position: absolute;border-color: #fff101;}

.boxsquare ul li .infobar .infoicon:hover,
.servicebox ul li .infobar .infoicon:hover{cursor:pointer;background: #fff101;border-color:#fff101;cursor:pointer;}


/*
.boxsquare ul li label:hover,
.servicebox ul li label:hover{border-color:#fff101;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 #fff101 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}

.boxsquare ul li label:hover:after{content: "";  width: 100%;height: 100%; border: 4px #fff101 solid; position: absolute;left: 0;top: 0;border-radius: 10px;}

.boxsquare ul li label:hover:before, 
.boxsquare ul li label.cathactive:before,
.boxsquare ul li label.liveinactive:before{   content: "";    background: #fff101;    background-size: 90px;    top: 36px;    width: 160px;    height: 4px;    left: -40px;    transform: rotate(134deg);    z-index: 99;    position: absolute;}

.boxsquare ul li .infobar .infoicon:hover,
.servicebox ul li .infobar .infoicon:hover{cursor:pointer;background: #fff101;border-color:#fff101;cursor:pointer;}

*/


.boxsquare.twobox ul li:last-child .infobox,
.onetwocar.boxsquare ul li:last-child .infobox{left: -365px;}
.boxsquare.fourbox ul li{width: 280px;   height: 280px;margin: 15px 10px;  }
.boxsquare.fourbox ul li label{height:280px;}
.boxsquare.fourbox ul li .houseimg { height: 180px;  display: block;   width: 100%;   position: relative;}
.boxsquare.fourbox ul li p {padding: 15px 10px 15px 40px; margin: 0;font-size: 24px;text-align: right;height: 95px;}


.boxsquare.fourbox ul li:nth-child(1) .infobox,
.boxsquare.fourbox ul li:nth-child(5) .infobox,
.boxsquare.fourbox ul li:nth-child(9) .infobox{left:-5px;}
.boxsquare.fourbox ul li:nth-child(2) .infobox,
.boxsquare.fourbox ul li:nth-child(6) .infobox,
.boxsquare.fourbox ul li:nth-child(10) .infobox{left: -179px;}
.boxsquare.fourbox ul li:nth-child(3) .infobox,
.boxsquare.fourbox ul li:nth-child(7) .infobox,
.boxsquare.fourbox ul li:nth-child(11) .infobox{left:-360px;}
.boxsquare.fourbox ul li:nth-child(4) .infobox,
.boxsquare.fourbox ul li:nth-child(8) .infobox,
.boxsquare.fourbox ul li:nth-child(12) .infobox{right: 0;left: inherit;}

.boxsquare.largethreebox ul li{    height: 320px;width: 320px; margin:10px 10px;}
.boxsquare.largethreebox ul li label{height:320px;}

.boxsquare.threebox .contentcenter{max-width:970px;}
.boxsquare.threebox ul li{    height: 280px;width: 280px; margin:10px 10px;}
.boxsquare.threebox ul li label{height:280px;}
.boxsquare.threebox ul li label p{height: 90px;  padding: 15px 10px 15px 42px;   font-size: 24px;}
.boxsquare.threebox ul li .houseimg {height: 180px;}
.boxsquare.threebox ul li:nth-child(1) .infobox{left:-25px;}
.boxsquare.threebox ul li:nth-child(2) .infobox{left: -250px;}
.boxsquare.threebox ul li:nth-child(3) .infobox,
.boxsquare.threebox ul li:nth-child(6) .infobox{left: inherit;  right: -25px;}
.boxsquare.threebox ul li:nth-child(4) .infobox{left: -140px;}
.boxsquare.threebox ul li:nth-child(5) .infobox{left: inherit; right: -170px;}
.boxsquare.noinfobox ul li label:hover:before,
.boxsquare.noinfobox ul li label.cathactive:before{display:none;}
.boxsquare.noinfobox ul li:after,
.boxsquare.noinfobox ul li label:before{display:none;}




.boxsquare.fivebox ul li{    width: 230px;   height: 230px;    margin: 15px 5px;}
.boxsquare.fivebox ul li label{height:230px;}
.boxsquare.fivebox ul li .houseimg { height: 145px;  display: block;   width: 100%;   position: relative;}
.boxsquare.fivebox ul li p {padding: 10px 10px 10px 50px; margin: 0;font-size: 22px;text-align: right;height: 80px;}

.boxsquare.fivebox ul li:nth-child(1) .infobox{left:-5px;}
.boxsquare.fivebox ul li:nth-child(2) .infobox{left: -140px;}
.boxsquare.fivebox ul li:nth-child(3) .infobox{left:-280px;}
.boxsquare.fivebox ul li:nth-child(4) .infobox{left:-430px;}
.boxsquare.fivebox ul li:nth-child(5) .infobox{right: 0;left: inherit;}
.boxsquare.fivebox ul li:nth-child(7) .infobox{left:-215px;}
.boxsquare.fivebox ul li:nth-child(8) .infobox{left:-350px;}
.boxsquare.fivebox ul li:nth-child(9) .infobox{left:-500px;}


.boxsquare.onlyimage ul li label .houseimg{margin-top:40px;}


.selectcathouse ul li.activeli .infobar:after,
.categoryhouse ul li.activeli .infobar:after,
.servicebox ul li.bgactive .infobar:after{    border-bottom: 4px #fff101 solid;}



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





/*


.infobar{width: 90px; height:90px; background: url(../images/infobg.png) right no-repeat;position: absolute;top: -1px;left: 0; z-index: 9;background-size:90px;}
.infobar .infoicon{}
.infobar .infoicon{position: absolute; border: 1px #fff solid; width: 20px; height: 20px; line-height: 20px; border-radius: 10px;background: #fff;    z-index: 1; margin-top: 12px;margin-left: 10px;}

.boxsquare ul li label.cathactive .infobar{    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: #fff;font-size: 30px;top:9px; left:0px; z-index: 999;}
.servicebox .infobar .infoicon.chkaro:after{top: 19px; left: 6px;}
.infobar .infoicon.chkaro{background: #fff101;border-color: #fff101;}
.servicebox ul li .infobox{top:39px;}


*/

.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;}
.infobox .btn-close{cursor:pointer;outline:0;float: right; background: #797979; border-radius: 15px; width: 70px; height: 30px; position: absolute; bottom: 5px;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;}

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

.ctninfo{display: table; width: 90%; margin:16px auto 0; clear: both;position: relative;}
.ctninfo h4{margin: 0;padding-bottom: 10px;padding-left: 10px;}
.ctninfo .col-sm-6.leftsm{padding-right:20px;}
.ctninfo .col-sm-6.rightsm{padding-left:20px;}
.ctninfo .col-sm-6 label{display:block; margin: 0; font-size: 14px;}
.ctninfo .col-sm-6 .form-group.stategrop{width:65%;float:left;}
.ctninfo .col-sm-6 .form-group.zipgroup{width:33%;float:left;margin-left:2%;}
.ctninfo .col-sm-6 .form-control{margin-bottom: 8px;padding: 4px 8px;}
.ctninfo .col-sm-6 select.form-control{padding:1px 3px;}
.ctninfo .col-sm-6 .form-control.customerfname{width:49%;float:left;}
.ctninfo .col-sm-6 .form-control.customerlname{width:49%;float:left;margin-left:2%;}
.ctninfo .col-sm-6 .form-control.phonetype{width:33%;margin-left:2%;float:left;}
.ctninfo .col-sm-6 textarea.form-control{height:200px;margin-bottom:0px !important;}
.ctninfo .col-sm-6.chkapply h5{margin:0px;padding-bottom:0px;}
.ctninfo .col-sm-6.chkapply .checkbox{margin-left: 20px;font-size: 12px;}
.ctninfo .col-sm-6.chkapply .checkbox input{margin-top:1px;}
.ctninfo .col-sm-6.chkapply  p{font-size: 11px; margin-bottom: 0;    text-align: right;line-height: 12px;  padding: 5px 5px 5px 5px;  height: 47px;}
.ctninfo .col-sm-6.chkapply  p.note{padding:0px;height:auto;margin-top:10px;text-align:left;font-size:12px;}
.ctninfo .col-sm-6.chkapply ul{margin:0px;display:table;}
.ctninfo .col-sm-6.chkapply ul li{width: 100px;height:106px;margin:10px 0 0 8px;float:left;    display: initial;}
.ctninfo .col-sm-6.chkapply ul li:nth-child(1){margin-left:0px;}
.ctninfo .col-sm-6.chkapply ul li:nth-child(1) p,
.ctninfo .col-sm-6.chkapply ul li:nth-child(2) p{padding-top:10px;}
.ctninfo .col-sm-6.chkapply ul li label{height:100%; overflow:hidden;}
.ctninfo .col-sm-6.chkapply ul li .infobar{width:40px;height:40px;}
.ctninfo .col-sm-6.chkapply ul li .infobar i {font-size: 12px; width: 16px;height: 16px; line-height: 16px;bottom: 3px;left: 0px;}
.ctninfo .col-sm-6.chkapply ul li .serimg{height:60px;}
.ctninfo .col-sm-6.chkapply ul li .serimg img{width:auto;height:100%;}
.ctninfo .col-sm-6.chkapply ul li span.thumb{    border-bottom: 60px solid #FFEB3B;  border-left: 60px solid transparent;}
.ctninfo .col-sm-6.chkapply ul li.chkparking .thumb img{margin-top:27px;}
.ctninfo .col-sm-6.chkapply ul li label:hover:before{top:39px;}
.ctninfo .col-sm-6.chkapply ul li.chkparking .infobar{  background: url(../images/infobghover.png) right no-repeat;  background-size: 50px;}
.ctninfo .col-sm-6.chkapply ul li label:before{display:none;}
.ctninfo .col-sm-6.chkapply ul li:after {display:none;}
.ctninfo .col-sm-6.chkapply ul li .infobar .infoicon.chkaro:after{display:none;}
#commercial-cleaning .ctninfo .leftsm .border-box{border-radius:4px;}
#commercial-cleaning .ctninfo .leftsm .border-box .custom-checkbox{ padding: 0 8px;   height: 20px;}
#commercial-cleaning .ctninfo .leftsm .border-box .custom-checkbox input[type=checkbox]{float: left;margin: 4px 4px 0 0;}
#commercial-cleaning .ctninfo .leftsm .border-box .custom-checkbox label{ margin: 0; float: left;}
#commercial-cleaning .ctninfo .leftsm textarea { height: 113px;}
#commercial-confirmation .schtextarea ul{display:block;}
#commercial-confirmation .boxsquare ul li { height: 200px;  width: 200px;}
#commercial-confirmation .boxsquare ul li label{height:200px;}
#commercial-confirmation .boxsquare ul li p {height: 60px;font-size: 26px;}
#commercial-confirmation .boxsquare ul li .houseimg {height: 140px;}
#commercial-confirmation .boxsquare ul li:first-child .infobox{left:-122px;}
#commercial-confirmation .boxsquare ul li:last-child .infobox{left:-365px;}
#commercial-confirmation .boxsquare ul li .infobox p{font-size:14px;}


/*.categoryhouse.boxsquare ul li{height: 200px;width:200px;}
.categoryhouse.boxsquare ul li label{height:200px;}
.categoryhouse.boxsquare ul li p {padding: 10px 10px 10px 42px;   font-size: 18px;height:65px;}*/

.rightsidebar{width: 270px;position: fixed;right: 10px;top: 20px;border-radius: 10px;overflow:hidden;}
.rightsidebar .righttopheader{height:56px;    background:#3868B0;padding: 5px 10px;color:#fff;}
.rightsidebar .righttopheader ul{margin:0px;padding:0px;list-style:none;}
.rightsidebar .righttopheader ul li{float:left;}
.rightsidebar .righttopheader ul li:nth-child(1){width:40%;}
.rightsidebar .righttopheader ul li:nth-child(2){width:60%;}
.rightsidebar .righttopheader ul li p{font-weight: bold; margin: 13px 0; font-size: 14px;}
.rightsidebar .righttopheader ul li .onoffbtn{display:block;text-align:right;}
.rightsidebar .righttopheader ul li .onoffbtn span{font-size: 10px;text-transform: uppercase;}
.rightsidebar .righttopheader ul li .clearbtn{display: block;clear: both; text-align: right;margin-top: 6px;}
.rightsidebar .rightmiddle{box-shadow: 0 0 5px #a5a5a5; background:#fff;   display: block; width: 100%; position: relative; overflow: hidden;margin: 0px auto 10px;}
.rightsidebar .rightmiddle.proscrolling .scroll-wrapper {height: calc(100% - 65px);}
.rightsidebar .rightbottom{height:60px;    background:#231f20;padding:10px;}
.rightsidebar .rightbottom a{background: #bcbdc0;color: #000;border-radius: 20px;height: 40px;line-height: 18px;font-variant-caps: petite-caps;font-size: 15px;width: 100%;word-break: break-all;font-weight: bold;padding: 2px;}
.rightsidebar .rightbottom a:hover{background: #fff101;}
.applysaving{box-shadow: 0 0 5px #a5a5a5;    background: #fff;    display: table;    height: 74px;    width: 100%;    position: relative;    clear: both;    padding: 0 7px;}
.applysaving .applytitle{display: table; width: 100%; position: relative; clear: both;height: 25px;line-height: 25px;font-size: 12px;}
.applysaving .applytitle:after{content: "";height: 1px;width: 100%;top: 15px; z-index: -1;border-bottom: 1px #000 dashed;left: 0;position: absolute;}
.applysaving .applytitle p{float:left;background:#fff;padding-right:4px;margin:0px;}
.applysaving .applytitle span{float:right;background:#fff;padding-left:3px;color: #F44336;}
.applysaving ul{margin:0;padding:0;list-style:none;}
.applysaving ul li{width:115px;float:left;margin-bottom:3px;}
.applysaving ul li:nth-child(1),
.applysaving ul li:nth-child(3){margin-right:2px;}
.applysaving ul li a{display: block;font-size: 11px; text-align: center; border: 1px #ccc solid;border-radius: 10px;height:18px;line-height:18px;text-decoration:none; cursor: auto;}
.estimatetotal{display: block; width: 100%;position: relative; clear: both;height: 109px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; box-shadow: 0 0 8px #a5a5a5;overflow: hidden; background: #fff; margin-top: 10px;}
.estimatetotal .estotal{display: block; height: 60px; margin-bottom: 5px; background:#3868B0;color: #fff;}
.estimatetotal .estotal p{color: #fff; float: left;margin: 7px 10px;  width: 78px;text-transform: uppercase;font-size: 11px;text-align: right; padding-right: 5px; font-style: normal;}
.estimatetotal .estotal span{background: #fff; border: 1px #ccc solid;  height: 28px;  float: left;width: 150px;  border-radius: 5px; text-align: center; line-height: 30px; font-size: 15px;color: #000;font-weight: bold; margin-top: 15px;}
.estimatetotal .estotal span sup{font-weight:normal;font-size:12px;}
.estimatetotal p{font-size: 12px;font-style: italic; margin: 0;padding:8px 10px;color:#000;}
.datepickup{display: block; width: 100%; position: relative;clear: both;padding: 0 7px;    margin-bottom: 10px; box-shadow: 0 0 5px #a5a5a5;}
.datepickup:after{content:"";height: 10px; background: #f2f3f4; bottom: -12px; position: absolute; width: 100%;  left: 0;}
.datepickup h4{font-size:14px;font-weight:bold; margin: 0;padding-top: 3px;}
.datepickup p{margin:0px;font-size:12px;}
.datepickup p i{margin-right:5px;}
.rightserbox{display: block; width: 100%; position: relative; clear: both;}
.rightserbox .serheading{height:42px;background: #baa675;line-height: 23px;padding:0 7px;position:relative;}
.rightserbox .serheading p{width:242px;margin:5px;float: left; font-size: 12px; font-variant-caps: petite-caps;position:relative;}
.applysaving .applytitle p:after{content: "";height: 1px;width:63%;top: 14px; z-index:0;border-bottom: 1px #000 dashed;left:77px;position: absolute;}
.rightserbox .serheading span{background:#baa675;position: relative;z-index: 1;}
.rightserbox .serheading span:first-child{float:left;width: auto; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;max-width: 105px;}
.rightserbox .serheading span:last-child{float:right;font-size: 13px;font-weight: bold;}
.rightserbox .serheading a{float:left;font-size: 8px; background: #fff101;height: 14px;margin-top: -2px;line-height: 17px;width: 28px; text-align: center;border-radius: 3px;text-decoration: none;}
.rightserbox ul{margin:0px;padding:0px 0px 0px 7px;list-style:none;}
.rightserbox ul li{display:table;border-bottom: solid 1px #000;width:100%; height:18px;padding-left:5px;line-height:18px;}
.rightserbox p{margin: 0; float: left;font-size:11px;}
.rightserbox p.sername{width:125px;}
.rightserbox p.sernumber{width:23px;}
.rightserbox p.serprice{width: 100px;text-align: left;}

.products-services-heading{display:block;width:100%;height:18px;}
.products-services{padding-left: 3px;}
.products-services-heading p{font-weight: bold;font-size:12px;}

.btn-grey{}
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;color: #000 !important;}
.toggle-handle{position:relative;margin:-4px auto 0;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{width: 50px !important; height: 22px !important; border-radius: 10px; outline: none; float: right;}
.toggle-on.btn{padding-right:24px;line-height:11px;background: #4CAF50; border-color: #368c39;}
.toggle-off.btn{padding-left:24px;line-height:11px;}



span.thumb{display: block;}


.whitebg{background: #fff;  box-shadow: 0 0 8px #a5a5a5;max-width:96%;margin: 0 auto 10px;overflow: hidden;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.carousel-inner .item{height:100%;z-index:9;}
.innerboxheight {position: relative; display: block; overflow: auto;}

.indicators-btn2 { overflow: hidden;  position: fixed; width: 250px;bottom: 0px; z-index: 999;  height: 100%; background: #3868B0;top: 0; }
    .indicators-btn2 .carousel-indicators2 {position: absolute;bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%;text-align: center; list-style: none;    }
    .indicators-btn2 .carousel-indicators2 {top: inherit;  left: inherit;    right: inherit;  width: 210px; margin: auto;        height: auto;        position: relative;        bottom: 0;        margin-top: 10px;    }
    .indicators-btn2 .carousel-indicators2 li {text-indent: 0;position: relative; background: #fff;  border-color: transparent; font-size: 14px;width: 100%;height: 31px;margin-bottom: 5px;  line-height: 19px;  text-align: left; padding:6px 8px;}
    .carousel-indicators2 li {display: inline-block; width: 10px;height: 10px; margin: 1px;text-indent: -999px;cursor: pointer;background-color: #000 \9;  background-color: rgba(0,0,0,0);border: 1px solid #fff; border-radius: 10px;}
    .indicators-btn2 .sidelogo {display: block; width: 100%;padding:5px; background: #ffffff;height:80px;}
    .indicators-btn2 .sidelogo img {display: block;      margin: auto;     width: auto;    max-height: 70px; }
    .indicators-btn2 .carousel-indicators2 li.active { background-color: #054630; color: #fff;}
    span.thumb2{display: none;}
    span.thumb2 img {height: 25px; float: right; }
.indicators-btn2 .carousel-indicators2 li ul{}
.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;}
.carousel-btn{background:#3868B0; position: relative;  padding: 10px;    display: block;  clear: both;height: 60px;  bottom: 0px;width:100%;  left: 0;right: 0; margin: auto;}
.indicators-btn .sidelogo{display: block;width: 100%;padding:10px 5px; background: #ffffff;}
.indicators-btn .sidelogo img{display: block;margin: auto;width: 180px;}
.indicators-btn{overflow:hidden;position: fixed; width:250px;  bottom:0px; z-index:999; height:100%;background: #6cadde;top:0;}
 .indicators-btn .scroll-wrapper,
.indicators-btn2 .scroll-wrapper{height: calc(100% - 77px);}
.indicators-btn .scrollbar-janos > .scroll-element.scroll-y,
.indicators-btn2 .scrollbar-janos > .scroll-element.scroll-y{left:0;}
.indicators-btn .scrollbar-janos > .scroll-content.scroll-scrolly_visible,
.indicators-btn2 .scrollbar-janos > .scroll-content.scroll-scrolly_visible{left:0px;margin-left: 4px;}

.indicators-btn .carousel-indicators{top: inherit;left: inherit; right: inherit; width: 210px; margin: auto; height:auto; position: relative;bottom: 0;margin-top:15px;}
.indicators-btn  .carousel-indicators li{text-indent: 0;position:relative; background: #fff;border-color: transparent;font-size: 14px; width: 100%;height: 34px; margin-bottom: 5px;line-height: 19px; text-align: left;padding:6px 8px;}
.indicators-btn  .carousel-indicators li.active{   background-color: #014081;color:#fff;}
.indicators-btn  .carousel-indicators li.active:before,
.indicators-btn2 .carousel-indicators2 li.active:before{content:"";position: absolute;background:url(../images/indi-arrow.png);right: -21px; top: -12px; width: 16px; height: 50px;}
.indicators-btn p{position: relative;display: table; text-align: center;width: 100%;margin: 0;color: #fff;}
.indicators-btn p a{color:#fff;}
.indicators-btn .carousel-indicators li ul{margin:10px 0px;padding:0;}
.indicators-btn .carousel-indicators li ul li{height: 30px;border-radius: 0; margin: 0;padding: 0 10px;background:#e6e7e9;color: #014081;border-top: 1px #9e9e9e solid;}


.carousel-btn a{width:120px;padding:5px;color:#fff;     font-size: 18px;   text-transform: uppercase;border: 2px #fff solid; border-radius: 20px;text-align: center;}
.carousel-btn a:hover{background:#fff101;color:#000;border-color:#fff101;}
.carousel-btn button.typebutton{outline:0;width: auto;padding: 10px; font-size: 18px; text-transform: uppercase; background: transparent; border: 0;color: #fff;}

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

.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: 25px 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;}
#calendartimepopup  .locationdivbox {max-width: 400px;width:100%;    margin: auto;}
#calendartimepopup .modal-header h4 {    font-size: 30px;    text-align: center;}
#calendartimepopup .modal-header .close {    margin-top: 0px;    font-size: 40px;    outline: 0;}
.datepickbox #calendar{width: 380px;height: 308px;    margin: 35px auto 10px;}
.datepickbox .datepicker table{background:#014081;border:1px #e6e7e9 solid;}
.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:40px;}
.availbedatebox{display:table;width:370px; position:relative;clear:both;margin:auto;}
.availbedatebox ul,
.timebox ul{margin:0px;padding:0px;list-style:none;display:block;}
.availbedatebox ul li{width:33% !important;height:auto !important; float:left;margin: 0; border: 0;text-align: left;border-radius:0px;}
.availbedatebox ul li:after{display:none;}
.availbedatebox ul li span{width: 20px;height:20px; float: left; border: 1px #ccc solid; margin-right: 10px;}
.availbedatebox ul li:nth-child(1) span{background:#e6e7e9;}
.availbedatebox ul li:nth-child(2) span{background:#fff;}
.availbedatebox ul li:nth-child(3) span{background:#ffeb3b;}
.timebox{display:block;width:90%;position:relative;margin:35px 0;}
.timebox h3{padding-top:0px !important;text-align:center;}
.timebox ul li{display: block;width: 100% !important;border: 1px #ccc solid;border-radius: 0px;margin: 0 0 10px 0;height: 45px !important;line-height: 45px;text-align: left;padding: 0 20px;cursor:pointer;}
.timebox ul li.timeactive{background: #ffeb3b;}
.timebox ul li:after{display:none;}
.timebox p{text-align:center;}
.timebox p.note{font-size:12px;}
.ctninfo{display: table; width: 90%; margin:20px auto 0; clear: both;position: relative;}
.ctninfo h4{margin: 0;padding-bottom: 10px;padding-left: 10px;}
.ctninfo .col-sm-6.leftsm{padding-right:20px;}
.ctninfo .col-sm-6.rightsm{padding-left:20px;}
.ctninfo .col-sm-6 .form-control{margin-bottom: 8px;padding: 4px 8px;}
.ctninfo .col-sm-6 .form-control.phonenu{width:65%;float:left;}
.ctninfo .col-sm-6 .form-control.phonetype,
.ctninfo .col-sm-6 textarea{height:175px;}
.ctninfo .col-sm-6.chkapply h5{margin:0px;padding-bottom:0px;}
.ctninfo .col-sm-6.chkapply .checkbox{margin-left: 20px;font-size: 12px;}
.ctninfo .col-sm-6.chkapply .checkbox input{margin-top:1px;}
.ctninfo .col-sm-6.chkapply  p{font-size:12px;margin-bottom:15px;}


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


.schtitle{display: block; width: 100%; text-align: center; position: relative; padding: 0px 0px 30px;}
.schtitle h3{    font-size: 24px !important;font-style: italic;}
.schtitle p{margin-bottom:0px;}
.schtextarea {   display: table-cell;   vertical-align: middle;   width: 100%;   position: relative;}
.schtextbox{ display: block; margin: auto; text-align: center; width: 100%;max-width: 500px; border: 1px #a2a2a2 solid; padding: 20px; border-radius: 10px;}
.schtextbox h4{font-weight: bold; font-size: 22px;}
.schtextbox .schdatetime{display: block;width: 300px;   margin: auto;   text-align: left;}
.schtextbox .schdatetime p{font-size:18px;}
.schtextbox .schdatetime p i{margin-right:5px;}
.schtextbox .estotal{display:block;width:295px;position:relative;    margin: 40px auto 10px; height: 35px;}
.schtextbox .estotal p{margin:0px;font-size:20px;float:left;padding-right: 20px;    line-height: 30px;}
.schtextbox .estotal span{    float: left; height: 30px;width: 140px; border-radius: 4px;  border: 2px #ccc solid;  line-height: 30px;   font-size: 20px; font-weight: bold;}
.schtextbox p.note{width: 295px;    margin: auto;    text-align: left;    font-size: 14px;}
.subtitle{display: block;  text-align: center;  padding: 0px 0 40px;}
.guidestep{    display: table-cell;    width: 100%;    position: relative;    vertical-align: middle;}
.guidestep ul{margin:0px;padding:0px;list-style:none;text-align:center;}
.guidestep ul li{ width: 190px;  display: inline-block;  margin: 0 15px;    border: 2px #ccc solid;  border-radius: 10px; overflow: hidden;}
.guidestep ul li h4{    font-size: 24px;text-align: center;    margin: 0;    padding: 10px 0;}
.guidestep ul li p{    padding: 0 12px;  text-align: center;margin-bottom: 15px;}
.guidestep ul li .stepimg{    height: 125px;overflow: hidden;   display: block;}
.guidestep ul li .stepimg img{width:100%;}
.guidedownload {background: #fff101;color: #000;border-color: #fff101;    width: 140px;   margin: 10px auto;display: block;}
.meetourteam .subtitle{ max-width: 500px;margin: auto;   padding: 20px 0;}
.subtitle h4 { 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;}
.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: table-cell;    margin: auto;    width: 100%;    position: relative;    vertical-align: middle;}
.specialofferbox ul{display:block;}
.specialofferbox ul li{width:200px;height:200px;}
.specialofferbox ul li label{height:200px;}
.boxsquare.threebox .specialofferbox ul li p{height:70px;color: #014081;font-size:13px;padding: 10px 10px 10px 40px;margin: 0; text-align: right;}
.specialofferbox ul li .houseimg img{width:100%;}
.youpricetext { display: block; text-align: center; position: relative;margin: 10px 0;}
.inspectiontitle{text-align:center;    font-size: 24px;   padding-top: 40px;}


.zipchange{ display: block;   height: 25px;   clear: both;   position: relative;width: 100%;text-align: center;     margin-top: 5px;    padding: 0 20px; color: #fff;}
.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:90%; height: 90vh;   margin: 5vh auto;}
.modal-dialog.fullscreenmodal .modal-content{height:100%;}
.modal-dialog.fullscreenmodal button.close{margin-top: 0px;font-size: 34px;line-height: 26px;opacity: 1;}
.modalaboutinfo ul.nav-tabs{width: 200px;float: left;height:100%;    background: #908f8c;padding:10px;}
.modalaboutinfo ul.nav-tabs li{display:block;width:100%;margin-bottom:5px;}
.modalaboutinfo ul.nav-tabs li.active a,
.modalaboutinfo ul.nav-tabs li a:hover{background-color: #6cadde;color: #fff;border:0px;}
.modalaboutinfo ul.nav-tabs li a{color:#000;    margin: 0;  border: 0; border-radius: 5px; background: #fff;transition: all 1.5s ease;}


.modalaboutinfo .tab-content{width: auto; margin-left: 220px; height: 100%;}
.modalaboutinfo .tab-content h3{margin:0px;padding-bottom:15px;text-align:center;}
.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:20px;}
.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:10px 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;}
.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:400px; position:relative;overflow:hidden;margin:auto;}
.modalaboutinfo .tab-content .imagevideogallery .carousel-inner{border:0; display: block;  margin: auto;  width: 300px;}
.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:200px;}
.modalaboutinfo .tab-content .imagevideogallery.aboutvideo{width:450px;}
.modalaboutinfo .tab-content .imagevideogallery.aboutvideo .carousel-inner {width:330px;}
.doveraddress{display: block; border: 2px #ccc solid;  border-radius: 10px;  padding: 15px; width: 300px; margin: auto;}
.modalaboutinfo .tab-content .doveraddress h4{text-align: left;  font-size: 20px;  color: #000;  margin: 0;  padding: 0;}

.howmanywindow{display: block;  margin: 40px auto; position: relative;max-width: 760px; width: 100%;}
.howmanywindow table thead th{background: #8e7272; padding: 10px;text-align:center;}
.howmanywindow table th p{padding-right:50px;font-size: 18px;color: #fff;display: inline-block;height: 30px;line-height: 30px;vertical-align: top;margin-bottom: 0;}
.howmanywindow table th .windowinc{width: 130px;display:inline-block;}
.howmanywindow table th .windowinc button{outline:none;font-size: 24px;font-weight: bold; width: 30px; height: 30px;line-height: 23px;float: left;margin: 0;border: 0;}
.howmanywindow table th .windowinc input[type="text"]{outline:none;width: 63px;height: 30px; vertical-align: top; margin: 0; float: left; border: 0;text-align:center;font-weight:bold;}
.howmanywindow table td{    padding:8px !important;}
/*.howmanywindow table td:nth-child(1){width:100px;}*/
.howmanywindow table td:nth-child(1){width:80px;}
/*.howmanywindow table td:nth-child(2){width:160px;}*/
.howmanywindow table td:nth-child(2){width:125px;}
/*.howmanywindow table td:nth-child(3){width:290px;}*/
.howmanywindow table td:nth-child(3){width:225px;}
.howmanywindow table td select.windowtype{max-width: 150px;}
/*.howmanywindow table td:nth-child(4){width:150px;}*/
.howmanywindow table td:nth-child(4){width:135px;}
.howmanywindow table td label{float:left;font-weight:bold;padding-right:7px;    height: 30px;  margin: 0;  line-height: 30px;}
.howmanywindow table td label.radio-inline{float: inherit;display: inline-block; font-weight: normal;line-height: normal;height: 20px;}
.howmanywindow table td:nth-child(2) select{width:100px;}
.howmanywindow table td:nth-child(4) select{width:80px;}
.howmanywindow table td select{padding:4px;}
.howmanywindow table td input[type="text"]{text-align:center;padding: 4px;}
.howmanywindow table .form-control{float:left;}
.howmanywindow table .radiogrid{float: left;height: 22px;padding-top: 4px;}
.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;}

@media (max-width:1366px){
    
.whitebg.zipbgimg{background-size:contain !important;}
.boxsquare ul li{height: 260px;width:260px;}
.boxsquare ul li .houseimg{height:180px;}
.boxsquare ul li label{height: 260px;  }
.boxsquare ul li p{height:80px; font-size: 20px;}

.boxsquare.twobutton ul li:last-child .infobox,
.onetwocar.boxsquare ul li:last-child .infobox{left: -365px;}
.boxsquare.fourbox ul li{width: 160px;   height: 160px;margin: 15px 10px;  }
.boxsquare.fourbox ul li label{height:160px;}
.boxsquare.fourbox ul li .houseimg { height: 100px; }
.boxsquare.fourbox ul li p {font-size: 16px;height: 60px;   padding: 5px 10px 5px 50px;}

.boxsquare.fourbox ul li:nth-child(1) .infobox,
.boxsquare.fourbox ul li:nth-child(5) .infobox,
.boxsquare.fourbox ul li:nth-child(9) .infobox{left:-5px;}
.boxsquare.fourbox ul li:nth-child(2) .infobox,
.boxsquare.fourbox ul li:nth-child(6) .infobox,
.boxsquare.fourbox ul li:nth-child(10) .infobox{left: -179px;}
.boxsquare.fourbox ul li:nth-child(3) .infobox,
.boxsquare.fourbox ul li:nth-child(7) .infobox,
.boxsquare.fourbox ul li:nth-child(11) .infobox{left:-360px;}
.boxsquare.fourbox ul li:nth-child(4) .infobox,
.boxsquare.fourbox ul li:nth-child(8) .infobox,
.boxsquare.fourbox ul li:nth-child(12) .infobox{right: 0;left: inherit;}

.boxsquare.fourbox ul li .infobar { width: 50px;height: 50px;}
.boxsquare.fourbox ul li:after {width: 93px; left: -18px;top: 23px;}
.boxsquare.fourbox ul li label:before{width:122px;}
.boxsquare.fourbox ul li label:hover:before, 
.boxsquare.fourbox ul li label.cathactive:before, 
.boxsquare.fourbox ul li label.liveinactive:before{width:122px;}
.boxsquare.fourbox ul li .infobar .infoicon i {width: 20px; height: 20px; bottom: 4px;left:0px;line-height: 20px;}


.boxsquare.threebox ul li{    height: 200px;width: 200px; margin:10px 10px;}
.boxsquare.threebox ul li label{height:200px;}
.boxsquare.threebox ul li label p{height: 70px; font-size: 18px;}
.boxsquare.threebox ul li .houseimg {height: 134px;}
.boxsquare.threebox ul li:nth-child(1) .infobox{left:-25px;}
.boxsquare.threebox ul li:nth-child(2) .infobox{left: -250px;}
.boxsquare.threebox ul li:nth-child(3) .infobox,
.boxsquare.threebox ul li:nth-child(6) .infobox{left: inherit;  right: -25px;}
.boxsquare.threebox ul li:nth-child(4) .infobox{left: -140px;}
.boxsquare.threebox ul li:nth-child(5) .infobox{left: inherit; right: -170px;}





.boxsquare.fivebox ul li{    width: 135px;   height: 135px;    margin: 15px 5px;}
.boxsquare.fivebox ul li label{height:135px;}
.boxsquare.fivebox ul li .houseimg { height: 75px; }
.boxsquare.fivebox ul li p {font-size: 14px;height: 60px;}

.boxsquare.fivebox ul li:nth-child(1) .infobox{left:-5px;}
.boxsquare.fivebox ul li:nth-child(2) .infobox{left: -140px;}
.boxsquare.fivebox ul li:nth-child(3) .infobox{left:-280px;}
.boxsquare.fivebox ul li:nth-child(4) .infobox{left:-430px;}
.boxsquare.fivebox ul li:nth-child(5) .infobox{right: 0;left: inherit;}
.boxsquare.fivebox ul li:nth-child(7) .infobox{left:-215px;}
.boxsquare.fivebox ul li:nth-child(8) .infobox{left:-350px;}
.boxsquare.fivebox ul li:nth-child(9) .infobox{left:-500px;}
.boxsquare.fivebox ul li p {padding: 10px 10px 10px 40px;}
.boxsquare.fivebox ul li .infobar {width: 50px;height: 50px;}
.boxsquare.fivebox ul li .infobar .infoicon i { width: 20px;    height: 20px; bottom: 4px;left: 2px;}
.boxsquare.fivebox ul li:after {width: 97px;left: -23px; top: 26px}
.boxsquare.fivebox ul li label:before{width:122px;}
.boxsquare.fivebox ul li label:hover:before, 
.boxsquare.fivebox ul li label.cathactive:before, 
.boxsquare.fivebox ul li label.liveinactive:before{width:122px;}

.boxsquare.onlyimage ul li label .houseimg{margin-top:40px;}
.timebox {margin: 20px 0 0;}
.timebox ul li{height:30px !important;line-height:30px;margin-bottom:5px;}
.timebox h3{padding-bottom:5px !important;}
.inspectiontitle{padding-top:15px;}
.ctninfo .col-sm-6 .form-group{margin-bottom:5px;}
.ctninfo .col-sm-6 .form-control { margin-bottom: 0;    padding: 1px 8px;    height: 24px;}
}


@media only screen and (min-width:1199px) and (max-width:1280px){
    .boxsquare.threebox ul li { margin: 10px 5px;}
    .infobox{width:665px;left:-50px;}
    .boxsquare.fourbox ul li{    margin: 10px 4px;}
    .boxsquare.threebox ul li:nth-child(2) .infobox { left: -230px;}
    .boxsquare.threebox ul li:nth-child(5) .infobox {right: -130px;}
    .boxsquare.fourbox ul li:nth-child(3) .infobox {left: -338px;}
    .boxsquare.threebox ul li:nth-child(4) .infobox {left: -125px;}
    .boxsquare.threethree ul li:nth-child(5) .infobox{left:-235px;}
    .boxsquare.threethree ul li:nth-child(4) .infobox { left: -19px;}
    .boxsquare.fivebox ul li { width: 130px;    height: 130px;    margin: 15px 2px;}
    .boxsquare.fivebox ul li:nth-child(4) .infobox {left: -403px;}
    .boxsquare.fivebox ul li:nth-child(9) .infobox {left: -474px;}
    .howmanywindow{max-width:670px;}
    .howmanywindow table td label {  float: inherit; display: block}
    .howmanywindow  table .window-quantity-preview td label {  float: left; display: inherit}
    .howmanywindow  table .window-quantity-preview td:nth-child(3) {  width: 160px;}
    .boxsquare.fivebox ul li:after {width: 97px;left: -19px;    top: 22px;}
    .ctninfo{width:100%;}
}


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





@media (max-width:1199px){
	
	.boxsquare.threebox ul li { margin: 10px 5px;}
    .infobox{width:665px;left:-50px;}
    .boxsquare.fourbox ul li{    margin: 10px 4px;}
    .boxsquare.threebox ul li:nth-child(2) .infobox { left: -230px;}
    .boxsquare.threebox ul li:nth-child(5) .infobox {right: -130px;}
    .boxsquare.fourbox ul li:nth-child(3) .infobox {left: -338px;}
    .boxsquare.threebox ul li:nth-child(4) .infobox {left: -125px;}
    .boxsquare.threethree ul li:nth-child(5) .infobox{left:-235px;}
    .boxsquare.threethree ul li:nth-child(4) .infobox { left: -19px;}
    .boxsquare.fivebox ul li { width: 130px;    height: 130px;    margin: 15px 2px;}
    .boxsquare.fivebox ul li:nth-child(4) .infobox {left: -403px;}
    .boxsquare.fivebox ul li:nth-child(9) .infobox {left: -474px;}
    .howmanywindow{max-width:670px;}
    .howmanywindow table td label {  float: inherit; display: block}
    .howmanywindow  table .window-quantity-preview td label {  float: left; display: inherit}
    .howmanywindow  table .window-quantity-preview td:nth-child(3) {  width: 160px;}
    .boxsquare.fivebox ul li:after {width: 97px;left: -19px;    top: 22px;}
	
	.rightsidebar{display:none;}
	.catimgbox{margin-right:0px;}
	.timebox p {font-size: 14px;}
	.timebox {margin: 30px 0 0;}
	.datepickbox #calendar {margin: 30px auto 10px;}
	.savingpromotion { padding: 30px 50px;}
	.ctninfo {width: 96%;    margin: 10px auto 0;}
	.ctninfo h4 {padding-bottom: 5px;}
	.ctninfo .col-sm-6 .form-control { margin-bottom: 5px;    padding: 2px 8px;    height: 28px;}
	.ctninfo .col-sm-6 textarea { height: 170px !important;}
	.indicators-btn2 .carousel-indicators2 li p { padding: 4px 8px; height: 32px;}
	

}

@media only screen and (min-width:992px) and (max-width:1199px){
  .servicebox ul li{    margin: 15px 5px;}
  
  .ctninfo .col-sm-6.chkapply ul li{height:90px;}
  .ctninfo .col-sm-6.chkapply ul li .serimg { height: 40px;}
  .meetourteam .guidestep ul li { height: 140px;}
  .meetourteam .guidestep ul li .teamimg {height: 110px; width: 110px;}
  .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;}
  
  
  
}


@media (max-width:991px){
	body.modal-open{overflow:hidden;}
	 .catimgbox{margin-left:0px;margin-right:0px;padding:0px;}
	.whitebg.zipbgimg{background-size:cover !important;}

 
}
@media only screen and (min-width:768px) and (max-width:991px){
    .catimgbox{height: 100vh !important;}
	.innerboxheight {height: calc(100vh - 148px) !important;}
}

@media (max-width:768px){
    #playground{padding:0px;}
    
   
  .indicators-btn,
  .indicators-btn2,
  .rightsidebar{display:none;}
  .indicators-btn,
  .indicators-btn2  {height: calc(100% - 40px);    transition: all 0.5s ease;    background: #baa675;}
  .indicators-btn.indicator-rightbar,
  .indicators-btn2.indicator-rightbar{left:0;display:block;transition: all 0.5s ease;}

  
  .rightsidebar{width:240px;z-index:999;  height:calc(100% - 40px) !important; top: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;background:#fff;}
  .rightsidebar.rightsidebar-add{right: 0; display: block; z-index: 99999;    height: calc(100% - 40px) !important;  top: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .rightsidebar .rightmiddle{    height: calc(100% - 260px) !important;}
  .rightserbox .serheading p {width: 170px;}
  .rightserbox p.sername { width: 120px;}
  .applysaving ul li {width: 110px;}
  .applysaving ul li a{font-size:10px;}
  
  .cattitle{    padding: 10px;height:57px;overflow:hidden;    width: 100%;   border-radius: 0;   margin: 0 0 10px 0;}
  .whitebg {border-radius: 0;    box-shadow: none;    max-width: 100%;margin: 0 auto 0px; overflow: hidden;}
  .carousel-btn{border-top:2px #fff solid;height:41px;padding:5px;}
  .carousel-btn a:first-child:after{content:"";position:absolute;height:42px;width:2px;background:#fff;left:50%;top:0;}
  .carousel-btn a,
  .carousel-btn #save_contact_info,
  #saveorder_commercial, #save_contact_info, #save_order_info{font-size:0px;border:0px;margin: auto;display: block; text-align: center;  width: 50%;padding:0px;background:transparent;}
   #saveorder_commercial:hover, 
   #save_contact_info:hover, 
   #save_order_info:hover,
   #saveorder_commercial:focus, 
   #save_contact_info:focus, 
   #save_order_info:focus{background:transparent;}
  .carousel-btn a span,
  .carousel-btn button span{font-size:30px;}
  .carousel-btn a:hover {   background: transparent; color: #fff101;    border-color: transparent;}
  .mobilenav{overflow:hidden; display: block;    height: 43px;    position: absolute;bottom:0;    width: 100%;    clear: both;    background: #014081;color: #fff;    border-top: 2px #fff solid;}
  .mobilenav ul{margin:0px;padding:0px;list-style:none;}
  .mobilenav ul li{ position:relative;width:33.33%;float:left; height: 41px; border-left: 2px #fff solid; border-top: 2px #fff solid; line-height: 52px;text-align: center;}
  .mobilenav ul li:first-child{border-left:0px;}
  .mobilenav ul li i{font-size:30px;}
  .mobilenav ul li .navclickonmobile{}
  .mobilenav ul li .navclickonmobile.closenav i{display:none;}
  .mobilenav ul li .navseequote{font-size: 16px;width: 100px;   margin: auto;   line-height: 1;   padding-top: 5px;}
  .mobilenav ul li .navseequote.closequote{font-size:0px;}
  .mobilenav ul li .navseequote.closequote:after,
  .mobilenav ul li .navclickonmobile.closenav:after{content:"\f00d";font: normal normal normal 14px/1 FontAwesome;font-size:30px;}
  .mobilenav ul li .navcall{}
  
  
  .datepickbox .availbedatebox ul li {width: 33% !important;height:auto !important;margin:0;background: transparent;}
  .timebox ul li{width:100% !important;    margin: 0 0 10px 0 !important; height: 45px !important;}
  .modalaboutinfo ul.nav-tabs{width:100%;padding:0px;height:42px;}
  .modalaboutinfo ul.nav-tabs li { display: inline-block; width: auto;margin-bottom: 0;float: left;}
  .modalaboutinfo ul.nav-tabs li a{border-radius:0px;background: #908f8c;}
  .modalaboutinfo .tab-content {width: 100%;    margin-left: 0;    height: 100%;}
  .modalaboutinfo.modal-body{overflow:auto;}
  .modalaboutinfo .reviewrating .col-md-6{padding:0px;}
  .modalaboutxt {height: auto !important;    margin-bottom: 20px;width:100%;}
  .imagevideogallery{width:100%;}
  .modalaboutinfo .tab-content .imagevideogallery .carousel-inner,
  .modalaboutinfo .tab-content .imagevideogallery.aboutvideo .carousel-inner{width:66%;}
  .modalaboutinfo .tab-content h3{padding-top:15px;}
  .modalaboutinfo .tab-content .ratingbox, .modalaboutinfo .tab-content #carousel-review .carousel-inner{margin-bottom:15px;}
  .modalaboutinfo .tab-content .imagevideogallery.aboutvideo {   width: 100%;}
  .modalaboutinfo .tab-content #carousel-review .carousel-control .glyphicon{top:25%;}
	
}



@media screen and (min-width: 768px) {
  
}

@media (max-width: 767px){
     .catimgbox {}
    .innerboxheight {}
    #ziplocations .modal-dialog {  display: block; position: absolute;    left: 0;    right: 0;    top: 10%;height: 190px;}
    .modal#ziplocations .modal-body { padding: 30px 15px;}
    
    .zipareabox{width:90%;height:175px;}
    
    
    .zipareabox .locationdivbox{width:100%;}
    .zipareabox .locationdivbox input[type=text]{width:70%;}
    .zipareabox .locationdivbox input[type=submit],
    .zipareabox .locationdivbox input[type=button]{width:30%;}
   
   
   .boxsquare ul li{width:170px !important;height:170px !important;margin:8px !important;}
   .boxsquare ul li label{height:170px !important;}
   .boxsquare ul li p {height: 60px !important; padding: 10px 10px 10px 42px !important;font-size: 16px !important;}
   .boxsquare ul li .houseimg {height: 98px;}
   
   
   .servicebox ul{width:100%;margin:0px 0 20px 0;}
   .servicebox ul li {background: #fff;     margin: 20px 7px 0px;width: 140px;  height: 140px;}
   .servicebox ul li span.thumb{bottom:0px;}
   .servicebox ul li:after {width: 90px;left: -19px;top: 24px;}
   .servicebox ul li label{height:140px;}
   .servicebox ul li label:before {top: 19px;    width: 120px; left: -40px;}
   .servicebox ul li label:hover:before {top: 39px;    width: 120px;left: -40px;}
   .servicebox ul li.bgactive label:before {top: 14px;}
   

   
   .infobar {width: 50px;height: 50px;}
   .infobar .infoicon i {width: 20px;height: 20px;    bottom: 4px;left:1px;}
   .boxsquare ul li:after {width: 90px;left: -20px;top: 23px;}
   .boxsquare ul li label:before {top: 15px; width: 90px;left: -23px;;}
   .boxsquare ul li label:hover:before, .boxsquare ul li label.cathactive:before, .boxsquare ul li label.liveinactive:before {top: 27px;   width: 115px; left: -27px;}
   
   .infobar .infoicon.chkaro:after{display:none;}
   .infobox { position: fixed;    width: 90%;left: 0 !important;right: 0 !important; top: 42px; max-height: 83vh;height:auto;}
   .infobox .infoimg {width: 100%;    margin-right: 0;}
   .infobox .infoctn {width: 100%;padding-top: 10px;min-height:auto !important;}
    .infobox .infoctn p {margin-bottom: 0px !important; height: auto !important;}
   .infobox .btn-close, .thinfobox .myclosing-btn {width: 30px;top: -18px;    right: -8px;    font-size: 0;position:absolute;}
   .infobox .btn-close:after, .thinfobox .myclosing-btn:after{content: "X"; position: absolute; color: #fff;font-size: 18px;width: 30px;left: 0;}
   .infobox .infovideo { width: 100%; max-height: 100%;display: block;}
   .infobox .infovideo iframe{display:block;}
   .infoscroll{overflow: auto;     height: auto;max-height: 80vh;}
   .selectcathouse.boxsquare ul li:last-child .infobox,
   .servicebox ul li:nth-child(1) .infobox,
   .servicebox ul li:nth-child(2) .infobox,
   .servicebox ul li:nth-child(3) .infobox,
   .servicebox ul li:nth-child(4) .infobox,
   #upholstery-cleaning .servicebox ul li:nth-child(1) .infobox,
   #upholstery-cleaning .servicebox ul li:nth-child(2) .infobox,
   #upholstery-cleaning .servicebox ul li:nth-child(3) .infobox{left: 0;}
    .servicebox ul li p {   padding: 10px 4px 10px 40px;}
   
   .savingpromotion{padding:15px;}
   .savingpromotion .form-group{width:100%;}
   .savingpromotion .checkbox{margin-left:20px;width:100%;}
   .savingpromotion button{float:left;}
   .datepickbox #calendar { width: 270px;  height: 270px; margin: 15px auto 10px;}
   .datepickbox #calendar .datepicker-inline {width: 270px;}
   .availbedatebox{width:270px;}
   .datepickbox .datepicker table tbody td{height:34px;}
   .datepickbox .availbedatebox ul li{font-size:11px;}
   .availbedatebox ul li span{margin-right:5px;}
   .timebox{width:270px;margin:20px auto;}
   .ctninfo {width: 100%;padding: 0 15px;}
   .ctninfo .col-sm-6.leftsm,
	.ctninfo .col-sm-6   { padding-right: 0px;}
   .ctninfo .col-sm-6.rightsm,
	.ctninfo .col-sm-6   {padding-left:0px;clear:both;}
    .modal.in#calendartimepopup{display:block !important;}
    #schedule-date .col-md-4{display:none;}
    #calendartimepopup .modal-body{max-height:100% !important;}
    #calendartimepopup .modal-body h3{text-align:center;}
    .schtextarea{padding:15px;}
    .schtitle h3 {font-size: 20px !important;padding:5px !important;}
    .schtextarea .schtitle {padding: 0px 0 10px;}
    .schtextbox{padding:10px;}
    .schtextbox h4 {font-size: 16px;    margin: 0;    padding-bottom: 15px;}
    .schtextbox .estotal { margin: 10px auto 10px;    height: 35px;}
    .meetourteam .guidestep ul{width:100%;}
    .meetourteam .guidestep ul li {float:inherit;display: inline-block;    margin: 0 10px;}
    .specialoffer .subtitle { padding: 0px 0 0px;    width: 100%;}
    .rightsidebar .righttopheader ul li p{margin: 4px 0;}
  
  
}
@media only screen and (max-width:480px){
	.modalaboutinfo ul.nav-tabs li a{padding:10px;}
	
}
@media only screen and (max-width:375px){
    body {font-size: 14px;}

	
   
}
@media only screen and (max-width:360px){}
   
   
.frmsty{padding:5px;}