@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/proxima_nova_bold.otf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('../fonts/proxima_nova_regular.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('../fonts/proxima_nova_light.otf');
    font-weight: 100;
    font-style: normal;
}

html {
}

body {
    margin: 0;
    font-family: 'Proxima Nova Regular';
    background-image: url('../images/bg.png');
    background-repeat: repeat;
    color: #47413a;
    width: 100%;
    min-width: 640px;
    font-size: 24px;
}

a {
    color: #47413a;
}

strong {
    font-family: "ProximaNovaBold", sans-serif;
}

.mainSpace, .headSpace {
    width: 640px;
    margin: auto;
}

.menuSpace {
    position: relative;
    padding-bottom: 10px;
}
.menuSpace > a.menu_messanger {
    display: inline-block;
    position: relative;
    margin: 0 25px;
}

.menuSpace > a.menu_messanger.telegram {
    top: -10px;
}

.menuSpace > a.menu_messanger.whatsapp {
    top: -6px;
}


.menuSpace > a.logo {
    background-image: url(../images_mobile/logo.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    width: 179px;
    height: 73px;
    margin: 20px 10px 0px 10px;
}

.menuSpace > a.phone {
    background-image: url(../images_mobile/callTo.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    width: 69px;
    height: 73px;
    position: absolute;
    left: 440px;
    top: 20px;
    font-size: 0;
}

.menuSpace > a.sandwich {
    display: block;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 44px;
    height: 37px;
}

.menuSpace > a.sandwich > div {
    background-color: #47413a;
    height: 4px;
    margin-bottom: 8px;
}

.menuSpace > a.sandwich > div:last-child {
    height: 5px;
    margin-bottom: 0;
}

div.popUpSpace {
    display: none;
    z-index: 2000;
    overflow: auto;
    width: 640px;
    margin: auto;
    z-index: 100;
}

.mainSpace.popUpEnabled {
    display: none;
}

div.popUpSpace.enabled {
    display: block;
}

div.popUp {
    background-color: #FFF;
}

div.popUp ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.popUp ul li {
    border-bottom: solid 1px #d0d2d3;
    line-height: 100px;
    height: 100px;
    vertical-align: middle;
}

div.popUp ul li.personal {
    background: #eeece7 url(../images/menuicons/1_personal_2.png) no-repeat scroll 55px 20px;
    background-size: 55px;
}

div.popUp ul li.calculate {
    background: transparent url(../images/menuicons/2_calculate_2.png) no-repeat scroll 55px 20px;
    background-size: 50px;
}

div.popUp ul li.service {
    background: transparent url(../images/menuicons/3_service_2.png) no-repeat scroll 60px 20px;
    background-size: 44px;
}

div.popUp ul li.faq {
    background: transparent url(../images/menuicons/4_advice_2.png) no-repeat scroll 55px 30px;
    background-size: 60px;
}

div.popUp ul li.about {
    background: transparent url(../images/menuicons/5_about_2.png) no-repeat scroll 60px 20px;
    background-size: 50px;
}

div.popUp ul li.him {
    background: transparent url(../images/menuicons/3_service_2.png) no-repeat scroll 60px 20px;
    background-size: 48px;
}

div.popUp ul li.user {
    background: #eeece7 url("../images/menuicons/1_personal_2_active.png") no-repeat scroll 45px 17px;
    background-size: 55px;
    padding-left: 160px;
    font-family: "Proxima Nova Bold";
}

div.popUp ul li.newOrder {
    background: #eeece7 url("../images_mobile/menuNewOrder.png") no-repeat scroll 44px 17px;
}

div.popUp ul li.orders {
    background: #eeece7 url("../images_mobile/menuOrders.png") no-repeat scroll 44px 17px;
}

div.popUp ul li.payment {
    background: #eeece7 url("../images_mobile/menuPayment.png") no-repeat scroll 44px 17px;
}

div.popUp ul li.bonus {
    background: #eeece7 url("../images_mobile/menuFree.png") no-repeat scroll 44px 17px;
}

div.popUp ul li.info {
    background: #eeece7 url("../images_mobile/menuInfo.png") no-repeat scroll 44px 17px;
}

div.popUp ul li.logout {
    background: #eeece7 url("../images_mobile/menuLogout.png") no-repeat scroll 44px 17px;
}

div.popUp ul li.cleaners {
    background: #eeece7 url("../images_mobile/menuCleaners.png") no-repeat scroll 44px 17px;
}

div.popUp ul li.housemap {
    background: #eeece7 url("../images_mobile/menuHousemap.png") no-repeat scroll 44px 17px;
}

div.popUp ul li a {
    background: rgba(0, 0, 0, 0) url("../images_mobile/sericeBullet.png") no-repeat scroll 570px 40px;
    color: #47413a;
    display: block;
    font-size: 28px;
    padding-left: 160px;
    text-decoration: none;
}

div.popUp a.orderBtn {
    background-color: #43b2aa;
    color: #fff;
    display: block;
    font-family: "Proxima Nova Bold";
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin: 50px auto auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 380px;
}

div.popUp .infoPopUp {
    padding: 50px 70px;
    font-size: 24px;
    text-align: center;
}

div.popUp .infoPopUp p {
    margin-bottom: 60px;
}

div.popUp .infoPopUp p.phone {
    font-size: 36px;
    font-family: "Proxima Nova Bold";
    margin-top: 0;
}

div.popUp .infoPopUp p.phone a {
}

div.popUp .infoPopUp p:last-child {
    margin-bottom: 30px;
}

.intro {
    background-repeat: no-repeat;
    background-size: cover;
    height: 520px;
}

.intro > div {
    background-image: url('../images_mobile/introBg.png');
    height: 520px;
}

.intro > div > p {
    color: #fff;
    font-size: 30px;
    text-align: center;
}

.intro > div > p.title {
    font-family: 'Proxima Nova Bold';
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding-top: 50px;
    line-height: 60px;
}

.intro > div > a {
    background-color: #43b2aa;
    color: #fff;
    display: block;
    font-family: "Proxima Nova Bold";
    font-size: 28px;
    height: 40px;
    line-height: 40px;
    margin: 50px auto auto;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 330px;
}

ul.service {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 350px 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 60px;
}

ul.service li {
    background-color: #eeece7;
    line-height: 80px;
    border-top: solid 1px #d0d2d3;
}

ul.service li:last-child {
    border-bottom: solid 1px #d0d2d3;
}

.service li a {
    text-decoration: none;
    color: #47413a;
    display: block;
    font-size: 28px;
    padding: 0 40px;
    background-image: url(../images_mobile/sericeBullet.png);
    background-position: 600px center;
    background-repeat: no-repeat;
}

.service.flat {
    background-image: url(../images_mobile/service1.png);
}

.service.office {
    background-image: url(../images_mobile/service2.png);
}

.service.cottage {
    background-image: url(../images_mobile/service3.png);
}

.uzorHr {
    background-image: url("../images/uzorBottom.png");
    background-position: center center;
    height: 30px;
    margin-top: 80px;
}

.article {
    margin-top: 50px;
    background-color: #eeece7;
    padding: 20px;
}

.article.about {
    margin-top: 0;
    padding-bottom: 40px;
    line-height: 40px;
    font-size: 24px;
    padding-left: 50px;
    padding-right: 50px;
}

.article.about a.submit {
    /*height: 40px;*/
    width: 300px;
}

.article.about img {
    display: none;
}

.article h2, .article h1 {
    text-align: center;
    font-size: 36px;
    font-family: 'Proxima Nova Bold';
}

.article h2 a {
    display: block;
}

.article > p, .article > div {
    margin: 30px;
}

.article > p.center {
    text-align: center;
}

.article.about a.more {
    font-size: 24px;
    display: block;
    text-align: center;
    height: 60px;
    text-decoration: none;
    color: #47413a;
    margin-top: 50px;
    background-image: url(../images_mobile/moreBgBtn.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.optionsSpace {
}

.optionsSpace h4 {
    text-align: center;
    font-size: 36px;
    font-family: 'Proxima Nova Bold';
    margin-bottom: 20px;
}

.optionsSpace ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
    width: 520px;

}

.optionsSpace ul li {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #d0d2d3;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 40px;
    padding-left: 170px;
    padding-top: 30px;
    color: #47413a;
}

.optionsSpace ul li strong {
    color: #000;
    display: block;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 10px;
}

.optionsSpace ul li.option1 {
    background-image: url("../images_mobile/preferences1.png");
}

.optionsSpace ul li.option2 {
    background-image: url("../images_mobile/preferences2.png");
}

.optionsSpace ul li.option3 {
    background-image: url("../images_mobile/preferences3.png");
    padding-bottom: 80px;
}

.optionsSpace ul li.option4 {
    background-image: url("../images_mobile/preferences4.png");
    background-position: left 40px;
}

.optionsSpace ul li.option5 {
    background-image: url("../images_mobile/preferences5.png");
    background-position: left 30px;
    border: 0;
}

.contactsSpace {
    background-color: #47413a;
    font-size: 26px;
    color: #FFF;
    padding: 40px 50px;
    line-height: 40px;
}

.contactsSpace strong {
    font-family: 'Proxima Nova Bold';
}

.contactsSpace a {
    color: #FFF;
}

.socialBottom {
    margin: 0;
    padding: 0;
    font-size: 0;
    background-color: #eeece7;
}

.socialBottom li {
    border-bottom: 1px solid #d0d2d3;
    width: 319px;
    height: 190px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

.socialBottom li.fb {
    background-image: url(../images_mobile/facebook.png);
    border-right: 1px solid #d0d2d3;
}

.socialBottom li.ig {
    background-image: url(../images_mobile/instagramm.png);
}

.socialBottom li.vk {
    background-image: url(../images_mobile/vkontakte.png);
    border-right: 1px solid #d0d2d3;
    border-bottom: 0;
}

.socialBottom li.tw {
    background-image: url(../images_mobile/twitter.png);
    border-bottom: 0;
}

.socialBottom li > a {
    display: block;
    height: 100%;
}

.cardSpace {
    background-color: #47413a;
    background-image: url("../images_mobile/cardBg.png");
    background-position: 400px 30px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 24px;
    padding: 50px 0 45px 60px;
}

.backButton {
    color: #fff;
    display: block;
    background: #43b2aa url(../images_mobile/backBtnBg.png) no-repeat 30px center;
    font-size: 28px;
    height: 100px;
    line-height: 100px;
    padding-left: 80px;
    text-decoration: none;
    width: 560px;
}

h2.faq {
    height: 200px;
    background: transparent url(../images_mobile/faqTitle2.png) no-repeat center center;
    text-indent: -1000px;
}

h2.bonus {
    height: 200px;
    background: transparent url(../images_mobile/bonusTitle2.png) no-repeat center center;
    text-indent: -1000px;
}

.subTitle, .forgetPassword {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    padding: 10px 0;
}

.subTitle a {
    text-decoration: none;
    color: #43b2aa;
}

a.subTitle, a.forgetPassword {
    text-decoration: none;
    color: #43b2aa;
}

a.forgetPassword {
    /*margin-top:-40px;*/
    margin-bottom: 20px;
}

.agreement {
    width: 550px;
    margin: 30px auto;
    line-height: 40px;
}

.agreement a {
    color: #43b2aa;
    text-decoration: none;
}

ul.faqList {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 60px;
    margin-bottom: 40px;
}

ul.faqList li {
    background-color: #eeece7;
    border-top: solid 1px #d0d2d3;
}

ul.faqList li:last-child {
    border-bottom: 0;
}

.faqList li a {
    text-decoration: none;
    color: #47413a;
    display: block;
    font-size: 18px;
    padding: 30px 50px;
    background-image: url(../images_mobile/sericeBullet.png);
    background-position: 600px center;
    background-repeat: no-repeat;
}

div.info {
    background: #43b2aa url("../images_mobile/infoBg.png") no-repeat scroll 20px center;
    border-radius: 20px;
    color: #fff;
    font-size: 24px;
    padding: 30px 30px 30px 150px;
    width: 370px;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 50px;
}

h1.contacts {
    background: #eeece7 url("../images_mobile/contactsTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
    width: 100%;
}

h1.calculate {
    background: #eeece7 url("../images_mobile/calculateTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1.newOrder {
    background: #eeece7 url("../images_mobile/newOrderTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1.ordersList {
    background: #eeece7 url("../images_mobile/ordersTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1.housemap {
    background: #eeece7 url("../images_mobile/housemapTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1.payment {
    background: #eeece7 url("../images_mobile/paymentTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1.info {
    background: #eeece7 url("../images_mobile/infoTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1.service {
    background: #eeece7 url("../images_mobile/serviceTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin: 0;
}

h1.faq {
    background: #eeece7 url("../images_mobile/faqTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h2.payment {
    background: transparent url("../images_mobile/paymentMethodTitle.png") no-repeat scroll center center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-indent: -1000px;
}

h2.addPayment {
    background: transparent url("../images_mobile/addCardTitle.png") no-repeat scroll center center;
    height: 120px;
    line-height: 100px;
    padding: 0 120px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-indent: -1000px;
}

h1.cleaners {
    background: #eeece7 url("../images_mobile/cleanersTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 120px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1.bonus {
    background: #eeece7 url("../images_mobile/bonusTitle.png") no-repeat scroll 30px center;
    height: 100px;
    line-height: 100px;
    padding: 0 140px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
    margin-top: 0;
}

h1, h2 {
    padding: 0 50px;
    margin-top: 60px;
    font-family: 'Proxima Nova Bold';
    font-size: 36px;
}

h3 {
    padding: 0 30px;
}

.article.plain {
    background-color: transparent;
    padding: 0 20px;
    margin-top: 0;
}

.article.plain p {
    line-height: 40px;
}

.article.plain p a {
    color: #43b2aa;
    text-decoration: none;
}

.additionalOffice {
    width: 550px;
    margin: 50px auto;
}

.additionalOffice ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.additionalOffice ul li {
    background: transparent url(../images_mobile/contactsBullet.png) no-repeat left top;
    padding-left: 60px;
    line-height: 40px;
    font-size: 24px;
    margin-top: 20px;
}

.additionalOffice ul li strong {
    font-weight: normal;
    display: block;
}

.moreSpace {
    display: none;
}

.formGroup {
    width: 550px;
    margin: 40px auto;
    font-size: 24px;
}

.formGroup > div {
    display: inline-block;
    vertical-align: middle;
}

.formGroup > label {
    display: inline-block;
    width: 297px;
    vertical-align: middle;
    padding: 20px 20px 20px 0;
}

.radioGroup .formGroup {
    margin: 20px 40px;
}

.formGroup.reverse label {

}

.formGroup.reverse label a {
    color: #43b2aa;
    text-decoration: none;
}

.formGroup label.big {
    display: block;
    margin: 20px 0;
}

.formGroup label.medium {
    width: 446px;
}

.formGroup span.error {
    color: #FF0000;
    margin-top: -20px;
    display: block;
}

.calculateSpace h3 {
    width: 550px;
    font-size: 24px;
    margin: 80px auto;
}

.calculateSpace h4 {
    font-size: 24px;
    margin: 80px auto 30px;
    width: 550px;
}

.calculateSpace h4 em {
    color: #43b2aa;
    font-weight: normal;
    font-style: normal;
}

.calculateSpace .miniFaq h4 {
    width: auto;
}

.totalSpace {
    padding: 24px 0;
    margin-bottom: 50px;
    background: transparent url(../images_mobile/totalSpaceBg.png) repeat-x left bottom;
}

.totalSpace > div {
    background-color: #FFF;
    padding: 10px 50px;
}

.totalSpace .additional span {
    font-family: 'Proxima Nova Bold';
    margin-bottom: 10px;
    display: block;
}

.totalSpace .additional span.datetime {
    border-top: dotted 2px #e6e7e8;
    padding: 20px 0 0;
    font-family: 'Proxima Nova Regular';
    font-size: 22px;
    margin-top: 20px;
}

.totalSpace .additional span.datetime:first-child {
    border: 0;
    margin-top: 0px;
    padding: 0;
}

.totalSpace .additional span.datetime em {
    display: inline-block;
    width: 200px;
    font-style: normal;
}

.totalSpace .additional span.datetime em:first-child {
    width: 140px;
}

.totalSpace .additional p {
    margin: 10px 0;
}

.totalSpace > div > div:last-child {
    border-top: dotted 2px #716659;
    margin-top: 50px;
    font-family: 'Proxima Nova Bold';
}

.totalSpace > div > div:last-child > p {
    vertical-align: middle;
    display: inline-block;
    width: 107px;
}

.totalSpace > div > div:last-child > p.total {
    text-align: right;
    width: 426px;
}

.totalSpace > div > div:last-child > p.total span {
    font-family: 'Proxima Nova Regular';
    text-decoration: line-through;
    display: inline-block;
    margin: 0 20px;
    color: #716659;
}

.submit {
    background-color: #43b2aa;
    border: 0 none;
    color: #fff;
    display: block;
    font-family: "Proxima Nova Bold";
    font-size: 28px;
    height: 65px;
    line-height: 40px;
    margin: 60px auto;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 539px;
    box-sizing: border-box;
}

button.submit[disabled="disabled"] {
    background-color: #e6e7e8;
}

.calculateSpace .submit {
    width: 330px;
    text-transform: uppercase;
    cursor: pointer;
}

ul.miniFaq {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 60px;
    margin-bottom: 40px;
}

.miniFaq > li > h4 {
    background-color: #eeece7;
    border-top: solid 1px #d0d2d3;
    text-decoration: none;
    color: #47413a;
    display: block;
    font-size: 18px;
    padding: 30px 50px;
    margin: 0;
    background-image: url(../images_mobile/upBtnBg.png);
    background-position: 570px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

ul.miniFaq > li:last-child > h4 {
    border-bottom: 0;
}

.miniFaq > li > h4 a {
    color: #47413a;
    display: block;
    text-decoration: none;
}

.miniFaq > li > div > h2 {
    padding-left: 0;
}

ul.miniFaq > li > div {
    width: 550px;
    display: none;
    margin: auto;
    line-height: 40px;
}

ul.miniFaq > li.expanded > h4 {
    background-image: url(../images_mobile/downBtnBg.png);
}

ul.miniFaq > li.expanded > div {
    display: block;
}

.calculateInfoSpace {
    margin: auto;
    line-height: 40px;
}

.calculateInfoSpace h1 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}

.calculateInfoSpace ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.calculateInfoSpace ul > li {
}

.calculateInfoSpace ul > li > h2 {
    background-color: #eeece7;
    border-top: solid 1px #d0d2d3;
    text-decoration: none;
    color: #47413a;
    display: block;
    font-size: 18px;
    padding: 20px 50px;
    margin: 0;
    background-image: url(../images_mobile/upBtnBg.png);
    background-position: 570px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.calculateInfoSpace ul > li.expanded > h2 {
    background-image: url(../images_mobile/downBtnBg.png);
}

.calculateInfoSpace ul > li > div {
    width: 550px;
    margin: auto;
    display: none;
}

.calculateInfoSpace ul > li > div strong {
    display: block;
}

.calculateInfoSpace ul > li > div h2 {
    font-size: 24px;
    text-align: center;
}

.login {
    background: #eeece7 url("../images_mobile/loginTitle.png") no-repeat scroll center center;
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    height: 100px;
    line-height: 100px;
    margin-top: 0;
    padding: 10px 120px;
    text-indent: -1000px;
}

.register {
    background: #eeece7 url("../images_mobile/registerTitle.png") no-repeat scroll center center;
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    height: 100px;
    line-height: 100px;
    margin-top: 0;
    padding: 10px 120px;
    text-indent: -1000px;
}

.socialBar {

}

.socialBar a {
    background-color: #eeece7;
    background-position: 20px center;
    background-repeat: no-repeat;
    border-top: 1px solid #d0d2d3;
    color: #47413a;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin: 0;
    padding: 30px 120px;
    text-decoration: none;
}

.socialBar a.fb {
    background-position: 30px center;
    background-image: url("../images_mobile/facebookAuth.png");
}

.socialBar a.vk {
    background-image: url("../images_mobile/vkAuth.png");
}

.socialBar a:last-child {
    border-bottom: 1px solid #d0d2d3;
}

.noOrders {
    margin: 40px;
    border: solid #d0d2d3 1px;
    background-color: #FFF;
    padding: 40px 40px 0;
}

.noOrders.favoriteList {
    background: transparent url(../images_mobile/favoriteList.png) no-repeat center 40px;
    padding-top: 150px;
}

.noOrders.blackList {
    background: transparent url(../images_mobile/blackList.png) no-repeat center 40px;
    padding-top: 150px;
}

.noOrders.blackList h3 {
    color: #f0645f;
}

.multitabsSpace .noOrders {
    margin: 0;
    border: 0;
}

.noOrders h3 {
    text-align: center;
    color: #43b2aa;
    font-family: "Proxima Nova Bold";
    margin-top: 20px;
}

.noOrders p {
    line-height: 40px;
    text-align: center;
}

.noOrders .submit {
    width: 300px;
    height: 69px;
}

.formGroup.sqr {
    display: none;
}

.multitabs {
    margin: 40px;
    background-color: #FFF;
    border: solid #d0d2d3 1px;
}

.multitabsMenu .swiper-slide.swiper-slide-active {
    border-right: solid #d0d2d3 1px;
}

.multitabsMenu .swiper-slide a {
    text-align: center;
    display: block;
    padding: 20px;
    text-decoration: none;
}

.multitabsMenu .swiper-slide a.active {
    background-color: #43b2aa;
    color: #FFF;
}

.multitabsMenu .swiper-button-disabled {
    display: none;
}

.multitabs .multitabsMenu {
    position: relative;
    border-bottom: solid #d0d2d3 1px;
}

.multitabs .multitabsMenu .arrow {
    border: solid #d0d2d3 1px;
    background-color: #FFF;
    position: absolute;
    width: 39px;
    height: 71px;
    top: -1px;
    display: none;
}

.multitabs .multitabsMenu .arrow.left {
    left: -41px;
    background: #FFF url(../images_mobile/multiMenuLeft.png) no-repeat center center;
}

.multitabs .multitabsMenu .arrow.right {
    right: -41px;
    background: #FFF url(../images_mobile/multiMenuRight.png) no-repeat center center;
}

.multitabs .orderItem {
    padding: 30px 0;
    border-top: dotted 2px #eeece7;
}

.multitabs .orderItem:first-child {
    border-top: 0;
}

.multitabs .orderItem:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.multitabs .orderItem p {
    margin: 0 40px;
    line-height: 40px;
}

.multitabs .orderItem > span {
    color: #929497;
    padding: 0 40px;
}

.multitabs .cleaner {
    height: 79px;
    line-height: 81px;
    overflow: hidden;
    vertical-align: middle;
    margin: 20px 40px;
}

.multitabsSpace > .cleaner {
    margin-top: 40px;
}

.multitabsSpace .cleanerMenu {
    padding: 30px 40px;
    border-bottom: dotted 2px #929497;
}

.multitabsSpace .cleanerMenu:last-child {
    border-bottom: 0;
}

.multitabsSpace .cleanerMenu a {
    display: inline-block;
    margin: 0 10px;
    color: #43b2aa;
    font-family: "Proxima Nova Bold";
    text-decoration: none;
}

.multitabsSpace .cleanerMenu a.blackList {
    color: #000;
}

.multitabs .orderItem > .cleaner {
    font-family: "Proxima Nova Bold";
}

.multitabs .cleaner .img {
    border-radius: 40px;
    float: left;
    height: 78px;
    margin-right: 20px;
    overflow: hidden;
    width: 78px;
}

.multitabs .cleaner span {
    float: left;
    display: block;
    margin-right: 10px;
}

.multitabs .cleaner .img img {
    width: 78px;
}

.multitabs .orderItem .price {
    background-color: #eeece7;
    padding: 30px 40px;
    margin-top: 20px;
    font-size: 0;
    width: auto;
    margin-bottom: 0;
}

.multitabs .orderItem .price span {
    display: inline-block;
    width: 100px;
    font-size: 22px;
}

.multitabs .orderItem .price strong {
    font-family: "Proxima Nova Bold";
    text-align: right;
    display: inline-block;
    width: 378px;
    font-size: 22px;
}

.multitabs .multitabsSpace {
    display: none;
}

.multitabs .multitabsSpace.active {
    display: block;
}

.cardList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}

.cardList li:first-child {
    border-top: solid 1px #c6b5a7;
}

.cardList li {
    background-color: #f1f1f2;
    border-bottom: solid 1px #c6b5a7;
    overflow: hidden;
    padding: 20px 0;
}

.cardList li div.img {
    float: left;
    margin: 10px 30px 10px 20px;
    width: 70px;
}

.cardList li span, .cardList li a {
    color: #43b2aa;
    display: inline-block;
    margin-left: 170px;
    text-decoration: none;
}

.cardList li.addCard {
    background-color: #FFF;
    text-align: center;
}

.cardList li.addCard a {
    background-color: #43b2aa;
    border: 0 none;
    color: #fff;
    display: block;
    font-family: "Proxima Nova Bold";
    font-size: 28px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 350px;
}

.paymentAddContainer {
    height: 800px;
    margin: auto;
    width: 100%;
}

.paymentAddContainer iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: auto;
}

form h3 {
    margin-left: 20px;
}

p.error {
    color: #f0645f;
    margin: 40px;
}

.discountSpace {
    background-color: #FFF;
    border: solid 1px #c6b5a7;
    padding: 30px 40px;
    padding-right: 160px;
    line-height: 40px;
    margin: 40px;
}

.discountSpace span {
    color: #43b2aa;
}

.timetable {
    margin: 0 40px;
}

.timetable .timetableRow .title {
    border-top: solid 1px #c6b5a7;
    border-bottom: solid 1px #c6b5a7;
    padding: 40px;
    background-color: #FFF;
    text-align: center;
    font-family: "Proxima Nova Bold";
}

.timetable .timetableRow .additional {
    border-top: solid 1px #c6b5a7;
    border-bottom: solid 1px #c6b5a7;
    padding: 40px;
    cursor: pointer;
    background: #FFF url(../images_mobile/plus.png) no-repeat 480px center;
}

.timetable .timetableRow.expanded .additional {
    background: transparent url(../images_mobile/minus.png) no-repeat 480px center;
    border-bottom: solid 1px #c6b5a7;
}

.timetable .timetableRow:last-child .additional {
    border-bottom: solid 1px #c6b5a7;
}

.timetable .timetableRow {
    margin-bottom: 30px;
    background-color: #eeece7;
}

.timetable .timetableRow .formGroup {
    display: none;
}

.timetable .timetableRow.expanded .formGroup {
    display: block;
}

.timetable .timetableRow .formGroup > label {
    width: 180px;
    margin-left: 40px;
}

.timetable .timetableRow .formGroup label.medium {
    width: 360px;
}

.timetable .timetableRow .row {
    margin: 40px;
}

.timetable .timetableRow .row .textinput {
    width: 430px;
}

input[type="date"], input[type="time"] {
    -webkit-appearance: none;
}

.addAddress {
    display: block;
    margin: auto;
    text-align: center;
}

.goOrder {
    text-decoration: none;
}

.mainVersion {
    display: block;
    text-align: center;
    padding: 20px;
    text-decoration: none;
}

span.promoCode {
    background-color: #FFF;
    border: 1px solid #eeece7;
    display: block;
    font-family: "Proxima Nova Regular";
    font-size: 36px;
    line-height: 40px;
    margin: 60px auto;
    padding: 20px 30px;
    text-align: center;
    width: 400px;
}

.bonusSpace {
    margin: 50px 40px;
}

.bonusSpace div#shareSpace {
    text-align: center;
}

.bonusSpace div#shareSpace .ya-share2__icon {
    width: 50px;
    height: 50px;
}

.bonusSpace div#shareSpace li:last-child {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.bonusSpace div#shareSpace li {
    margin: 0 20px;
}

