/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html {line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body {margin: 0; } /** * Render the `main` element consistently in IE. */ main {display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 {font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr {box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a {background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] {border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong {font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small {font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub {bottom: -0.25em; } sup {top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on assets inside links in IE 10. */ img {border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset {padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *    `fieldset` elements in all browsers. */ legend {box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress {vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea {overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] {-webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration {-webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details {display: block; } /* * Add the correct display in all browsers. */ summary {display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template {display: none; } /** * Add the correct display in IE 10. */ [hidden] {display: none; } /* slick-theme.css */ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list {background: #fff url('../img/ajax-loader.gif') center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25; } .slick-prev:before, .slick-next:before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev {left: -25px; } [dir='rtl'] .slick-prev {right: -25px; left: auto; } .slick-prev:before {content: '←'; } [dir='rtl'] .slick-prev:before {content: '→'; } .slick-next {right: -25px; } [dir='rtl'] .slick-next {right: auto; left: -25px; } .slick-next:before {content: '→'; } [dir='rtl'] .slick-next:before {content: '←'; } /* Dots */ .slick-dotted.slick-slider {margin-bottom: 30px; } .slick-dots {position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; } .slick-dots li button:before {font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before {opacity: .75; color: black; } /* slick.css */ /* Slider */ .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus {outline: none; } .slick-list.dragging {cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after {display: table; content: ''; } .slick-track:after {clear: both; } .slick-loading .slick-track {visibility: hidden; } .slick-slide {display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide {float: right; } .slick-slide img {display: block; } .slick-slide.slick-loading img {display: none; } .slick-slide.dragging img {pointer-events: none; } .slick-initialized .slick-slide {display: block; } .slick-loading .slick-slide {visibility: hidden; } .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden {display: none; } /* style.css */ body {position: relative; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; background: radial-gradient(131.53% 131.53% at 50% 50%, #FBFCFD 0%, #CCCFD6 100%); } body:after {position: absolute; content: ""; display: block; background: url(../img/footer-bg.png); width: 100%; height: 1476px; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; } .js_errorMessage {z-index: 99999999999!important; } * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; } img {/*max-width: 100%;*/ } .cloud2 {position: absolute; top: 0; } .clearfix:after {content: ""; display: table; clear: both; } .container {max-width: 1163px; margin: auto; } .first-screen h2, .first-screen h3 {text-align: left; } .first-screen h3 {margin-bottom: 90px; } .first-screen .container {position: relative; } .lungs-wrap {position: relative; max-width: 670px; display: block; margin: auto; min-height: 685px; right: -279px; } .lungs-wrap:after {position: absolute; content: ""; display: block; background: url(../img/product.png) no-repeat center; width: 342px; height: 454px; bottom: -125px; left: -180px; z-index: 9999999999; } .leaf4 {position: absolute; left: 0; right: 365px; margin: auto; bottom: -5px; z-index: 999999999999; } .basis img {margin: auto; display: block; } .lungs-wrap__left {position: absolute; top: 173px; left: 15px; } .lungs-wrap__right {position: absolute; top: 173px; right: 15px; } .first-screen .left {position: absolute; left: -20px; top: -74px; } .first-screen .right {position: absolute; right: -10px; top: -80px; } @-webkit-keyframes cilia-breathing {0% {top: -6px } 40% {top: -6px } 70% {top: -10px } 100% {top: -6px } } @-moz-keyframes cilia-breathing {0% {top: -6px } 40% {top: -6px } 70% {top: -10px } 100% {top: -6px } } @-o-keyframes cilia-breathing {0% {top: -6px } 40% {top: -6px } 70% {top: -10px } 100% {top: -6px } } @keyframes cilia-breathing {0% {top: -6px } 40% {top: -6px } 70% {top: -10px } 100% {top: -6px } } .cilia-breathing img {-webkit-animation: cilia-breathing 2s infinite; -moz-animation: cilia-breathing 2s infinite; -o-animation: cilia-breathing 2s infinite; animation: cilia-breathing 2s infinite; position: absolute; left: 0; right: 0; } @-webkit-keyframes lungleft {0% {width: 315px; -webkit-transform: rotate(0deg) } 40% {width: 315px; -webkit-transform: rotate(0deg) } 70% {width: 300px; -webkit-transform: rotate(3.5deg) } 100% {width: 315px; -webkit-transform: rotate(0deg) } } @-moz-keyframes lungleft {0% {width: 315px; -moz-transform: rotate(0deg) } 40% {width: 315px; -moz-transform: rotate(0deg) } 70% {width: 300px; -moz-transform: rotate(3.5deg) } 100% {width: 315px; -moz-transform: rotate(0deg) } } @-o-keyframes lungleft {0% {width: 315px; -o-transform: rotate(0deg) } 40% {width: 315px; -o-transform: rotate(0deg) } 70% {width: 300px; -o-transform: rotate(3.5deg) } 100% {width: 315px; -o-transform: rotate(0deg) } } @keyframes lungleft {0% {width: 315px; transform: rotate(0deg) } 40% {width: 315px; transform: rotate(0deg) } 70% {width: 300px; transform: rotate(3.5deg) } 100% {width: 315px; transform: rotate(0deg) } } .lung-left {-webkit-animation: lungleft 2s infinite; -moz-animation: lungleft 2s infinite; -o-animation: lungleft 2s infinite; animation: lungleft 2s infinite; z-index: 9999999; } @-webkit-keyframes lungright {0% {width: 318px; -webkit-transform: rotate(0deg) } 40% {width: 318px; -webkit-transform: rotate(0deg) } 70% {width: 300px; -webkit-transform: rotate(-3.5deg) } 100% {width: 318px; -webkit-transform: rotate(0deg) } } @-moz-keyframes lungright {0% {width: 318px; -moz-transform: rotate(0deg) } 40% {width: 318px; -moz-transform: rotate(0deg) } 70% {width: 300px; -moz-transform: rotate(-3.5deg) } 100% {width: 318px; -moz-transform: rotate(0deg) } } @-o-keyframes lungright {0% {width: 318px; -o-transform: rotate(0deg) } 40% {width: 318px; -o-transform: rotate(0deg) } 70% {width: 300px; -o-transform: rotate(-3.5deg) } 100% {width: 318px; -o-transform: rotate(0deg) } } @keyframes lungright {0% {width: 318px; transform: rotate(0deg) } 40% {width: 318px; transform: rotate(0deg) } 70% {width: 300px; transform: rotate(-3.5deg) } 100% {width: 318px; transform: rotate(0deg) } } .lung-right {-webkit-animation: lungright 2s infinite; -moz-animation: lungright 2s infinite; -o-animation: lungright 2s infinite; animation: lungright 2s infinite; z-index: 9999999; } @-webkit-keyframes lung-tl {0% {width: 249px; -webkit-transform: rotate(0deg) } 40% {width: 249px; -webkit-transform: rotate(0deg) } 70% {width: 225px; -webkit-transform: rotate(3.5deg) } 100% {width: 249px; -webkit-transform: rotate(0deg) } } @-moz-keyframes lung-tl {0% {width: 249px; -moz-transform: rotate(0deg) } 40% {width: 249px; -moz-transform: rotate(0deg) } 70% {width: 225px; -moz-transform: rotate(3.5deg) } 100% {width: 249px; -moz-transform: rotate(0deg) } } @-o-keyframes lung-tl {0% {width: 249px; -o-transform: rotate(0deg) } 40% {width: 249px; -o-transform: rotate(0deg) } 70% {width: 225px; -o-transform: rotate(3.5deg) } 100% {width: 249px; -o-transform: rotate(0deg) } } @keyframes lung-tl {0% {width: 249px; transform: rotate(0deg) } 40% {width: 249px; transform: rotate(0deg) } 70% {width: 225px; transform: rotate(3.5deg) } 100% {width: 249px; transform: rotate(0deg) } } .tl {-webkit-animation: lung-tl 2s infinite; -moz-animation: lung-tl 2s infinite; -o-animation: lung-tl 2s infinite; animation: lung-tl 2s infinite; } @-webkit-keyframes lung-tr {0% {width: 253px; -webkit-transform: rotate(0deg) } 40% {width: 253px; -webkit-transform: rotate(0deg) } 70% {width: 229px; -webkit-transform: rotate(3.5deg) } 100% {width: 253px; -webkit-transform: rotate(0deg) } } @-moz-keyframes lung-tr {0% {width: 253px; -moz-transform: rotate(0deg) } 40% {width: 253px; -moz-transform: rotate(0deg) } 70% {width: 229px; -moz-transform: rotate(3.5deg) } 100% {width: 253px; -moz-transform: rotate(0deg) } } @-o-keyframes lung-tr {0% {width: 253px; -o-transform: rotate(0deg) } 40% {width: 253px; -o-transform: rotate(0deg) } 70% {width: 229px; -o-transform: rotate(3.5deg) } 100% {width: 253px; -o-transform: rotate(0deg) } } @keyframes lung-tr {0% {width: 253px; transform: rotate(0deg) } 40% {width: 253px; transform: rotate(0deg) } 70% {width: 229px; transform: rotate(3.5deg) } 100% {width: 253px; transform: rotate(0deg) } } .tr {-webkit-animation: lung-tr 2s infinite; -moz-animation: lung-tr 2s infinite; -o-animation: lung-tr 2s infinite; animation: lung-tr 2s infinite; } .logo {padding-top: 37px; margin-bottom: 120px; } .logo .text-block .top {font-weight: bold; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #9A2E2B; } .logo .text-block .bottom {font-weight: 500; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #828284; } .logo .text-block, .logo img {display: inline-block; vertical-align: middle; } .logo img {margin-right: 9px; } h2 {position: relative; font-weight: 900; font-size: 72px; line-height: 88px; text-transform: uppercase; color: #CE3232; text-align: center; } .first-screen h2:before {position: absolute; display: block; content: ""; width: 77px; height: 80px; background: url(../img/leaf4.png) no-repeat center; left: 0; right: -80px; margin: auto; top: 15px; } h3 {font-family: 'Playfair Display', serif; font-style: italic; font-weight: 900; font-size: 36px; line-height: 42px; color: #20201F; margin-bottom: 85px; text-align: center; } h1, h2, h3, p {margin: 0; } .first-screen__left {max-width: 520px; float: left; position: relative; z-index: 99999999999; } .leaf6 {position: absolute; top: 105px; right: 25px; z-index: 99999999999; } .lungs-wrap {} .first-screen p {position: relative; font-weight: 500; font-size: 18px; line-height: 26px; color: #737986; padding-left: 40px; max-width: 330px; margin-bottom: 95px; } .first-screen p:before {position: absolute; display: block; content: ""; background: #7C818B; left: 0; top: 10px; height: 2px; width: 27px; } .button {position: relative; font-weight: bold; font-size: 18px; line-height: 22px; text-align: left; text-transform: uppercase; color: #FFFFFF; border: none; cursor: pointer; padding-top: 21px; padding-bottom: 21px; padding-left: 15px; /*background: url(../img/button-bg.png) no-repeat center;*/ background: url(../img/button-sprite.png) -10px -97px; max-width: 280px; width: 100%; z-index: 9999999999; /*transition: 0.5s;*/ } .button:hover {background: url(../img/button-sprite.png) -10px -184px; } .button:active {background: url(../img/button-sprite.png) -10px -10px; } .first-screen .button {/*position: absolute;*/ } .first-screen .price-block {margin-top: 55px; text-align: left; } .first-screen .price-block .old {font-weight: 500; font-size: 16px; line-height: 20px; text-decoration: line-through; color: #737986; padding-left: 40px; } .first-screen .price-block .new {font-weight: 500; font-size: 22px; line-height: 27px; color: #000000; padding-left: 60px; } .first-screen .button-wrap {position: relative; } .first-screen .sale {position: absolute; right: 210px; top: 50px; } .sale {position: absolute; background: url(../img/label.png) no-repeat 100% 100%; width: 130px; height: 150px; padding-top: 60px; text-align: center; } .sale .top {font-weight: 500; font-size: 16px; line-height: 20px; color: #FFFFFF; padding-left: 10px; } .sale .bottom {font-weight: bold; font-size: 24px; line-height: 29px; text-align: center; color: #FFFFFF; padding-left: 30px; } .leaf2 {position: absolute; top: 0px; right: 0; left: 55px; } .second-screen {position: relative; margin-top: 155px; } .second-screen:after {position: absolute; display: block; content: ""; background: url(../img/cloud2.png) no-repeat center; width: 100%; height: 1476px; bottom: -615px; left: 0; right: 0; margin: auto; } .second-screen .bottom-block {font-size: 0; margin-top: -20px; } .second-screen .bottom-block .second-screen__item-v2 {display: inline-block; vertical-align: top; } .second-screen .bottom-block .second-screen__item-v2:nth-child(1) {margin-right: 135px; } .second-screen .container {position: relative; } .second-screen .container:before {position: absolute; content: ""; display: block; background: url(../img/factory.png) no-repeat center; width: 1064px; height: 756px; top: -182px; right: -215px; } .second-screen .container:after {position: absolute; content: ""; display: block; background: url(../img/cloud.png) no-repeat center; width: 1200px; height: 1200px; top: 5px; right: 0px; z-index: 2; } .second-screen .title {font-family: Playfair Display; font-style: italic; font-weight: 900; font-size: 48px; line-height: 54px; text-align: center; color: #20201F; max-width: 500px; margin: auto; position: relative; z-index: 9999999999; margin-bottom: 95px; } .second-screen__item {position: relative; } .second-screen__item:before {position: absolute; display: block; content: ""; width: 65px; height: 77px; top: -94px; left: 18px; background: url(../img/arrows.png) no-repeat center; } .second-screen__item:after {position: absolute; display: block; content: ""; width: 103%; height: 39px; top: -39px; left: -2px; right: 0; background: url(../img/top-block.png) no-repeat center; } .second-screen__item:nth-child(1) {display: block; font-family: Playfair Display; font-style: italic; font-weight: bold; font-size: 20px; line-height: 26px; color: #20201F; max-width: 264px; width: 100%; background: #fff; box-shadow: 2px 2px 17px rgba(180, 186, 197, 0.2); padding-top: 20px; padding-left: 18px; padding-bottom: 25px; padding-right: 25px; position: relative; top: 0; z-index: 999999999; } .second-screen .left {display: inline-block; vertical-align: bottom; } .second-screen .left:nth-child(1) {position: relative; margin-left: 38px; } .second-screen .left:nth-child(1):after {position: absolute; content: ""; display: block; width: 604px; height: 604px; background: url(../img/cloud5.png) no-repeat center; left: -215px; bottom: -235px; z-index: 7; } .second-screen .left:nth-child(2) {position: relative; margin-left: -215px; } .second-screen .left:nth-child(3) {padding-left: 40px; } .second-screen .left:nth-child(4) {/*padding-left: 50px;*/ } .second-screen .left:nth-child(4) .scissors {position: absolute; top: -17px; z-index: 999999; left: 30px; } .second-screen .left:nth-child(4) .second-screen__item {left: 65px; margin-bottom: 530px; top: -105px; } .second-screen .bark {position: absolute; bottom: -300px; right: -85px; } .second-screen .left:nth-child(2) .second-screen__item {position: relative; padding-bottom: 0px; padding-top: 5px; margin-bottom: 95px; } .second-screen .second-screen__item-v2 {max-width: 240px; width: 100%; position: relative; z-index: 9; } .second-screen .left:nth-child(3) .second-screen__item-v2 {margin-bottom: 415px; position: relative; } .second-screen .left:nth-child(3) .second-screen__item-v2:after {position: absolute; content: ""; display: block; background: url(../img/cone.png) no-repeat center; bottom: -145px; left: 0; width: 107px; height: 106px; } .second-screen .second-screen__item-v2 p {font-weight: 500; font-size: 16px; line-height: 24px; color: #20201F; margin-top: 25px; } .trunk {display: block; position: relative; left: -17px; right: 0; margin: auto; } .second-screen .inner-wrap {position: relative; } .second-screen .wood {position: relative; left: -192px; top: -45px; z-index: 9999999999; } .second-screen .forest {position: absolute; left: -355px; bottom: 0; z-index: 2; } .factory {position: relative; top: -294px; right: -320px; z-index: 4; } .third-screen {padding-bottom: 100px; margin-top: 90px; position: relative; z-index: 3; } .third-screen h2, .third-screen h3 {text-align: center; } .third-screen__list {font-size: 0; text-align: center; margin-top: 57px; } .third-screen__list .item {display: inline-block; vertical-align: top; max-width: 220px; margin-right: 85px; } .third-screen__list .item:last-child {margin-right: 0; /*padding-top: 40px;*/ } .third-screen__list .list-title {font-family: Playfair Display; font-style: italic; font-weight: bold; font-size: 20px; line-height: 26px; color: #20201F; margin-top: 7px; margin-bottom: 10px; text-align: left; } .third-screen__list p {font-size: 16px; line-height: 24px; color: #20201F; text-align: left; } .third-screen .image-wrap {position: relative; margin-left: -70px; } .third-screen .image-wrap:after {position: absolute; content: "1"; display: block; font-style: italic; font-weight: 600; font-size: 20px; line-height: 36px; background: linear-gradient(180deg, #5D9D19 0%, #C9E8B0 100%); box-shadow: 0px 1px 1px #618D34; height: 36px; width: 36px; border-radius: 50%; color: #FFFFFF; bottom: 5px; left: 80px; } .third-screen .item:nth-child(2) .image-wrap:after {content: "2"; } .third-screen .item:nth-child(3) .image-wrap:after {content: "3"; } .third-screen .item:nth-child(4) .image-wrap:after {content: "4"; } .fourth-screen {position: relative; } .fourth-screen:before {position: absolute; content: ""; display: block; background: url(../img/cloud2.png) no-repeat center; top: -130px; left: 0; right: 0; margin: auto; width: 100%; height: 1476px; } .fourth-screen h2, .fourth-screen h3 {text-align: center; } .fourth-screen h3 {margin-bottom: 95px; } .fourth-screen .form {display: inline-block; vertical-align: top; } .fourth-screen .form form {text-align: left; } .form {position: relative; background: #fff; max-width: 300px; width: 100%; padding-top: 10px; padding-left: 18px; padding-right: 18px; padding-bottom: 30px; box-shadow: 2px 2px 17px rgba(180, 186, 197, 0.2); } .form:before {position: absolute; display: block; content: ""; background: url(../img/top-block2.png) no-repeat center; left: 0px; right: 0; top: -41px; margin: auto; width: 100%; height: 41px; background-size: 336px; } .form:after {position: absolute; content: ""; display: block; background: #EDEFF2; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25); height: 15px; width: 15px; right: 15px; top: -15px; border-radius: 50%; } .form-title {font-family: Playfair Display; font-style: italic; font-weight: 900; font-size: 24px; line-height: 24px; text-align: center; color: #20201F; margin-bottom: 20px; } .field {display: block; margin: auto; width: 262px; height: 52px; background: #F5F5F6; border: 0.5px solid #E4E4E4; border-radius: 3px; margin-bottom: 17px; padding-left: 30px; } .field.onlynumber {margin-bottom: 0; } .form .button {margin-top: 25px; } label {display: inline-block; font-size: 16px; line-height: 20px; color: #20201F; margin-bottom: 5px; } select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f2f2f2 url(../img/sel.png) no-repeat 93% !important; } .fourth-screen .inner-wrap {text-align: center; } .fourth-screen__left {/*float: left;*/ margin-right: 40px; display: inline-block; vertical-align: top; } .fourth-screen .list {font-size: 0; text-align: center; } .fourth-screen .list .item {position: relative; display: inline-block; vertical-align: top; max-width: 260px; } .fourth-screen .list .item:nth-child(1), .fourth-screen .list .item:nth-child(2) {margin-right: 40px; } .fourth-screen .list .item:nth-child(1) p, .fourth-screen .list .item:nth-child(3) p {max-width: 160px; } .fourth-screen .list .item:nth-child(1):after {position: absolute; display: block; content: ""; background: url(../img/arrows2.png) no-repeat center; width: 80px; height: 81px; right: -110px; bottom: 80px; } .fourth-screen .list .item:nth-child(2) {margin-top: 200px; } .fourth-screen .list .item:nth-child(2):after {position: absolute; display: block; content: ""; background: url(../img/arrows2.png) no-repeat center; width: 80px; height: 81px; right: -15px; top: -95px; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; } .fourth-screen .list .item img {display: block; margin: auto; margin-bottom: 15px; } .fourth-screen .list .item p {font-family: Playfair Display; font-style: italic; font-weight: bold; font-size: 20px; line-height: 26px; text-align: center; color: #20201F; margin: auto; } .fourth-screen .sale, .ninth-screen .sale {top: -20px; right: -100px; height: 150px; padding-top: 70px; } .sixth-screen {margin-top: 100px; } .sixth-screen .container {position: relative; background: #fff url(../img/pine_background.png) no-repeat right 100%; padding-top: 30px; padding-left: 50px; padding-bottom: 50px; } .sixth-screen .title {font-family: Playfair Display; font-style: italic; font-weight: 900; font-size: 48px; line-height: 54px; color: #20201F; margin-bottom: 45px; } .sixth-screen__left {max-width: 590px; } .sixth-screen p {font-size: 16px; line-height: 24px; color: #20201F; margin-bottom: 20px; } .sixth-screen p:last-child {margin-bottom: 0; } .sixth-screen p b {color: #20201F; } .sixth-screen .doc {position: absolute; right: 0; bottom: 0; } .sixth-screen .doc-name {position: absolute; bottom: 80px; right: 60px; background: url(../img/name-bg.png) no-repeat center; background-size: 100% 100%; padding-left: 20px; padding-right: 20px; padding-top: 27px; min-height: 125px; max-width: 165px; text-align: center; } .sixth-screen .doc-name .top {font-style: italic; font-weight: bold; font-size: 16px; /*line-height: 24px;*/ text-align: center; color: #FFFFFF; margin-bottom: 10px; } .sixth-screen .doc-name .bottom {font-weight: 500; font-size: 16px; line-height: 16px; text-align: center; color: #FFFFFF; } .slider-block {margin-top: 98px; } .seventh-screen {position: relative; padding-top: 120px; } .seventh-screen:before {position: absolute; content: ""; display: block; background: url(../img/cloud2.png) no-repeat center; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 1476px; z-index: -1; } .seventh-screen h3 {margin-bottom: 100px; } .seventh-screen__list {font-size: 0; text-align: center; } .seventh-screen .seventh-screen__list .item {position: relative; display: inline-block; vertical-align: middle; width: 270px; margin-right: 150px; } .seventh-screen .seventh-screen__list .item:last-child {margin-right: 0; } .seventh-screen .seventh-screen__list .item:last-child .item-right {left: 20px; } .seventh-screen .seventh-screen__list .item:last-child .item-left img {top: 20px; position: relative; } .seventh-screen .seventh-screen__list .item:nth-child(2) .item-left img {position: relative; top: -8px; } .seventh-screen .seventh-screen__list .item:after {position: absolute; content: ""; display: block; width: 62px; height: 55px; background: url(../img/arrows3.png) no-repeat center; right: -110px; top: 30px; } .seventh-screen .seventh-screen__list .item:last-child:after {display: none; } .seventh-screen .item-left, .seventh-screen .item-right {display: inline-block; vertical-align: bottom; } .seventh-screen .item-right {position: relative; top: -23px; font-family: Playfair Display; font-style: italic; font-weight: 900; font-size: 24px; line-height: 32px; background: linear-gradient(180deg, #5D9D19 0%, #C9E8B0 100%); -webkit-background-clip: text; color: transparent; text-shadow: 0px 1px 1px #87af5e; } .seventh-screen .bottom-text {font-weight: 500; font-size: 18px; line-height: 26px; text-align: center; color: #737986; max-width: 613px; margin: auto; margin-top: 45px; } .eighth-screen {position: relative; padding-top: 95px; } .eighth-screen:before {position: absolute; display: block; content: ""; background: url(../img/eighth-cloud.png) no-repeat center; width: 100%; height: 2000px; top: 0; left: 0; right: 0; margin: auto; z-index: -1; } .eighth-screen__list {text-align: center; } .eighth-screen__list .item {display: inline-block; vertical-align: top; width: 370px; } .eighth-screen__list .item img {display: inline-block; margin: auto; } .eighth-screen__list .item:nth-child(2) img {top: 10px; position: relative; } .eighth-screen__list .item .text {font-family: Playfair Display; font-style: italic; font-weight: bold; font-size: 20px; line-height: 26px; text-align: center; max-width: 200px; color: #20201F; margin: auto; margin-top: 20px; } .eighth-screen .text-wrapper {position: relative; max-width: 520px; margin: auto; } .eighth-screen .sale {right: 40px; top: 15px; height: 150px; padding-top: 70px; } .eighth-screen .image-wrap {position: relative; } .eighth-screen .image-wrap:after {position: absolute; content: "1"; display: block; font-style: italic; font-weight: 600; font-size: 20px; line-height: 36px; background: linear-gradient(180deg, #5D9D19 0%, #C9E8B0 100%); box-shadow: 0px 1px 1px #618D34; height: 36px; width: 36px; border-radius: 50%; color: #FFFFFF; bottom: 0px; left: 70px; } .eighth-screen .item:nth-child(2) .image-wrap:after {content: "2"; } .eighth-screen .item:nth-child(3) .image-wrap:after {content: "3"; } .eighth-screen h2 {position: relative; z-index: 99999999; } .eighth-screen h3 {max-width: 330px; margin: auto; margin-bottom: 75px; } .slider-block .container {position: relative; } .slider-block {position: relative; } .slider-block:before {position: absolute; content: ""; display: block; background: url(../img/cloud2.png) no-repeat center; top: -155px; left: 0; right: 0; margin: auto; width: 100%; height: 1476px; } .slider-wrap {position: relative; display: block; padding-top: 50px; padding-bottom: 30px; max-width: 300px; background: #fff; padding-left: 30px; padding-right: 30px; margin: auto; /*margin-top: 15px;*/ background: url(../img/phone.png) no-repeat center; z-index: 9999999999; min-height: 599px; } .slider-wrap:before {position: absolute; display: block; content: ""; background: url(../img/flask.png) no-repeat center; left: -155px; bottom: 0; margin: auto; width: 128px; height: 479px; } .slider-block .top {position: relative; font-size: 14px; line-height: 17px; color: #1580CD; padding-left: 30px; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #DDDDDD; } .slider-block .top:before {position: absolute; content: ""; display: block; width: 19px; height: 12px; background: url(../img/arrow.png) no-repeat center; left: 0; top: 2px; } .slider-block .phone2 {position: absolute; right: 0; bottom: 0; } .slider-block .avatar {float: left; margin-right: 15px; } .slider-block .name {font-weight: 600; font-size: 16px; line-height: 20px; color: #000000; margin-bottom: 5px; } .slider-block .bottom span {display: inline-block; vertical-align: bottom; font-weight: 500; font-size: 14px; line-height: 14px; color: #000000; } .slider-block .bottom img {display: inline-block; vertical-align: bottom; } .slider-block .text {font-size: 14px; line-height: 17px; color: #000000; margin-top: 17px; margin-bottom: 17px; } .slider-block .date {font-size: 14px; line-height: 17px; color: #737986; margin-top: 15px; } .slider-block .pine2 {position: absolute; bottom: -50px; left: 200px; z-index: 99999999999999; } .slider-block .phone2 {position: absolute; right: -245px; bottom: -45px; z-index: 2; } .slider-block h3 {position: relative; margin-bottom: 90px; } .slider-block .stars2 {position: absolute; top: 145px; right: 265px; z-index: 9999999; } .slick-prev {transition: 0.10s; } .slick-prev:before, .slick-next:before {content: ""; font-size: 55px !important; opacity: 1 !important; } .slick-prev:before {content: "" !important; background: url(../img/left-arr.png) no-repeat center; width: 60px; height: 60px; position: absolute; display: block; } .slick-next:before {content: "" !important; background: url(../img/left-arr.png) no-repeat center; width: 60px; height: 60px; position: absolute; display: block; -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH; -ms-filter: "FlipH"; } .slick-prev:hover:before {background: url(../img/active-arr.png) no-repeat center; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH; -ms-filter: "FlipH"; height: 60px; width: 55px; } .slick-next:hover:before {background: url(../img/active-arr.png) no-repeat center; height: 60px; width: 60px; -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); filter: FlipH; -ms-filter: "FlipH"; } .slick-next {right: 10px !important; } .ninth-screen {padding-top: 95px; padding-bottom: 50px; } .ninth-screen .container {position: relative; } .ninth-screen__left {max-width: 720px; float: left; width: 100%; } .ninth-screen__left h2, .ninth-screen__left h3 {text-align: left; } .ninth-screen__left h3 {margin-bottom: 70px; } .ninth-screen__right {float: left; padding-top: 155px; } .ninth-screen .bark {position: absolute; left: 0; right: -95px; top: 75px; height: 590px; margin: auto; } .ninth-screen p {position: relative; font-weight: 500; font-size: 18px; line-height: 26px; color: #737986; padding-left: 40px; max-width: 290px; } .ninth-screen p:before {position: absolute; display: block; content: ""; background: #7C818B; left: 0; top: 10px; height: 2px; width: 27px; } .ninth-screen p:after {position: absolute; content: ""; display: block; width: 107px; height: 106px; background: url(../img/cone.png) no-repeat center; right: -190px; top: -35px; background-size: 75px; } .ninth-screen .timer-block__title {font-weight: bold; font-size: 26px; line-height: 32px; color: #20201F; margin-top: 45px; max-width: 285px; } .ninth-screen .form {position: relative; z-index: 99999999; } .wrapper {position: relative; overflow: hidden; } .ninth-screen .timer {background: linear-gradient(180deg, #5D9D19 0%, #C9E8B0 71.43%); box-shadow: 2px 2px 1px #618D34; border-radius: 5px; max-width: 380px; width: 100%; padding-top: 30px; padding-bottom: 30px; text-align: center; margin-top: 35px; } .ninth-screen .timer .text {font-weight: bold; font-size: 20px; line-height: 24px; text-align: center; color: #FFFFFF; margin-bottom: 30px; } .syotimer-cell__value {font-weight: 600; font-size: 40px; line-height: 49px; text-align: center; color: #000000; padding-top: 13px; } .syotimer-cell {position: relative; width: 85px; background: url(../img/frame.png) no-repeat center; display: inline-block; vertical-align: top; background-size: 100% 100%; margin-right: 25px; min-height: 85px; } .syotimer-cell:last-child {margin-right: 0; } .syotimer-cell:last-child:after {display: none; } .syotimer-cell:after {position: absolute; display: block; content: ":"; font-weight: bold; font-size: 36px; text-align: center; color: #FFFFFF; right: -18px; top: 15px; } .syotimer-cell_type_day {display: none; } .syotimer-cell__unit {display: none; } .timer-bottom {font-size: 0; text-align: center; margin-top: 0px; } .timer-bottom .item {display: inline-block; vertical-align: top; font-weight: 500; font-size: 18px; line-height: 22px; text-align: center; margin-right: 50px; color: #42760D; } .timer-bottom .item:nth-child(1) {margin-left: 25px; } .timer-bottom .item:nth-child(2) {margin-left: 10px; } .timer-bottom .item:last-child {margin-right: 0; } .form .price-block {text-align: left; margin-bottom: 15px; } .form .price-block .old {font-size: 14px; text-decoration-line: line-through; color: #737986; padding-left: 30px; } .form .price-block .new {font-weight: 500; font-size: 22px; color: #D13434; padding-left: 65px; } .slick-prev {left: -35px !important; } @media screen and (max-width:1163px) {.container {max-width: 1000px; } .lungs-wrap:after {left: -115px; } .second-screen .left:nth-child(4) .second-screen__item {left: auto; margin-bottom: 530px; top: 130px; position: absolute; right: 35px; } .second-screen .left:nth-child(3) .second-screen__item-v2 {margin-bottom: 555px; } .fourth-screen__left {margin-right: 0; display: block; vertical-align: top; margin-bottom: 60px; } .sixth-screen .doc {right: 2px; width: 340px; } .sixth-screen .container {background: #fff; } .slider-block .pine2 {display: none; } .seventh-screen .seventh-screen__list .item {width: 180px; } .seventh-screen .seventh-screen__list .item:last-child .item-right {left: 0; } .eighth-screen__list .item {width: 315px; } .ninth-screen__left {max-width: 600px; } .third-screen__list .item {max-width: 40%; } .third-screen__list .item:nth-child(2) {margin-right: 0; } .third-screen .image-wrap:after {left: 175px; } .third-screen__list .list-title {text-align: center; } .third-screen__list p {text-align: center; } .first-screen h3, .second-screen .bottom-block {padding-left: 25px; } .slider-block .stars2 {top: 145px; right: 200px; } .slider-block .phone2 {right: -300px; } } .mob {display: none; } .web {display: block !important; } @media screen and (max-width:999px) {.container {max-width: 320px; padding: 0px 20px; } .lungs-wrap {display: none; } .second-screen .container:before {top: -70px; background-size: 490px; left: -90px; right: 0; margin: auto; width: 470px; height: 350px; } .logo .text-block .top {font-size: 18px; line-height: 22px; } .logo .text-block .bottom {font-size: 11px; line-height: 13px; } .logo img {width: 50px; } .logo {padding-top: 20px; margin-bottom: 30px; } .first-screen h2 {font-size: 38px; line-height: 38px; } .first-screen h3 {font-size: 24px; line-height: 26px; padding-left: 0; margin-bottom: 20px; max-width: 200px; position: relative; z-index: 9999999999; } .first-screen p {font-size: 15px; line-height: 20px; max-width: 130px; padding-left: 25px; margin-bottom: 50px; } .first-screen p:before {width: 15px; } .mob {display: block; } .product-mob {height: 230px; position: absolute; top: 140px; right: -25px; } .second-screen .left:nth-child(4) .second-screen__item {position: relative; right: 0; top: 80px; margin-bottom: 130px; } .first-screen h2:before {background-size: 35px; right: -29px; top: -18px; } .second-screen .title {font-size: 28px; line-height: 32px; margin-bottom: 165px; } .second-screen .left:nth-child(1), .second-screen .left:nth-child(2) {margin-left: auto; margin-right: auto; display: block; } .second-screen .wood {display: none; } .second-screen .left:nth-child(3) {position: relative; top: -50px; padding-left: 90px; } .second-screen .left:nth-child(3) .second-screen__item-v2 {margin-bottom: 0; } h2 {font-size: 38px; line-height: 38px; } h3 {font-size: 24px; line-height: 26px; } .third-screen__list {margin-top: 20px; } .third-screen .image-wrap:after {left: 70px; } .third-screen__list .list-title {font-size: 18px; line-height: 22px; } .third-screen__list .item {max-width: 100%; display: block; margin: auto; margin-bottom: 20px; } .fourth-screen .list .item {display: block; margin-left: auto; margin-right: auto; } .fourth-screen .list .item:nth-child(1), .fourth-screen .list .item:nth-child(2) {margin-right: auto; } .fourth-screen h3 {margin-bottom: 30px; } .fourth-screen .list .item:nth-child(2) {margin-top: 0; } .fourth-screen .sale, .ninth-screen .sale {display: none; } .sixth-screen .title {font-size: 28px; line-height: 32px; margin-bottom: 25px; } .sixth-screen .container {padding-left: 18px; padding-right: 18px; padding-top: 20px; } .sixth-screen {margin-top: 30px; } .form:after {display: none; } .form {max-width: 280px; padding-left: 8px; padding-right: 8px; } .fourth-screen .container {padding: 0; } .sixth-screen .container {background: none; padding-bottom: 0; } .sixth-screen__left {position: relative; background: #fff; max-width: 280px; margin: auto; padding: 0 20px; padding-top: 20px; padding-bottom: 435px; } .sixth-screen .doc {width: auto; height: 370px; z-index: 99999; } .web {display: none !important; } .sixth-screen .pine {position: absolute; bottom: 0; right: 0; } .sixth-screen .doc-name {z-index: 999999999; background-size: 85% 80%; right: 35px; bottom: 35px; } .sixth-screen .doc-name .top {font-size: 15px; line-height: 24px; margin-bottom: 0px; } .sixth-screen .doc-name .bottom {font-size: 15px; line-height: 16px; } .slider-block {margin-top: 40px; } .slider-block .phone2, .slider-wrap:before {display: none; } .slider-block h3 {margin-bottom: 40px; } .slider-wrap {z-index: 8; background-size: 100% 100%; } .slider-block .stars2 {top: 75px; right: 30px; width: 70px; } .seventh-screen {padding-top: 50px; } .seventh-screen h3 {margin-bottom: 30px; } .seventh-screen .seventh-screen__list .item {margin-bottom: 60px; width: 100%; } .seventh-screen .seventh-screen__list .item:last-child {margin-bottom: 0; } .seventh-screen .seventh-screen__list .item:after {background: url(../img/arrows4.png) no-repeat center; width: 41px; height: 48px; top: auto; bottom: -55px; left: 0; right: 0; margin: auto; } .seventh-screen .seventh-screen__list .item img {width: 80px; } .seventh-screen .item-right {top: -12px; } .seventh-screen .bottom-text {font-size: 14px; line-height: 18px; margin-top: 20px; } .eighth-screen {padding-top: 45px; } .eighth-screen h3 {margin-bottom: 20px; } .eighth-screen__list .item {margin-bottom: 30px; width: 100%; } .ninth-screen {padding-top: 45px; } .first-screen .sale {background: url(../img/label2.png) no-repeat 100% 100%; width: 91px; height: 105px; right: 0; } .sale {padding-top: 45px; } .sale .top {font-size: 12px; line-height: 15px; padding-left: 0; } .sale .bottom {font-size: 18px; line-height: 22px; padding-left: 20px; } .second-screen .container:after {display: none; } .second-screen__item:nth-child(1) {margin: auto; position: relative; top: 0px; padding-left: 10px; padding-bottom: 18px; } .second-screen .left:nth-child(2) .second-screen__item {position: relative; padding-bottom: 0px; padding-top: 5px; margin-bottom: 95px; margin-top: 100px; top: 0; } .second-screen .forest, .cloud2 {display: none; } .first-screen {background: url(../img/cloud2-mob.png) no-repeat center; } .second-screen {background: url(../img/cloud2-mob.png) no-repeat center; background-position-y: 130px; } .first-screen__left {float: none; } .second-screen {position: relative; margin-top: 45px; } .leaf4 {display: none; } .second-screen .left:nth-child(1):after {display: none; } .second-screen__item {font-size: 17px; line-height: 24px; } .mob-bg {position: absolute; left: -270px; top: 700px; } .second-screen .left:nth-child(3) .second-screen__item-v2:after {display: none; } .first-screen .price-block {margin-top: 20px; } .second-screen .bark {position: absolute; bottom: -515px; right: -156px; height: 440px; } .second-screen .bottom-block .second-screen__item-v2:nth-child(1) {margin-bottom: 25px; margin-right: 0; } .second-screen .bottom-block {padding-left: 0; margin-top: 0; } .second-screen .bottom-block .second-screen__item-v2 {display: block; max-width: 190px; } .second-screen:after {position: absolute; content: ""; display: block; background: url(../img/cloud2-mob.png) no-repeat center; width: 100%; height: 569px; left: 0; right: 0; margin: auto; bottom: 0; z-index: -1; } .fourth-screen .list .item:nth-child(1):after, .fourth-screen .list .item:nth-child(2):after {background: url(../img/arrows4.png) no-repeat center; width: 41px; height: 48px; left: 0; right: 0; margin: auto; bottom: -60px; } .fourth-screen .list .item:nth-child(2):after {-moz-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); filter: FlipV; bottom: -435px; } .fourth-screen .list .item {margin-bottom: 80px; } .fourth-screen:before {display: none; } .fourth-screen {background: url(../img/cloud2-mob.png) no-repeat top center; } .third-screen {padding-bottom: 30px; margin-top: 60px; } .ninth-screen__left h3 {margin-bottom: 25px; } .ninth-screen p {max-width: 165px; padding-left: 25px; } .ninth-screen p:before {width: 15px; } .ninth-screen .bark {right: -205px; top: 30px; height: 300px; } .ninth-screen .timer-block__title {font-size: 18px; line-height: 20px; max-width: 150px; text-align: center; margin-top: 30px; } .ninth-screen .timer .text {font-size: 17px; line-height: 22px; margin-bottom: 15px; } .syotimer-cell__value {font-size: 34px; line-height: 41px; } .syotimer-cell {position: relative; width: 74px; background: url(../img/frame.png) no-repeat center; background-size: 100% 100%; margin-right: 20px; min-height: 65px; } .timer-bottom .item {font-size: 16px; line-height: 18px; margin-right: 41px; } .timer-bottom .item:nth-child(1) {margin-left: 6px; } .timer-bottom .item:nth-child(2) {margin-left: 5px; } .ninth-screen__left, .ninth-screen__right {float: none; } .ninth-screen__right {padding-top: 60px; } body:after {display: none; } .first-screen .container:before {position: absolute; content: ""; display: block; background: url(../img/group-mob.png) no-repeat center; right: 0; top: 15px; width: 149px; height: 293px; z-index: 999999999999; } .slider-block:before {display: none; } .slider-block {background: url(../img/cloud2-mob.png) no-repeat top center; } .slick-prev, .slick-next {top: 54%; } .slick-prev {left: -25px !important; } .slick-next {right: 17px !important; } .eighth-screen:before {display: none; } .eighth-screen .sale {background: url(../img/label2.png) no-repeat 100% 100%; width: 91px; height: 105px; padding-top: 45px; right: -15px; top: 55px; } .eighth-screen__list .item img {width: 160px; } .eighth-screen__list .item .text {font-size: 18px; line-height: 24px; margin-top: 15px; } .eighth-screen .image-wrap:after {left: 50px; } .eighth-screen__list .item:nth-child(2) .text {margin-top: -45px; } .eighth-screen .item:nth-child(2) .image-wrap:after {top: 105px; } .form:before {position: absolute; display: block; content: ""; background: url(../img/top-block2.png) no-repeat center; left: 0px; right: 0; top: -40px; margin: auto; width: 101%; height: 41px; background-size: 310px; } .second-screen__item {font-size: 17px !important; line-height: 24px !important; } .second-screen__item:before {background-size: 50px; top: -80px; } .third-screen .image-wrap {margin-left: 0; } .second-screen .inner-wrap--item {display: block; } .inner-wrap--item:nth-child(1) {margin-bottom: 95px; } .inner-wrap--item:nth-child(2) {margin-bottom: 30px; } .inner-wrap--item:nth-child(2) .second-screen__item {padding-top: 0; } .inner-wrap--item:nth-child(3) {padding-left: 90px; } .inner-wrap--item:nth-child(3) .second-screen__item-v2 {max-width: 240px; width: 100%; } .inner-wrap--item:nth-child(4) {margin-top: 95px; margin-bottom: 40px; } .inner-wrap--item:nth-child(4) .second-screen__item {padding-bottom: 0; } .inner-wrap--item .second-screen__item {padding-left: 15px; font-size: 17px; line-height: 24px; padding-top: 5px; } .second-screen .second-screen__item-v2 p {font-size: 15px; line-height: 20px; margin-top: 10px; } .second-screen__item-v2 img {width: 40px; } .scissors {margin: auto; display: block; } }