@font-face {
	font-family: 'NewsCycle-Regular';
	src: url('../fonts/NewsCycle-Regular.eot');
	src: local('☺'), url('../fonts/NewsCycle-Regular.woff') format('woff'), url('../fonts/NewsCycle-Regular.ttf') format('truetype'), url('../fonts/NewsCycle-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'Open-Sans-regular';
	src:url('../fonts/Open-Sans-regular.eot');
	src: local('☺'), url('../fonts/Open-Sans-regular.woff') format("woff"), url('../fonts/Open-Sans-regular.ttf') format("truetype"), url('../fonts/Open-Sans-regular.svg') format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Magnificent';
	src: url('../fonts/Magnificent.eot');
	src: local('☺'), url('../fonts/Magnificent.woff') format('woff'), url('../fonts/Magnificent.ttf') format('truetype'), url('../fonts/Magnificent.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


img,object,embed,video{max-width:100%;display:block;width:100%}
.ie6 img{width:100%;display:block}
body,div,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,th,td,img{margin:0;padding:0;border:0;font-family:'Open Sans',sans-serif}
.clear{clear:both}
*{outline:none}
.hide{display:none}
::-moz-selection{background:none repeat scroll 0 0 #70c831;color:#FFF}

h1 { font-family:'Magnificent',Sans-Serif; font-size: 55px; color: #FFF; line-height: 55px; font-weight: normal;}
h2 { font-family:'Magnificent',Sans-Serif; font-size: 43px; color: #1947a0; line-height: 40px; font-weight: normal; padding-bottom: 10px;}
h3 { font-family:'Magnificent',Sans-Serif; font-size: 35px; color: #FFF; line-height: 35px; font-weight: normal; }
h4 { font-family:'Magnificent',Sans-Serif; font-size: 30px; color: #FFF; line-height: 30px; font-weight: normal;}
h5 { font-family:'Magnificent',Sans-Serif; font-size: 25px; color: #FFF; line-height: 25px; font-weight: normal;}
h6 { font-family:'Magnificent',Sans-Serif; font-size: 20px; color: #FFF; line-height: 20px; font-weight: normal;}

p { font-family:'Open Sans',sans-serif;font-size:15px;color:#777;line-height:22px;text-align:justify;padding:5px 0}

a { color: #464646; text-decoration: none; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
a:hover { color: #000; text-decoration: underline; }

.pc-view-only{display:block !important}
.mob-view-only{display:none !important;}

.text-center{text-align:center}
.text-right{text-align:right!important}
.text-white{color:#FFF!important}
.text-black{color:#555!important}
.text-blue { color: #1947a0 !important;}
.text-green { color: #33920b !important;}

.box-center{float:none!important;margin:0 auto;display:table}
.mob-menu-icon{display:none}

.view-only-415 { display: none;}
.hide-only-415 { display: block;}

.view-only-320 { display: none}
.hide-only-320 { display: block;}

.view-only-600 { display: none}
.hide-only-600 { display: block;}

.view-only-1024 { display: none}
.hide-only-1024 { display: block;}

::-webkit-input-placeholder{color:#000}
:-moz-placeholder{color:#000}
::-moz-placeholder{color:#000}
:-ms-input-placeholder{color:#000}
.no-top-padding{padding-top:0!important}
.no-right-padding{padding-right:0!important}
.no-bottom-padding{padding-bottom:0!important}
.no-left-padding{padding-left:0!important}
.no-top-bottom-padding{padding-top:0!important;padding-bottom:0!important}
.no-left-right-padding{padding-left:0!important;padding-right:0!important}
.no-padding{padding:0!important}
.no-top-margin{margin-top:0!important}
.no-right-margin{margin-right:0!important}
.no-bottom-margin{margin-bottom:0!important}
.no-left-margin{margin-left:0!important}
.no-top-bottom-margin{margin-top:0!important;margin-bottom:0!important}
.no-left-right-margin{margin-left:0!important;margin-right:0!important}
.no-margin{margin:0!important}

.no-left-border { border-left: 0px !important;}
.no-right-border { border-right: 0px !important;}
.no-top-border { border-top: 0px !important;}
.no-bottom-border { border-bottom: 0px !important;}
.no-border { border: 0px !important;}


body {background: url(../images/spectrum-loader-icon.gif) no-repeat center top 7%; background-size: 50px;}
.wrapper-main{width:100%; height:auto; }
.header-wrapper { width: 100%; }
header {width: 100%; height: auto;position: fixed; top: 10px;left: 0;z-index: 9999; -moz-transition: height 0.6s ease 0s; -o-transition: height 0.6s ease 0s; -webkit-transition: height 0.6s ease 0s;  transition: height 0.6s ease 0s;}
header .logo { height: auto; margin-top: 0px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
header.smaller { height: auto; -moz-transition: all 0.6s ease 0s;  -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; padding-top:0px; box-shadow: 1px 1px 5px #CCC; background: #FFF; top: 0px;} 
header.smaller .logo { width: 70%; height: auto;  margin: 5px 0 0;}
header.smaller #primary_nav_wrap { margin: 10px 0 0px; }



/*-------------// MENU SECTION //----------------*/

#primary_nav_wrap{ width: 100% !important; margin-top: 15px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
#primary_nav_wrap ul { list-style:none; text-align: left; position:relative; margin:0; padding:0; float: right; }
#primary_nav_wrap li {position:relative; float: left;margin:0; padding:0}
#primary_nav_wrap li a { display:block; font-family:'MyriadPro-Regular',Sans-Serif; font-size: 15px; line-height: 21px; padding: 4px 30px; text-decoration: none; }
#primary_nav_wrap ul li:hover > ul { display:block;}
#primary_nav_wrap ul ul { width:240px; display:none; position:absolute; top:100%; left:0; z-index: 999; padding:0;}
#primary_nav_wrap ul ul li {width: 100%; text-align: left; border-top: 1px solid #1064b6;  border-bottom: 1px solid #004496; }
#primary_nav_wrap ul ul li a { font-size: 14px; border: 0px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
#primary_nav_wrap ul ul ul { width:240px; display:none; position:absolute;left: 100%; top: 0; z-index: 999; padding:0;}
.top-get-quote-but {}
.banner-wrapper { width: 100%; }

.banner-contentbox h1 { font-family:'Magnificent',Sans-Serif; font-size: 55px; color: #FFF; line-height: 55px; font-weight: normal;}
.banner-text {padding-bottom: 50px; line-height: 53px; text-shadow: 0 2px 3px #555;}

.banner-contentbox { padding: 20% 0px 10% 0px; position: relative; z-index: 2; }
.backtotop{position:fixed;right:5%;bottom: 20px; -webkit-filter:grayscale(100%);filter:grayscale(100%)}
.backtotop a{text-decoration:none;border:0 none;display:block; width: 50px;}
.backtotop a:hover{opacity:.8}
.backtotop:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.login-but { margin-bottom: 1px; text-align: right; transition: all 0.6s ease 0s; position:relative;}
.login-but a { background: #ffea00; color: #555; float: right;  font-family: "Lato-Regular_0",sans-serif; font-size: 13px; margin-left: 1px; padding: 3px 25px;text-decoration: none;}
.login-but a:hover { background: #0054a6; color: #fff;}
.login-det-box { width: 200px; position: absolute; top: 25px; right: 0px; z-index: 9; background: #F00; display: none;}
.login-det-box ul { list-style: none; margin: 0px; padding: 0px; background: #CCC;}
.login-det-box li { width: 100%; display: inline-block; background: #0cf; float: left; text-align: left;}
.login-det-box li a { width: 100%; background:#FFF; border-bottom: 1px solid #CCC; padding: 8px 20px; }
.log-det-show:hover .login-det-box { display: block;}
header.smaller .login-but a { background: #0054a6; color: #fff; }
header.smaller .login-but a:hover { background: #ffea00; color:#555;}
.top-number img { width: 88%; transition: all 0.6s ease 0s;}
.call-num-yel { width: 80%; float: right; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.call-num-blu { width: 0%; float: right; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
header.smaller .call-num-yel { width: 0%; }
header.smaller .call-num-blu { width: 74%; }
.booking-wrapper { width: 100%; min-height: 150px; margin-top: -150px; padding-bottom: 30px; position: relative; z-index: 999;}
.box-fixed-top { position: fixed; top: 0; left: 0; z-index: 5; padding: 120px 0 0;}
.booking-position { width: 50px; height: 50px; position: absolute; left:0; top: -74px; z-index:99999999999;}
.booking-but-main { font-size: 28px; text-align:center; letter-spacing:0.5px;}
.booking-cont-main { width: 100% !important; background: #3db40c; /*box-shadow: 0px 5px 5px #CCC; border-bottom: 1px solid #FFF; */}
.ban-formbut-box {}
.ban-formbut-box a, .ban-bookingbut-set a { text-decoration: none !important;}

.clean-book-but { font-family:'Magnificent',Sans-Serif; font-size:25px; color: #FFF; background: url(../images/green-form-bg.png) no-repeat left top /cover #3db40c; cursor: pointer; padding: 10px 0px; position: relative;}
.mite-book-but { font-family:'Magnificent',Sans-Serif; font-size:25px; color: #FFF; background: url(../images/blue-form-bg.png) no-repeat left top /cover #1947a0; cursor: pointer; padding: 10px 0px;}
.mob-callus { font-family:'Magnificent',Sans-Serif; font-size:25px; color: #555; background: #ffea00; cursor: pointer; padding: 6px 0px; display: none;}
.clean-book-but:hover, .mite-book-but:hover { background: #ffea00; color: #555;}
.call-now { font-family:'Magnificent',Sans-Serif; text-transform: uppercase; background: #ffea00; padding: 4px 0px; }
.clean-book-but.selected { background: #ffea00; color: #555;}
.mite-book-but.selected { background: #ffea00; color: #555;}
.callnumber a:hover{ text-decoration: none;}
.clean-book-but span, .mite-book-but span { width: 20px; height: 20px; position: absolute; left: 50%; bottom: 1px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.clean-book-but.selected span, .mite-book-but.selected span { bottom: -10px; background:#ffea00; -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.time-box { width: 100%; height: 36px; font-size: 14px !important; color: #555; line-height: 30px; text-indent: 0.01px; border: 0 none; background: #fff; padding: 0px 0px; border-radius: 3px; overflow: hidden; }
.totime { background: url(../images/to.png) no-repeat left top / contain #FFF; border-radius: 0px;}
.fromtime { background: url(../images/from.png) no-repeat left top / contain #FFF; border-radius: 0px;}
.timeset-main { border-radius: 3px; overflow: hidden;}
.cleaning-form .totime, .cleaning-form .fromtime { -webkit-filter: grayscale(1); filter: grayscale(1);}
.center-opt select { text-align: center !important; text-align-last: center !important;}
.center-opt option { text-align: left;}
.time-box select.totime { padding-right: 0px; text-align: center;}
.time-box select.fromtime { padding-right: 0px; text-align: center;}
.call-now i { width: 26px; background: #555; border-radius: 50%; color: #ffea00; font-size: 15px; line-height: 19px; text-align: center; height: 26px; padding-top: 5px; }

.welcome-wrapper { padding: 70px 0px; background: #FFF;}
.service-wrapper { background: url(../images/white-bg.png) repeat left top;}
.cleaning-ser-main { background: url(../images/blue-bg.png) no-repeat center bottom / cover; padding: 75px 0px 150px;}
.maintenance-ser-main { padding: 40px 0px;}
.cleaning-ser-cont {}
.cleaning-ser-cont p { text-align:left;}
.services-scroll-box { padding: 30px 0px 40px 0px;}
.services-scroll-box h3 { padding-bottom: 15px;}
.scroll-tmb-main {}
.scroll-tmb-main img {}
.scroll-tmb-main h6 { padding: 15px 0px 0;}
#owl-demo .item a:hover h6  { color: #ffea00 !important; text-decoration: none; }
#owl-demo .item{ padding: 0px 0px; margin: 10px;color: #FFF; text-align: center; overflow: hidden; }
.item > a { text-decoration: none;}
.customNavigation{ text-align: center; }
.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-prev { background: url(../images/right-arrow.png) no-repeat left top;}
.owl-next { background: url(../images/left-arrow.png) no-repeat left top; margin-right: 5px;}
.owl-prev, .owl-next { width: 32px; height: 32px; text-align: center; float: right;}
.owl-buttons { width: 100%; left: 0; position: absolute; top: -40px; z-index: 0;}
#owl-demo-two .item a:hover h6  { color: #1947a0 !important; text-decoration: none; }
#owl-demo-two .item{ padding: 0px 0px; margin: 10px; color: #555; text-align: center; overflow: hidden; }
#owl-demo-two .owl-prev { background: url(../images/right-arrow-ash.png) no-repeat left top;}
#owl-demo-two .owl-next { background: url(../images/left-arrow-ash.png) no-repeat left top; margin-right: 5px;}
.how-it-wrapper { padding: 70px 0px 30px;}
.step-main { padding: 40px 0px;}
.step-main-thumb {}
.step-main-image { width: 150px; padding: 0px 0px}
.step-main-cont {}
.step-main-cont p { text-align: left;}
.special-offer-wrapper {  background: url(../images/green-form-bg.png) no-repeat center top / cover; padding-top: 30px;}
.special-offer-main {/* background: #194697;*/ padding: 20px 0px 0px; box-shadow: 0px 5px 5px #CCC; border-bottom: 1px solid #FFF; }
.special-offer-main h2{ padding-bottom: 20px;}
.special-offer-main h5 span { color: #ffea00;}
.special-offer-main h5 { padding-bottom: 30px;}
.special-offer-bottom { padding-top: 15px;}
.special-offer-bottom a { width: 49.7%; float: left; font-family:'Magnificent',Sans-Serif; font-size: 26px; color: #ffde00; line-height: 30px; text-align: center; padding: 20px 0px; background: rgba(0,0,0,0.2); text-decoration: none; margin: 0px 3px; }
.special-offer-bottom a:hover { background: #ffde00; color: #555;}
.why-us-wrapper { padding: 0px 0px 60px;}
.why-us-main { background: url(../images/why-us.png) no-repeat left top / cover;}
.list-box { padding-top: 30px;}
.list-box ul { margin: 0px; padding: 0px; list-style: none;}
.list-box li { display: inline-block; font-size: 15px; padding: 0px 0px 20px 0px;}
.list-box.white li { display: inline-block; font-size: 15px; color: #FFF; background: url(../images/white-tick.png) no-repeat left top; padding-left: 40px;}
.list-box.black li { display: inline-block; font-size: 15px; color: #555;  background: url(../images/black-tick.png) no-repeat left top; padding-left: 40px;}
.calender { background: #fff url("../images/calender.png") no-repeat scroll right 10px top 9px !important;}
.whyus-image {}
.whyus-content { background: url(../images/why-us-bg.png) no-repeat left top / cover; padding: 100px !important;}
.whyus-content p { text-align: left;}
.app-wrapper { padding: 0px 0px 50px 0px;}
.android-app, .ios-app{ width: 370px; padding-top: 40%;}
.mobile-app { width: 350px; margin: 0 auto;}
.news-letter-wrapper { background: url(../images/news-letter-bg.png) no-repeat center center / cover; padding: 80px 0px;}
.news-letter-main {}
.newsletter-field-main {}
.newsletter-field-main h3 { line-height: 30px;}
.newsletter-field-main h3 span { font-size: 28px;}
.testimonials-main h3 { line-height: 30px;}
.testimonials-main h3 span { font-size: 28px;}
.newsletter-field-main p, .testimonials-main p { padding: 20px 0px 20px 0px; text-align: left;}
.footer-newsletter-box {padding-top: 19px;}
.newsletter-text-field { width: 60%; height: 38px; font-size: 14px; line-height: 30px; background: #fff; text-indent: 0.01px; padding: 0 15px; float: left; border: 1px solid #ccc; color: #555;}
.newsletter-but { width: 40%; background: #ffde00; border: 0 none; color: #0054a6; cursor: pointer; display: block; font-family: "MyriadPro-Regular",sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0.3px; line-height: 20px; padding: 11px 0 7px; text-align: center; text-transform: uppercase;}
.newsletter-but:hover { background: #0054a6; color: #ffe700; }
.testi-name { float: left; color: #FFF; text-transform: uppercase; text-align: right;}
.testi-name span { font-size:13px;}
.testi-but { float: left; padding-left: 15px;}
.testi-but a { background: #ffde00;  color: #555; border-radius: 25px; padding: 6px 20px; text-decoration: none; margin-top: 4px; display: block; }
.testi-but a:hover {  background: #0054a6; color: #ffe700; }
footer { padding: 50px 0px; background: url(../images/white-bg.png) repeat left top;}
.footer-links { }
.footer-links ul { list-style: none; margin: 0px; padding: 0px;}
.footer-links li { width: 100%; display: inline-block; padding: 0px 0px 0px 0px;}
.footer-links li a { font-size: 13px; color: #555; line-height: 20px; padding: 5px 0px; display: block; }
.footer-links li a:hover { color: #0054a6;}
.footer-links li span { font-size: 18px;  color: #555; padding-bottom: 5px; display: block;}
.footer-address {}
.footer-address p { font-size: 13px; line-height: 20px; text-align: left; }
.footer-bot-link { text-align: center; padding: 40px 0px 0px 0px;}
.footer-bot-link a { font-size: 13px; text-align: center; padding: 3px 30px; }
.footer-bot-link a:hover { color: #0054a6;}
.foot-lnk {  font-family:'Magnificent',Sans-Serif; font-size: 23px !important; }
.social ul { list-style: outside none none; margin: 0; padding: 0;}
.social li { color: #fff ; display: inline-block; float: left;padding: 0 6px 0 0; width: auto;}
.social li a { color: #fff !important; text-decoration: none;}
.fa-facebook { background: #909090;}
.fa-facebook:hover { background: #6081cb;}
.fa-linkedin { background: #909090;}
.fa-linkedin:hover { background: #21a5d9;}
.fa-twitter { background: #909090;}
.fa-twitter:hover {background: #3cccf6;}
.fa-youtube {background: #909090; color: #d4432f;}
.fa-youtube:hover {background: #f1f1f;}
.fa-google-plus {background: #909090;}
.fa-google-plus:hover {background: #d4432f;}

.fa-instagram {background: #909090;}
.fa-instagram:hover {background: #a735a4;}


.social ul li a span {width: 35px; height: 35px; font-size: 15px; color: #FFF; text-align: center; transition: all 0.6s ease 0s; padding-top: 10px;}
.social ul li a span:hover {}
.copy-right { font-size: 11px; width: 100%; display: block; float: left;}
.banner-button-set { width: 100%; float: left; margin: 0 auto;}
.banner-button-set a { width: 80%; background: #ffea00; color: #555; padding: 10px 0px ; display: block; margin: 0 auto; text-align: center; margin-bottom: 5px; font-size: 20px; text-decoration: none;}
.banner-button-set a:hover { background: #0054a6 ; color: #FFF;}
.banner-button-set .call-now { background: none; font-size: 25px; text-align:center !important; padding: 8px 0px}
.banner-button-set .call-now:hover  i { background: #FFF; color: #0054a6; }
#primary_nav_wrap ul li ul li { border-bottom: 1px solid #2064b6; border-top: 1px solid #3488da;}
#primary_nav_wrap ul li ul li:hover a  { background: #FFF !important; color: #555 !important;}
#primary_nav_wrap ul li ul li a:hover { background: #2074c6 !important; color: #fff !important;}
#primary_nav_wrap ul li ul li { border-bottom: 1px solid #CCC; border-top: 0px solid #CCC;}
header.smaller #primary_nav_wrap ul li ul li:hover a  { background: #FFF !important; color: #555 !important;}
header.smaller #primary_nav_wrap ul li ul li a:hover { background: #2074c6 !important; color: #fff !important;}
header.smaller #primary_nav_wrap ul li ul li { border-bottom: 1px solid #CCC; border-top: 0px solid #CCC;}
.floating-menu { width: auto; height: auto; position: fixed; right: 10px; z-index: 9; top: 35%;}
.floating-menu-item { width: 50px; height: 50px; float: right; overflow: hidden; clear: both; background: #30abf6; margin-bottom: 7px; transition: width 0.5s; -moz-transition: width 0.5s; -webkit-transition: width 0.5s; -o-transition: width 0.5s; border-radius:25px; }
.floating-menu-item:hover { width: 320px; }
.floating-menu-image { width: 50px; height: 50px; float: left; overflow: hidden; margin-right: 2px; }
.floating-menu-content { width: auto; height: 50px; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; color: #fff;  background: #30abf6; padding: 14px 0 0 20px; display: block; border-left: 3px solid #FFF;}
.form-head-text { display: none;}
.app-come { display: block;}

.mm-loader { width: 100%; height: 100vh; position:fixed; top:0px; left: 0px; z-index: 999999999; background : url(../images/spectrum-loader-icon.gif) no-repeat no-repeat center center; background-size: 50px; background-color: rgba(0, 0, 0, 0.4); display: none; }
/*------------------------: CONTACT US :-----------------------*/

.contactus { padding-top: 30px;}
.contact-main .text-field { width: 100%; height: 35px; font-size: 14px; color: #444; line-height: 30px; text-indent: 0.01px; border: 1px solid #CCC; border-radius: 3px;/* background: #fff;*/ padding: 0 5%;}
.contact-main .text-field-big { width: 100%; height: 85px; font-size: 14px; color: #444; line-height: 30px; text-indent: 0.01px; border: 1px solid #CCC; border-radius: 3px; background: #fff; padding: 0 5%;}
.text-field-name  { font-size: 15px; padding-right: 15px; color: #777;}
.text-field-name span { float: right; font-size: 15px; padding-right: 15px; color: #777;}
.contactus .text-field-main { padding-bottom: 20px;}
.inner-banner-wrapper { width: 100%; height: auto; background: url(../images/inner-banner.png) no-repeat center bottom / cover; }
.services-box-main { padding: 30px 0px 50px 0px }
.services-box-main .scroll-tmb-main { padding-bottom: 20px;}
.services-box-main a .scroll-tmb-main h6 { color: #1947a0 !important; padding: 10px 0; background: #fafafa; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.services-box-main a .scroll-tmb-main:hover h6 { color: #FFF !important; background: #1947a0; }
.services-box-main a:hover { text-decoration: none;}
.maintain-blue { background: #1947a0;}
.booking-form-cont-main .maintenance-form .text-field-but { background: #4fc61f;}
.booking-form-cont-main .maintenance-form .text-field-but:hover { background: #ffea00; color: #555;} 
.show-1600 { display: none;}




.inner-banner-wrapper .banner-contentbox {  padding: 10% 0 50px 0;}
.inner-page .booking-wrapper { margin-top: -20px; min-height: auto !important; }
.inner-wrapper { padding: 30px 0px 70px; background: #FFF;}

.no-shift-avilable  { background: #fff;
    border: 1px solid #ccc;
    border-radius: 25px;
   display: inline-block;
   font-size: 12px;
    margin: 0 auto 10px;
    padding: 5px 25px;
    color: #F00;
    letter-spacing: 0.5px;
}



/*------------------------: LOGIN :-----------------------*/



.login-popup-main { text-align: center; background: rgba(0,0,0,0.5);}
.login-popup-main:before { height: 100%; display: inline-block; vertical-align: middle; content: '\200B';}
.centered-box { width: auto; display: inline-block; vertical-align: middle;}
.login-main-box-cont { width: 400px; height: auto; background: #FFF; border-radius: 10px; overflow: hidden; padding: 30px; position: relative; }
.login-main-box, .forgot-main-box, .reg-main-box, .num-main-box { width: 100% !important; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9999999999999; display: none;}
.login-main-box-cont .text-field { border: 1px solid #CCC;}
.login-main-box-cont .booking-form-field { width: 100%;}
.login-main-box-cont .text-field-main p { color: #555; padding: 10px 0 4px; }
.text-field-but { font-family:'PTS55F',Sans-Serif; color: #FFF; font-size: 15px; text-align: left; background: #3aa110; padding: 13px 25px 10px 25px; border-radius: 3px; border:0; width: 100%; cursor:pointer; -webkit-appearance: none; display: block; text-align:center; font-weight: bold; margin-top: 20px;}
.login-popup-main .text-field-but:hover { background: #1947a0;}
.log-but-box { padding-top: 30px; font-size: 12px;}
.log-forgot { text-align: right;}
.log-forgot a { font-size: 12px; color: #000 !important; text-decoration: none;}
.log-forgot a:hover { color: #3ab54a !important;}
.log-remb { text-align: left;}
.log-signup-clo-but { width: 14px; height: 14px; position: absolute; right: 20px; top: 20px; cursor: pointer;}
.forgot_success{color: green;}
.forgot_error{color: red;}
.forgot_message{display: none;}





/*------------------------: CLEANING :-----------------------*/


.cln-booking-set { padding: 75px 0px 100px;}
.green h5, .green h6 { color: #33920b !important; }
.cl-mi-booking-form-main-box.green .cl-mi-booking-form-main { background: #eef7e2; border: 1px solid #c8e4a3; padding: 25px 25px !important;}
.cl-mi-booking-form-main-box { margin-top: 15px;}
.cl-mi-booking-form-left {}
.cl-mi-booking-form-right {}
.cl-mi-bok-fom { padding-top: 15px;}
.cl-mi-bok-fom p { font-size: 14px; color: #333; padding: 0px 0px 3px 0px;}
select { width: 100%; height: 36px; font-size: 14px; line-height: 30px; text-indent: 0.01px; -moz-appearance: none; background: #fff url("../images/ash-arrow.png") no-repeat scroll right 10px top 13px; border:1px solid #CCC; border-radius: 3px; cursor: pointer; padding: 3px 15px 3px 10px;}
select option { border: 0 none; padding: 5px 15px;}
.text-field { width: 100%; height: 36px; color: #555; font-size: 14px; line-height: 30px; padding: 3px 13px; text-indent: 0.01px; background: #fff; border:1px solid #CCC; border-radius: 3px;}
.week-set-box {}
.once-but { font-family:'Magnificent',Sans-Serif; font-size: 16px; letter-spacing:1px; color: #33920b; text-align: center; background: #FFF; padding: 5px 0px; cursor: pointer;}
.weekly-but { font-family:'Magnificent',Sans-Serif; font-size: 16px; letter-spacing:1px; text-transform: uppercase; color: #33920b; text-align: center; background: #FFF; padding: 5px 0px; cursor: pointer;}
.bi-weekly-but { font-family:'Magnificent',Sans-Serif; font-size: 16px; letter-spacing:1px; color: #33920b; text-align: center; background: #FFF; padding: 5px 0px; cursor: pointer;}

.once-but.selected, .weekly-but.selected, .bi-weekly-but.selected { background: #a8c483; color: #FFF; }

.once-but:hover, .weekly-but:hover, .bi-weekly-but:hover { background: #a8c483; color: #FFF;}

.once-but span, .weekly-but span, .bi-weekly-but span { background: none;}
.once-but.selected span, .weekly-but.selected span, .bi-weekly-but.selected span { width: 15px; height: 15px; background: #a8c483; display: block; position: absolute; left: 50%; bottom: -7px; transform: rotate(45deg); z-index: 0;}

.calendar-box, .time1, .time2, .time3 { width: 100% !important;}


.week-set-box-but {}
.week-set-box-cont { padding: 15px 15px 5px;  background: #c8e4a3; margin: 20px 0px 0px; position: relative;}
.week-set-box-cont ul { margin: 0px; padding: 0px; list-style: none;}
.week-set-box-cont li { display: inline-block; font-size: 12px; background: url(../images/ash-tick-full.png) no-repeat left 5px top 4.5px #FFF; margin: 0px 8px 10px 0px; float:left; padding: 5px 12px 5px 31px; border-radius: 25px; cursor: pointer; border:1px solid #CCC;}
.week-set-box-cont li:hover { background: url(../images/green-tick-full.png) no-repeat left 5px top 4.5px #FFF; }
.week-set-box-cont li.selected { background: url(../images/green-tick-full.png) no-repeat left 5px top 4.5px #FFF; }
.week-time-clo-but { width: 25px; height: 25px; cursor: pointer; position: absolute; right: 10px; top: 10px; background: #FFF; padding: 7px; border-radius: 50%; border:1px dashed #FFF; transform: rotate(0deg); transition: transform 0.9s ease 0s; }
.week-time-clo-but:hover { border:1px dashed #F00; transform: rotate(360deg); }

.week-set-box-cont ul span { color: #555;
    display: block;
    font-weight: bold;
    padding: 0 0 8px;
    width: 100%;}

.schedulenewtime { padding: 15px 15px 5px;  background: #c8e4a3; margin: 20px 0px 0px; position: relative;}
.schedulenewtime ul { margin: 0px; padding: 0px; list-style: none;}
.schedulenewtime li { display: inline-block; font-size: 12px; background: url(../images/ash-tick-full.png) no-repeat left 5px top 4.5px #FFF; margin: 0px 8px 10px 0px; float:left; padding: 5px 12px 5px 31px; border-radius: 25px; cursor: pointer; border:1px solid #CCC;}
.schedulenewtime li:hover { background: url(../images/green-tick-full.png) no-repeat left 5px top 4.5px #FFF; }
.schedulenewtime li.selected { background: url(../images/green-tick-full.png) no-repeat left 5px top 4.5px #FFF; }

.schedulenewtime ul span { color: #555;
    display: block;
    font-weight: bold;
    padding: 0 0 8px;
    width: 100%;}

#calendershowtimes { width: 100% !important; }

.extra-ser-box-main { margin-top: 30px;} 
.ext-tmb-main { border: 1px solid #CCC; background: #FFF; padding: 0px 0px 0px 0px; margin-bottom: 10px;}
.ext-tmb-img { position: relative; padding: 10px 0px 0px 0px;}
.ext-tmb-cont { font-size: 13px; text-align: center; padding: 0px 0px;}
.maid-status-indicator { position: absolute; right: -1px; top: 2px;}
.ext-tmb-main  input[type="checkbox"] { display: none;}
.ext-tmb-main  label { cursor: pointer;}
.ext-tmb-main input[type="checkbox"] + label span {width: 24px; height: 24px; border: 1px solid #CCC; margin-top: -5px; vertical-align: middle;  border-radius: 0%;  display: inline-block; background: #fff url("../images/tick-ash-sml.png") no-repeat center center;}
.ext-tmb-main  input[type="checkbox"]:checked + label span { background: #3aa110  url("../images/tick-white-sml.png") no-repeat center center; border: 1px solid #3aa110;}
.ext-tmb-main:hover  input[type="checkbox"] + label  span{ border: 1px solid #3ab54a; }
.ext-tmb-cont-rate { font-size: 14px; text-align: center; background: #b8d493; color: #FFF; margin: 10px 1px 1px 1px; padding: 5px 0px;}
.ext-tmb-main:hover .ext-tmb-cont-rate { background: #c8e4a3; color: #555; }

.ones-and-weekly-box { padding-top: 5px;}
.ones-and-weekly-section { padding: 25px 0 25px;}
.ones-and-weekl0y-section {}
.ones-and-weekly-box {}
.ones-and-weekly-box ul { list-style: none; margin: 0px; padding: 0px;}
.ones-and-weekly-box li { display: inline-block; width: 49%;}
input[type="radio"] { display: none;}
input[type="radio"] + label span {width: 30px; height: 30px; border: 1px solid #c6c6c6; margin-top: -3px; vertical-align: middle;  border-radius: 50%;  display: inline-block; background: #fff url("../images/tick-ash-sml.png") no-repeat center center;  margin-right: 7px; }
input[type="radio"]:checked + label span { background: #fff url("../images/tick-green-sml.png") no-repeat center center; border: 1px solid #4897e6;}
input[type="radio"] + label:hover  span{ border: 1px solid #4897e6; }
input[type="radio"] + label { cursor: pointer; }

.book-det-main { padding-top: 15px; padding-bottom: 7px;}
.book-det-name {}
.book-det-name span { float: right;}
.book-det-name-det { text-align: right;}
.hiddenhtml{ width: 100% !important;}
.price-box { font-size: 25px; color: #1947a0;}
.price-box span { font-size: 18px;}
.book-det-name span.hours { font-weight: bold; font-size: 13px; float: left !important;}
.cl-mi-booking-form-main-box.green .book-det-total-box { background: #c8e4a3; padding: 0px 27px !important;}
.book-det-total-text {  font-family:'Magnificent',Sans-Serif; font-size: 40px; color: #1947a0; font-weight: bold;}     
.book-det-total-price {  font-family:'Magnificent',Sans-Serif; font-size: 40px; color: #1947a0; text-align: right; font-weight: bold;}
.book-det-total-price span { font-family:'Open Sans',sans-serif; font-size: 18px; font-weight: normal;}


.cl-mi-but-main { margin-top: 30px;} 
.but-icon { position: relative; display: block; border-radius: 3px; overflow: hidden;}  
.but-icon i {position: absolute; right: 15px; top: 13px; color: #FFF; } 


.text-field-button { width: 100%; height: auto; border: 0px; cursor: pointer; color: #FFF; font-weight: bold; text-align: left; background: #3aa110; padding: 10px 0px 10px 15px;}
.text-field-button:hover { background: #0054a6;}  

.cl-mi-booking-form-main-box.blue .text-field-button { background: #0054a6;}
.cl-mi-booking-form-main-box.blue .text-field-button:hover { background: #3aa110;} 

.cl-mi-booking-form-main-box.green .text-field-button { background: #3aa110;}
.cl-mi-booking-form-main-box.green .text-field-button:hover { background: #0054a6;}

 
.loader { width: 100%; height: auto; text-align: center; font-size: 20px; color: #FFF; background: #3aa110;  position: absolute; left: 0px; top: 0px; z-index: 99999999999; padding: 5px 0px; display: none;} 
.cl-mi-so-but{}
.cl-mi-so-but  { margin: 10px 0px 15px; }
.fcb-bok-but a { color: #FFF; text-align: center; font-weight: bold; text-decoration: none; display: block; padding: 10px 0px; background: #3b5998; border-radius: 3px;}
.log-bok-but a { color: #FFF; text-align: center; font-weight: bold; text-decoration: none; display: block; padding: 10px 0px; background: #3aa110; border-radius: 3px;}
.cl-mi-so-but i { padding-right: 7px;}
.fcb-bok-but a .fa-facebook { background: none;}
.log-bok-but a:hover, .fcb-bok-but a:hover { background: #ffea00; color: #555; }
.cl-mi-bok-tx-con { text-align: center; font-weight: bold; background: url(../images/bok-border.png) no-repeat center center; padding: 10px 0px 10px;}
.cl-mi-booking-form-main-box.green .cl-mi-bok-tx-con span { background: #eef7e2; padding: 0px 10px;}
.cl-mi-booking-form-main-box.blue .cl-mi-bok-tx-con span { background: #e2e8f5;  padding: 0px 10px;}
.text-fieldnew { width: 100%; height: 40px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 15px; line-height: 30px; padding: 0 15px; text-indent: 0.01px;}
.apply-but { background: #c8e4a3; border: 0 none; bottom: 2px; color: #555; display: block; font-size: 15px; padding: 8px 20px 7px; position: absolute; right: 2px; z-index: 9; cursor: pointer;}
.apply-but:hover { background: #3b5998; color: #FFF;}
.apply-but-maint { background: #c8e4a3; border: 0 none; bottom: 2px; color: #555; display: block; font-size: 15px; padding: 8px 20px 7px; position: absolute; right: 2px; z-index: 9; cursor: pointer;}
.apply-but-maint:hover { background: #3b5998; color: #FFF;}
.promo-text { font-size: 14px; color: #333; line-height: 16px; padding: 30px 0px 10px;}
.back-but { float: right;  font-size: 20px; text-transform: uppercase;}
.back-but a { color: #333; text-decoration: none; cursor: pointer;}
.back-but a:hover { color: #3b5998;}
.register-form-box { display: block;}
.login-form-box { display: none;}
label { cursor: pointer;}
.log-remb input[type="checkbox"] { display: none;}
.log-remb input[type="checkbox"] + label span { width: 25px; height: 25px; background: #fff url("../images/tick-ash-sml.png") no-repeat scroll center center; border: 1px solid #e6e6e6; border-radius: 50%; display: inline-block; margin-top: -3px; vertical-align: middle;}
.log-remb input[type="checkbox"]:checked + label span { background: url(../images/tick-green.png) no-repeat center center #FFF; border: 1px solid #3ab54a;}
.log-remb input[type="checkbox"] + label:hover span { border: 1px solid #3ab54a;}
.register-form-box, .login-form-box { width: 100% !important;}
.verify-num-box { padding: 10px 0px 20px;}
.verify-num-box span { font-family:'Magnificent',Sans-Serif; font-size: 25px; color: #33920b; }
.verify-num-box span i { width: 25px; height: 25px; background: #555; font-size: 13px; color: #FFF; line-height: 24px; border-radius: 50%; margin: 0px 0px 0px 10px; cursor: pointer; }
.login-main-box-cont-green { width: 350px; height: auto; overflow: hidden; background: #eef7e2; border: 1px solid #c8e4a3; padding: 30px 30px 40px !important; position: relative; }
.login-main-box-cont-green input.text-field { font-size: 20px; color: #333; font-weight: bold;}
.login-main-box-cont-green .register-field.fldbox { padding-top: 25px; }
.cl-mi-booking-confirm-box {}
.cl-mi-booking-confirm-box {}
.cl-mi-address-box .book-det-name-det { text-align: left;}
.book-det-name strong { font-size: 12px;}
.bookingrap { width: 100% !important;}
/*.bookingrap { width: 100% !important; display: none;}*/
.payment-wrapper { display: none;  width: 100% !important;}
.cl-mi-bokmainbox { width: 100% !important; }




.dash-line { border-bottom: 1px solid #c8e4a3 ; border-top: 1px solid  #FFF; margin: 20px 0px 20px;}




/*------------------------: MAINTENANCE :-----------------------*/



.blue h5, .blue h6 { color: #1947a0 !important; }
.cl-mi-booking-form-main-box.blue .cl-mi-booking-form-main { background: #e2e8f5; border: 1px solid #a9b7d8; padding: 25px 25px !important;}
.cl-mi-booking-form-main-box.blue .book-det-total-box { background: #a9b7d8; }
.flex-time { padding: 5px 0px 10px 0px; }
.flex-time-drp { height: 36px !important; display: none;}
.text-field-big { width: 100%; height: 85px; font-size: 14px; color: #444; line-height: 23px; text-indent: 0.01px; border: 1px solid #CCC; border-radius: 3px; background: #fff; padding: 5px 15px;}
.cash-dev { padding: 20px 0px 0px;}
.notes { padding: 20px 0px 0px 0px;}
.notes ul { list-style: none; margin: 0px; padding: 10px 0px 0px 20px;}
.notes li { display: block; padding: 0px 0px 10px 0px}
.notes li i { padding-right: 5px;}
.list-box-main { padding-top: 30px; padding-left: 40px;}
.list-box-main ul { margin: 0px; padding: 0px; list-style: none;}
.list-box-main li { display: block; font-size: 15px; background:url(../images/green-tick-full.png) no-repeat left top; padding: 0px 0px 20px 30px;}
.faq-main { background: #fafafa; border: 1px solid #ebebeb; margin-top: 15px; margin-bottom: 20px; cursor: pointer;}
.faq-head { font-size: 18px; padding: 10px 20px !important;  background: #ebebeb;}
.faq-cont { padding: 15px 20px !important;}
.faq-main:hover { background: #f2f8ff; border: 1px solid #e2e8f5;}
.faq-main:hover .faq-head { background: #e2e8f5; }
.error { font-size: 13px; color: #F00;}
.text-field-main {}
.face-login {  margin-top: 20px;}
.face-login a { background: #3b5998; color: #FFF; width: 100%; font-size: 18px; display: block; padding: 9px; border-radius: 3px;}
.face-login a:hover { background: #3aa110; }
.face-login a  i { background: none;}
.cl-mi-booking-success.green { background: #eef7e2; border: 1px solid #c8e4a3; padding: 25px 25px !important; margin: 50px 0px 60px;}
.cl-mi-booking-success.blue { background: #e2e8f5; border: 1px solid #a9b7d8; padding: 25px 25px !important; margin: 50px 0px 60px;}
.success-icon { width: 80px; height: 80px; margin: 0 auto; margin-top:20px; margin-bottom: 10px; background: #FFF; border-radius: 50%; overflow: hidden; }



.testimonials-main { padding: 30px 0px 40px;}
.testimonials-cont { padding-top: 10px;}
.testimonials-cont h5 span { font-size: 15px !important;}
.news-success { background: #78c257; padding: 5px 30px ; font-size: 13px; color: #fff; border-radius: 25px; margin: 0 0 0 0 ;display: inline;width: auto;}


.tnk-box { font-size: 55px; color: #0054a6; font-weight: bold; text-transform: uppercase; text-align: center; padding: 30px 0px 20px 0px;}
.tnk-box-sml { font-size: 23px; color: #0054a6; font-weight: bold; text-transform: uppercase; text-align: center; padding: 0px 0px 20px 0px;}
.tnk-box-bot { padding-bottom: 30px;}


.booking-his-main { padding-top: 20px;}

/*.booking-his-box { background: #eef7e2 none repeat scroll 0 0; border: 1px solid #c8e4a3; padding: 15px 25px 0px 25px; margin-bottom: 30px;}
.booking-his-box h4 { margin-bottom: 20px;}
.booking-his-box h4 span { background: #1947a0; border-radius: 25px; color: #fff; font-size: 22px; letter-spacing: 1.5px; padding: 0 20px;}
.booking-his-box:hover  h4 span { background: #33920b; color: #FFF;}*/





.booking-cle-his-box { background: #eef7e2; border: 1px solid #c8e4a3; padding: 15px 25px 0px 25px; margin-bottom: 30px;}
.booking-cle-his-box h4  { color: #33920b  !important;}
.booking-cle-his-box h5 span { background: #33920b; border-radius: 25px; color: #fff; font-size: 22px; letter-spacing: 1.5px; padding: 0 25px;}
.booking-cle-his-box:hover  h5 span { background: #1947a0; color: #FFF;}
.booking-cle-his-box h5 { color: #33920b  !important;}


.booking-min-his-box { background: #e2e8f5; border: 1px solid #a9b7d8; padding: 15px 25px 0px 25px; margin-bottom: 30px;}
.booking-min-his-box h4 { }
.booking-min-his-box h5 span { background: #1947a0; border-radius: 25px; color: #fff; font-size: 22px; letter-spacing: 1.5px; padding: 0 25px;}
.booking-min-his-box:hover  h5 span { background: #33920b; color: #FFF;}





.bok-his-det-box { padding-bottom: 12px;}

.bok-his-det-txt {}
.bok-his-det-txt span { float: right;}
.bok-his-det-txt-box {}




.user-profile {}
.user-profile .register-field { padding-bottom: 10px;}








.booking-cle-his-box .book-his-hed { background:  #c8e4a3; padding: 8px 0px;}
.booking-cle-his-box .book-his-cont { padding: 12px 0px 5px 0px; border-top: 1px solid #c8e4a3; border-bottom: 1px solid #FFF; }
.bok-ext-text { line-height: 15px;}




.booking-min-his-box .book-his-hed { background:  #a9b7d8; padding: 8px 0px;}
.booking-min-his-box .book-his-cont { padding: 12px 0px 5px 0px; border-top: 1px solid #a9b7d8; border-bottom: 1px solid #FFF; }


#pagination {}
.tsc_pagination { text-align:center;}
.tsc_pagination ul { margin: 0px; padding: 0px; list-style: none;}
.tsc_pagination li { display: inline-block;}
.tsc_pagination li a { padding: 3px 10px  0px  10px; border: 1px solid #CCC; width: auto; height: 30px; text-align: center; display: inline-block; text-decoration: none; margin: 0px 5px;}
.tsc_pagination li a:hover { background: #e2e8f5; border: 1px solid #a9b7d8;}
.tsc_pagination li a.current { background: #eef7e2; border: 1px solid #b8d493;}
.tsc_pagination li a i { font-weight: bold;}




.pra-image { float: left; height: auto; overflow: hidden; padding: 12px 30px 20px 0;}
































@media all and (max-width: 2000px) and (min-width: 1600px) {

.show-2000 { display: block;}

}
@media all and (max-width: 1599px) and (min-width: 1200px) {

.show-2000 { display: none;}
.show-1600 { display: block;}

}
@media all and (max-width: 1500px) and (min-width: 1401px) {

.booking-wrapper { width: 100%; margin-top: -120px; min-height: 120px; padding-bottom: 30px;}
.inner-page .booking-wrapper { margin-top: -20px; min-height: auto !important; }

}
@media all and (max-width: 1400px) and (min-width: 1301px) {

.backtotop { position: fixed; right: 0%;}
.banner-text-main {padding-top: 27%;}
.cleaning-ser-main {  padding: 60px 0 90px;}
.maintenance-ser-main { padding: 10px 0;}
.how-it-wrapper { padding: 50px 0;}
.booking-wrapper {  width: 100%; margin-top: -100px; min-height: 100px; padding-bottom: 30px;}
.inner-page .booking-wrapper { margin-top: -20px; min-height: auto !important; }

#primary_nav_wrap ul ul ul { position: absolute; left: -100%;}
  

}
@media all and (max-width: 1300px) and (min-width: 1201px) {

.backtotop { position: fixed; right: 0%;}
.banner-text-main {padding-top: 25%;}
.cleaning-ser-main {  padding: 60px 0 90px;}
.maintenance-ser-main { padding: 10px 0;}
.how-it-wrapper { padding: 50px 0;}
.booking-wrapper { width: 100%; padding-bottom: 30px; min-height: 70px; margin-top: -70px;}
.inner-page ul.cleaning-form, .inner-page ul.maintenance-form  { margin: 45px 0 0;}

#primary_nav_wrap ul ul ul { position: absolute; left: -100%;}

}
@media all and (max-width: 1200px) and (min-width: 992px) {

.view-only-1024 { display: block}
.hide-only-1024 { display: none;}
header.smaller #primary_nav_wrap { margin: 2px 0;}
.special-offer-bottom a { width: 49.666666%; }
.box-fixed-top { padding-top: 108px;}
.whyus-content { padding: 50px 50px 50px 70px !important; }
.mobile-app { width: auto;}
.android-app, .ios-app { width: auto;}
.welcome-wrapper { padding: 50px 0;}
.cleaning-ser-main {padding: 60px 0 90px;}
.maintenance-ser-main { padding: 20px 0;}
.how-it-wrapper { padding: 50px 0 60px;}
header.smaller #primary_nav_wrap {margin: 2px 0;}
.special-offer-bottom a { width: 49.666666%; }
.box-fixed-top { padding-top: 108px;}
.mobile-app { width: auto;}
.android-app, .ios-app { width: auto;}
.welcome-wrapper { padding: 40px 0;}
.cleaning-ser-main {padding: 50px 0 80px;}
.maintenance-ser-main { padding: 0px 0;}
.how-it-wrapper { padding: 40px 0 50px;}
.show-2000 { display: none;}
.show-1600 { display: block;}
.booking-wrapper { width: 100%; padding-bottom: 30px; min-height: 70px; margin-top: -70px;}
.inner-page ul.cleaning-form, .inner-page ul.maintenance-form   { margin: 45px 0 0;}

#primary_nav_wrap ul ul ul { position: absolute; left: -100%;}

}
@media all and (max-width: 1024px) and (min-width: 1024px) {

.backtotop { width: 60px; position: relative; margin: 0 auto; padding-bottom: 0px; right: 0px;}
.banner-text-main { padding-top: 30%;}
.banner-text-main h1 { font-size: 35px; line-height: 33px; }
header.smaller #primary_nav_wrap {margin: 2px 0;}
.special-offer-bottom a { width: 49.666666%; }
.box-fixed-top { padding-top: 108px;}
.whyus-content { padding: 50px 50px 50px 70px !important;}
.mobile-app { width: auto;}
.android-app, .ios-app { width: auto;}
.welcome-wrapper { padding: 40px 0;}
.cleaning-ser-main {padding: 50px 0 80px;}
.maintenance-ser-main { padding: 0px 0;}
.how-it-wrapper { padding: 40px 0 50px;}


}
@media all and (max-width: 991px) and (min-width: 320px) {

.pc-view-only{display:none !important;}
.mob-view-only{display:block !important;}
.mob-menu-icon { display: block;}
.show-2000 { display: none;}
.show-1600 { display: block;}
header .logo { width: 120px; float: left; margin-left: 36%; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.mob-menu-icon { width: 50px; display: block; float: right; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; cursor: pointer; }
header.smaller .logo { width: 130px; margin-left: 15px; }
header.smaller .mob-menu-icon { width: 50px; height: auto; }
.menu { width: 100% !important; display: none; overflow: hidden; background: #0054a6;/* margin-top: -100px; padding-top: 100px;*/}
#primary_nav_wrap{ margin-top: 20px; height: 100vh;  overflow-x: hidden; overflow-y: scroll;  }
#primary_nav_wrap ul { width: 100%; list-style:none; text-align: left; position:relative; margin:0; padding:0; float: right; }
#primary_nav_wrap li { width: 100%; float: none; margin-left: 0px; text-align: center; display: table;}
#primary_nav_wrap li a { display:block; font-family:'PTS55F',Sans-Serif; font-size: 17px; color: #FFF; line-height: 21px; padding: 15px 25px; text-decoration: none; }
#primary_nav_wrap ul li:hover > ul { display:block;}
#primary_nav_wrap ul ul { width: 100%; display:none; position: relative; padding:0; border-top: 1px solid #364c48;}
#primary_nav_wrap ul ul li {width: 100%; text-align: center; }
#primary_nav_wrap ul ul li a { font-size: 14px; border: 0px; padding-left: 20px;/* background: #253532; color: #FFF*/ }
#primary_nav_wrap ul ul ul { position: relative; left: auto; width: 100%; display: block !important;}
.top-get-quote-but { border: 0 none !important; }
.top-get-quote-but a {margin: 0 10% 30px;}
header.smaller #primary_nav_wrap { margin-top: 0px;}
.backtotop { width: 50px; position: relative; margin: 0 auto; padding-bottom: 20px; right: 0px;}
header.smaller #primary_nav_wrap li a { color: #FFF;}
#primary_nav_wrap li.top-get-quote-but a { color: #fff; line-height: 30px; background: #ffea00; padding-bottom: 8px; padding-top: 8px;}
.login-but a { width: 49.66666666%; padding: 10px 0px; text-align: center;}
.login-but a:hover { background:  #ffea00; color: #555;}
.header-wrapper .container { width: 100% !important;}
header.smaller #primary_nav_wrap li.top-get-quote-but a { background: #ffea00; color: #555 !important; line-height: 30px; padding-bottom: 8px; padding-top: 8px;}
.banner-button-set .call-now { padding: 0px 0px}
.booking-form-cont-main li { float: none; width: 100%; margin-right: 0px; }
.booking-wrapper .container { width: 100% !important;}
.text-field-but { padding: 14px 25px 11px; /*margin-bottom: 30px;*/}
.but-icon i { color: #fff; position: absolute; right: 16px; top: 13px; z-index: 0;}
.mob-form-top { display: block;}
.booking-mon-fix { width: 100%; height: 100vh; margin-top: 0; min-height: auto; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 0; z-index: 99999999999;}
.cleaning-form, .maintenance-form { height: 100vh; overflow-x: hidden; overflow-y: scroll;}
.clean-book-but, .mite-book-but { margin-bottom: 10px;}
.mob-callus { display: block;}
.banner-text { font-size: 30px; line-height: 28px;}
.booking-wrapper { width: 100% !important; display: none; }
.above-900px { display: none !important;}
.below-900px { display: block !important;}
.banner-contentbox { padding: 20% 0 7%; }
body {background: url(../images/spectrum-loader-icon.gif) no-repeat center top 4%; background-size: 50px;}




/*------------------------: CLEANING :-----------------------*/



.cl-mi-booking-form-right { margin-top: 30px;}
.col-md-8.col-sm-12.cl-mi-booking-form-left.no-left-padding, .col-md-4.col-sm-12.cl-mi-booking-form-right.no-right-padding  { padding-left: 0px !important; padding-right: 0px !important;}









}
@media all and (max-width: 991px) and (min-width: 767px) {

.view-only-600 { display: block;}
.hide-only-600 { display: none;}
header .logo { width: 200px;}
.banner-text-main { padding-top: 50%;}
.banner-text-main h1 { font-size: 30px; line-height: 33px; }
.login-but a { width: 49.7777777777777777%; padding: 10px 0px; text-align: center;}
.login-but a:hover { background:  #ffea00; color: #555;}
.special-offer-bottom a { width: 49.6%; }

.tnk-box { font-size: 55px; padding: 30px 0px 20px 0px;}
.tnk-box-sml { font-size: 23px; padding: 0px 0px 20px 0px;}

.booking-his-main { width: 100%; overflow-x: scroll; overflow-y: hidden;} 
.booking-cle-his-box, .booking-min-his-box { width: 760px;}

}
@media all and (max-width: 767px) and (min-width: 320px) {

.show-1600.banner-contentbox .box-center { display: block;}

.col-md-6.col-sm-6.cl-mi-bok-fom.no-left-padding, .col-md-6.col-sm-6.cl-mi-bok-fom.no-right-padding, .col-md-6.col-sm-6.cl-mi-so-but.fcb-bok-but.no-left-padding, .col-md-6.col-sm-6.cl-mi-so-but.log-bok-but.no-right-padding, .col-md-6.col-sm-12.cl-mi-but-main.no-right-padding, .col-md-6.col-sm-6.cl-mi-bok-fom.no-left-padding,.col-md-6.col-sm-6.cl-mi-bok-fom.no-right-padding, .col-md-6.col-sm-6.cl-mi-booking-confirm-box.no-right-padding { padding-left: 0px !important; padding-right: 0px !important;}

.col-md-6.col-sm-6.book-det-name.no-left-right-padding, .col-md-6.col-sm-6.book-det-name-det.no-right-padding { width: 50%; float: left; }
.cl-mi-bokmainbox, .bookingrap, .payment-wrapper { padding: 25px; }

.booking-his-main { width: 100%; overflow-x: scroll; overflow-y: hidden;} 
.booking-cle-his-box, .booking-min-his-box { width: 700px;}



}
@media all and (max-width: 766px) and (min-width: 415px) {

.view-only-415 { display: block;}
.hide-only-415 { display: none;}
header .logo { margin-left: 40%; } 
#primary_nav_wrap{ width: 104% !important; margin-top: 0px; height: 87vh; overflow-x: hidden; overflow-y: scroll;}
.banner-text-main { padding-top: 15%;}
.banner-text-main h1 { font-size: 30px; line-height: 33px; }
header.smaller .logo {width: 80px;}
.box-fixed-top { position: relative; padding-top: 0px; display: block;}
.whyus-content { padding: 0px;}
h2 { font-size: 35px; line-height: 35px;}
.welcome-wrapper { padding: 70px 0px 50px;}
.col-md-12.col-sm-12.welcome-cont-main.no-left-right-padding, .col-md-12.col-sm-12.cleaning-ser-main.no-left-right-padding, .col-md-12.col-sm-12.maintenance-ser-main.no-left-right-padding, .col-md-12.col-sm-12.how-it-work-main.no-left-right-padding, .col-md-12.col-sm-12.special-offer-main.no-left-right-padding, .col-md-6.col-sm-6.whyus-content.no-left-right-padding, .col-md-12.col-sm-12.news-letter-main.no-left-right-padding { padding-left: 15px !important; padding-right: 15px !important;}
.col-md-12.col-sm-12.app-download-main.no-left-right-padding { padding-left: 15px !important; padding-right: 15px !important;}
.step-main-thumb { padding-bottom: 40px !important;}
.special-offer-bottom a { width: 49.6%; }
.step-main-image { margin: 0 auto; width: 120px; }
.step-main-cont h4 { text-align: center;}
.step-main-cont p { text-align: center;}
.special-offer-bottom { padding-bottom: 15px;}
.special-offer-bottom a {width: 100%; margin: 0 0 5px; padding: 20px 0px; line-height: 25px;}
.whyus-content h2 { text-align: center;}
.whyus-content { padding-bottom: 30px !important; padding-top: 30px !important;}
.cleaning-ser-main {padding: 50px 0 80px !important;}
.services-scroll-box {padding: 30px 0 0 !important;}
.cleaning-ser-cont h2 { text-align: center !important;}
.cleaning-ser-cont p { text-align: center !important;}
.maintenance-ser-main h2.text-black.text-right { text-align: center !important;}
.maintenance-ser-main p.text-black.text-right { text-align: center !important;}
.step-main { padding: 40px 0 0;}
.mobile-app { margin: 0 auto; width: 50%;}
.android-app, .ios-app { float: left; padding-top: 10%; width: 90%;}
.why-us-wrapper {padding: 0 0 40px;}
.how-it-wrapper { padding: 40px 0;}
.newsletter-field-main { padding-bottom: 30px;}
.newsletter-field-main h3, .testimonials-main h3 { line-height: 30px; text-align: center;}
.newsletter-field-main p, .testimonials-main p { padding: 20px 0; text-align: center;}
.testi-name { text-align: center; width: 100%; float: none;}
.testi-but { float: none; text-align:center; padding:10px 0px; margin: 0 auto; margin-top: 10px; width: 50%;}
.testi-but a { padding: 10px 20px;}
.news-letter-wrapper {padding: 40px 0 !important;}
.footer-links { padding-bottom: 30px;}
.footer-links li { text-align: center;}
.footer-address p { text-align: center;}
.social ul { text-align: center;}
.social li { float: none;}
.col-md-3.col-sm-3.footer-links.no-left-padding, .col-md-12.col-sm-12.footer-address.no-left-padding { padding-left: 0px !important; padding-right: 0px !important;}
.copy-right { text-align: center;}
footer { padding: 30px 0px 0px !important;}
.login-but a { width: 49.66666666%; padding: 5px 0px; text-align: center;}
.login-but a:hover { background:  #ffea00; color: #555;}
.col-md-10.col-sm-6.footer-newsletter-box.no-left-right-padding { width: 50% !important;}
.col-md-4.col-sm-6.app-download-box.mob-view-only.no-left-right-padding, .col-md-4.col-sm-6.app-download-box.no-left-right-padding { width: 50% !important; float: left;}
#primary_nav_wrap li.top-get-quote-but a { background: #ffea00; color: #fff; line-height: 30px; padding-bottom: 8px; padding-top: 8px;}
.text-field-name span { float: none;}

.tnk-box { font-size: 55px; padding: 30px 0px 20px 0px;}
.tnk-box-sml { font-size: 23px; padding: 0px 0px 20px 0px;}



/*.col-md-6.col-sm-6.cl-mi-bok-fom.no-left-padding, .col-md-6.col-sm-6.cl-mi-bok-fom.no-right-padding, .col-md-6.col-sm-6.cl-mi-so-but.fcb-bok-but.no-left-padding, .col-md-6.col-sm-6.cl-mi-so-but.log-bok-but.no-right-padding, .col-md-6.col-sm-12.cl-mi-but-main.no-right-padding, .col-md-6.col-sm-6.cl-mi-bok-fom.no-left-padding,.col-md-6.col-sm-6.cl-mi-bok-fom.no-right-padding, .col-md-6.col-sm-6.cl-mi-booking-confirm-box.no-right-padding { padding-left: 0px !important; padding-right: 0px !important;}

.col-md-6.col-sm-6.book-det-name.no-left-right-padding, .col-md-6.col-sm-6.book-det-name-det.no-right-padding { width: 50%; float: left; }
.cl-mi-bokmainbox, .bookingrap, .payment-wrapper { padding: 25px; }
*/


}
@media all and (max-width: 414px) and (min-width: 320px) {

.view-only-320 { display: block }
.hide-only-320 { display: none;}
.wrapper-main { overflow: hidden;}
header .logo { margin-left: 30%; }
.banner-text-main { padding-top: 60%;}
.banner-text-main h1 { font-size: 30px; line-height: 33px; }
header.smaller .logo {width: 80px;}
.box-fixed-top { position: relative; padding-top: 0px; display: block;}
.whyus-content { padding: 0px;}
h2 { font-size: 35px; line-height: 35px;}
.welcome-wrapper { padding: 0px 0px 50px;}
.col-md-12.col-sm-12.welcome-cont-main.no-left-right-padding, .col-md-12.col-sm-12.cleaning-ser-main.no-left-right-padding, .col-md-12.col-sm-12.maintenance-ser-main.no-left-right-padding, .col-md-12.col-sm-12.how-it-work-main.no-left-right-padding, .col-md-12.col-sm-12.special-offer-main.no-left-right-padding, .col-md-6.col-sm-6.whyus-content.no-left-right-padding, .col-md-12.col-sm-12.news-letter-main.no-left-right-padding { padding-left: 15px !important; padding-right: 15px !important;}
.step-main-thumb { padding-bottom: 40px !important;}
.step-main-image { margin: 0 auto; width: 120px; }
.step-main-cont h4 { text-align: center;}
.step-main-cont p { text-align: center;}
.special-offer-bottom { padding-bottom: 15px;}
.special-offer-bottom a {width: 100%; margin: 0 0 5px; padding: 20px 0px; line-height: 25px;}
.whyus-content h2 { text-align: center;}
.whyus-content { padding-bottom: 30px !important; padding-top: 30px !important;}
.cleaning-ser-main {padding: 50px 0 80px !important;}
.services-scroll-box {padding: 30px 0 0 !important;}
.cleaning-ser-cont h2 { text-align: center !important;}
.cleaning-ser-cont p { text-align: center !important;}
.maintenance-ser-main h2.text-black.text-right { text-align: center !important;}
.maintenance-ser-main p.text-black.text-right { text-align: center !important;}
.step-main { padding: 40px 0 0;}
.mobile-app { margin: 0 auto; width: 80%;}
.android-app, .ios-app { margin: 0 auto; padding-top: 10%;  width: 90%;}
.why-us-wrapper {padding: 0 0 40px;}
.how-it-wrapper { padding: 40px 0;}
.newsletter-field-main { padding-bottom: 30px;}
.newsletter-field-main h3, .testimonials-main h3 { line-height: 30px; text-align: center;}
.newsletter-field-main p, .testimonials-main p { padding: 20px 0; text-align: center;}
.testi-name { text-align: center; width: 100%; float: none;}
.testi-but { float: none; text-align:center; padding:10px 0px; margin-top: 10px;}
.testi-but a { padding: 10px 20px;}
.news-letter-wrapper {padding: 40px 0 !important;}
.footer-links { padding-bottom: 30px;}
.footer-links li { text-align: center;}
.footer-address p { text-align: center;}
.social ul { text-align: center;}
.social li { float: none;}
.col-md-3.col-sm-3.footer-links.no-left-padding, .col-md-12.col-sm-12.footer-address.no-left-padding { padding-left: 0px !important; padding-right: 0px !important;}
.copy-right { text-align: center;}
footer { padding: 30px 0px 0px !important;}
.login-but a { width: 49.66666666%; padding: 10px 0px; text-align: center;}
.login-but a:hover { background:  #ffea00; color: #555;}
#primary_nav_wrap li.top-get-quote-but a { background: #ffea00; color: #fff; line-height: 30px; padding-bottom: 8px; padding-top: 8px;}
.text-field-name span { float: none;}
.col-md-12.col-sm-12.booking-add-det-box.no-left-right-padding { background: #f6f6f6; margin-bottom: 1px; padding: 15px !important;}
.col-md-5.col-sm-6.col-xs-6.booking-add-box.no-left-padding { width: 100% !important;}
.col-md-7.col-sm-6.col-xs-6.booking-add-box.no-left-right-padding { width: 100% !important; text-align: right;}
.col-md-12.col-sm-12.booking-payment-main.no-left-padding, .col-md-12.col-sm-12.booking-address-main.no-left-padding { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important;}
.booking-payment-main h4, .booking-address-main h4 { text-align: center;}
.booking-add-box span { float: none;}
.col-md-12.col-sm-12.booking-address-main.no-left-padding div.col-md-12.col-sm-12.booking-add-det-box.no-left-right-padding div.col-md-5.col-sm-6.col-xs-6.booking-add-box.no-left-padding { width: auto !important; }
.col-md-12.col-sm-12.booking-address-main.no-left-padding div.col-md-12.col-sm-12.booking-add-det-box.no-left-right-padding div.col-md-7.col-sm-6.col-xs-6.booking-add-box.no-left-right-padding { width: auto !important; text-align: left; }

.col-md-3.col-sm-12.col-xs-6.big-button.confirm-but.no-left-right-padding.pull-right { width: 97% !important; padding-right: 15px; padding-left: 15px;}


.col-md-12.col-sm-12.set-login-register-box.no-left-right-padding { padding-left: 15px !important; padding-right: 15px !important; }
.set-reg-formbut { margin-bottom: 20px;}
.login-main-box-cont { width: 300px;}


.tnk-box { font-size: 45px; padding: 30px 0px 15px 0px;}
.tnk-box-sml { font-size: 19px; padding: 0px 0px 20px 0px;}










}