.bonusSpace li.ya-share2__item_service_twitter a {
    background-image: url(../images_mobile/tw.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bonusSpace li.ya-share2__item_service_facebook a {
    background-image: url(../images_mobile/fb.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bonusSpace li.ya-share2__item_service_vkontakte a {
    background-image: url(../images_mobile/vk.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bonusSpace div#shareSpace li a .ya-share2__icon {
    background-image: none;
}

.bonusSpace div#shareSpace li:last-child a {
    display: block;
    height: 100%;
    background: transparent url(../images_mobile/email.png) no-repeat center center;
}

.bonusSpace h5 {
    text-align: center;
    font-size: 36px;
    margin: 40px 0;
}

.bonusSpace strong {
    font-family: "Proxima Nova Bold";
    text-align: center;
    font-size: 36px;
    text-align: center;
    display: block;
    margin-bottom: 40px;
}

.bonusSpace p {
    text-align: center;
}

.bonusSpace .ya-share2__item_service_twitter .ya-share2__badge {
    background-color: transparent;
}

.bonusSpace .ya-share2__item_service_twitter .ya-share2__icon {
    background: transparent url(../images_mobile/tw.png) no-repeat center center;
}

.bonusSpace .ya-share2__item_service_facebook .ya-share2__badge {
    background-color: transparent;
}

.bonusSpace .ya-share2__item_service_facebook .ya-share2__icon {
    background: transparent url(../images_mobile/fb.png) no-repeat center center;
}

.bonusSpace .ya-share2__item_service_vkontakte .ya-share2__badge {
    background-color: transparent;
}

.bonusSpace .ya-share2__item_service_vkontakte .ya-share2__icon {
    background: transparent url(../images_mobile/vk.png) no-repeat center center;
    width: 57px !important;
}

.landingPromo {
    background-color: #42b2aa;
    text-align: center;
    padding: 20px 0;
    color: #FFF;
    margin-bottom: 30px;
    font-size: 20px;
}

.landingPromo a {
    color: #FFF;
}

.textinput.error {
    color: #f0645f;
}

.vacancyselect__wrapper::before {
    background-image: url("../images/job-request-form--arrow.svg");
    content: "";
    height: 6px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 26px;
    width: 10px;
}

.vacancyselect {
    position: relative;
}

.vacancyselect__select {
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
    color: #222222;
    font-family: "Museo Sans", Helvetica, Arial, sans-serif;
    font-size: 18px;
    height: 56px;
    line-height: 28px;
    outline: medium none;
    padding: 0 30px 0 15px;
    margin-bottom: 30px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

div.row p.personalAgreement {
    font-size: 14px;
    text-align: center;
}

div.row p.personalAgreement a {
    color: #43b2aa;
    text-decoration: none;
}

.calculateSpace .textarea {
    display: block;
    font-size: 22px;
    margin: 30px auto;
    padding: 20px;
    width: 498px;
    resize: none;
}

.calculateSpace .textarea::-webkit-input-placeholder {
    color: #716659;
    font-style: italic
}

.calculateSpace .textarea::-moz-placeholder {
    color: #716659;
    font-style: italic
}

/* Firefox 19+ */
.calculateSpace .textarea:-moz-placeholder {
    color: #716659;
    font-style: italic
}

/* Firefox 18- */
.calculateSpace .textarea:-ms-input-placeholder {
    color: #716659;
    font-style: italic
}

.messangerSpace {
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    width: 500px;
}

.messangerSpace h3 {
    margin-top: 40px;
    width: auto;
    margin-bottom: 10px;
}

.messangerSpace a {
    display: inline-block;
    padding: 10px 0;
    margin: 20px;
}

.contactsSpace {
    text-align: center;
}

.contactsSpace .messanger h3 {
    text-align: center;
}

.contactsSpace .messanger a {
    display: inline-block;
    margin: 20px;
    text-align: center;
}

.presentSpace {
    font-size: 14px;
    position: relative;
    display: none;
}

.presentSpace h3 {
    font-size: 36px;
    margin: 10px 0;
    text-align: center;
    margin-bottom: 40px;
}

.presentSpace p {
    font-size: 14px;
    text-align: center;
}

.presentSpace p.last {
    font-weight: bold;
    margin-top: 0;
    font-size: 24px;
}

.presentSpace ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.presentSpace ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    text-align: left;
    vertical-align: top;
    background: #43b2aa;
}

.presentSpace ul li > span:first-child {
    display: block;
    width: calc(100% - 40px);
    height: 290px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-size: cover;
    background-position: center bottom;
    background-image: url(/web/images/calcTotalBg.png);
    margin: 20px 20px 0 20px;
}

.presentSpace ul li.discount > span > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 233px;
    background-color: white;
    /*background: #fefcea; !* Для старых браузров *!*/
    /*background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.8));*/
}

.presentSpace ul li.discount > span > span > span.title {
    font-size: 56px;
    display: block;
    /*color:#FFF;*/
    padding: 10px 20px 0;
    font-weight: bold;
}

.presentSpace ul li.discount > span > span > span.value {
    font-size: 60px;
    margin-top: 20px;
    display: block;
    color: #43b2aa;
    font-weight: bold;
    float: right;
    width: 60%;
}

.presentSpace ul li.discount > span > span > span.pretext {
    font-size: 30px;
    display: block;
    float: right;
    width: 60%;
    height: 100px;
    margin-top: 10px;
}

.presentSpace ul li.discount > span > span > span.icon_container {
    display: inline-block;
    text-align: center;
    width: 40%;
    float: left;
}

.presentSpace ul li.discount > span > span > span.summary {
    float: right;
    width: 60%;
    margin-top: 20px;
}

.presentSpace ul li.discount > span > span > span.summary > .oldprice {
    font-size: 28px;
    text-decoration: line-through;
    font-weight: 100;
    margin-right: 20px;
}

.presentSpace ul li.discount > span > span > span.summary > .newPrice {
    font-size: 36px;
    color: #43b2aa;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 15px;
}

.presentSpace ul li.discount > span > span.summary {
    background-image: url("../images/calcTotalBg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    display: block;
    font-size: 47px;
    height: 65px;
    left: -1px;
    padding: 35px 20px;
    position: absolute;
    text-align: center;
    top: 283px;
    width: 460px;
}

.presentSpace ul li.discount > span > span.summary strong:first-child {
    display: block;
}

.presentSpace ul li > button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #43b2aa;
    color: #FFF;
    background-color: #43b2aa;
    cursor: pointer;
    display: block;
    font-family: 'Proxima Nova Regular';
    font-size: 29px;
    height: 62px;
    line-height: 32px;
    margin: 20px auto;
    width: 278px;
}

.presentSpace ul li > span.btnSpace {
    width: 200px;
    text-align: center;
    margin: auto;
    display: block;
    padding: 20px 0;
}

.presentSpace > a {
    display: block;
    text-align: center;
    font-size: 27px;
    margin: 50px 0 20px;
    color: #71AEA7;
    font-weight: bold;
}

.presentSpace > a.orderStep2 {
    background-color: #43b2aa;
    color: #fff;
    display: block;
    font-size: 27px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-decoration: none;
    width: 450px;
    margin: 20px auto 40px;
}

.presentSpace > a.orderStep2.disabled {
    background-color: #CCC;
}

.presentSpace ul li > span.btnSpace {
    display: none;
}

#discountsSpace {
    width: 550px;
}

.presentSpace .cbSpinnerSpace, .cbSelectorSpace {
    text-align: center;
    margin: 20px 0;
}

.swiper-container-horizontal > .swiper-pagination {
    position: static;
    margin: 20px;
    width: auto;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    background-color: #3fb4aa;
}

.presentSpace .arrow {
    position: absolute;
    top: 250px;
    width: 24px;
    height: 76px;
    cursor: pointer;
}

.presentSpace .arrow.left {
    left: 0;
    background-image: url('../images_mobile/arrowLeft.png');
}

.presentSpace .arrow.right {
    background-image: url('../images_mobile/arrowRight.png');
    right: 0;
}

.presentSpace ul li input.disabled {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select,
    textarea,
    input, .cbPromo, .textinput, select:focus,
    textarea:focus,
    input:focus {
        font-size: 35px;
    }
}

.presentSpace ul li.discount > span > span.summary strong.oldprice {
    display: inline-block;
    height: 23px;
    margin-right: 23px;
    position: relative;
}

.presentSpace ul li.discount > span > span.summary strong.oldprice:after {
    background-image: url("../images/mazok.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: "1";
    display: block;
    font-size: 0;
    height: 21px;
    left: -6px;
    position: absolute;
    top: 18px;
    width: 98px;
}

.presentSpace ul li.discount > span > span.summary strong.newPrice {
    color: #42b2aa;
}

p.totalOrderStep2 {
    font-size: 24px;
    font-weight: bold;
}

p.totalOrderStep2 span {
    color: #43b2aa;
    font-size: 33px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

}

.promorullet.rulletSpinner {
    background: #fff;
    border-top: 4px solid #43b2aa;
    bottom: -200px;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    z-index: 100001;
    top: 0;
    height: 100%;
    overflow: scroll;
    min-width: 640px;

}

.promorullet .rulletSpinner__rules {
    border-radius: 3px;
    color: rgb(152, 141, 126);
    /* color: #66727d; */
    opacity: 0.7;
    padding: 10px 0;
    font-size: 24px;
    width: 80%;
    margin: auto;
    text-align: center;
}

.promorullet .rulletSpinner__rules-a {
    color: #66727d;
    text-decoration: underline;
}

.promorullet .rulletSpinner__wrap {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.promorullet .rulletSpinner__close {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/rullet/close.png);
    background-size: 40px 40px;
    background-attachment: scroll;
    display: inline-block;
    height: 50px;
    left: 15px;
    list-style: outside none none;
    position: fixed;
    top: 15px;
    vertical-align: top;
    width: 50px;
}

.promorullet.bottom_min .rulletSpinner__close {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/rullet/close.png);
    background-size: 20px 20px;
    background-attachment: scroll;
    display: inline-block;
    height: 50px;
    left: 0px;
    list-style: outside none none;
    position: absolute;
    top: 0px;
    vertical-align: top;
    width: 50px;
}

.promorullet .rulletSpinner__form {
    margin: 0 auto;
}

.promorullet.bottom_min .rulletSpinner__block-2, .promorullet.bottom_min .rulletSpinner__email, .promorullet.bottom_min .rulletSpinner__rules, .promorullet.bottom_min .rulletSpinner__pull {
    display: none;
}

.promorullet.bottom_min {
    top: inherit;
    height: auto;
    overflow: hidden;
}

.promorullet .pulllabel_container {
    position: relative;
    bottom: 80px;
}

.promorullet .rulletSpinner__block {
    list-style: outside none none;
    position: relative;
    vertical-align: top;
}

.promorullet .rulletSpinner__label_2 {
    display: none;
}

.promorullet .rulletSpinner__label {
    display: block;
    font-size: 40px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    margin-top: 50px;
}

.promorullet.bottom_min .rulletSpinner__label_2 {
    margin: auto;
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    color: #43b2aa;
}

.promorullet.bottom_min .rulletSpinner__label {
    display: block;
    font-size: 32px;
    position: relative;
    width: 75%;
    font-style: normal;
    font-weight: 100;
    margin: 45px auto 15px auto;
    text-align: center;
    background-color: #43b2aa;
    color: white;
    padding: 18px 0;
}

.promorullet.fullscreen {
    top: 0;
}

.promorullet .rulletSpinner__form__mobile-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #41b2f2 0%, #419adf 100%) repeat scroll 0 0;
    border-radius: 30px;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 500;
    height: 56px;
    line-height: 56px;
    margin: 15px 0 0 10px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 80%;
}

.promorullet .rulletSpinner__email {
    border: 2px solid #b0b6c1;
    box-shadow: 0 3px 0 -1px #eff0f4 inset, 0 3px 3px -2px rgba(215, 218, 227, 0.5);
    color: #66727d;
    font-size: 36px !important;
    height: 75px;
    padding: 0 15px;
    width: 80%;
    margin: 30px auto;
    display: block;
}

.promorullet .rulletSpinner__email:active, .promorullet .rulletSpinner__email:focus {
    border: 2px solid #febe30;
    box-shadow: 1px 1px 1px rgba(254, 190, 54, 0.3), -1px -1px 1px rgba(254, 190, 54, 0.3);
}

.promorullet .rulletSpinner__email.rulletSpinner__email-error {
    border: 2px solid #ef5924;
    box-shadow: 1px 1px 1px rgba(239, 89, 36, 0.3), -1px -1px 1px rgba(239, 89, 36, 0.3);
}

.promorullet .rulletSpinner__block-1 {
    width: 100%;
}

.promorullet .rulletSpinner__block-2 {
    width: 100%;
    text-align: center;
}

.promorullet .rulletSpinner__block-3 {
    margin: 34px 0 0 38px;
}

.promorullet .rulletSpinner__group, .promorullet .rulletSpinner__lever, .promorullet .rulletSpinner__reel {
    display: inline-block;
    list-style: outside none none;
    vertical-align: top;
}

.promorullet .rulletSpinner__lever {
    margin-left: -3px;
}

.promorullet .rulletSpinner__group {
    border-radius: 30px;
}

.promorullet .rulletSpinner__reel {
    background: rgb(71, 68, 62) none repeat scroll 0 0;
    border-radius: 20px;
    float: left;
    height: 180px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100px;
}

.promorullet .rulletSpinner__reel::before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.promorullet .rulletSpinner__reel div {
    position: relative;
    top: -65px;
}

.promorullet .msg, .promorullet .rulletSpinner__button {
    font-size: 1.8em;
    text-align: center;
}

.promorullet .rulletSpinner__button {
    border: medium none;
    border-radius: 10px;
    line-height: 100px;
    transition: all 0.2s ease 0s;
    width: 100px;
}

.promorullet .msg {
    color: #bbb;
    display: none;
    padding: 25px 0 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5);
}

