html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-weight: normal;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
* { outline: none; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
.error-details {font-size: 20px;}



/* new clearfix */
.clearfix:after {.slider {
  width: 400px; height: 300px;
  overflow: hidden;
}
  .slider > ul {
    /* styled by JS to match the added width and height of all <li>’s */
    position: relative;
    -webkit-transition: 0.5s left;
    -moz-transition: 0.5s left;
    -ms-transition: 0.5s left;
    -o-transition: 0.5s left;
 
    list-style: none;
    margin: 0; padding: 0;
  }
    .slider > ul > li {
      float: left;
      width: 400px; height: 300px;
    }
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.left { float: left; }
.right { float: right; }
.hide_full { display: none; }

body { width: 100%; color: #6A6A6A; font-family: "proxima_nova",helvetica,sans-serif, Arial; font-size: 14px; background: #343434; }
.wrapper { width: 932px; margin: auto; }
a, a:hover { text-decoration: none;  -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s; }

.button_orange{
border:1px solid #B55500;-webkit-box-shadow: #FFAE5D 1px 1px 1px  inset;-moz-box-shadow: #FFAE5D 1px 1px 1px inset; box-shadow: #FFAE5D 1px 1px 1px  inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:20px; padding: 14px 30px; text-decoration:none; display:inline-block; color: #FFFFFF; font-family: "proxima_nova_bold";
 background-color: #FF8C19; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8C19), to(#F38419));
 background-image: -webkit-linear-gradient(top, #FF8C19, #F38419);
 background-image: -moz-linear-gradient(top, #FF8C19, #F38419);
 background-image: -ms-linear-gradient(top, #FF8C19, #F38419);
 background-image: -o-linear-gradient(top, #FF8C19, #F38419);
 background-image: linear-gradient(to bottom, #FF8C19, #F38419);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF8C19, endColorstr=#F38419); 
}

.button_orange:hover{
 border:1px solid #753700;
 background-color: #DB7815; background-image: -webkit-gradient(linear, left top, left bottom, from(#DB7815), to(#F38419)); color: #fff;
 background-image: -webkit-linear-gradient(top, #DB7815, #F38419);
 background-image: -moz-linear-gradient(top, #DB7815, #F38419);
 background-image: -ms-linear-gradient(top, #DB7815, #F38419);
 background-image: -o-linear-gradient(top, #DB7815, #F38419);
 background-image: linear-gradient(to bottom, #DB7815, #F38419);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DB7815, endColorstr=#F38419);
}

.button_orange.arrow { padding-right: 50px; position: relative; }
.button_orange.arrow span { position: absolute; right: 15px; top: 9px; display: block; width: 16px; height: 24px; background: url("/assets/newfrontend/button_arrow.png"); }

.button_simple_orange{
 -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px; text-transform: uppercase; padding: 14px 30px; text-decoration:none; display:inline-block; color: #FFFFFF; font-family: "proxima_nova_bold";
background: #FF8C19;
}

.button_simple_green{
 -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px; text-transform: uppercase; padding: 14px 30px; text-decoration:none; display:inline-block; color: #FFFFFF; font-family: "proxima_nova_bold";
background: #00AF38;
}


.button_simple_orange:hover{
 background-color: #e78018;
}

.slider {
  width: 800px; height: 100%;
  overflow: hidden;
  position: relative; /* for overflow: hidden to work in IE7 */
}
  .slider > ul {
    /* styled by JS to match the added width and height of all <li>’s */
    position: relative;
    -webkit-transition: 0.5s left;
    -moz-transition: 0.5s left;
    -ms-transition: 0.5s left;
    -o-transition: 0.5s left;

    list-style: none;
    margin: 0; padding: 0;
  }
    .slider > ul > li {
      float: left;
      width: 800px; height: 100%;
    }


p { line-height: 22px; }
.plike { line-height: 11px; }
strong { font-weight: bold; }
.hlikep { color: #333333; text-align: center; font-family: "proxima_nova_bold"; font-size: 36px; padding: 40px 0px 40px 0px; letter-spacing: 1px; }
h1 { color: #333333; text-align: center; font-family: "proxima_nova_bold"; font-size: 36px; padding: 40px 0px 80px 0px; letter-spacing: 1px; }
h2 { color: #333333; font-family: "proxima_nova_bold"; font-size: 22px; letter-spacing: -.5px; padding-bottom: 30px; }
h3 { color: #333333; font-family: "proxima_nova_bold"; font-size: 24px; }
h4 { color: #336633; font-family: "proxima_nova_bold"; font-size: 24px; }
h5 { color: #333333; font-family: "proxima_nova"; font-size: 13px; padding-bottom: 50px;}

a { color: #0771a5; }
.site { background: #fff; }
span.option-item { float: left; display:block; color: #969696; font-size: 16px; font-family: "proxima_nova_semi_bold"; text-align: center; box-shadow: #ddd 0px 0px 2px; width: 80px; padding: 9px 0px; margin-right: 10px; cursor: pointer; border: #dadada 1px solid; }
span.option-item:hover { opacity: .7; }
span.option-item.active { color: #fff; background: #79c358; border: #5da33d 1px solid; }
span.option-item.active:hover { opacity: 1; }

.frm-input { border: #adadad 1px solid; font-size: 16px !important; font-family: "proxima_nova_semi_bold"; padding: 12px 15px; -webkit-border-radius: 1px; -moz-border-radius: 1px;border-radius: 1px; margin-bottom: 15px; width: 326px; box-shadow: #ccc 0px 0px 3px inset; color: #2d2d2d; }
header { box-shadow: #ccc 0px 0px 3px; position:relative; z-index: 50; background: #fff; }
header .top { background: #f8f8f6; padding: 7px 0px; font-weight: bold; font-size: 13px; color: #818181; font-family: "proxima_nova_semi_bold"; }
header .bottom { padding: 15px 0px; }
header #logo { float: left; width: 271px; height: 64px; }
header nav { float: right; padding-top: 20px; }
header nav a { color: #434240; font-family: "proxima_nova_bold"; font-size: 18px; margin-left: 25px; }
header nav a:hover { color: #777; }
header nav a.button_orange { margin: 0px 0px 0px 60px; }
#mobileNav { display: none; float: right; cursor: pointer; }
#mobileNav .bar { width: 45px; height: 5px; background: #222; margin-bottom: 8px; display: block;  -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; }

footer { background: #343434; padding: 30px 0px; }
footer .col { float: left; width: 200px; }
footer .col.wide { width: 265px; }
footer .col .title { color: #666; font-family: "proxima_nova_bold"; font-size: 18px; padding-bottom: 15px; text-transform: uppercase; }
footer .col li { padding-bottom: 6px; }
footer .col a, footer .col { font-family: "proxima_nova_semi_bold"; font-size: 14px; color: #fff; }
footer .social_facebook { background: url("/assets/newfrontend/follow-facebook-sprite.png") no-repeat  0 0; margin-top: 5px; }
footer .social_twitter { background: url("/assets/newfrontend/follow-twitter-sprite.png") no-repeat  0 0; }
footer .col.social a:hover { background-position: 0 -38px; -o-transition: none;  -ms-transition: none;  -moz-transition: none;  -webkit-transition: none; transition: none; }
footer .col.social a { display: inline-block; width: 195px; height: 38px; -o-transition: none;  -ms-transition: none;  -moz-transition: none;  -webkit-transition: none; transition: none; }
footer li.line { border-bottom: #444444 1px solid; padding-bottom: 14px; margin-bottom:13px; width: 150px; }
footer a:hover { color: #aaa; }
.copyright { text-align: center; padding-top: 20px; }

.lander-section { padding-bottom: 65px; }
.benefits { background: #f8f8f6; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; width: 300px; float: left; }
.benefits .title, .free-estimate .title { font-size: 20px; font-family: "proxima_nova_bold"; padding: 22px; color: #316735; border-bottom: #e4e4e4 1px solid; }
.benefits .item { padding: 18px 0px 18px 55px; color: #6b6a68; background: url("/assets/newfrontend/check.png") 18px 18px no-repeat; border-bottom: #e4e4e4 1px solid; text-align: left; }
.benefits .item.last { border: none; }

.free-estimate { float: right; background: #f8f8f6; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; width: 590px; overflow: hidden; position: relative; height: 370px; } 
.free-estimate .img { position: absolute; top: 0px; right: 0px; overflow: hidden; width: 300px; height: 375px; }
.free-estimate .img img { position:absolute; top: 0px; left: 0px; }
.free-estimate .form-area { float: left; width: 250px; margin: 30px 0px 0px 20px; }
.free-estimate .form-area a { margin-top: 16px; padding: 13px 0px; font-size: 20px; text-align: center; width: 248px; text-transform:none; }
.free-estimate .form-area p { padding-top: 40px; }
.free-estimate .form-area input { font-size: 20px; box-shadow: #bbb 0px 0px 3px inset; padding: 10px 14px; width: 220px; border: #adadad 1px solid;  -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; }

.mid-section { background: #f8f8f6 url("/assets/newfrontend/mid-section.jpg") repeat-x; padding: 40px 0px 60px; }
.mid-section .item { width: 260px; float: left; }
.mid-section .item .title { font-size: 24px; font-family: "proxima_nova_bold"; padding-bottom: 30px; color: #316735;  text-align: center; }
.mid-section .item .img { text-align: center; padding-bottom: 15px; }
.mid-section .item .info { line-height: 24px; text-align:justify; }
.mid-section .item.middle { margin: 0px 76px; }
.mid-section-bottom {  background: url("/assets/newfrontend/mid-section-bottom.jpg") repeat-x; height: 20px; }

.reviews { padding-top: 70px; position:relative; padding-bottom: 80px; }
.reviews .wrapper { position:relative; }
.reviews .al { position:absolute; top: 100px; left: -45px; cursor: pointer; }
.reviews .ar { position:absolute; top: 100px; right: -45px; cursor: pointer; }
.reviews .al:hover, .reviews .ar:hover { opacity: .75; }
.reviews h3 { padding-bottom: 28px; border-bottom: #e4e4e4 1px solid; font-size: 26px; }
.reviews h3 .stars { float: right; width: 180px; }
.reviews h3 .stars .big {  font-size: 34px; font-family: "proxima_nova_bold";  color: #e43d2b; } 
.reviews h3 .stars .icons { float: right; margin-top: -2px; display: block; line-height: 19px; font-size: 13px; font-family: "proxima_nova"; }
.reviews h3 .stars .icons img { margin-left: -1px; }
.reviews .review-wrapper { }
.reviews .review-wrapper .name { font-family: "proxima_nova_bold"; padding-bottom: 15px; font-size: 15px; color: #2d2d2d; margin-top: 15px; }
.reviews .review-wrapper .rate { padding-bottom: 20px; }
.reviews .review-wrapper .rate img { width: 11px; height: 11px; }
.reviews .review-wrapper .rate span { margin-left: 5px; }
.reviews .review-wrapper p { line-height: 22px; }

.reviews .person { background: #f8f8f6; border: #e4e4e4 1px solid;  }
.reviews .person .img { float: left; border: #e4e4e4 1px solid; height: 245px; }
.reviews .person .about { border-right: #e4e4e4 1px solid; width: 360px; padding: 20px; float: left; height: 205px; }
.reviews .person .contact { padding: 20px; float: left;  height: 205px; line-height: 22px; font-size: 16px;  }
.reviews .person .title { font-family: "proxima_nova_bold"; font-size: 18px; color: #316735; padding-bottom: 5px; }
.reviews .person .location { padding: 5px 0px 20px; }
.reviews .person .info { line-height: 18px; }

.published { background: #f6f6f6; text-align: center; padding: 0px 10px; }
.published img { max-width: 100%; }

.page-title h1 { font-size: 32px; text-transform: uppercase; font-family: "proxima_nova_semi_bold"; text-align: left; padding: 60px 0px 40px; }
.services-page .left { width: 600px; }
.page-title { border-bottom: #f1f1f1 1px solid; width: 100%; max-width: 1080px; margin: auto; margin-bottom: 40px; }
.checklists .list {  width: 300px; min-height: 375px; }
.checklists .list-left { float: left; }
.checklists .list-right { float: right; }
.checklists .list .title { font-family: "proxima_nova_bold"; font-size: 22px; color: #333; padding-bottom: 16px; }
.checklists .list ul li { font-size: 16px; background: url("/assets/newfrontend/check.png") 0px 0px no-repeat; padding-left: 30px;padding-bottom: 18px; color: #2d2d2d; padding-right: 50px; }
.checklists .list ul { margin-bottom: 60px; }
.checklists .list ul li span { color: #aaa; font-size: 12px; }
.services-page .right { width: 290px; padding-bottom: 30px; }
.services-page .right .free-estimate { width: auto; float: none; }

.checklist2 { margin: auto; margin-top: 20px; background: #f8f8f6; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; padding: 15px; width: auto; text-align: left; }
.checklist2 .title { font-family: "proxima_nova_bold"; font-size: 18px; color: #333; padding-bottom: 1px; }
.checklist2 li { font-size: 16px; background: #fff url("/assets/newfrontend/check.png") 8px 12px no-repeat; padding: 12px; padding-left: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; margin-top: 12px; }

.cards { background: #f7f8f6; padding: 85px 0px 60px; }
.cards .left { width: 52%; }
.cards .right { width: 40%; padding-top: 40px; }
.cards .right img { max-width: 100%; }
.cards h2 { text-transform: uppercase; font-size: 32px; padding-bottom: 50px; font-family: "proxima_nova_semi_bold"; }
.cards h3 { color: #336633; font-size: 40px; font-family: "proxima_nova_semi_bold"; line-height: 52px; }

.choose-card { padding: 60px 0px; } 
.choose-card h4 { padding-bottom: 40px; }
.choose-card .choose-a-card .card { float: left; width: 200px; height: 128px; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; cursor: pointer; }
.choose-card .choose-a-card .card.active { background: #79c358; }
.choose-card .choose-a-card .card img { width: 200px; height: 128px; }
.choose-card .choose-a-card .card.card-middle { margin: 0px 105px; }
.card-details { padding: 60px 0px; }
.card-details .left { width: 400px; background: #f7f8f6; border: #e4e4e4 1px solid; padding: 25px; }
.card-details .right { background: #72b451 url("/assets/newfrontend/card_preview.png") center no-repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; width: 440px; height: 615px; position: relative; }
.card-details .right .card-corners { z-index: 10; position: absolute; top: 332px; left:57px; }
.card-details .right .card-chosen { z-index: 5; position: absolute; top: 346px; left: 68px; }
.card-details .right #preview-value { color: #fff; position:absolute; bottom: 30px; left: 30px; font-family: "proxima_nova_semi_bold"; font-size: 15px; }
.card-details .right #preview-to { color: #fff; position:absolute; top: 202px; left: 90px; font-family: "proxima_nova_semi_bold"; font-size: 15px; }
.card-details .right #preview-from { color: #fff; position:absolute; top: 229px; left: 90px; font-family: "proxima_nova_semi_bold"; font-size: 15px; }
.card-details .right #preview-message { color: #fff; position:absolute; top: 260px; left: 37px; font-family: "proxima_nova_semi_bold"; font-size: 15px; display: block; width: 375px; height: 75px; overflow-y: auto;}
.card-details h4 { padding-bottom: 8px; font-size: 20px;  }
.card-details h4.big { text-transform: uppercase; font-size: 30px; }
.card-values { padding: 20px 0px 25px; }
.card-details h4.toc { padding-bottom: 20px; }
.card-details textarea { height: 107px; }

.booking-page { padding-bottom: 80px; }
.booking-page .left { width: 580px; }
.booking-page .right { width: 300px; }
.booking-page .steps { float: right; margin-top: 42px; position:relative; font-family: "proxima_nova_semi_bold"; font-size: 15px; color: #919191; }
.booking-page .steps .step-num { width: 334px; height: 32px; }
.booking-page .steps .cleaning { position:absolute; top: 40px; left: -35px; width: 100px; text-align:center;color: #919191; }
.booking-page .steps .schedule { position:absolute; top: 40px; left: 121px; width: 100px; text-align:center; color: #919191;}
.booking-page .steps .information { position:absolute; top: 40px; left: 268px; width: 100px; text-align:center; color: #919191;}
.booking-page .steps .completed { color: #336633; }
.booking-page .steps .current { color: #7bc659; }
.booking-page span.option-item { box-shadow: none !important; }
.booking-page .frm-input { margin-left: 15px; margin-top: 4px; margin-bottom: 0px; width: 344px; }

.booking-page .page-title h1 { float: left; }
.booking-page h3 { padding-bottom: 20px; }
.booking-form { padding-bottom: 80px; }
.form-grp { background: #f7f8f6; padding: 12px 15px; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; }
.form-grp .title { float: left; font-family: "proxima_nova_bold";  font-size: 22px; color: #2d2d2d; width: 150px; margin-top: 10px; padding-bottom: 15px; }
.form-grp .options, .form-grp .checks { float: right; width: 385px; }
.form-grp .checks .check-box { float: left; width: 150px; text-transform: uppercase; padding-bottom: 6px; font-size: 15px; color: #969696; font-family: "proxima_nova_semi_bold";   }
.form-grp .options.square span.option-item { font-size: 20px; width: 52px;  padding: 16px 0px; }
.form-grp .options.big-square span.option-item { font-size: 16px; width: 116px; height: 16px; padding: 18px 0px; margin-bottom: 10px; vertical-align:middle; display: inline-block; }
.form-grp .options.big-square span.option-item.multi-line { font-size: 16px; width: 116px; height: 41px; padding: 11px 0px 0px; margin-bottom: 10px; vertical-align:middle; display: inline-block; }
.form-grp .options span.option-item.last { margin-right: 0px; } 
.booking-form .note { padding: 15px 0px 60px 0px; text-align: center; font-size: 11px; color: #ccc; }
.options span.option-item span { color: #79c257; font-size: 10px; }
.options span.option-item.active span { color: #fff; }

.right-side-bar { margin-top: 10px; border: #e4e4e4 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; background: #f7f8f6; color: #333;  }
.right-side-bar .title { padding: 20px; font-size: 22px; font-family: "proxima_nova_semi_bold"; }
.right-side-bar .checkout-step-title {  background: #fff; border-top: #e4e4e4 1px solid; border-bottom: #e4e4e4 1px solid; padding: 20px; font-size: 16px; }
.right-side-bar .checkout-step-title.active { color: #fff; background: #79c358; border-top: #5da33d 1px solid; border-bottom: #5da33d 1px solid;  }
.right-side-bar .checkout-step-info { padding: 10px 20px 20px; }
.right-side-bar .checkout-step-info .item { padding: 10px 0px; }
.right-side-bar .checkout-total { padding: 20px; color: #336633; font-size: 22px; font-family: "proxima_nova_bold"; border-top: #f1f1f1 1px solid; margin-top: 40px; }
h2.includes-title { font-size: 18px; margin-top: 30px; padding-bottom: 25px; }
ul.includes { margin-bottom: 15px; }
ul.includes li { background: url("/assets/newfrontend/check_small.png") 0px 2px no-repeat; padding: 0px 0px 15px 20px; }
.datepicker table { width: 553px;}

/* -- tablet size --*/
@media all and (min-width: 580px) and (max-width: 940px){ 
.datepicker table {	width: 420px;	} 

.show_tablet { display: inline-block; }
.hide_tablet { display: none; } 
nav .button_orange { display: none; }
.mid-section .item, .mid-section .item.middle { float: left; width: 27%; margin-left: 3.15%; margin-right: 3.15%; }

.free-estimate, .benefits { width:  44%; margin-left: 3%; margin-right: 3%;  margin-bottom: 25px; }
.free-estimate { text-align: center; } 
.free-estimate .form-area { display: inline-block; float: none; margin: 20px 0 0 0; }
.services-page .right .free-estimate { width: auto; float: none; margin: auto; }

.reviews .person .about { border: 0px; height: auto; display: inline;  }
.reviews .person .contact { border: 0px; height: auto; display: inline; }

.reviews .al { top: 70px; right: 60px; left:auto; }
.reviews .ar { top: 70px; right: 0px; }

.services-page .left { width: auto; margin-right: 320px; float: none; }
.checklists .list { width: 49%; min-height:inherit; padding-bottom: 40px; }

.cards h3 { color: #336633; font-size: 32px; font-family: "proxima_nova_semi_bold"; line-height: 42px; }
.choose-card .choose-a-card .card { float: left; width: 30%; padding: 1.5%; overflow: hidden; height: auto; text-align: center; }
.choose-card .choose-a-card .card img { height: auto; width: auto; max-width: 100%; }
.choose-card .choose-a-card .card.card-middle { margin: 0% .5%; }

.card-details .right { display: none; }
.card-details .left { margin: auto; float: none; }

.booking-page .left { width: 62%; }
.booking-page .right { width: 33%; }
.booking-page .steps { margin-right: 50px }
.booking-page .frm-input {  width: 80%; }
.form-grp .options, .form-grp .checks {  width: auto; padding: 0px; margin: 0px;  }
.slider {
  width: 500px; height: 100%;
  overflow: hidden;
  position: relative; /* for overflow: hidden to work in IE7 */
}
  .slider > ul {
    /* styled by JS to match the added width and height of all <li>’s */
    position: relative;
    -webkit-transition: 0.5s left;
    -moz-transition: 0.5s left;
    -ms-transition: 0.5s left;
    -o-transition: 0.5s left;

    list-style: none;
    margin: 0; padding: 0;
  }
    .slider > ul > li {
      float: left;
      width: 500px; height: 100%;
    }
}
/* -- //////// tablet size --*/


/* -- mobile size --*/
@media all and (min-width: 0px) and (max-width: 579px){ 
.datepicker table {	width: 150px;	}
.time-button {padding: 4px 4px 4px 4px;font-size: 1em;}
.show_mobile { display: inline-block; }
.available-times { width: 50px}

#mobileNav { display: block; position:absolute; right: 15px; top: 19px; }
header nav { display: none; float: none; width: auto; clear: both; }
header nav a { display: block !important; padding: 15px 10px; margin: 0px 0px 1px 0px; border-bottom: #999 1px solid; }
.hide_mobile { display: none !important; }
.olrk-available { display: none; }

header #logo { width: 135px; height: 32px; margin-top: 16px; }
footer { text-align: center; }
footer .col { width: auto  !important; float: none; }
footer li.line { width: auto; }
footer .title { display: none; }
footer .social_twitter { margin-top: 20px; }

.free-estimate, .benefits { float: none; display: inline-block; width: 300px; margin-bottom: 25px; } 

.mid-section { padding: 10px 0px 0px; }
.mid-section .item, .mid-section .item.middle  { width: 260px; float: none; margin: auto; padding-top: 30px; padding-bottom: 50px; }
.mid-section .item .title { padding-bottom: 20px; }

.reviews { padding-bottom: 10px; }
.reviews .person .img { float: none; border: 0px; height: auto; text-align: center; background: #fff; }
.reviews .person .about { border-bottom: #e4e4e4 1px solid; border-right: 0px; width: auto; padding: 20px; height: auto; float: none; }
.reviews .person .contact { padding: 20px; float: none;  height: auto; line-height: 22px; font-size: 16px;  }
.reviews .review-wrapper .name { text-align: center; }
.reviews .review-wrapper .rate { text-align: center; }

.reviews .al { top: 70px; left: 0px; }
.reviews .ar { top: 70px; right: 0px; }

.services-page .left { width: auto; float: none; }
.services-page .left .title { text-align: center; }
.services-page .right { float: none; width: auto; margin:auto; text-align: center; }
.services-page .right .free-estimate { display: block; text-align: center; }
.services-page .right .free-estimate .form-area { display: inline-block; float: none; margin: auto; margin-top: 30px; margin-bottom: 20px; }

.cards .left { float: none; width: auto; text-align: center; }
.cards .right { float: none; width: auto; text-align: center; }
.cards h2 { padding-bottom: 40px; }
.cards h3 { font-size: 30px; line-height: 36px; }

.choose-card .choose-a-card { text-align: center; }
.choose-card .choose-a-card .card { float: none; margin: auto; display: inline-block; }
.choose-card .choose-a-card .card.card-middle { margin:  10px 0px; }
.choose-card h4 { text-align: center; }

.card-details .right { display: none; }
.card-details .left { margin: auto; float: none; width: auto; }
.card-details input, .card-details textarea { width: 90%; }
.card-values { text-align: center; }
.card-values span { width: 120px; font-size: 18px; margin-bottom: 15px; padding: 15px 0px; display: inline-block; float: none; }

.booking-page .left { width: auto; float: none; }
.booking-page .right { width: auto; float: none; }
.form-grp .title { float: none; text-align: center; width: auto; }
.form-grp .options{ float: none; text-align: center; width: auto; padding: 0px; margin: 0px;  }
.form-grp .checks { float: none;  width: auto; padding: 0px; margin: 0px;  }
.form-grp .options span.option-item { margin: 5px !important; display: inline-block; }
.booking-page .page-title h1 { float: none; width: auto; }
.booking-page .steps { float: none; width: auto; margin: none; margin-top: 20px; height: 75px; }
.booking-page .steps img { width: 100%; }
.booking-page .steps .cleaning { position:absolute; top: 40px; left: 0px; width: 100px; text-align:left; }
.booking-page .steps .schedule { position:absolute; top: 40px; left: 0px; width: 100%; text-align:center; }
.booking-page .steps .information { position:absolute; top: 40px; left: auto; right: 0px; width: 100px; text-align:right; }
.booking-page .frm-input {  width: 80%; }
.slider {
  width: 300px; height: 100%;
  overflow: hidden;
  position: relative; /* for overflow: hidden to work in IE7 */
}
  .slider > ul {
    /* styled by JS to match the added width and height of all <li>’s */
    position: relative;
    -webkit-transition: 0.5s left;
    -moz-transition: 0.5s left;
    -ms-transition: 0.5s left;
    -o-transition: 0.5s left;

    list-style: none;
    margin: 0; padding: 0;
  }
    .slider > ul > li {
      float: left;
      width: 300px; height: 100%;
    }
}
/* -- //////// mobile size --*/


/* -- mobile OR tablet size --*/
@media all and (min-width: 0px) and (max-width: 940px){ 
.wrapper { width: auto; padding: 0px 10px; position:relative; }
.free-estimate .img { display: none; }
.lander-section { text-align: center; }
 

}
/* -- //////// mobile OR tablet size--*/


/* --  --*/
@media all and (min-width: 0px) and (max-width: 800px){ 
.checklists .list { width: auto; min-height:inherit; padding-bottom: 30px; float: none; margin-left: 5px; }
}
/* -- //////// --*/