*{-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;-webkit-transition: all .2s linear;transition: all .2s linear;}
*:focus{outline: none;}
.clearfix{zoom:1;}
.clearfix:after{display: table;content: "";clear: both;}
html{overflow-x: hidden;}
body{color: #555;background-color: #fff;font-family: "Open Sans", Arial, Helvetica, sans-serif;font-size: 120%;text-rendering: optimizeLegibility;width: 100%;overflow-x: hidden;}
section, footer {padding: 70px 0px;}
h1 {color: #00A0E3;font-size: 1.3em;margin-top: 10px;width: 130px;height: 45px;text-indent: -9999px;background: url('../img/logo/logo.png') no-repeat center;}
h2.section-title{font-size: 1.6em;color: #22578C;letter-spacing: 1px;font-weight: normal;text-align: center;margin-bottom: 70px;}
a{text-decoration: none;color: #fff;}
ul{list-style: none;}
.btn:link,.btn:visited{display: inline-block;background-color: #60DA6B;border-radius: 5px;border: 1.5px solid #cacaca;text-align: center;}
.btn:hover,.btn:active{background-color: #27ae60;}
/*   HEADER   */
.header-index {    background: -webkit-gradient(linear,left top, left bottom,from(rgba(55,55,55,0.7)),to(rgba(55,55,55,0.7)));    background: linear-gradient(rgba(55,55,55,0.7),rgba(55,55,55,0.7));height: 650px;width: 100%;}
nav {width: 100%;height: 61px;}
.main-nav{margin-top: 15px;}
.main-nav li {display: inline-block;margin-right: 15px;}
.main-nav li a:link,.main-nav li a:visited, .quest:link,.quest:visited {text-decoration: none;color: #fff;font-size: 0.8em;}
.quest{border: 1px solid #fff;padding: 10px 20px;}
.main-nav li a:hover, .main-nav li a:active{color: #408FDE;}
.quest:hover, .quest:active {border-color: #408FDE;color: #408FDE;}
.mobile-menu{display: none;color: #fff;}
/*  SCROLL  NAV  */
.scroll-nav {background-color: rgba(55,55,55,0.9);position: fixed;top: 0;left: 0;z-index: 100;}
.heading-text {margin-top: 40px;}
.heading-text h2:first-child {color: #fff;font-size: 5.1em;margin-bottom: 40px;}
.heading-text h2:nth-child(2) {font-size: 1.8em;color: #fff;}
.heading-text h2:nth-child(3) {/*margin-bottom: 40px;*/color: #fff;font-size: 1.5em;font-weight: normal;}
.myrow {margin-top: 120px;}
.u-text {color: #fff;font-size: 1em;}
.btn{font-size: 1em;padding: 10px 40px;}
.features{text-align: center;}
.icon {width: 70px;height: 70px;margin-bottom: 10px;}
.features p, .what-we-can p{padding: 2%;line-height: 1.4;}
.xs-space{display: none;}
/*  HOW IT WORKS   */
.works{background: -webkit-gradient(linear,left top, left bottom,from(rgba(55,55,55,0.8)),to(rgba(55,55,55,0.8))),url(../img/works-background.jpeg) no-repeat center;background: linear-gradient(rgba(55,55,55,0.8),rgba(55,55,55,0.8)),url(../img/works-background.jpeg) no-repeat center;background-size: cover;height: auto;color: #fff;text-align: center;}
.works .section-title,.what-we-can .section-title,.what-we-can p, .testimonials .section-title, blockquote, p cite{color: #fff;}
.works p {position: relative;}
.works p:before {position: absolute;color: #2ecc71;font-size: 5em;top:-15px;left: -70px;}
.works .first:before{content: "1";}
.works .second:before{content: "2";}
.works .third:before{content: "3";}
.works .fourth:before{content: "4";}
.works img{margin-bottom: 20px;-webkit-transform:scale(1.5);transform:scale(1.5);}
.works .second-row{margin-top: 80px;}
/* WHY TO CLEAN */
.why-clean{background-color: #f1f9fc;}
.text-time {font-weight: bold;font-size: 2.5em;color: #fff;text-align: center;text-transform: uppercase;}
.before {background-color: #E31E24;}
.after{background-color: #009846;}
.work-background{text-align: center;}
.work-background img{width:90%;height: auto;margin-top: 10%;}
.text-around {font-size: 1.2em;margin-top: 20px;}
.right .text-around{border-bottom: 2px solid #009846;text-align: right;}
.left .text-around{border-bottom: 2px solid #E31E24;}
.why-clean .btn{float: right;margin-top: 15px;}
/*   WHAT WE CAN   */
.what-we-can {background: -webkit-gradient(linear,left top, left bottom,from(rgba(55,55,55,0.8)),to(rgba(55,55,55,0.8))), url(../img/whatwecan-background.jpg) no-repeat center fixed;background: linear-gradient(rgba(55,55,55,0.8),rgba(55,55,55,0.8)), url(../img/whatwecan-background.jpg) no-repeat center fixed;background-size: cover;}
.results, .faq {background-color: #f1f9fc;}
.what-we-can {text-align: center;}
.what-we-can .first-row {margin-bottom: 40px;}
/*   Furnituring   */
.furnituring {padding-right: 0;padding-left: 0;}
/*.furnituring .row {margin-bottom: 5px;}*/
.furnituring .row .col-lg-4{padding: 1px;}
.furnituring figure{overflow: hidden;background: #000;margin: 0;}
.furnituring figure img {width: 100%; height: 250px;opacity: 0.7;}
.furnituring img{-webkit-transform: scale(1.3);transform: scale(1.3);}  
.furnituring img:hover{-webkit-transform: scale(1.06);transform: scale(1.06);opacity: 1;}  
/*  RESULTS   */
.amount span{display: block;color: #22578C;font-size: 4em;font-weight: bold;}
.results img{width: 100%;height: auto;}
/*  TESTIMONIALS  */
.testimonials {background: -webkit-gradient(linear,left top, left bottom,from(rgba(55,55,55,0.8)),to(rgba(55,55,55,0.8))),url(../img/testim-background.jpg) center;background: linear-gradient(rgba(55,55,55,0.8),rgba(55,55,55,0.8)),url(../img/testim-background.jpg) center;background-size: cover;}
.testimonials blockquote img {display: inline-block;width: 14%;margin-right: 5%;vertical-align: top;}
.testimonials p{display: inline-block;width: 80%;vertical-align: top;line-height: 1.4;text-align: justify;}
cite{display: block;font-weight: bold;color: #22578C;}
blockquote {font-size: 0.8em;margin-bottom: 20px;}
.vacuum-cleaner{width: 80%;height: auto;margin-left: 10%;}
/* FAQ */
.faq{background-color: #fff;}
.faq h4{margin-bottom: 3px; }
.faq p {line-height: 1.3;padding-bottom: 20px;}
/* FORM */
.form{background-color: #F8CF49;color: #000;}
.form .section-title{color: #000;font-weight: bold;margin-bottom: 10px;}
.form p {margin-bottom: 50px;text-align: center;}
.form label {display: block;margin-bottom: 3px;font-size: 1.2em;}
.form input, .black {padding: 7px;width: 100%;border-radius: 5px;border: none;font-size: 1em;}
.star {color: #ff0000;}
.black{margin-top: 30px; background-color: #000;color: #fff;}
.black:hover,.black:active{color: #000;background: #fff;}
.form-messages{width: 74%;margin: 0 auto;padding: 10px;border-radius: 3px;color: #fff;margin-bottom: 40px;text-align: center;}
.success{background-color: #00A0E3;}
.error{background-color: #c22c2c;}
/*  FOOTER  */
footer{background-color: #333;color: #fff;position: relative;}
footer p{font-size: 1.2em;line-height: 1.7;letter-spacing: 1px;}
footer .btn:link, footer .btn:visited{padding: 10px 15px;font-size: 1.1em;margin-top: 15px;}
.footer-nav{margin-top: 20px;}
.footer-nav li{margin-bottom: 5px;}
.footer-nav li a:link, .footer-nav li a:visited{font-size: 0.7em;}
.footer-nav li a:hover, .footer-nav li a:active{color: #408FDE;}
footer .to-nav:link,footer .to-nav:visited {position: absolute;bottom: 15px;right: 15px;opacity: 0.3;}
footer .to-nav:hover, footer .to-nav:active{opacity: 1;}
/*   ANOTHER PAGE:  ORDER   */
.header-order .center-link{text-align: center;}
.second-nav{background-color: #333;}
.back-to-index:link,.back-to-index:visited{font-size: 0.7em;margin-top: 23px;display: inline-block;}
.back-to-index:hover,.back-to-index:active{color: #408FDE;}
.choice img{width:120px;height: 120px;display: block;margin: auto;}
.choice img:hover, .choice img:active{-webkit-transform: scale(1.2);transform: scale(1.2);cursor: pointer;}
.choice{text-align: center;}
.choice .relative{position: relative;}
.choice .price{position: absolute;width:122px;height: 122px;background: rgba(55,55,55,0.7);border-radius: 50%;z-index: 100;top: 0px;left: 134px;}
.choice p{color: #22578C;text-transform: uppercase;margin-top:20px;}
.input-number-wrapper {margin: 10px auto;display: -webkit-box;display: -ms-flexbox;display: flex;width:148px;}
.input-number-wrapper input, .input-number-wrapper button {border: 1px solid #b3c1c9;outline: none;font-family: 'Roboto', sans-serif;}
.input-number-wrapper input {padding: 7px;width:100px;text-align: center;}
.input-number-wrapper button {background-color: #becdd8;color: #465158;font-size: 8px;padding: 0px 8px;}
.input-number-wrapper button:hover, .input-number-wrapper button:active, .input-number-wrapper button:focus {outline: none;}
.input-number-wrapper button:hover {background-color: #cad6df;cursor: pointer;}
.input-number-wrapper button:active {padding: 0px 8px;background-color: #d1e0ec;}
.input-number-wrapper button.decrease {border-radius: 3px 0px 0px 3px;border-right: 0px;}
.input-number-wrapper button.increase {border-radius: 0px 3px 3px 0px;border-left: 0px;}
.margin-top-20{margin-top:40px;}
p.price-item{padding:0;margin-top:0;margin-bottom:0;min-height: unset;}
#sticky-footer {background: rgba(51, 51, 51, 1);width: 100%;height: 60px;color: #fff;position: fixed;bottom:-100px;-webkit-animation: ease-in 0.3s;animation: ease-in 0.3s;}
#sticky-footer.active {bottom:-2px; -webkit-animation: ease-in 0.3s; animation: ease-in 0.3s;}
[data-sum]:after{content: "грн";display: inline;padding-left: 5px;}
.price-text{font-size: 22px;color:#fff;}
.sticky-close{color: #fff;font-size: 22px;cursor: pointer;}
#sticky-footer .container{margin-top: 20px;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.sticky-order{padding: 5px 14px;font-size: 15px;}
.order-form-title{margin: 20px 0;}
.white.submit-button{background-color: #2ECC71;color: #fff;border-radius: 5px;border: 1px solid #fff;padding: 7px 15px;}
.submit-wrapper{width: 380px;margin: 10px auto;}
#order-form label{width: 119px;display: inline-block;}
.popup-overlay{position: fixed;z-index: 999;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.6);display: none;}
.popup-overlay.active{display: block;}
.thanks-popup{width: 320px;height: 120px;position: absolute;left: calc(50% - 160px);top: -100%;background-color: #fff;z-index: 1000;
    border: 1px solid #bcbcbc;border-radius: 5px;-webkit-animation: ease-in 0.5s;animation: ease-in 0.5s;}
.active .thanks-popup{top: calc(50% - 60px);-webkit-animation: ease-in 0.5s;animation: ease-in 0.5s;}
.popup-title{text-align: right;padding: 10px;color: #2ECC71;cursor: pointer;}
.popup-body{font-size: 22px;padding: 10px 20px;text-align: justify;}
#order-form input{padding: 5px;border-radius: 5px;border: 1px solid #bcbcbc;}
#order-form input.error{border: 1px solid red;}