.promorullet .reels {
    box-sizing: border-box;
    display: block;
    font-size: 0;
    height: 100px;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: 60px;
}

.promorullet .reels-1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2228px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2028%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EShape%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-257.000000%2C%20-138.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M28.50195%2C11.15332%20C28.99218%2C10.13867%2029.14648%2C8.68457%2028.84863%2C7.92285%20C28.54883%2C7.16113%2027.27636%2C7.08398%2026.01953%2C7.75097%20C24.82226%2C8.38671%2022.88672%2C9.47265%2021.60351%2C10.22851%20C19.84472%2C8.90869%2017.59374%2C7.44384%2015.35351%2C6.57275%20L15.90039%2C2.05957%20L13.31348%2C3.91211%20L11.37305%2C0.42481%20L9.43457%2C3.91211%20L6.2002%2C2.16895%20L6.77686%2C6.83448%20C2.37158%2C8.82373%201%2C13%201%2C13%20C1%2C13%204.11523%2C20.2002%2011.82813%2C20.2002%20C15.02735%2C20.2002%2018.89747%2C17.80176%2021.60254%2C15.77149%20C22.88477%2C16.52637%2024.82227%2C17.61329%2026.01953%2C18.24903%20C27.27637%2C18.91602%2028.54883%2C18.83887%2028.84863%2C18.07715%20C29.14648%2C17.31543%2028.99218%2C15.86133%2028.50195%2C14.84668%20C28.0127%2C13.83105%2028.0127%2C12.16895%2028.50195%2C11.15332%20L28.50195%2C11.15332%20Z%20M8.91992%2C13%20C7.9375%2C13%207.14062%2C12.17383%207.14062%2C11.15332%20C7.14062%2C10.13379%207.9375%2C9.30762%208.91992%2C9.30762%20C9.9043%2C9.30762%2010.70117%2C10.13379%2010.70117%2C11.15332%20C10.70117%2C12.17383%209.9043%2C13%208.91992%2C13%20L8.91992%2C13%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .reels-2 {
    background-image: url("../images/vin.svg");
}

