@charset "UTF-8";
.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}@font-face {
font-family: 'Open Sans';
src: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/fonts/OpenSans/opensans-webfont.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/fonts/Montserrat/montserrat-light-webfont.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/fonts/Montserrat/montserrat-medium-webfont.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/fonts/Montserrat/montserrat-regular-webfont.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
 button,hr,input {
overflow: visible
}
html, body{
}
progress,sub,sup {
vertical-align: baseline
}
.irs,.irs-line,sub,sup {
position: relative
}
.fancybox-infobar,.irs,.owl-carousel .owl-item {
-webkit-touch-callout: none
}
.fancybox-container,.fancybox-thumbs,.fancybox-thumbs__list a,.owl-carousel,.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
details,main {
display: block
}
h1 {
font-size: 2em
}
hr {
box-sizing: content-box;
height: 0
}
*,.fancybox-container *,.irs--modern .irs-handle>i:nth-child(2),.irs--modern .irs-handle>i:nth-child(3),.irs-handle,legend {
box-sizing: border-box
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: ButtonText dotted 1px
}
fieldset {
padding: .35em .75em .625em
}
legend {
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
.irs-hidden-input,.irs-line {
outline: 0!important;
overflow: hidden
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
[hidden],template {
display: none
}
.irs,.irs-bar,.irs-line {
display: block
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%,100%,20%,50%,80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@keyframes bounce {
0%,100%,20%,50%,80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes flash {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@keyframes flash {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0%,100% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@keyframes pulse {
0%,100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes shake {
0%,100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,40%,60%,80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@keyframes shake {
0%,100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,40%,60%,80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10%,20% {
-webkit-transform: scale(.9) rotate(-3deg);
transform: scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,60%,80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
10%,20% {
-webkit-transform: scale(.9) rotate(-3deg);
-ms-transform: scale(.9) rotate(-3deg);
transform: scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,60%,80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0%,100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
}
@keyframes wobble {
0%,100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0);
-ms-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
.flipInY,.flipOutX {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
}
.flipInY {
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0);
-ms-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0) skewX(-15deg);
transform: translateX(0) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0) skewX(-15deg);
-ms-transform: translateX(0) skewX(-15deg);
transform: translateX(0) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0) skewX(0);
-ms-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0) skewX(0);
-ms-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
} .irs {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
font-family: Arial,sans-serif
}
.irs-bar,.irs-shadow {
position: absolute;
width: 0;
left: 0
}
.irs-shadow {
display: none
}
.irs-from,.irs-handle,.irs-max,.irs-min,.irs-single,.irs-to {
display: block;
position: absolute;
cursor: default
}
.irs-handle {
z-index: 1
}
.irs-handle.type_last {
z-index: 2
}
.irs-min {
left: 0
}
.irs-max {
right: 0
}
.irs-from,.irs-single,.irs-to {
top: 0;
left: 0;
white-space: nowrap
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px
}
.irs-with-grid .irs-grid {
display: block
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000
}
.irs-grid-pol.small {
height: 4px
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0,0,0,0);
z-index: 2
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed
}
.irs-disabled {
opacity: .4
}
.irs-hidden-input {
position: absolute!important;
display: block!important;
top: 0!important;
left: 0!important;
width: 0!important;
height: 0!important;
font-size: 0!important;
line-height: 0!important;
padding: 0!important;
margin: 0!important;
z-index: -9999!important;
background: 0 0!important;
border-style: solid!important;
border-color: transparent!important
}
.irs--flat {
height: 40px
}
.irs--flat.irs-with-grid {
height: 60px
}
.irs--flat .irs-line {
top: 25px;
height: 12px;
background-color: #e1e4e9;
border-radius: 4px
}
.irs--flat .irs-bar {
top: 25px;
height: 12px;
background-color: #ed5565
}
.irs--flat .irs-bar--single {
border-radius: 4px 0 0 4px
}
.irs--flat .irs-shadow {
height: 1px;
bottom: 16px;
background-color: #e1e4e9
}
.irs--flat .irs-handle {
top: 22px;
width: 16px;
height: 18px;
background-color: transparent
}
.irs--flat .irs-handle>i:first-child {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background-color: #da4453
}
.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child {
background-color: #a43540
}
.irs--flat .irs-max,.irs--flat .irs-min {
top: 0;
padding: 1px 3px;
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: #e1e4e9;
border-radius: 4px
}
.irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to {
color: #fff;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #ed5565;
border-radius: 4px
}
.irs--flat .irs-from:before,.irs--flat .irs-single:before,.irs--flat .irs-to:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #ed5565
}
.irs--flat .irs-grid-pol {
background-color: #e1e4e9
}
.irs--flat .irs-grid-text {
color: #999
}
.irs--big {
height: 55px
}
.irs--big.irs-with-grid {
height: 70px
}
.irs--big .irs-line {
top: 33px;
height: 12px;
background-color: #fff;
background: linear-gradient(to bottom,#ddd -50%,#fff 150%);
border: 1px solid #ccc;
border-radius: 12px
}
.irs--big .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom,#fff 0,#428bca 30%,#b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255,255,255,.5)
}
.irs--big .irs-bar--single {
border-radius: 12px 0 0 12px
}
.irs--big .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66,139,202,.5)
}
.irs--big .irs-handle {
top: 25px;
width: 30px;
height: 30px;
border: 1px solid rgba(0,0,0,.3);
background-color: #cbcfd5;
background: linear-gradient(to bottom,#fff 0,#B4B9BE 30%,#fff 100%);
box-shadow: 1px 1px 2px rgba(0,0,0,.2),inset 0 0 3px 1px #fff;
border-radius: 30px
}
.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover {
border-color: rgba(0,0,0,.45);
background-color: #939ba7;
background: linear-gradient(to bottom,#fff 0,#919BA5 30%,#fff 100%)
}
.irs--big .irs-max,.irs--big .irs-min {
top: 0;
padding: 1px 5px;
color: #fff;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px
}
.irs--big .irs-from,.irs--big .irs-single,.irs--big .irs-to {
color: #fff;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
border-radius: 3px
}
.irs--big .irs-grid-pol {
background-color: #428bca
}
.irs--big .irs-grid-text {
color: #428bca
}
.irs--modern,.irs--modern.irs-with-grid {
height: 55px
}
.irs--modern .irs-line {
top: 25px;
height: 5px;
background-color: #d1d6e0;
background: linear-gradient(to bottom,#e0e4ea 0,#d1d6e0 100%);
border: 1px solid #a3adc1;
border-bottom-width: 0;
border-radius: 5px
}
.irs--modern .irs-bar {
top: 25px;
height: 5px;
background: #20b426;
background: linear-gradient(to bottom,#20b426 0,#18891d 100%)
}
.irs--modern .irs-bar--single {
border-radius: 5px 0 0 5px
}
.irs--modern .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(209,214,224,.5)
}
.irs--modern .irs-handle {
top: 37px;
width: 12px;
height: 13px;
border: 1px solid #a3adc1;
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle>i:nth-child(1) {
position: absolute;
display: block;
top: -4px;
left: 1px;
width: 6px;
height: 6px;
border: 1px solid #a3adc1;
background: #fff;
transform: rotate(45deg)
}
.irs--modern .irs-handle>i:nth-child(2) {
position: absolute;
display: block;
top: 0;
left: 0;
width: 10px;
height: 12px;
background: #e9e6e6;
background: linear-gradient(to bottom,#fff 0,#e9e6e6 100%);
border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle>i:nth-child(3) {
position: absolute;
display: block;
top: 3px;
left: 3px;
width: 4px;
height: 5px;
border-left: 1px solid #a3adc1;
border-right: 1px solid #a3adc1
}
.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover {
border-color: #7685a2;
background: #c3c7cd;
background: linear-gradient(to bottom,#fff 0,#919ba5 30%,#fff 100%)
}
.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1) {
border-color: #7685a2
}
.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3) {
border-color: #48536a
}
.irs--modern .irs-max,.irs--modern .irs-min {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: #fff;
background-color: #d1d6e0;
border-radius: 5px
}
.irs--modern .irs-from,.irs--modern .irs-single,.irs--modern .irs-to {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #20b426;
color: #fff;
border-radius: 5px
}
.irs--modern .irs-from:before,.irs--modern .irs-single:before,.irs--modern .irs-to:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #20b426
}
.irs--modern .irs-grid {
height: 25px
}
.irs--modern .irs-grid-pol {
background-color: #dedede
}
.irs--modern .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--sharp {
height: 50px;
font-size: 12px;
line-height: 1
}
.irs--sharp.irs-with-grid {
height: 57px
}
.irs--sharp .irs-line {
top: 30px;
height: 2px;
background-color: #000;
border-radius: 2px
}
.irs--sharp .irs-bar {
top: 30px;
height: 2px;
background-color: #ee22fa
}
.irs--sharp .irs-bar--single {
border-radius: 2px 0 0 2px
}
.irs--sharp .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(0,0,0,.5)
}
.irs--sharp .irs-handle {
top: 25px;
width: 10px;
height: 10px;
background-color: #a804b2
}
.irs--sharp .irs-handle>i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #a804b2
}
.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover {
background-color: #000
}
.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child {
border-top-color: #000
}
.irs--sharp .irs-max,.irs--sharp .irs-min {
color: #fff;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: .4;
background-color: #a804b2;
border-radius: 2px
}
.irs--sharp .irs-from,.irs--sharp .irs-single,.irs--sharp .irs-to {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: #a804b2;
color: #fff;
border-radius: 2px
}
.irs--sharp .irs-from:before,.irs--sharp .irs-single:before,.irs--sharp .irs-to:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #a804b2
}
.irs--sharp .irs-grid {
height: 25px
}
.irs--sharp .irs-grid-pol {
background-color: #dedede
}
.irs--sharp .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--round {
height: 50px
}
.irs--round.irs-with-grid {
height: 65px
}
.irs--round .irs-line {
top: 36px;
height: 4px;
background-color: #dee4ec;
border-radius: 4px;
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: #006cfa
}
.irs--round .irs-bar--single {
border-radius: 4px 0 0 4px
}
.irs--round .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222,228,236,.5)
}
.irs--round .irs-handle {
top: 26px;
width: 24px;
height: 24px;
border: 4px solid #006cfa;
background-color: #fff;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0,0,255,.3)
}
.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover {
background-color: #f0f6ff
}
.irs--round .irs-max,.irs--round .irs-min {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0,0,0,.1);
border-radius: 4px
}
.irs--round .irs-from,.irs--round .irs-single,.irs--round .irs-to {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: #fff;
border-radius: 4px
}
.irs--round .irs-grid-pol,.irs--square .irs-line {
background-color: #dedede
}
.irs--round .irs-from:before,.irs--round .irs-single:before,.irs--round .irs-to:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa
}
.irs--round .irs-grid {
height: 25px
}
.irs--round .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--square {
height: 50px
}
.irs--square.irs-with-grid {
height: 60px
}
.irs--square .irs-line {
top: 31px;
height: 4px
}
.irs--square .irs-bar {
top: 31px;
height: 4px;
background-color: #000
}
.irs--square .irs-shadow {
height: 2px;
bottom: 21px;
background-color: #dedede
}
.irs--square .irs-handle {
top: 25px;
width: 16px;
height: 16px;
border: 3px solid #000;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover {
background-color: #f0f6ff
}
.irs--square .irs-max,.irs--square .irs-min {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0,0,0,.1)
}
.irs--square .irs-from,.irs--square .irs-single,.irs--square .irs-to {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #000;
color: #fff
}
.irs--square .irs-grid {
height: 25px
}
.irs--square .irs-grid-pol {
background-color: #dedede
}
.irs--square .irs-grid-text {
color: silver;
font-size: 11px
}
body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute!important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47,0,.74,.71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22,.61,.36,1)
}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease,visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity .25s ease 0s,visibility 0s ease 0s;
visibility: visible
}
.fancybox-slide,.fancybox-slide--image .fancybox-content {
transition-property: transform,opacity;
-webkit-backface-visibility: hidden
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image::before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-image,.fancybox-slide--image .fancybox-content,.fancybox-spaceball {
max-width: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
top: 0;
left: 0
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5,0,.14,1);
background: no-repeat;
background-size: 100% 100%;
overflow: visible;
padding: 0;
position: absolute;
-ms-transform-origin: top left;
transform-origin: top left;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in
}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image,.fancybox-spaceball {
background: 0 0;
border: 0;
height: 100%;
margin: 0;
max-height: none;
padding: 0;
position: absolute;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: #000
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: #fff
}
.fancybox-iframe,.fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30,30,30,.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: 0
}
.fancybox-button.fancybox-focus {
outline: dotted 1px
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2),.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-share__button svg path,.green-link:hover svg path {
fill: #fff
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: 0 0;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.sec-decs__el,.title-main::after {
pointer-events: none
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline
}
.fancybox-share__button,.fancybox-share__button:hover,a {
text-decoration: none
}
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: 0 0;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0,0,.25,1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0,0,0)
}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19,1,.22,1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5,1.5,1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1,1,1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0);
transform: rotate(0)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0,0,0) translate3d(-100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0,0,0) translate3d(100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1,1,1) translate3d(0,0,0)
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0,0,0) scale(1)
}
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left:6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link,.fancybox-share__button:visited {
color: #fff
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__input {
background: 0 0;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: 0;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0,0,0,.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100px
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25,.46,.45,.94);
z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1
}
@media all and (max-width: 576px) {
.fancybox-thumbs {
width:110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
.owl-carousel,.owl-carousel .owl-item {
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden
}
body,header {
min-height: 100vh
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
a,body {
font-weight: 400
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.nav-menu li.li-dropdown,.nav-menu__ul li {
position: relative
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-dots,.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom:1}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
body,h1,h2,h3,h4,h5,h6,li,nav,p,ul {
padding: 0;
margin: 0
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
.nav-menu-dropdown,body {
display: flex;
background-color: #fff
}
body,html {
overflow-x: hidden
}
body {
font-family: Montserrat;
overflow-y: hidden;
flex-direction: column
}
.block-green-dec__text,.nav-menu__ul li>a,.top-navbar__text {
font-family: Montserrat;
font-size: 16px
}
li {
list-style: none
}
img {
max-width: 100%
}
* {
outline: 0
}
.container {
width: 100%;
max-width: 1567px;
padding: 0 15px;
margin: 0 auto
}
header {
height: auto!important
}
.nav-menu {
margin-right: 76px
}
.nav-menu__ul {
display: flex;
align-items: center
}
.nav-menu__ul li {
margin-right: 60px
}
.nav-menu__ul li:last-child {
margin-right: 0
}
.nav-menu__ul li>a {
font-weight: 500;
color: #0f0f26;
transition: .2s
}
.nav-menu-dropdown__el:hover,.nav-menu__ul li>a:hover {
color: #1ab3f7
}
.nav-menu li.li-dropdown::after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 130%;
height: 30px;
z-index: 10;
cursor: pointer
}
.nav-menu-dropdown {
z-index: 100;
position: absolute;
top: calc(100% + 27px);
left: -20px;
transition: .4s;
max-width: 583px;
min-width: 583px;
width: 100%;
border-radius: 5px;
box-shadow: 6px 10.4px 35px 0 rgba(47,47,49,.14);
border: 1px solid #eee;
padding: 35px 20px 30px;
flex-direction: column;
flex-wrap: wrap;
max-height: 315px
}
.nav-menu-dropdown-wrap {
display: none
}
.nav-menu-dropdown__el {
display: inline-block;
width: 50%;
margin-bottom: 10px;
line-height: 1.3;
padding: 0 15px;
transition: .2s
}
.top-navbar__block,.top-navbar__content,.top-navbar__language {
display: flex;
align-items: center
}
.header-main {
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/header.jpg) -43px 89px/cover no-repeat
}
@media screen and (max-width: 600px) {
.no-bg:not(.header-services) {
background-image:none!important
}
}
.dec-bubble-main__1 {
width: 222px;
height: 222px;
position: absolute;
top: 422px;
left: 632px
}
.main-page .top-navbar {
background-color: transparent
}
.top-navbar {
position: fixed;
left: 0;
width: 100%;
top: 0;
border-bottom: 1px solid rgba(0,0,0,.03);
z-index: 9999;
background-color: #F9F9F9
}
.block-green-dec::before,.locate-choose::after {
top: 50%;
content: ''
}
.top-navbar__num {
white-space: nowrap
}
.top-navbar__content {
transition: .1s;
padding: 20px 0;
justify-content: space-between
}
.top-navbar__text {
font-weight: 500;
color: #0f0f26
}
.top-navbar__language {
margin-right: 81px
}
.top-navbar__language-el {
margin-left: 30px;
transition: .1s
}
.top-navbar__language-el:hover,.top-navbar__language-el_active {
color: #1ab3f7
}
.top-navbar .block-green-dec__icon::after {
transition: .2s
}
.top-navbar_fixed {
background-color: #fff!important
}
.top-navbar_fixed .top-navbar__content {
padding: 10px 0
}
.top-navbar_fixed .block-green-dec::before {
width: 60px;
height: 60px
}
.top-navbar_fixed .block-green-dec__icon {
margin-left: 0
}
.top-navbar_fixed .block-green-dec {
padding-left: 24px
}
.block-green-dec {
display: inline-flex;
align-items: center;
position: relative;
cursor: pointer;
height: 70px;
padding-left: 30px
}
.block-green-dec::before {
position: absolute;
left: 0;
transform: translateY(-50%);
width: 70px;
height: 70px;
background-image: linear-gradient(to top,#60c7f2,#8bd4f7);
border-radius: 50px;
z-index: 5;
transition: .2s
}
.block-green-dec_sec {
margin-top: 35px
}
.block-green-dec__icon {
flex: none;
margin-right: 10px;
margin-left: 0;
position: relative;
height: auto;
display: flex;
align-items: center;
width: 14px
}
.block-green-dec__icon-img {
width: 100%;
height: auto;
position: relative;
z-index: 10
}
.block-green-dec__text {
position: relative;
z-index: 10;
font-weight: 500;
color: #0f0f26;
transition: .2s
}
.block-green-dec__text:not(.block-green-dec__icon-text) {
margin-right: 30px
}
.block-green-dec_padding .block-green-dec__text:not(.block-green-dec__icon-text) {
padding-top: 16px
}
.block-green-dec:hover::before {
width: 100%!important;
left: 0
}
.block-green-dec:hover .block-green-dec__text {
color: #fff
}
.locate-choose {
position: relative;
padding-right: 20px
}
.locate-choose::after {
position: absolute;
right: 0;
transform: translateY(-50%) rotate(90deg);
width: 10px;
height: 16px;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/arr-green.svg) center/contain no-repeat;
transition: .4s;
z-index: 100
}
.article__icon img,.article__img,.article__img img,.article__text,.green-link img path,.green-link svg path,.question-content__arr {
transition: .2s
}
.locate-choose:hover::before,.locate-choose.active::before {
width: calc(100% - 20px)!important
}
.locate-choose.active::after {
transform: translateY(-50%) rotate(-90deg)
}
.locate-choose.active::before {
width: 100%
}
.locate-choose__window {
display: none;
min-width: 220px;
width: 220px;
position: absolute;
z-index: 100;
left: -17px;
top: calc(100% + 30px)
}
.locate-choose__window::after {
content: '';
position: absolute;
top: -9px;
left: 9px;
width: 0;
height: 0;
border-width: 0 12.5px 10px;
border-color: transparent transparent #FFF;
border-style: solid
}
.locate-choose__cities {
padding: 18px 20px;
border-radius: 5px;
border: 1px solid #eee;
background-color: #fff
}
.locate-choose__cities-el {
margin-bottom: 13px
}
.locate-choose__cities-el:last-child {
margin-bottom: 0
}
.locate-choose__cities-el a {
font-size: 16px;
font-weight: 500;
color: #151a51;
border-bottom: 1px solid #fff;
transition: .2s
}
.locate-choose__cities-el a:hover {
color: #1ab3f7;
border-bottom: 1px solid #1ab3f7
}
.locate-choose__cities-el.active a {
color: #1ab3f7;
text-decoration: underline
}
.locate-choose__city {
border-radius: 5px;
background-color: #39cb66;
padding: 20px 25px 25px
}
.locate-choose__city::after {
border-color: transparent transparent #39cb66
}
.locate-choose__city-text {
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 500
}
.locate-choose__city-btns {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px
}
.locate-choose__city-btn {
width: 70px;
height: 40px;
border-radius: 5px;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.locate-choose__city-btn_yes {
background-color: #fff;
color: #151a52;
margin-right: 10px
}
.locate-choose__city-btn_not {
color: #fff;
border: 1px solid #fff
}
.wrap-header-services-content {
padding-bottom: 250px
}
.logo {
margin-right: 84px
}
.title {
color: #151a54;
font-weight: 500;
font-size: 50px;
letter-spacing: -3px;
line-height: 1.2
}
.title__500 {
font-weight: 500
}
.title_margin {
margin-bottom: 31px
}
.title-main {
font-size: 70px;
margin-bottom: 18px;
max-width: 700px;
position: relative;
display: inline-block
}
.title-main::after {
content: '';
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/decs/1.svg) center/contain no-repeat;
width: 150px;
height: 150px;
position: absolute;
bottom: -2px;
right: -26px
}
.title__green {
color: #1ab3f7;
font-weight: 500;
letter-spacing: 0
}
.title_white {
color: #fff;
max-width: 800px
}
h3.title {
font-size: 35px
}
h3.title-small {
font-size: 30px
}
.text-info,.title-5 {
font-size: 20px;
color: #151a54
}
.title-5 {
font-family: Montserrat;
font-weight: 500
}
.article__top-text,.form-el,.inp-file__text,.question-content__top-text,.slider-img-nav__text,.text-info,.wrap-text-content__content {
font-family: 'Open Sans'
}
.text-info {
line-height: 1.8
}
.text-info_sec {
font-size: 18px;
line-height: 1.67;
margin-bottom: 28px
}
.text-info_small {
font-size: 16px;
line-height: 1.3
}
.wrap-head-content {
padding: 339px 0 40px
}
.sec-border {
border-bottom: 1px solid rgba(199,199,199,.3)
}
.wrap-comfort {
padding: 219px 0 121px
}
.wrap-comfort-content {
display: flex;
justify-content: space-between
}
.wrap-comfort-content__left {
margin-top: 140px;
position: relative;
z-index: 2;
min-width: 385px
}
.wrap-comfort-content__center {
min-width: 30.8%;
width: 30.8%;
flex: none;
position: relative;
z-index: 1;
left: -15px
}
.wrap-comfort-content__right {
padding: 74px 0 0 38px
}
.drum {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/washer/door.jpg) center/cover no-repeat;
position: relative
}
.drum__circle,.drum_img img {
border-radius: 100%;
position: absolute
}
.drum__circle {
top: 19%;
left: 19%;
width: 63%;
height: 63%;
animation: drum 2s infinite;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/washer/circle.jpg) center/cover no-repeat
}
.drum_img img,.sec-decs__el img {
width: 100%;
height: 100%
}
.drum_img,.drum_img .drum__circle {
background-image: none
}
.drum_img img {
top: 0;
left: 0;
object-fit: cover;
object-position: center
}
@keyframes drum {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.wrap-decs {
position: relative
}
.sec-decs,.sec-decs__el {
position: absolute;
top: 0
}
.sec-decs {
left: 0;
z-index: 100;
width: 100%
}
.sec-decs-1__1 {
width: 121px;
height: 121px;
top: 164px;
left: -14px
}
.sec-decs-1__2 {
width: 61px;
height: 61px;
top: -100px;
left: 691px
}
.sec-decs-1__3 {
width: 248px;
height: 248px;
top: -57px;
right: -69px
}
.sec-decs-1__4 {
width: 76px;
height: 76px;
top: 378px;
right: 570px
}
.sec-decs-1__5 {
width: 44px;
height: 44px;
top: 521px;
right: 687px
}
.sec-decs-2__1 {
width: 82px;
height: 82px;
top: -112px;
left: 82px
}
.sec-decs-2__2 {
width: 75px;
height: 75px;
top: -46px;
right: 649px
}
.sec-decs-3__1 {
width: 324px;
height: 334px;
top: 178px;
left: -394px;
z-index: -1
}
.sec-decs-3__2 {
width: 121px;
height: 121px;
top: -101px;
right: 0;
z-index: 10
}
.sec-decs-3__3,.sec-decs-3__4 {
width: 44px;
height: 44px;
z-index: 10
}
.sec-decs-3__3 {
top: 104px;
left: 710px
}
.sec-decs-3__4 {
top: 717px;
left: 377px
}
.sec-decs-3__5 {
width: 350px;
height: 350px;
top: 836px;
right: -246px;
z-index: -1
}
.sec-decs-3__6 {
width: 290px;
height: 290px;
top: 1423px;
right: -200px;
z-index: 10
}
.sec-decs-3__7 {
width: 629px;
height: 629px;
top: 450px;
left: 166px;
z-index: -1
}
.sec-decs-4__1,.sec-decs-4__2,.sec-decs-4__3 {
width: 52px;
height: 52px
}
.sec-decs-4__1 {
top: -5px;
right: 88px
}
.sec-decs-4__2 {
top: 402px;
right: -199px
}
.sec-decs-4__3 {
top: 615px;
right: 286px
}
.sec-decs-5__1 {
width: 88px;
height: 88px;
top: 423px;
left: 984px
}
.sec-decs-5__2 {
width: 52px;
height: 52px;
top: 658px;
left: 914px
}
.sec-decs-5__3 {
width: 27px;
height: 27px;
top: 887px;
left: 1555px
}
.sec-decs-6__1 {
width: 42px;
height: 42px;
top: 100px;
left: 563px
}
.sec-decs-6__2 {
width: 52px;
height: 52px;
top: 430px;
left: 1000px
}
.sec-decs-6__3 {
width: 44px;
height: 44px;
top: 714px;
left: 290px
}
.sec-decs-7 {
z-index: 0
}
.sec-decs-7__1 {
width: 313px;
height: 313px;
top: 153px;
left: -197px;
z-index: -1
}
.sec-decs-7__2 {
width: 90px;
height: 90px;
right: 155px;
top: 68px
}
.sec-decs-7__3 {
width: 350px;
height: 350px;
right: -375px;
top: -31px
}
.sec-decs-7__4 {
width: 226px;
height: 226px;
top: -153px;
right: 101px;
z-index: 111
}
.sec-decs-7__5 {
width: 55px;
height: 55px;
top: -85px;
right: 228px;
z-index: 111
}
.sec-decs-8__1 {
top: 225px;
right: 65px;
width: 58px;
height: 58px
}
.sec-decs-8__2 {
top: 600px;
right: 124px;
width: 160px;
height: 160px
}
.sec-decs-8__3 {
top: 512px;
right: 805px;
width: 82px;
height: 82px
}
.sec-decs-8__4 {
top: 256px;
left: 847px;
width: 58px;
height: 58px
}
.sec-decs-8__5 {
top: 171px;
left: 354px;
width: 157px;
height: 157px
}
.sec-decs-8__6 {
top: 217px;
left: 428px;
width: 40px;
height: 40px
}
.sec-decs-9__1 {
width: 88px;
height: 88px;
left: 627px;
top: -204px
}
.sec-decs-9__2 {
width: 52px;
height: 52px;
left: 431px;
top: -39px
}
.sec-decs-9__3 {
width: 121px;
height: 121px;
left: 878px;
top: 126px
}
.sec-decs-9__4 {
width: 27px;
height: 27px;
right: 485px;
top: -119px
}
.sec-decs-9__5 {
width: 157px;
height: 157px;
right: 194px;
top: 400px
}
.sec-decs-9__6 {
width: 58px;
height: 58px;
right: 682px;
top: 529px
}
.sec-decs-9__7 {
width: 82px;
height: 82px;
left: 368px;
top: 944px
}
.sec-decs-9__8 {
width: 158px;
height: 158px;
left: -249px;
top: 977px
}
.sec-decs-10__1 {
width: 44px;
height: 44px;
top: -146px;
right: 347px
}
.sec-decs-10__2 {
width: 157px;
height: 157px;
top: -32px;
right: 420px
}
.sec-decs-10__3 {
display: none;
width: 105px;
height: 106px;
top: 0;
right: 0
}
.sec-decs-10__4 {
width: 105px;
height: 106px;
top: 969px;
right: 63px
}
.sec-decs-10__5 {
width: 106px;
height: 106px;
top: 720px;
left: 410px
}
.sec-decs-11__1 {
width: 74px;
height: 74px;
right: 454px;
top: 117px
}
.sec-decs-11__2 {
width: 58px;
height: 58px;
top: 577px;
left: 65px
}
.sec-decs-11__3 {
width: 74px;
height: 74px;
right: 554px;
top: 712px
}
.sec-decs-12__1 {
width: 27px;
height: 27px;
top: 254px;
left: 589px
}
.sec-decs-12__2 {
width: 42px;
height: 42px;
top: 426px;
left: 556px
}
.sec-decs-12__3 {
width: 58px;
height: 58px;
top: 556px;
left: 668px
}
.sec-decs-12__4 {
width: 127px;
height: 127px;
top: 358px;
left: 185px
}
.sec-decs-12__5 {
width: 127px;
height: 127px;
top: 421px;
right: 43px
}
.sec-decs-13__1 {
width: 128px;
height: 128px;
top: 661px;
left: 81px
}
.sec-decs-13__2 {
width: 141px;
height: 141px;
top: 555px;
right: 344px
}
.sec-decs-14__1 {
width: 127px;
height: 127px;
top: 149px;
right: 146px
}
.sec-decs-14__2 {
width: 127px;
height: 127px;
top: 452px;
left: 299px
}
.sec-decs-14__3 {
width: 58px;
height: 58px;
top: 611px;
right: 396px
}
.sec-decs-14__4 {
width: 58px;
height: 58px;
top: 880px;
left: 104px
}
.sec-decs-15__1 {
width: 88px;
height: 88px;
top: 95px;
right: 0
}
.sec-decs-15__2 {
width: 88px;
height: 88px;
top: 140px;
right: 614px
}
.sec-decs-15__3 {
width: 52px;
height: 52px;
top: 796px;
left: 73px
}
.sec-decs-15__4 {
width: 151px;
height: 151px;
top: 900px;
left: 139px
}
.sec-decs-15__5 {
width: 224px;
height: 224px;
top: 1118px;
right: 277px
}
.sec-decs-16__1 {
width: 107px;
height: 107px;
top: 153px;
right: 586px
}
.sec-decs-16__2 {
width: 154px;
height: 154px;
top: 148px;
left: -83px
}
.sec-decs-16__3 {
display: none;
width: 107px;
height: 107px;
top: 796px;
right: 0
}
.sec-decs-16__4 {
width: 224px;
height: 224px;
top: 600px;
left: 1126px
}
.sec-decs-16__5 {
width: 224px;
height: 224px;
top: 454px;
right: 200px
}
.sec-decs-16__6 {
width: 29px;
height: 29px;
top: 60px;
left: 670px
}
.sec-decs-17__1 {
width: 121px;
height: 121px;
top: 160px;
right: 127px
}
.sec-decs-17__2 {
width: 69px;
height: 69px;
top: 351px;
left: 63px
}
.sec-decs-17__3 {
width: 69px;
height: 69px;
top: 451px;
left: 911px
}
.sec-decs-17__4 {
width: 121px;
height: 121px;
top: 948px;
right: 598px
}
.sec-decs-18__1 {
width: 216px;
height: 216px;
top: 126px;
left: 74px
}
.sec-decs-18__2 {
width: 88px;
height: 88px;
top: 352px;
left: 873px
}
.sec-decs-18__3 {
width: 216px;
height: 216px;
top: 294px;
right: 74px
}
.sec-decs-18__4 {
width: 121px;
height: 121px;
top: 569px;
left: 590px
}
.sec-decs-19__1 {
width: 154px;
height: 154px;
top: 145px;
left: -95px
}
.sec-decs-19__2 {
width: 29px;
height: 29px;
top: 59px;
left: 685px
}
.sec-decs-19__3 {
width: 224px;
height: 224px;
top: 35px;
right: 37px
}
.sec-decs-19__4 {
width: 107px;
height: 107px;
top: 156px;
right: 579px
}
.wrap-question-content {
position: relative;
z-index: 10
}
.sec-progress {
position: relative;
z-index: 20
}
.sec-progress_small-padding .wrap-progress {
padding: 100px 0
}
.sec-progress_small-padding .title_margin {
margin-bottom: 17px
}
.wrap-progress {
padding: 153px 0 0
}
.wrap-progress-content {
margin-top: 59px;
margin-left: -150px;
margin-right: -150px
}
.wrap-progress-content img {
position: relative;
z-index: 100
}
.sec-about {
background-color: rgba(244,244,244,.5);
position: relative;
z-index: 10;
top: -200px;
margin-bottom: -200px
}
.wrap-about {
padding: 200px 0 102px
}
.wrap-about__top .title {
max-width: 392px
}
.wrap-about__top .text-info {
max-width: 678px
}
.wrap-articles {
margin: 0 -9px;
display: flex;
flex-wrap: wrap
}
.wrap-articles__article {
margin: 0 9px 20px;
max-width: 370px;
width: 100%
}
.wrap-articles_3 .wrap-articles__article {
max-width: 500px
}
.article {
background-color: #fff;
box-shadow: 6px -12.6px 32px 0 rgba(47,47,49,.05);
border-radius: 5px;
display: flex;
flex-direction: column
}
.article__img {
height: 307px;
min-height: 307px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
overflow: hidden;
padding: 15px
}
.article__img img {
max-height: 100%;
transform: scale(.9)
}
.article__body {
padding: 40px 20px 35px;
background-color: #FEFEFE;
box-shadow: inset 0 0 27px -9px rgba(47,47,49,.14);
height: 100%;
position: relative
}
.article__body::after,.article__body::before {
position: absolute;
right: 0;
height: 60px;
z-index: 1;
width: 100%;
pointer-events: none
}
.article__body::after {
content: '';
top: 0;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/shadow.png) top/cover no-repeat
}
.form-interval__inputs::after,.step__count::after,.step__count::before,.wrap-select::after {
top: 50%;
content: ''
}
.article__body::before {
content: '';
bottom: 0;
background-color: #fff
}
.article__dec,.article__text {
z-index: 20;
position: relative
}
.article__dec {
display: block;
max-width: 40px;
width: 100%;
margin: 0 auto 14px;
height: 2px;
border-radius: 1px;
background-color: #2cc05a
}
.article__text {
text-align: center;
color: #151a54;
font-size: 18px;
font-weight: 500
}
.article__top {
padding: 54px 50px 63px;
height: 100%
}
.article__top-text {
color: #151a54;
line-height: 1.88;
font-size: 16px
}
.article__top+.article__body {
height: auto
}
.article__icon {
text-align: center;
margin-bottom: 16px;
min-height: 50px;
font-size: 0
}
.article__icon img {
display: inline!important
}
.step,.steps {
display: flex
}
.article:hover .article__img {
padding: 10px
}
.article:hover .article__img img {
max-height: 100%;
transform: scale(1)
}
.article:hover .article__text {
color: #1ab3f7
}
.step__count,.step__text {
color: #151a54;
line-height: 1.67;
font-size: 18px;
font-weight: 500
}
.wrap-about-content {
margin-top: 45px
}
.sec-steps {
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/steps.jpg) 0 bottom no-repeat; background-size: auto auto;
position: relative
}
.sec-steps.no-bg {
background-image: none
}
.wrap-steps {
padding: 123px 0
}
.wrap-steps-content {
max-width: 737px;
width: 100%;
margin-left: auto
}
.wrap-steps__steps {
margin-top: 67px
}
.wrap-steps__form {
margin-top: 18px;
max-width: 680px
}
.steps {
flex-direction: column;
flex-wrap: wrap;
max-height: 350px
}
.article-cleaning__img img,.article-secret__img img {
max-height: 100%
}
.step {
align-items: flex-start;
max-width: 320px;
margin-bottom: 31px
}
.step__icon {
flex: none;
width: 30px;
height: 44px;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/icons/footprints.svg) center/contain no-repeat
}
.step__count {
position: relative;
margin: 0 41px;
width: auto;
letter-spacing: 0
}
.step__count::after,.step__count::before {
position: absolute;
transform: translateX(-50%);
width: 10px;
height: 2px;
border-radius: 1px;
background-color: #5bb377
}
.step__count::after {
left: -14px
}
.step__count::before {
right: -22px
}
.step__text {
min-height: 60px
}
.step__count,.step__text {
margin-top: 7px
}
.inp {
width: 100%;
display: block;
height: 70px
}
.textarea {
height: 96px;
width: 100%;
max-width: 100%
}
.textarea_big {
height: 130px
}
.form-el {
border: none;
background: #f9f9f9;
border-left: 2px solid #5bb377;
border-radius: 5px;
padding: 30px;
font-size: 14px;
font-weight: 400
}
.form-interval__name,.select {
padding-top: 0!important;
padding-bottom: 0!important
}
.form-el::placeholder {
color: rgba(21,26,84,.5)
}
.form-el_white {
background-color: #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 10px
}
.form-el_margin {
border-radius: 0;
margin-bottom: 15px
}
.form-interval__inp,.form-interval__name {
max-width: none;
margin-bottom: 0!important
}
.form-el.error {
border-color: red
}
.wrap-select {
position: relative;
font-size: 0
}
.wrap-select::after {
position: absolute;
right: 30px;
transform: translateY(-50%) rotate(90deg);
font-size: 0;
width: 10px;
height: 16px;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/arr-green.svg) center/contain no-repeat;
pointer-events: none
}
.form-interval {
display: flex;
justify-content: space-between;
flex-wrap: nowrap
}
.form-interval__name {
border-radius: 0;
width: 57%!important;
text-align: left;
display: flex;
align-items: center
}
.form-interval__inputs {
width: 41.4%!important;
display: flex;
justify-content: space-between;
position: relative
}
.form-interval__inputs::after {
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 20px;
height: 2px;
background-color: #5bb377
}
.sec-question,.sec-reviews {
background-color: rgba(244,244,244,.5)
}
.form-interval__inp {
width: 48.4%!important;
border: none;
padding-left: 0!important;
padding-right: 0!important;
text-align: center
}
.select {
display: block;
width: 100%;
height: 70px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.select.has-placeholder {
color: rgba(21,26,84,.5)
}
.select option {
color: #000
}
.option-hide {
display: none
}
.inp-file {
display: flex;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
cursor: pointer
}
.inp-file__inp {
position: absolute;
top: 0;
left: 0;
width: .1px;
height: .1px;
opacity: 0
}
.inp-file__icon {
flex: none;
margin-right: 9px;
width: 27px;
height: 27px;
display: flex;
align-items: center;
justify-content: center
}
.inp-file__icon img {
width: auto;
height: 100%
}
.inp-file__text {
color: #151a54;
font-size: 14px
}
.inputs {
display: flex;
flex-wrap: wrap
}
.inputs__el {
width: 50%
}
.inputs__el:nth-child(2) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.wrap-info {
padding: 101px 0 130px
}
.wrap-info-content {
margin-top: 59px
}
.block-slider-text {
display: flex
}
.block-slider-text__slider {
margin-right: 111px
}
.block-slider-text__text {
max-width: 350px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.slider-img {
width: 907px
}
.slider-img__el {
width: 907px;
height: 0;
padding-bottom: 77.2%;
position: relative
}
.slider-img__el img {
position: absolute;
object-fit: cover;
object-position: center;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.wrap-slider-img {
position: relative
}
.slider-img-nav {
position: absolute;
z-index: 111;
bottom: 65px;
right: 34px;
width: 156px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 34px;
background-image: linear-gradient(to top,#60c7f2,#8bd4f7)
}
.slider-img-nav__arr {
width: 17px;
height: 10px;
font-size: 0;
cursor: pointer;
-moz-user-select: none;
user-select: none
}
.slider-img-nav__arr svg {
width: 100%;
height: 100%
}
.slider-img-nav__text {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 16px;
margin: 0 19px;
-moz-user-select: none;
user-select: none
}
.wrap-reviews {
padding: 112px 0
}
.wrap-reviews__top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px
}
.question-content__top,.question-content__top-left {
display: flex;
align-items: center
}
.wrap-reviews-content {
margin-top: 44px
}
.wrap-reviews-content .article {
box-shadow: 7px 13.4px 36px 3px rgba(47,47,49,.05)
}
.wrap-question {
padding: 98px 0
}
.wrap-question__top {
margin-bottom: 30px
}
.wrap-question-content {
margin-top: 59px
}
.question-content {
background-color: #fff;
box-shadow: 6px 10.4px 35px 0 rgba(47,47,49,.14);
margin-bottom: 10px;
padding: 20px 0
}
.question-content__top {
padding: 0 50px;
justify-content: space-between;
cursor: pointer
}
.question-content__top-count {
color: #151a54;
font-size: 18px;
font-weight: 500;
margin-right: 31px;
padding-left: 22px;
position: relative
}
.question-content__top-count::after {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 10px;
height: 2px;
background-color: #2cbf5a;
border-radius: 1px
}
.question-content__top-text {
color: #151a54;
font-size: 18px
}
.question-content__body {
display: none;
padding: 20px 50px 20px 125px
}
.question-content__body-text {
line-height: 1.5;
max-width: 70%
}
.question-content.active .question-content__arr {
transform: rotate(-180deg);
background-image: linear-gradient(to top,#151950,#151950)
}
.arr-green {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
background-image: linear-gradient(to top,#60c7f2,#8bd4f7);
border-radius: 100%;
cursor: pointer;
font-size: 0
}
.arr-green img {
width: 17px;
height: 10px;
transform: rotate(-90deg)
}
.load-more-green {
margin-top: 40px
}
.sec-text {
position: relative;
z-index: 10
}
.sec-text__bg {
position: absolute;
top: -123px;
right: -191px;
max-width: 609px;
width: 100%;
height: 1040px;
background: url(//vyshgorod.bellissimo.ua/images/bg/bg-text.png) top/cover no-repeat;
pointer-events: none;
z-index: 100
}
.wrap-text,.wrap-text-content,.wrap-text__top {
z-index: 10;
position: relative
}
.sec-text__bg_img {
background-image: none
}
.green-link,.owl-dots .owl-dot.active {
background-image: linear-gradient(to top,#60c7f2,#8bd4f7)
}
.wrap-text {
padding: 120px 0
}
.wrap-text__top {
border-bottom: 1px solid rgba(199,199,199,.3);
padding-bottom: 58px;
margin-bottom: 58px
}
.wrap-text-content {
margin-top: 20px
}
.wrap-text-content__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 954px
}
.wrap-text-content__content .wrap-more-text {
display: none
}
.wrap-text-content__content-hidden {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.wrap-text-content__content p {
color: #000;
line-height: 2;
font-size: 15px;
width: 45%;
margin-bottom: 22px
}
.wrap-text-content__content h4 {
width: 100%;
font-size: 20px;
font-weight: 500;
line-height: 1.8;
color: #000;
max-width: 413px;
margin-bottom: 22px
}
.block-designBy,.green-link {
font-size: 0
}
.wrap-text-content .block-green-dec {
margin-top: 11px
}
footer {
margin-top: auto;
background-color: rgba(244,244,244,.5)
}
.wrap-foot {
padding: 69px 0
}
.wrap-foot-content {
display: flex;
align-items: center;
justify-content: space-between
}
.wrap-foot__left {
display: flex;
align-items: center;
margin-right: 21px
}
.block-designBy,.wrap-foot__center {
display: flex;
align-items: center
}
.wrap-foot__left .green-link {
margin-right: 20px
}
.wrap-foot__center-dec {
width: 2px;
height: 40px;
border-radius: 1px;
background-color: #5bb377;
margin: 0 80px
}
.green-link {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
border-radius: 100%;
cursor: pointer
}
.green-link img,.green-link svg {
width: 14px;
height: auto
}
.block-designBy__logo,.wrap-mob-menu {
align-items: center;
display: flex
}
.block-designBy__text {
color: #151a54;
font-weight: 500;
font-size: 16px;
margin-right: 19px
}
.block-designBy__logo-icon {
font-size: 0;
width: 24px;
height: 24px;
flex: none;
transition: transform .6s;
transform-style: preserve-3d;
will-change: transform
}
.block-designBy__logo-icon:hover {
transform: rotateY(360deg);
perspective: 500px
}
.block-designBy__logo-text {
font-family: 'Gotham Pro';
color: #000;
font-size: 14px;
font-weight: 600;
margin-left: 7px
}
.header-services__text,.services-info-el__text,.stock-block__text {
font-family: 'Open Sans'
}
.owl-dots {
display: flex;
align-items: center;
justify-content: center
}
.owl-dots .owl-dot {
width: 6px;
height: 6px;
border: 1px solid #609148!important;
border-radius: 100%;
margin-right: 5px
}
.owl-dots .owl-dot:last-child {
margin-right: 0
}
.owl-dots .owl-dot.active {
border-color: transparent!important
}
.owl-dots .owl-dot span {
display: none
}
.page-services .top-navbar {
background-color: #fff
}
.header-services {
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/services-carpet.jpg) top/cover no-repeat grey;
min-height: 70vh
}
.header-services__text {
color: #fff;
font-size: 16px
}
.wrap-content-navbarBefore {
padding-top: 151px
}
.wrap-header-services-content {
margin-top: 178px
}
.crumbs {
flex-wrap: wrap;
align-items: center;
margin-left: 5px
}
.crumbs li {
display: inline;
white-space: normal;
margin-right: 5px;
margin-bottom: 5px
}
.crumbs li a {
color: #d4d4d4;
font-weight: 500;
font-size: 16px
}
.stock-block {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
border-radius: 5px;
background-color: #fff;
padding: 138px 130px;
position: relative;
top: -204px;
margin-bottom: -204px
}
.stock-block__bg {
position: absolute;
bottom: 0;
left: 316px;
pointer-events: none;
z-index: 1;
font-size: 0
}
.stock-block__left,.stock-block__right {
position: relative;
z-index: 10
}
.stock-block__left {
max-width: 470px;
margin-right: 20px
}
.stock-block .title {
margin-bottom: 31px;
font-size: 35px
}
.stock-block__right {
padding-top: 2px;
max-width: 396px
}
.stock-block__text {
color: #151a54;
font-size: 16px;
line-height: 1.5;
margin-bottom: 2px
}
.stock-block__timer {
margin-bottom: 23px
}
.timer__text {
color: #151a54;
font-size: 28px;
font-weight: 300;
line-height: 1
}
.timer__text-green {
color: #2bbf5a
}
.sec-secret {
background-color: rgba(244,244,244,.5)
}
.wrap-secret {
padding-bottom: 101px
}
.wrap-secret__top {
margin-top: 106px
}
.wrap-secret-content {
margin-top: 54px
}
.wrap-articles-secret {
margin-left: -9px;
margin-right: -9px
}
.wrap-articles-secret .article-secret {
margin-left: 9px;
margin-right: 9px
}
.article-secret {
box-shadow: 6px 10.4px 35px 0 rgba(47,47,49,.01);
position: relative
}
.article-secret__img {
min-height: 327px;
height: 327px;
display: flex;
align-items: center;
justify-content: center
}
.article-secret__body {
padding: 0 20px 35px
}
.article-secret__body .article__dec {
margin-bottom: 17px
}
.article-secret__plus {
position: absolute;
transform: translateY(-50%);
top: 50%;
right: -47px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 20px;
color: #151a54;
flex: none;
width: 80px;
height: 80px;
border: 5px solid #f9f9f9;
background-color: #fff;
border-radius: 100%;
z-index: 10
}
.sec-services_top,.sec-work {
position: relative
}
.sec-services {
background-repeat: no-repeat;
background-position: -261px bottom;
background-size: auto auto;
}
.sec-services, .sec-work, .sec-competitor, .sec-steps{
max-width: 1920px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.sec-services_top {
top: -89px;
margin-bottom: -89px
}
.sec-services-furniture,.sec-services-jacket,.sec-services-pillows,.sec-services-plaids {
background-position: left bottom
}
.wrap-services {
padding-bottom: 130px
}
.wrap-services-content {
align-items: flex-start;
display: flex
}
.wrap-services-content__left {
max-width: 720px;
flex: none;
margin-right: 20px
}
.wrap-services-content__left .title {
margin-bottom: 19px
}
.wrap-services-content__right {
padding-top: 254px;
max-width: 698px;
margin-left: auto
}
.wrap-services__attention {
margin-top: 43px
}
.wrap-services__form {
margin-top: 29px
}
.services-info {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: -53px
}
.services-info_block {
display: block;
margin-bottom: 0!important
}
.services-info__el {
max-width: 309px;
width: 100%;
margin-bottom: 53px
}
.services-info-el__icon {
display: flex;
align-items: flex-end;
font-size: 0;
width: 52px;
height: 52px;
margin-bottom: 35px
}
.services-info-el__icon img {
width: auto;
height: 100%
}
.services-info-el__title {
color: #151a54;
font-weight: 500;
font-size: 18px;
margin-bottom: 20px;
line-height: 1
}
.services-info-el__text {
color: #151a54;
line-height: 1.71;
font-size: 14px
}
.attention {
display: flex;
align-items: center
}
.attention__icon {
flex: none;
width: 78px;
height: 78px;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/attention-icon.png) top/contain no-repeat;
margin-right: 30px
}
.attention__text {
color: #151a54;
line-height: 1.33;
font-weight: 500;
font-size: 18px
}
.form__title {
color: #151a54;
line-height: 1.8;
font-weight: 500;
font-size: 20px;
margin-bottom: 21px
}
.advantage-info-el__text,.article-cleaning__text {
line-height: 1.71;
font-family: 'Open Sans'
}
.form__text-bottom {
margin-top: 20px;
color: #151a54;
font-size: 18px;
font-weight: 500
}
.form__text-bottom span {
color: #37ca65
}
.wrap-article-cleaning {
display: flex;
flex-wrap: wrap;
max-width: 1385px;
margin: 0 auto
}
.wrap-article-cleaning__el {
margin: 0 15px 24px
}
.wrap-article-cleaning_3 .wrap-article-cleaning__el {
max-width: calc(33% - 30px)
}
.article-cleaning {
max-width: 316px;
width: 100%
}
.article-cleaning__img {
height: 173px;
min-height: 173px;
display: flex;
align-items: flex-end;
justify-content: center
}
.article-cleaning__body {
margin-top: 31px;
text-align: center
}
.article-cleaning__dec {
border-radius: 1px;
background-color: #2cc05a;
height: 2px;
width: 40px;
margin: 0 auto 28px
}
.article-cleaning__title {
font-size: 18px;
font-weight: 500;
color: #151a54;
margin-bottom: 21px
}
.article-cleaning__text {
color: #151a54;
font-size: 14px;
display: inline
}
.article-cleaning__text-hide {
display: none
}
.article-cleaning__link {
display: block;
margin-top: 10px;
color: rgba(21,26,84,.5);
font-size: 12px;
font-weight: 500
}
.wrap-cleaning {
padding: 96px 0 30px
}
.wrap-cleaning-content {
margin-top: 47px
}
.wrap-advantage {
padding: 43px 0 126px
}
.wrap-advantage-content {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1403px;
margin: 0 auto 0 0
}
.wrap-advantage-content__left {
max-width: 500px;
width: 100%;
margin-right: 20px
}
.wrap-advantage-content__right {
max-width: 623px;
width: 100%;
padding-top: 7px
}
.wrap-advantage-content__right_flued {
max-width: 100%;
margin-left: 60px
}
.advantage-info_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.advantage-info_flex .advantage-info__el {
width: 48%
}
.advantage-info__el {
margin-bottom: 26px
}
.advantage-info__el:last-child {
margin-bottom: 0
}
.advantage-info-el {
display: flex;
align-items: flex-start
}
.advantage-info-el__icon {
width: 52px;
height: 52px;
flex: none;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/advantage-icon.png) top/contain no-repeat;
font-size: 0
}
.advantage-info-el__dec {
border-radius: 1px;
background-color: #5bb377;
width: 10px;
height: 2px;
margin-left: 34px;
margin-right: 33px;
flex: none;
margin-top: 24px
}
.advantage-info-el__body {
margin-top: 15px
}
.advantage-info-el__title {
color: #151a54;
font-weight: 500;
font-size: 18px;
margin-bottom: 20px
}
.advantage-info-el__text {
color: #151a54;
font-size: 14px
}
.advantage-info-el__text-green {
font-size: #2cbf5a
}
.sec-work__bg {
position: absolute;
bottom: 143px;
right: -122px;
pointer-events: none;
z-index: 1
}
.sec-work__bg_jacket,.sec-work__bg_pladis {
top: 0;
right: 0
}
.sec-work__bg_furniture {
right: 0;
height: auto;
bottom: auto;
top: 50%;
transform: translateY(-50%)
}
.sec-work__bg_pillows {
bottom: 0;
right: 0
}
.sec-work__bg_car {
top: auto!important;
bottom: 200px
}
.sec-work .container {
position: relative;
z-index: 111
}
.wrap-work {
position: relative;
z-index: 10;
padding: 109px 0 92px 130px
}
.wrap-work-content {
display: flex
}
.wrap-work-content__left {
max-width: 592px;
width: 100%;
margin-right: 59px
}
.wrap-work-content__right {
max-width: 700px
}
.wrap-work-content__attention {
margin-top: 50px;
max-width: 560px
}
.wrap-work__form {
margin-top: 60px
}
.sec-competitor {
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/competitor.jpg) 76px bottom no-repeat
}
.wrap-competitor {
padding: 102px 0 362px
}
.wrap-competitor-content {
margin-top: 165px;
max-width: 690px;
width: 100%;
margin-left: auto;
margin-right: 59px
}
.competitor-info__el {
margin-bottom: 46px;
padding-bottom: 43px;
border-bottom: 1px solid rgba(199,199,199,.3)
}
.competitor-info__el:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
.competitor-info-el {
display: flex;
align-items: center
}
.competitor-info-el__icon,.example-content__bottom {
align-items: center;
display: flex
}
.competitor-info-el__icon {
width: 85px;
height: 85px;
border-radius: 100%;
justify-content: center;
font-size: 0;
margin-right: 50px;
flex: none;
margin-top: 20px
}
.competitor-info-el__icon_red {
font-family: 'Open Sans';
background-color: #df5252;
font-size: 21px;
color: #fffefe;
transform: rotate(45deg)
}
.competitor-info-el__icon_green {
background-color: #49c767
}
.competitor-info-el__title {
font-size: 18px;
font-weight: 500;
color: #151a54;
margin-bottom: 20px
}
.competitor-info-el__text {
font-family: 'Open Sans';
color: #151a54;
line-height: 1.72;
font-size: 14px
}
.sec-example {
background-color: rgba(244,244,244,.5)
}
.wrap-example {
padding: 98px 0 117px
}
.wrap-example-content {
margin-top: 57px
}
.cocoen-drag {
background-color: rgba(0,0,0,.1)
}
.cocoen-drag::before {
content: '';
position: absolute;
border: 0;
margin: 0;
width: 156px;
height: 68px;
left: 50%;
top: auto;
bottom: 30px;
transform: translateX(-50%);
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/example-btn.png) top/contain no-repeat
}
.cocoen {
overflow: visible
}
.example-content__text {
text-align: center;
margin-top: 18px;
color: #151a54;
font-size: 18px;
font-weight: 500;
line-height: 1
}
.example-content__bottom-el {
width: 50%;
text-align: center
}
.sec-calculate {
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/calculate-bg.png) right center no-repeat
}
.wrap-calculate {
padding: 101px 0 119px
}
.wrap-calculate__top {
max-width: 720px
}
.wrap-calculate__top .title_margin {
margin-bottom: 14px
}
.wrap-calculate-content {
max-width: 900px;
width: 100%;
margin-top: 62px;
margin-left: 56px
}
.wrap-calculate-content .block-green-dec {
margin-top: 41px;
margin-left: 75px
}
.calculate__line {
border-radius: 5px;
background-color: #f9f9f9;
display: flex;
align-items: center;
padding: 5px 5px 5px 30px;
margin-bottom: 10px
}
.calculate__line-body {
display: flex;
width: 100%
}
.calculate__line-body .irs {
width: 100%
}
.calculate__line-body .irs.irs--flat {
position: relative;
width: 100%
}
.calculate__line-body .irs--flat .irs-line {
background-color: transparent;
height: 60px;
top: 0;
cursor: pointer
}
.calculate__line-body .irs-with-grid .irs-grid {
display: none
}
.calculate__line-body .wrap-marks {
display: flex;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none
}
.calculate__line-body .wrap-marks .showcase__mark {
width: 100%;
font-family: Montserrat
}
.calculate__line-body .irs-handle,.calculate__line-body .showcase__mark {
width: 80px;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
height: 60px;
cursor: pointer
}
.calculate__line-body .showcase__mark {
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
color: #151a54;
margin-right: 2px
}
.calculate__line-body .showcase__mark:last-child {
margin-right: 0
}
.calculate__line-body .irs--flat .irs-bar {
display: none
}
.calculate__line-body .irs-handle {
background-image: linear-gradient(to top,#60c7f2,#8bd4f7);
top: 0;
margin-right: 2px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-family: Montserrat
}
.additionally-article__cost,.additionally-article__text,.choice-el__text,.contact-block__title,.popUp-content_reviews__img-text,.portfolio-select__text,.review-list__text,.table-cost__text {
font-family: 'Open Sans'
}
.calculate__line-body .irs-handle i {
display: none!important
}
.irs-handle {
font-weight: 700 !important;
}
.calculate__line-body__range {
width: 100%;
margin-right: 2px
}
.calculate__line-body .irs--flat .irs-max,.calculate__line-body .irs--flat .irs-min {
display: none
}
.calculate__line-left {
min-width: 169px;
font-weight: 700 !important;
}
.calculate__text {
color: #151a54;
font-size: 14px;
font-weight: 500;
margin-right: 30px;
white-space: nowrap;
flex: none
}
.calculate__select {
border-radius: 5px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
color: #151a54;
font-size: 14px;
font-weight: 500;
margin-right: 2px;
width: 100%;
height: 60px;
cursor: pointer
}
.calculate__select-inp,.calculate__service {
border: none;
font-size: 14px;
font-weight: 500
}
.calculate__select.selected {
background-image: linear-gradient(to top,#60c7f2,#8bd4f7);
color: #fff
}
.calculate__select:last-child {
margin-right: 0
}
.calculate__select-inp {
box-shadow: none;
text-align: center;
color: #151a54;
padding: 10px;
width: 82px
}
.calculate__select-inp::placeholder {
color: rgba(21,26,84,.5)
}
.calculate__select-inp::-webkit-inner-spin-button,.calculate__select-inp::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.calculate__bottom {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.calculate__service {
width: 100%;
margin-right: 10px;
border-radius: 5px;
background-color: #f9f9f9;
padding: 28px 30px;
color: #151a54;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.calculate__service-wrap {
width: 40%;
position: relative
}
.calculate__service-wrap::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
width: 0;
height: 0;
border-width: 4px 3.5px 0;
border-color: #000 transparent transparent;
border-style: solid
}
.calculate__service-wrap option {
line-height: 2;
padding: 10px 0;
-webkit-appearance: menulist-button
}
.calculate__cost {
width: 58%;
width: calc(60% - 10px)
}
.calculate__cost-text {
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
color: #151a54;
border-radius: 5px;
background-color: #fff;
width: 100%;
height: 60px;
font-size: 18px
}
.calculate__cost-text_small {
font-size: 14px;
display: inline-block;
margin-left: 5px
}
.calc__lineprice {
display: flex;
}
.calculator__prinput {
margin-right: 4px;
flex-grow: 1;
width: 100%;
}
.calculator__prinput:last-child {
margin-right: 0;
}
.calculator__prinput input {
display: none;
}
.calculator__prinput input:checked + label {
background: linear-gradient(180deg, #76D3FC 0%, #3FC8F8 100%);
}
.calculator__prinput input:checked + label * {
color: #fff;
}
.calc__inplabel {
min-height: 54px;
border-radius: 40x;
padding: 8px;
background-color: #fff;
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
cursor: pointer;
flex-wrap: wrap;
height: 100%;
}
.calc__prname {
font-size: 12px;
padding-right: 6px;
}
.calc__prval {
font-size: 14px;
font-weight: 700;
margin: 4px 0;
color: #1AB3F7;
}
.calc__prval span {
font-size: 12px;
}
..calculate__line-body * {
font-weight: 700 !important;
}
.calc__resline {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
}
.calc__priceline {
max-width: 194px;
width: 100%;
font-size: 18px;
}
.calc__priceline * {
font-weight: 700 !important;
}/*/*/.precis__container {
display: flex;
justify-content: space-between;
}
.appr__leftlist {
padding-top: 88px;
width: calc(24.71% - 10px);
}
.appr__leftitem {
margin-bottom: 8px;
height: 80px;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 0 24px;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
align-content: center;
text-transform: ;
}
.prices__list {
width: calc(75.29% - 10px);
display: flex;
align-content: flex-start;
align-items: flex-start;
justify-content: space-between;
}
.prices__item {
width: calc(100% / 3 - 40px / 3);
}
.prices__top {
height: 80px;
padding: 0 24px;
font-size: 20px;
line-height: 20px;
margin-bottom: 8px;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
border-radius: 8px;
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
color: #fff;
font-weight: 700;
}
.prices__top.pale  {
background: linear-gradient(180deg, #CDE8F3 0%, #88BAD6 100%);
}
.prices__top.nlue  {
background: linear-gradient(180deg, #76D3FC 0%, #3FC8F8 100%);
}
.prices__top.green  {
background: linear-gradient(180deg, #01D661 0%, #49E0AA 100%);
}
.prices__prfield {
font-size: 28px;
}
.prices__prfield span {
font-size: 16px;
font-weight: 400;
}
.prices__appritem {
height: 80px;
background: #FFFFFF;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
border-radius: 8px;
margin-bottom: 8px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8 14.9996L3 9.99961L4.4 8.59961L8 12.1996L15.6 4.59961L17 5.99961L8 14.9996Z' fill='%23E5E5E5'/%3E%3C/svg%3E%0A");
-webkit-background-size: 20px;
background-size: 20px;
background-position: center center;
background-repeat: no-repeat;
}
.prices__appritem.active {
background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8 14.9996L3 9.99961L4.4 8.59961L8 12.1996L15.6 4.59961L17 5.99961L8 14.9996Z' fill='url(%23paint0_linear_243_16)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_243_16' x1='10' y1='0' x2='10' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2376D3FC'/%3E%3Cstop offset='1' stop-color='%233FC8F8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.prices__apprmob {
display: none;
}
.prices__body {
padding: 32px 20px;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
border-radius: 8px;
text-align: center;
}
.prices__bodytitle {
font-size: 16px;
font-weight: 600;
color: #1AB3F7;
}
.prices__punktes {
margin-top: 16px;
}
.prices__punktes li {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
position: relative;
}
.prices__punktes li::after {
content: '';
position: absolute;
height: 1px;
bottom: -9px;
width: 35px;
left: 50%;
transform: translateX(-50%);
background-color: #151A54;
}
.prices__punktes li:last-child {
margin: 0;
}
.prices__punktes li:last-child::after {
display: none;
}
.prices__body .block-green-dec {
margin-left: 0 !important;
margin-top: 24px !important;
}/*/*/.wrap-additionally {
padding: 99px 0 114px
}
.wrap-additionally .block-green-dec {
margin-top: 0;
margin-left: 123px
}
.wrap-additionally__top {
max-width: 630px
}
.wrap-additionally__top .title_margin {
margin-bottom: 15px
}
.wrap-additionally-content {
margin-top: 62px
}
.wrap-additionally-articles {
margin-left: -10px;
margin-right: -10px;
display: flex;
flex-wrap: wrap
}
.wrap-additionally-articles__el {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
width: calc(25% - 20px)
}
.wrap-additionally-articles_3 .wrap-additionally-articles__el {
width: calc(33% - 20px);
max-width: 100%
}
.additionally-article {
max-width: 370px
}
.additionally-article__img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 71.6%
}
.additionally-article__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.additionally-article__body {
margin-top: 25px;
padding-right: 35px
}
.additionally-article__title {
color: #151a54;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px
}
.additionally-article__dec {
border-radius: 1px;
background-color: #5bb377;
width: 40px;
height: 2px;
margin-bottom: 13px
}
.sec-choice,.sec-form {
background-color: rgba(244,244,244,.5)
}
.additionally-article__text {
color: #151a54;
line-height: 1.71;
font-size: 14px
}
.additionally-article__cost {
color: #151a54;
line-height: 1.5;
font-size: 16px;
margin-bottom: 7px
}
.additionally-article__cost-red {
font-size: 13px;
color: #e34141;
display: inline-block;
margin-left: 5px;
text-decoration: line-through
}
.additionally-article__cost-green {
color: #30c45f
}
.sec-form {
position: relative
}
.sec-form__bg {
position: absolute;
bottom: 0;
right: 0;
z-index: 10
}
.wrap-form {
padding: 139px 0 118px
}
.wrap-form-content {
display: flex;
max-width: 1412px
}
.wrap-form-content__left,.wrap-form-content__right {
max-width: 488px;
width: 100%
}
.wrap-form-content__left {
padding-top: 29px;
margin-right: 170px
}
.wrap-form-content__left .title_margin {
margin-bottom: 15px
}
.sec-cost .block-green-dec {
margin-left: 100px;
margin-top: 0
}
.wrap-cost {
padding: 97px 0 10px
}
.wrap-cost-content {
margin-top: 57px
}
.sec-reviews_white .wrap-reviews {
padding: 56px 0 101px
}
.wrap-reviews-content.owl-carousel {
margin-top: 0!important
}
.wrap-reviews-content-carousel {
margin-left: -20px;
margin-right: -20px;
padding: 0 20px;
overflow: hidden
}
.wrap-reviews-content-carousel .owl-stage-outer {
overflow: visible
}
.wrap-reviews-content-carousel__nav {
position: static;
margin: 10px auto 0
}
.reviews-content-carousel .article {
width: calc(100% - 20px);
margin: 0 auto 20px
}
.owl-carousel .owl-item img {
display: inline;
width: auto
}
.sec-choice__btn {
margin-top: 20px
}
.wrap-choice {
padding: 107px 0
}
.wrap-choice__top {
max-width: 601px
}
.wrap-choice-content {
margin-top: 65px
}
.choice-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: -10px;
margin-right: -10px
}
.choice-block__el {
width: calc(25% - 20px);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px
}
.choice-el {
max-width: 370px;
border-radius: 5px;
box-shadow: 6px 10.4px 35px 0 rgba(47,47,49,.14);
background-color: #fff;
padding: 50px 30px 30px
}
.choice-el__img {
text-align: center;
font-size: 0;
margin-bottom: 20px
}
.choice-el__title {
color: #151a54;
font-size: 18px;
font-weight: 500;
margin-bottom: 8px
}
.choice-el__stars {
margin-bottom: 9px
}
.choice-el__text {
color: #151a54;
line-height: 1.88;
font-size: 16px
}
.choice-el__body {
text-align: center
}
.choice-el__dec {
width: 40px;
height: 2px;
border-radius: 1px;
background-color: #5bb377;
margin: 28px auto 20px
}
.choice-el__btn {
margin-top: 27px;
justify-content: center
}
.form-rating,.stars {
display: flex;
align-items: center
}
.choice-el__btn .block-green-dec__icon::after {
width: 60px;
height: 60px
}
.stars {
justify-content: center
}
.stars__el {
margin-right: 8px
}
.stars__el:last-child {
margin-right: 0
}
.star {
width: 12px;
height: 12px;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/star.svg) center/contain no-repeat
}
.star_white {
background-image: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/star_white.svg)
}
.form-rating {
border-radius: 0;
justify-content: space-between
}
.form-rating__name {
text-align: left
}
.form-rating__stars {
display: inline-flex;
align-items: center;
font-size: 0
}
.form-rating__star {
margin-left: 10px;
width: 18px;
height: 18px;
background-image: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/star_gray.svg);
font-size: 0;
cursor: pointer
}
.form-rating__star.active {
background-image: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/star.svg)
}
.sec-white {
background-color: #fff
}
.btn-action {
display: inline-flex;
cursor: pointer
}
.bnt-submit,.btn-submit {
border: none;
cursor: pointer;
background-color: transparent
}
.block-reviews-list__title {
margin-bottom: 36px
}
.reviews-list__el {
border-bottom: 1px solid #eee;
border-radius: .5px;
margin-bottom: 27px;
padding-bottom: 26px
}
.table-cost,.table-cost__cell {
border: .5px solid #eee;
border-spacing: 0
}
.reviews-list__el:last-child {
margin-bottom: 0
}
.reviews-list_scroll::-webkit-scrollbar {
width: 0
}
.reviews-list_scroll {
max-height: 720px;
padding-right: 74px;
overflow-y: auto
}
.review-list__top {
display: flex;
justify-content: space-between;
margin-bottom: 19px
}
.review-list__name {
color: #30c45f;
font-size: 20px;
font-weight: 500;
margin-right: 20px;
line-height: 1
}
.review-list__stars {
justify-content: flex-end
}
.review-list__text {
color: #151a54;
font-style: normal;
line-height: 1.3;
font-size: 16px
}
.wrap-scrollbar {
position: relative
}
.scrollbar,.scrollbar__dec {
position: absolute;
top: 0;
z-index: 100
}
.scrollbar {
right: 3px;
height: 100%;
width: 1px;
background-color: #eee
}
.scrollbar__dec {
left: -1px;
min-width: 3px;
flex: none;
min-height: 38px;
background-image: linear-gradient(to top,#60c7f2,#8bd4f7);
cursor: pointer
}
.wrap-table-cost {
margin-top: 55px
}
.wrap-table-cost__title {
margin-left: 130px;
margin-bottom: 34px;
font-size: 25px;
color: #151a54
}
.wrap-table-cost__more {
margin-top: 17px;
cursor: pointer;
color: rgba(44,192,90,.5);
font-size: 12px;
font-weight: 500
}
.table-cost {
padding: 0;
table-layout: fixed;
width: 100%
}
.table-cost__title {
font-weight: 500;
color: #020202;
font-size: 16px
}
.table-cost__text {
color: #020202;
font-size: 16px
}
.table-cost__cell {
width: 2%
}
.table-cost__cell-name {
width: 6.1%
}
.table-cost__cell-body {
display: flex;
align-items: center;
justify-content: center;
padding: 5px
}
.table-cost__cell-img {
width: 200px;
min-width: 200px;
max-width: 200px;
height: 130px;
font-size: 0;
border-right: 0;
position: relative
}
.table-cost__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.table-cost__tr-main .table-cost__cell-body {
min-height: 93px;
display: flex;
align-items: center;
justify-content: center
}
.wrap-services-page {
padding: 211px 0 100px
}
.wrap-services-page .wrap-about__top {
margin-bottom: 60px
}
.sec-page-contact {
background-color: rgba(244,244,244,.5)
}
.portfolio-select,.sec-portfolio {
background-color: #fff
}
.wrap-page-contact {
padding: 211px 0 50px
}
.wrap-page-contact-content {
margin-top: 70px
}
.wrap-page-contact-content_border {
border-bottom: 1px solid rgba(199,199,199,.3);
padding-bottom: 50px;
margin-bottom: 50px
}
.wrap-page-contact-content__body {
display: flex;
justify-content: space-between
}
.wrap-page-contact-content__body__left,.wrap-page-contact-content__body__right {
width: 50%
}
.wrap-page-contact-content__body__left .contact-block,.wrap-page-contact-content__body__right .contact-block {
margin-right: 0
}
.wrap-page-contact-content__body__right {
max-width: 515px;
width: 100%
}
.contact-map__top,.wrap-page-contact {
margin-left: auto;
margin-right: auto
}
.contact-block {
display: inline-block;
margin-right: 102px
}
.contact-block__title {
color: #151a54;
line-height: 1;
font-size: 16px;
margin-bottom: 26px;
min-height: 16px
}
.contact-block__text {
display: block;
color: #151a54;
line-height: 1.33;
font-size: 30px;
font-weight: 500
}
.contact-block__flex {
display: flex;
align-items: center
}
.contact-block__flex-el {
margin-right: 20px
}
.contact-block__flex-el:last-child {
margin-right: 0
}
.contact-map__top {
margin-bottom: 60px
}
.contact-map__select {
display: none
}
.contact-map__map {
font-size: 0
}
.contact-map__map img {
width: 100%
}
.wrap-portfolio {
padding: 211px 0 101px
}
.wrap-portfolio__top {
max-width: 645px
}
.wrap-portfolio__top .text-info {
margin-top: 24px;
margin-bottom: 36px
}
.wrap-portfolio-content {
margin-top: 70px
}
.portfolio-select {
border: 1px solid #eee;
max-width: 500px;
position: relative
}
.portfolio-select__top {
padding: 15px 30px;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
border-radius: 5px
}
.portfolio-select__text {
color: #151a54;
font-size: 14px
}
.portfolio-select__dec {
width: 30px;
height: 2px;
border-radius: 1px;
background-color: #5bb377;
margin: 0 30px
}
.portfolio-select__img {
width: 80px;
height: 40px;
margin-right: 17px;
position: relative
}
.portfolio-select__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center
}
.portfolio-select__arr {
position: absolute;
top: 50%;
right: 22px;
content: '';
transform: translateY(-50%) rotate(90deg);
font-size: 0;
width: 10px;
height: 16px;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/arr-green.svg) center/contain no-repeat;
pointer-events: none;
transition: .4s
}
.portfolio-select__body {
background-color: #fff;
border-radius: 5px;
border: 1px solid #eee;
padding: 15px 15px 30px;
border-top: solid 1px #eee;
display: flex;
justify-content: space-between
}
.portfolio-select__body-wrap {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 100;
display: none
}
.portfolio-select__body-dec {
width: 1px;
border: .5px solid #eee;
margin: 0 25px
}
.portfolio-select__col {
width: 50%;
padding: 5px 0 0
}
.portfolio-select__col:last-child .portfolio-select__el {
margin-bottom: 23px
}
.portfolio-select__el {
display: flex;
align-items: center;
margin-bottom: 15px
}
.portfolio-select__el:last-child {
margin-bottom: 0
}
.portfolio-select__el-icon {
width: 40px;
height: 40px;
flex: none;
position: relative;
margin-right: 20px
}
.portfolio-select__el-icon img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center
}
.portfolio-select__el-text {
transition: .2s
}
.portfolio-select__el:hover .portfolio-select__text {
color: #5bb377
}
.portfolio-select.active .portfolio-select__top {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 0
}
.portfolio-select.active .portfolio-select__arr {
transform: translateY(-50%) rotate(-90deg)
}
.wrap-portfolio-content {
margin-left: -10px;
margin-right: -10px;
display: flex;
flex-wrap: wrap
}
.wrap-portfolio-content .portfolio-content {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
font-size: 0;
width: calc(33% - 20px)
}
.portfolio-content-wrap {
width: 100%;
height: 0;
padding-bottom: 84%;
position: relative
}
.portfolio-content__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.portfolio-content__plus {
position: absolute;
transform: translateY(-50%) translateX(-50%);
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 30px;
flex: none;
width: 80px;
height: 80px;
background-image: linear-gradient(to top,#60c7f2,#8bd4f7);
border: none;
color: #fff;
border-radius: 100%;
z-index: 10;
opacity: 0;
transition: .4s
}
.fancybox-arrow,.fancybox-container .fancybox-toolbar {
display: none
}
.close,.error {
align-items: center
}
.error-text,.error__num {
color: #151a54;
font-weight: 500
}
.portfolio-content:hover .portfolio-content__plus {
opacity: 1
}
.fancybox-container .wrap-close {
display: none;
position: absolute;
top: 20px;
right: 20px;
z-index: 9999999999999;
cursor: pointer
}
.fancybox-container .fancybox-bg {
background-color: rgba(238,238,238,.5)
}
.fancybox-container .slider-img-nav {
position: absolute;
bottom: 150px;
top: auto;
left: 50%;
transform: translateX(-50%);
z-index: 99999999;
visibility: visible;
opacity: 1;
mix-blend-mode: unset;
pointer-events: auto
}
.dec-bubble,.request-popUp-decs {
pointer-events: none
}
.fancybox-container .slider-img-nav .slider-img-nav__arr {
font-size: 0;
line-height: 1
}
.wrap-portfolio-btn {
text-align: center;
margin-top: 30px
}
.sec-404 {
background-color: #fff
}
.wrap-404 {
padding: 180px 0
}
.noscroll,.noscroll .top-navbar {
padding-right: 17px
}
.wrap-404-content {
text-align: center
}
.error {
display: flex;
justify-content: center
}
.error__num {
font-size: 500.5px;
line-height: 1
}
.error__num:last-child {
position: relative;
z-index: 10
}
.error__drum {
flex: none;
width: 383px;
margin-left: -86px;
margin-right: -86px
}
.error-text {
line-height: 1.4;
font-size: 18px;
margin-bottom: 17px
}
.close,.map {
font-size: 0
}
.dec-bubble {
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/decs/1.svg) center/contain no-repeat;
position: absolute
}
.dec-bubble-404__1 {
width: 58px;
height: 58px;
top: 194px;
right: 65%
}
.dec-bubble-404__2 {
width: 160px;
height: 160px;
top: 400px;
left: 160px
}
.dec-bubble-404__3 {
width: 58px;
height: 58px;
top: 200px;
right: 300px
}
.dec-bubble-404__4 {
width: 82px;
height: 82px;
top: 700px;
right: 700px
}
.dec-bubble-contact__1 {
width: 92px;
height: 92px;
top: 500px;
left: 43px
}
.dec-bubble-contact__2 {
width: 63px;
height: 63px;
top: 180px;
right: 648px
}
.dec-bubble-contact__3 {
width: 44px;
height: 44px;
top: 300px;
right: 241px
}
.dec-bubble-contact__4 {
width: 100px;
height: 100px;
top: 800px;
right: 800px
}
.dec-bubble-contact__5 {
width: 300px;
height: 300px;
top: 1012px;
right: 603px;
z-index: -1
}
.dec-bubble-portfolio__1 {
width: 58px;
height: 58px;
top: 200px;
left: 700px
}
.dec-bubble-portfolio__2 {
width: 58px;
height: 58px;
top: 250px;
right: 432px
}
.dec-bubble-portfolio__3 {
width: 157px;
height: 157px;
top: 250px;
right: 52px
}
.dec-bubble-portfolio__4 {
width: 226px;
height: 226px;
top: 2200px;
right: 318px;
z-index: 10
}
.map {
width: 100%;
height: 0;
padding-bottom: 56.6%;
position: relative
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.compensate-for-scrollbar {
margin-right: 0!important
}
.wrap-example-content-content {
position: relative
}
.wrap-example-content-content .slider-img-nav {
position: absolute;
left: 50%;
transform: translateX(-76%)
}
.owl-item .article {
margin-top: 60px;
margin-bottom: 60px;
box-shadow: none!important
}
.load-more-green,.sec-choice__btn,.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-page-contact,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work {
margin-left: 129px
}
.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work:not(.load-more-green) {
padding-left: 0
}
.mob-menu,.mob-menu-overlay {
display: none
}
.sec-work__bg_jacket {
right: 10vw
}
.owl-item.active .article {
box-shadow: 7px 13.4px 36px 3px rgba(47,47,49,.05)!important
}
.noscroll {
overflow: hidden
}
.close {
width: 70px;
height: 70px;
background-image: linear-gradient(to top,#60c7f2,#8bd4f7);
display: flex;
justify-content: center;
flex: none;
border-radius: 100%;
cursor: pointer
}
.close__icon {
width: 13px;
height: 13px
}
.overlay {
background-color: rgba(238,238,238,.5)
}
.choose-master-dec__1 {
z-index: 100;
position: absolute;
top: -13px;
left: -106px;
width: 216px;
height: 216px
}
.choose-master-dec__2 {
z-index: 100;
position: absolute;
top: 662px;
right: 400px;
width: 60px;
height: 60px
}
.choose-master-dec__3 {
z-index: 100;
position: absolute;
top: 877px;
left: 352px;
width: 84px;
height: 84px
}
.choose-master-dec__4,.reviews-popUp-dec__1,.reviews-popUp-dec__2 {
width: 105px;
height: 105px;
position: absolute;
z-index: 100
}
.choose-master-dec__4 {
top: 900px;
right: -100px
}
.reviews-popUp-dec__1 {
top: 35px;
left: -30px
}
.reviews-popUp-dec__2 {
top: -66px;
left: 351px
}
.reviews-popUp-dec__3,.reviews-popUp-dec__4 {
position: absolute;
z-index: 100;
bottom: 172px;
top: auto
}
.reviews-popUp-dec__3 {
width: 84px;
height: 84px;
left: -54px
}
.reviews-popUp-dec__4 {
width: 56px;
height: 56px;
right: 0
}
.wrap-popUp {
display: none;
min-height: 100vh;
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999
}
.popUp {
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 50px
}
.popUp__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10
}
.popUp-content {
position: relative;
z-index: 20;
width: 100%
}
.popUp-content__close {
position: absolute;
top: -35px;
right: -35px;
z-index: 110
}
.popUp-content_choose {
max-width: 1680px;
background-color: #F9F9F9
}
.popUp-content_choose .overlay {
z-index: 3
}
.popUp-content_choose__body {
position: relative;
padding: 90px 70px 65px;
z-index: 5
}
.popUp-content_choose__btn {
display: none
}
.popUp-content__title {
text-align: center;
font-size: 40px;
color: #2cc05a;
margin-bottom: 40px
}
.popUp-content_reviews {
display: flex;
justify-content: space-between;
max-width: 1160px;
border-radius: 3px;
background-color: #fff;
padding-bottom: 70px
}
.popUp-content_reviews__left {
max-width: 510px;
width: 100%;
margin-right: 20px
}
.popUp-content_reviews__left-body {
padding: 26px 35px 0
}
.popUp-content_reviews__right {
max-width: 560px;
width: 100%;
margin-top: 64px;
margin-right: 26px
}
.popUp-content_reviews__img {
position: relative;
width: 100%;
height: 440px
}
.popUp-content_reviews__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 10
}
.popUp-content_reviews__img-body {
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 32px 43px
}
.popUp-content_reviews__img-title {
font-size: 30px;
font-weight: 500;
color: #fff;
margin-bottom: 9px
}
.popUp-content_reviews__img-text {
color: #fff;
line-height: 1.5;
font-size: 16px
}
.popUp-content_reviews__img-stars {
margin-top: 10px;
justify-content: flex-start
}
.popUp-content_reviews__btns {
display: flex;
align-items: center;
margin-bottom: 33px
}
.popUp-content_reviews__btns .btn-action {
margin-right: 40px
}
.popUp-content_reviews__btns .btn-action:last-child {
margin-right: 0
}
.popUp-content_reviews-form .title {
margin-bottom: 22px
}
.popUp-content_reviews-form .block-green-dec {
margin-top: 15px
}
.popUp-content-white {
border-radius: 3px;
background-color: #fff;
padding: 64px 90px
}
.popUp-content-white__title {
margin-bottom: 10px
}
.popUp-content-white__form {
margin-top: 37px
}
.popUp-content-white__btn {
margin-left: auto;
margin-right: auto;
margin-top: 30px
}
.popUp-content_request {
max-width: 680px;
text-align: center;
position: relative
}
.request-popUp-decs__el {
position: absolute;
font-size: 0;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/decs/1.svg) center/contain no-repeat
}
.request-popUp-decs__1 {
z-index: -1;
width: 200px;
height: 200px;
top: 142px;
left: -40px
}
.request-popUp-decs__2 {
right: 120px;
width: 84px;
height: 84px;
top: 680px;
left: 48px;
z-index: 10
}
.popUp-content_thanks {
max-width: 520px;
min-height: 400px;
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.thanks-popUp-decs__1 {
width: 84px;
height: 84px;
top: 0;
left: 0
}
.thanks-popUp-decs__2 {
width: 56px;
height: 56px;
top: -21px;
right: 166px
}
.thanks-popUp-decs__3 {
width: 56px;
height: 56px;
top: 36px;
right: 20px
}
.thanks-popUp-decs__4 {
width: 56px;
height: 56px;
top: 234px;
right: -23px
}
.thanks-popUp-decs__5 {
width: 105px;
height: 105px;
bottom: 25px;
left: 115px
}
.popUp-content_review {
max-width: 890px;
text-align: center
}
.popUp-content_review__content {
display: flex;
justify-content: space-between
}
.popUp-content_review__content-left,.popUp-content_review__content-right {
width: calc(50% - 5px)
}
.popUp-content_review__content-right {
display: flex;
flex-direction: column
}
.popUp-content_review__content-right .textarea {
margin-bottom: 0;
height: 100%;
resize: none
}
.popUp-content_review__form {
margin-top: 40px
}
.review-popUp-decs__1 {
width: 56px;
height: 56px;
left: 216px;
top: -50px
}
.review-popUp-decs__2 {
width: 200px;
height: 200px;
right: 64px;
top: 0;
z-index: -1
}
.review-popUp-decs__3 {
width: 84px;
height: 84px;
left: -46px;
bottom: 46px;
z-index: -1
}
.popUp-content_map {
max-width: 1320px;
font-size: 0;
text-align: center
}
.popUp-map-content {
position: relative;
z-index: 10
}
.popUp-map-content .map {
height: 90vh;
padding-bottom: 0
}
#choose-master .popUp-content__close {
top: -20px
}
.bg-mob-services,.burger,.form-mob,.mob-btn,.progress_mob-img,.sec-steps__bg-mob {
display: none
}
@media screen and (max-width: 1900px) {
.sec-services:not(.sec-services-plaids):not(.sec-services-jacket):not(.sec-services-furniture):not(.sec-services-pillows) {
background-position:-500px bottom
}
.wrap-progress-content {
margin-left: 0;
margin-right: 0
}
}
@media screen and (max-width: 1780px) {
.sec-steps{
background-position: -5vw 0;
}
}
@media screen and (max-width: 1700px) {
.wrap-articles-secret,.wrap-progress-content,.wrap-reviews-content.owl-carousel {
margin-right:0;
margin-left: 0
}
.wrap-comfort-content__left {
min-width: 390px
}
.load-more-green,.sec-choice__btn,.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-page-contact,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work {
margin-left: 126px
}
.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work:not(.load-more-green) {
padding-left: 0
}
.sec-progress .container {
max-width: 1567px
}
.wrap-form-content,.wrap-services-content {
max-width: 100%
}
.wrap-articles-secret {
justify-content: space-between
}
.wrap-articles-secret .article-secret {
margin-left: 0;
margin-right: 0;
width: calc(25% - 10px)
}
.wrap-services-content__left {
max-width: 740px
}
.wrap-reviews-content.owl-carousel {
padding-left: 0;
padding-right: 0;
overflow: hidden
}
.wrap-reviews-content.owl-carousel .owl-stage-outer {
overflow: visible
}
.wrap-reviews-content.owl-carousel .article {
margin-left: 0;
margin-right: 0;
width: 100%
}
.wrap-reviews__top .block-green-dec {
margin-right: -30px
}
}
@media screen and (max-width: 1680px) {
.sec-steps {
background-size:auto 100%
}
.top-navbar .top-navbar__content {
margin-left: -30px;
margin-right: -30px
}
.logo {
margin-left: 30px
}
}
@media screen and (max-width: 1600px) {
.choose-master-dec__4,.sec-decs-16__1,.sec-decs-17__4,.sec-decs-18__2,.sec-decs-18__4,.sec-decs-19__3 {
display:none
}
.load-more-green,.sec-choice__btn,.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-page-contact,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work {
margin-left: 91px
}
.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work:not(.load-more-green) {
padding-left: 0
}
.wrap-steps__steps {
margin-top: 40px
}
.step {
margin-bottom: 20px
}
.steps {
max-height: 270px
}
.calculate__line-body .irs-handle {
width: 70px;
height: 54px
}
.title-main {
max-width: 631px
}
.title-main::after {
width: 120px;
height: 120px;
bottom: 7px;
right: -12px
}
.wrap-portfolio {
padding: 180px 0
}
.wrap-portfolio__top {
max-width: 580.5px
}
.portfolio-select__text {
font-size: 14px
}
.portfolio-select__top {
padding: 13.5px 27px
}
.portfolio-select__img {
width: 72px;
height: 36px
}
.portfolio-select__el-icon {
width: 36px;
height: 36px
}
.portfolio-content__plus {
width: 72px;
height: 72px;
font-size: 27px
}
.error__num {
font-size: 450px
}
.error__drum {
flex: none;
width: 344.7px;
margin-left: -77.4px;
margin-right: -77.4px
}
.error-text {
font-size: 18px;
margin-bottom: 15.3px
}
.wrap-404 {
padding: 162px 0
}
.advantage-info-el__dec {
margin-left: 30.6px;
margin-right: 30.6px
}
.calculate__line-body .irs--flat .irs-line,.calculate__line-body .showcase__mark,.irs--flat.irs-with-grid {
height: 54px
}
.calculate__line-body .irs-handle,.calculate__line-body .showcase__mark {
font-size: 12.6px
}
.calculate__select-inp {
width: 73.8px
}
.popUp-content_choose {
max-width: 1512px
}
.textarea {
height: 86.4px
}
.form-el_margin {
margin-bottom: 13.5px
}
.popUp-content_choose__body {
padding: 81px 63px 58.5px
}
.popUp-content__title {
font-size: 36px;
margin-bottom: 36px
}
.popUp {
padding: 45px
}
.close {
width: 63px;
height: 63px
}
.close__icon {
width: 11.7px;
height: 11.7px
}
.popUp-content__close {
top: -31.5px;
right: -31.5px
}
.popUp-content_reviews {
max-width: 954px;
padding-bottom: 63px
}
.popUp-content_reviews__left {
max-width: 369px;
margin-right: 18px
}
.popUp-content_reviews__img {
height: 396px
}
.popUp-content_reviews__img-body {
padding: 28.8px 38.7px
}
.popUp-content_reviews__img-title {
font-size: 27px;
margin-bottom: 8.1px
}
.popUp-content_reviews__img-text {
font-size: 14.4px
}
.popUp-content_reviews__left-body {
padding: 23.4px 31.5px 0
}
.popUp-content_reviews__btns {
margin-bottom: 29.7px
}
.popUp-content_reviews-form .title {
margin-bottom: 19.8px
}
.popUp-content_reviews__right {
max-width: 504px;
margin-top: 57.6px;
margin-right: 23.4px
}
.popUp-content_reviews-form .block-green-dec {
margin-top: 13.5px
}
h3.title-small {
font-size: 27px
}
.block-reviews-list__title {
margin-bottom: 32.4px
}
.reviews-list_scroll {
max-height: 648px;
padding-right: 66.6px
}
.reviews-list__el {
margin-bottom: 24.3px;
padding-bottom: 23.4px
}
.review-list__top {
margin-bottom: 17.1px
}
.review-list__name {
font-size: 18px;
margin-right: 18px
}
.review-list__text {
font-size: 14.4px
}
.wrap-services-content__left {
max-width: 650px
}
.form__text-bottom {
font-size: 16.2px
}
.logo {
max-width: 154.8px;
margin-right: 75.6px
}
.wrap-head-content {
padding-top: 305.1px
}
.title {
font-size: 45px
}
.title-main {
font-size: 63px
}
.text-info {
font-size: 18px
}
.nav-menu__ul li {
margin-right: 54px
}
.block-green-dec::before {
width: 63px;
height: 63px
}
.block-green-dec {
padding-left: 27px
}
.block-green-dec__icon {
margin-right: 4.5px;
height: 63px
}
.top-navbar_fixed .block-green-dec {
padding-left: 21.6px
}
.block-green-dec__text,.nav-menu__ul li a,.top-navbar__text {
font-size: 14.4px
}
.wrap-head {
padding-bottom: 72px
}
.wrap-comfort {
padding-top: 197.1px;
padding-bottom: 108.9px
}
.sec-decs-1__3 {
width: 223.2px;
height: 223.2px;
top: -130px
}
.top-navbar__content {
padding: 18px 0
}
.top-navbar_fixed .top-navbar__content {
padding: 9px 0
}
.top-navbar_fixed .block-green-dec::before {
width: 54px;
height: 54px
}
.wrap-articles__article {
max-width: 100%;
width: 32%
}
.wrap-articles,.wrap-articles__article {
margin-left: 0;
margin-right: 0
}
.wrap-articles_3 .wrap-articles__article {
width: calc(33% - 10px)
}
.step__text {
min-height: 40px
}
.sec-steps {
min-height: 0
}
.top-navbar__num .top-navbar__text {
margin-right: 10px!important
}
.logo {
margin-left: 10px
}
.article__img {
height: 276.3px;
min-height: 276.3px
}
.wrap-comfort-content__left {
margin-top: 126px;
min-width: 350px
}
.article__body {
padding: 36px 18px
}
.article__text,.step__count,.step__text {
font-size: 16.2px
}
.step__count {
margin: 0 36.9px
}
.step__icon {
width: 27px;
height: 39.6px
}
.arr-green,.inp {
height: 63px
}
.step__count::after,.step__count::before {
width: 9px
}
.step__count,.step__text {
margin-top: 6.3px
}
.form-el {
padding: 27px
}
.slider-img,.slider-img__el {
width: 816.3px
}
.block-slider-text__slider {
margin-right: 99.9px
}
.article__top {
padding: 36px 45px
}
.article__dec {
max-width: 36px;
margin-bottom: 12.6px
}
.arr-green {
width: 63px
}
.arr-green img {
width: 15.3px;
height: 9px
}
.question-content {
padding: 18px 0
}
.question-content__top {
padding: 0 45px
}
.question-content__body {
padding: 18px 45px 18px 119px
}
.wrap-text__top {
padding-bottom: 52.2px;
margin-bottom: 52.2px
}
.wrap-text-content__content p {
margin-bottom: 19.8px
}
.wrap-text-content__content h4 {
font-size: 18px;
margin-bottom: 19.8px
}
.sec-text__bg {
top: -123px;
right: -191px;
max-width: 548.1px;
height: 936px
}
.wrap-text-content__content {
max-width: 858.6px
}
.green-link {
width: 63px;
height: 63px
}
.wrap-foot {
padding: 62.1px 0
}
.wrap-foot__center-dec {
margin: 0 72px
}
.block-designBy__text {
font-size: 14.4px
}
.block-designBy__logo-icon {
max-width: 56.7px
}
.load-more-green {
margin-top: 36px
}
.question-content__top-count,.question-content__top-text {
font-size: 16.2px
}
.top-navbar__language-el {
margin-left: 27px
}
.block-green-dec__icon-img {
width: 12.6px
}
.slider-img-nav {
width: 140.4px;
height: 62.1px
}
.slider-img-nav__text {
font-size: 14.4px
}
.slider-img-nav__arr {
width: 15.3px;
height: 9px
}
.article__icon img {
max-width: 79.2px
}
.container,.sec-progress .container {
max-width: 1410.3px
}
.wrap-progress {
padding: 137.7px 0
}
.wrap-about {
padding-top: 0;
padding-bottom: 91.8px
}
.wrap-steps {
padding: 110.7px 0
}
.wrap-info {
padding-top: 90.9px;
padding-bottom: 117px
}
.wrap-reviews {
padding: 100.8px 0
}
.wrap-question {
padding: 88.2px 0
}
.wrap-text {
padding: 108px 0
}
.locate-choose__window {
width: 225px;
min-width: 225px;
top: calc(100% + 10px)
}
.locate-choose__city {
padding: 18px 22.5px 22.5px
}
.locate-choose__city-btn {
width: 63px;
height: 36px;
font-size: 12.6px
}
.crumbs li a,.locate-choose__cities-el a,.locate-choose__city-text {
font-size: 14.4px
}
.locate-choose__city-btn_yes {
margin-right: 9px
}
.locate-choose__cities {
padding: 16.2px 18px
}
.locate-choose__cities-el {
margin-bottom: 11.7px
}
.wrap-content-navbarBefore {
padding-top: 135.9px
}
.wrap-header-services-content {
margin-top: 160.2px
}
.sec-decs-8__5 {
width: 141.3px;
height: 141.3px
}
.sec-decs-8__2 {
width: 111.6px;
height: 111.6px
}
.sec-decs-8__3 {
width: 73.8px;
height: 73.8px
}
.stock-block {
padding: 124.2px 90px;
top: -183.6px;
margin-bottom: -183.6px
}
h3.title {
font-size: 31.5px
}
.stock-block__text {
font-size: 14.4px
}
.timer__text {
font-size: 28px
}
.attention__text,.services-info-el__title {
font-size: 16.2px
}
.stock-block__bg {
max-width: 556.2px;
left: 284.4px
}
.wrap-secret__top {
margin-top: 95.4px
}
.sec-decs-9__3 {
width: 108.9px;
height: 108.9px
}
.sec-decs-9__5 {
width: 141.3px;
height: 141.3px
}
.article-secret__img {
padding: 15px;
height: 294.3px;
min-height: 294.3px
}
.article-secret__body {
padding-bottom: 31.5px
}
.article-secret__plus {
width: 72px;
height: 72px;
right: -42.3px
}
.wrap-secret {
padding-bottom: 90px
}
.wrap-services-content__right {
padding-top: 228.6px;
max-width: 628.2px
}
.services-info {
margin-bottom: -47.7px
}
.services-info__el {
max-width: 278.1px;
margin-bottom: 47.7px
}
.services-info-el__icon {
width: 46.8px;
height: 46.8px;
margin-bottom: 31.5px
}
.wrap-services__attention {
margin-top: 38.7px
}
.article-cleaning__body,.wrap-services__form {
margin-top: 27px
}
.attention__icon {
margin-right: 27px;
width: 70.2px;
height: 70.2px
}
.form__title {
font-size: 18px;
margin-bottom: 18.9px
}
.sec-decs-10__2 {
width: 141.3px;
height: 141.3px
}
.wrap-services {
padding-bottom: 117px
}
.article-cleaning__img {
height: 155.7px;
min-height: 155.7px
}
.article-cleaning__dec {
margin-bottom: 25.2px
}
.article-cleaning__title {
font-size: 16.2px;
margin-bottom: 18.9px
}
.wrap-cleaning {
padding: 86.4px 0
}
.advantage-info-el__icon {
width: 46.8px;
height: 46.8px
}
.advantage-info-el__dec {
margin-top: 21.6px
}
.advantage-info-el__body {
margin-top: 13.5px
}
.advantage-info-el__title {
font-size: 16.2px;
margin-bottom: 18px
}
.advantage-info__el {
margin-bottom: 23.4px
}
.wrap-advantage-content__right {
max-width: 560.7px
}
.wrap-advantage {
padding: 38.7px 0 113.4px
}
.sec-decs-12__4,.sec-decs-12__5 {
width: 114.3px;
height: 114.3px
}
.wrap-work {
padding: 98.1px 0 82.8px
}
.wrap-work-content__left {
max-width: 559.8px;
margin-right: 54px
}
.wrap-work__form {
margin-top: 54px
}
.wrap-work-content__right {
max-width: 630px
}
.wrap-work-content__attention {
margin-top: 45px
}
.sec-work__bg {
max-width: 644.4px;
bottom: 128.7px
}
.sec-work__bg_furniture {
bottom: auto;
top: 50%
}
.wrap-competitor {
padding: 91.8px 0 325.8px
}
.wrap-competitor-content {
margin-top: 148.5px;
max-width: 621px;
margin-right: 53.1px
}
.competitor-info__el {
margin-bottom: 41.4px;
padding-bottom: 38.7px
}
.competitor-info-el__icon {
width: 76.5px;
height: 76.5px
}
.competitor-info-el__title {
font-size: 16.2px;
margin-bottom: 18px
}
.sec-decs-13__1,.sec-decs-13__2,.sec-decs-14__1 {
width: 114.3px
}
.sec-decs-15__1,.sec-decs-15__2 {
width: 79.2px;
height: 79.2px
}
.wrap-calculate {
padding-bottom: 107.1px
}
.wrap-calculate-content {
max-width: 810px;
margin-top: 55.8px;
margin-left: 50.4px
}
.calculate__cost-text,.calculate__select {
height: 54px
}
.calculate__select,.calculate__select-inp,.calculate__service,.calculate__text {
font-size: 12.6px
}
.calculate__service {
padding: 25.2px 27px
}
.calculate__cost-text {
font-size: 16.2px
}
.calculate__cost-text_small {
font-size: 12.6px
}
.wrap-calculate-content .block-green-dec {
margin-top: 36.9px;
margin-left: 67.5px
}
.sec-decs-15__4,.sec-decs-15__5,.sec-decs-16__4,.sec-decs-16__5 {
width: 135.9px;
height: 135.9px
}
.additionally-article__body {
margin-top: 22.5px;
padding-right: 31.5px
}
.additionally-article__title {
font-size: 16.2px;
margin-bottom: 13.5px
}
.choice-block__el,.choice-el__dec,.choice-el__img {
margin-bottom: 18px
}
.additionally-article__text {
font-size: 12.6px
}
.wrap-additionally .block-green-dec {
margin-left: 110.7px
}
.wrap-form {
padding: 125.1px 0 106.2px
}
.wrap-form-content__left {
max-width: 439.2px;
padding-top: 27px;
margin-right: 153px
}
.wrap-form-content__right {
max-width: 439.2px
}
.inp-file__icon {
width: 24.3px;
height: 24.3px
}
.sec-form__bg {
max-width: 432px
}
.additionally-article__cost {
font-size: 14.4px
}
.additionally-article__cost-red {
font-size: 11.7px
}
.sec-reviews_white .wrap-reviews {
padding: 50.4px 0 90.9px
}
.choice-el {
padding: 54px 27px 27px;
max-width: 333px
}
.choice-el__title {
font-size: 16.2px
}
.choice-el__text {
font-size: 14.4px
}
.choice-el__dec {
width: 27px;
margin-top: 25.2px
}
.choice-el__btn .block-green-dec::before {
width: 54px;
height: 54px
}
.choice-el__btn {
margin-top: 24.3px
}
.choice-el__img img {
max-width: 103.5px
}
.select {
height: 63px
}
.wrap-select::after {
right: 27px
}
.textarea_big {
height: 117px
}
.popUp-content_request {
max-width: 612px
}
.popUp-content-white {
padding: 57.6px 81px
}
.contact-block__title {
font-size: 14.4px;
margin-bottom: 23.4px;
min-height: 14.4px
}
.contact-block__text {
font-size: 27px
}
.wrap-page-contact-content__body__right {
max-width: 422px
}
.wrap-page-contact-content_border {
padding-bottom: 36px;
margin-bottom: 36px
}
.wrap-page-contact {
padding-top: 198.9px;
padding-bottom: 45px
}
.wrap-page-contact-content {
margin-top: 63px
}
.sec-decs-18__1,.sec-decs-18__3 {
width: 100px;
height: 100px
}
.sec-competitor {
background-size: auto 56vw
}
.sec-calculate {
background-size: 600px
}
.sec-services {
background-size: auto 900px;
background-position: -300px bottom
}
.sec-services-pillows {
background-position: 00px bottom
}
.sec-services-plaids {
background-position: 0 70%;
background-size: 800px
}
.sec-services-plaids .wrap-services-content__left {
max-width: 580px
}
.article-cleaning__link {
font-size: 10.8px
}
.advantage-info-el__text,.article-cleaning__text,.competitor-info-el__text,.services-info-el__text {
font-size: 14px
}
.sec-work__bg {
right: 0
}
.popUp-content_thanks {
max-width: 468px;
min-height: 360px
}
.form-rating__star {
width: 16px;
height: 16px
}
.sec-decs-3__1 {
width: 291.6px;
height: 300.6px;
top: 160.2px;
left: -354.6px
}
.sec-decs-3__5 {
width: 315px;
height: 315px;
top: 752.4px;
right: -221.4px
}
.sec-decs-3__7 {
width: 476.1px;
height: 476.1px;
top: 405px;
left: 149.4px
}
.wrap-services-page {
padding: 189.9px 0 90px
}
.block-green-dec {
height: 63px
}
.sec-decs-7__4 {
width: 160px;
height: 160px;
right: 40px
}
.sec-decs-7__5 {
right: 60px
}
.dec-bubble-main__1 {
top: 314px;
left: 467px;
width: 199.8px;
height: 199.8px
}
.sec-decs-9__7 {
top: 1000px;
left: 315px
}
.sec-decs-9__5 {
top: 500px
}
.sec-decs-9__6 {
top: 600px
}
.wrap-articles_3 .wrap-articles__article {
max-width: 100%
}
.wrap-articles {
justify-content: space-between
}
.wrap-articles_3 {
margin-left: auto;
margin-right: auto;
justify-content: space-between
}
.wrap-secret-content .article {
margin-left: 0;
margin-right: 0;
width: 24%
}
.wrap-reviews-content.owl-carousel .wrap-articles__article {
width: 100%;
max-width: 100%
}
.wrap-steps-content {
max-width: 600px
}
.top-navbar .top-navbar__content {
margin-left: -10px;
margin-right: -10px
}
.sec-services:not(.sec-services-plaids):not(.sec-services-jacket):not(.sec-services-furniture):not(.sec-services-pillows) {
background-position: -45vw bottom;
background-size: 90vw auto
}
.wrap-advantage-content__left {
max-width: 532px
}
.sec-decs-3__6 {
width: 218px;
height: 218px;
right: -50px;
top: 1623px
}
.sec-about {
top: -300px;
padding-top: 200px;
margin-bottom: -300px
}
.portfolio-select {
max-width: 450px
}
.portfolio-select__dec {
margin: 0 24px
}
.portfolio-select__col:last-child .portfolio-select__el {
margin-bottom: 19px
}
.dec-bubble-contact__4 {
top: 750px
}
.dec-bubble-contact__1 {
left: 20px;
width: 60px;
height: 60px;
top: 430px
}
.nav-menu-dropdown {
max-width: 520px;
min-width: 520px;
padding: 20px 25px;
margin-bottom: 10px;
top: calc(100% + 22px)
}
.header-services__text {
font-size: 18px
}
.sec-decs-9__1 {
left: 500px;
top: 50px
}
.sec-services_carpet {
background-position: -25vw bottom!important
}
.sec-work__bg-carpet {
right: -16vw;
width: 41vw
}
.article-cleaning {
width: calc(25% - 30px);
max-width: 100%
}
.wrap-advantage-content__right {
margin-right: 113px
}
.sec-competitor {
background-position: -5vw bottom
}
.sec-services-furniture,.sec-services-jacket {
background-position: 00px bottom
}
.wrap-reviews-content-carousel .owl-carousel {
overflow: visible
}
.wrap-reviews-content-carousel {
margin-left: -30px;
margin-right: -30px;
padding-left: 30px;
padding-right: 30px
}
.sec-services-furniture .wrap-services-content__left {
max-width: 507px
}
.sec-work__bg_furniture {
right: -5vw
}
.popUp-content_reviews__btns .btn-action {
margin-right: 10px
}
.popUp-content_reviews__btns .btn-action:last-child .block-green-dec__text {
margin-right: 0
}
.sec-form__bg {
right: -4vw
}
.wrap-article-cleaning_3 .article-cleaning {
width: calc(33% - 30px);
margin-left: 15px;
margin-right: 15px
}
.sec-services-jacket .wrap-services-content__left {
max-width: 500px
}
.sec-services-pillows .wrap-services-content__left {
max-width: 575px
}
.sec-work__bg_pillows {
bottom: 10vw;
right: -5vw;
max-width: 37vw
}
.sec-work__bg_shoes {
max-width: 33vw;
bottom: 20vw
}
.sec-work__bg_suitcase {
max-width: 34vw;
bottom: 24vw
}
.sec-work__bg_pram {
max-width: 30vw;
bottom: 0;
top: auto;
height: auto
}
.sec-work__bg_car {
max-width: 26vw;
bottom: 20vw!important
}
.sec-services-shoes {
background-position: -2px bottom;
background-size: 900px
}
.sec-services-car,.sec-services-toy {
background-position: left bottom
}
}
@media screen and (max-width: 1366px) {
.text-info {
font-size:15px
}
.wrap-steps {
padding-bottom: 20px
}
.sec-decs-1__3 {
top: -150px
}
.sec-form__bg {
right: -10vw
}
.sec-work__bg_furniture {
right: -15vw
}
.wrap-services {
padding-bottom: 60px
}
}
@media screen and (max-width: 1280px) {
.dec-bubble-404__2,.request-popUp-decs__2,.sec-decs-11__1,.sec-decs-11__3,.sec-decs-16__1,.sec-decs-8__2,.sec-decs-8__3,.sec-decs-8__5,.sec-decs-9__1,.thanks-popUp-decs {
display:none
}
.wrap-page-contact-content__body__right {
max-width: 354px
}
.block-designBy__logo-icon {
width: 15px;
height: 15px
}
.block-designBy__logo-text {
font-size: 0;
width: 21px
}
.title-main {
max-width: 490px
}
.title-main::after {
width: 100px;
height: 100px;
bottom: 10px;
right: -38px
}
.dec-bubble-main__1 {
top: 297px;
left: 399px;
width: 141.4px;
height: 131.4px
}
.sec-decs-7__4 {
right: 20px
}
.block-green-dec {
height: 49px
}
.wrap-portfolio__top {
max-width: 451.5px
}
.portfolio-select__text {
font-size: 14px
}
.portfolio-select__top {
padding: 10.5px 21px
}
.portfolio-select__img {
width: 56px;
height: 28px;
margin-right: 11.9px
}
.portfolio-select__el-icon {
width: 28px;
height: 28px
}
.portfolio-content__plus {
width: 56px;
height: 56px;
font-size: 21px
}
.portfolio-select__dec {
width: 21px
}
.portfolio-select__arr {
right: 15.4px;
width: 7px;
height: 11.2px
}
.wrap-portfolio {
padding: 140px 0
}
.popUp-content_thanks {
max-width: 364px;
min-height: 280px
}
.wrap-services-page {
padding: 147.7px 0 70px
}
.error__num {
font-size: 350px
}
.error__drum {
flex: none;
width: 268.1px;
margin-left: -60.2px;
margin-right: -60.2px
}
.error-text {
font-size: 16px;
margin-bottom: 11.9px
}
.wrap-404 {
padding: 126px 0
}
.calculate__line-left {
min-width: 102px
}
.calculate__line-body .irs-handle {
width: 55.54px;
height: 42px
}
.calculate__line-body .irs--flat .irs-line,.calculate__line-body .showcase__mark,.irs--flat.irs-with-grid {
height: 42px
}
.calculate__line-body .irs-handle,.calculate__line-body .showcase__mark {
font-size: 9.8px
}
.calculate__select-inp {
width: 57.4px
}
.block-green-dec_padding .block-green-dec__text:not(.block-green-dec__icon-text) {
padding-top: 11.2px
}
.star {
width: 8.4px;
height: 8.4px
}
.textarea {
height: 67.2px
}
.form-el_margin {
margin-bottom: 10.5px
}
.popUp-content_reviews {
max-width: 742px;
padding-bottom: 49px
}
.popUp-content_reviews__left {
max-width: 287px;
margin-right: 14px
}
.popUp-content_reviews__img {
height: 308px
}
.popUp-content_reviews__img-body {
padding: 22.4px 30.1px
}
.popUp-content_reviews__img-title {
font-size: 21px;
margin-bottom: 6.3px
}
.popUp-content_reviews__img-text {
font-size: 11.2px
}
.popUp-content_reviews__left-body {
padding: 18.2px 21px 0
}
.popUp-content_reviews__btns {
margin-bottom: 23.1px
}
.popUp-content_reviews-form .title {
margin-bottom: 15.4px
}
.popUp-content_reviews__right {
max-width: 392px;
margin-top: 44.8px;
margin-right: 18.2px
}
.popUp-content_reviews-form .block-green-dec {
margin-top: 10.5px
}
h3.title-small {
font-size: 21px
}
.block-reviews-list__title {
margin-bottom: 25.2px
}
.reviews-list_scroll {
max-height: 504px;
padding-right: 51.8px
}
.reviews-list__el {
margin-bottom: 18.9px;
padding-bottom: 18.2px
}
.review-list__top {
margin-bottom: 13.3px
}
.review-list__name {
font-size: 14px;
margin-right: 14px
}
.review-list__text {
font-size: 11.2px
}
.popUp-content_choose {
max-width: 1176px
}
.popUp-content_choose__body {
padding: 63px 49px 45.5px
}
.popUp-content__title {
font-size: 28px;
margin-bottom: 28px
}
.popUp {
padding: 35px
}
.close {
width: 49px;
height: 49px
}
.close__icon {
width: 9.1px;
height: 9.1px
}
.popUp-content__close {
top: -24.5px;
right: -24.5px
}
.wrap-services-content__left {
max-width: 491.8px
}
.form__text-bottom {
font-size: 12.6px
}
.wrap-head-content {
padding-top: 237.3px
}
.title-main {
font-size: 49px
}
.text-info {
font-size: 14px
}
.logo {
margin-right: 58.8px
}
.nav-menu__ul li {
margin-right: 20px
}
.top-navbar__language {
margin-right: 40px
}
.block-green-dec::before {
width: 49px;
height: 49px
}
.block-green-dec__icon {
height: 49px
}
.block-green-dec__text {
font-size: 11.2px
}
.nav-menu__ul li a,.top-navbar__text {
font-size: 14px
}
.wrap-head {
padding-bottom: 56px
}
.wrap-comfort {
padding-top: 153.3px;
padding-bottom: 84.7px
}
.sec-decs-1__3 {
width: 173.6px;
height: 173.6px
}
.top-navbar__content {
padding: 14px 0
}
.top-navbar_fixed .top-navbar__content {
padding: 7px 0
}
.top-navbar_fixed .block-green-dec::before {
width: 42px;
height: 42px
}
.article__img {
height: 214.9px;
min-height: 214.9px
}
.wrap-comfort-content__left {
margin-top: 98px
}
.article__body {
padding: 28px 14px
}
.step__count {
margin: 0 28.7px
}
.step__icon {
width: 21px;
height: 30.8px
}
.arr-green,.inp {
height: 49px
}
.step__count::after,.step__count::before {
width: 7px
}
.step__count,.step__text {
font-size: 12.6px;
margin-top: 4.9px
}
.form-el {
padding: 21px
}
.slider-img,.slider-img__el {
width: 634.9px
}
.block-slider-text__slider {
margin-right: 77.7px
}
.article__top {
padding: 28px 35px
}
.article__dec {
max-width: 28px;
margin-bottom: 9.8px
}
.arr-green {
width: 49px
}
.arr-green img {
width: 11.9px;
height: 7px
}
.question-content {
padding: 14px 0
}
.question-content__top {
padding: 0 35px
}
.question-content__body {
padding: 14px 35px 14px 94px
}
.wrap-text__top {
padding-bottom: 40.6px;
margin-bottom: 40.6px
}
.wrap-text-content__content p {
margin-bottom: 15.4px
}
.wrap-text-content__content h4 {
font-size: 14px;
margin-bottom: 15.4px
}
.sec-text__bg {
max-width: 426.3px;
height: 728px
}
.wrap-text-content__content {
max-width: 667.8px
}
.green-link {
width: 49px;
height: 49px
}
.wrap-foot {
padding: 48.3px 0
}
.wrap-foot__center-dec {
margin: 0 56px
}
.block-designBy__text {
font-size: 11.2px
}
.block-designBy__logo-icon {
max-width: 44.1px
}
.load-more-green {
margin-top: 28px
}
.question-content__top-count,.question-content__top-text {
font-size: 12.6px
}
.top-navbar__language-el {
margin-left: 21px
}
.block-green-dec__icon-img {
width: 9.8px
}
.slider-img-nav {
width: 109.2px;
height: 48.3px
}
.slider-img-nav__text {
font-size: 11.2px
}
.slider-img-nav__arr {
width: 11.9px;
height: 7px
}
.article__icon img {
max-width: 61.6px
}
.container,.sec-progress .container {
max-width: 1096.9px
}
.wrap-progress {
padding: 107.1px 0
}
.wrap-about {
padding-bottom: 71.4px
}
.wrap-steps {
padding: 86.1px 0
}
.wrap-info {
padding-top: 70.7px;
padding-bottom: 91px
}
.wrap-reviews {
padding: 78.4px 0
}
.wrap-question {
padding: 68.6px 0
}
.wrap-text {
padding: 84px 0
}
.locate-choose__window {
width: 175px;
min-width: 175px;
top: calc(100% + 10px)
}
.locate-choose__city {
padding: 14px 17.5px 17.5px
}
.locate-choose__city-btn {
width: 49px;
height: 28px;
font-size: 9.8px
}
.locate-choose__cities-el a,.locate-choose__city-text {
font-size: 11.2px
}
.locate-choose__city-btn_yes {
margin-right: 7px
}
.locate-choose__cities {
padding: 12.6px 14px
}
.locate-choose__cities-el {
margin-bottom: 9.1px
}
.sec-decs-1__1 {
width: 84.7px;
height: 84.7px
}
.sec-decs-7__1 {
width: 219.1px;
height: 219.1px
}
.sec-decs-7__3 {
width: 245px;
height: 245px
}
.sec-decs-7__4 {
width: 158.2px;
height: 158.2px
}
.sec-decs-3__2 {
width: 84.7px;
height: 84.7px
}
.step {
max-width: 224px;
margin-bottom: 21.7px
}
.wrap-steps-content {
max-width: 515.9px
}
.steps {
max-height: 245px
}
.form-el {
font-size: 12px
}
.attention__text,.services-info-el__title {
font-size: 12.6px
}
.step__text {
min-height: 42px
}
.logo {
max-width: 120.4px
}
.sec-steps {
background-size: auto 100%;
background-position: -100px 0;
min-height: 0
}
.wrap-services-content__right {
padding-top: 177.8px;
max-width: 488.6px
}
.services-info {
margin-bottom: -37.1px
}
.services-info__el {
margin-bottom: 37.1px
}
.services-info-el__icon {
width: 36.4px;
height: 36.4px;
margin-bottom: 24.5px
}
.wrap-services__attention {
margin-top: 30.1px
}
.article-cleaning__body,.wrap-services__form {
margin-top: 21px
}
.attention__icon {
margin-right: 21px;
width: 54.6px;
height: 54.6px
}
.form__title {
font-size: 14px;
margin-bottom: 14.7px
}
.sec-decs-10__2 {
width: 109.9px;
height: 109.9px
}
.wrap-services {
padding-bottom: 91px
}
.article-cleaning__img {
height: 121.1px;
min-height: 121.1px
}
.article-cleaning__dec {
margin-bottom: 19.6px
}
.article-cleaning__title {
font-size: 12.6px;
margin-bottom: 14.7px
}
.wrap-cleaning {
padding: 67.2px 0
}
.advantage-info-el__icon {
width: 36.4px;
height: 36.4px
}
.advantage-info-el__dec {
margin-top: 16.8px
}
.advantage-info-el__body {
margin-top: 10.5px
}
.advantage-info-el__title {
font-size: 12.6px;
margin-bottom: 14px
}
.advantage-info__el {
margin-bottom: 18.2px
}
.wrap-advantage-content__right {
max-width: 436.1px
}
.wrap-advantage {
padding: 30.1px 0 88.2px
}
.sec-decs-12__4,.sec-decs-12__5 {
width: 88.9px;
height: 88.9px
}
.wrap-work {
padding: 76.3px 0 64.4px
}
.wrap-work-content__left {
max-width: 414.4px;
margin-right: 42px
}
.wrap-work__form {
margin-top: 42px
}
.wrap-work-content__right {
max-width: 490px
}
.wrap-work-content__attention {
margin-top: 35px
}
.sec-work__bg {
bottom: 100.1px
}
.wrap-competitor {
padding: 71.4px 0 253.4px
}
.wrap-competitor-content {
margin-top: 115.5px;
max-width: 483px;
margin-right: 41.3px
}
.competitor-info__el {
margin-bottom: 32.2px;
padding-bottom: 30.1px
}
.competitor-info-el__icon {
width: 59.5px;
height: 59.5px
}
.competitor-info-el__title {
font-size: 12.6px;
margin-bottom: 14px
}
.sec-decs-13__1,.sec-decs-13__2,.sec-decs-14__1 {
width: 88.9px
}
.sec-decs-15__1,.sec-decs-15__2 {
width: 61.6px;
height: 61.6px
}
.wrap-calculate {
padding-bottom: 83.3px
}
.wrap-calculate-content {
max-width: 630px;
margin-top: 43.4px;
margin-left: 39.2px
}
.calculate__cost-text,.calculate__select {
height: 42px
}
.calculate__select,.calculate__select-inp,.calculate__service,.calculate__text {
font-size: 9.8px
}
.calculate__service {
padding: 19.6px 21px
}
.calculate__cost-text {
font-size: 12.6px
}
.calculate__cost-text_small {
font-size: 9.8px
}
.wrap-calculate-content .block-green-dec {
margin-top: 28.7px;
margin-left: 52.5px
}
.sec-decs-15__4,.sec-decs-15__5,.sec-decs-16__4,.sec-decs-16__5 {
width: 105.7px;
height: 105.7px
}
.additionally-article__body {
margin-top: 17.5px
}
.additionally-article__title {
margin-bottom: 10.5px
}
.wrap-additionally .block-green-dec {
margin-left: 86.1px
}
.wrap-form {
padding: 97.3px 0 82.6px
}
.wrap-form-content__left {
max-width: 341.6px;
padding-top: 21px;
margin-right: 119px
}
.inp-file__icon {
width: 18.9px;
height: 18.9px
}
.additionally-article__cost-red {
font-size: 9.1px
}
.sec-reviews_white .wrap-reviews {
padding: 39.2px 0 70.7px
}
.cocoen-drag::before {
width: 109.2px;
height: 47.6px
}
.example-content__text {
font-size: 12.6px;
margin-top: 12.6px
}
.wrap-example {
padding: 68.6px 0
}
.wrap-competitor {
padding-bottom: 100px
}
.wrap-content-navbarBefore {
padding-top: 105.7px
}
.crumbs li a {
font-size: 11.2px
}
.wrap-header-services-content {
margin-top: 124.6px
}
.sec-decs-8__5 {
width: 109.9px;
height: 109.9px
}
.sec-decs-8__2 {
width: 86.8px;
height: 86.8px
}
.sec-decs-8__3 {
width: 57.4px;
height: 57.4px
}
.stock-block {
padding: 68.6px 58px;
top: -142.8px;
margin-bottom: -142.8px
}
.choice-block__el,.choice-el__dec,.choice-el__img {
margin-bottom: 14px
}
h3.title {
font-size: 24.5px
}
.stock-block__text {
font-size: 11.2px
}
.timer__text {
font-size: 28px
}
.stock-block__bg {
max-width: 432.6px;
left: 221.2px
}
.stock-block__right {
max-width: 300px
}
.wrap-secret__top {
margin-top: 74.2px
}
.sec-decs-9__3 {
width: 84.7px;
height: 84.7px
}
.sec-decs-9__5 {
width: 109.9px;
height: 109.9px
}
.article-secret__img {
padding: 15px;
height: 228.9px;
min-height: 228.9px
}
.article-secret__body {
padding-bottom: 24.5px
}
.article-secret__plus {
width: 56px;
height: 56px;
right: -32.9px
}
.wrap-secret {
padding-bottom: 70px
}
.sec-progress_small-padding .wrap-progress {
padding: 70px 0
}
.sec-services {
background-size: auto 800px
}
.advantage-info-el__dec {
margin-left: 23.1px;
margin-right: 23.1px
}
.calculate__line {
padding-left: 21px
}
.article-cleaning__link {
font-size: 9.8px
}
.choice-el {
padding: 42px 21px 21px;
max-width: 259px
}
.choice-el__title {
font-size: 12.6px
}
.choice-el__text {
font-size: 11.2px
}
.choice-el__dec {
width: 21px;
margin-top: 19.6px
}
.choice-el__btn .block-green-dec::after {
width: 42px;
height: 42px
}
.choice-el__btn {
margin-top: 18.9px
}
.choice-el__img img {
max-width: 80.5px
}
.sec-work__bg_pillows {
font-size: 0;
top: auto;
height: auto
}
.select {
height: 49px
}
.wrap-select::after {
right: 21px
}
.textarea_big {
height: 91px
}
.popUp-content_request {
max-width: 476px
}
.popUp-content-white {
padding: 44.8px 63px
}
.form-interval__inputs::after {
width: 14px;
height: 1.4px
}
.form-rating__star {
width: 14px;
height: 14px
}
.sec-decs-3__1 {
width: 226.8px;
height: 233.8px;
top: 124.6px;
left: -275.8px
}
.sec-decs-3__5 {
width: 245px;
height: 245px;
top: 585.2px;
right: -172.2px
}
.sec-decs-3__7 {
width: 300.3px;
height: 300.3px;
top: 315px;
left: 116.2px
}
.block-green-dec {
padding-left: 21px
}
.block-green-dec__icon {
margin-right: 3.5px
}
.top-navbar_fixed .block-green-dec {
padding-left: 16.8px
}
.sec-decs-1__3 {
top: -150px
}
.article__top-text {
font-size: 12px
}
.article__text,.wrap-text-content__content p {
font-size: 14px
}
.services-info__el {
max-width: 190.3px
}
.wrap-services-content__left {
margin-right: 5px
}
.advantage-info-el__text,.article-cleaning__text,.competitor-info-el__text,.services-info-el__text {
font-size: 12px
}
.sec-decs-3__6 {
width: 158px;
height: 158px;
right: -50px;
top: 1336px
}
.sec-decs-4__1 {
right: 40px
}
.sec-text__bg {
top: -100px;
right: -150px
}
.sec-about {
top: -100px;
padding-top: 130px;
margin-bottom: -100px
}
.wrap-about {
padding-top: 0
}
.wrap-progress {
padding-bottom: 0
}
.wrap-comfort-content__left {
min-width: 278px
}
.question-content__body {
padding-left: 103px
}
.wrap-reviews-content.owl-carousel {
margin-top: -40px!important;
position: relative;
z-index: 10
}
.wrap-reviews-content.owl-carousel+.slider-img-nav {
position: relative;
z-index: 100;
top: 0;
left: 0;
bottom: 0
}
.portfolio-select {
max-width: 420px
}
.portfolio-select__dec {
margin: 0 18px
}
.dec-bubble-404__4 {
top: 30vh;
right: auto;
left: 10vw
}
.dec-bubble-contact__4 {
width: 80px;
height: 80px;
right: 600px
}
.nav-menu-dropdown {
max-height: 280px;
max-width: 480px;
min-width: 480px;
top: calc(100% + 15px)
}
.header-main {
background-position: 30% 12vh
}
.nav-menu {
margin-right: 30px
}
.additionally-article__title {
font-size: 14px
}
.additionally-article__cost,.additionally-article__text {
font-size: 12px
}
.header-services__text {
font-size: 14px
}
.sec-decs-2__1 {
top: -58px;
left: 152px
}
.sec-decs-2__2 {
top: -67px;
right: 582px
}
.sec-decs-9__7 {
left: auto;
right: 100px
}
.wrap-services {
padding-top: 40px
}
.additionally-article__body {
padding-right: 0
}
.sec-form__bg {
max-width: 265px
}
.load-more-green,.sec-choice__btn,.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-page-contact,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work {
margin-left: 59px
}
.wrap-reviews-content.owl-carousel {
margin-bottom: 0!important
}
.sec-decs-6__2 {
left: 100px;
top: 460px
}
.sec-decs-7__5 {
right: 800px
}
.sec-services-furniture .wrap-services-content__left {
max-width: 507px
}
.wrap-advantage-content__left {
max-width: 400px
}
.popUp-content_reviews__btns .btn-action {
margin-right: 10px
}
.sec-work__bg_furniture {
right: -20vw
}
.wrap-form-content__right {
max-width: 100%
}
.sec-services-jacket .wrap-services-content__left,.sec-services-plaids .wrap-services-content__left {
max-width: 400px
}
.sec-work__bg_pladis {
height: 50vw
}
.sec-work__bg_pladis img {
max-height: 100%
}
.sec-work__bg-carpet {
bottom: 118px
}
.sec-services-jacket {
background-position: 0 bottom
}
.sec-services-pillows .wrap-services-content__left {
max-width: 418px
}
.title {
letter-spacing: -1px;
font-size: 34px
}
.sec-work__bg_pillows {
bottom: 10vw;
right: -5vw;
max-width: 32vw
}
.sec-work__bg_shoes {
max-width: 33vw;
bottom: 20vw
}
.sec-services-plaids {
background-position: -5vw 300px
}
.sec-work__bg_suitcase {
bottom: 22vw
}
.sec-work__bg_pram {
max-width: 30vw;
bottom: 0;
top: auto;
height: auto
}
.stock-block__left {
max-width: 427px
}
.sec-work__bg_toy {
width: 45vw;
font-size: 0;
display: flex;
align-items: center
}
.sec-decs-18__1 {
left: auto;
right: 0
}
.sec-competitor {
background-size: auto 40vw
}/*/*/.appr__leftlist {
display: none;
}
.prices__list {
width: 100%;
}
.prices__item {
width: calc(100% / 3 - 40px / 3);
}
.prices__top {
height: 60px;
padding: 0 16px;
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
}
.prices__prfield {
font-size: 22px;
}
.prices__prfield span {
font-size: 14px;
}
.prices__appritem {
display: none;
}
.prices__apprmob {
display: block;
margin-bottom: 40px;
position: relative;
}
.prices__apprmob::after {
width: 35px;
bottom: -21px;
height: 1px;
left: 50%;
transform: translateX(-50%);
position: absolute;
content: '';
background-color: #01D661;
}
.prices__bodytitle.gr {
color: #01D661;
width: 100%;
}
.prices__body {
padding: 20px 13px;
}
.prices__apprmoblist {
margin-top: 20px;
}
.prices__apprmoblist {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.appr__label {
min-height: 32px;
border-radius: 32px;
border: 1px solid #C5D9E0;
padding: 8px 16px;
display: flex;
align-items: center;
align-content: center;
margin: 0 4px;
margin-bottom: 5px;
font-size: 12px;
}
.appr__label.paleB {
border-color: #C5D9E0;
}
.appr__label.blueB {
border-color: #1AB3F7;
}
.appr__label.greenB {
border-color: #01D661;
}
.prices__punktes {
margin-top: 16px;
}
.prices__punktes li {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
position: relative;
}
.prices__punktes li::after {
content: '';
position: absolute;
height: 1px;
bottom: -9px;
width: 35px;
left: 50%;
transform: translateX(-50%);
background-color: #151A54;
}
.prices__punktes li:last-child {
margin: 0;
}
.prices__punktes li:last-child::after {
display: none;
}
.prices__body .block-green-dec {
margin-left: 0 !important;
margin-top: 24px !important;
}
}
@media screen and (max-width: 900px) {
.prices__punktes li {
font-size: 12px;
}
}
@media screen and (max-width: 1100px) {
.sec-services-plaids {
background-position:-10vw 300px
}
}
@media screen and (max-width: 1050px) {
.article__top-text,.question-content__top-count,.question-content__top-text,.step__count,.step__text {
font-size:14px
}
.sec-steps {
background-position: -100px bottom;
background-size: auto calc(100% - 100px)
}
.wrap-article-cleaning {
margin-left: 0;
margin-right: 0
}
.article-cleaning {
max-width: 100%;
margin-left: 10px;
margin-right: 10px;
width: calc(25% - 20px)
}
.choice-el,.wrap-additionally-articles__el {
width: calc(33% - 20px)
}
.load-more-green,.sec-choice__btn,.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-page-contact,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work {
margin-left: 62px
}
.question-content__body {
padding-left: 106px
}
.sec-text__bg {
right: -20vw;
top: -5vh
}
.wrap-text-content__content {
max-width: 100%;
padding-right: 25vw
}
.sec-decs-7__4 {
top: -34px
}
.sec-decs-7__5 {
top: -10px
}
.dec-bubble-404__4 {
top: 30vh;
right: auto;
left: 20px
}
.stock-block__right {
max-width: 267px
}
.stock-block__bg {
max-width: 42vw;
left: 21vw
}
.stock-block {
padding: 7vw 58px
}
.sec-decs-15__4 {
display: none
}
.sec-form__bg {
right: -10vw
}
.sec-services-furniture .wrap-services-content__left {
max-width: 407px
}
.wrap-advantage-content__left {
max-width: 349px
}
.wrap-advantage-content__right {
margin-right: 0
}
.choice-el {
max-width: 100%
}
.sec-services-plaids {
background-position: -15vw 300px
}
.sec-work__bg_suitcase {
bottom: 28vw;
max-width: 30vw
}
.sec-services-jacket {
background-position: -10vw bottom
}
.wrap-work-content__left {
max-width: 350px
}
.sec-competitor {
background-size: auto 46vw
}
.wrap-advantage-content {
max-width: 888px
}
.sec-services-pram {
background-size: auto 76vw
}
.sec-steps{
background-position: -10vw 0;
}
}
@media screen and (max-width: 900px) {
.block-slider-text,.wrap-advantage-content,.wrap-comfort-content {
display:block
}
.block-designBy__logo-icon {
width: 25px;
height: 25px
}
.block-designBy__logo-text {
width: auto
}
.block-green-dec_padding .block-green-dec__text:not(.block-green-dec__icon-text) {
padding-top: 15px
}
.block-green-dec {
height: 50px
}
.star {
width: 12px;
height: 12px
}
.inp-file__text {
font-size: 12px
}
.textarea {
height: 96px
}
.wrap-advantage-content__right {
padding-top: 0
}
.advantage-info-el__icon {
width: 38px;
height: 38px
}
.advantage-info-el__title {
font-size: 15px
}
.advantage-info-el__text,.block-green-dec__text,.nav-menu__ul li a,.text-info,.top-navbar__text {
font-size: 14px
}
.wrap-services-page .wrap-about__top {
margin-bottom: 0
}
.top-navbar__language {
margin-right: 40px
}
.nav-menu {
margin-right: 20px
}
.nav-menu__ul li {
margin-right: 15px
}
.block-green-dec_sec .block-green-dec::before {
width: 50px;
height: 50px
}
.title {
font-size: 30px
}
.logo {
margin-right: 24px
}
.wrap-head-content {
padding-top: 143px
}
.header-main {
background-size: auto 100%
}
.wrap-comfort-content__left {
margin: 0;
position: static
}
.wrap-comfort {
padding: 40px 0
}
.wrap-comfort-content__center {
max-width: 300px;
width: 100%;
position: static
}
.wrap-comfort-content__right {
padding: 0
}
.wrap-comfort-content__center,.wrap-comfort-content__left {
margin-bottom: 20px
}
.text-info_sec {
margin-bottom: 15px
}
.wrap-progress {
padding: 40px 0
}
.wrap-about__top {
padding-left: 0
}
.text-info {
font-size: 15px
}
.title_margin {
margin-bottom: 22px
}
.wrap-about-content {
margin-top: 37px
}
.wrap-steps {
padding: 60px 0
}
.inp {
height: 70px
}
.form-el {
width: 100%;
margin-bottom: 10px;
padding: 20px 30px;
font-size: 14px
}
.inputs__el:nth-child(2) {
border-radius: 5px
}
.sec-steps {
background-image: none
}
.wrap-steps-content {
margin-left: 0
}
.top-padding {
padding-left: 0
}
.wrap-info-content {
margin-top: 30px
}
.block-slider-text__text {
margin-top: 20px;
max-width: 100%;
display: block
}
.slider-img,.slider-img__el {
max-width: 100%;
width: 100%
}
.wrap-info {
padding: 60px 0
}
.wrap-articles_3 .wrap-articles__article {
max-width: calc(33% - 10px);
width: 100%;
margin-left: 5px;
margin-right: 5px
}
.wrap-articles_3 .wrap-articles__article .article__body {
padding: 20px 15px
}
.article__top {
padding: 30px 23px
}
.wrap-text {
padding: 65px 0
}
.wrap-text-content,.wrap-text__top {
padding-left: 0
}
.wrap-text__top {
padding-bottom: 15px;
margin-bottom: 15px
}
.wrap-text-content__content p {
font-size: 14px
}
.wrap-foot-content {
flex-wrap: wrap
}
.wrap-foot__left {
margin: 0;
width: 100%;
order: 2;
flex-wrap: wrap
}
.wrap-foot__center {
position: relative;
z-index: 10;
width: 100%;
margin: 0 0 26px;
order: 1;
justify-content: center
}
.wrap-foot__right {
order: 3;
position: relative;
z-index: 10;
width: 100%
}
.wrap-foot {
padding: 40px 0 20px
}
.wrap-foot__center-dec {
display: none
}
.block-green-dec:last-child {
margin-right: 0
}
.wrap-foot__left {
justify-content: center;
margin-bottom: 0
}
.block-designBy {
display: block;
text-align: center;
margin: 0
}
.block-designBy__text {
font-size: 14px;
margin: 0 0 12px
}
.block-designBy__logo {
justify-content: center
}
.wrap-foot__left::after {
content: '2020. Все права защищены';
display: block;
width: 100%;
text-align: center;
margin-top: 50px;
margin-bottom: 13px;
font-size: 14px;
font-weight: 500;
position: relative;
z-index: 10;
color: #151a54
}
.sec-decs-8,.sec-decs-9 {
display: none
}
footer {
position: relative
}
footer::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background-color: #fff;
z-index: 1;
pointer-events: none
}
.wrap-foot__left .green-link:last-child {
margin-right: 0
}
.wrap-header-services-content {
text-align: center;
margin-top: 83px
}
.wrap-content-navbarBefore {
padding-top: 62px
}
.crumbs {
margin-top: 20px
}
.stock-block {
padding: 36px 30px;
display: flex;
flex-direction: column;
text-align: center
}
.stock-block .stock-block__bg {
position: static;
order: 3
}
.stock-block .stock-block__right {
order: 2
}
.stock-block .title__green {
display: block
}
.stock-block__left,.stock-block__right {
max-width: 100%;
margin: 0;
width: 100%
}
h3.title {
font-size: 20px
}
.mob-btn {
display: flex;
justify-content: center
}
.stock-block__left .block-green-dec {
display: none
}
.form-mob,.wrap-services-content,.wrap-work-content {
display: block
}
.stock-block__title {
margin-bottom: 25px
}
.stock-block__text {
font-size: 14px;
margin-bottom: 17px
}
.timer__text {
font-size: 28px
}
.stock-block__timer {
margin-bottom: 16px
}
.block-green-dec::before {
width: 50px;
height: 50px
}
.block-green-dec {
padding-left: 22px
}
.locate-choose {
padding-right: 10px
}
.block-green-dec__text:not(.block-green-dec__icon-text) {
margin-right: 20px
}
.stock-block__bg {
max-width: 500px;
width: 100%;
text-align: center;
margin: 0 auto;
font-size: 0
}
.stock-block {
padding-bottom: 0;
top: -185px;
margin-bottom: -185px
}
.header-services {
min-height: 500px
}
.wrap-articles-secret {
margin-left: -5px;
margin-right: -5px
}
.wrap-articles-secret .article-secret {
max-width: 100%;
width: calc(25% - 10px);
margin-left: 5px;
margin-right: 5px
}
.wrap-secret {
padding: 70px 0
}
.sec-progress_small-padding .wrap-progress {
padding: 60px 0
}
.sec-services_top {
top: 0;
margin: 0
}
.wrap-services-content__right {
max-width: 100%;
margin-top: 0;
padding-top: 0
}
.services-info {
margin: 0
}
.services-info-el__title {
font-size: 15px;
margin-bottom: 12px
}
.form__title,.services-info-el__text {
font-size: 14px
}
.services-info__el {
max-width: 300px;
margin-bottom: 37px
}
.services-info-el__icon {
width: 37px;
height: 37px;
margin-bottom: 18px
}
.sec-services {
background-image: none!important
}
.form__title {
margin-bottom: 18px
}
.wrap-services__form {
margin-top: 35px
}
.block-green-dec_sec {
margin-top: 20px
}
.wrap-services {
padding-bottom: 50px
}
.wrap-work-content__attention,.wrap-work-content__left .wrap-work__form {
display: none
}
.sec-work__bg {
right: 0;
top: auto;
max-height: 200px;
max-width: 282px
}
.sec-work__bg img {
max-height: 100%;
max-width: 100%
}
.wrap-work {
padding-bottom: 0
}
.wrap-competitor-content {
max-width: 100%;
width: 100%;
margin: 0
}
.competitor-info-el__title {
font-size: 15px;
padding: 15px 0 16px 62px
}
.calculate__select,.calculate__select-inp,.calculate__service,.calculate__text,.competitor-info-el__text {
font-size: 14px
}
.competitor-info-el {
display: block;
position: relative
}
.competitor-info-el__icon {
width: 50px;
height: 50px;
margin: 0;
position: absolute;
top: 0;
left: 0
}
.sec-competitor {
background-size: 390px auto;
background-position: bottom left;
padding-bottom: 163px
}
.sec-decs-14__2 {
display: none
}
.wrap-example-content {
margin-top: 25px
}
.example-content__text {
font-size: 14px;
margin-top: 17px
}
.wrap-calculate,.wrap-example {
padding: 70px 0
}
.wrap-calculate-content {
margin: 0
}
.calculate__line {
display: block;
padding: 20px
}
.calculate__line-left {
margin-bottom: 15px;
min-width: 0
}
.calculate__bottom {
display: block
}
.calculate__service-wrap {
width: 100%;
margin-bottom: 10px
}
.calculate__cost {
width: 100%;
display: flex;
align-items: center
}
.wrap-calculate-content .block-green-dec {
margin-left: 0;
margin-top: 20px
}
.wrap-form-content {
display: block
}
.wrap-form-content__left {
max-width: 100%;
padding: 0;
margin: 0
}
.wrap-form {
padding: 65px 0
}
.bg-mob-services {
display: block;
margin: 0 -15px;
max-width: 400px
}
.sec-calculate {
background-position: 400px bottom
}
.sec-decs-15__3,.sec-decs-15__4,.sec-decs-15__5,.sec-decs-16__5 {
display: none
}
.reviews-content-carousel .wrap-articles__article {
width: 100%;
max-width: 300px
}
.wrap-foot__center .block-green-dec {
margin-right: 30px
}
.wrap-foot__center .block-green-dec:last-child {
margin-right: 0
}
.sec-work__bg_pladis {
bottom: 0
}
.choice-el__title {
font-size: 16px
}
.choice-el__btn .block-green-dec__text,.choice-el__text {
font-size: 12px
}
.choice-el__img img {
max-width: 100px
}
.choice-el__dec {
width: 20px
}
.choice-block__el {
width: calc(50% - 20px);
max-width: 100%
}
.wrap-advantage-content__right_flued {
max-width: 800px;
margin-left: 0
}
.popUp-content_reviews,.popUp-content_reviews__left,.popUp-content_reviews__right,.wrap-articles__article,.wrap-calculate-content {
max-width: 100%
}
.popUp-content_reviews {
display: block
}
.popUp-content_reviews__left {
display: flex
}
.irs-single,.request-popUp-decs,.sec-decs-16__2 {
display: none
}
.popUp-content_reviews__img {
width: 50%;
height: 0;
padding-bottom: 50%
}
.popUp-content_reviews__img-body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.popUp-content_reviews__left-body {
padding: 60px 20px 0;
max-width: 100%;
width: 50%
}
.popUp-content_reviews__right {
width: 100%;
margin: 0;
padding: 40px 40px 0
}
.popUp-content_reviews-form .title {
margin-bottom: 15px
}
.review-list__name {
font-size: 16px
}
.review-list__text {
font-size: 14px
}
.popUp-content_reviews__img-title {
font-size: 20px
}
.popUp-content_reviews__img-text,.step__count,.step__text {
font-size: 14px
}
.calculate__line-body .irs-handle {
width: 97px
}
.calculate__select-inp {
width: 100px
}
.calculate__line-body .irs-handle,.calculate__line-body .showcase__mark {
font-size: 14px;
height: 60px
}
.calculate__cost-text,.calculate__line-body .irs--flat .irs-line,.calculate__line-body .showcase__mark,.calculate__select,.irs--flat.irs-with-grid {
height: 60px
}
.wrap-steps__steps {
margin-top: 40px
}
.step__icon {
width: 30px;
height: 34px
}
.step__count::after,.step__count::before {
width: 10px
}
.step {
max-width: 320px
}
.steps,.steps .step,.wrap-article-cleaning,.wrap-steps-content {
max-width: 100%
}
.steps {
max-height: none;
flex-direction: row
}
.steps .step {
width: 50%;
padding-right: 15px
}
.wrap-additionally {
padding-left: 0;
padding-right: 0
}
.additionally-article__title {
font-size: 15px
}
.additionally-article__cost {
font-size: 13px
}
.additionally-article__cost-red {
font-size: 11px
}
.additionally-article__body {
padding-right: 0
}
.article-cleaning__title {
font-size: 15px
}
.article-cleaning__text {
font-size: 14px
}
.article-cleaning__link {
font-size: 12px
}
.article-cleaning {
max-width: 100%;
margin-left: 15px;
margin-right: 15px;
width: calc(33% - 30px)
}
.popUp-content_request {
max-width: 90%
}
.wrap-about__top .title,.wrap-portfolio__top {
max-width: 500px
}
.popUp-content-white__btn {
margin-left: auto!important;
margin-right: auto!important
}
.select {
height: 70px
}
.form-interval__inputs::after {
width: 20px;
height: 2px
}
.contact-block__title {
font-size: 14px
}
.contact-block__text {
font-size: 18px
}
.calculate__cost-text,.portfolio-select__text {
font-size: 14px
}
.contact-map__select {
display: block;
margin-top: 30px
}
.contact-map__select .select {
margin-bottom: 0
}
.contact-map__top {
margin-bottom: 40px
}
.wrap-decs-portfolio {
display: none
}
.portfolio-select__top {
padding: 15px 30px
}
.portfolio-select__arr {
width: 10px;
height: 16px
}
.portfolio-select__el-icon {
width: 30px;
height: 30px
}
.wrap-portfolio-content {
margin-top: 40px
}
.wrap-articles__article {
width: 49%
}
.top-padding,.wrap-about__top,.wrap-comfort-content__left,.wrap-progress__top,.wrap-reviews__top,.wrap-text-content,.wrap-text__top {
padding-left: 0
}
.wrap-articles_3:not(.owl-carousel) {
margin-left: 0;
margin-right: 0
}
.wrap-articles_3:not(.owl-carousel) .wrap-articles__article {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: calc(33% - 10px)
}
.load-more-green,.sec-choice__btn,.top-padding,.wrap-about__top,.wrap-advantage-content__left,.wrap-comfort-content__left,.wrap-form-content__left,.wrap-page-contact,.wrap-progress__top,.wrap-reviews__top,.wrap-services-content__left,.wrap-text-content,.wrap-text__top,.wrap-work {
margin-left: 0
}
.sec-steps__bg-mob {
display: none;
text-align: left
}
.sec-steps__bg-mob img {
height: auto
}
.sec-text__bg {
top: -20vh
}
.wrap-text-content__content {
padding-right: 27vw
}
.wrap-steps__form {
max-width: 100%
}
.header-main {
overflow: hidden;
max-width: 100vw;
position: relative;
background-position: 51% 14vh
}
.article__body::before {
bottom: 0;
height: 53%
}
.article__body::after {
height: 100%
}
.portfolio-select {
max-width: 450px
}
.wrap-form-content__right,.wrap-work-content__right {
max-width: 100%
}
.portfolio-select__dec {
margin: 0 26px
}
.portfolio-select__col:last-child .portfolio-select__el {
margin-bottom: 14px
}
.wrap-reviews-content.owl-carousel+.slider-img-nav {
margin-top: 60px;
display: none
}
.sec-steps__bg-mob img {
width: auto;
min-width: 450px;
max-width: 100%
}
.popUp .inp,.popUp .select {
height: 50px
}
.popUp .textarea {
height: 60px
}
.popUp .block-green-dec_sec {
margin-top: 10px
}
.popUp-content-white {
padding-top: 50px
}
.popUp-content-white__form {
margin-top: 25px
}
.wrap-progress-content {
margin: 0 -55px 0 -50px
}
.calculate__cost-text_small {
font-size: 12px
}
.wrap-articles_3 .wrap-articles__article {
margin-bottom: 40px
}
.wrap-reviews-content-carousel .owl-dots {
position: relative;
z-index: 999
}
.header-services__text {
font-size: 15px
}
.title-main {
font-size: 40px
}
.sec-work__bg-carpet {
width: auto;
right: 0
}
.wrap-advantage-content__right {
margin-right: 0
}
.services-info__el,.wrap-work-content__right .services-info-el {
margin-right: 40px
}
.sec-decs-2__2 {
left: auto;
right: 40px;
top: -39px
}
.sec-decs-2__1 {
top: -20px
}
.wrap-services {
padding-top: 0
}
.services-info {
display: flex;
justify-content: flex-start
}
.calculate__cost .calculate__text {
margin-bottom: 0
}
.wrap-additionally .block-green-dec {
margin-left: 0
}
.locate-choose:hover::before,.locate-choose.active::before {
width: calc(100% - 10px)!important
}
.stock-block .stock-block__bg img {
position: relative;
left: -110px
}
.stock-block .title {
font-size: 30px
}
.sec-work__bg-carpet {
bottom: -14px;
max-width: 240px
}
.sec-work {
padding-bottom: 124px
}
.stock-block__title span {
display: block
}
.stock-block__title br {
display: none
}
.stock-block .title,.wrap-reviews-content-carousel .owl-dots {
margin-bottom: 20px
}
.sec-reviews_white .wrap-reviews {
padding-bottom: 20px
}
.sec-decs-6__2 {
left: 20px
}
.sec-work__bg_jacket,.sec-work__bg_shoes,.sec-work__bg_suitcase {
bottom: 0
}
.sec-work__bg {
height: auto;
bottom: 0!important
}
.sec-work__bg_toy {
display: block
}
}
@media screen and (max-width: 850px) {
.mob-menu,.mob-menu-overlay {
position:fixed;
top: 0;
height: 100%;
width: 100%
}
.top-navbar {
z-index: 6666
}
.mob-menu-overlay {
left: 0;
z-index: 8888;
opacity: .3;
background-color: #000;
display: none
}
.mob-menu {
display: block;
right: -410px;
min-height: 100vh;
background-color: #fff;
z-index: 9999999;
max-width: 320px;
overflow: visible;
transition: .4s
}
.mob-menu.active {
right: 0
}
.mob-menu__body {
overflow-y: auto;
padding: 30px;
height: 100vh
}
.mob-menu__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 45px
}
.mob-menu__language {
display: flex;
align-items: center
}
.mob-menu__language-el {
color: #0f0f26;
font-family: Montserrat;
font-size: 14px;
font-weight: 500;
transition: .2s;
margin-right: 25px
}
.mob-menu__language-el.active,.mob-menu__language-el:hover {
color: #1ab3f7
}
.mob-menu__col {
margin-bottom: 15px
}
.mob-menu__title {
color: #0f0f26;
line-height: 1.67;
font-size: 18px;
font-weight: 500;
transition: .2s
}
.mob-menu__title:hover {
color: #1ab3f7
}
.mob-menu__dropdown {
margin-top: 13px
}
.mob-menu__dropdown-el {
line-height: 1.2;
font-size: 14px;
font-weight: 500;
color: #151a54;
margin-bottom: 15px;
display: block;
transition: .2s
}
.mob-menu__dropdown-el:nth-child(n+9):not(.mob-menu__dropdown-showMore) {
display: none
}
.mob-menu__dropdown-el:hover,.mob-menu__dropdown-showMore {
color: #1ab3f7
}
.mob-menu__dec {
position: absolute;
pointer-events: none;
z-index: 10;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/decs/1.svg) center/contain no-repeat
}
.mob-menu__dec-1 {
width: 85px;
height: 85px;
top: -55px;
right: 120px
}
.mob-menu__dec-2 {
width: 26px;
height: 26px;
top: 60px;
left: -3px
}
.mob-menu__dec-3 {
width: 20px;
height: 20px;
top: 100px;
left: 74px
}
.mob-menu__dec-4 {
width: 20px;
height: 20px;
bottom: 42px;
right: 54px
}
.mob-menu__dec-5 {
width: 83px;
height: 83px;
bottom: 42px;
left: -60px
}
.wrap-comfort-content {
position: relative
}
.wrap-comfort-content__center {
position: absolute;
top: -20px;
right: 0;
left: auto;
max-width: 200px
}
.wrap-comfort-content__left,.wrap-comfort-content__right {
padding-right: 250px
}
.wrap-info-content {
display: flex;
flex-direction: column;
margin-top: 0
}
.wrap-info-content .wrap-slider-img {
order: 2
}
.wrap-info-content .wrap-slider-img .slider-img-nav {
bottom: -25px;
right: auto;
left: 50%;
transform: translateX(-50%)
}
.wrap-info-content .block-slider-text__text {
margin-top: 0;
margin-bottom: 10px;
order: 1
}
.wrap-text-content__content p {
width: 100%
}
.sec-text__bg {
right: -208px
}
.crumbs li a {
font-size: 12px
}
.wrap-mob-menu .nav-menu__ul li a,.wrap-mob-menu .top-navbar__language-el {
text-transform: uppercase;
font-size: 18px
}
.wrap-additionally-articles_3 .wrap-additionally-articles__el {
max-width: 300px;
width: 100%
}
.block-green-dec {
margin-right: 0
}
.wrap-mob-menu {
display: none;
flex-direction: column;
position: fixed;
top: 0;
height: 100vh;
width: 50vw;
right: -50vw;
transition: .4s;
background-color: #f4f4f4;
z-index: 9999;
align-items: flex-start;
justify-content: flex-start;
padding: 30px 20px;
overflow-y: auto
}
.wrap-mob-menu.active {
right: 0
}
.wrap-mob-menu .nav-menu,.wrap-mob-menu .top-navbar__language {
margin: 0
}
.wrap-mob-menu .top-navbar__language-el {
margin-left: 0;
display: block;
margin-bottom: 10px
}
.wrap-mob-menu .top-navbar__language {
order: 2;
width: 100%;
display: block;
margin-top: 40px
}
.wrap-mob-menu .nav-menu {
width: 100%
}
.wrap-mob-menu .nav-menu__ul {
display: block
}
.wrap-mob-menu .nav-menu__ul li {
margin: 0 0 20px;
width: 100%
}
.burger,.top-navbar__num {
margin-right: 10px
}
.burger {
display: block;
cursor: pointer;
font-size: 0;
width: 14px;
margin-left: auto
}
.sec-decs-1__1 {
right: 0;
left: auto;
top: 229px
}
.portfolio-content__plus {
display: none
}
}
@media screen and (max-width: 791px) {
.progress-img {
display:none
}
.progress_mob-img {
display: inline
}
.wrap-progress-content {
text-align: center;
font-size: 0
}
.wrap-progress__top {
margin-bottom: 40px
}
.article__img {
padding: 15px
}
.article__text {
font-size: 12px
}
.article__body {
padding: 20px 10px
}
.article__dec {
margin-bottom: 6px
}
.wrap-articles_3 {
margin: 30px 0 0
}
.wrap-articles_3 .owl-stage-outer {
overflow: visible
}
.wrap-articles_3 .wrap-articles__article {
max-width: 290px;
width: 100%;
margin: 0 auto 20px
}
.wrap-articles_3 .wrap-articles__article img {
display: inline!important
}
.sec-decs-16__2,.sec-decs-17__1,.sec-decs-18__3,.sec-decs-7__4,.sec-decs-7__5 {
display: none
}
.wrap-articles_3 .wrap-articles__article .article__text {
font-size: 14px
}
.slider-img-nav {
width: 117px;
height: 51.75px;
bottom: 20px;
right: 20px
}
.slider-img-nav__text {
font-size: 12px
}
.slider-img-nav__arr {
width: 12.75px;
height: 7.5px
}
.wrap-reviews {
padding: 30px 0
}
.load-more-green {
margin-left: 0
}
.wrap-text__top {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 22px
}
.sec-text__bg {
top: -40px;
right: -15px;
width: 119px;
height: 649px;
-moz-transform: scale(-1,1);
-webkit-transform: scale(-1,1);
-o-transform: scale(-1,1);
transform: scale(-1,1);
filter: FlipH;
-ms-filter: "FlipH"
}
.sec-decs-1__3 {
right: -90px
}
.sec-decs-2__1 {
left: auto;
right: 0
}
.sec-decs-7__2 {
right: -40px
}
.wrap-text-content__content h4 {
font-size: 14px
}
.wrap-additionally {
padding: 70px 0
}
.additionally-article {
max-width: 300px;
width: 100%;
margin: 0 auto 20px
}
.additionally-article__title {
margin-bottom: 20px;
font-size: 15px
}
.additionally-article__cost,.additionally-article__text {
font-size: 14px
}
.wrap-additionally .block-green-dec {
margin-left: 0;
margin-top: 40px
}
.wrap-additionally-content {
margin-top: 27px
}
.sec-form__bg {
pointer-events: none
}
.sec-form__bg img {
max-height: 100%
}
.wrap-additionally-articles {
margin-left: 0;
margin-right: 0
}
.wrap-cost {
padding: 76px 0
}
.wrap-cost-content {
margin-top: 30px
}
.wrap-articles__article {
max-width: 100%
}
.progress_mob-img {
width: 100%
}
.sec-text__bg_img {
transform: none
}
.sec-text__bg_img img {
height: 100%;
width: auto;
max-width: none
}
.wrap-text-content__content {
padding-right: 14vw
}
.sec-progress .container {
padding: 0
}
.sec-progress .wrap-progress__top {
padding-left: 15px;
padding-right: 15px
}
.wrap-reviews-content.owl-carousel {
margin: 0!important
}
.wrap-reviews-content.owl-carousel+.slider-img-nav {
margin-top: 20px
}
.sec-decs-19__1 {
right: 0;
left: auto;
width: 100px;
height: 100px
}
.sec-decs-19__4 {
width: 107px;
height: 107px;
top: 121px;
right: auto;
left: -57px
}
.wrap-table-cost__title {
margin-left: 0
}
}
@media screen and (min-width: 770px) {
.prices__body {
display: block !important;
}
}
@media screen and (max-width: 770px) {
.popUp-content_review__content,.popUp-content_reviews__left {
display:block
}
.popUp-content_reviews__img {
width: 100%;
padding-bottom: 70%
}
.popUp-content_reviews__left-body {
width: 100%;
padding-top: 40px
}
.popUp-content_review__content-left,.popUp-content_review__content-right {
width: 100%
}
.popUp-content_review__content-right .textarea {
height: 120px
}
.form-rating__star {
width: 16px;
height: 16px
}
.wrap-head-content {
padding-top: calc(36px + 78px);
text-align: center;
padding-bottom: 0!important
}
.title-main {
max-width: 500px;
margin-left: auto;
margin-right: auto;
position: static
}
.header-main {
min-height: 0!important;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/bg-main-header-min.jpg) center bottom no-repeat!important;
background-size: 500px!important
}
.wrap-head {
padding-bottom: 450px!important
}
.top-navbar__content {
padding: 9px 0
}
.dec-bubble-main__1 {
top: 0;
right: -130px;
left: auto
}
.title-main::after {
top: 0;
right: -81px
}
.sec-decs-2__1 {
display: none
}/*/*/.prices__body {
display: none;
}
.prices__list {
flex-wrap: wrap;
}
.prices__item {
width: 100% !important;
margin-bottom: 20px;
}
.prices__item:last-child {
margin-bottom: 0;
}
.prices__top {
padding-right: 61px;
position: relative;
}
.prices__top.clodes .prices__ctrl {
transform: translateY(-50%) rotate(0);
}
.prices__ctrl {
width: 40px;
height: 40px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%) rotate(180deg);
right: 11px;
position: absolute;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 16px;
background-size: 16px;
transition: .3s;
background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70711 0.292893C8.31658 -0.097631 7.68342 -0.097631 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM9 2L9 1L7 1L7 2L9 2Z' fill='%23151A54'/%3E%3C/svg%3E%0A");
}
.price__section {
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 720px) {
.services-info__el {
margin:0 0 20px;
max-width: 80%
}
}
@media screen and (max-width: 680px) {
.question-content__top-left {
display:block
}
.question-content__top-count {
margin-bottom: 10px
}
.question-content__body {
padding-left: 35px
}
.article-cleaning {
width: calc(50% - 30px);
margin-left: 15px;
margin-right: 15px
}
.wrap-articles-secret .article-secret {
width: calc(50% - 10px)
}
.wrap-articles-secret .article-secret:nth-child(2) .article-secret__plus {
display: none
}
.wrap-article-cleaning_3 .article-cleaning {
width: calc(50% - 30px);
margin-left: 15px;
margin-right: 15px;
max-width: 100%
}
}
@media screen and (max-width: 630px) {
.wrap-article-cleaning_3 .wrap-article-cleaning__el,.wrap-comfort-content__left .title {
max-width:250px
}
.choose-master-dec,.reviews-popUp-dec,.wrap-comfort-content__left .title-5,.wrap-comfort-content__right .title-5,.wrap-slider-img .slider-img-nav {
display: none
}
.question-content__top {
padding-left: 0
}
.article-cleaning {
margin: 0 auto 15px;
max-width: 250px
}
.article-cleaning__img {
height: auto;
min-height: 0
}
.article-cleaning__body {
margin-top: 15px
}
.article-cleaning__dec {
margin-bottom: 20px
}
.article-cleaning__title {
margin-bottom: 13px;
font-size: 15px
}
.article-cleaning__text {
font-size: 14px
}
.article-cleaning__link {
font-size: 12px;
display: none
}
.calculate__select-inp {
width: 60px
}
.calculate__cost-text,.calculate__line-body .irs--flat .irs-line,.calculate__line-body .irs-handle,.calculate__line-body .showcase__mark,.calculate__select,.irs--flat.irs-with-grid {
height: 50px
}
.calculate__service {
padding-right: 50px
}
.article-cleaning {
width: 100%
}
.wrap-comfort-content__left,.wrap-comfort-content__right {
padding-right: 0
}
.wrap-comfort-content__left .block-green-dec_sec,.wrap-comfort-content__right .block-green-dec_sec {
margin-top: 0
}
.wrap-comfort-content__left {
padding-top: 30px
}
.wrap-comfort-content__center {
width: 182px;
right: -61px
}
.wrap-comfort {
padding: 24px 0 70px
}
.sec-decs-1__3 {
width: 54px;
height: 54px;
top: -30px;
right: 0
}
.sec-decs-1__1 {
width: 54px;
height: 54px;
top: 20px;
left: 20px
}
.sec-decs-1__5 {
width: 121px;
height: 121px;
right: -60px;
bottom: -57px;
top: auto
}
.sec-decs-1__4 {
top: auto;
bottom: -95px;
width: 54px;
height: 54px;
left: 65px
}
.sec-decs-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
.wrap-progress {
padding: 68px 0
}
.article__img {
padding: 5px
}
.wrap-slider-img .owl-dots {
margin-top: 20px
}
.wrap-question-content {
margin-top: 25px
}
.question-content {
padding: 20px 10px 20px 20px
}
.question-content__top-count {
margin-bottom: 6px
}
.question-content__arr {
width: 30px;
height: 30px
}
.question-content__arr img {
height: auto;
width: 15px;
position: relative;
top: 0;
left: -.5px
}
.question-content__body {
padding: 10px 0 0!important
}
.article__text,.article__top-text {
font-size: 14px
}
.article__img {
height: 150px;
min-height: 150px
}
.article-cleaning__text-hide {
display: inline
}
.wrap-article-cleaning_3 .article-cleaning {
width: 100%;
margin-left: auto;
margin-right: auto
}
}
@media screen and (max-width: 600px) {
.advantage-info_flex .advantage-info__el,.wrap-text-content__content p {
width:100%
}
.advantage-info_flex,.sec-work__bg,.table-cost,.wrap-page-contact-content__body {
display: block
}
.header-main {
background-size: 100vw!important
}
.wrap-head {
padding-bottom: 86vw!important
}
.sec-steps__bg-mob img {
min-width: 100%
}
.question-content__top {
padding-left: 0;
padding-right: 0
}
.question-content__body {
padding-left: 46px;
padding-right: 0
}
.question-content__body-text {
max-width: 100%
}
.block-green-dec__text:not(.block-green-dec__icon-text) {
margin-right: 10px
}
.popUp-content_choose__body {
padding-left: 15px;
padding-right: 15px
}
.wrap-competitor {
padding: 70px 0
}
.wrap-text {
padding-bottom: 70px
}
.title,.wrap-text__top .title {
font-size: 22px
}
.article-secret__body {
padding: 12px 5px
}
.cocoen-drag::before {
bottom: -20px
}
.calculate__cost .calculate__text {
max-width: 130px;
white-space: normal;
margin-right: 23px;
margin-bottom: 0
}
.calculate__cost .calculate__cost-text {
height: 60px;
font-size: 14px
}
.calculate__cost .calculate__cost-text_small {
font-size: 12px
}
.sec-calculate {
background-position: 50px calc(100% + 100px)
}
.table-cost__text,.table-cost__title {
font-size: 14px
}
.table-cost__cell {
min-width: 50px;
width: 100px
}
.table-cost__cell-img {
width: 200px;
min-width: 200px
}
.table-cost {
table-layout: auto;
width: calc(100vw - 30px);
max-width: calc(100vw - 30px);
overflow-x: auto
}
.sec-work__bg {
transform: none;
bottom: 0;
left: 0;
height: 300px;
width: 300px;
max-width: none;
max-height: none
}
.sec-work__bg img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain
}
.sec-work {
padding-bottom: 320px
}
.wrap-page-contact-content__body__left,.wrap-page-contact-content_border {
margin-bottom: 25px;
padding-bottom: 25px
}
.sec-work__bg_car,.sec-work__bg_pram {
left: auto;
right: 0
}
.sec-work__bg_car img,.sec-work__bg_pram img {
object-position: right
}
.popUp-content_request {
width: 100%;
max-width: 100%
}
.popUp-content-white {
padding-left: 15px;
padding-right: 15px
}
.contact-block {
display: block;
margin-right: 0
}
.wrap-page-contact-content {
margin-top: 25px
}
.contact-block__title:empty,.dec-bubble-404__1,.sec-decs-2__2 {
display: none
}
.wrap-page-contact-content__body__left,.wrap-page-contact-content__body__right {
width: 100%
}
.wrap-page-contact-content__body__left {
border-bottom: 1px solid rgba(199,199,199,.3)
}
.contact-block__title {
min-height: 0
}
.error__num {
font-size: 200px
}
.error__drum {
width: 170px;
margin-left: -20px;
margin-right: -20px
}
.error-text {
font-size: 14px
}
.title {
font-size: 30px
}
.title-main {
font-size: 35px
}
.wrap-portfolio__top .text-info {
margin-top: 20px;
margin-bottom: 30px
}
.wrap-portfolio-content {
margin-top: 30px
}
.wrap-portfolio__top {
max-width: 100%
}
.map {
padding-bottom: 100%
}
.wrap-404,.wrap-about {
padding-bottom: 40px
}
.question-content {
padding-left: 25px;
padding-right: 25px
}
.wrap-text-content__content {
padding-right: 20px
}
.sec-text__bg {
z-index: 1
}
.wrap-text-content,.wrap-text__top {
position: relative;
z-index: 10
}
.wrap-portfolio-content .portfolio-content {
width: calc(50% - 20px)
}
.dec-bubble-404__4 {
top: 90px;
left: 20px
}
.dec-bubble-contact__1 {
width: 150px;
height: 150px;
right: -110px;
left: auto;
top: 570px
}
.dec-bubble-contact__3 {
left: auto;
right: 40px;
top: 300px;
width: 60px;
height: 60px
}
.dec-bubble-contact__2 {
left: 0;
width: 50px;
height: 50px;
top: 385px
}
.wrap-page-contact {
padding-top: 100px;
padding-bottom: 0
}
.wrap-page-contact-content_border:last-child {
border: 0
}
.stock-block__bg {
min-width: 262px
}
.sec-form__bg {
right: -100px;
height: 236px
}
.sec-form__bg img {
max-height: 100%
}
.sec-work__bg-carpet {
right: 0;
left: auto;
max-width: 200px;
max-height: 200px;
bottom: -10vw
}
.sec-work_carpet {
padding-bottom: 100px
}
.wrap-example {
padding: 40px 0
}
.locate-choose .top-navbar__text.block-green-dec__text {
margin-right: 20px
}
.locate-choose:hover::before,.locate-choose.active::before {
width: calc(100% - 10px)!important
}
.stock-block .stock-block__bg img {
left: -16vw
}
.sec-decs-14__4,.sec-work__bg_toy {
left: auto;
right: 0
}
.popUp-content-white {
min-height: 100vh
}
.article__top {
padding-top: 15px;
padding-bottom: 15px
}
.stock-block {
top: -140px;
margin-bottom: -140px
}
.header-services {
background-image: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/services-carpet_mob.jpg)
}
.sec-decs-14__3 {
right: 0
}
.sec-work__bg_toy {
bottom: 0!important
}
.sec-work_toy {
padding-bottom: 220px
}
.sec-work__bg_pram {
bottom: 0;
width: 45vw;
display: flex;
align-items: center
}
.sec-work_pram {
padding-bottom: 250px
}
.sec-decs-14__1 {
right: 0;
top: 64px
}
.sec-work_car {
padding-bottom: 120px
}
.sec-work__bg_car {
width: 45vw;
align-items: center;
height: auto;
padding-bottom: 31%
}
.wrap-comfort-content__center{
position: static !important;
margin-left: auto;
margin-right: auto;
}
.wrap-comfort-content__left p{
max-width: 100% !important;
}
.sec-work__bg{/**/}
.sec-calculate{
background-size: 300px;
background-position: right bottom;
}
.wrap-calculate{
padding-bottom: 100px;
}
}
@media screen and (max-width: 500px) {
.sec-decs-3__6,.top-navbar__num .top-navbar__text {
display:none
}
.stock-block .title {
font-size: 20px
}
.attention__text,.wrap-comfort-content .text-info {
font-size: 14px
}
.block-green-dec__icon-img {
width: 12px
}
.block-green-dec {
padding-left: 20px
}
.top-navbar__num.block-green-dec:hover::before {
width: 50px!important
}
.top-navbar_fixed .block-green-dec {
padding-left: 16px
}
.top-navbar.top-navbar_fixed .top-navbar__num.block-green-dec:hover::before {
width: 42px!important
}
.sec-progress .container {
padding: 0
}
.wrap-progress__top {
padding: 0 15px
}
.wrap-articles__article {
width: calc(50% - 10px);
max-width: 100%
}
.wrap-reviews__top {
display: block
}
.popUp-content_choose .overlay,.title br {
display: none
}
.wrap-reviews__top .title {
margin-bottom: 20px
}
.wrap-question-content {
margin-top: 30px
}
.question-content {
padding: 15px 20px
}
.question-content__body {
padding-left: 0;
padding-right: 0
}
.question-content__top-count {
margin-right: 10px
}
.arr-green {
width: 30px;
height: 30px
}
.header-main {
background-position: -324px 89px
}
.popUp-content_reviews__right {
padding-left: 20px;
padding-right: 20px
}
.popUp {
padding: 0
}
.popUp-content__close {
top: 10px;
right: 10px
}
.popUp-content_choose__body {
padding-left: 15px;
padding-right: 15px
}
.sec-choice__btn {
margin-left: auto;
margin-right: auto
}
.wrap-portfolio-content .portfolio-content {
width: calc(50% - 20px)
}
.burger {
margin-left: 50px
}
.top-navbar__num {
margin-right: 0
}
.steps .step {
width: 100%
}
.wrap-comfort-content__center {
z-index: 1
}
.wrap-comfort-content__left,.wrap-comfort-content__right {
position: relative;
z-index: 5;
padding-right: 15px
}
.dec-bubble-404__3 {
right: 0;
top: 90px
}
.form-el,.inp,.select {
height: 50px;
padding-left: 20px;
padding-right: 20px
}
.attention {
display: block
}
.attention__icon {
width: 50px;
height: 50px;
margin-bottom: 16px
}
.sec-decs-18__1 {
top: 0
}
.sec-decs-14__1 {
display: none
}
.sec-decs-13__1 {
left: auto;
right: 0
}
.wrap-comfort-content__center{
position: static !important;
}
.wrap-comfort-content__left, .wrap-comfort-content__right{
padding-right: 0 !important;
}
}
@media screen and (max-width: 480px) {
.sec-decs-12__5,.wrap-reviews-content-carousel .slider-img-nav {
display:none
}
.sec-work__bg_toy {
width: 200px;
height: 200px
}
.sec-work_toy {
padding-bottom: 120px
}
.wrap-reviews-content.owl-carousel .article {
margin-top: 40px;
margin-bottom: 40px
}
.wrap-reviews-content.owl-carousel {
margin-top: -40px!important;
margin-bottom: 0!important
}
.sec-decs-12__4 {
top: 490px
}
}
@media screen and (max-width: 450px) {
.article__img {
height:100px;
min-height: 100px
}
.popUp-content_choose__body {
text-align: center
}
.steps {
flex-direction: row;
max-height: 100%
}
.choice-block__el {
width: 100%
}
.popUp-content_choose__btn {
display: inline-flex;
justify-content: center;
margin-top: 50px;
margin-bottom: 25px
}
.portfolio-select__top .portfolio-select__dec,.portfolio-select__top .portfolio-select__text:first-child {
display: none
}
.form-interval__inputs::after {
width: 10px
}
.portfolio-select__col,.wrap-portfolio-content .portfolio-content {
width: 100%
}
.portfolio-select__top .portfolio-select__img {
order: 1
}
.portfolio-select__top .portfolio-select__text {
order: 2
}
.portfolio-select__el {
margin-bottom: 20px!important
}
.portfolio-select__top {
padding: 22px 25px
}
.portfolio-select__arr {
right: 25px
}
.portfolio-select__body {
display: block
}
.portfolio-select__body-dec {
display: none
}
.dec-bubble-404__4 {
top: 60px
}
.sec-work__bg-carpet {
right: auto;
left: 0;
max-width: 100%
}
.sec-work_carpet {
padding-bottom: 220px
}
.wrap-cleaning .title {
font-size: 25px
}
.sec-work__bg{
right: auto !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
.sec-work{
padding-bottom: 200px !important;
}
}
@media screen and (max-width: 400px) {
.wrap-calculate{
padding-bottom: 150px;
}
.sec-decs-13__1 {
top:541px
}
.sec-work_car,.sec-work_pram {
padding-bottom: 300px
}
.sec-work__bg_pram {
width: 300px
}
.sec-work__bg_car {
width: 300px;
height: 300px;
padding-bottom: 0
}
.wrap-comfort-content__left .title {
font-size: 20px
}
.article__text {
font-size: 12px
}
.error__num {
font-size: 138px
}
.error__drum {
width: 130px;
margin-left: -15px;
margin-right: -15px
}
.wrap-404-content {
margin-top: 20px
}
.wrap-portfolio-content .portfolio-content {
width: 100%
}
.block-green-dec__text:not(.block-green-dec__icon-text) {
margin-right: 5px
}
.logo {
margin-right: 10px;
margin-left: 0;
max-width: 100px
}
.burger { }
.article__body {
margin-top: auto;
flex: 1
}
.article__body::after {
height: 10px
}
.article__body::before {
height: 0
}
.top-navbar .top-navbar__content {
margin-left: 0
}
.wrap-cleaning .title span {
display: block
}
.title {
font-size: 22px
}
.title-main {
font-size: 30px
}  .table-cost__cell-img {
width: 40vw;
min-width: 40vw
}
}
@media screen and (max-width: 360px){
.locate-choose .top-navbar__text.block-green-dec__text{
margin-right: 10px;
}
.burger{
margin-left: 30px;
}
}
@media screen and (max-height: 950px) {
.fancybox-container .slider-img-nav {
bottom:20px
}
}
@media screen and (max-height: 950px) and (min-width:900px) {
.popUp-content_reviews {
padding-bottom:40px
}
.popUp-content_reviews__right {
margin-top: 40px
}
.popUp-content_reviews__btns {
margin-bottom: 20px
}
}
@media screen and (max-height: 1070px) and (min-width:1600px) {
.popUp-content_reviews {
padding-bottom:40px
}
.popUp-content_reviews__right {
margin-top: 40px
}
.popUp-content_reviews__img {
height: 340px
}
.reviews-list_scroll {
max-height: 600px
}
.popUp {
padding-top: 20px;
padding-bottom: 20px
}
}
@media screen and (max-height: 970px) and (min-width:900px) {
.popUp-content-white {
padding-bottom:20px;
padding-top: 20px
}
.popUp-content-white__btn {
margin-top: 10px
}
.popUp-content-white__form {
margin-top: 30px
}
}
@media screen and (max-height: 991px) and (min-width:900px) {
.wrap-head-content {
padding-top:33vh
}
}
@media screen and (max-height: 900px) and (min-width:1200px) {
.popUp {
padding-top:30px;
padding-bottom: 10px
}
.popUp-content_reviews-form .block-green-dec {
margin-top: 0
}
.popUp-content_reviews {
padding-bottom: 25px
}
.popUp-content_reviews__img {
height: 340px
}
.reviews-list_scroll {
max-height: 611px
}
}
@media screen and (max-height: 800px) and (min-width:900px) {
.popUp,.popUp-content_reviews {
padding-bottom:10px
}
.popUp-content_reviews__img {
height: 300px
}
.reviews-list_scroll {
max-height: 511px
}
.popUp-content_reviews__right {
margin-top: 30px
}
.popUp {
padding-top: 30px
}
.popUp-content_reviews-form .block-green-dec {
margin-top: 0
}
.popUp-content__close {
width: 50px;
height: 50px
}
#request .popUp-content__close {
top: 0;
right: 0
}
#request .popUp {
padding-top: 10px
}
#request .popUp-content-white__form {
margin-top: 20px
}
#request .popUp-content-white__btn {
margin-top: 0
}
.popUp .inp {
height: 40px
}
.popUp .textarea_big {
height: 80px
}
.popUp .block-green-dec::before {
width: 40px;
height: 40px
}
.popUp .block-green-dec {
height: 40px;
padding-left: 17px
}
.popUp .title {
font-size: 35px;
margin-bottom: 10px
}
.popUp-content_reviews .textarea {
height: 60px;
padding: 17px 27px
}
.popUp-content_reviews .title {
font-size: 30px
}
}
@media screen and (max-height: 800px) and (min-width:900px) and (min-width:1281px) {
.popUp-content_reviews {
max-width:880px
}
}
@media screen and (max-height: 700px) and (min-width:900px) {
.wrap-head-content {
padding-top:25vh
}
.popUp-content_reviews__left {
max-width: 280px
}
.popUp-content_reviews__img {
height: 260px
}
.reviews-list_scroll {
max-height: 73vh
}
}
@media screen and (max-height: 600px) and (min-width:900px) {
.wrap-head-content {
padding-top:150px
}
.popUp .title {
font-size: 30px
}
}
@media screen and (max-height: 1030px) and (min-width:1700px) {
.popUp {
padding:40px
}
.popUp-content-white {
padding-top: 30px;
padding-bottom: 30px
}
}
@media screen and (max-height: 910px) and (min-width:1700px) {
.popUp .form-el {
height:60px
}
.popUp .textarea_big {
height: 100px
}
}
.here_3{
display: none;
}@media (min-width: 979px) { 
ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu {
display: block;
}
.comment-list .children {
padding: 0;
margin-left: 74px;
padding-bottom: 15px;
}
.comment-list .media {
margin-top: 0;
}
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
#wpadminbar{
cursor: pointer;
top: auto;
bottom: 0 !important;   
}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input{
position: absolute;
bottom: 30px;
}
@media screen and (max-width: 600px){
#wpadminbar {
position: fixed !important;
}
} #wpadminbar:hover{
opacity: 1;
}
.max-width-400px{
max-width: 400px;
}
.max-width-450px{
max-width: 450px;
}
.max-width-550px{
max-width: 520px;
}
.max-width-600px{
max-width: 600px;
}
.max-width-650px{
max-width: 650px;
}
.empty-content{
color: rgba(0,0,0,.5);
font-size: 22px;
}
.sec-text__bg{
top: -245px;
}
.overlay{ }
#deadline-message{
width: 250px;
margin-top: 45px;
}
.deadline-message{
display: none;
font-size: 24px;
font-style: italic;
}
.visible{
display: block;
}
.hidden{
display: none;
}
.nav-menu__ul li.active .menu_parent{
color: #1ab3f7;
}
.sec-page-single-page{
background-color: rgba(255,255,255,0);
}
.mainSelect{
margin-right: 5px;
}
.border-360{
border-radius: 100%;
}
.choice-block{
justify-content: center;
}
.block-green-dec_padding .block-green-dec__text:not(.block-green-dec__icon-text){
padding-top: 5px;
}
.opacity_star{
opacity: 0.2;
}
.wrap-reviews-list_scroll.preloader:after{
content:"";
display: block;
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/preloader.gif) no-repeat;
background-size: 100%;
width: 50px;
height: 50px;
margin: auto;
}
.header-main{
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/header.png) -43px 65px/cover no-repeat;
}
.title-main::after{
bottom: 120px;
right: 58px;
}
.header-services{
background: url(//vyshgorod.bellissimo.ua/wp-content/themes/bellissimo/images/bg/no-bg-min.jpg) top/cover no-repeat grey;
} .question-content__body-text{
margin-top: 15px;
}
.mobile-list:hover .mobile-list-choise{
display: block;
}
.mobile-list:hover .block-green-dec::before{
width: 100%!important;
left: 0;
}
.mobile-list{
position: relative; 
}
.mobile-list-choise{
display: none;
position: absolute;
width: 100%;
height: auto;
top: 0;
margin-top: 71px;
transition: .2s;
border-radius: 5px;
border: 1px solid #eee;
background-color: #fff;
padding: 10px 0 20px 0;
}
.mobile-list-choise a:hover .top-navbar__text.block-green-dec__text{
color: black;
opacity: 0.5;
}
.mobile-list-choise .block-green-dec{
height: 15px;
margin-top: 10px;
}
.mobile-list-choise .block-green-dec::before{
background-image: none !important;
}
@media all and (max-width:500px){
.mobile-list-choise{
display: none !important;
}
}
.datepickers-container{
z-index: 100000 !important;
} .form-interval__inp{
cursor: pointer;
}
.wrap-about__top .title{
max-width: 430px;
}
.review-cleaning__link {
display: block;
margin-top: 10px;
color: rgba(21,26,84,.5);
font-size: 12px;
font-weight: 500;
}
.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
display: none;
}
.only-timepicker .datepicker--time {
border-top: none;
}
.wrap-portfolio, .wrap-page-contact{
padding: 130px 0 101px;
}
.wrap-page-contact .crumbs, .wrap-portfolio .crumbs{
margin-bottom: 100px;
}
.wrap-page-contact .crumbs a, .wrap-portfolio .crumbs a {
color: rgba(0, 0, 0, 0.5);
}
.active-city{
font-size: 16px;
font-weight: 500;
color: #151a51;
border-bottom: 1px solid #fff;
transition: .2s;
}
.active-city{
color: #39cb68;
border-bottom: 1px solid #39cb68;
}
.wrap-work-content__attention{
min-height: 115px;
}
.wtf-span-block .title span.title__green{
display: block;
}
@media screen and (max-width: 630px){
.sec-reviews .article-cleaning__text-hide {
display: none;
}
}
.mob-menu__dropdown-el:nth-child(n+9):not(.mob-menu__dropdown-showMore){
display: block !important;
}
.h4-p{
width: 100%;
font-size: 20px;
font-weight: 500;
line-height: 1.8;
color: #000;
max-width: 413px;
margin-bottom: 22px;
}
.page-price .wrap-comfort-content__center{
margin: auto;
}
.page-price .table-cost__cell-img, .page-price .table-cost__tr-main .table-cost__cell-body{
height: 50px;
}
.page-price .wrap-table-cost__title a{
color: black;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.page-price .wrap-table-cost__title a:hover{
opacity: 0.8;
}
.page-price .table-cost__price{
color: green;
}
.page-price .wrap-table-cost:last-child{
margin-bottom: 40px;
}
@media screen and (max-width: 850px){
.page-price .wrap-comfort-content__center{
position: static;
}
}
@media screen and (max-width: 600px){
.page-price .table-cost, .page-price .table-cost__cell{
width: 100%;
max-width: 100%;
min-width: 130px;
}
}