@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; } @font-face { font-family: 'Raleway-Regular'; src: url('../fonts/Raleway-Regular.eot'); src: local('☺'), url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway-Bold'; src: url('../fonts/Raleway-Bold.eot'); src: local('☺'), url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf') format('truetype'), url('../fonts/Raleway-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } .Raleway-Regular {font-family:'Raleway-Regular',Sans-Serif !important;} .Raleway-Bold {font-family:'Raleway-Bold',Sans-Serif !important;} 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} .user-icon-box{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;} .index-banner { background: url(../assets/images/banner1.html) no-repeat center center / cover;} .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 { width: 100%; height: auto; margin-top: 10px; -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: 80%; height: auto; margin: 10px 0 0;} header.smaller #primary_nav_wrap { margin: 10px 0 0px; } /*header.smaller #primary_nav_wrap li.top-get-quote-but a { color: #FFF !important; background: #0054a6; } header.smaller #primary_nav_wrap li.top-get-quote-but a:hover { color: #FFF !important; background: #555;} header.smaller #primary_nav_wrap li a { color: #0054a6;} header.smaller #primary_nav_wrap li a:hover { color: #555 !important;}*/ /*-------------// 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; color: #555; line-height: 21px; padding: 4px 30px; text-decoration: none; } #primary_nav_wrap li a:hover { color: #2fca78 !important;} #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: 0px solid #1064b6; border-bottom: 1px solid #FFF; } #primary_nav_wrap ul ul li a { font-size: 14px; border: 0px; padding-left: 20px; background: #2fca78; color: #FFF !important; padding-top: 10px; padding-bottom: 10px; } #primary_nav_wrap ul ul li a:hover { color: #2fca78 !important; background: #555;} #primary_nav_wrap ul li ul li:first-child { border-top: 0px solid #242424;} #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 {} #primary_nav_wrap li.top-get-quote-but a { color: #FFF !important; background: #2fca78; padding: 7px 20px 4px; border-radius: 50px; } .log-but {border-radius: 50px 0px 0px 50px;} .reg-but {border-radius: 0px 50px 50px 0px;} .covid-set { background: url(../images/covid.png) no-repeat left center #eafff0; padding: 13px 30px 10px 140px; border-radius: 10px; background-size: 110px; margin-top:30px; border: 1px solid #d8edde !important;} .covid-set h4, .covid-set p { color: #555;} #primary_nav_wrap li.top-get-quote-but a:hover { color: #FFF !important; background: #555; } .banner-wrapper { width: 100%; } .banner-text {padding-bottom: 50px; line-height: 53px; text-shadow: 0 2px 3px #555;} .banner-contentbox { padding: 12% 0px 13% 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: #2fca78; color: #FFF; float: right; font-family: "Lato-Regular_0",sans-serif; font-size: 13px; margin-left: 1px; padding: 3px 20px;text-decoration: none;} .login-but a:hover { background: #555; 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: #2fca78; float: left; text-align: left;} .login-det-box li a { width: 100%; background:#2fca78; border-bottom: 1px solid #CCC; padding: 8px 20px; } .log-det-show:hover .login-det-box { display: block;} header.smaller .login-but a { background: #2fca78; color: #fff; } header.smaller .login-but a:hover { background: #555; color:#FFF;} .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: 74%; } header.smaller .call-num-blu { width: 0%; } .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; display: inline-block;} .clean-book-but { font-family:'Magnificent',Sans-Serif; font-size:25px; color: #FFF; background: #2fca78; cursor: pointer; padding: 10px 40px; position: relative; border-radius: 100px; display: inline-block;} .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: #2fca78; cursor: pointer; padding: 6px 0px; display: none;border-radius: 50px;} .clean-book-but:hover, .mite-book-but:hover { background: #555; color: #fff;} .font-bold { font-weight: bold;} .call-now { font-family:'Magnificent',Sans-Serif; text-transform: uppercase;color: #FFF; padding: 4px 30px; } .clean-book-but.selected { background: #2fca78; color: #FFF;} .mite-book-but.selected { background: #2fca78; color: #FFF;} .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 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;*/ background: #61de9d; padding: 50px 0px;} .scroll-tmb-main { border-radius: 8px; overflow: hidden; } .maintenance-ser-main { padding: 40px 0px; display: none;} .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 {} .scroll-tmb-main h5 { font-size: 25px; color: #555; text-align: left; background: #FFF; padding: 18px 30px 10px; } .scroll-tmb-main p { color: #555; text-align: left; background: #FFF; padding: 0px 30px 30px;} .scroll-tmb-main p label { background: #2fca78; color: #FFF; border-radius: 25px; padding: 7px 25px; text-decoration: none; margin-top: 4px; display: inline-block; text-transform: uppercase; font-size: 12px; margin-top: 20px; } .scroll-tmb-main:hover h5, .scroll-tmb-main:hover p { color: #FFF !important; background: #0054a6; } .scroll-tmb-main:hover p label { background: #eee; color: #333} .scroll-tmb-main:hover p label:hover { background: #FFF; color: #333} #owl-demo .item a:hover h6 { color: #FFF !important; text-decoration: none; background: #0054a6;} #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: 50px 0px 70px;} .step-main { padding: 0px 0px 40px;} .step-main-thumb {} .step-main-image { width: 100px; padding: 0px 0px 10px} .step-main-cont {} .step-main-cont p { text-align: left;} .special-offer-wrapper {} .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;} .welcome-cont-main h2 { color: #555; font-weight: bold;} .special-offer-bottom a { font-family:'Magnificent',Sans-Serif; font-size: 20px; color: #FFF; line-height: 25px; text-align: center; padding: 15px 40px; background: #2fca78; text-decoration: none; border-radius: 100px; margin-bottom: 30px; display: inline-block; text-transform: uppercase; } .special-offer-bottom a:hover { background: #555; color: #FFF;} .why-us-wrapper { padding: 0px 0px 60px;} .why-us-main { background: url(../images/why-us.png) no-repeat left center / 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:#61de9d; padding: 100px !important;} .whyus-content p { text-align: left;} .app-wrapper { padding: 0px 0px 0px 0px;} .android-app, .ios-app{ width: 370px; padding-top: 40%;} .mobile-app { width: 350px; margin: 0 auto;} .news-letter-wrapper { background: #61de9d; /*background: url(../images/news-letter-bg.jpg) no-repeat center center / cover;*/ padding: 50px 0px 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;} .bot-footer-set-main { margin-top: 20px;} .newsletter-but { width: 40%; background: #2fca78; border: 0 none; color: #fff; 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: #555; color: #FFF; } .testi-name { float: left; color: #FFF; text-transform: uppercase; text-align: right;} .testi-name span { font-size:13px;} .n-readmore {} .n-readmore a { background: #2fca78; color: #FFF; border-radius: 25px; padding: 10px 20px; text-decoration: none; margin-top: 4px; display: inline-block; } .n-readmore a:hover { background: #555; color: #FFF; } .testi-but { float: left; padding-left: 15px;} .testi-but a { background: #2fca78; color: #FFF; border-radius: 25px; padding: 6px 20px; text-decoration: none; margin-top: 4px; display: block; } .testi-but a:hover { background: #555; color: #FFF; } 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: auto; display: inline-block; padding: 0px; line-height: 20px; margin-bottom: 5px; color: #FFF;} .footer-links li a { font-size: 13px; background: rgba(255,255,255,0.2); color: #fff; line-height: 20px; padding: 5px 15px; display: block; } .footer-links li a:hover { background: #FFF; color: #555; text-decoration: none;} footer p { color: #FFF;} .footer-links li span { font-size: 18px; color: #FFF; 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; padding: 0px !important;} .fa-facebook { background: #6081cb;} .fa-facebook:hover { background: #333;} .fa-linkedin { background: #21a5d9;} .fa-linkedin:hover { background: #000;} .fa-twitter { background: #3cccf6;} .fa-twitter:hover {background: #000;} .fa-youtube {background: #909090; color: #d4432f;} .fa-youtube:hover {background: #000;} .fa-google-plus {background: #909090;} .fa-google-plus:hover {background: #d4432f;} .fa-instagram {background: #a735a4;} .fa-instagram:hover {background: #000;} .text-center { text-align: center !important;} .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: #555 !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: #555 !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: #2fca78; 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: #2fca78; padding: 14px 0 0 20px; display: block; border-left: 3px solid #FFF;} .form-head-text { display: none;} .app-come { display: block;} .mm-loader,.mm-loader2 { 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;} .main-ser-tmb-main { border-top: 1px solid #CCC; border-left: 1px solid #CCC;} .main-ser-tmb { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;} .main-ser-tmb-main { margin-bottom: 30px; margin-top: 20px;} .main-ser-tmb { text-align: center; padding-top: 15px;} .main-ser-tmb p { text-align: center; font-size: 16px; font-weight: bold; padding-bottom: 30px; padding-top: 15px;} .main-ser-tmb label { width: 130px; margin:0 auto;} .main-ser-tmb label img {} .inner-banner-wrapper .banner-contentbox { padding: 12% 0px 5% 0px;} .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;} .package-popup { width: 100% !important; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9999999999999; display: none;} /* Offer pop up*/ .offer-image-popup-main-box { width: 100% !important; position: fixed; top: 0px; left: 0px; z-index: 999999;} .offer-image-popup-main-box img { width: 100%;} .offer-image-popup-main { height: 100vh; text-align: center; background: rgba(0,0,0,0.6); } .offer-image-popup-main:before { height: 100%; display: inline-block; vertical-align: middle; content: '\200B';} .offer-image-popup-main .centered-box { width: auto; display: inline-block; vertical-align: middle; border-radius: 5px; overflow: hidden;} .offer-image-box { width: 800px; height: 400px; position: relative;} .offer-image-box-ipad { width: 600px; height: 500px; position: relative; display: none;} .offer-image-box-mob { width: 300px; height: 500px; position: relative; display: none;} .offer-image-close-but { width: 25px; height: 25px; cursor: pointer; position: absolute; top: 10px; right: 10px; border-radius: 50%; background: #FFF url(../../images/offer-image-close-but.png) no-repeat center center / 11px auto;} /*ends*/ @media all and (max-width: 991px) and (min-width: 601px) { .offer-image-box { display: none;} .offer-image-box-ipad { display: block;} .offer-image-box-mob { display: none;} } @media all and (max-width: 600px) and (min-width: 320px) { .offer-image-box { display: none;} .offer-image-box-ipad { display: none;} .offer-image-box-mob { display: block} } /*payment*/ .payment-type { padding: 20px 0 20px; } .payment-type ul { list-style: outside none none; margin: 0; padding: 0; } .payment-type li { border: 1px solid #e6e6e6; border-radius: 25px; display: inline-block; margin-right: 15px; } .payment-type li label { background: #fff none repeat scroll 0 0; border-radius: 25px; display: inline-block; padding: 6px 20px 4px 4px; width: 200px; } .payment-type .active { background: #3ab54a none repeat scroll 0 0; border: 1px solid #3ab54a; color: #fff; } .payment-type .active > label { background: transparent none repeat scroll 0 0; } /*------------------------: 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 { display: inline-block; font-size: 12px; background: url(../images/ash-tick-full.png) no-repeat left 5px top 4.5px #FFF; margin: 0px 0px 10px 0px; 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; } .reg_mobile_error, .reg_email_error {color : red; font-size: 13px;}; .schedulenewtime ul span { color: #555; display: block; font-weight: bold; padding: 0 0 8px; width: 100%; } #calendershowtimes .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-new { 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-new: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: #eafff0; border: 1px solid #d8edde; 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; } .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; } .testimonials-main { padding: 0px 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;} /*#firsttop { background: #F00; width: 100%; height: 10px; position: fixed; top: 0px;}*/ /*.payment-wrapper { display: block; padding: 30px 0px;}*/ .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;} .price-box-maint{ background: #1947a0 none repeat scroll 0 0; color: #fff; width:120px; padding:10px; border-radius: 5px; text-align:center; margin: 0 auto; } /*.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 0px 0px 0px; border: 1px solid #CCC; border-radius: 50%; width: 30px; 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;} .pricing-box {margin: 0 auto; width: 100%; margin-top: 30px; padding-bottom: 30px;} .pricing-box ul { list-style: none; margin: 0px; padding: 0px; text-align: center; /*background: url(../images/price-shadow.png) no-repeat left bottom 21px;*/} .pricing-box li { } .one-px-mar { margin: 0px 1px;} .pricing-box-cont-main {} .pricing-box-cont-hed { padding-top: 30px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;} .pricing-box-cont-main h1 { font-size: 25px; color: #FFF; line-height: 28px; text-transform: uppercase; text-shadow: none; padding-bottom: 15px; font-weight: normal; } .pricing-box-cont-txt { background: #f8f8f8; padding: 0px 0px 10px 0px;} .pricing-box-cont-main h3 { font-size: 36px; color: #F00; text-transform: uppercase; font-weight: bold; font-weight: bold; line-height: 45px; padding-top: 30px;} .pricing-box-cont-main h3 span { font-size: 16px; text-transform: uppercase; font-weight: normal; padding: 20px 0px 10px;} .pricing-box-cont-bot { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} .pricing-box-cont-bot h1 { font-size: 20px; padding-bottom: 15px; padding-top: 15px;} .pricing-box-cont-bot-box { width: 0; height: 0; border-left: 180px solid transparent; border-right: 180px solid transparent; margin: 0 auto;} .pricing-box-cont-main p { width: 80%; margin: 0 auto;} .pricing-box-cont-icon { width: 100%; padding: 20px 0px 15px; text-align: center } .pricing-box-cont-icon span { width: 45px; height: 45px; margin: 0 auto; } .pricing-box-cont-icon span img {display: inline; width: 160px;} /*.price-dark { margin-top: 26px;}*/ .price-dark .pricing-box-cont-icon { padding: 20px 0 15px; } .price-dark .pricing-box-cont-txt { padding: 0 0 10px;} .price-dark h3 { padding-bottom: 3px;} .price-dark .pricing-box-cont-txt { } .price-left { float: left;/*background: url(../images/price-left-shadow.png) no-repeat left bottom 21px, url(../images/price-right-shadow.png) no-repeat right bottom 21px;*/ } .price-center { float: left; /*background: url(../images/price-left-shadow.png) no-repeat left bottom 21px, url(../images/price-right-shadow.png) no-repeat right bottom 21px;*/ position: relative; z-index: 1;} .price-right { float: left; /*background: url(../images/price-left-shadow.png) no-repeat left bottom 21px, url(../images/price-right-shadow.png) no-repeat right bottom 21px;*/ } .border-left-right { border-left: 1px solid #FFF; border-right: 1px solid #FFF; } .price-left, .price-center, .price-right { width: 33.333333333333333333333333333333333333333%;} .price-left .pricing-box-cont-hed { background: #e6be10;} .price-center .pricing-box-cont-hed { background: #b4b4b4;} .price-right .pricing-box-cont-hed { background: #c25c00;} .price-left .pricing-box-cont-bot { background: #e6be10;} .price-center .pricing-box-cont-bot { background: #b4b4b4;} .price-right .pricing-box-cont-bot { background: #c25c00;} .price-left .pricing-box-cont-bot-box { border-top: 20px solid #e6be10; display: none;} .price-center .pricing-box-cont-bot-box { border-top: 20px solid #b4b4b4; display: none;} .price-right .pricing-box-cont-bot-box { border-top: 20px solid #c25c00; display: none;} .pricing-box-cont-hed-text h1 label { font-size: 40px; text-transform: uppercase;} .pricing-box-cont-hed-text h1 { text-transform: none;} .pricing-box-cont-bot-set { cursor: pointer;} .pricing-box-cont-bot-set:hover .pricing-box-cont-bot { background: #3aa110;} .pricing-box-cont-bot-set:hover .pricing-box-cont-bot-box { border-top: 20px solid #3aa110;} .bg-color { background: rgba(2, 110, 0, 0.8); padding: 120px 0px; } .pricing-box-cont-hed { /*background: #4ada00;*/} .pricing-box-cont-bot { background: #4ada00;} .pricing-box-cont-bot-box { border-top: 20px solid #4ada00;} .price-dark > .pricing-box-cont-hed { /*background: #3cb200;*/} /*.price-dark > .pricing-box-cont-bot { background: #c25c00;}*/ /*.price-dark > .pricing-box-cont-bot-box { border-top: 20px solid #3cb200;}*/ .pricing-box-cont-txt {} .pricing-box-cont-txt ul { list-style: none; margin: 0px; padding: 0px;} .pricing-box-cont-txt li { padding: 10px 0px; border-bottom: 1px dotted #CCC; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .pricing-box-cont-txt li:hover { background: #FFF;} .pricing-box-cont-txt li:last-child { border-bottom: 1px dotted #FFF;} .pricing-content-box { height: 420px;} .pricing-offer-box { font-size: 15px;/* background: #ff7f7f; color: #FFF;*/ padding: 10px 0px; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC;} .pricing-offer-box span { font-size: 18px; font-weight: bold;} .pricing-rate-box {} .pricing-rate-box ul { list-style: none; margin: 0px; padding: 0px;} .pricing-rate-box li { font-size: 16px; padding: 10px 0px; border-bottom: 1px dotted #CCC; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .pricing-rate-box li:hover { background: #FFF;} .pricing-rate-box li:last-child { border-bottom: 1px dotted #FFF;} .pricing-rate-box li label { font-size:14px} .pricing-rate-box li strike { color: #F00;} .pricing-box-main-section { width: 1200px; margin: 0 auto !important;} .mob-app-show { width: 100% !important; background: #2fca78; padding: 20px 0; position: fixed !important; bottom:0px; left: 0px; z-index:999999; display: none;} .mob-app-show h5 { padding: 0px 0px 0px 0px; } .mob-app-show p { font-size: 13px; color: #FFF; line-height: 18px; text-align: center; padding: 10px 0px 15px 0px;} .mob-app-show .log-signup-clo-but { position:absolute; right: 15px; top: 15px;} .user-icon-box.login-but { margin-bottom: 0px; text-align: center; transition: all 0.6s ease 0s; position:relative;} .user-icon-box .login-det-box { position: absolute; right: 0; top: 100%;} .user-icon-box .login-det-box li a { text-align: left !important;} .cancel-text { font-size: 14px; color: #ff5e6d; text-align:right;} .cancel-btn { background: #ff5e6d; border-radius: 25px; color: #fff; display: inline-block; font-size: 16px; line-height: 20px; margin-bottom: 5px; padding: 5px 15px !important;} .cancel-btn:hover { background: #F00;} .message-box{ background-color: rgba(4, 183, 107, 1); border: 1px solid #009a54; color: #fff; border-radius: 0.25rem; margin-bottom: 1rem; padding: 0.75rem 1.25rem; position: relative; } .booking-his-mob-main {} .booking-his-mob-hed {} .booking-his-mob-cont-main { padding: 10px 0px 0px 0px;} .booking-his-mob-cont { background: #FFF; padding: 10px 0px 0px 0px; border: 1px solid #c8e4a3;} .booking-his-mob-total { padding: 10px 0px 0px 0px;} .booking-his-cont-set { padding-bottom: 12px;} .booking-his-cont-left { font-size:14px; line-height: 18px;} .booking-his-cont-left span { float: right; padding-right: 15px;} .booking-his-cont-right { font-size:14px; line-height: 18px;} .booking-min-his-box .booking-his-mob-cont { border: 1px solid #a9b7d8;} .breadcrumb-main {margin: 1px 0px 30px 0px;} .breadcrumb-main ul { list-style: none; margin: 0px; padding: 0px; background: #EEEEEE;} .breadcrumb-main li { float: left; font-size: 14px; color: #555; line-height: 20px; margin: 0px; padding-left: 20px; background: url(../images/sml-arrow-left.png) no-repeat left 7px center; display: block;} .breadcrumb-main li:first-child { background: none; padding-left: 0px;} .breadcrumb-main li a { color: #4cae37; display: block; padding: 5px 20px; text-decoration: none;} .breadcrumb-main li a:hover { color: #FFF; background: #4cae37;} .breadcrumb-main li label { display: block; padding: 5px 20px; cursor: inherit;} .mob-show, .mob-hide { display: none} .pc-show { display: block;} .pc-hide { display: none} .pt-0 {padding-top:0!important} .pr-0 {padding-right:0!important} .pb-0 {padding-bottom:0!important} .pl-0 {padding-left:0!important} .ptb-0 {padding-top:0!important;padding-bottom:0!important} .plr-0 {padding-left:0!important;padding-right:0!important} .p-0 {padding:0!important} .mt-0 {margin-top:0!important} .mr-0 {margin-right:0!important} .mb-0 {margin-bottom:0!important} .ml-0 {margin-left:0!important} .mtb-0 {margin-top:0!important;margin-bottom:0!important} .mlr-0 {margin-left:0!important;margin-right:0!important} .m-0 {margin:0!important} .btn-main {} .btn-main a {font-family:'Raleway-Bold',Sans-Serif !important; font-size: 14px; line-height: 30px; color: #FFF; background: #2fca78; text-transform: uppercase; padding: 7px 40px; border-radius: 100px; display: inline-block; text-decoration: none; letter-spacing: 0.5px; margin: 0 5px 20px;} .btn-main a:hover { color:#FFF; background: #0054a6;} .btn-main a.whatsapp-icon {background: url(../images/whatsapp.png) no-repeat left 10px center / 30px #2fca78; padding: 7px 40px 7px 48px; } .btn-main a:hover.whatsapp-icon {background: url(../images/whatsapp.png) no-repeat left 10px center / 30px #0054a6; } .bg-1 {background: url(../images/bg1.png) no-repeat center center / 180px;} .bg-2 {background: url(../images/bg2.png) no-repeat center center / 180px;} .bg-3 {background: url(../images/bg3.png) no-repeat center center / 180px;} .bg-4 {background: url(../images/bg4.png) no-repeat center center / 180px;} h1.banner-text { color: #355FAC; /*-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;*/ padding-bottom: 20px; font-weight: bold; text-shadow: 0px 0px 20px #FFF; } .banner-contentbox p { padding: 10px 0px 20px; color: #333; } .banner-contentbox { background: rgba(255,255,255,0.5);} @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-show, .pc-hide { display: none} .mob-show { display: block} .mob-hide { display: none} .pc-view-only{display:none !important;} .mob-view-only{display:block !important;} .mob-menu-icon, .user-icon-box { display: block;} .show-2000 { display: none;} .show-1600 { display: block;} header .logo { width: 80px; float: left; margin-left: 0; -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;} .user-icon-box {width:50px; height: 50px; background: rgba(255, 255, 255, 0.9); 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; text-align:center; padding-top: 6px; font-size: 23px; color: #355fab;} header.smaller .logo { width: 50px; margin-left: 15px; } header.smaller .mob-menu-icon { width: 50px; height: auto; } header.smaller .user-icon-box { width: 50px; height: 50px; background: rgba(119, 193, 86, 0.5); } .menu { width: 100% !important; display: none; overflow: hidden; background: #2fca78;/* margin-top: -100px; padding-top: 100px;*/} #primary_nav_wrap{ margin-top: 20px; height: 100vh; background: #2fca78; 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; border-bottom: 1px solid #FFF; display: table;} #primary_nav_wrap li a { display:block; font-family:'PTS55F',Sans-Serif; font-size: 17px; color: #FFF !important; line-height: 21px; padding: 15px 25px; text-decoration: none; } #primary_nav_wrap li a:hover { color: #FFF !important; background: #555;} #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 li a:hover { color: #FFF; background: #00c6fe;} #primary_nav_wrap ul li ul li:first-child { border-bottom: 1px solid #364c48; } #primary_nav_wrap ul li ul li:last-child { border-top: 0px solid #131c1b; } #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;} .mob-app-show .googie img { width: 145px; float: right; margin-right:10px;} .mob-app-show .applee img { width: 145px; float: left; margin-left:10px;} } @media all and (max-width: 991px) and (min-width: 767px) { .view-only-600 { display: block;} .hide-only-600 { display: none;} header .logo { width: 80px;} .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;} #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: 50px;} .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; } */ .tnk-box { font-size: 55px; padding: 30px 0px 20px 0px;} .tnk-box-sml { font-size: 23px; padding: 0px 0px 20px 0px;} .payment-type li { margin-bottom: 15px; } .col-12.footer-n-set.p-0, .col-sm-12.footer-n-set.no-left-right-padding { padding: 0px 30px !important; text-align: center;} .col-12.footer-n-set.p-0 p, .col-sm-12.footer-n-set.no-left-right-padding p { text-align: center;} } @media all and (max-width: 414px) and (min-width: 320px) { .view-only-320 { display: block } .hide-only-320 { display: none;} .wrapper-main { overflow: hidden;} .banner-text-main { padding-top: 60%;} .banner-text-main h1 { font-size: 30px; line-height: 33px; } header.smaller .logo {width: 50px;} .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; border-radius: 0px;} .login-but a:hover { background: #555; color: #000;} #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;} .payment-type li { margin-bottom: 15px; } } @media all and (max-width: 991px) and (min-width: 320px) { .banner-text { padding-bottom: 0px;} .banner-contentbox { padding: 40% 0 10%;} .bg-1 {background: url(../images/bg1.png) no-repeat center center / 160px;} .bg-2 {background: url(../images/bg2.png) no-repeat center center / 160px;} .bg-3 {background: url(../images/bg3.png) no-repeat center center / 160px;} .bg-4 {background: url(../images/bg4.png) no-repeat center center / 160px;} .btn-main a { font-size: 13px;} .col-sm-12.btn-main { padding-left: 0px; padding-right: 0px;} .welcome-cont-main { padding-top: 30px;} header .logo { width: 130px; padding-left: 15px;} header.smaller .logo { width: 100px; } .inner-banner-wrapper .banner-contentbox { padding: 20% 0px 5% 0px; } } @media all and (max-width: 500px) and (min-width: 320px) { .covid-set { background: url(../images/covid.png) no-repeat top 20px center / 100px #eafff0; padding: 140px 30px 10px 30px;} .banner-wrapper { background: url(../images/mob-banner1.jpg) no-repeat bottom center / cover; } } /*footer*/ .col_white_amrc { color:#FFF;} footer { width:100%; background-color:#263238; min-height:250px; padding:10px 0px 25px 0px ;} .pt2 { padding-top:40px ; margin-bottom:20px ;} footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;} .mb10 { padding-bottom:15px ;} .footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; } .footer_ul_amrc li {padding:0px 0px 5px 0px;} .footer_ul_amrc li a{ color:#CCC;} .footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;} .fleft { float:left;} .padding-right { padding-right:10px; } .footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;} .footer_ul2_amrc li p { display:table; } .footer_ul2_amrc li a:hover { text-decoration:none;} .footer_ul2_amrc li i { margin-top:5px;} .bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;} .foote_bottom_ul_amrc { list-style-type:none; padding:0px; display:table; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } .foote_bottom_ul_amrc li { display:inline;} .foote_bottom_ul_amrc li a { color:#999; margin:0 12px;} .social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none; } .social_footer_ul li { padding-left:20px; padding-top:10px; float:left; } .social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;} .social_footer_ul li i { width:20px; height:20px; text-align:center;} /* Credit to https://bootsnipp.com/snippets/bxDBA */