.promorullet .reels-3 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2231px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2031%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EShape%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-256.000000%2C%20-220.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M31%2C96.66309%20L27.875%2C95.92188%20L27.6377%2C92.71778%20L26.39356%2C94.03419%20L26.39356%2C90.70704%20C26.39258%2C88.95509%2026.06446%2C87.27833%2025.51075%2C85.9297%20C25.23243%2C85.25587%2024.89845%2C84.66212%2024.49512%2C84.17775%20C24.0918%2C83.69728%2023.61035%2C83.31056%2023.01367%2C83.13771%20C22.54883%2C83.0049%2022.06445%2C82.94533%2021.58398%2C82.94533%20C20.85351%2C82.94631%2020.125%2C83.0801%2019.46093%2C83.33107%20C18.79882%2C83.584%2018.19335%2C83.95412%2017.7373%2C84.47365%20C17.42773%2C84.82814%2017.13964%2C85.15822%2016.8916%2C85.4424%20L15.35937%2C83.91017%20L13.23144%2C86.0381%20C10.00976%2C84.62794%206.11718%2C85.23244%203.48046%2C87.87111%20C0.04394%2C91.30666%200.04394%2C96.87892%203.48046%2C100.31447%20C6.91796%2C103.75197%2012.48925%2C103.75197%2015.9248%2C100.31447%20C18.5625%2C97.67775%2019.16894%2C93.78615%2017.75781%2C90.56447%20L19.88574%2C88.43654%20L18.02539%2C86.57619%20C18.28906%2C86.27541%2018.60449%2C85.91408%2018.94336%2C85.52639%20C19.16992%2C85.26369%2019.55664%2C85.00588%2020.0293%2C84.82717%20C20.50196%2C84.64651%2021.05274%2C84.54494%2021.58399%2C84.54494%20C21.93262%2C84.54494%2022.27149%2C84.58889%2022.57422%2C84.6758%20C22.74805%2C84.72365%2023.00195%2C84.88381%2023.26758%2C85.20412%20C23.66895%2C85.67873%2024.06836%2C86.47658%2024.34571%2C87.44338%20C24.62696%2C88.41115%2024.79493%2C89.54592%2024.79493%2C90.70705%20C24.79395%2C92.26076%2024.79395%2C93.67678%2024.79395%2C94.74514%20L22.53907%2C93.65725%20L23.45899%2C96.73342%20L20.80274%2C98.54104%20L23.92872%2C99.2842%20L24.16602%2C102.4883%20L26.3711%2C100.15139%20L29.26465%2C101.54885%20L28.34473%2C98.47072%20L31%2C96.66309%20L31%2C96.66309%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .reels-4 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2228px%22%20height%3D%2219px%22%20viewBox%3D%220%200%2028%2019%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EGroup%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-257.000000%2C%20-260.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(1.000000%2C%20122.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20points%3D%2218.7998%2010.2002%2014%203%209.2002%2010.2002%202%206.2002%205.2002%2018.2002%2014%2018.2002%2022.7998%2018.2002%2026%206.2002%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%222%22%20cy%3D%225.40039%22%20r%3D%221.59961%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%2226%22%20cy%3D%225.40039%22%20r%3D%221.59961%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%2214%22%20cy%3D%222.2002%22%20r%3D%221.59961%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .reels-5 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EShape%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-259.000000%2C%20-301.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M25.29102%2C165.08789%20C23.01758%2C162.32227%2015%2C162.58301%2015%2C168.4248%20C15%2C162.583%206.98242%2C162.32226%204.70898%2C165.08789%20C1.27929%2C169.26074%203.77636%2C173.84961%205.56738%2C175.9375%20C7.61133%2C178.31836%2015%2C182.61523%2015%2C182.61523%20C15%2C182.61523%2022.38867%2C178.31835%2024.43262%2C175.9375%20C26.22363%2C173.84961%2028.7207%2C169.26074%2025.29102%2C165.08789%20L25.29102%2C165.08789%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .reels-6 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2226px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2026%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EShape%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-258.000000%2C%20-182.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20points%3D%2223%2044.2002%2015%2044.2002%207%2044.2002%202.2002%2049.7998%2015%2061.7998%2027.7998%2049.7998%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .reels-7 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2231px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2031%2030%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EShape%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-256.000000%2C%20-336.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M31%2C205%20C31%2C205%2028.09863%2C201.40039%2024.51953%2C201.40039%20C22.64844%2C201.40039%2020.96875%2C202.38281%2019.78613%2C203.32227%20C19.83398%2C202.61524%2019.76172%2C201.86133%2019.44726%2C201.16407%20C18.45898%2C198.97852%2015.46093%2C198.2002%2015.46093%2C198.2002%20C15.46093%2C198.2002%2014.06445%2C200.96485%2015.05175%2C203.1504%20C15.48144%2C204.10255%2016.29394%2C204.78712%2017.07323%2C205.25685%20L10.24022%2C210.51271%20C9.2168%2C209.57617%207.85742%2C209%206.36035%2C209%20C3.17871%2C209%200.59961%2C211.5791%200.59961%2C214.75977%20C0.59961%2C217.94141%203.17871%2C220.52051%206.36035%2C220.52051%20C9.54101%2C220.52051%2012.11914%2C217.94141%2012.11914%2C214.75977%20C12.11914%2C213.6543%2011.80273%2C212.62305%2011.26172%2C211.7461%20L17.7002%2C206.79297%20L19.75782%2C215.70801%20C16.97657%2C216.11719%2014.83985%2C218.50586%2014.83985%2C221.40039%20C14.83985%2C224.58105%2017.41895%2C227.16016%2020.59962%2C227.16016%20C23.78126%2C227.16016%2026.35939%2C224.58106%2026.35939%2C221.40039%20C26.35939%2C218.41113%2024.084%2C215.95508%2021.16994%2C215.66894%20L21.3799%2C215.62011%20L19.20217%2C206.18847%20C20.37307%2C207.23632%2022.31643%2C208.5996%2024.51955%2C208.5996%20C28.09863%2C208.59961%2031%2C205%2031%2C205%20L31%2C205%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .reels-8 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2230px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2030%2030%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EShape%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-256.000000%2C%20-376.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M25.18262%2C241.12012%20C23.9375%2C241.43164%2022.66602%2C240.66797%2022.35352%2C239.42383%20C22.04297%2C238.17871%2021.14063%2C238.02539%2020.34864%2C239.08008%20L19.83399%2C239.7666%20C19.04297%2C240.82226%2018.47657%2C242.76367%2018.58008%2C244.0791%20L18.72852%2C246.0166%20C15.96094%2C244.75781%2012.40039%2C245.41699%209.90918%2C247.90918%20C7.41797%2C250.40039%206.75781%2C253.96094%208.0166%2C256.72852%20L6.0791%2C256.58008%20C4.76367%2C256.47754%202.82226%2C257.04102%201.76758%2C257.83399%20L1.08008%2C258.34864%20C0.02539%2C259.14063%200.17871%2C260.04298%201.42383%2C260.35352%20C2.66895%2C260.66504%203.43164%2C261.9375%203.12012%2C263.18262%20C2.80957%2C264.42676%203.44629%2C265.06348%204.53418%2C264.59668%20C5.62305%2C264.12988%206.85645%2C264.77148%207.27344%2C266.02539%20L7.45313%2C266.5625%20C7.87012%2C267.81445%208.85938%2C267.97461%209.65137%2C266.91992%20L10.16602%2C266.2334%20C10.95899%2C265.17774%2011.52344%2C263.23731%2011.42286%2C261.91992%20L11.2754%2C259.98535%20C14.04298%2C261.24121%2017.6006%2C260.58105%2020.09181%2C258.0918%20C22.58107%2C255.60059%2023.24122%2C252.042%2021.98536%2C249.27442%20L23.91993%2C249.42286%20C25.23731%2C249.52345%2027.17774%2C248.95899%2028.23341%2C248.16602%20L28.91993%2C247.65137%20C29.97462%2C246.85938%2029.81544%2C245.87012%2028.56251%2C245.45313%20L28.0254%2C245.27344%20C26.77149%2C244.85645%2026.12989%2C243.62305%2026.59669%2C242.53516%20C27.06445%2C241.44629%2026.42676%2C240.80957%2025.18262%2C241.12012%20L25.18262%2C241.12012%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .reels-9 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2230px%22%20height%3D%2228px%22%20viewBox%3D%220%200%2030%2028%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2039.1%20(31720)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EShape%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-256.000000%2C%20-416.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slot-imgs%22%20transform%3D%22translate(256.000000%2C%20138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M29.34863%2C288.83203%20C29.22461%2C288.45117%2028.89453%2C288.17383%2028.49804%2C288.11523%20L19.82421%2C286.85351%20L15.94433%2C278.99413%20C15.7666%2C278.63477%2015.40039%2C278.4082%2015%2C278.4082%20C14.59961%2C278.4082%2014.2334%2C278.63476%2014.05566%2C278.99414%20L10.17578%2C286.85352%20L1.50195%2C288.11524%20C1.10547%2C288.17383%200.77539%2C288.45118%200.65136%2C288.83204%20C0.52733%2C289.2129%200.63085%2C289.63087%200.91894%2C289.91212%20L7.19531%2C296.02931%20L5.71289%2C304.66994%20C5.64551%2C305.06447%205.80859%2C305.46389%206.13184%2C305.70021%20C6.45704%2C305.93556%206.88575%2C305.96681%207.24122%2C305.77931%20L15%2C301.7002%20L22.75879%2C305.7793%20C23.11426%2C305.9668%2023.54297%2C305.93555%2023.86817%2C305.7002%20C24.19141%2C305.46387%2024.3545%2C305.06446%2024.28712%2C304.66993%20L22.8047%2C296.0293%20L29.08107%2C289.91211%20C29.36914%2C289.63086%2029.47266%2C289.21289%2029.34863%2C288.83203%20L29.34863%2C288.83203%20Z%20M13.40039%2C295.40039%20C13.40039%2C296.2793%2012.67969%2C297%2011.7998%2C297%20C10.91991%2C297%2010.20019%2C296.2793%2010.20019%2C295.40039%20L10.20019%2C293%20C10.20019%2C292.12012%2010.91992%2C291.40039%2011.7998%2C291.40039%20C12.67968%2C291.40039%2013.40039%2C292.12012%2013.40039%2C293%20L13.40039%2C295.40039%20L13.40039%2C295.40039%20Z%20M19.7998%2C295.40039%20C19.7998%2C296.2793%2019.08007%2C297%2018.20019%2C297%20C17.32031%2C297%2016.5996%2C296.2793%2016.5996%2C295.40039%20L16.5996%2C293%20C16.5996%2C292.12012%2017.3203%2C291.40039%2018.20019%2C291.40039%20C19.08008%2C291.40039%2019.7998%2C292.12012%2019.7998%2C293%20L19.7998%2C295.40039%20L19.7998%2C295.40039%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.promorullet .subscribe-rulletSpinner-trigger {
    background-image: url(../images/rullet/rullet1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    cursor: pointer;
    height: 90px;
    position: relative;
    width: 66px;
    display: inline-block;
    right: 55px;
    bottom: 80px;
}

.promorullet .subscribe-rulletSpinner-trigger.triggered {
    bottom: 40px;
}

.promorullet .subscribe-rulletSpinner-trigger2 {
    background-image: url(../images/rullet/rullet2.png);
    height: 130px;
    display: inline-block;
    width: 32px;
    margin-left: 40px;
    margin-top: 50px;
    background-size: cover;
}

.promorullet .subscribe-rulletSpinner-trigger.active {
    animation: 0.3s steps(6) 0s normal forwards 1 running rulletSpinner-trigger;
}

@keyframes rulletSpinner-trigger {
    0% {
        background-position: center 0;
    }
    100% {
        background-position: center -720px;
    }
}

.promorullet .subscribe-btn:hover {
    background-color: #00bcd4;
}

@font-face {
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fontello.eot?7821484#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?7821484") format("woff"), url("../fonts/fontello.ttf?7821484") format("truetype"), url("../fonts/fontello.svg?7821484#fontello") format("svg");
}

.promorullet .rulletSpinner__pull {
    max-width: 640px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    vertical-align: top;
    width: 80%;
    margin: auto;
    bottom: 90px;
    display: block;
    position: relative;
}

.promorullet .rulletSpinner__pulllabel {
    font-size: 48px;
    color: #43b2aa;
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    position: relative;
}

.promorullet .rulletSpinner__leftarrow {
    background-image: url(../images/rullet/arrowmobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 150px;
    height: 160px;
    position: relative;
    display: inline-block;
}

.rulletPopUp h1 {
    font-size: 44px;
    font-weight: 100;
    margin-top: 30px;
    opacity: .9;
}

.rulletPopUp p {
    margin: auto;
    font-size: 26px;
    font-weight: 100;
    opacity: .8;
    margin-bottom: 30px;
}

.rulletPopUp_won {
    font-family: 'Proxima Nova Bold';
    color: #47413a;
}

.rulletPopUp_won h1 {
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.rulletPopUp_won h6 {
    font-size: 14px;
    margin: 10px 0 40px 0;
}

.rulletPopUp_won .dismiss {
    color: #47413a;
    margin-top: 20px;
    display: block;
    font-size: 14px;

}

.rulletPopUp_won .button {
    display: block;
    background-color: #43b2aa;
    width: 395px;
    height: 50px;
    font-family: 'Proxima Nova Bold';
    text-transform: uppercase;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    margin: auto;
    text-decoration: none;
}

.rulletPopUp_won .promocode {
    font-size: 24px;
    width: 200px;
    padding: 10px 20px;
    margin: auto;
    border: 1px solid #47413a;
}

.rulletPopUp_won p {
    margin: auto;
    font-size: 24px;
    margin-bottom: 30px
}

.promorullet .rulletSpinner-machine {
    display: block;
    width: auto;
    margin: auto;
}

.promorullet .rulletSpinner__rightarrow {
    background-image: url("../images/rullet/rightarrow.png");
    background-size: 154px 18px;
    background-repeat: no-repeat;
    width: 158px;
    height: 18px;
    left: 240px;
    position: absolute;
    top: 20px;
}

.promorullet .rulletSpinner__pull--mobile {
    background: #e5eff1 none repeat scroll 0 0;
    display: none;
    height: 50px;
    line-height: 50px;
    margin-top: 25px;
    position: relative;
    text-align: center;
}

.promorullet .rulletSpinner__pull--mobile::before {
    background: #e5eff1 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    width: 200%;
}

.promorullet .rulletSpinner__pull--mobile > span {
    font-size: 17px;
    position: relative;
    z-index: 100;
}

.promorullet .rulletSpinner__winners {
    font-size: 0;
}

.promorullet .rulletSpinner__link-a {
    border: 0 solid #fff;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    height: 48px;
    line-height: 48px;
    margin: 5px;
    overflow: hidden;
    position: relative;
    transition: background-color 0.1s linear 0s;
    vertical-align: middle;
    width: 56px !important;
}

.promorullet .rulletSpinner__link-a:active, .rulletSpinner__link-a:hover {
    opacity: 0.9;
}

.promorullet .rulletSpinner__link-a * {
    opacity: 0;
}

.promorullet .rulletSpinner__link-a::before {
    display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 50px;
}

.promorullet .rulletSpinner__link__tw {
    background-color: #55acee;
}

.promorullet .rulletSpinner__link__tw::before {
    content: "";
}

.promorullet .rulletSpinner__link__vk {
    background-color: #45668e;
}

.promorullet .rulletSpinner__link__vk::before {
    content: "";
}

.promorullet .rulletSpinner__link__fb {
    background-color: #3b5998;
}

.promorullet .rulletSpinner__link__fb::before {
    content: "";
}

.promorullet .rulletSpinner__counter, .promorullet .rulletSpinner__popup {
    box-sizing: border-box;
    text-align: center;
}

.promorullet .rulletSpinner__counter {
    border: 1px solid #c4c9d1;
    border-radius: 3px;
    box-shadow: 0 3px 0 -1px #eff0f4, 0 3px 3px -2px rgba(215, 218, 227, 0.5);
    display: inline-block;
    font-size: 29px;
    font-weight: 300;
    height: 36px;
    list-style: outside none none;
    margin-right: 5px;
    vertical-align: top;
    width: 30px;
}

.promorullet .rulletSpinner__popup {
    background: #fff none repeat scroll 0 0;
    border-radius: 13px;
    bottom: 0;
    display: none;
    height: 270px;
    left: 0;
    margin: auto;
    max-width: 95%;
    padding: 30px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 330px;
}

.promorullet .rulletSpinner__h {
    color: #3a4147;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;
}

.promorullet .rulletSpinner__late {
    color: #419adf;
    text-decoration: underline;
}

.promorullet .rulletSpinner-sn {
    margin: 15px 0;
}

.promorullet .rulletSpinner-sn__item {
    background: #419adf none repeat scroll 0 0;
    display: inline-block;
    height: 48px;
    list-style: outside none none;
    margin: 0 4px;
    vertical-align: top;
    width: 60px;
}

.promorullet .rulletSpinner__p {
    color: #66727d;
    font-size: 14px;
    line-height: 135%;
}

.promorullet .animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.promorullet .animated.infinite {
    animation-iteration-count: infinite;
}

.promorullet .animated.hinge {
    animation-duration: 1s;
}

.promorullet .animated.bounceIn, .promorullet .animated.bounceOut, .promorullet .animated.flipOutX, .promorullet .animated.flipOutY {
    animation-duration: 0.35s;
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.promorullet .flash {
    animation-name: flash;
}

.promorullet .checkout-login__head {
    display: none;
}

.promorullet .header__cart-info-summ {
    font-size: 23px;
}

.promorullet .h1__center {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 28px;
    margin-top: 50px;
    text-align: center;
}

.promorullet .actions-list__item {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-left: 16px;
    vertical-align: top;
    width: 48.9%;
}

.promorullet .actions-list__item:nth-child(2n+1) {
    margin-left: 0;
}

.promorullet .actions-list__img {
    background-position: center center;
    background-size: cover;
    display: block;
    height: 180px;
    width: 100%;
}

.promorullet .actions-list__text {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 3px 6px -2px #dcdfe8;
    overflow-x: hidden;
    padding: 26px 20px 20px 18px;
}

.promorullet .actions-list__h {
    font-size: 18px;
    line-height: 127%;
}

.promorullet .actions-list__p {
    color: #66727d;
    font-size: 14px;
    line-height: 142%;
    margin-bottom: 15px;
    margin-top: 11px;
}

.promorullet .actions-list__link {
    border: 1px solid #d7dae3;
    border-radius: 4px;
    box-sizing: border-box;
    color: #66727d;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    list-style: outside none none;
    text-align: center;
    vertical-align: top;
    width: 190px;
}

.promorullet .actions-list__link__completed {
    border-color: #000;
    color: #000;
}

.promorullet .mails-archive {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.promorullet .mails-archive .actions-list__item {
    flex-shrink: 0;
}

.promorullet .mails-archive .mails-archive__title {
    font-size: 24px;
    text-align: center;
    width: 100%;
}

.promorullet .mails-archive .actions-list__text {
    box-sizing: border-box;
    height: 152px;
    overflow: hidden;
    position: relative;
}

.promorullet .mails-archive .actions-list__text::after {
    background-image: linear-gradient(to top, #fff 20%, transparent 80%);
    bottom: 0;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    width: 100%;
}

.promorullet .action-page {
    margin: 0 auto;
    max-width: 590px;
}

.promorullet .action-page p {
    color: #33393f;
    font-size: 16px;
    line-height: 161%;
    margin: 20px auto 0;
    max-width: 586px;
}

.promorullet .action-page__title {
    font-size: 28px;
    line-height: 128%;
    margin: 40px auto 50px;
    text-align: center;
    width: 560px;
}

.promorullet .flex-control-nav.flex-control-paging {
    text-align: center;
}

.promorullet .content__slider-actions-big {
    margin-bottom: 29px;
    margin-top: 31px;
}

.promorullet .content__slider-actions-big .flexslider__li a {
    display: block;
    font-size: 0;
    height: 100%;
    opacity: 0.3;
}

.promorullet .content__slider-actions-big .flexslider__li a::before {
    background: #33393f none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
}

.promorullet .content__slider-actions-big .flex-nav-next, .content__slider-actions-big .flex-nav-prev {
    display: none;
}

.promorullet .content__slider-product {
    margin: 25px auto 30px;
    max-width: 620px;
    min-width: 300px;
    position: relative;
}

.promorullet .content__slider-product .flex-viewport {
    height: 100%;
}

.promorullet .content__slider-product__itm {
    align-items: center;
    border: 1px solid #d7dae3;
    border-radius: 3px;
    box-shadow: 0 3px 6px -2px #dcdfe8;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding: 24px 10px 30px;
    text-align: center;
}

.promorullet .content__slider-product__img {
    display: inline-block;
    height: 147px;
    list-style: outside none none;
    min-width: 223px;
    position: relative;
    vertical-align: top;
    width: 287px;
}

.promorullet .content__slider-product__img__img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.promorullet .content__slider-product__text {
    display: inline-block;
    flex-shrink: 0;
    list-style: outside none none;
    margin-left: 20px;
    text-align: left;
    vertical-align: top;
}

.promorullet .content__slider-product__h {
    color: #33393f;
    font-size: 16px;
    font-weight: 300;
    line-height: 156%;
    width: 200px;
}

.promorullet .content__slider-product_t {
    margin-top: 40px;
}

.promorullet .content__slider-product__price__old {
    color: #b0b6c1;
    font-size: 18px;
    font-weight: 300;
    text-decoration: line-through;
}

.promorullet .content__slider-product__btn, .promorullet .content__slider-product__price__new {
    display: inline-block;
    list-style: outside none none;
    vertical-align: top;
}

.promorullet .content__slider-product__price__new {
    color: #000;
    font-size: 36px;
    margin-right: 9px;
    margin-top: 3px;
}

.promorullet .content__slider-product__btn {
    border: 1px solid #d7dae3;
    border-radius: 4px;
    box-sizing: border-box;
    color: #66727d;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    margin-top: 2px;
    text-align: center;
    width: 120px;
}

.promorullet .content__slider-product .flex-nav-next, .promorullet .content__slider-product .flex-nav-prev {
    height: 20px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    width: 10px;
}

.promorullet .content__slider-product .flex-nav-next a, .promorullet .content__slider-product .flex-nav-prev a {
    display: block;
    height: 100%;
}

.promorullet .content__slider-product .flex-nav-prev {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2012%2022%22%20style%3D%22enable-background%3Anew%200%200%2012%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23E6E6E5%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20id%3D%22XMLID_28_%22%20class%3D%22st0%22%20points%3D%2211%2C21%201%2C11%2011%2C1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat scroll center center;
    left: -38px;
}

.promorullet .content__slider-product .flex-nav-next {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2012%2022%22%20style%3D%22enable-background%3Anew%200%200%2012%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23E6E6E5%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20id%3D%22XMLID_28_%22%20class%3D%22st0%22%20points%3D%221%2C21%2011%2C11%201%2C1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat scroll center center;
    right: -42px;
}

.promorullet .order__itog__price-currency-rate, .promorullet .order__price-currency-rate {
    color: #999;
    display: block;
    font-size: 15px;
    font-weight: 300;
}

.promorullet .order__price-currency-rate {
    font-size: 13px;
    line-height: 130%;
    margin-top: 3px;
}

.promorullet .product__purchase-currency-rate {
    color: #999;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 7px;
}

.promorullet .show_530 {
    display: none;
}

div.popUpSpace {
    display: none;
    z-index: 2000;
    overflow: auto;
    width: 640px;
    margin: auto;
    z-index: 100;
}

div.rulletPopUp {
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 2000;
    min-height: 100vh;
    overflow: auto;
    min-width: 640px;
    height: 200vh;
    margin: auto;
    width: 100%;
    position: fixed;
    top: 0;
}

.rulletPopUp > div {
    display: block;
    text-align: center;
    margin-top: 200px;
}

.rulletPopUp > div > div {
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    max-width: 80%;
}

.rulletPopUp > div > div a.dismiss {
    text-decoration: none;
    opacity: .7;
    color: rgb(0, 0, 238);
}

.popUpSpace_won {
    position: fixed;
    left: 0;
    top: 0;
    min-width: 640px;
    height: 200vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    display: none;
    width: 100%;
}

.popUpSpace_won > div {
    text-align: center;
    margin-top: 100px;
}

.popUpSpace_won > div > div {
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    width: 400px;
}

.rulletPopUp ul.social {
    text-align: center;
    padding: 0;
    font-size: 0;
    margin-bottom: 50px;
    margin-top: 20px;
}

.rulletPopUp ul.social li {
    display: inline-block;
    margin: 0 10px;
}

.rulletPopUp ul.social li a {
    background-repeat: no-repeat;
    display: block;
    height: 12vw;
    background-size: 12vw 12vw;
    width: 12vw;
}

.rulletPopUp ul.social li a.facebook {
    background-image: url("../images/rullet/FB@2x.png");
}

.rulletPopUp ul.social li a.instagramm {
    background-image: url("../images/rullet/instagr@2x.png");
}

.rulletPopUp ul.social li a.vk {
    background-image: url("../images/rullet/VK@2x.png");
}

.rulletPopUp ul.social li a.twitter {
    background-image: url("../images/rullet/twiter@2x.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
    .promorullet .rulletSpinner__close {
        background-image: url("../images/rullet/close@2x.png");
    }

    .promorullet .subscribe-rulletSpinner-trigger {
        background-image: url("../images/rullet/rullet1.png");
    }

    .promorullet .rulletSpinner__pull {
        background-image: url("../images/rullet/present@2x.png");
    }

    .promorullet .rulletSpinner__leftarrow {
        background-image: url("../images/rullet/arrowmobile@2x.png");
    }

    .promorullet .rulletSpinner__rightarrow {
        background-image: url("../images/rullet/rightarrow@2x.png");
    }

    .rulletPopUp ul.social li a.facebook {
        background-image: url("../images/rullet/FB@2x.png");
    }

    .rulletPopUp ul.social li a.instagramm {
        background-image: url("../images/rullet/instagr@2x.png");
    }

    .rulletPopUp ul.social li a.vk {
        background-image: url("../images/rullet/VK@2x.png");
    }

    .rulletPopUp ul.social li a.twitter {
        background-image: url("../images/rullet/twiter@2x.png");
    }
}

.feedbackSpace .stars {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

.feedbackSpace .stars li.disabled {
    background-image: url("../images/feedback/star1.png");
}

.feedbackSpace .feedbackDetails {
    display: none;
    text-align: center;
}

.feedbackSpace .stars li {
    background-image: url("../images/feedback/star0.png");
    background-size: cover;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    margin: 5px;
}

.feedbackSpace .reasons {
    margin: auto;
    text-align: center;
}

.feedbackSpace .reasons div.checked {
    color: white;
    background: #3E261C;
}

.feedbackSpace .reasons div:hover {
    color: white;
    background: #3E261C;
}

.feedbackSpace textarea {
    background: transparent;
    width: 456px;
    height: 150px;
    font-size: 24px;
    padding: 20px;
    margin: 15px;
    color: #3E261C;
    border: 2px solid #3E261C;
}

.feedbackSpace button {
    background-color: #43b2aa;
    border: 0 none;
    color: #fff;
    display: block;
    font-family: "Proxima Nova Bold";
    font-size: 20px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    margin: 20px auto;
    width: 200px;
    cursor: pointer;
}

.feedbackSpace .reasons div {
    border: 1px solid #3E261C;
    display: inline-block;
    padding: 20px;
    margin: 10px;
    cursor: pointer;
    font-size: 20px;
}

.feedbackSpace input.hidden {
    display: none;
}

.feedbackSpace .content.success > h1 {
    font-size: 28px;
}

.feedbackSpace .feedbackDetails h2 {
    font-size: 26px;
}

.feedbackSpace .textarea::-webkit-input-placeholder {
    color: #716659;
    font-style: italic
}

.feedbackSpace .textarea::-moz-placeholder {
    color: #716659;
    font-style: italic
}

/* Firefox 19+ */
.feedbackSpace .textarea:-moz-placeholder {
    color: #716659;
    font-style: italic
}

/* Firefox 18- */
.feedbackSpace .textarea:-ms-input-placeholder {
    color: #716659;
    font-style: italic
}

.presentSpace .discount .cbSpinnerSpace span {
    background-color: transparent;
    color: white;
    vertical-align: middle;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    border: none;
    width: 50px;
    font-size: 28px;
    text-align: center;
}

.cbSpinnerSpace > a.minus, .cbSelectorSpace > a.minus {
    background-size: 40px;
}

.cbSpinnerSpace > a.plus, .cbSelectorSpace > a.plus {
    background-size: 40px;
}

.order-send input {
    font-size: 35px;
}

.order-send input::-webkit-input-placeholder,
.order-send input::-moz-placeholder,
.order-send input::-ms-input-placeholder,
.order-send input::-moz-placeholder {
    font-size: 35px;
}

.advices h1 {
    color: #42b2aa;
    font-size: 36px;
}

.advices {
    max-width: 820px;
    margin: auto;
    padding: 0 20px 40px 20px;
}

.advices .advice .title {
    color: #42b2aa;
    text-decoration: none;
    font-size: 24px;
}

.background_white {
    background: white;
    width: 100%;
    padding-top: 26px;
}

.advice:not(:first-child) {
    border-top: none;
}

/*RENAME TABLE t3_calculate TO t_calculate;RENAME TABLE t3_contact TO t_contact;RENAME TABLE t3_faq TO t_faq;RENAME TABLE t3_orderworkers TO t_orderworkers;RENAME TABLE t3_service TO t_service;RENAME TABLE t3_service_item TO t_service;RENAME TABLE t3_service_item TO t_service;RENAME TABLE t3_slider TO t_slider;RENAME TABLE t3_syspage TO t_syspage;RENAME TABLE t3_worker TO t_worker;RENAME TABLE t3_worker_order TO t_worker_order;RENAME TABLE t3_worker_payment TO t_worker_payment;RENAME TABLE t3_worker_photo TO t_worker_photo;
*/
.advices .advice {
    padding: 20px;
    padding-right: 40px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.advices .advice .text {
    font-size: 18px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    -moz-transition: max-height .3s;
    -ms-transition: max-height .3s;
    -o-transition: max-height .3s;
    transition: max-height .3s;
}

.advices .advice .text p {
    margin: 3px;
}

.advices .advice .text p:first-child {
    margin: 3px;
    margin-top: 20px;
}

.advice.active .text {
    max-height: 500px;
}

.advices .advice .arrow {
    background-image: url(/web/images/advice_icons/arrow_down.png);
    width: 14px;
    height: 8px;
    background-size: 14px 8px;
    display: inline-block;
    float: right;
    top: 10px;
    left: 20px;
}

.advices .advice .arrow:after {
    display: none;
}

.advice.active .arrow {
    background-image: url('/web/images/advice_icons/arrow_up.png');
}

.messangers a img {
    width: 150px;
}

.messangers {
    margin-top: 40px;
}

@media screen and (max-width: 480px) {
    .advices .advice .title {
        font-size: 32px;
    }

    .advices h2 {
        font-size: 42px;
        text-align: center;
    }

    .background_white {
        padding-top: 1px;
    }

    .advices .advice .text {
        font-size: 28px;
    }

    .advices .advice .arrow {
        width: 28px;
        height: 16px;
        background-size: 28px 16px;
        background-image: url(/web/images/advice_icons/arrow_down_4.png);
    }

    .advice.active .arrow {
        background-image: url('/web/images/advice_icons/arrow_up_4.png');
    }

    .messanger {
        text-align: center;
        padding-bottom: 20px;
    }

    .messangers a img {
        width: 250px;
    }
}

.clear_small{
    margin-bottom: 20px;
}
.clear_big{
    margin-bottom: 100px;
}
.house_map_Space {
    font-size: 15px;
    background-color: #FFF;
    border: solid 1px #c6b6a8;
}
.house_map {
    margin: 0 20px 20px 20px;
    display: block;
}
.housemap_block_right .house_map {
    margin: 0 0 20px 0;
    display: block;
}
.house_map.small {
    width: 177px;
}
.house_map_head{
    display: inline-block;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    width: 600px;
}
.house_map label {
    float: left;
}
.housemap_labels {
    display: block;
    float: left;
    margin-bottom: 10px;
    font-size: 31px;
    font-weight: bold;
    margin-left: 13px;
    margin-top: 4px;
}
.house_map textarea {
    resize: none;
    border: 1px dashed #AAA;
    border-radius: 5px;
    padding: 9px;
    margin-bottom: 10px;
    height: 70px;
    width: 500px;
    font-size: 15px;
    font-family: ProximaNova, sans-serif;
}
.house_map textarea.textarea_big {
    float:left;
    display:block;
    resize: none;
    margin: 10px 0 0 0px;
    border: 1px dashed #AAA;
    border-radius: 5px;
    padding: 10px;
    height: 70px;
    width: 100%;
    font-size: 15px;
    font-family: ProximaNova, sans-serif;
}
.house_map input {
    padding: 0 15px;
}
.house_map.small input {
    width: 150px;
}
.housemapButton {
    background-color: #43b2aa;
    border: 0 none;
    color: #fff;
    display: block;
    font-family: "ProximaNova", sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
    padding: 15px 60px;
    border-radius: 5px;
}
.housemapButton:hover {
    background-color: #46CFC7;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.no_address{
    font-family: "Proxima Nova Bold";
    font-size: 35px;
    margin-top: 100px;
    min-width: 1200px;
    width: 100%;
    height: 200px;
    text-align: center;
}
select#soflow {
    -webkit-appearance: button;
    -webkit-border-radius: 5px;
    background-image: url('../images/selectorSelect2.png');
    background-color: #ffffff;
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px dashed #AAA;
    color: #555;
    font-size: inherit;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 553px;
    font-size: 25px;
    margin-left: 7px;
}
select#soflow option{
    font-size: 15px;
}
.photos_div{
    display: inline-block;
}
.imgs_src{
    margin: 5px;
    height: 90px;
    width: 90px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.house_map_photos{
    display: inline-block;
}
.house_map_photos a{
    text-decoration: none;
}
.example-2{
    display: inline-block;
    padding-left: 5px;
}
.example-2 .btn-tertiary{
    margin: 5px;
    color:#555;
    padding:0;
    line-height:40px;
    width:88px;
    height:88px;
    display:block;
    border:1px solid #555;
    border-radius: 4px;
    text-align:center;
    cursor:pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.example-2 .btn-tertiary:hover,.example-2 .btn-tertiary:focus{color:#888;border-color:#888}
.example-2 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.example-2 .btn-tertiary i{margin-top: 30px;}
.close {
    position:absolute;
    opacity:0.9;
    right:0px;
    width:26px;
    height:26px;
    cursor:pointer;
    border:1px solid #000;
    background-color:#efefef;
    z-index: 5;
    -webkit-transition: opacity 150ms;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) no-repeat;
    text-align:right;
    border: 0;
    cursor: pointer;
    background-size: cover;
    margin: 2px;
}
.close:hover, .close:focus {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoDraVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYdqQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=");
}
.house_map_photo_block {
    position: relative;
    margin: 5px;
    margin-top: 0;
    margin-right: 0;
    display:inline-block;
}
.hidden_upload{
    display:none;
}
.home_icon{
    background-image: url("../../web/images/housemap_icons/9.png");
    background-size: 100% 100%;
    height: 40px;
    width: 40px;
    float: left;
}
.home_icon2{
    background-image: url("../../web/images/housemap_icons/2.png");
    background-size: 100% 100%;
    height: 40px;
    width: 40px;
    float: left;
}
.take_address{
    margin: 40px 0 0 20px;
    display: inline-block;
    width: 600px;
}

.house_map_block1 .str{
    background-image: url("../../web/images/housemap_icons/1.png");
    background-size: 100% 100%;
    width: 422px;
    height: 117px;
    margin: 0 auto;
}
.green_block{
    height: 80px;
    background-color: #3ab0a8;
    background-image: url("../../web/images/housemap_icons/3.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.housemap_blocks{
    display: inline-block;
    margin-top: 20px;
}
.housemap_block_left{
    height: 720px;
    width: 340px;
    float: left;
    background-image: url("../../web/images/housemap_icons/4.png");
    background-size: 100% 100%;
    display: inline-block;
}
.housemap_block_right{
    display: inline-block;
    margin-top: 44px;
}
.housemap_rooms{
    float: left;
    display: inline-block;
}
.room1{
    height: 70px;
    width: 90px;
    background-image: url("../../web/images/housemap_icons/8.png");
    background-size: 100% 100%;
    display: block;
    margin: 60px 75px 0px 85px;
}
.room2{
    height: 179px;
    width: 188px;
    background-image: url("../../web/images/housemap_icons/11.png");
    background-size: 100% 100%;
    display: block;
    margin: 95px 0 0 40px;
}
.room3{
    height: 179px;
    width: 188px;
    background-image: url("../../web/images/housemap_icons/11.png");
    background-size: 100% 100%;
    display: block;
    margin: 20px 0 0 45px;
    transform: scale(-1, 1);
}
.room4{
    height: 179px;
    width: 188px;
    background-image: url("../../web/images/housemap_icons/11.png");
    background-size: 100% 100%;
    display: block;
    margin: 0 0 0 25px;
}
.room5{
    height: 300px;
    width: 173px;
    background-image: url("../../web/images/housemap_icons/12.png");
    background-size: 100% 100%;
    display: block;
    margin: 0 0 20px 45px;
}
.room5_2{
    margin-top: 100px;
}
.dotted_line_left{
    height: 50px;
    width: 447px;
    background-image: url("../../web/images/housemap_icons/5.png");
    background-size: 100% 100%;
}
.dotted_line_right{
    height: 50px;
    width: 510px;
    float: right;
    background-image: url("../../web/images/housemap_icons/10.png");
    background-size: 100% 100%;
    margin-bottom: 20px;
    margin-right: 5px;
}
.dotted_line_result{
    height: 65px;
    width: 294px;
    margin: 0 auto;
    background-image: url("../../web/images/housemap_icons/13.png");
    background-size: 100% 100%;
    margin-left: 20px;
}
.room1_line{
    height: 50px;
    width: 462px;
    background-image: url("../../web/images/housemap_icons/7.png");
    background-size: 100% 100%;
    margin-bottom: 20px;
    margin-top: -80px;
}
.house_map_bottom{
    display: inline-block;
    margin-top: 10px;
    margin-left: -10px;
}
.housemap_block_right .house_map_bottom{
    display: block;
    margin-top: 0;
    margin-left: 90px;
}
.house_map_head_big{
    display: inline-block;
    width: 575px;
    vertical-align: top;
    margin-right: 5px;
}
.house_map_head_big_2{
    display: inline-block;
    vertical-align: top;
}
.house_map_rooms_line{
    display: inline-block;
    margin-left: 20px;
    background-image: url(../../web/images/housemap_icons/6.png);
    background-size: 100% 100%;
    width: 270px;
    height: 50px
}
.house_map_rooms_head {
    margin: 0 0 0 20px;
    display: block;
}
.housemap_result{
    display: inline-block;
    width: 100%;
}
.housemap_result_btn{
    margin: 15px 0 30px 0;
}
.housemap_rooms_title{
    color: #43b2aa;
    font-size: 55px;
    font-weight: bold;
    width: 65px;
    margin-left: 15px;
    line-height: 90px;
}


.house_map_Space  input, textarea, select, select:focus, textarea:focus, input:focus {
      font-size: 25px !important;
}


@media (min-width: 768px) {
    .house_map_Space select,
    textarea,
    input,
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 25px !important;
    }
}

.bigHim {
    display: none;
}
.bigHim label{
    font-size: 22px;
}
.bigHim .formGroup > div {
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
}
.bigHim .big label{
    width: auto !important;
    margin-top: 13px;
}
.bigHim div.formGroup{
    margin: 10px auto;
    border-bottom: 1px solid #43b2aa;
}
.bigHim div.formGroup:last-child{
    border-bottom: none;
}
.bigHim_koja{
    margin-top: 20px;
}