/** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: none; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: none; padding: 0; } input { line-height: normal; } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { -webkit-appearance: textfield; box-sizing: content-box; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: none; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html, body { height: 100%; width: 100%; font-family: Roboto, sans-serif; font-display: swap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html._mobile-menu-open, body._mobile-menu-open { height: 100%; overflow: hidden; width: 100%; position: fixed; } html._dialog-open, body._dialog-open, html._message-open, body._message-open, html._message-error-open, body._message-error-open, html._message-custom-open, body._message-custom-open { position: absolute; overflow: hidden; width: 100%; top: 0; } html { font-size: 62.5%; text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'kern' 1; font-feature-settings: 'kern' 1; -webkit-font-kerning: normal; font-kerning: normal; } @media (max-width: 767px) { body.web-view .webview-hidden { display: none; } } a, a:hover { text-decoration: none; color: #5baed6; } a:focus { outline: none; border: none; } h1, h2, h3, h4, h5 { margin: 0; } h3 { font-weight: 400; } ul { list-style: none; padding: 0; margin: 0; } .no-wrap { white-space: nowrap; } .link--offer { color: #a1deff; } .link--offer:visited { color: #a1deff; } .link--offer:hover { color: #fff; } .hidden-label { display: none; } .wt { font-family: 'Montserrat', sans-serif; font-display: swap; } .wt .wt-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; z-index: 79; border-radius: 8px; background-color: rgba(255,255,255,0.8); } .wt .wt-loader__image { display: block; } .wt .loader-wrapper { position: relative; } .wt .wt-wrapper { margin: 0 auto; padding: 0 24px; } @media (max-width: 767px) { .wt .wt-wrapper { padding: 0 16px; } } .wt .wt-wrapper--tiny { max-width: 600px; } .wt .wt-wrapper--regular { max-width: 862px; } .wt .wt-wrapper--wide { max-width: 1052px; } .wt .overflow-wrapper { overflow: hidden; } .wt a, .wt a:hover { color: #ffca00; } .wt .link--offer { color: #ffca00; } .wt .link--offer:visited { color: #ffca00; } .wt .link--offer:hover { color: #ffca00; } * { -webkit-font-smoothing: antialiased; } .g-svg-sprite { display: none; } .g-wrapper { max-width: 100%; min-height: 100vh; overflow: hidden; position: relative; z-index: 1; } .g-wrapper._mobile-menu-open { overflow: hidden; } ._dialog-open .g-wrapper { overflow: hidden; min-height: auto; } .v2 .g-wrapper { background-color: #f8f9fd; } .g-hidden { display: none !important; } .g-relative { position: relative; } .g-not-visible { opacity: 0; } .g-visible { opacity: 1; } .g-transition { -webkit-transition: all 1s; transition: all 1s; } .clearfix:before, .easy-start__item:before, .clearfix:after, .easy-start__item:after { content: ''; display: table; } .clearfix:after, .easy-start__item:after { clear: both; } @font-face { font-family: 'Open Sans Regular'; src: url(/assets/static/eot/OpenSans-Regular.83efe33660ab6a7fe428c8078d47485f.eot); src: url(/assets/static/eot/OpenSans-Regular.83efe33660ab6a7fe428c8078d47485f.eot?#iefix) format('embedded-opentype'), url(/assets/static/woff/OpenSans-Regular.55b8ce1f9a32bb0f83f14813eac0b7ca.woff) format('woff'), url(/assets/static/ttf/OpenSans-Regular.3cbf4d3ed22e458af0d14d76cb4777d3.ttf) format('truetype'), url(/assets/static/svg/OpenSans-Regular.2d13ddbbd256dc300b404d99a120d410.svg) format('svg'); font-weight: 'normal'; font-style: normal; } @font-face { font-family: 'Roboto'; src: url("https://static.onetwotrip.com/fonts/roboto/Roboto-Regular.eot"); src: local('Roboto Regular'), local('Roboto-Regular'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Regular.woff2") format('woff2'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Regular.woff") format('woff'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Regular.ttf") format('truetype'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Regular.svg") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("https://static.onetwotrip.com/fonts/roboto/Roboto-Light.eot"); src: local('Roboto Light'), local('Roboto-Light'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Light.woff2") format('woff2'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Light.woff") format('woff'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Light.ttf") format('truetype'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Light.svg") format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("https://static.onetwotrip.com/fonts/roboto/Roboto-Medium.eot"); src: local('Roboto Medium'), local('Roboto-Medium'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Medium.woff2") format('woff2'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Medium.woff") format('woff'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Medium.ttf") format('truetype'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Medium.svg") format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("https://static.onetwotrip.com/fonts/roboto/Roboto-Bold.eot"); src: local('Roboto Bold'), local('Roboto-Bold'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Bold.woff2") format('woff2'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Bold.woff") format('woff'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Bold.ttf") format('truetype'), url("https://static.onetwotrip.com/fonts/roboto/Roboto-Bold.svg") format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'GolosText'; src: local('GolosText'), url(/assets/static/woff/GolosText-Medium.ca4387290ebd1066eb2d92b014845859.woff) format('woff'), url(/assets/static/ttf/GolosText-Medium.583daf99e6fcca665520f4dadf12a919.ttf) format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: local('Inter'), url(/assets/static/ttf/Inter-Regular.079af0e2936ccb99b391ddc0bbb73dcb.ttf) format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: local('Inter'), url(/assets/static/woff2/Inter-Medium.eea97ded621cd8a18067c7243b19ceea.woff2) format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } .button { height: 48px; display: inline-block; vertical-align: middle; background-color: #ff9b00; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 48px; padding: 0 36px; text-align: center; text-decoration: none; outline: none; border: 0 none; cursor: pointer; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; white-space: nowrap; } .button._long { padding: 0 18px; } .button:hover { color: #fff; background-color: #f1850d; } @media (max-width: 767px) { .button { font-size: 1.7rem; line-height: 4.8rem; height: 4.8rem; padding: 0 3.6rem; } .button._long { padding: 0 1.8rem; } } .button[disabled] { background-color: #d3d3d3; color: #808080; -webkit-transition: none; transition: none; } .controls { margin-top: 43px; text-align: center; } .section-title--large { font-size: 36px; line-height: 44px; } .cookies-panel { position: relative; max-width: 600px; margin: 0 auto; padding: 32px; background-color: #fff; border-radius: 5px; text-align: center; font-size: 16px; line-height: 24px; } .cookies-panel--hidden { display: none; } .cookies-panel__title, .cookies-panel__sub-title { color: #212121; font-weight: 500; } .cookies-panel__title { margin: 0 0 16px; font-size: 21px; line-height: 28px; } .cookies-panel__sub-title { margin: 36px 0 12px; font-size: 18px; line-height: 24px; } .cookies-panel__text { margin: 0 0 16px; color: #888; } .cookies-panel__link { color: #01abfb; text-decoration: none; } .cookies-panel__link:hover { color: #009de6; } .wt .dialog__recaptcha { border-radius: 8px; background-color: #fff; } .wt .dialog__recaptcha__title { font-family: 'Montserrat', sans-serif; font-display: swap; font-size: 18px; color: #424242; } .dialog { background-color: rgba(62,71,87,0.8); display: none; position: fixed; z-index: 1000; overflow-x: hidden; overflow-y: auto; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; padding: 32px; } @media (max-width: 767px) { .dialog { padding: 0; } } .dialog__title { color: #9e9e9e; font-size: 24px; font-weight: 300; line-height: 32px; text-align: center; margin-bottom: 23px; } @media (max-width: 767px) { .dialog__title { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 2.3rem; } } .dialog.opened { display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .dialog.opened { display: block; } } .dialog__popup { background: #fff; min-width: 360px; max-width: 80%; position: relative; box-sizing: border-box; box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 4px; padding: 22px; } @media (max-width: 767px) { .dialog__popup { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 100%; min-height: 100%; max-width: 100%; width: 100%; border-radius: 0; } } .dialog__recaptcha { padding: 24px; font-family: Roboto, arial, sans-serif; font-display: swap; background-color: #f5f5f5; color: #616161; text-align: center; } .dialog__recaptcha .g-recaptcha { display: inline-block; } .dialog__recaptcha__title { color: #9e9e9e; font-size: 18px; font-weight: 300; line-height: 32px; text-align: center; margin-bottom: 20px; } @media (max-width: 767px) { .dialog__recaptcha__title { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 2.3rem; } } .dialog__recaptcha-v2 { margin: 0 0 8px; } @media (max-width: 767px) { .dialog__recaptcha-v2 iframe { -webkit-transform: scale(0.9) translateX(-50%); transform: scale(0.9) translateX(-50%); position: relative; left: 50%; margin-left: -59px; } } .dialog__video { background: transparent; min-width: 360px; max-width: 854px; max-height: 481px; width: 100%; height: 100%; position: relative; box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 4px; } @media (max-width: 767px) { .dialog__video { min-width: auto; max-width: 100%; min-height: auto; max-height: 100%; width: 100%; height: 100%; color: #fff; } .dialog__video svg { background: rgba(255,255,255,0.7); padding: 4px; border-radius: 4px; } } .dialog__video iframe { width: 100%; height: 100%; } .dialog__form { width: 100%; } .dialog__fieldset { padding: 24px; } @media (max-width: 767px) { .dialog__fieldset { padding: 2.4rem; } } .dialog__button { cursor: pointer; display: block; height: 48px; background-color: #ff9b00; padding: 4px 16px; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 40px; text-align: center; text-decoration: none; outline: none; border: 0 none; white-space: nowrap; width: 100%; } .dialog__button:hover { color: #fff; text-decoration: none; background-color: #ffaf33; } @media (max-width: 767px) { .dialog__button { height: 4.8rem; font-size: 1.6rem; line-height: 4rem; letter-spacing: 0.02rem; } } .dialog__close-button { position: absolute; right: -52px; top: 0; margin: 0; height: 40px; min-width: 0; line-height: 24px; padding: 8px; width: 40px; border-radius: 50%; cursor: pointer; } .dialog__close-button svg { fill: #fff; width: 24px; height: 24px; } @media (max-width: 767px) { .dialog__close-button { right: 0; height: 4rem; line-height: 2.4rem; padding: 0.8rem; width: 4rem; } .dialog__close-button svg { fill: #000; width: 2.4rem; height: 2.4rem; } } .dialog__error { display: none; color: #dd2c00; text-align: center; margin-bottom: 10px; } .dialog__text { font-size: 14px; padding: 0 24px; } @media (max-width: 767px) { .dialog__text { font-size: 1.4rem; padding: 0 2.4rem; } } .dialog__registration { text-align: center; padding: 20px 0 0; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; } @media (max-width: 767px) { .dialog__registration { font-size: 1.6rem; letter-spacing: 0.02rem; padding: 1rem 0 0; } } .dialog__main-title { font-family: Roboto; font-size: 18px; font-weight: 500; line-height: 20px; color: #212121; text-align: center; margin-bottom: 12px; } .footerV2 { line-height: 17px; font-size: 12px; color: #fff; } .footerV2__top-container { background-color: #202020; padding: 49px 36px 46px; } @media (max-width: 1024px) { .footerV2__top-container { padding: 38px 36px 48px; } } @media (max-width: 500px) { .footerV2__top-container { padding: 0; } } .footerV2__content-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 auto; max-width: 1064px; } .footerV2__content-wrapper_bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } @media (max-width: 1024px) { .footerV2__content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; row-gap: 46px; } .footerV2__content-wrapper_bottom { row-gap: 33px; } } @media (max-width: 500px) { .footerV2__content-wrapper { row-gap: 0; } } .footerV2__wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 50%; flex: 1 1 50%; } @media (max-width: 500px) { .footerV2__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } @media (max-width: 500px) { .footerV2__wrapper_bottom { padding: 0 15px 33px; } } .footerV2 .component { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; flex: 1 1 50%; overflow: hidden; } @media (max-width: 500px) { .footerV2 .component.component_company, .footerV2 .component.component_business { border-bottom: 1px solid #353535; } } .footerV2 .component__header { color: #888; margin-bottom: 16px; } @media (max-width: 500px) { .footerV2 .component__header { margin: 0; } } @media (max-width: 500px) { .footerV2 .component__title { display: none; } } @media (max-width: 500px) { .footerV2 .component__title.contacts { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 16px; height: 58px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .footerV2 .component__title.header__expander { display: none; cursor: pointer; } @media (max-width: 500px) { .footerV2 .component__title.header__expander { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 16px; height: 57px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 17px 0 15px; } .footerV2 .component__title.header__expander .svg-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; will-change: transform; } .footerV2 .component__title.header__expander._active .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } .footerV2 .component__list { -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; will-change: height; } @media (max-width: 500px) { .footerV2 .component__list { height: 0; padding: 0 16px; will-change: height; } } .footerV2 .component__item { cursor: pointer; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; will-change: opacity; } .footerV2 .component__item:hover { opacity: 0.5; } @media (max-width: 500px) { .footerV2 .component__item { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 16px; height: 48px; line-height: 24px; } .footerV2 .component__item:first-child { height: 56px; padding-top: 8px; } .footerV2 .component__item:last-child { height: 56px; padding-bottom: 8px; } } .footerV2 .component__link { color: #fff; line-height: 24px; } .footerV2 .component__phone { color: #fff; display: block; font-size: 16px; line-height: 27px; margin-bottom: 5px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; will-change: opacity; } .footerV2 .component__phone:hover { opacity: 0.5; } .footerV2 .component__email { color: #01abfb; font-size: 14px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; will-change: opacity; } .footerV2 .component__email:hover { opacity: 0.5; } .footerV2 .component__social-nets { display: -webkit-box; display: -webkit-flex; display: flex; gap: 14px; margin: 30px 0 8px; } .footerV2 .component__social-nets > a { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; will-change: opacity; } .footerV2 .component__social-nets > a:hover { opacity: 0.3; } .footerV2 .component__description { color: #888; font-size: 10px; line-height: 14px; max-width: 190px; } .footerV2__apps-container { background-color: #202020; padding: 32px 36px; border-top: 1px solid #353535; } @media (max-width: 767px) { .footerV2__apps-container { padding: 32px 16px; } } .footerV2__apps-container.hidden { display: none; } .footerV2__apps-container .content-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 auto; max-width: 1064px; } .footerV2__apps-container .title { line-height: 16px; font-size: 12px; margin: 0 0 4px; color: #fff; } @media (max-width: 1024px) { .footerV2__apps-container .title { display: none; } } .footerV2__apps-container .apps { display: block; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } @media (max-width: 767px) { .footerV2__apps-container .apps { -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } } .footerV2__apps-container .apps__container { margin: 8px 0 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 1024px) { .footerV2__apps-container .apps__container { margin: 0; } } @media (max-width: 500px) { .footerV2__apps-container .apps__container { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } } .footerV2__apps-container .apps .app { margin: 8px 12px 0 0; display: inline-block; } .footerV2__apps-container .apps .app:last-child { margin-right: 0; } @media (max-width: 1024px) { .footerV2__apps-container .apps .app { margin-top: 0; } } @media (max-width: 500px) { .footerV2__apps-container .apps .app { margin: 0 4px; } } .footerV2__apps-container .qr-info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } @media (max-width: 1024px) { .footerV2__apps-container .qr-info { display: none; } } .footerV2__apps-container .qr-info__image-container { margin: 0 16px 0 0; } .footerV2__apps-container .qr-info__image-container .qr__image { -webkit-transition: 0.3s; transition: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: zoom-in; } .footerV2__apps-container .qr-info__image-container .qr__image.zoomed { -webkit-transform: scale(2.5); transform: scale(2.5); cursor: zoom-out; } .footerV2__apps-container .qr-info .apps-info { max-width: 350px; } .footerV2__apps-container .qr-info .apps-info__text { line-height: 16px; font-size: 12px; color: #888; white-space: pre-wrap; } .footerV2__bottom-container { background-color: #111; padding: 32px 36px; } @media (max-width: 500px) { .footerV2__bottom-container { padding: 32px 16px; } } .footerV2__bottom-container .payment { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; gap: 16px; margin-bottom: 33px; } @media (max-width: 1024px) { .footerV2__bottom-container .payment { margin: 0; } } @media (max-width: 500px) { .footerV2__bottom-container .payment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 25px; } } .footerV2__bottom-container .payment__providers { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; gap: 4px; } @media (max-width: 500px) { .footerV2__bottom-container .payment__providers { gap: 9px; } } .footerV2__bottom-container .payment__description { color: #888; font-size: 10px; line-height: 14px; max-width: 160px; } @media (max-width: 500px) { .footerV2__bottom-container .payment__description { text-align: center; } } .footerV2__copyrights { color: #353535; font-size: 11px; line-height: 16px; } @media (max-width: 500px) { .footerV2__copyrights { text-align: center; } } .footer { background: #fff; padding: 20px 0 10px; } @media (max-width: 767px) { .footer { padding: 2.9rem 0 1.5rem; } } .footer__label { color: #9e9e9e; font-size: 13px; font-weight: 400; letter-spacing: 0.4px; line-height: 15px; display: block; margin-bottom: 15px; } @media (max-width: 767px) { .footer__label { font-size: 1.3rem; line-height: 1.5rem; } } .footer__wrap { max-width: 1312px; width: 100%; box-sizing: border-box; margin: auto; padding: 0 24px; } @media (max-width: 767px) { .footer__wrap { padding: 0 2rem; } } .footer__items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .footer__nav { margin-bottom: 25px; } @media (max-width: 767px) { .footer__nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.5rem; } } .footer__nav a { color: #5baed6; font-size: 13px; font-weight: 400; letter-spacing: 0.4px; line-height: 15px; } .footer__nav a + a { margin-left: 20px; } @media (max-width: 767px) { .footer__nav a { display: inline-block; font-size: 1rem; line-height: 1.6; margin: 0 0 0.5rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; width: calc(100% * (1 / 2) - 10px - 1px); } .footer__nav a + a { margin-left: 0; } } .footer__menu { padding-left: 6rem; } @media (max-width: 767px) { .footer__menu { padding-left: 0; } } .footer__menu .menu__item { margin-bottom: 0; display: block; line-height: 1.524; font-size: 1.9rem; color: #699cff; font-weight: normal; } @media (max-width: 767px) { .footer__menu .menu__item { margin-bottom: 4rem; } } @media (max-width: 767px) { .footer__menu .menu__item { font-size: 2rem; } } .footer__menu .menu__item a { color: #fff; text-decoration: none; } .footer__desc, .footer__copy { color: #9e9e9e; font-size: 13px; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0; } @media (max-width: 767px) { .footer__desc, .footer__copy { font-size: 1.3rem; line-height: 2rem; } } .footer__tels { margin-bottom: 35px; display: inline-block; } @media (max-width: 767px) { .footer__tels { margin-bottom: 4rem; } } .footer__tels a { display: block; color: #616161; font-size: 21px; font-weight: 300; line-height: 1.524; text-decoration: none; } @media (max-width: 767px) { .footer__tels a { font-size: 2rem; } } .footer__icon { vertical-align: top; display: inline-block; margin-right: 19px; } .footer__icon svg { width: 40px; height: 40px; } @media (max-width: 767px) { .footer__icon { margin-right: 1rem; } .footer__icon svg { width: 4rem; height: 4rem; } } .header__link { color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.4px; line-height: 24px; text-decoration: none; text-transform: uppercase; display: inline-block; vertical-align: middle; height: 24px; padding: 0 15px; border-radius: 4px; position: relative; } ._black .header__link { color: #000; } .header__link:hover { color: #fff; text-decoration: none; } ._black .header__link:hover { color: #000; } .header__link._active { color: #fff; text-decoration: none; background: rgba(255,255,255,0.2); } ._black .header__link._active { color: #000; } .header__link._registration--desktop { display: inline-block; } .header__link._registration--mobile { display: none; } @media (max-width: 767px) { .header__link { text-align: center; display: block; width: 100%; height: 3.6rem; font-size: 1.3rem; line-height: 3.6rem; letter-spacing: 0.04rem; padding: 0; color: #fff !important; } .header__link._active { pointer-events: initial; cursor: pointer; color: #fff !important; text-decoration: none; background: transparent; } .header__link._registration--desktop { display: none; } .header__link._registration--mobile { display: block; } } .v2 .header__link { margin: 1rem 0; border-radius: 14px; font-size: 14px; text-transform: none; height: 28px; line-height: 28px; } .header__logo { top: 120px; position: absolute; z-index: 11; left: calc(100% * (1 / 2) - 37px); } .header__logo._logo-groups { display: none; } .header__logo svg { width: 75px; height: 97px; } @media (max-width: 767px) { .header__logo { top: 1.2rem; position: absolute; margin-left: -4rem; width: 8rem; height: 8rem; } .header__logo svg { width: 8rem; height: 8rem; } } .v2 .header__logo { position: relative; float: left; top: -2px; left: 0; } @media (max-width: 767px) { .v2 .header__logo { text-align: center; } } .v2 .header__logo svg { width: 58px; height: 73px; } @media (max-width: 875px) { .header.modulbank-header { padding: 20px 0 20px 0; } } .header.modulbank-header .logo-white { display: none; } @media (max-width: 875px) { .header.modulbank-header .header__nav { width: 100%; padding: 0; float: none; } } @media (max-width: 875px) { .header.modulbank-header .header__left { display: none; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: absolute; top: 13.2rem; } ._mobile-menu-open .header.modulbank-header .header__left { display: -webkit-box; display: -webkit-flex; display: flex; } .header.modulbank-header .header__left._closed { height: 2rem; width: 2rem; visibility: hidden; } } @media (max-width: 875px) { .header.modulbank-header .header__logo { float: left; width: 8rem; height: 9rem; top: 9px; left: 0; -webkit-transform: none; transform: none; margin: 0; } } .header.modulbank-header .logo-container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } ._mobile-menu-open .header.modulbank-header { overflow: auto; } ._mobile-menu-open .header.modulbank-header .logo-container { top: -11px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } ._mobile-menu-open .header.modulbank-header .logo-container .header__logo { position: relative; top: 0; left: 0; margin: 0; -webkit-transform: none; transform: none; } ._mobile-menu-open .header.modulbank-header .logo-container .header__logo .logo-white { position: relative; top: 9px; margin: 0; } @media (max-width: 767px) { ._mobile-menu-open .header.modulbank-header .logo-container .header__logo .logo-white { margin: auto; } } @media (max-width: 875px) { ._mobile-menu-open .header.modulbank-header { padding: 0; height: 100vh; width: 100%; background: rgba(58,58,58,0.9); position: fixed; } ._mobile-menu-open .header.modulbank-header .header__link:nth-child(4) { padding-right: 15px; margin-right: 0.2rem; } ._mobile-menu-open .header.modulbank-header .header__link:last-child { padding-right: 15px; } ._mobile-menu-open .header.modulbank-header ._registration--mobile { display: block; } ._mobile-menu-open .header.modulbank-header .header__left { display: -webkit-box; display: -webkit-flex; display: flex; padding-right: 3px; } ._mobile-menu-open .header.modulbank-header .header__nav { padding-left: 0; } ._mobile-menu-open .header.modulbank-header .header__right { padding-right: 0; position: absolute; top: 0; right: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .header.modulbank-header .header__modulbank-logo { padding-left: 28px; } .header.modulbank-header .header__modulbank-logo .secondary-logo { width: 180px; } @media (max-width: 1190px) { .header.modulbank-header .header__left, .header.modulbank-header .header__right { display: block; text-align: right; float: none; margin: 0; } .header.modulbank-header .header__link:nth-child(4) { padding-right: 0; margin-right: 0; } } @media (max-width: 1024px) { .header.modulbank-header { padding-right: 20px; } .header.modulbank-header .header__nav { padding-left: 16px; } .header.modulbank-header .header__right { padding-right: 0; } } @media (max-width: 875px) { .header.modulbank-header .header__modulbank-logo { padding-left: 0px; } .header.modulbank-header .header__modulbank-logo .secondary-logo { width: 128px; } } @media (max-width: 875px) { .header.modulbank-header .header__left, .header.modulbank-header .header__login-text { display: none; } .header.modulbank-header .header__login { padding: 0; margin-top: 1px; position: relative; overflow: hidden; border: none !important; text-indent: -3000px; width: 1.8rem; height: 1.8rem; } .header.modulbank-header .logo-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .header.modulbank-header .header__mobile-login-icon { display: block; position: absolute; width: 1.8rem; height: 1.8rem; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header.modulbank-header .header__mobile-login-icon svg { display: block; width: 1.8rem; height: 1.8rem; fill: #fff; } ._black .header.modulbank-header .header__mobile-login-icon svg { fill: #000; } .header.modulbank-header .header__mobile-menu-icon { cursor: pointer; display: block; position: absolute; z-index: 10; height: 2rem; width: 2rem; margin-top: 2px; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header.modulbank-header .header__mobile-menu-icon._close { display: none; } ._mobile-menu-open .header.modulbank-header .header__mobile-menu-icon._close { top: 65px; display: block; } ._mobile-menu-open .header.modulbank-header .header__mobile-menu-icon._open { display: none; } .header.modulbank-header .header__mobile-menu-icon svg { height: 16px; width: 27px; fill: #fff; } ._black .header.modulbank-header .header__mobile-menu-icon svg { fill: #000; } } @media (max-width: 875px) and (max-width: 767px) { .header.modulbank-header .header__logo { float: left; top: 9px; left: 0; -webkit-transform: none; transform: none; margin: 0; } .header.modulbank-header .header__logo svg { width: 48px; height: 59px; } } .header-new { position: absolute; width: 100%; min-height: 100px; z-index: 11; color: #fff; font-size: 16px; font-weight: 400; } @media (max-width: 1024px) { ._mobile-menu-open .header-new { height: 100vh; width: 100%; background: rgba(33,33,33,0.6); position: fixed; } } .header-new--fixed { will-change: transform; } .header-new.header-new--sticky { width: 100%; position: fixed; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.05); background-color: #fff; } @media (max-width: 1024px) { .header-new.header-new--sticky .logo { display: none; } } .header-new.header-new--sticky .logo .logo-fixed { display: block; } .header-new.header-new--sticky .logo .logo-black { display: none; } .header-new.header-new--sticky .nav__item { color: #212121; } .header-new.header-new--sticky .nav__item .svg-icon { fill: #212121; } .header-new.header-new--sticky .header-new__get-access { display: block; } @media (max-width: 767px) { .header-new.header-new--sticky .header-new__get-access { margin: 0; } } @media (max-width: 1024px) { .header-new.header-new--sticky .header-new__wrapper { display: none; } } .header-new.header-new--sticky .header-new__login { background: #fff; color: #212121; border: 1px solid #212121; } .header-new.header-new--sticky .header-new__login:hover { background: #fff; color: #212121; opacity: 0.6; } .header-new.header-new--sticky .header-new__actions { display: -webkit-box; display: -webkit-flex; display: flex; } .header-new.header-new--sticky .header-new__mobile-login-icon .svg-icon { fill: #212121; } .header-new.header-new--sticky .header-new__mobile-menu-icon._open .svg-icon, .header-new.header-new--sticky .header-new__mobile-menu-icon._close .svg-icon { fill: #212121; } .header-new__wrapper { display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 1024px) { .header-new__wrapper { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } } .header-new__container { position: relative; min-height: 100px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 25px 88px; } @media (max-width: 1024px) { .header-new__container { padding: 25px 19px; } ._mobile-menu-open .header-new__container { background-color: #212121; } } .header-new .logo { margin-right: 32px; } .header-new .logo .logo-black, .header-new .logo .logo-white, .header-new .logo .logo-fixed { width: 189px; height: 48px; } @media (max-width: 1024px) { .header-new .logo .logo-black, .header-new .logo .logo-white, .header-new .logo .logo-fixed { width: 118px; height: 30px; } } @media (max-width: 1024px) { ._mobile-menu-open .header-new .logo .logo-black { display: none; } } .header-new .logo .logo-fixed { display: none; } .header-new .logo .logo-white { display: none; } @media (max-width: 1024px) { ._mobile-menu-open .header-new .logo .logo-white { display: block; } } @media (max-width: 1024px) { .header-new .logo { margin: 0; } } .header-new__menu { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .header-new__nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } @media (max-width: 1024px) { .header-new__nav { display: none; } ._mobile-menu-open .header-new__nav { max-height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; background: #212121; position: absolute; display: block; padding: 8px 0; top: 100px; width: 100%; left: 0; } } .header-new__actions { display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 1024px) { .header-new__actions { display: none; } } .header-new__button { cursor: pointer; box-sizing: border-box; padding: 10px 28px; text-align: center; border-radius: 4px; color: #fff; font-size: 14px; line-height: 1.4; -webkit-transition: 0.3s; transition: 0.3s; } .header-new__button:hover { color: #fff; } .header-new__login { background-color: #fff; color: #5390dd; } .header-new__login:hover { background-color: rgba(255,255,255,0.9); color: #5390dd; } .header-new__mobile-login-icon { cursor: pointer; } .header-new__mobile-login-icon .svg-icon { width: 18px; height: 18px; fill: #fff; } .header-new__mobile-menu-icon._open .svg-icon, .header-new__mobile-menu-icon._close .svg-icon { height: 16px; width: 27px; fill: #fff; } .header-new__get-access { margin-right: 16px; padding: 10px 28px; background-color: #ff9b00; border: 1px solid #ff9b00; display: none; } .header-new__get-access:hover { opacity: 0.6; } .header-new .nav__block { position: relative; margin: 0 20px 0 0; } @media (max-width: 1024px) { .header-new .nav__block { margin: 0; } } .header-new .nav__block.active .block__menu { opacity: 1; visibility: visible; } @media (max-width: 1024px) { .header-new .nav__block.active .block__menu { display: -webkit-box; display: -webkit-flex; display: flex; } } .header-new .nav__block.active .svg-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .header-new .nav__block .nav__item { margin: 0; } .header-new .nav__item { outline: none; border: none; color: #fff; font-size: 14px; margin: 0 24px 0 0; padding: 0; text-transform: none; -webkit-transition: 0.3s; transition: 0.3s; background: none; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .header-new .nav__item:hover { opacity: 0.6; } @media (max-width: 1024px) { .header-new .nav__item:hover { opacity: 1; } } .header-new .nav__item._active { font-weight: bold; } @media (max-width: 1024px) { ._mobile-menu-open .header-new .nav__item { padding: 12px 16px; font-size: 16px; line-height: 1.5; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .header-new .nav__item .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 4px; width: 16px; height: 16px; -webkit-transition: 0.3s; transition: 0.3s; fill: #fff; } @media (max-width: 1024px) { .header-new .nav__item .svg-icon { width: 24px; height: 24px; } } .header-new .block__menu { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: 32px; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 16px 0; border-radius: 4px; box-shadow: 0 12px 20px 0 rgba(0,0,0,0.12); background-color: #fff; } @media (max-width: 1024px) { .header-new .block__menu { display: none; position: relative; width: 100%; top: 0; left: 0; background: #212121; box-shadow: none; } } .header-new .block__menu .menu__link { font-size: 14px; padding: 6px 16px; color: #212121; -webkit-transition: 0.3s; transition: 0.3s; white-space: nowrap; cursor: pointer; width: 100%; } .header-new .block__menu .menu__link:hover { background-color: #f7f7f7; } @media (max-width: 1024px) { .header-new .block__menu .menu__link:hover { background-color: inherit; } } @media (max-width: 1024px) { ._mobile-menu-open .header-new .block__menu .menu__link { padding: 12px 16px; font-size: 16px; line-height: 1.5; color: #888; } } .header-new__mobile-login-icon { display: none; } @media (max-width: 1024px) { .header-new__mobile-login-icon { display: block; } } .header-new__menu-toggle { display: none; cursor: pointer; } @media (max-width: 1024px) { .header-new__menu-toggle { display: block; } .header-new__menu-toggle ._close { display: none; } ._mobile-menu-open .header-new__menu-toggle ._close { display: block; } ._mobile-menu-open .header-new__menu-toggle ._open { display: none; } } @media (max-width: 1024px) { .header-new ._hide-mobile { display: none; } } .header-wt { max-width: 1052px; margin: 0 auto; padding: 56px 16px; } @media (max-width: 767px) { .header-wt { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 40px 16px; } } .header-wt--small { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 40px 16px; } .header-wt__logo .svg-icon { width: 242px; height: 51px; } .header { height: 130px; position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; left: 0; right: 0; top: 0; z-index: 10; padding: 0 88px; } @media (max-width: 767px) { ._mobile-menu-open .header { padding: 0; height: 100vh; width: 100%; background: rgba(58,58,58,0.9); position: fixed; } } .header__mobile-menu-icon { display: none; } @media (max-width: 767px) { .header__mobile-menu-icon { cursor: pointer; display: block; position: absolute; z-index: 10; height: 20px; width: 20px; margin-top: 2px; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header__mobile-menu-icon._close { display: none; } ._mobile-menu-open .header__mobile-menu-icon._close { top: 65px; display: block; } ._mobile-menu-open .header__mobile-menu-icon._open { display: none; } .header__mobile-menu-icon svg { height: 16px; width: 27px; fill: #fff; } ._black .header__mobile-menu-icon svg { fill: #000; } } .header__nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } ._mobile-menu-open .header__nav { position: absolute; top: 65px; } .header__left, .header__right { -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-grid-row-align: auto; align-self: auto; } @media (max-width: 767px) { .header__left { display: none; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: absolute; top: 132px; } ._mobile-menu-open .header__left { display: -webkit-box; display: -webkit-flex; display: flex; } .header__left._closed { height: 20px; width: 20px; visibility: hidden; } } @media (max-width: 767px) { .header__right { position: absolute; top: 29px; right: 16px; } } .header__login { cursor: pointer; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.4px; line-height: 30px; text-decoration: none; text-transform: uppercase; display: inline-block; vertical-align: middle; height: 32px; padding: 0 15px; border: 1px solid rgba(255,255,255,0.6); border-radius: 2px; } ._black .header__login { color: #000; border: solid 1px #787878; } @media (max-width: 767px) { .header__login { position: relative; overflow: hidden; border: none !important; text-indent: -3000px; width: 18px; height: 18px; } } .header__mobile-login-icon { display: none; position: absolute; width: 18px; height: 18px; } @media (max-width: 767px) { .header__mobile-login-icon { display: block; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .header__mobile-login-icon svg { display: block; width: 18px; height: 18px; fill: #fff; } ._black .header__mobile-login-icon svg { fill: #000; } .v2 ._mobile-menu-open .header .logo-black { display: none; } .v2 ._mobile-menu-open .header .logo-white { display: block; } @media (max-width: 767px) { .v2 ._mobile-menu-open .header__left { margin-right: 0; display: block; padding-right: 3px; top: 80px; } } .v2 ._mobile-menu-open .header__logo { position: relative; } @media (max-width: 767px) { .v2 ._mobile-menu-open .header__logo { position: absolute; top: 72px; margin-left: 16px; left: 50%; -webkit-transform: translateX(-50%) translateY(-38px); transform: translateX(-50%) translateY(-38px); } } .v2 ._mobile-menu-open .header__nav { margin-left: 0; } .v2 .header { margin: auto; } @media (max-width: 767px) { .v2 .header { padding: 20px 0 20px 0; } } .v2 .header .logo-white { display: none; } .v2 .header__nav { margin-left: 20px; } @media (max-width: 767px) { .v2 .header__nav { width: 100%; padding: 0; float: none; } } .v2 .header__left, .v2 .header__right { display: block; } .v2 .header__left { margin-right: 20px; } @media (max-width: 1124px) { ._mobile-menu-open .v2 .header__left { margin-right: initial; } } @media (max-width: 767px) { .v2 .header__left { display: none; } } @media (max-width: 1280px) { .v2 .header__left { margin-right: 0; } } @media (max-width: 767px) { .v2 .header__right { padding-right: 0; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } ._mobile-menu-open .v2 .header__right { top: 65px; } @media (max-width: 1280px) { .v2 .header__mobile-login-icon { display: block; top: 0; right: 20px; } } @media (max-width: 767px) { .v2 .header__mobile-login-icon { top: 50%; } } @media (max-width: 767px) { .v2 .header__logo { float: none; margin: -8px 0 0 5px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); text-align: center; } } .v2 .header__login { border-radius: 4px; padding: 0 53px; height: 40px; line-height: 40px; color: #fff; } .v2 .header__login:hover { color: #fff; } @media (max-width: 767px) { .v2 .header__login { padding: 0; margin-top: 1px; } } @media (max-width: 1280px) { .v2 .header__login { position: relative; overflow: hidden; border: none !important; text-indent: -3000px; width: 18px; height: 18px; } } h1 { color: #fff; font-size: 34px; font-weight: 400; line-height: 48px; letter-spacing: -0.2px; margin: 35px 0 0; } h2 { color: #424242; font-size: 34px; font-weight: 300; line-height: 40px; margin: 0 0 10px; } @media (max-width: 767px) { h2 { font-size: 3.4rem; line-height: 4rem; margin: 0 0 1rem; } } @media (max-width: 500px) { h2 { font-size: 30px; } } h3 { color: #424242; font-size: 28px; font-weight: 300; line-height: 40px; margin: 0 0 33px; } @media (max-width: 767px) { h3 { font-size: 2.8rem; line-height: 4rem; margin: 0 0 3.3rem; } } h5 { color: #616161; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 24px; margin: 0 0 28px; } @media (max-width: 767px) { h5 { font-size: 1.6rem; line-height: 2.4rem; margin: 0 0 4.5rem; } } .limiter-recaptcha__popup { background: #fff; max-width: 366px; width: 90%; position: relative; box-sizing: border-box; box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 4px; padding: 32px; margin: 32px auto; } .limiter-recaptcha__captcha { margin: 0 auto 16px; } .loading { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background: rgba(255,255,255,0.5); } ._loading .loading { display: block; } .loading__spin { position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -32px; width: 65px; height: 65px; -webkit-animation: rotator 3s linear infinite; animation: rotator 3s linear infinite; will-change: transform; } .loading__spin svg { width: 65px; height: 65px; } @media (max-width: 767px) { .loading__spin { margin: -3.25rem 0 0 -3.25rem; width: 6.5rem; height: 6.5rem; } } @-webkit-keyframes colors { 0% { stroke: #4285f4; } 25% { stroke: #de3e35; } 50% { stroke: #f7c223; } 75% { stroke: #1b9a59; } 100% { stroke: #4285f4; } } @keyframes colors { 0% { stroke: #4285f4; } 25% { stroke: #de3e35; } 50% { stroke: #f7c223; } 75% { stroke: #1b9a59; } 100% { stroke: #4285f4; } } @-webkit-keyframes rotator { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotator { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .login__popup { background: #fff; max-width: 366px; width: 90%; position: relative; box-sizing: border-box; box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 4px; padding: 32px; margin: 32px auto; } .login__head { position: relative; } .login__description { font-size: 14px; line-height: 20px; letter-spacing: 0.2px; text-align: center; color: #888; margin-bottom: 16px; } .login__button { cursor: pointer; display: block; width: 100%; height: 48px; background-color: #ff9b00; padding: 4px 16px; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 40px; text-align: center; text-decoration: none; outline: none; border: 0 none; white-space: nowrap; text-transform: capitalize; margin-top: 24px; } .login__button:disabled { background-color: #ccc; cursor: not-allowed; } .login__button:disabled:hover { background-color: #ccc; cursor: not-allowed; } .login__button:hover { color: #fff; text-decoration: none; background-color: #ffaf33; } .login__field { position: relative; margin-bottom: 16px; } .login__placeholder { font-size: 16px; color: #ccc; top: 17px; font-weight: 400; letter-spacing: 0.2px; line-height: 16px; position: absolute; left: 12px; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 1; } .login__input { height: 48px; border-radius: 4px; border: solid 1px rgba(33,33,33,0.2); background-color: #fff; padding: 12px; font-size: 16px; color: #212121; width: 100%; line-height: 16px; outline: none; -webkit-transition: background 300ms ease; transition: background 300ms ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .login__input:hover { border-color: rgba(33,33,33,0.4); } .login__input:disabled { background: #f5f5f5; } .login__input:focus { border-color: rgba(33,33,33,0.4); } .login__close-button { position: absolute; right: 0; top: 0; margin: 0; min-width: 0; padding: 20px; border-radius: 50%; cursor: pointer; } .login__close-button svg { fill: #ccc; width: 11px; height: 11px; } .login__errors { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .login__error { color: #fff; font-size: 14px; position: absolute; bottom: -6px; background-color: #e74c3c; border-radius: 4px; box-shadow: 0 12px 20px 0 rgba(0,0,0,0.1); padding: 6px 12px; } ._placeholder-on .login__placeholder { top: 8px; font-size: 11px; color: #9e9e9e; } ._placeholder-on .login__input { padding: 16px 12px 0; } .login__field._invalid .login__input { border-color: #e74c3c; } .message { background-color: rgba(62,71,87,0.8); display: none; position: fixed; z-index: 80; overflow: hidden; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; padding: 16px; font-family: Roboto, arial, sans-serif; font-display: swap; color: #212121; } .message__content { padding-top: 16px; } .message__buttons { padding-top: 40px; } .message__title { font-size: 21px; font-weight: bold; line-height: 28px; text-align: center; margin-bottom: 16px; } .message__text { font-size: 13px; line-height: 20px; text-align: center; } ._message-open .message._message-success { display: -webkit-box; display: -webkit-flex; display: flex; } ._message-error-open .message._message-error { display: -webkit-box; display: -webkit-flex; display: flex; } ._message-custom-open .message._message-custom { display: -webkit-box; display: -webkit-flex; display: flex; } .message__popup { max-width: 400px; width: 100%; padding: 32px; position: relative; border-radius: 8px; box-shadow: 0 16px 36px 0 rgba(0,0,0,0.2); background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .message__close { position: absolute; width: 24px; height: 24px; right: 16px; top: 16px; cursor: pointer; font-size: 16px; color: #ff9800; line-height: 36px; } .message__close .icon-close { width: 24px; height: 24px; opacity: 0.5; fill: #212121; stroke: #212121; stroke-width: 0; will-change: opacity; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .message__close .icon-close:hover { opacity: 1; } .message .message__button { height: 48px; line-height: 48px; border-radius: 2px; text-align: center; color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; } .message .buttons--single .message__button { width: 100%; background-color: #ff9b00; will-change: background-color; -webkit-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } .message .buttons--single .message__button:hover { background-color: #ffaf33; } .wt .message .buttons--single .message__button { background-color: #2d2d2d; } .wt .message .buttons--single .message__button:hover { background-color: #232323; } .message .icon-error { display: block; width: 80px; height: 80px; margin: 0 auto; } .screen { padding: 40px 0 0; background-color: #fafafa; box-sizing: border-box; } @media (max-width: 767px) { .screen { padding: 4rem 0; } } .screen__wrap { max-width: 1312px; width: 100%; margin: auto; padding: 0 24px; text-align: center; box-sizing: border-box; } @media (max-width: 767px) { .screen__wrap { padding: 0 1.6rem; } } .screen p, .screen__text { color: #616161; font-size: 14px; font-weight: 400; letter-spacing: 0.2px; line-height: 20px; margin: 0 0 20px; } @media (max-width: 767px) { .screen p, .screen__text { font-size: 1.4rem; line-height: 2rem; letter-spacing: 0.02rem; } } .screen__title { color: #424242; font-size: 20px; font-weight: 500; letter-spacing: 0.2px; line-height: 28px; margin-bottom: 14px; } @media (max-width: 767px) { .screen__title { font-size: 2rem; line-height: 2.8rem; margin-bottom: 1.4rem; } } .special-link { display: inline-block; color: #ff9b00; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 24px; text-decoration: none; margin-top: 34px; clear: both; } .special-link:hover { color: #ff9b00; text-decoration: underline; } .swiper-button-prev { left: 0; } .swiper-button-next { right: 0; } .advantage__icon { margin-bottom: 19px; } .advantage__icon svg { width: 64px; height: 64px; stroke-width: 2px; } @media (max-width: 767px) { .advantage__icon { margin-bottom: 2rem; } .advantage__icon svg { width: 6.4rem; height: 6.4rem; } } .advantage__item { width: 290px; text-align: center; padding: 0 10px; } @media (max-width: 767px) { .advantage__item { width: 100%; padding: 0 2rem; margin-bottom: 5rem; } } .advantage { width: 100%; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; } @media (max-width: 767px) { .advantage { display: block; } } .articles { display: block; background-color: #e5e9f0; font-family: 'Roboto', sans-serif; font-display: swap; padding: 5rem 0 8rem 0; text-align: center; overflow: hidden; } @media (max-width: 767px) { .articles { padding-left: 2rem; padding-right: 2rem; } } .articles a { color: #000; } .articles a:hover { color: #c0c0c0; } .articles a:hover img { -webkit-filter: grayscale(50%); filter: grayscale(50%); } .articles h1 { font-weight: 100; text-align: center; color: #000; padding: 0 0 5rem 0; } .articles__list { margin: auto; max-width: 1024px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: right; -webkit-justify-content: right; justify-content: right; -webkit-box-align: top; -webkit-align-items: top; align-items: top; } @media (max-width: 767px) { .articles__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .articles__item { -webkit-box-flex: 1; -webkit-flex: auto; flex: auto; text-align: center; font-size: 1.4rem; font-weight: 300; line-height: 1.45; width: 297px; margin: 0 6px; } @media (max-width: 767px) { .articles__item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; min-width: 100%; margin: 1px auto 0 auto; padding: 0; } } .articles__item_content { width: 297px; margin: auto; background-color: #fff; } @media (max-width: 767px) { .articles__item_content { width: 100%; max-width: 330px; display: -webkit-box; display: -webkit-flex; display: flex; text-align: left; } } .articles__image { padding: 0; } @media (max-width: 767px) { .articles__image { -webkit-box-flex: 1; -webkit-flex: auto; flex: auto; overflow: hidden; width: 30%; max-width: 30%; height: 80px; } } .articles__image img { height: 100%; max-width: 297px; } @media (max-width: 767px) { .articles__image img { margin-right: -50%; } } .articles__title { padding: 2.5rem 2.5rem; font-size: 20px; font-weight: 500; } @media (max-width: 767px) { .articles__title { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 16px; padding: 2rem 1rem 0 2rem; } } .articles__button { display: none; padding: 17px 33px; border: solid 1px #699cff; border-radius: 4px; width: 358px; height: 56px; font-size: 1.6rem; color: #699cff; cursor: pointer; } @media (max-width: 767px) { .articles__button { display: inline-block; width: 90%; max-width: 330px; height: auto; margin: 3rem auto 0 auto; } } .articles__button_text { color: #699cff; } .benefits { display: block; background-color: #f8f9fd; font-family: 'Roboto', sans-serif; margin-bottom: 80px; } @media (max-width: 767px) { .benefits { background-color: #faf9f9; } } .benefits__title { text-align: center; color: #000; padding: 70px 0 3.5rem 0; } .benefits__subtitle { font-size: 14px; line-height: 20px; text-align: center; margin-bottom: 86px; } @media (max-width: 767px) { .benefits__subtitle { padding: 0 16px; } } .benefits__list { margin: auto; max-width: 1064px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-bottom: 7rem; } @media (max-width: 767px) { .benefits__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; } } .benefits__item { -webkit-box-flex: 0; -webkit-flex: 0; flex: 0; -webkit-align-self: stretch; -ms-grid-row-align: stretch; align-self: stretch; width: 300px; min-width: 300px; text-align: center; padding: 0; margin: 2rem; } @media (max-width: 1024px) { .benefits__item { min-width: 264px; margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 767px) { .benefits__item { margin: 2rem 4rem; } } .benefits__icon { height: 115px; display: inline-block; } .benefits__label { color: #000; font-size: 2.2rem; font-weight: 500; line-height: 1; margin: 0; padding: 1rem 0 0.7rem 0; } .benefits__text { display: inline-block; font-size: 1.4rem; font-weight: normal; line-height: 1.45; } .benefits__btn_div { text-align: center; } .benefits__button_ghost { color: #699cff; border: 1px solid #699cff; background-color: transparent; padding: 14px; width: 470px; font-size: 16px; border-radius: 4px; } @media (max-width: 767px) { .benefits__button_ghost { width: 320px; } } .bonus-sticker { position: fixed; top: 145px; background: #fff; right: 40px; font-size: 13px; color: #424242; border-radius: 4px; margin-top: -35px; padding: 10px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3); opacity: 0; -webkit-transform: translate(100px, 0); transform: translate(100px, 0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.5s ease; transition: opacity 0.3s ease, -webkit-transform 0.5s ease; transition: opacity 0.3s ease, transform 0.5s ease; transition: opacity 0.3s ease, transform 0.5s ease, -webkit-transform 0.5s ease; } @media (max-width: 970px) { .bonus-sticker { display: none; } } .bonus-sticker p { width: 195px; margin: 0 167px 0 0; line-height: 17px; } .bonus-sticker .logos { position: absolute; top: 0; height: 100%; right: 25px; } .bonus-sticker .mastercard, .bonus-sticker .sberbank { display: inline-block; width: 55px; height: 100%; background-repeat: no-repeat; background-position: center; } .bonus-sticker .mastercard { background-image: url(/assets/static/png/master_card.10f6d4a86ce179f24c45d1faddb22f89.png); background-size: 37px 29px; } .bonus-sticker .sberbank { background-image: url(/assets/static/png/sberbank.a36b8a4205a8ecf4a9431114aeb4ce37.png); background-size: 46px 32px; } .bonus-sticker .icon-close { width: 10px; height: 10px; position: absolute; cursor: pointer; top: 8px; right: 8px; } body.hide-bonus-modal .bonus-sticker { display: none; } body.animate-bonus-modal .bonus-sticker { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .cashless .teaser-cashless { height: 780px; padding-top: 175px; background-image: url("https://static.onetwotrip.com/images/b2b/cashless/teaser_background.png"); background-position: bottom; background-size: cover; } @media (max-width: 767px) { .cashless .teaser-cashless { height: auto; } } .cashless .teaser-cashless:before { display: none; } .cashless .subtitle { padding: 7rem 0 3.5rem 0; margin: 35px 0 0; line-height: 48px; font-size: 34px; font-weight: 100; text-align: center; color: #000; letter-spacing: -0.2px; } .cashless .talks-about-us .subtitle { padding: 0 0 3rem 0; margin: 35px 0 0; line-height: 48px; letter-spacing: -0.2px; font-size: 34px; font-weight: 100; text-align: center; color: #000; } .cashless .your-getting, .cashless .your-economy { background-color: #f8f9fd; } .cashless .verticals { background-color: #fff; } .cashless .v2 .formV2.form--single .form__controls_button { padding: 0; } .comfort__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; } @media (max-width: 767px) { .comfort__content { display: block; } } .comfort__item { width: 280px; padding: 0 10px; text-align: center; } @media (max-width: 767px) { .comfort__item { width: 84%; margin: 0 auto 4rem; } } .comfort__icon { margin-bottom: 15px; } .comfort__icon svg { width: 64px; height: 64px; } @media (max-width: 767px) { .comfort__icon { margin-bottom: 1.5rem; } .comfort__icon svg { width: 6.4rem; height: 6.4rem; } } .contacts a { color: #424242; font-size: 24px; font-weight: 300; line-height: 32px; text-decoration: none; margin: 0 20px; } .contacts a:not([href*=tel]) { color: #5baed6; } @media (max-width: 767px) { .contacts a { font-size: 2.4rem; line-height: 3.2rem; margin: 0 1rem 1rem; } } .contacts__icon { margin-bottom: 25px; } .contacts__icon svg { width: 64px; height: 64px; } @media (max-width: 767px) { .contacts__icon svg { width: 6.4rem; height: 6.4rem; } } @media (max-width: 767px) { .contacts__icon { margin-bottom: 2.5rem; } } .contacts__title { margin-bottom: 20px; } @media (max-width: 767px) { .contacts__title { margin-bottom: 1.3rem; } } .contacts__link { display: inline-block; } .corporate-form .your-economy, .corporate-form .videoreview { background-color: #fff !important; } .corporate-form .your-getting { background-color: #f9f9f9 !important; } .corporate-form .videoreview { padding: 70px 16px; } .easy-start__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { .easy-start__content { display: block; } } .easy-start__item { width: 269px; text-align: left; padding: 0 20px; } @media (max-width: 767px) { .easy-start__item { width: 23rem; padding: 0; margin: 0 auto 1rem; } .easy-start__item br { display: inline; content: ' '; clear: none; } .easy-start__item br:after { content: ' '; display: inline; } } .easy-start__icon { margin-bottom: 25px; margin-right: 10px; float: left; } .easy-start__icon svg { width: 44px; height: 44px; } @media (max-width: 767px) { .easy-start__icon { margin: 0 2rem 3rem; } .easy-start__icon svg { width: 4.4rem; height: 4.4rem; } } .docs-and-forms-form { padding-top: 190px; background-color: #f8f9fd; } @media (max-width: 767px) { .docs-and-forms-form { padding-top: 100px; } } .docs-and-forms__wrapper { max-width: 1076px; margin: 0 auto; padding: 0 16px; } .docs-and-forms__form-section { display: -webkit-box; display: -webkit-flex; display: flex; padding-bottom: 100px; } @media (max-width: 1000px) { .docs-and-forms__form-section { display: block; padding-bottom: 58px; } } .docs-and-forms__form-container-section { text-align: center; } .docs-and-forms__form-container-section .form-section__title, .docs-and-forms__form-container-section .form-section__subtitle { text-align: left; } @media (max-width: 1000px) { .docs-and-forms__form-container-section .form-section__title, .docs-and-forms__form-container-section .form-section__subtitle { text-align: center; } } @media (max-width: 1000px) { .docs-and-forms__checkbox-form-section { max-width: 600px; margin: 0 auto; } } .docs-and-forms .form-section__content { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; } .docs-and-forms .form-section__image-container { padding: 16px 0 0 16px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } @media (max-width: 1000px) { .docs-and-forms .form-section__image-container.para-forms-image { padding: 32px 0 0; } } @media (max-width: 767px) { .docs-and-forms .form-section__image-container.para-forms-image .form-section__image { width: 250px; height: 233px; } } @media (max-width: 1000px) { .docs-and-forms .form-section__image-container.pencil-image { display: none; } } @media (max-width: 767px) { .docs-and-forms .form-section__image-container.pencil-image { display: block; padding: 40px 16px 0 0; } .docs-and-forms .form-section__image-container.pencil-image .form-section__image { display: block; width: 205px; height: 260px; margin: 0 auto; } } .docs-and-forms .form-section__title { margin: 0; line-height: 40px; font-size: 32px; font-weight: 400; color: #212121; } @media (max-width: 1024px) { .docs-and-forms .form-section__title { line-height: 32px; font-size: 24px; } } .docs-and-forms .form-section__subtitle { margin: 0; padding-top: 9px; line-height: 24px; font-size: 18px; font-weight: 400; color: #888; } @media (max-width: 1024px) { .docs-and-forms .form-section__subtitle { padding-top: 4px; line-height: 20px; font-size: 16px; } } .docs-and-forms .form-section__controls { padding-top: 52px; } @media (max-width: 767px) { .docs-and-forms .form-section__controls { padding-top: 42px; } } @media (max-width: 500px) { .docs-and-forms .form-section__controls { padding-top: 32px; } } .docs-and-forms .checkbox-list__row { display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 500px) { .docs-and-forms .checkbox-list__row { display: block; } } .docs-and-forms .checkbox-list__column { margin-bottom: 24px; line-height: 20px; font-size: 16px; font-weight: 400; } @media (max-width: 500px) { .docs-and-forms .checkbox-list__column { margin-bottom: 0; } } .docs-and-forms .checkbox-list__column:nth-child(1) { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; padding-right: 52px; } @media (max-width: 500px) { .docs-and-forms .checkbox-list__column:nth-child(1) { padding-right: 0; } } .docs-and-forms .checkbox-list__column:nth-child(1) .checkbox__label { max-width: 365px; } @media (max-width: 500px) { .docs-and-forms .checkbox-list__column:nth-child(1) .checkbox__label { max-width: 100%; } } .docs-and-forms .checkbox-list__column:nth-child(2) { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; } .docs-and-forms .checkbox-list__column:nth-child(2) .checkbox__label { max-width: 190px; } @media (max-width: 500px) { .docs-and-forms .checkbox-list__column:nth-child(2) .checkbox__label { max-width: 100%; } } @media (max-width: 500px) { .docs-and-forms .checkbox-list__column .checkbox__label { padding: 16px 0 16px 0; margin-left: 40px; border-bottom: 1px solid rgba(0,0,0,0.05); } } @media (max-width: 500px) { .docs-and-forms .checkbox-list__column .checkbox__check { top: 17px; } } .docs-and-forms .request-form { background-image: none; } .docs-and-forms .request-form .js-checkboxes-message { display: none; padding-top: 16px; text-align: center; font-size: 14px; font-weight: 400; color: #ff6b00; } .docs-and-forms .request-form form { width: 543px; margin: 0; } @media (max-width: 1000px) { .docs-and-forms .request-form form { margin: 0 auto; } } @media (max-width: 767px) { .docs-and-forms .request-form form { width: 100%; } } .docs-and-forms .request-form .form__field { margin-bottom: 24px; } .docs-and-forms .request-form .form__field .input__text { height: 48px; margin-bottom: 0; background-color: #fff; border: 1px solid rgba(204,204,204,0.8); border-radius: 4px; } .docs-and-forms .request-form .form__field .form__placeholder { top: 18px; } .docs-and-forms .request-form .form__field._placeholder-on .form__placeholder { top: 4px; } .docs-and-forms .request-form .form__controls { display: -webkit-box; display: -webkit-flex; display: flex; padding-top: 6px; } @media (max-width: 767px) { .docs-and-forms .request-form .form__controls { display: block; } } .docs-and-forms .request-form .form__controls .checkbox-field__label, .docs-and-forms .request-form .form__controls .checkbox-field__link { line-height: 18px; font-size: 14px; font-weight: 400; color: #ccc; } .docs-and-forms .request-form .form__controls .checkbox-field__label { padding: 6px 0 0 6px; margin: 0; text-align: left; } @media (max-width: 767px) { .docs-and-forms .request-form .form__controls .checkbox-field__label { max-width: 244px; padding: 16px 0 0; margin: 0 auto; text-align: center; } } .docs-and-forms .request-form .form__controls .checkbox-field__link { text-decoration: underline; } .docs-and-forms .request-form .form__controls .checkbox-field__link:hover { text-decoration: none; color: #ccc; } .docs-and-forms .request-form .form__controls .button { width: 100%; } @media (max-width: 767px) { .docs-and-forms .request-form .form__controls .button { max-width: 300px; margin: 0 auto; } } .docs-and-forms .checkbox { position: relative; line-height: inherit; font-size: inherit; } .docs-and-forms .checkbox__input { display: none; } .docs-and-forms .checkbox__label { display: block; color: #888; padding-left: 40px; } .docs-and-forms .checkbox__check { position: absolute; left: 0; top: 2px; display: block; width: 24px; height: 24px; box-sizing: border-box; border-radius: 4px; border: 1px solid #ccc; background-color: #fff; } .docs-and-forms .checkbox__check .svg-icon { display: none; } .docs-and-forms .checkbox__input:checked ~ .checkbox__label .checkbox__check { border-color: #ff9b00; background-color: #ff9b00; } .docs-and-forms .checkbox__input:checked ~ .checkbox__label .checkbox__check .svg-icon { display: inline-block; width: 23px; height: 23px; } .ebook-documents { max-width: 952px; padding: 48px 16px 64px; margin: 0 auto; } @media (max-width: 500px) { .ebook-documents { padding: 48px 0 0; } } .ebook-documents__description { width: 60%; display: inline-block; padding-top: 24px; } @media (max-width: 767px) { .ebook-documents__description { width: 100%; padding-top: 0; } } @media (max-width: 500px) { .ebook-documents__description { padding: 0 16px; } } .ebook-documents__description .description__header { margin: 0; line-height: 24px; font-size: 18px; font-weight: 500; color: #212121; } .ebook-documents__description .description__list { padding: 16px 30px 0 0; } @media (max-width: 767px) { .ebook-documents__description .description__list { padding: 16px 0 0; } } .ebook-documents__form { width: 350px; display: inline-block; } @media (max-width: 1024px) { .ebook-documents__form { width: 290px; } } @media (max-width: 767px) { .ebook-documents__form { width: 100%; padding-top: 32px; } } .ebook-documents__form .ebook-form.formV2 { padding: 24px; background: -webkit-linear-gradient(296.57deg, #6dc0ef 0%, #4d86d9 100%); background: linear-gradient(153.43deg, #6dc0ef 0%, #4d86d9 100%); border-radius: 4px; } @media (max-width: 500px) { .ebook-documents__form .ebook-form.formV2 { border-radius: 0; } } .ebook-documents__form .ebook-form.formV2 h3 { margin-bottom: 16px; line-height: 24px; font-size: 18px; font-weight: 500; color: #fff; } @media (max-width: 767px) { .ebook-documents__form .ebook-form.formV2 .input__text { margin-bottom: 0; } } .ebook-documents__form .ebook-form.formV2 .form__controls { padding-bottom: 0; } .ebook-documents__form .ebook-form.formV2 .form__controls_button button { width: 100%; } .ebook-documents__form .ebook-form.formV2 .form__bottom-item { padding-top: 16px; text-align: center; line-height: 16px; color: #fff; } .ebook-documents__form .ebook-form.formV2 .form__bottom-item .checkbox-field__label_default, .ebook-documents__form .ebook-form.formV2 .form__bottom-item .checkbox-field__link { line-height: 16px; font-size: 12px; } .ebook-documents .list__item { position: relative; padding-left: 30px; line-height: 24px; font-size: 16px; margin-bottom: 16px; } .ebook-documents .list__item::before { content: ''; position: absolute; left: 0; top: 4px; height: 16px; width: 15px; background: url("https://static.onetwotrip.com/images/b2b/ebook/bullit.svg"); } .work-trip-articles { padding-bottom: 60px; color: #212121; } @media (max-width: 1024px) { .work-trip-articles { padding-bottom: 60px; } } .work-trip-articles__title { max-width: 600px; margin: 0 auto; line-height: 40px; font-size: 32px; font-weight: 400; text-align: center; padding: 0 16px; } @media (max-width: 1024px) { .work-trip-articles__title { line-height: 32px; font-size: 24px; } } .work-trip-articles__slider { display: none; } @media (max-width: 1024px) { .work-trip-articles__slider { padding: 20px 0 0; display: block; } } .work-trip-articles__slider .swiper-pagination { position: static; padding: 26px 0 0; } .work-trip-articles__articles { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 992px; margin: 54px auto 0; } @media (max-width: 1024px) { .work-trip-articles__articles { display: none; } } .work-trip-articles .article { display: block; width: 302px; overflow: hidden; margin: 12px 0 0; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.09); background-color: #fff; } @media (max-width: 1024px) { .work-trip-articles .article { margin: 12px auto 0; } } .work-trip-articles .article:last-child { margin-right: 0; } @media (max-width: 1024px) { .work-trip-articles .article:last-child { margin-right: auto; } } .work-trip-articles .article-img { overflow: hidden; background-color: #ccc; height: 186px; } .work-trip-articles .article-info { line-height: 22px; font-size: 18px; min-height: 89px; color: #000; } .work-trip-articles .article-info__title { font-weight: 400; padding: 20px 24px; } .work-trip-articles__more { display: block; width: 279px; height: 48px; margin: 50px auto 0; line-height: 48px; box-sizing: border-box; border-radius: 4px; border: solid 1px #01abfb; font-size: 16px; color: #01abfb; text-align: center; cursor: pointer; } @media (max-width: 1024px) { .work-trip-articles__more { margin: 42px auto 0; } } .work-trip-articles__more:hover { background-color: rgba(33,33,33,0.05); } .excellence__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 800px; margin: auto; } @media (max-width: 767px) { .excellence__content { display: block; } } .excellence__title { color: #424242; font-size: 24px; font-weight: 300; line-height: 1.333em; margin: 0 0 50px; } @media (max-width: 767px) { .excellence__title { font-size: 2.4rem; margin: 0 0 4rem; } } .excellence__item { -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 40%; flex: 0 0 40%; -webkit-align-self: auto; -ms-grid-row-align: auto; align-self: auto; margin-bottom: 50px; } .excellence__icon { margin-bottom: 10px; } @media (max-width: 767px) { .excellence__icon { margin-bottom: 1rem; display: inline-block; } } .excellence__icon svg { width: 24px; height: 26px; } .faq-main { padding: 70px 16px; background-color: #f9f9f9; } .faq__list-container { max-width: 1024px; margin: 0 auto; } .faq__list { margin-top: 32px; } .faq__list .faq__item { position: relative; padding: 22px 0; border-bottom: 1px solid rgba(136,136,136,0.2); cursor: pointer; } .faq__list .faq__item:first-child { border-top: 1px solid rgba(136,136,136,0.2); } .faq__list .faq__item._hidden { display: none; } .faq__list .faq__item .item__title { padding-right: 36px; font-size: 20px; color: #000; } .faq__list .faq__item .item__text { display: none; margin-top: 13px; font-size: 15px; color: #212121; will-change: max-height; -webkit-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; } .faq__list .faq__item .item__actions { position: absolute; right: 0; top: 26px; } .faq__list .faq__item .item__actions .svg-icon { width: 18px; height: 18px; fill: #ff9b00; will-change: transform, color; -webkit-transition: fill 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: fill 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in, fill 0.2s ease-in; transition: transform 0.2s ease-in, fill 0.2s ease-in, -webkit-transform 0.2s ease-in; } .faq__list .faq__item--open .item__actions, .faq__list .faq__item--open .svg-icon { fill: #888; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .faq__title { font-size: 34px; font-weight: 300; color: #000; text-align: center; } @media (max-width: 500px) { .faq__title { font-size: 30px; } } .faq__action-container { margin-top: 50px; text-align: center; } .faq__action-container .faq__button { width: 100%; max-width: 297px; height: 56px; margin: 0 auto; line-height: 56px; font-size: 18px; border-radius: 4px; border: solid 1px #699cff; color: #699cff; cursor: pointer; } .faq__action-container .faq__button:hover { background-color: rgba(33,33,33,0.05); } .checkbox-field { position: relative; } .checkbox-field__label { color: #afd5fa; font-size: 15px; font-weight: 400; letter-spacing: 0.2px; line-height: 24px; cursor: pointer; display: inline-block; position: relative; padding-left: 35px; margin: 0 0 20px 0; text-align: center; } .checkbox-field__label_default { text-align: center; padding-left: 0; margin-top: 15px; font-size: 14px; text-align: center; } @media (max-width: 767px) { .checkbox-field__label_default { padding-left: 0; } } @media (max-width: 767px) { .checkbox-field__label { font-size: 1.4rem; letter-spacing: 0.02px; line-height: 2.4rem; padding-left: 3.5rem; } } .checkbox-field__link { color: #fff; font-size: 1.2rem; font-weight: 400; letter-spacing: 0.2px; line-height: 24px; cursor: pointer; display: inline-block; } .checkbox-field__link:hover { color: #fff; } .checkbox-field__linkmain { color: #a1deff; font-size: 1.3rem; font-weight: 400; letter-spacing: 0.2px; cursor: pointer; display: inline-block; } .checkbox-field__linkmain:hover { color: #fff; } .checkbox-field__check { display: block; width: 22px; height: 22px; background-color: #eee; border: 2px solid #eee; border-radius: 2px; position: absolute; left: 0; top: 2px; } ._invalid .checkbox-field__check { border-color: #ffc8c7; background-color: #ffc8c7; } .checkbox-field__check svg { display: none; } @media (max-width: 767px) { .checkbox-field__check { width: 2.2rem; height: 2.2rem; border: 0.2rem solid #eee; border-radius: 0.2rem; } } .checkbox-field input:checked ~ .checkbox-field__label .checkbox-field__check { color: #544e3b; border-color: #ffc901; background-color: #ffc901; text-align: center; line-height: 20px; } .checkbox-field input:checked ~ .checkbox-field__label .checkbox-field__check svg { display: inline-block; width: 12px; height: 10px; } @media (max-width: 767px) { .checkbox-field input:checked ~ .checkbox-field__label .checkbox-field__check { line-height: 2rem; } .checkbox-field input:checked ~ .checkbox-field__label .checkbox-field__check svg { width: 1.2rem; height: 1rem; } } .form-dialog { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: #fff; } .form-dialog--error .form-dialog__footer { padding-bottom: 38px; } .form-dialog--error .footer__button { color: #fff; background-color: #e74c3c; } .form-dialog--error .footer__button:hover { background-color: #ec613a; } .form-dialog--success .footer__button { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: #ffca00; } .form-dialog--success .footer__button .button__icon { width: 24px; height: 24px; display: inline-block; } .form-dialog--success .footer__text { padding-top: 16px; } .form-dialog__header { line-height: 22px; font-size: 21px; font-weight: bold; } .form-dialog__text { padding-top: 32px; line-height: 24px; font-size: 18px; } .form-dialog__footer { position: relative; margin-top: auto; } .form-dialog__footer .footer__text { opacity: 0.55; text-align: center; font-size: 11px; color: rgba(45,45,45,0.75); } .form-dialog__footer .footer__link { text-decoration: underline; color: rgba(45,45,45,0.75); } .form-dialog__footer .footer__button { width: 100%; height: 48px; border-radius: 4px; } .form.form-wt { font-family: Roboto, Arial, sans-serif; font-display: swap; } .form.form-wt form { width: 100%; } @media (max-width: 767px) { .form.form-wt form { width: 100%; } } .form.form-wt input[readonly='true'] { color: rgba(45,45,45,0.8); } .form.form-wt input[disabled='disabled'] { opacity: 0.8; } .form.form-wt .input__text { height: 40px; padding: 16px 0; background-color: transparent; border: none; border-bottom: 1px solid #413538; border-radius: 0; font-size: 14px; color: #2d2d2d; } @media (max-width: 767px) { .form.form-wt .input__text { margin-bottom: 0; font-size: 14px; letter-spacing: 0; } } .form.form-wt ._invalid .input__text, .form.form-wt ._wrong .input__text { border-bottom: 1px solid #e74c3c; } .form.form-wt ._invalid .checkbox-field__check, .form.form-wt ._wrong .checkbox-field__check { border-color: #ffc8c7; background-color: #ffc8c7; } .form.form-wt .js-form-message { position: relative; } .form.form-wt .js-form-message .form__message { position: absolute; top: 1px; padding: 0; background: none; font-size: 11px; color: #e74c3c; } .form.form-wt .form__field { margin-bottom: 12px; } .form.form-wt .form__placeholder { top: 16px; left: 0; font-size: 14px; color: #2d2d2d; opacity: 0.7; } .form.form-wt ._placeholder-on .input__text { padding-bottom: 0; } .form.form-wt ._placeholder-on .input__text:focus { border-bottom: 1px solid #ffce0c; } .form.form-wt ._placeholder-on .form__placeholder { position: absolute; font-size: 13px; line-height: 24px; top: 0; } .form.form-wt .form__controls { padding-top: 6px; } .form.form-wt .form__controls_button button { width: 100%; background-color: #2d2d2d; } .form.form-wt .form__controls_button button:hover { background-color: #232323; } .form.form-wt .form__controls_text .checkbox-field__label { opacity: 0.5; margin-top: 12px; margin-bottom: 0; line-height: normal; font-size: 11px; color: rgba(45,45,45,0.75); } @media (max-width: 767px) { .form.form-wt .form__controls_text .checkbox-field__label { padding-left: 0; } } .form.form-wt .form__controls_text .checkbox-field__link { line-height: normal; font-size: 11px; text-decoration: underline; color: rgba(45,45,45,0.75); } .form.form-wt .form__controls_checkbox .checkbox-field__label { line-height: normal; font-size: 12px; color: #2d2d2d; } .form.form-wt .form__controls_checkbox .checkbox-field__check { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 50%; border: 1px solid #d7d7d7; background-color: #fff; } .form.form-wt .form__controls_checkbox .checkbox-field input:checked ~ .checkbox-field__label svg { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; } .form.form-wt .button { position: relative; } .form.form-wt .button__loader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #2d2d2d; border-radius: 4px; } .form.form-wt .button__loader .loader__image { vertical-align: middle; } @media (max-width: 767px) { .form.form-wt .button__text--desktop { display: none; } } .form.form-wt .button__text--mobile { display: none; } @media (max-width: 767px) { .form.form-wt .button__text--mobile { display: block; } } .form.form-wt .select-dropdown__toggle-box { height: 40px; width: 40px; } .form.form-wt .select-dropdown__toggle-box .svg-icon { width: 16px; height: 16px; -webkit-transform: translateX(20px) translateY(20px); transform: translateX(20px) translateY(20px); -webkit-transition: all 0.3s; transition: all 0.3s; } .form.form-wt .select-dropdown__checkbox:checked ~ .select-dropdown__toggle-box { -webkit-transform: none; transform: none; } .form.form-wt .select-dropdown__checkbox:checked ~ .select-dropdown__toggle-box .svg-icon { -webkit-transform: translateX(20px) translateY(20px) rotate(180deg); transform: translateX(20px) translateY(20px) rotate(180deg); } .form.form-wt .select-dropdown__result { top: 45px; } .form.form-wt .select-dropdown__item { padding: 0 8px; line-height: 40px; background-color: #fff; border: 1px solid #fff; } .form.form-wt .select-dropdown__item:hover { background-color: #eee; border: 1px solid #eee; } .form.formV2 { background: -webkit-linear-gradient(left, #7aa7bf 0%, #6c91bc 100%); background: linear-gradient(to right, #7aa7bf 0%, #6c91bc 100%); } .form.bgV2 { background-image: -webkit-linear-gradient(337deg, #6dc0ef, #4d86d9); background-image: linear-gradient(113deg, #6dc0ef, #4d86d9); padding: 40px 0 120px; } .form form { width: 576px; margin: 0 auto; } @media (max-width: 767px) { .form form { width: 90%; } } .form__cols { display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .form__cols._2cols { display: block; } } .form__cols._1cols { display: block; } .form__col { box-sizing: border-box; margin-right: 10px; } .form__col:last-child { margin-right: 0; } ._2cols .form__col { width: 50%; } ._2cols .form__col._small-col { width: 40%; } ._2cols .form__col._big-col { width: 60%; } @media (max-width: 767px) { ._2cols .form__col { width: 100% !important; margin: 0; } } ._4cols .form__col { width: 25%; } @media (max-width: 767px) { ._4cols .form__col { width: 100%; margin-right: 1rem; } ._4cols .form__col:last-child { margin-right: 0; } } .form__field { position: relative; margin-bottom: 16px; } .form__field--loading .input__text { padding-right: 40px; } .form__field--loading::after { content: ''; position: absolute; top: 50%; right: 8px; width: 30px; height: 30px; margin-top: -15px; background-image: url(/assets/static/svg/spin2.1d38fd37a08b5607230e7188db0356e8.svg); background-position: center; background-size: 28px; -webkit-animation: rotator 3s linear infinite; animation: rotator 3s linear infinite; } .form__field-inline { position: relative; display: inline-block; margin-right: 10px; } .form__label { position: relative; display: block; margin: 15px 0 17px; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 0.2px; line-height: 28px; } @media (max-width: 767px) { .form__label { font-size: 2rem; margin: 1rem 0 1.7rem; letter-spacing: 0.02rem; line-height: 2.8rem; } } .form__label-small { font-size: 12px; font-weight: 200; } .form__radio-input { position: absolute; left: 0; top: 0; opacity: 0; } .form__radio-input ~ label { position: relative; padding-left: 35px; } .form__radio-input ~ label:before { content: ''; display: block; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: 0; top: 0; background-color: #e0e0e0; } .form__radio-input ~ label:after { content: ''; display: none; } .form__radio-input:checked ~ label { position: relative; padding-left: 35px; } .form__radio-input:checked ~ label:before { background-color: #ffc901; } .form__radio-input:checked ~ label:after { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #424242; position: absolute; left: 8px; top: 8px; } .form__placeholder { color: #9e9e9e; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 1; position: absolute; left: 12px; top: 22px; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 1; } ._small .form__placeholder { font-size: 13px; } @media (max-width: 767px) { .form__placeholder { font-size: 1.6rem; letter-spacing: 0.02rem; left: 1.2rem; top: 1.8rem; } } ._placeholder-on .form__placeholder { position: absolute; font-size: 13px; line-height: 24px; top: 0; } @media (max-width: 767px) { ._placeholder-on .form__placeholder { font-size: 1.3rem; line-height: 2.4rem; } } .form__bottom { margin-top: 22px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { .form__bottom { display: block; margin-top: 2.2rem; } } .form__bottom-item { -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-grid-row-align: auto; align-self: auto; } @media (max-width: 767px) { .form__bottom-item._button { margin-top: 2rem; text-align: center; } } .form__message { display: none; color: #fff; padding: 6px 12px; font-size: 14px; background: #e74c3c; } @media (max-width: 767px) { .form__message { top: 5.6rem; padding: 0.6rem 1.2rem; font-size: 1.4rem; } } ._wrong .form__message, ._invalid .form__message { display: inline-block; } .form__link-right { position: absolute; right: 0; top: 8px; color: #fff; font-size: 14px; cursor: pointer; } @media (max-width: 767px) { .form__link-right { position: relative; } } .form__extra { opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; } .form__extra._full { opacity: 1; } .form__extra.js-form-registration-extra.hide-kpp #kpp-field { display: none; } .form__success { text-align: center; margin: 0 auto 40px; } @media (max-width: 767px) { .form__success { width: 90%; } } .form__text, .form__textarea { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; margin-bottom: 20px; } .v2 .formV2.form { background-image: -webkit-linear-gradient(337deg, #6dc0ef, #4d86d9); background-image: linear-gradient(113deg, #6dc0ef, #4d86d9); } .v2 .formV2.form form { width: 423px; } @media (max-width: 500px) { .v2 .formV2.form form { width: 90%; margin: auto; } } .v2 .formV2.form.ebook-form form { width: 100%; } .v2 .formV2.form h2 { width: 665px; margin: auto; text-align: center; padding: 3rem 0 4rem 0; font-weight: 300; line-height: 1.2; color: #fff; } @media (max-width: 767px) { .v2 .formV2.form h2 { max-width: 500px; } } @media (max-width: 500px) { .v2 .formV2.form h2 { width: 90%; margin: auto; font-size: 30px; } } .v2 .formV2.form .input__text { height: 48px; width: 100%; } .v2 .formV2.form ._placeholder-on .form__placeholder { z-index: 1; top: 0; color: #888; font-size: 11px; } .v2 .formV2 .form__message { position: absolute; z-index: 1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .v2 .formV2 .form__placeholder { font-size: 14px; font-weight: 300; top: 17px; color: #ccc; z-index: 1; } .v2 .formV2 .form__controls { margin-top: 32px; padding-bottom: 5rem; } @media (max-width: 767px) { .v2 .formV2 .form__controls { margin-top: 16px; } } .v2 .formV2 .form__controls_checkbox { text-align: left; } .v2 .formV2 .form__controls_checkbox label { padding-left: 35px; font-size: 1.4rem; position: relative; } @media (max-width: 500px) { .v2 .formV2 .form__controls_checkbox label { font-size: 1.5rem; line-height: 1; padding-right: 2rem; } } .v2 .formV2 .form__controls_button { display: block; text-align: center; vertical-align: top; } .v2 .formV2 .form__controls_button button { margin-top: 2px; width: 100%; background-color: #ff9b00; box-shadow: 0 4px 6px 0 rgba(18,41,89,0.09); } @media (max-width: 500px) { .v2 .formV2 .form__controls_button button { width: 90%; margin: auto; } } .v2 .formV2 .form__controls_text { margin: auto; } @media (max-width: 500px) { .v2 .formV2 .form__controls_text { text-align: center; } } .v2 .formV2 .form__controls_text label, .v2 .formV2 .form__controls_text a { padding-left: 0; font-size: 1.2rem; line-height: 1.2; } .v2 ._small-form { background: transparent !important; } .v2 ._small-form form { width: 100% !important; } .v2 ._small-form .form__controls { margin-top: 8px; } .v2 ._small-form .form__controls_checkbox { width: 50%; text-align: left; display: inline-block; vertical-align: top; } @media (max-width: 767px) { .v2 ._small-form .form__controls_checkbox { margin-top: -15px; } } @media (max-width: 500px) { .v2 ._small-form .form__controls_checkbox { width: 100%; } } .v2 ._small-form .form__controls_checkbox label { line-height: normal; font-size: 13px; font-weight: 400; min-width: 200px; } .v2 ._small-form .form__controls_button { width: 100%; padding-left: 8px; display: inline-block; vertical-align: top; } @media (max-width: 500px) { .v2 ._small-form .form__controls_button { width: 100%; } } .v2 ._small-form .form__controls_button button { width: 100%; } .v2 ._small-form .form__controls_text { width: 100%; padding-top: 16px; } .v2 ._small-form .form__controls_text label, .v2 ._small-form .form__controls_text a { font-size: 1.2rem; width: 100%; padding: 0 0 0 3px; } .v2 ._small-form .form__controls_text a { display: inline; } @media (max-width: 767px) { .v2 ._small-form .form__controls_text { text-align: center; } } .autoCompleteDropdown { margin-top: 4px; position: absolute; left: 0; width: 100%; min-width: 400px; overflow: hidden; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15); z-index: 2; } @media (max-width: 767px) { .autoCompleteDropdown { margin-top: -8px; min-width: 100%; } } .autoCompleteDropdownBody { max-height: 220px; overflow-y: scroll; } .autoComplete_result { font-size: 14px; line-height: 20px; padding: 10px 14px; color: #212121; cursor: pointer; text-align: left; } .autoComplete_result:hover { background-color: #e8e8e8; } .autoComplete_selected { background-color: #f7f7f7; } .noBreak { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .smallText { display: inline-block; font-size: 12px; line-height: 16px; color: #888; } .publicOfferRegistrationPanel { position: relative; max-width: 524px; height: 976px; margin: 0 auto; padding: 32px 52px 52px; border-radius: 8px; background-color: #fff; box-shadow: 0 12px 20px 0 rgba(0,0,0,0.1); } @media (max-width: 767px) { .publicOfferRegistrationPanel { height: 996px; max-width: none; width: calc(100% + 2 * 1.25rem); padding: 32px 16px; margin-left: -1.25rem; margin-right: -1.25rem; } } .publicOfferRegistrationPanelBlock:not(:last-child) { margin-bottom: 32px; } .publicOfferRegistrationPanelLoader { position: relative; height: 48px; overflow: hidden; background-color: #f7f7f7; } .publicOfferRegistrationPanelLoader:not(:last-child) { margin-bottom: 16px; } .publicOfferRegistrationPanelLoader::before { content: ''; position: absolute; height: 100%; width: 500px; top: 0; left: -500px; background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0)); background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0)); -webkit-animation: progress 1.2s ease-in-out infinite; animation: progress 1.2s ease-in-out infinite; } .publicOfferRegistrationPanelTextLoader { height: 20px; } .publicOfferRegistrationPanelTextLoader:not(:last-child) { margin-bottom: 4px; } .publicOfferRegistrationPanelTitleLoader { height: 48px; } .publicOfferRegistrationPanelTitleLoader:not(:last-child) { margin-bottom: 12px; } .publicOfferRegistrationPanelRadioLoader { height: 40px; } .publicOfferRegistrationPanelGroup:not(:last-child) { margin-bottom: 24px; } @-webkit-keyframes progress { 0% { left: -500px; } 100% { left: 100%; } } @keyframes progress { 0% { left: -500px; } 100% { left: 100%; } } .input__text { height: 56px; width: 100%; padding: 16px 12px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 2px; color: #424242; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 1; outline: none; -webkit-transition: background 300ms ease; transition: background 300ms ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input__text._white { background-color: #fff; border: none; border-bottom: 1px solid #d4d6d9; } .input__text._white:hover, .input__text._white:focus { background-color: #fff; border: none; border-bottom: 1px solid #d4d6d9; } ._invalid .input__text._white, ._wrong .input__text._white { border: none; border-bottom: 1px solid #ff6b00; } ._small .input__text { font-size: 14px; } .input__text::-ms-clear { display: none; } ._placeholder-on .input__text { padding: 20px 12px 0; } .input__text:hover { background-color: #eee; border: 1px solid #eee; } .input__text:disabled { background: #fff; -webkit-text-fill-color: #424242; border: 1px solid #f5f5f5; border-radius: 2px; } .input__text:focus { background: #fff; border: 1px solid #eee; } ._invalid .input__text, ._wrong .input__text { border: 2px solid #e74c3c; border-bottom-left-radius: 0; } @media (max-width: 767px) { .input__text { height: 5.6rem; border-radius: 0.2rem; padding: 1.6rem 1.2rem; margin-bottom: 1.2rem; font-size: 1.6rem !important; letter-spacing: 0.02rem; } ._placeholder-on .input__text { padding: 2rem 1.2rem 0; } } .input__checkbox { position: absolute; left: 0; top: 0; opacity: 0; } .input__select { height: 56px; width: 100%; padding: 16px 12px 0; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 2px; margin-bottom: 12px; color: #424242; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 1; outline: none; -webkit-transition: background 300ms ease; transition: background 300ms ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input__textarea { height: 140px; width: 100%; padding: 16px 12px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 2px; color: #424242; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; line-height: 1; outline: none; -webkit-transition: background 300ms ease; transition: background 300ms ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; } ._clean:not(._focused) .input__textarea { color: #9e9e9e; } .select-dropdown { position: relative; width: 100%; } .select-dropdown__result { position: absolute; display: none; top: 55px; z-index: 1300; width: 100%; max-height: 200px; overflow: auto; border: solid #d9d9d9; border-radius: 0 0 3px 3px; border-width: 1px; } .select-dropdown__checkbox { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 56px; cursor: pointer; } .select-dropdown__checkbox:checked ~ .select-dropdown__toggle-box { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .select-dropdown__checkbox:checked ~ .select-dropdown__result { display: block; } .select-dropdown__toggle-box { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; position: absolute; right: 0; top: 0; pointer-events: none; width: 56px; height: 56px; -webkit-transition: all 0.3s; transition: all 0.3s; } .select-dropdown .svg-icon { height: 24px; width: 24px; } .select-dropdown__triangle { -webkit-transform: translate(24px, 25px); transform: translate(24px, 25px); width: 0; height: 0; border-style: solid; border-width: 6.9px 4px 0 4px; border-color: #9e9e9e transparent transparent transparent; } .select-dropdown__item { margin: 0; cursor: pointer; border-radius: 0; } .gifts-give-emotions { background: #fff; padding: 90px 0px 100px; } @media (max-width: 1280px) { .gifts-give-emotions { padding: 55px 0px; } } .gifts-give-emotions__title { font-size: 38px; line-height: 44px; font-weight: 300; color: #1b1b1b; text-align: center; margin-bottom: 40px; } @media (max-width: 1280px) { .gifts-give-emotions__title { font-size: 32px; padding: 0px 20px; margin-bottom: 12px; } } .gifts-give-emotions__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: 264px; min-width: 264px; min-height: 343px; border-radius: 10px; padding: 60px 18px 24px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.07); box-sizing: border-box; margin-top: 20px; background-color: #fff; } @media (max-width: 1024px) { .gifts-give-emotions__item { min-width: 234px; } } .gifts-give-emotions__item__icon { max-width: 120px; height: 109px; background-repeat: no-repeat; background-size: contain; background-position: center; } .gifts-give-emotions__item__title { font-size: 24px; font-weight: 500; margin: 16px 0 11px; } .gifts-give-emotions__item__desc { font-size: 16px; line-height: 20px; width: 100%; } .gifts-give-emotions__list { width: 892px; position: initial; margin: auto; padding: 0 20px 10px; } @media (max-width: 1024px) { .gifts-give-emotions__list { width: auto; } } @media (max-width: 767px) { .gifts-give-emotions__list { width: auto; padding: 0 40px 10px; } } @media (max-width: 1024px) { .gifts-give-emotions__list .swiper-slide { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } } .gifts-give-emotions__list .swiper-pagination { position: inherit; margin-top: 43px; display: none; } @media (max-width: 1280px) { .gifts-give-emotions__list .swiper-pagination { display: block; } } .gifts-give-emotions__list .swiper-button-next { right: calc(50% - 600px); background-image: url(/assets/static/svg/arrow-right.b95ef148034c4da85bb4e6eb0b012efd.svg); } .gifts-give-emotions__list .swiper-button-prev { left: calc(50% - 600px); background-image: url(/assets/static/svg/arrow-left.3bc78df74573e8de5476bb8c4f039f47.svg); } .gifts-give-emotions__list .swiper-button-next, .gifts-give-emotions__list .swiper-button-prev { position: absolute; width: 65px; height: 65px; border-radius: 50%; box-shadow: 0 0 15px 0 rgba(0,0,0,0.07); font-size: 10px; background-size: auto; margin-top: 182px; z-index: 1; } .gifts-give-emotions__list .swiper-button-next:focus, .gifts-give-emotions__list .swiper-button-prev:focus { outline: none; } @media (max-width: 1280px) { .gifts-give-emotions__list .swiper-button-next, .gifts-give-emotions__list .swiper-button-prev { display: none; } } .gifts-comfortably { text-align: center; padding: 0 16px 85px; background-color: #f8f9fd; } @media (max-width: 1280px) { .gifts-comfortably { padding: 0 16px 35px; } } .gifts-comfortably__title { margin-top: 90px; font-size: 38px; font-weight: 300; line-height: 44px; color: #1b1b1b; text-align: center; } @media (max-width: 1280px) { .gifts-comfortably__title { font-size: 32px; margin-top: 55px; padding: 0 20px; } } .gifts-comfortably__paragraph { margin: 16px auto 0 auto; max-width: 500px; font-size: 18px; line-height: 24px; } .gifts-comfortably_list { max-width: 420px; margin: 60px auto 100px; padding-left: 35px; } @media (max-width: 1280px) { .gifts-comfortably_list { margin: 32px auto 55px; } } .gifts-comfortably_list .list__item { position: relative; max-width: 500px; margin: 0 auto; padding: 0 0 24px 40px; text-align: left; font-size: 24px; font-weight: 500; } .gifts-comfortably_list .list__item:last-child { padding-bottom: 0; } @media (max-width: 500px) { .gifts-comfortably_list .list__item { font-size: 21px; } } .gifts-comfortably_list .list__item .img__item { position: absolute; top: -2px; left: -8px; } @media (max-width: 500px) { .gifts-comfortably_list .list__item .img__item { top: -3px; left: 0; } } .gifts-how-to { background-color: #f8f9fd; padding-bottom: 10px; } .gifts-how-to__title { margin-top: 90px; font-size: 38px; font-weight: 300; line-height: 44px; color: #1b1b1b; text-align: center; } @media (max-width: 1280px) { .gifts-how-to__title { font-size: 32px; margin-top: 55px; } } .gifts-how-to__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin: 51px 0 60px 0; } @media (max-width: 1280px) { .gifts-how-to__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 32px 0; } } .gifts-how-to__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: start; align-items: start; } @media (max-width: 1280px) { .gifts-how-to__item { margin-bottom: 20px; } } @media (max-width: 767px) { .gifts-how-to__item { padding: 0 23px; width: 100%; } } .gifts-how-to__number { height: 54px; font-family: Roboto; font-size: 46px; font-weight: 500; margin-right: 10px; } .gifts-how-to__text { width: 310px; font-size: 18px; line-height: 24px; padding-top: 5px; margin-right: 34px; } @media (max-width: 1280px) { .gifts-how-to__text { margin-right: 0; } } @media (max-width: 767px) { .gifts-how-to__text { width: 100%; } } @media (max-width: 350px) { .gifts-how-to__text { width: 254px; } } .v2 .groups-form.gifts-form.form .form__controls_button .button { font-size: 18px; margin-top: -8px; } .v2 .groups-form.gifts-form.form .form__controls_text .checkbox-field__label { padding-bottom: 30px; } @media (max-width: 1280px) { .v2 .groups-form.gifts-form.form .form__controls_text .checkbox-field__label { text-align: center; } } .gifts-order-now { background-image: -webkit-linear-gradient(336deg, #6dc0ef, #4d86d9); background-image: linear-gradient(114deg, #6dc0ef, #4d86d9); background-image: url(/assets/static/svg/header-bg.864d26df1d464bcc54d2df12819e4cf4.svg); background-size: cover; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 50px 10px 0px; } .gifts-cta { padding-bottom: 100px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background-color: #f8f9fd; } @media (max-width: 1280px) { .gifts-cta { padding: 0 20px 55px; } } .gifts-cta .gifts-cta__wrapper { width: 357px; text-align: center; } @media (max-width: 767px) { .gifts-cta .gifts-cta__wrapper { width: 100%; } } .gifts-cta .gifts-cta__wrapper .button { padding: 0px 36px; font-size: 20px; width: 100%; height: 52px; line-height: 52px; } @media (max-width: 767px) { .gifts-cta .gifts-cta__wrapper .button { display: block; font-size: 18px; } } .your-group-advantages { display: block; padding: 0; background-color: #fff; font-family: Roboto, sans-serif; font-display: swap; } .your-group-advantages h2 { font-family: Roboto; font-size: 34px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: auto; letter-spacing: normal; text-align: center; color: #1b1b1b; text-align: center; color: #000; padding: 7rem 0 3.5rem; } @media (max-width: 767px) { .your-group-advantages h2 { padding-top: 16px; } } .your-group-advantages__list { margin: auto; max-width: 1024px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-bottom: 7.8rem; } @media (max-width: 767px) { .your-group-advantages__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; } } .your-group-advantages__item { -webkit-box-flex: 0; -webkit-flex: 0; flex: 0; -webkit-align-self: stretch; -ms-grid-row-align: stretch; align-self: stretch; width: 300px; min-width: 300px; text-align: center; padding: 20px 0; margin: 2rem; } @media (max-width: 1024px) { .your-group-advantages__item { padding: 0 5px; min-width: 245px; margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 767px) { .your-group-advantages__item { margin: 2rem 8rem; padding: 1rem 0px; border-radius: 4px; } } .your-group-advantages__icon { height: 115px; display: inline-block; } .your-group-advantages__text { display: inline-block; font-family: Roboto; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #000; } .v2 .groups-form.form { background: transparent; background-image: none; } .v2 .groups-form.form--single .form__controls_text { text-align: center; } .v2 .groups-form.form .contact-form { width: auto; } .v2 .groups-form.form button { width: 100%; } .v2 .groups-form.form .form__controls { padding-bottom: 0; } .v2 .groups-form.form .form__field._last, .v2 .groups-form.form .form__field.checkbox-field { margin-bottom: 0; } .v2 .groups-form.form .form__field .input__text { margin-bottom: 0; } .v2 .groups-form.form .form__controls_text { width: 100%; } .v2 .groups-form.form .form__controls_text .checkbox-field__label { font-size: 1.2rem; width: 100%; padding: 0; padding-bottom: 50px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.39; cursor: pointer; display: inline-block; position: relative; margin: 0; margin-top: 20px; text-align: left; } .v2 .groups-form.form .form__controls_checkbox { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; text-align: left; padding: 2rem 0 1.5rem; } .v2 .groups-form.form .form__controls_checkbox .checkbox-field__label { line-height: normal; font-size: 16px; } .v2 .groups-form.form .form__controls_checkbox .checkbox-field__check { width: 18px; height: 18px; } .v2 .groups-form.form .form__controls_checkbox .checkbox-field.group { margin-left: 36px; } .v2 .groups-form.form .form__controls_checkbox .checkbox-field input:checked ~ .checkbox-field__label .checkbox-field__check svg { height: 14px; } .v2 .message-groups textarea { width: 100% !important; height: auto; font-family: Roboto; font-display: swap; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #646464; height: 103px; background-color: #f3f3f3; border: #ffdead; resize: none; outline: none; padding-bottom: 1em; border-radius: 5px; padding: 10px; } .v2 .message-groups { padding-bottom: 1em; } .group-list { margin: auto; max-width: 1024px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } @media (max-width: 767px) { .group-list { -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; } } .group-list .group-text { display: inline-block; font-family: Roboto; font-display: swap; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #000; } .v2 .group-request { background-image: -webkit-linear-gradient(337deg, #6dc0ef, #4d86d9); background-image: linear-gradient(113deg, #6dc0ef, #4d86d9); padding-bottom: 0; } .v2 .group-request h2 { width: 600px; margin: auto; text-align: center; padding: 3rem 0 4rem; font-weight: 300; line-height: 1.2; color: #fff; } @media (max-width: 767px) { .v2 .group-request h2 { max-width: 500px; } } @media (max-width: 500px) { .v2 .group-request h2 { width: 90%; margin: 0 auto; font-size: 30px; } } .v2 .group-request .groups-form { width: 543px; margin: auto; } @media (max-width: 767px) { .v2 .group-request .groups-form { max-width: 500px; } } @media (max-width: 500px) { .v2 .group-request .groups-form { width: 90%; } } .v2 .group-request .groups-form .form__controls_text .checkbox-field__label_default { width: 300px; margin: 20px auto 0 auto; padding-bottom: 30px; text-align: center; font-size: 1.2rem; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; } .your-group-economy { display: block; padding: 0; background-color: #f8f9fd; font-family: Roboto, sans-serif; font-display: swap; } @media screen and (max-width: 767px) { .your-group-economy { background-color: #faf9f9; } } .your-group-economy h2 { font-weight: 100; text-align: center; color: #000; padding: 0 0 3.5rem; margin-top: 43px; } .your-group-economy h3 { margin: 0; padding: 1rem 0 0.7rem; text-align: center; color: #000; font-size: 2.2rem; font-weight: 500; line-height: 1; } @media (min-width: 768px) and (max-width: 1024px) { .your-group-economy h3 { min-height: 83px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } } .your-group-economy__item { -webkit-box-flex: 0; -webkit-flex: 0; flex: 0; -webkit-align-self: stretch; -ms-grid-row-align: stretch; align-self: stretch; width: 300px; min-width: 300px; text-align: center; padding: 25px 0; margin: 2rem; background-color: #fff; } @media (max-width: 1024px) { .your-group-economy__item { padding: 16px 5px; min-width: 245px; margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 767px) { .your-group-economy__item { margin: 2rem 8rem; padding: 4rem 30px; border-radius: 4px; } } .your-group-economy__icon { height: 115px; display: inline-block; } body.block-map .g-wrapper { background-color: #87cefa; } .block-map .g-wrapper { padding-bottom: 20%; } .block-map .header { position: relative; } .block-map__title { font-weight: 500; font-size: 28px; } .block-map__container { margin: 104px 0 0 0; padding: 0 10%; width: 100%; font-size: 24px; } .block-map .list-group__title { font-size: 26px; font-weight: 500; } .block-map .list-group__item { margin: 0 0 0 30px; padding: 0 0 5px 0; list-style-type: circle; font-size: 20px; color: #424242; } .block-map .list-group__item .item { list-style-type: square; margin: 0 0 0 30px; padding: 0 0 5px 0; } .block-map .list-group__item .link { color: #424242; text-decoration: underline; } .blog-articles { padding: 70px 0; background-color: #fff; } .blog-articles__title { padding: 0 16px; line-height: normal; font-size: 34px; text-align: center; color: #000; } @media (max-width: 500px) { .blog-articles__title { font-size: 30px; } } .blog-articles__list-wrapper { max-width: 1064px; margin: 0 auto; } .blog-articles__list { position: relative; padding: 52px 20px; margin-left: -20px; overflow-x: hidden; } .blog-articles__list .swiper-slide { width: auto; height: auto; max-width: 344px; margin-right: 16px; } .blog-articles__list .swiper-slide:last-child { margin-right: 0 !important; } @media screen and (min-width: 1136px) { .blog-articles__list .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .blog-articles__list .swiper-pagination { display: none; } } .blog-articles__item { display: block; width: 344px; height: 100%; margin: 0 auto; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.07); } @media (max-width: 500px) { .blog-articles__item { width: 288px; } .blog-articles__item .blog-articles__image { width: 288px; } } .blog-articles__text { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 16px 12px 16px 28px; } .blog-articles__label { line-height: 26px; font-size: 21px; font-weight: bold; color: #000; } .blog-articles__image { width: 344px; height: calc(344px * 9 / 16); object-fit: cover; object-position: center; } .blog-articles__icon-arrow { -webkit-box-flex: 0; -webkit-flex: 0 0 30px; flex: 0 0 30px; width: 30px; height: 30px; } .blog-articles__action { padding: 0 16px; } @media screen and (max-width: 1136px) { .blog-articles__action { margin-top: 16px; } } .blog-articles__button { display: block; width: 100%; max-width: 297px; height: 56px; box-sizing: border-box; margin: 0 auto; line-height: 56px; font-size: 18px; text-align: center; border-radius: 4px; border: solid 1px #699cff; color: #699cff; -webkit-transform: translateX(-6px); transform: translateX(-6px); } .blog-articles__button:focus, .blog-articles__button:visited { border: solid 1px #699cff; color: #699cff; } .blog-articles__button:hover { background-color: rgba(33,33,33,0.05); color: #699cff; } @media (max-width: 767px) { .blog-articles__button { width: 288px; -webkit-transform: none; transform: none; } } .convinience { padding: 70px 16px; background-color: #fff; } @media (max-width: 1024px) { .convinience { padding: 35px 16px; } } .convinience__wrapper { max-width: 1000px; margin: 0 auto; } .convinience__title { line-height: normal; font-size: 38px; text-align: center; color: #1b1b1b; } @media (max-width: 1024px) { .convinience__title { line-height: 38px; font-size: 28px; } } .convinience__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-top: 52px; } @media (max-width: 767px) { .convinience__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } .convinience__container .svg-icon { width: 404px; height: 294px; } @media (max-width: 1024px) { .convinience__container .svg-icon { width: 323px; height: 235px; } } .convinience__list { max-width: 450px; padding-left: 92px; font-size: 24px; list-style: none; } @media (max-width: 1024px) { .convinience__list { max-width: 400px; padding-left: 62px; font-size: 18px; } } @media (max-width: 767px) { .convinience__list { padding-left: 32px; padding-top: 16px; } } .convinience__list .list__item { position: relative; padding-bottom: 20px; } .convinience__list .list__item:before { content: ""; position: absolute; width: 12px; height: 12px; left: -28px; top: 8px; border-radius: 50%; background-color: #5a9ee2; } @media (max-width: 1024px) { .convinience__list .list__item:before { top: 4px; } } .faq { font-size: 22px; margin: 60px 0; padding: 0 20px; } .faq .faq-title { margin: 0; padding: 20px 0; font-size: 38px; text-align: center; } .faq .wrapper { margin: 16px auto; max-width: 800px; background-color: #fff; border-radius: 8px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 0 1px 0 rgba(0,0,0,0.2); } .faq label { display: block; position: relative; cursor: pointer; } .faq .arrow { display: block; position: absolute; right: 16px; top: 18px; width: 20px; height: 20px; } .faq .arrow:after { content: ''; display: block; position: absolute; right: 7px; top: 6px; width: 8px; height: 8px; border: 2px solid #535353; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .faq .option { display: none; } .faq .option:checked ~ .subinfo { display: block; } .faq .option:checked ~ .label .arrow:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); right: 6px; top: 5px; } .faq .info:after { content: ''; display: block; height: 1px; opacity: 0.1; background-color: #979797; } .faq .info .title { line-height: 1.33; color: #212121; padding: 16px 36px 16px 18px; letter-spacing: 0.2px; } .faq .info .subinfo { display: none; font-size: 14px; line-height: 24px; color: #212121; } .faq .info .subinfo:before { content: ''; display: block; height: 1px; opacity: 0.1; background-color: #979797; } .faq .info .subinfo .content { padding: 16px; } @media (max-width: 767px) { .faq .faq-title { padding-top: 0; } .faq .title { font-size: 16px; line-height: 1.5; } .faq .subinfo .content { display: block; } .faq .subinfo .content .variant { width: auto; } } .popular-directions { padding: 70px 0; background-color: #fff; } @media (max-width: 1024px) { .popular-directions { padding: 35px 0; } } .popular-directions__wrapper { max-width: 1167px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; } .popular-directions__title { padding: 0 16px; line-height: normal; font-size: 38px; text-align: center; color: #1b1b1b; } @media (max-width: 1024px) { .popular-directions__title { line-height: 38px; font-size: 28px; } } .popular-directions__items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: 50px; } @media (max-width: 767px) { .popular-directions__items { display: block; } } .popular-directions__item { display: -webkit-box; display: -webkit-flex; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-flex: 0; -webkit-flex: 0 0 357px; flex: 0 0 357px; height: 260px; padding: 16px; margin: 0 16px 16px 0; border-radius: 4px; background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; text-decoration: none; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .popular-directions__item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .popular-directions__item:hover { color: #fff; text-decoration: none; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .popular-directions__item:hover::after { opacity: 1; } .popular-directions__item--filler { height: 0; } .popular-directions__item--filler::after { display: none; } .popular-directions__item--filler:hover { -webkit-transform: none; transform: none; } @media (max-width: 1024px) { .popular-directions__item { -webkit-box-flex: 0; -webkit-flex: 0 0 352px; flex: 0 0 352px; } } @media (max-width: 767px) { .popular-directions__item { width: 352px; margin: 0 auto 16px; } } @media (max-width: 500px) { .popular-directions__item { width: 288px; } } .popular-directions__item .item__title { font-size: 36px; font-weight: bold; } .popular-directions__item .item__content { margin-top: auto; } .popular-directions__item .item__rating { font-size: 12px; } .popular-directions__item .item__accomodation { padding: 4px 0 6px; font-size: 21px; } .popular-directions__item .item__price { font-size: 21px; font-weight: bold; } .popular-directions__item .item__action { display: block; width: 100%; height: 44px; margin-top: 10px; line-height: 44px; font-size: 18px; text-align: center; border-radius: 4px; background-color: rgba(248,249,253,0.3); } .services { padding: 70px 40px 60px; background-color: #f9f9f9; } @media (max-width: 1024px) { .services { padding: 35px 16px; } } .services a { color: #01abfb; } .services__title { line-height: normal; font-size: 38px; text-align: center; color: #1b1b1b; } @media (max-width: 1024px) { .services__title { line-height: 38px; font-size: 28px; } } .services__list { margin: auto; max-width: 1200px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 40px; } .services__list-small .services__item { width: 300px; } .services__item { width: 364px; text-align: center; padding: 0; margin: 16px 0px 42px 0; } @media (max-width: 767px) { .services__item { width: 100%; min-width: 100%; margin: 0 0 40px; } } .services__icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 0 auto; height: 120px; width: 120px; } .services__label { color: #000; font-size: 2.2rem; font-weight: 500; line-height: 1; margin: 0; padding: 1rem 0 1.6rem 0; } .services__text { display: inline-block; font-size: 1.4rem; font-weight: normal; line-height: 1.45; } .services__center { display: block; text-align: center; margin-top: 28px; } .numeric__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .numeric__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } } .numeric__item { width: 210px; text-align: center; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-grid-row-align: auto; align-self: auto; } @media (max-width: 767px) { .numeric__item { width: 21rem; margin-bottom: 5rem; } .numeric__item:last-child { margin-bottom: 0; } } .numeric__num { color: #8dc3e0; font-size: 52px; font-weight: 300; line-height: 48px; margin: 0 0 3px; } @media (max-width: 767px) { .numeric__num { font-size: 5.2rem; line-height: 4.8rem; margin: 0 0 0.3rem; } } .numeric__things { display: block; font-family: Roboto, sans-serif; font-display: swap; font-size: 21px; letter-spacing: -0.4px; text-align: center; color: #8dc3e0; margin-bottom: 12px; } @media (max-width: 767px) { .numeric .controls { display: none; } } .optimization__content { width: 100%; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .optimization__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } } .optimization__item { width: 210px; text-align: center; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-grid-row-align: auto; align-self: auto; } @media (max-width: 767px) { .optimization__item { width: 25rem; margin-bottom: 5rem; } .optimization__item:last-child { margin-bottom: 0; } } .optimization__icon { margin-bottom: 25px; } .optimization__icon svg { width: 50px; height: 50px; } @media (max-width: 767px) { .optimization__icon { margin-bottom: 2rem; } .optimization__icon svg { width: 5rem; height: 5rem; } } .partners .teaser-partners { height: 564px; padding-top: 175px; background-image: -webkit-radial-gradient(84.65% 318.17% at 15.35% 32.04%, #6dc0ef 0%, #4d86d9 100%); background-image: radial-gradient(84.65% 318.17% at 15.35% 32.04%, #6dc0ef 0%, #4d86d9 100%); background-position: bottom; background-size: cover; background-repeat: no-repeat; overflow: visible; } .partners .teaser-partners__bg { background-image: url(/assets/static/svg/bg.bddc9164785e1fbe77f116b96f11c73f.svg); background-repeat: no-repeat; background-size: auto 100%; position: absolute; height: 450px; min-width: 447px; right: 3.28%; bottom: -3.7%; -webkit-transition: 0.2s; transition: 0.2s; } @media (max-width: 1024px) { .partners .teaser-partners__bg { height: 281px; min-width: 280px; left: 61.64%; right: 12.53%; bottom: -2.2%; } } @media (max-width: 767px) { .partners .teaser-partners__bg { height: 281px; min-width: 280px; left: 42%; right: 12.53%; bottom: -2.2%; } } @media (max-width: 500px) { .partners .teaser-partners__bg { height: 281px; min-width: 280px; left: 12.8%; right: 12.53%; bottom: -2.2%; } } @media (max-width: 365px) { .partners .teaser-partners__bg { left: 8.8%; } } @media (max-width: 1024px) { .partners .teaser-partners { background-image: -webkit-radial-gradient(218.85% 127.85% at 23.28% 24.75%, #6dc0ef 0%, #4d86d9 100%); background-image: radial-gradient(218.85% 127.85% at 23.28% 24.75%, #6dc0ef 0%, #4d86d9 100%); height: 591px; } } .partners .teaser-partners:before { display: none; } .partners .teaser-partners__title { font-size: 48px; font-weight: 500; line-height: 56px; max-width: 630px; -webkit-transition: 0.2s; transition: 0.2s; } @media (max-width: 1280px) { .partners .teaser-partners__title { max-width: 470px; } } @media (max-width: 1024px) { .partners .teaser-partners__title { text-align: left; } } @media (max-width: 767px) { .partners .teaser-partners__title { font-weight: 500; font-size: 32px; line-height: 36px; margin-top: -30px; margin-left: 0px; } } .partners .teaser-partners .teaser-corporate__content { padding: 0px; margin-left: 80px; } @media (max-width: 767px) { .partners .teaser-partners .teaser-corporate__content { margin-left: 0; } } .partners .talks-about-us .subtitle { padding: 0 0 3rem 0; margin: 35px 0 0; line-height: 48px; letter-spacing: -0.2px; font-size: 34px; font-weight: 100; text-align: center; color: #000; } .offers { background-color: #f5f5f5; padding: 90px; } @media (max-width: 767px) { .offers { padding: 80px 0; } } .offers__error { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; width: 250px; padding-bottom: 100px; } .offers__error-icon { width: 59px; height: 59px; margin-bottom: 26px; } .offers__error-text { color: #212121; font-size: 18px; line-height: 24px; } .offers__container { max-width: 1095px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0px auto; } .offers__container .loading { display: block; position: inherit; background: none; } .offers__container .loading__spin { position: relative; } .offers__item { background-color: #fff; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.07); border-radius: 16px; width: 335px; height: 484px; margin: 15px; -webkit-transition: 0.2s; transition: 0.2s; box-sizing: border-box; text-align: center; letter-spacing: 0.01em; padding: 0 32px 44px; } .offers__item::before { display: block; content: ''; background-image: url(/assets/static/svg/union.227922de2e3210793151abcbea8c100a.svg); width: 113px; height: 38px; margin: 32px auto 40px; } .offers__item:hover { box-shadow: 0px 4px 25px rgba(0,0,0,0.04); } .offers__item-logo { background-color: #309c0b; width: 100px; height: 100px; border-radius: 44px; margin: 10px auto; background-position: 50%; background-size: 50% 50%; background-repeat: no-repeat; background-image: url(/assets/static/svg/sber.2ded943dfd6c9e3e650958609bf4d96f.svg); } .offers__item-company { color: #888; font-size: 18px; line-height: 24px; } .offers__item-title { color: #212121; font-weight: 500; font-size: 32px; line-height: 36px; margin: 26px 0 10px; } .offers__item-description { color: #888; font-size: 18px; line-height: 22px; height: 64px; } .offers__item-button { background-color: #fff; color: #212121; text-align: center; font-size: 16px; line-height: 22px; padding: 14px; margin-top: 10px; border: 1px solid rgba(33,33,33,0.2); box-sizing: border-box; border-radius: 4px; width: 100%; -webkit-transition: 0.2s; transition: 0.2s; } .offers__item-button:hover { background-color: #f4f4f4; } #offer-dialog { background-color: rgba(33,33,33,0.7); } #offer-dialog .dialog__close-button { right: 0px; } #offer-dialog .dialog__close-button .svg-icon { fill: #888; width: 14px; height: 14px; margin-top: 10px; } #offer-dialog .dialog__popup { border-radius: 16px; padding: 0; max-width: 700px; overflow: hidden; font-size: 18px; } @media (max-width: 767px) { #offer-dialog .dialog__popup { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; border-radius: 0; } } #offer-dialog .dialog__header { background: #f5f5f5; min-height: 196px; padding: 22px 61px; box-sizing: border-box; } @media (max-width: 767px) { #offer-dialog .dialog__header { padding: 10px 26px; height: 148px; } } #offer-dialog .dialog__header-company { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100px; } #offer-dialog .dialog__header-logo { width: 100px; height: 100px; border-radius: 44px; margin: 10px; background-position: 50%; background-size: 50% 50%; background-repeat: no-repeat; background-image: url(/assets/static/svg/sber.2ded943dfd6c9e3e650958609bf4d96f.svg); } @media (max-width: 767px) { #offer-dialog .dialog__header-logo { width: 72px; height: 72px; border-radius: 32px; margin-bottom: 6px; } } #offer-dialog .dialog__header-title { color: #888; font-size: 18px; line-height: 24px; text-align: center; } #offer-dialog .dialog__body { padding: 48px 60px; box-sizing: border-box; max-height: calc(100vh - 262px); overflow: auto; } @media (max-width: 767px) { #offer-dialog .dialog__body { padding: 32px 20px 80px 20px; max-height: calc(100vh - 220px); } } #offer-dialog .dialog__body__title { color: #212121; font-weight: 500; font-size: 48px; line-height: 56px; } @media (max-width: 767px) { #offer-dialog .dialog__body__title { font-size: 32px; line-height: 36px; } } #offer-dialog .dialog__body__description { color: #888; font-size: 18px; line-height: 22px; margin-top: 20px; } @media (max-width: 767px) { #offer-dialog .dialog__body__description { font-size: 16px; line-height: 24px; margin-top: 16px; } } #offer-dialog .dialog__body__subtitle { color: #212121; font-weight: 500; font-size: 32px; line-height: 36px; margin: 40px 0 17px; } @media (max-width: 767px) { #offer-dialog .dialog__body__subtitle { font-size: 24px; line-height: 28px; margin: 32px 0 17px; } } #offer-dialog .dialog__body__caption { color: #888; font-size: 16px; line-height: 20px; } @media (max-width: 767px) { #offer-dialog .dialog__body__caption { text-align: center; margin-bottom: 15px; } } #offer-dialog .dialog__field .dialog__button { max-width: 280px; height: 64px; font-size: 18px; line-height: 54px; text-transform: inherit; margin: 48px 0 16px; } @media (max-width: 767px) { #offer-dialog .dialog__field .dialog__button { max-width: 100%; } } #offer-dialog .dialog__offers-item, #offer-dialog .dialog__offers__how-to { color: #888; font-size: 18px; line-height: 22px; } #offer-dialog .dialog__offers-item { margin-top: 10px; } @media (max-width: 767px) { #offer-dialog .dialog__offers-item { font-size: 16px; } } #offer-dialog .dialog__offers-item::before { content: ''; display: inline-block; width: 17px; height: 15px; background-image: url(/assets/static/svg/checkbox-check.6beb9a9efb43fb1fa209f348715088cb.svg); background-size: contain; margin-right: 11px; opacity: 0.8; } #offer-dialog .dialog__offers__how-to { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: 26px; } @media (max-width: 767px) { #offer-dialog .dialog__offers__how-to { display: block; margin-top: 30px; } } #offer-dialog .dialog__offers__how-to--number { font-family: Arial; background: #f5f5f5; width: 48px; min-width: 48px; height: 48px; border-radius: 50%; color: #000; font-size: 24px; line-height: 48px; text-align: center; margin-right: 16px; } @media (max-width: 767px) { #offer-dialog .dialog__offers__how-to--number { margin-bottom: 16px; } } #quick-login-dialog { background-color: rgba(33,33,33,0.7); } #quick-login-dialog .dialog__close-button { right: 0px; } #quick-login-dialog .dialog__close-button .svg-icon { fill: #888; width: 14px; height: 14px; margin-top: 10px; } #quick-login-dialog .dialog__popup { border-radius: 16px; padding: 0; max-width: 700px; overflow: hidden; font-size: 18px; width: 380px; text-align: center; } @media (max-width: 767px) { #quick-login-dialog .dialog__popup { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; border-radius: 0; } } #quick-login-dialog .dialog__form { padding: 48px 40px 24px; } #quick-login-dialog .dialog__fieldset { padding: 0; } #quick-login-dialog .dialog__link { font-size: 14px; line-height: 20px; } #quick-login-dialog .dialog__failed { display: none; -webkit-box-flex: 1; -webkit-flex: 1 1; flex: 1 1; background: #f5f5f5; color: #888; font-size: 14px; line-height: 18px; padding: 24px 40px 32px; } #quick-login-dialog .dialog__title { color: #212121; font-weight: 500; font-size: 32px; line-height: 36px; margin-bottom: 32px; } @media (max-width: 767px) { #quick-login-dialog .dialog__title { font-size: 32px; line-height: 36px; } } #quick-login-dialog .dialog__field .dialog__button { max-width: 100%; height: 48px; font-size: 18px; line-height: 22px; text-transform: inherit; margin: 32px 0 24px; } @media (max-width: 767px) { #quick-login-dialog .dialog__field .dialog__button { max-width: 100%; } } .offers-partners-slider { background: #f9f9f9; max-width: 1176px; margin: 0 auto; padding: 70px 0; } .offers-partners-slider.hidden { display: none; } .offers-partners-slider .arrows-wrapper { position: relative; box-sizing: border-box; padding: 0 56px; margin: 0 auto; max-width: 1064px; } @media (max-width: 1024px) { .offers-partners-slider .arrows-wrapper { padding: 0; } } .offers-partners-slider .offers__content + .loader { display: block; } .offers-partners-slider .offers__content.initialized + .loader { display: none; } .offers-slider__wrapper { padding: 0 20px; box-sizing: border-box; } @media (max-width: 1024px) { .offers-slider__wrapper { padding: 0; } } .offers-slider__wrapper .offers__container { position: relative; overflow: hidden; padding: 52px 20px; width: 100%; max-width: 952px; } @media (max-width: 1024px) { .offers-slider__wrapper .offers__container { padding-left: 16px; } } .offers-slider__wrapper .swiper-slide { width: auto; height: auto; } .offers-slider__wrapper .swiper-slide:last-child { margin-right: 0 !important; } .offers-slider__wrapper .swiper-slide .offers__item { width: 100%; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; height: 100%; padding: 0 16px 44px 16px; cursor: pointer; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.07); border-radius: 10px; } @media (max-width: 1024px) { .offers-slider__wrapper .swiper-slide .offers__item { width: 297px; } } .offers-slider__wrapper .swiper-slide .offers__item:hover { box-shadow: 0 4px 15px 0 rgba(0,0,0,0.07); } .offers-slider__wrapper .swiper-slide .offers__item-description { height: auto; } .offers-slider__wrapper .swiper-slide .offers__item-button { display: none; } .offers-slider__wrapper .swiper-slide .offers__item-title { font-size: 30px; } .offers-slider__wrapper .swiper-slide .offers__item:before { margin: 30px auto; } .offers-slider__wrapper .swiper-container-horizontal > .swiper-pagination-bullets, .offers-slider__wrapper .swiper-pagination-custom, .offers-slider__wrapper .swiper-pagination-fraction { bottom: 0; } .offers-slider__wrapper .swiper-button-prev, .offers-slider__wrapper .swiper-button-next { background-image: none; display: inline-block; border: 2px solid #888; border-bottom: 0; width: 30px; height: 30px; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .offers-slider__wrapper .swiper-button-prev:before, .offers-slider__wrapper .swiper-button-next:before { content: ''; display: block; height: 100%; } .offers-slider__wrapper .swiper-button-prev { border-right: 0; left: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 1024px) { .offers-slider__wrapper .swiper-button-prev { display: none; } } .offers-slider__wrapper .swiper-button-next { border-left: 0; right: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1024px) { .offers-slider__wrapper .swiper-button-next { display: none; } } .offers__title { padding: 0 16px; line-height: normal; font-size: 34px; text-align: center; color: #000; } @media (max-width: 500px) { .offers__title { font-size: 30px; } } .offers__action { padding: 0 16px; } @media screen and (max-width: 1136px) { .offers__action { margin-top: 16px; } } .offers__button { display: block; width: 100%; max-width: 297px; height: 56px; box-sizing: border-box; margin: 52px auto 0; line-height: 56px; font-size: 18px; text-align: center; border-radius: 4px; border: solid 1px #699cff; color: #699cff; -webkit-transform: translateX(-6px); transform: translateX(-6px); } .offers__button:focus, .offers__button:visited { border: solid 1px #699cff; color: #699cff; } .offers__button:hover { background-color: rgba(33,33,33,0.05); color: #699cff; } @media (max-width: 767px) { .offers__button { -webkit-transform: none; transform: none; } } .press-about-us { padding: 70px 16px 100px; background-color: #fff; } .press-about-us__title { text-align: center; line-height: normal; font-size: 34px; color: #000; } @media (max-width: 500px) { .press-about-us__title { font-size: 30px; } } .press-about-us__links { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 920px; margin: 0 auto; } .press-about-us__link { display: block; } .press-about-us__logo { display: block; margin: 55px 21px 0; opacity: 0.2; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } @media (max-width: 1024px) { .press-about-us__logo { margin: 55px 16px 0; } } @media (max-width: 767px) { .press-about-us__logo { margin-top: 30px; } } .press-about-us__logo._lh { margin-top: 48px; } @media (max-width: 767px) { .press-about-us__logo._lh { margin-top: 28px; } } .press-about-us__logo._tb { margin-top: 50px; } @media (max-width: 767px) { .press-about-us__logo._tb { margin-top: 29px; } } .press-about-us__logo:hover { opacity: 1; -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } @media (max-width: 767px) { body.web-view .press-about-us__link { pointer-events: none; } } .press__label { color: #9e9e9e; font-size: 13px; font-weight: 400; letter-spacing: 0.4px; line-height: 15px; display: block; margin: 0 auto 15px; } @media (max-width: 767px) { .press__label { font-size: 1.3rem; line-height: 1.5rem; } } .press__links { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 800px; margin: auto; } @media (max-width: 767px) { .press__links { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; overflow-x: auto; white-space: nowrap; } } .press__logo { display: block; opacity: 0.5; } .press__logo:hover { opacity: 1; } .press__logo img { width: 100%; } .press__logo._vd { width: 119px; } @media (max-width: 767px) { .press__logo._vd { width: 11.9rem; } } .press__logo._vc { width: 76px; } @media (max-width: 767px) { .press__logo._vc { width: 7.6rem; } } .press__logo._bs { width: 124px; } @media (max-width: 767px) { .press__logo._bs { width: 12.4rem; } } .press__logo._rns { width: 80px; } @media (max-width: 767px) { .press__logo._rns { width: 8rem; } } .press__logo._izv { width: 90px; } @media (max-width: 767px) { .press__logo._izv { width: 9rem; } } .press__logo._rm { width: 50px; } @media (max-width: 767px) { .press__logo._rm { width: 5rem; } } @media (max-width: 767px) { .press__logo { -webkit-flex-shrink: 0; flex-shrink: 0; padding: 0 1rem; } } .profit { box-sizing: border-box; } .profit__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: justify-items; align-content: justify-items; -webkit-box-align: justify-content; -webkit-align-items: justify-content; align-items: justify-content; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 870px; margin: auto; } @media (max-width: 767px) { .profit__content { display: block; } } .profit__item { -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 40%; flex: 0 0 40%; -webkit-align-self: auto; -ms-grid-row-align: auto; align-self: auto; margin-bottom: 70px; width: 420px; } .profit__item:last-child { margin-bottom: 0; } @media (max-width: 767px) { .profit__item { width: auto; } } .profit__title { margin-bottom: 7px; } .profit__icon { float: left; width: 97px; text-align: left; } @media (max-width: 767px) { .profit__icon { float: none; width: 6.4; margin-bottom: 1rem; display: inline-block; } } .profit__icon svg { width: 64px; height: 64px; } @media (max-width: 767px) { .profit__icon svg { width: 6.4rem; height: 6.4rem; } } .profit__list { overflow: hidden; text-align: left; } @media (max-width: 767px) { .profit__list { text-align: center; } } .profit__list li { color: #424242; font-size: 14px; font-weight: 400; letter-spacing: 0.2px; line-height: 24px; padding-left: 24px; position: relative; } @media (max-width: 767px) { .profit__list li { padding: 0; font-size: 1.4rem; line-height: 2.4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; } } .profit__list-text { display: inline; position: relative; } @media (max-width: 767px) { .profit__list-text { display: block; -webkit-flex-shrink: 0; flex-shrink: 0; } } .profit__list-icon { position: absolute; left: -24px; top: -3px; width: 12px; height: 12px; } .profit__list-icon svg { width: 12px; height: 12px; } @media (max-width: 767px) { .profit__list-icon { left: -2.4rem; top: 0.1rem; width: 1.8rem; height: 2.4rem; } .profit__list-icon svg { width: 1.2rem; height: 1.2rem; overflow: visible; } } .mastercard-promo { overflow: hidden; } .mastercard-promo__teaser { position: relative; background-image: -webkit-linear-gradient(219deg, #314f87, #16274f); background-image: linear-gradient(231deg, #314f87, #16274f); } @media (max-width: 767px) { .mastercard-promo__teaser { padding-bottom: 258px; } } .mastercard-promo__title { font-size: 38px; font-family: 'Montserrat', sans-serif; font-display: swap; font-weight: 600; color: #fff; text-transform: uppercase; } @media (max-width: 1024px) { .mastercard-promo__title { font-size: 31px; } } @media (max-width: 767px) { .mastercard-promo__title { line-height: 30px; font-size: 24px; } } .mastercard-promo__subtitle { padding-top: 3px; font-size: 21px; font-family: 'Montserrat', sans-serif; font-display: swap; font-weight: 500; color: #a3abbc; } @media (max-width: 767px) { .mastercard-promo__subtitle { font-size: 19px; } } .mastercard-promo__wrapper { position: relative; max-width: 1056px; margin: 0 auto; padding: 28px 16px; box-sizing: border-box; z-index: 3; } .mastercard-promo__logos { position: absolute; right: -50px; top: 33px; z-index: 2; } @media (max-width: 1200px) { .mastercard-promo__logos { right: 16px; } } @media (max-width: 1024px) { .mastercard-promo__logos { display: block; position: static; margin-bottom: 21px; } } .mastercard-promo__background { position: absolute; right: 0; bottom: 0; z-index: 1; } @media (max-width: 860px) { .mastercard-promo__background { width: 317px; height: 288px; } } @media (max-width: 767px) { .mastercard-promo__background { width: 285px; height: 259px; } } .mastercard-promo__list { padding: 48px 0 18px 75px; } @media (max-width: 1024px) { .mastercard-promo__list { padding: 48px 0 18px; } } .mastercard-promo__link { padding-left: 75px; line-height: 22px; font-size: 14px; text-decoration: none; color: #6a748c; } @media (max-width: 1024px) { .mastercard-promo__link { padding-left: 82px; } } @media (max-width: 767px) { .mastercard-promo__link { padding-left: 52px; } } .mastercard-promo__cta { padding: 21px 0 42px; } .mastercard-promo .cta__text { padding-bottom: 22px; text-align: center; line-height: 20px; font-size: 18px; color: #1c2f5a; } .mastercard-promo .cta__text .highlighted { font-weight: bold; } .mastercard-promo .cta__button { display: block; width: 288px; height: 56px; margin: 0 auto; line-height: 56px; text-align: center; font-size: 18px; border-radius: 4px; border: solid 1px #699cff; color: #699cff; cursor: pointer; } .mastercard-promo .cta__button:hover { background-color: rgba(33,33,33,0.05); } .mastercard-promo .list__item { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 24px; } @media (max-width: 767px) { .mastercard-promo .list__item { margin-bottom: 24px; } } @media (max-width: 767px) { .mastercard-promo .item__image { -webkit-box-flex: 0; -webkit-flex: 0 0 36px; flex: 0 0 36px; height: 36px; width: 36px; } } .mastercard-promo .item__text { max-width: 390px; padding-left: 24px; } @media (max-width: 767px) { .mastercard-promo .item__text { padding-left: 16px; } } .mastercard-promo .item__title { font-size: 21px; font-weight: bold; color: #fff; } @media (max-width: 767px) { .mastercard-promo .item__title { font-size: 18px; } } .mastercard-promo .item__subtitle { padding-top: 6px; line-height: 22px; font-size: 18px; color: #a3abbc; } @media (max-width: 767px) { .mastercard-promo .item__subtitle { line-height: 20px; font-size: 16px; } } .referral_contacts { display: block; background-color: #f8f9fd; background-image: url("https://static.onetwotrip.com/images/b2b/referral/contacts_icon.svg"); background-repeat: no-repeat; background-position: 23% 115px; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 60px; padding-bottom: 80px; } @media (max-width: 767px) { .referral_contacts { background-color: #faf9f9; background-image: url("https://static.onetwotrip.com/images/b2b/referral/contacts_mobile_icon.svg"); background-repeat: no-repeat; background-position: center 148%; padding-bottom: 185px; } } .referral_contacts__title { font-size: 38px; color: #000; padding: 70px 0 3.5rem 0; } @media (max-width: 767px) { .referral_contacts__title { font-size: 30px; line-height: 30px; } } .referral_contacts__subtitle { font-size: 16px; font-weight: 300; margin-bottom: 26px; } .referral_contacts__contacts { width: 834px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; font-size: 24px; margin: 0 auto; } @media (max-width: 767px) { .referral_contacts__contacts { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 22px; } } .referral_contacts__phone { margin-right: 45px; } @media (max-width: 767px) { .referral_contacts__phone { margin-right: 0; margin-bottom: 16px; } } .referral_partners { display: block; background-color: #f8f9fd; font-family: 'Roboto', sans-serif; text-align: center; margin-bottom: 80px; } @media (max-width: 767px) { .referral_partners { background-color: #faf9f9; } } .referral_partners__title { font-size: 38px; color: #000; padding: 70px 0 3.5rem 0; } @media (max-width: 767px) { .referral_partners__title { font-size: 30px; line-height: 30px; } } .referral_partners__partners_block { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-align-content: center; align-content: center; margin-bottom: 50px; } .referral_partners__first_icons_block { margin-bottom: 20px; } .referral_partners__btn_div { color: #699cff; border: 1px solid #699cff; background-color: transparent; padding: 14px; width: 470px; font-size: 16px; border-radius: 4px; margin: 0 auto; } @media (max-width: 767px) { .referral_partners__btn_div { width: 320px; } } .advantages { max-width: 1000px; min-height: 528px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 0 auto; font-family: 'Roboto', sans-serif; font-display: swap; font-weight: 400; padding: 48px 16px 80px; background-color: transparent; } .advantages .screen__wrap { margin: 50px 0 25px; padding: 0; } .advantages h2 { max-width: 560px; margin: 0 auto; } .advantages .content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: normal; -webkit-align-items: normal; align-items: normal; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 60px; } @media (max-width: 768px) { .advantages .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-top: 40px; } } .advantages .content .item { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 324px; flex: 0 0 324px; padding: 0 30px; } .advantages .content .item:first-child { padding-left: 0; } .advantages .content .item:last-child { padding-right: 0; } @media (max-width: 1024px) { .advantages .content .item { -webkit-box-flex: 1; -webkit-flex: 1 0; flex: 1 0; } } @media (max-width: 768px) { .advantages .content .item { -webkit-box-flex: 0; -webkit-flex: 0 0 280px; flex: 0 0 280px; padding: 0; } } .advantages .content .item .icon { height: 98px; } .advantages .content .item .title { max-width: 210px; margin: 0 auto; padding-top: 19px; font-size: 24px; font-weight: 500; } .advantages .content .item .text { padding-top: 16px; font-size: 15px; line-height: 20px; color: #000; } @media (max-width: 768px) { .advantages .content .item .text { max-width: 294px; margin: 0 auto; } } .advantages .action-container { padding-top: 50px; } @media (max-width: 768px) { .advantages .action-container { padding-top: 16px; } } .advantages .action-container .button--ghost { color: #699cff; border: 1px solid #699cff; background-color: transparent; text-decoration: none; } .advantages .action-container .button--ghost .mobile { display: none; } @media (max-width: 768px) { .advantages .action-container .button--ghost { max-width: 410px; margin: 0 auto; line-height: 44px; text-align: center; } .advantages .action-container .button--ghost .desktop { display: none; } .advantages .action-container .button--ghost .mobile { display: inline; } } .how-it-works { max-width: 1000px; min-height: 528px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 0 auto; font-family: 'Roboto', sans-serif; font-display: swap; font-weight: 400; padding: 40px 16px 20px; background-color: transparent; } .how-it-works .screen__wrap { margin: 50px 0 65px; padding: 0; } .how-it-works__remark { max-width: 710px; padding-top: 48px; margin: 0 auto; line-height: 17px; font-size: 13px; color: #8b8b8b; } @media (max-width: 768px) { .how-it-works__remark { padding-top: 27px; } } .how-it-works .content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: normal; -webkit-align-items: normal; align-items: normal; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 60px; } @media (max-width: 768px) { .how-it-works .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-top: 40px; } } .how-it-works .content .item { -webkit-box-flex: 0; -webkit-flex: 0 0 324px; flex: 0 0 324px; padding: 0 30px; } .how-it-works .content .item:first-child { padding-left: 0; } .how-it-works .content .item:last-child { padding-right: 0; } @media (max-width: 1024px) { .how-it-works .content .item { -webkit-box-flex: 1; -webkit-flex: 1 0; flex: 1 0; } } @media (max-width: 768px) { .how-it-works .content .item { padding: 0 16px; -webkit-box-flex: 0; -webkit-flex: 0 0 260px; flex: 0 0 260px; } } .how-it-works .content .item .icon { height: 98px; } .how-it-works .content .item .text { padding-top: 16px; font-size: 18px; line-height: 24px; color: #000; } @media (max-width: 768px) { .how-it-works .content .item .text { max-width: 265px; margin: 0 auto; } } .info-dialog__wrapper { padding: 12px 16px; } .info-dialog__text { max-width: 360px; margin: 0 auto; line-height: 19px; text-align: center; font-size: 14px; color: #000; } .popup { position: fixed; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-weight: 400; background-color: #fff; border-radius: 0.9375rem; width: 500px; padding: 48px; cursor: auto; z-index: 100; will-change: transform, opacity; } @media (max-width: 532px) { .popup { box-sizing: border-box; width: 95%; height: auto; min-height: 300px; padding: 52px 16px 32px 16px; } } .popup__content { height: 100%; } .popup.js-init { display: none; opacity: 0; } .popup.js-active { display: block; z-index: 300; opacity: 1; -webkit-animation: popup 0.2s; animation: popup 0.2s; } .popup__close .icon-container { position: absolute; right: 15px; top: 15px; opacity: 0.5; will-change: opacity; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; cursor: pointer; } .popup__close .icon-container:hover { opacity: 1; } .popup-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 120; background-color: #000; } .popup-overlay.js-init { display: none; opacity: 0; } .popup-overlay.js-active { display: block; opacity: 0.5; -webkit-animation: overlay 0.2s; animation: overlay 0.2s; } @-webkit-keyframes popup { 0% { opacity: 0; } 25% { opacity: 0.2; } 45% { opacity: 0.5; } 65% { opacity: 0.7; } 75% { opacity: 0.8; } 85% { opacity: 0.9; } 100% { opacity: 1; } } @keyframes popup { 0% { opacity: 0; } 25% { opacity: 0.2; } 45% { opacity: 0.5; } 65% { opacity: 0.7; } 75% { opacity: 0.8; } 85% { opacity: 0.9; } 100% { opacity: 1; } } @-webkit-keyframes overlay { 0% { opacity: 0; } 50% { opacity: 0.1; } 60% { opacity: 0.2; } 70% { opacity: 0.3; } 80% { opacity: 0.4; } 100% { opacity: 0.5; } } @keyframes overlay { 0% { opacity: 0; } 50% { opacity: 0.1; } 60% { opacity: 0.2; } 70% { opacity: 0.3; } 80% { opacity: 0.4; } 100% { opacity: 0.5; } } .profit { -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 70px 0; font-family: 'Roboto', sans-serif; font-display: swap; font-weight: 400; color: #1b1b1b; background-color: #fff; } .profit h5 { max-width: 710px; margin: 0 auto; font-size: 21px; line-height: 24px; } .profit .content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: normal; -webkit-align-items: normal; align-items: normal; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: 60px; } @media (max-width: 768px) { .profit .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-top: 40px; } } .profit .content .item { width: 264px; -webkit-box-flex: 0; -webkit-flex: 0 0 264px; flex: 0 0 264px; height: 280px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.07); border-radius: 12px; background-color: #fff; padding: 42px; } .profit .content .item:first-child { margin-right: 18px; } @media (max-width: 768px) { .profit .content .item:first-child { margin-right: 0; } } @media (max-width: 768px) { .profit .content .item:last-child { margin-top: 18px; } } .profit .content .item .price { font-size: 56px; line-height: 1; font-weight: bold; color: #000; } .profit .content .item .price__text { font-size: 22px; font-weight: 500; } .profit .content .item .icon { height: 85px; } .profit .content .item .text { padding-top: 20px; font-size: 16px; line-height: 22px; color: #000; } .profit .remark { padding-top: 38px; text-align: center; opacity: 0.5; color: #000; font-size: 12px; } .referral .screen.referral-form h2 { color: #fff; } .referral .referral-form { min-height: 660px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #fff; background-image: -webkit-linear-gradient(338deg, #6dc0ef, #4d86d9); background-image: linear-gradient(112deg, #6dc0ef, #4d86d9); } .referral .referral-form h2 { max-width: 545px; margin: 0 auto; text-align: center; } @media (max-width: 768px) { .referral .referral-form h2 { line-height: 32px; font-size: 26px; } } .referral .referral-form .wrap { max-width: 545px; margin: 0 auto; padding-top: 48px; } .referral .referral-form .wrap .form__group-header { padding: 42px 0 28px; line-height: 24px; font-size: 21px; text-align: center; color: #fff; } .referral .referral-form .wrap .form__group-header:first-child { padding: 0 0 32px; } .referral .referral-form .wrap .form__field .input__text { height: 52px; border-radius: 4px; } .referral .referral-form .wrap .form__field .input__textarea { resize: none; } .referral .referral-form .wrap .form__field .input__textarea::-webkit-input-placeholder { color: #9e9e9e; } .referral .referral-form .wrap .form__field .input__textarea::-moz-placeholder { color: #9e9e9e; } .referral .referral-form .wrap .form__field .input__textarea::placeholder { color: #9e9e9e; } .referral .referral-form .wrap .form__remark { line-height: 17px; font-size: 13px; font-weight: 300; color: #fff; } .referral .referral-form .wrap .form__remark .checkbox-field__link { display: inline; } .referral .referral-form .wrap .form__message { display: block; position: absolute; top: -34px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 4px; line-height: 16px; font-size: 12px; color: #fff; background-color: #e74c3c; box-shadow: 0 8px 20px 0 rgba(0,0,0,0.1), 0 0 1px 0 rgba(0,0,0,0.2); } .referral .referral-form .wrap .form__bottom-item { padding-top: 16px; text-align: center; } .referral .referral-form .wrap .form__bottom-item button { box-shadow: 0 4px 6px 0 rgba(18,41,89,0.09); } @media (max-width: 769px) { .referral .referral-form .wrap .form__checkbox-item { padding-top: 0; } } .referral .referral-form .wrap .checkbox-field .checkbox-field__label { position: relative; } @media (max-width: 768px) { .referral .referral-form .wrap .checkbox-field .checkbox-field__label { font-size: 15px; line-height: normal; text-align: left; } } .referral .referral-form .wrap .checkbox-field .checkbox-field__check { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #585858; } @media (max-width: 768px) { .referral .referral-form .wrap .checkbox-field .checkbox-field__check { top: 1px; -webkit-transform: none; transform: none; } } .referral .referral-form .wrap .checkbox-field__label_default { margin-top: 0; max-width: 360px; font-size: 13px; font-weight: 300; line-height: normal; padding-left: 0; } .referral .referral-form .wrap .checkbox-field__link { line-height: normal; font-weight: 300; } .referral .referral-form .wrap .checkbox-field input:checked ~ .checkbox-field__label .checkbox-field__check { line-height: 16px; } .referral .button-container { padding-top: 36px; text-align: center; } .referral .form__placeholder { top: 19px; } .referral ._placeholder-on .form__placeholder { top: 0px; } .referral .screen h1, .referral .screen h2, .referral .screen h3, .referral .screen h4, .referral .screen h5 { color: #1b1b1b; } @media (max-width: 768px) { .referral h2 { font-size: 32px; } } .request__title { text-align: center; color: #424242; font-size: 24px; font-weight: 300; line-height: 1.333em; margin: 0 0 50px; } @media (max-width: 767px) { .request__title { font-size: 2.4rem; margin: 0 0 3rem; } } .request ._button { margin: auto; } .sales__content { width: 100%; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; } @media (max-width: 767px) { .sales__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } } .sales__item { width: 210px; text-align: center; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-grid-row-align: auto; align-self: auto; } @media (max-width: 767px) { .sales__item { width: 28rem; margin-bottom: 5rem; } .sales__item:last-child { margin-bottom: 0; } } .sales__icon { margin-bottom: 25px; } .sales__icon svg { width: 50px; height: 50px; } @media (max-width: 767px) { .sales__icon { margin-bottom: 2rem; } .sales__icon svg { width: 5rem; height: 5rem; } } ._groups-page .sales h2, ._groups-page .sales h5 { display: none; } @media (max-width: 767px) { .sales .controls { display: none; } } .section-sberbank-promo { color: #000; background-color: #fff8ec; } .section-sberbank-promo__title { margin: 0; color: #000; font-size: 24px; line-height: 1.29; min-width: 300px; padding: 2rem 0; font-weight: 400; letter-spacing: -0.2px; } .section-sberbank-promo__content { position: relative; max-width: 1024px; margin: auto; padding: 6rem 3rem 8rem 3rem; } @media (max-width: 767px) { .section-sberbank-promo__content { padding: 3rem 1rem; } } .section-sberbank-promo__image { float: right; margin-top: 7rem; margin-left: 3rem; } @media (max-width: 767px) { .section-sberbank-promo__image { float: none; text-align: center; margin-right: 3rem; } } .section-sberbank-promo__image img { max-width: 300px; width: 100%; } .section-sberbank-promo__text { padding: 2rem 0; font-size: 15px; line-height: 1.33; } .section-sberbank-promo__button { padding: 2rem 0; font-size: 18px; color: #fff; } @media (max-width: 767px) { .section-sberbank-promo__button { text-align: center; } } .section-sberbank-promo__button .button { margin: 0; } .section-sberbank-promo__additional { font-size: 13px; line-height: 1.69; color: #a8a8a8; } @media (max-width: 767px) { .section-sberbank-promo__additional { text-align: center; } } .talks-about-us { display: block; background-color: #f9f9f9; font-family: 'Roboto', sans-serif; font-display: swap; padding: 70px 0 70px 0; } @media (max-width: 767px) { .talks-about-us { padding: 10px 0 50px 0; background-color: #faf9f9; } } .talks-about-us__title { text-align: center; color: #000; padding: 0 0 60px 0; margin: 0; } @media (max-width: 767px) { .talks-about-us__title { padding: 7rem 0 5rem 0; } } @media (max-width: 500px) { .talks-about-us__title { font-size: 30px; } } .talks-about-us__list { margin: auto; max-width: 1004px; padding: 0 30px 60px; box-sizing: content-box; } @media (max-width: 767px) { .talks-about-us__list { padding: 0 40px 40px; } } .talks-about-us__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center; font-size: 15px; font-weight: 300; line-height: 20px; padding: 0; color: #454545; } @media (max-width: 1280px) { .talks-about-us__item { min-width: 264px; } } @media (max-width: 1024px) { .talks-about-us__item { min-width: 230px; } } @media (max-width: 767px) { .talks-about-us__item { min-height: 290px; min-width: 303px; border-radius: 4px; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.21); } } @media (max-width: 500px) { .talks-about-us__item { min-width: 270px; min-height: 310px; } } .talks-about-us__logo { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 25px 0 16px; height: 70px; } .talks-about-us__desc { padding: 0 22px 22px; } .talks-about-us .swiper-button-prev, .talks-about-us .swiper-button-next { background-image: none; display: inline-block; border: 2px solid #888; border-bottom: 0; width: 30px; height: 30px; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .talks-about-us .swiper-button-prev { border-right: 0; left: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 767px) { .talks-about-us .swiper-button-prev { display: none; } } .talks-about-us .swiper-button-next { border-left: 0; right: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 767px) { .talks-about-us .swiper-button-next { display: none; } } .teaser__logo { margin-top: 66px; display: inline-block; } .teaser__title { color: #fff; font-size: 34px; font-weight: normal; line-height: 48px; letter-spacing: -0.2px; margin: auto; width: 90%; font-family: "Open Sans Regular"; font-display: swap; } ._registration .teaser__title { margin-bottom: 10px; } @media (max-width: 767px) { .teaser__title { font-size: 2.8rem; line-height: 3.6rem; letter-spacing: -0.016rem; } } .v2 .teaser__title { width: auto; } .teaser__button { width: 252px; height: 48px; border-radius: 4px; border: solid 1px #fff; margin: 83px auto 0; font-family: 'Roboto', sans-serif; font-display: swap; font-size: 17px; vertical-align: middle; text-align: center; color: #fff; cursor: pointer; padding: 15px; line-height: 16px; } @media (max-width: 767px) { .teaser__button { margin-top: 44px; } } .teaser__button__size_small { border: none; font-size: 15px; margin-top: 12px; } .teaser__button .video-icon { width: 18px; vertical-align: middle; display: inline-block; margin-right: 6px; height: 20px; } .teaser__button .video-icon__size_small { height: 18px; } .teaser__button .video-icon svg { width: 18px; height: 16px; } .teaser__button .text { display: inline-block; } .v2 .teaser__button { margin: auto; } .v2 .teaser-cashless .formV2.form .form__controls { text-align: left; } @media (max-width: 500px) { .v2 .teaser-cashless .formV2.form .form__controls_button { padding: 0; } .v2 .teaser-cashless .formV2.form .form__controls_checkbox { padding: 2rem 0 0; } } .teaser-cashless.teaser-corporate .teaser-cashless__subtitle { text-align: left; line-height: 22px; font-size: 15px; } .teaser-cashless.teaser-corporate .teaser-corporate__title { text-align: left; line-height: 38px; font-size: 32px; margin: 20px 0 0 0; } @media (max-width: 500px) { .teaser-cashless.teaser-corporate .teaser-corporate__title { line-height: 34px; font-size: 24px; font-weight: 300; } } @media (max-width: 767px) { .teaser-cashless.teaser-corporate .teaser-corporate__text_bold { text-align: left; line-height: 22px; font-size: 18px; margin: 0; } .teaser-cashless.teaser-corporate .teaser-corporate__text_bold .text_bold { margin-left: 30px; font-weight: 500; } .teaser-cashless.teaser-corporate .teaser-corporate__text_bold .teaser-corporate__arrow { display: block; } } .teaser-cashless__subtitle { line-height: 22px; font-size: 16px; font-weight: 400; color: #fff; } .teaser-cashless .cashless-video { position: absolute; display: block; right: 0; top: 168px; width: 600px; height: 512px; z-index: 1; cursor: pointer; } .teaser-cashless .cashless-video ._bg-cashless { position: relative; width: 100%; height: 100%; background-image: url("https://static.onetwotrip.com/images/b2b/cashless/cashless-illustration.png"); background-repeat: no-repeat; background-size: 100%; } .teaser-cashless .cashless-video ._bg-cashless .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-80%); transform: translateY(-80%); } @media (max-width: 1400px) { .teaser-cashless .cashless-video { right: -100px; } } @media (max-width: 1200px) { .teaser-cashless .cashless-video { right: -200px; } } @media (max-width: 1100px) { .teaser-cashless .cashless-video { display: none; } } .teaser-corporate { text-align: left; position: relative; height: 820px; margin: auto; padding: 190px 0 80px 0; color: #fff; width: 100%; background-size: cover; background-position-x: 50%; } @media (max-width: 767px) { .teaser-corporate { padding: 13rem 1.5rem 3rem 1.5rem; height: auto; } } .teaser-corporate__content { position: relative; max-width: 1280px; margin: auto; padding-left: 88px; padding-right: 480px; text-align: left; z-index: 2; } ._layout-fill-v2 .teaser-corporate__content { padding: 2rem; max-width: 1280px; } @media (max-width: 767px) { ._layout-fill-v2 .teaser-corporate__content { padding: 2rem 0; text-align: center; } ._layout-fill-v2 .teaser-corporate__content .form__field { text-align: left; } } @media (max-width: 767px) { .teaser-corporate__content_wrap { display: inline-block; margin: auto; padding-top: 5rem; } } @media (max-width: 1280px) { .teaser-corporate__content { margin: 0; max-width: 780px; padding-right: 1rem; } ._bg-oval .teaser-corporate__content { max-width: 100%; padding-right: 0; width: 850px; } } @media (max-width: 1024px) { ._bg-oval .teaser-corporate__content { width: 770px; padding-right: 0; } } @media (max-width: 767px) { .teaser-corporate__content { width: 100%; text-align: center; padding: 0 1.25rem; } ._bg-oval .teaser-corporate__content { width: 100%; height: 49rem; margin: 0; padding-right: 0; padding-left: 0; } ._layout-fill-v2 .teaser-corporate__content { text-align: center; } } .teaser-corporate__title { font-family: 'Roboto', sans-serif; font-display: swap; font-size: 4.4rem; font-weight: 300; line-height: 1; } @media (max-width: 767px) { .teaser-corporate__title { font-size: 3.2rem; } } .teaser-corporate__text { padding-top: 32px; letter-spacing: 0.09rem; font-size: 1.8rem; } @media (max-width: 767px) { .teaser-corporate__text { padding-left: 0; letter-spacing: normal; font-size: 1.5rem; } } ._layout-fill-v2 .teaser-corporate__text { font-size: 2.2rem; font-weight: 300; } .teaser-corporate__arrow { float: left; display: block; margin-right: 1rem; font-weight: bold; font-size: 1.7rem; } @media (max-width: 767px) { .teaser-corporate__arrow { display: none; } } .teaser-corporate__controls { display: inline-block; margin-top: 38px; margin-left: 1rem; } @media (max-width: 767px) { .teaser-corporate__controls { display: block; margin-left: 0; } } .teaser-corporate__controls_text label, .teaser-corporate__controls_checkbox label { color: #343434; } .teaser-corporate__controls_text label, .teaser-corporate__controls_checkbox label { color: #343434; } .teaser-corporate__controls .controls .button { width: 276px; } @media (max-width: 767px) { .teaser-corporate__controls .controls .button { margin: auto; position: relative; top: -6rem; } ._bg-square .teaser-corporate__controls .controls .button { width: 100%; } } .teaser-corporate__controls .links { text-align: center; padding: 1.5rem 0; } .teaser-corporate__controls .links a { padding: 1.5rem 0; color: #fff; opacity: 0.5; font-size: 1.7rem; text-decoration: underline; } ._layout-fill-v2 .teaser-corporate__controls .links a { opacity: 1; font-size: 2.2rem; font-weight: 300; width: 300px; display: inline-block; text-decoration: none; border-radius: 4px; border: 1px solid currentColor; } @media (max-width: 767px) { ._layout-fill-v2 .teaser-corporate__controls .links a { width: 100%; } } ._layout-fill .teaser-corporate__controls .controls .button { width: 358px; } @media (max-width: 767px) { ._layout-fill .teaser-corporate__controls .controls .button { width: 100%; } } .teaser-corporate__form { width: 470px; padding-top: 3.2rem; } @media (max-width: 767px) { .teaser-corporate__form { width: 100%; margin: auto; } } .teaser-corporate__form .select-dropdown__item { background-color: #fff; border: none; } .teaser-corporate__form .select-dropdown__item:hover { background-color: #eee; } .teaser-corporate__circles_bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(/assets/static/svg/circles-clear.982d106146b56babdc1dae3029a240b0.svg); background-position: top right; background-repeat: no-repeat; z-index: 1; } ._layout-fill .teaser-corporate__circles_bg, ._layout-fill-v2 .teaser-corporate__circles_bg { background-image: url(/assets/static/svg/circles.52f687c4aa694983eedb3ccc38560f86.svg); background-position: top center; } .teaser-corporate._layout-fill, .teaser-corporate._layout-fill-v2 { height: 100%; min-height: 800px; } @media (max-width: 767px) { .teaser-corporate._layout-fill, .teaser-corporate._layout-fill-v2 { padding: 0; margin: 0; width: 100%; } } .teaser-corporate._bg-oval:before { content: ''; position: absolute; background-image: -webkit-linear-gradient(336deg, #6dc0ef, #4d86d9); background-image: linear-gradient(114deg, #6dc0ef, #4d86d9); left: -22%; right: 0; top: -7%; bottom: 0; width: 134%; height: 840px; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; z-index: 1; } @media (max-width: 767px) { .teaser-corporate._bg-oval:before { height: auto; bottom: 10rem; width: 350%; border-bottom-left-radius: 30%; border-bottom-right-radius: 0; } } .teaser-corporate._bg-square { height: 820px; } @media (max-width: 767px) { .teaser-corporate._bg-square { height: auto; } } .teaser-corporate._bg-square._layout-fill, .teaser-corporate._bg-square._layout-fill-v2 { height: auto; } .teaser-corporate._bg-square._layout-fill:before, .teaser-corporate._bg-square._layout-fill-v2:before { position: fixed; } .teaser-corporate._bg-square:before { content: ''; position: absolute; background-image: -webkit-linear-gradient(336deg, #6dc0ef, #4d86d9); background-image: linear-gradient(114deg, #6dc0ef, #4d86d9); left: -22%; right: 0; top: -3.9%; bottom: 0; z-index: 1; } @media (max-width: 1280px) { .teaser-corporate._bg-oval:after { left: 575px; right: auto; } } @media (max-width: 1280px) { .teaser-corporate._bg-square:after { left: 575px; right: auto; } } @media (max-width: 767px) { .teaser-corporate._bg-square:after { display: none !important; } } .teaser-corporate._bg-laptop:after { content: ''; position: absolute; right: 0; top: 160px; width: 705px; height: 702px; background-image: url(/assets/static/png/laptop@2x.605bd9bc98851ef2f6e09bf26d671022.png); background-repeat: no-repeat; background-size: 100%; z-index: 1; } @media (max-width: 767px) { .teaser-corporate._bg-laptop:after { display: block; top: auto; left: 0; right: 0; bottom: 0; width: 100%; height: 170px; background-size: 238px 169px; background-position: center; background-image: url(/assets/static/png/laptop-mobile.8b795ceea5c09128d8ad2318696d49de.png); } } .teaser-corporate__col { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .teaser-corporate__col_left { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; margin-bottom: 2rem; } @media (max-width: 767px) { .teaser-corporate__col_left { padding: 4rem 2rem 2rem 2rem; } } .teaser-corporate__col_right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } @media (max-width: 1024px) { .teaser-corporate__col_right { min-width: 375px; margin-right: 25px; } } @media (max-width: 767px) { .teaser-corporate__col_right { min-width: 100%; } } .teaser-corporate__form_section .formV2.form { background: transparent; } ._layout-fill .teaser-corporate__form_section { display: none; } .teaser-corporate__form_section.opened { background-image: -webkit-linear-gradient(333deg, #6fbfef, #5189c9); background-image: linear-gradient(117deg, #6fbfef, #5189c9); position: absolute; z-index: 10; overflow: auto; top: 0; left: 0; right: 0; bottom: 0; display: block; } ._layout-fill-v2 .teaser-corporate__form_section { background-color: #fff; border-radius: 8px; width: 396px; padding: 2rem 2.5rem 0 2.5rem; color: #000; margin-left: auto; } @media (max-width: 767px) { ._layout-fill-v2 .teaser-corporate__form_section { border-radius: 0; margin: 0; width: 100%; } } ._layout-fill-v2 .teaser-corporate__form_section .formV2, ._layout-fill-v2 .teaser-corporate__form_section h1, ._layout-fill-v2 .teaser-corporate__form_section label { color: #000; } ._layout-fill-v2 .teaser-corporate__form_section .formV2, ._layout-fill-v2 .teaser-corporate__form_section h1, ._layout-fill-v2 .teaser-corporate__form_section form, ._layout-fill-v2 .teaser-corporate__form_section .button, ._layout-fill-v2 .teaser-corporate__form_section label { width: 100% !important; } ._layout-fill-v2 .teaser-corporate__form_section h1 { font-size: 2rem; padding: 1rem 3rem 2rem 3rem !important; } ._layout-fill-v2 .teaser-corporate__form_section .formV2 { padding: 0; } ._layout-fill-v2 .teaser-corporate__form_section .form__controls_checkbox { padding: 1rem 0 3rem 0; } ._layout-fill-v2 .teaser-corporate__form_section .form__controls_checkbox label { font-size: 1.4rem; font-weight: 300; line-height: 1; } ._layout-fill-v2 .teaser-corporate__form_section .form__controls_text label, ._layout-fill-v2 .teaser-corporate__form_section .form__controls_text a { text-align: center; padding-left: 0; font-size: 1.2rem; opacity: 0.59; color: #343434 !important; } .teaser-corporate__form_dialog { z-index: 10; height: 100%; min-height: 600px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; } .teaser-corporate__form_dialog_close { position: absolute; top: 5%; right: 5%; } .teaser-corporate__form_dialog_close svg { width: 48px; } @media (max-width: 767px) { .teaser-corporate__form_dialog_close { top: -3rem; } } .teaser-corporate__form_dialog_content { width: 100%; -webkit-align-self: center; -ms-grid-row-align: center; align-self: center; } .teaser-corporate__form_dialog_content .form { background: transparent !important; } .teaser-docs-and-forms { position: relative; height: 750px; background-image: -webkit-radial-gradient(49% 50%, circle, #6dc0ef, #4d86d9 158%); background-image: radial-gradient(circle at 49% 50%, #6dc0ef, #4d86d9 158%); } @media (max-width: 500px) { .teaser-docs-and-forms { height: 620px; } } .teaser-docs-and-forms__content { padding: 162px 16px 0; text-align: center; } @media (max-width: 767px) { .teaser-docs-and-forms__content { padding: 140px 16px 0; } } .teaser-docs-and-forms__title { max-width: 700px; margin: 0 auto; font-size: 36px; line-height: 44px; } @media (max-width: 500px) { .teaser-docs-and-forms__title { line-height: 40px; font-size: 32px; } } .teaser-docs-and-forms__action-container { padding-top: 28px; } .teaser-docs-and-forms__action-container .button { width: 206px; } @media (max-width: 767px) { .teaser-docs-and-forms__action-container .button { width: 100%; max-width: 300px; margin: 0 auto; } } .teaser-docs-and-forms__image { position: absolute; bottom: -92px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .teaser-docs-and-forms__image { width: 90%; height: auto; } } @media (max-width: 500px) { .teaser-docs-and-forms__image { bottom: -45px; } } .teaser-ebook { height: 700px; padding: 100px 0 80px 0; box-sizing: border-box; background: -webkit-linear-gradient(296.57deg, #6dc0ef 0%, #4d86d9 100%); background: linear-gradient(153.43deg, #6dc0ef 0%, #4d86d9 100%); } @media (max-width: 1024px) { .teaser-ebook { height: 512px; padding-top: 190px; } } @media (max-width: 960px) { .teaser-ebook { padding-top: 150px; } } @media (max-width: 767px) { .teaser-ebook { padding-top: 170px; } } .teaser-ebook__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; max-width: 1200px; height: 100%; box-sizing: border-box; padding: 0 45px; margin: auto; } @media (max-width: 960px) { .teaser-ebook__wrapper { display: block; max-width: 100%; } } @media (max-width: 767px) { .teaser-ebook__wrapper { padding: 0 16px; } } .teaser-ebook__content { position: relative; z-index: 9; } @media (max-width: 960px) { .teaser-ebook__content { text-align: center; } } .teaser-ebook_bg { position: absolute; right: 0; bottom: 0; -webkit-transform: translateX(10%) translateY(15%); transform: translateX(10%) translateY(15%); } @media (max-width: 1024px) { .teaser-ebook_bg { width: 700px; height: auto; -webkit-transform: translateX(-5%) translateY(20%); transform: translateX(-5%) translateY(20%); } } @media (max-width: 960px) { .teaser-ebook_bg { display: none; } } .teaser-ebook__tag { display: inline-block; padding: 2px 10px; background-color: rgba(33,33,33,0.2); border-radius: 12px; font-size: 16px; } @media (max-width: 960px) { .teaser-ebook__tag { margin: 0 auto; } } .teaser-ebook__title { margin: 10px 0 24px; max-width: 825px; line-height: 56px; font-size: 48px; font-weight: 500; } @media (max-width: 1024px) { .teaser-ebook__title { line-height: 52px; font-size: 44px; } } @media (max-width: 960px) { .teaser-ebook__title { max-width: 690px; margin: 10px auto 24px; text-align: center; } } @media (max-width: 767px) { .teaser-ebook__title { line-height: 40px; font-size: 34px; } } .teaser-ebook__file { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 960px) { .teaser-ebook__file { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } } .teaser-ebook__file-icon { width: 38px; height: 40px; } .teaser-ebook__file-size { display: inline-block; padding-left: 16px; font-size: 16px; } .teaser-ebook__controls { text-align: left; margin-top: 32px; } @media (max-width: 960px) { .teaser-ebook__controls { text-align: center; } } .teaser-ebook__controls .button { width: 255px; } @media (max-width: 1024px) { .teaser-ebook__controls .button { width: 210px; } } @media (max-width: 767px) { .teaser-ebook__controls .button { width: 288px; } } .teaser-gifts { text-align: left; position: relative; height: 820px; overflow: hidden; margin: auto; padding: 190px 80px 80px 80px; color: #fff; width: 100%; background-size: cover; background-position-x: 50%; } .teaser-gifts:before { content: ''; position: absolute; background-image: -webkit-linear-gradient(336deg, #6dc0ef, #4d86d9); background-image: linear-gradient(114deg, #6dc0ef, #4d86d9); background-image: url(/assets/static/svg/header-bg.864d26df1d464bcc54d2df12819e4cf4.svg); background-size: cover; left: -22%; right: 0; top: -3.9%; bottom: 0; z-index: 1; } @media (max-width: 1280px) { .teaser-gifts { overflow: none; height: auto; } } @media (max-width: 767px) { .teaser-gifts { padding: 13rem 0 3rem 0; height: auto; } } .teaser-gifts__wrapper { max-width: 1280px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; } @media (max-width: 1280px) { .teaser-gifts__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } .teaser-gifts__wrapper .form_bay-as-nonlegal { margin: 0 0 20px 10px; } .teaser-gifts__wrapper .form_bay-as-nonlegal::after { display: inline-block; content: ''; height: 10px; width: 8px; margin-left: 5px; background-image: url(/assets/static/svg/arrow-right-white.1e5c835e26853ebddebfb8b26b759fd9.svg); background-size: contain; background-repeat: no-repeat; } @media (max-width: 1280px) { .teaser-gifts__wrapper .form_bay-as-nonlegal { margin: 0 0 20px 0; } } .teaser-gifts__preview { z-index: 1; max-width: 543px; } @media (max-width: 1280px) { .teaser-gifts__preview { max-width: 100%; } } .teaser-gifts__preview .teaser-gifts__card { width: 450px; margin: 64px auto 16px; display: block; } @media (max-width: 1280px) { .teaser-gifts__preview .teaser-gifts__card { max-width: 100%; margin: 10px auto 16px; } } @media (max-width: 767px) { .teaser-gifts__preview .teaser-gifts__card { padding: 0 5%; } } .teaser-gifts__preview .teaser-gifts__targets { width: 450px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } @media (max-width: 1280px) { .teaser-gifts__preview .teaser-gifts__targets { max-width: 100%; } } @media (max-width: 767px) { .teaser-gifts__preview .teaser-gifts__targets { padding: 0 5%; } } .teaser-gifts__preview .teaser-gifts__targets .teaser-gifts__target { padding: 7px 11px; margin: 4px 2px; border-radius: 30px; background: rgba(255,255,255,0.15); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .teaser-gifts__preview .teaser-gifts__targets .teaser-gifts__target-text { font-size: 12px; letter-spacing: -0.02em; } .teaser-gifts__preview .teaser-gifts__targets .teaser-gifts__target-icon { margin-right: 4px; max-width: 16px; } .teaser-gifts__content { text-align: left; z-index: 1; max-width: 649px; } ._layout-fill-v2 .teaser-gifts__content { padding: 2rem; max-width: 1280px; } @media (max-width: 767px) { ._layout-fill-v2 .teaser-gifts__content { padding: 2rem 0; text-align: center; } ._layout-fill-v2 .teaser-gifts__content .form__field { text-align: left; } } @media (max-width: 767px) { .teaser-gifts__content_wrap { display: inline-block; margin: auto; padding-top: 5rem; } } @media (max-width: 1280px) { .teaser-gifts__content { max-width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } } @media (max-width: 767px) { .teaser-gifts__content { width: 100%; text-align: center; padding: 0 1.25rem; } ._bg-oval .teaser-gifts__content { width: 100%; height: 49rem; margin: 0; padding-right: 0; padding-left: 0; } ._layout-fill-v2 .teaser-gifts__content { text-align: center; } } .teaser-gifts__content .form_bay-as-nonlegal { font-size: 15px; font-weight: 500; color: #fff; } @media (max-width: 360px) { .teaser-gifts__content .form_bay-as-nonlegal { font-size: 14px; } } .teaser-gifts__title { font-family: 'Roboto', sans-serif; font-display: swap; font-size: 42px; font-weight: 300; } @media (max-width: 767px) { .teaser-gifts__title { font-size: 38px; line-height: 42px; } } .teaser-gifts__text { padding-top: 28px; padding-left: 0.5rem; letter-spacing: 0.09rem; font-size: 18px; } @media (max-width: 767px) { .teaser-gifts__text { padding: 28px 30px 0; letter-spacing: normal; font-size: 16px; } } ._layout-fill-v2 .teaser-gifts__text { font-size: 2.2rem; font-weight: 300; } .teaser-gifts__text br { display: none; } .teaser-gifts__text_bold { font-weight: bold; letter-spacing: normal; } @media (max-width: 767px) { .teaser-gifts__text_bold { position: relative; margin: auto; } ._bg-oval .teaser-gifts__text_bold { top: 10rem; } } .teaser-gifts__arrow { float: left; display: block; margin-right: 1rem; font-weight: bold; font-size: 1.7rem; } @media (max-width: 767px) { .teaser-gifts__arrow { display: none; } } .teaser-gifts__controls { display: inline-block; margin-top: 38px; margin-left: 1rem; } @media (max-width: 767px) { .teaser-gifts__controls { display: block; margin-left: 0; } } .teaser-gifts__controls_text label, .teaser-gifts__controls_checkbox label { color: #343434; } .teaser-gifts__controls_text label, .teaser-gifts__controls_checkbox label { color: #343434; } .teaser-gifts__controls .controls .button { width: 276px; } @media (max-width: 767px) { .teaser-gifts__controls .controls .button { margin: auto; position: relative; top: -6rem; } ._bg-square .teaser-gifts__controls .controls .button { width: 100%; } } .teaser-gifts__controls .links { text-align: center; padding: 1.5rem 0; } .teaser-gifts__controls .links a { padding: 1.5rem 0; color: #fff; opacity: 0.5; font-size: 1.7rem; text-decoration: underline; } ._layout-fill-v2 .teaser-gifts__controls .links a { opacity: 1; font-size: 2.2rem; font-weight: 300; width: 300px; display: inline-block; text-decoration: none; border-radius: 4px; border: 1px solid currentColor; } @media (max-width: 767px) { ._layout-fill-v2 .teaser-gifts__controls .links a { width: 100%; } } ._layout-fill .teaser-gifts__controls .controls .button { width: 358px; } @media (max-width: 767px) { ._layout-fill .teaser-gifts__controls .controls .button { width: 100%; } } .teaser-gifts__form { width: 470px; padding-top: 4rem; } @media (max-width: 767px) { .teaser-gifts__form { width: 100%; margin: auto; } } .teaser-gifts__circles_bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(/assets/static/svg/circles-clear.982d106146b56babdc1dae3029a240b0.svg); background-position: top right; background-repeat: no-repeat; z-index: 1; } ._layout-fill .teaser-gifts__circles_bg, ._layout-fill-v2 .teaser-gifts__circles_bg { background-image: url(/assets/static/svg/circles.52f687c4aa694983eedb3ccc38560f86.svg); background-position: top center; } .teaser-gifts._layout-fill, .teaser-gifts._layout-fill-v2 { height: 100%; min-height: 800px; } @media (max-width: 767px) { .teaser-gifts._layout-fill, .teaser-gifts._layout-fill-v2 { padding: 0; margin: 0; width: 100%; } } .teaser.groups { position: relative; height: auto; width: 100%; overflow: hidden; margin: auto; padding: 160px 0 0; color: #fff; background-size: cover; background-position-x: 50%; } @media (max-width: 767px) { .teaser.groups { padding: 13rem 1.5rem 3rem; height: auto; } } .teaser.groups._bg-laptop:before { content: ""; position: absolute; background-image: -webkit-linear-gradient(336deg, #6dc0ef, #4d86d9); background-image: linear-gradient(114deg, #6dc0ef, #4d86d9); left: -22%; right: 0; top: -3.9%; bottom: 0; z-index: 1; } .teaser.groups._bg-laptop:after { content: ""; position: absolute; right: 0; bottom: 0; width: 735px; height: 586px; background-image: url(/assets/static/svg/groups-teaser.69c356ffbc76adeb24e3a469dbdd491b.svg); background-repeat: no-repeat; background-size: 100%; z-index: 1; } @media (max-width: 1280px) { .teaser.groups._bg-laptop:after { left: 575px; right: auto; } } @media (max-width: 767px) { .teaser.groups._bg-laptop:after { display: none; } } .teaser.groups .content { position: relative; max-width: 1280px; z-index: 1; margin: auto; padding: 0 480px 0 88px; text-align: left; } @media (max-width: 1280px) { .teaser.groups .content { margin: 0; max-width: 780px; padding-right: 1rem; } } @media (max-width: 767px) { .teaser.groups .content { width: 100%; padding: 0 1.25rem; text-align: center; } } .teaser.groups .title { font-size: 34px; letter-spacing: -0.2px; line-height: normal; font-weight: 400; font-family: 'Roboto', sans-serif; font-display: swap; } .teaser.groups .text { padding: 20px 0 0 0.5rem; font-size: 18px; line-height: 1.22; } @media (max-width: 767px) { .teaser.groups .text { padding-left: 0; font-size: 1.5rem; } .teaser.groups .text br { display: none; } } .teaser.groups .text--bold { font-weight: 700; } @media (max-width: 767px) { .teaser.groups .text--bold { position: relative; width: 60%; margin: auto; font-size: 1.2rem; font-weight: 400; } } .teaser.groups .arrow { float: left; height: 40px; margin-right: 1rem; font-weight: 700; font-size: 18px; } @media (max-width: 767px) { .teaser.groups .arrow { display: none; } } .teaser.groups .teaser-groups__form { width: 473px; padding-top: 4rem; } @media (max-width: 767px) { .teaser.groups .teaser-groups__form { width: 100%; margin: auto; } } .teaser-mice { text-align: left; position: relative; margin: auto; padding: 128px 0 0; color: #fff; width: 100%; background: -webkit-linear-gradient(338deg, #6dc0ef, #4d86d9); background: linear-gradient(112deg, #6dc0ef, #4d86d9); font-family: Roboto, Atial, sans-serif; font-display: swap; } @media (max-width: 767px) { .teaser-mice { height: auto; padding: 80px 0 0; } } .teaser-mice__content { position: relative; max-width: 1280px; margin: auto; padding: 0 88px; } @media (max-width: 767px) { .teaser-mice__content { padding: 0 20px; } } .teaser-mice__content-container { position: relative; z-index: 2; } @media (max-width: 767px) { .teaser-mice__content-container { text-align: center; } } .teaser-mice__background { position: absolute; z-index: 1; bottom: 80px; right: 0; } @media (max-width: 1200px) { .teaser-mice__background { right: -120px; } } @media (max-width: 1024px) { .teaser-mice__background { display: none; } } .teaser-mice__title { padding-bottom: 8px; line-height: 44px; font-size: 44px; font-weight: 300; } @media (max-width: 767px) { .teaser-mice__title { padding-bottom: 0; line-height: 48px; font-size: 38px; } } .teaser-mice__text { padding-top: 20px; line-height: 26px; font-size: 20px; } .teaser-mice__form { width: 470px; padding-top: 32px; } @media (max-width: 767px) { .teaser-mice__form { width: 100%; margin: auto; } } .teaser-modulbank .title__newline--adaptive { display: none; } @media (max-width: 1280px) { .teaser-modulbank .title__newline--adaptive { display: inline-block; } } .teaser-modulbank .teaser-corporate__text br { display: block; } @media (max-width: 767px) { .teaser-modulbank .teaser-corporate__text br { display: none; } } .teaser-modulbank__image-container { padding: 32px 0 0; overflow: hidden; display: none; } @media (max-width: 1024px) { .teaser-modulbank__image-container { display: block; overflow: visible; } } .teaser-modulbank__image-wrapper { position: relative; display: inline-block; } .teaser-modulbank__image { height: 251px; width: auto; } .teaser-modulbank__image--adaptive { display: none; width: 318px; height: 248px; } @media (max-width: 767px) { .teaser-modulbank__image--adaptive { margin: auto; } } @media (max-width: 350px) { .teaser-modulbank__image--adaptive { margin-left: -10px; } } @media (max-width: 325px) { .teaser-modulbank__image--adaptive { margin-left: -25px; } } @media (max-width: 1024px) { .teaser-modulbank__image { display: none; } .teaser-modulbank__image--adaptive { display: block; } } .teaser-modulbank__link { z-index: 1000; position: absolute; right: 25px; bottom: 48px; -webkit-transform: translateY(-55%); transform: translateY(-55%); } @media (max-width: 1280px) { .teaser-modulbank__link { left: 117px; bottom: 5px; } } .teaser-modulbank .teaser-link__text { text-decoration: underline; font-size: 12px; color: rgba(255,255,255,0.7); } @media (max-width: 1024px) { .teaser-modulbank .teaser-link__text { font-size: 10px; } } .teaser-modulbank .image__link { position: absolute; bottom: -5px; left: 30px; } @media (max-width: 350px) { .teaser-modulbank .image__link { left: 5px; } } .teaser-modulbank__background-container { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); z-index: 2; } @media (max-width: 1024px) { .teaser-modulbank__background-container { display: none; } } .teaser-modulbank__background { position: relative; width: 591px; height: 418px; background-image: url("https://static.onetwotrip.com/images/b2b/modulbank/modulbank-summer-teaser-web.png"); background-repeat: no-repeat; background-size: 100%; } .teaser-modulbank._bg-square { height: auto; } .teaser-modulbank._bg-modulbank:before { content: ""; position: absolute; background-image: -webkit-linear-gradient(336deg, #6dc0ef, #4d86d9); background-image: linear-gradient(114deg, #6dc0ef, #4d86d9); left: -22%; right: 0; top: -3.9%; bottom: 0; z-index: 1; } .teaser.referral .content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: top; -webkit-align-items: top; align-items: top; max-width: 1280px; margin: 0 auto; font-family: 'Roboto', sans-serif; } @media (max-width: 1280px) { .teaser.referral .content { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } } @media (max-width: 767px) { .teaser.referral .content { margin-left: 0; } } .teaser.referral .teaser__title { text-align: left; font-size: 42px; font-weight: 300; line-height: 1; letter-spacing: 0; font-family: 'Roboto', sans-serif; margin-bottom: 28px; } @media (max-width: 767px) { .teaser.referral .teaser__title { font-size: 30px; line-height: 42px; text-align: center; } } .teaser.referral .teaser__subtitle { max-width: 550px; font-size: 18px; text-align: left; color: #fff; } @media (max-width: 767px) { .teaser.referral .teaser__subtitle { font-size: 14px; line-height: 20px; text-align: center; margin: 0 auto; } } .teaser.referral .teaser__rules { text-align: center; margin-top: auto; color: #fff; font-size: 15px; } @media (max-width: 767px) { .teaser.referral .teaser__rules { padding-top: 25px; text-align: center; } } .teaser.referral .teaser__rules .rules__link { color: #fff; opacity: 0.84; text-decoration: none; } .teaser.referral .teaser__left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 20px 0; } @media (max-width: 767px) { .teaser.referral .teaser__left { width: 100%; } } .teaser.referral .teaser__controls { width: 470px; text-align: left; } @media (max-width: 767px) { .teaser.referral .teaser__controls { width: 100%; text-align: center; margin: 0 auto; } } .teaser.referral .button { width: 470px; line-height: 44px; font-size: 18px; box-shadow: 0 4px 6px 0 rgba(18,41,89,0.09); box-sizing: border-box; margin-bottom: 16px; } @media (max-width: 767px) { .teaser.referral .button { width: 320px; line-height: 44px; } } .teaser.referral .teaser__right { width: 548px; height: 500px; position: absolute; right: 0; background-image: url("https://static.onetwotrip.com/images/b2b/referral/laptop_person_1@2x.png"), url("https://static.onetwotrip.com/images/b2b/referral/laptop_person_2@2x.png"), url("https://static.onetwotrip.com/images/b2b/referral/laptop@2x.png"); background-repeat: no-repeat; background-size: 140px, 140px, 548px; background-position: 21px 0px, 31px 165px, 0px 0px; z-index: 1; } @media (max-width: 1280px) { .teaser.referral .teaser__right { display: none; } } .teaser.referral .teaser__text_bold { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; font-size: 18px; color: #fff; font-weight: 700; line-height: 22px; padding-top: 28px; margin-bottom: 40px; } @media (max-width: 767px) { .teaser.referral .teaser__text_bold { font-size: 14px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } } .teaser.referral .teaser__desc { text-align: left; } @media (max-width: 767px) { .teaser.referral .teaser__desc { text-align: center; } } .teaser.referral .teaser__arrow { margin-right: 18px; } @media (max-width: 767px) { .teaser.referral .teaser__arrow { display: none; } } .teaser.referral .teaser__laptop_img { position: absolute; right: 0; } .teaser-whitetravel { min-height: 709px; overflow: hidden; background-image: url(/assets/static/jpg/wt-teaser-background.6c6beb65a51c9d786657c3713ec71546.jpg); background-color: #2d2d2d; background-size: cover; background-position: top center; } @media (max-width: 767px) { .teaser-whitetravel { height: 732px; min-height: auto; overflow: visible; background-image: url(/assets/static/jpg/wt-teaser-background-mobile.ce6075768556e2c8b5a31738620194ee.jpg); background-position: 40% 50%; } } .teaser-whitetravel__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 16px 97px; } @media (max-width: 767px) { .teaser-whitetravel__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } .teaser-whitetravel__content .content__text { position: relative; z-index: 2; padding: 72px 32px 0 0; } @media (max-width: 767px) { .teaser-whitetravel__content .content__text { padding: 32px 0 0 0; } } .teaser-whitetravel__content .content__text .text__corp { padding-bottom: 18px; font-size: 18px; font-weight: 500; color: #f8c80a; } @media (max-width: 767px) { .teaser-whitetravel__content .content__text .text__corp { text-align: center; padding-bottom: 10px; } } .teaser-whitetravel__content .content__text .text__title { max-width: 470px; padding-bottom: 34px; margin: 0; font-size: 40px; font-weight: bold; color: #fff; } @media (max-width: 767px) { .teaser-whitetravel__content .content__text .text__title { max-width: 100%; padding-bottom: 14px; text-align: center; line-height: 28px; font-size: 24px; } } .teaser-whitetravel__content .content__text .text__subtitle { max-width: 410px; opacity: 0.8; font-size: 18px; line-height: 28px; color: #fff; } @media (max-width: 767px) { .teaser-whitetravel__content .content__text .text__subtitle { max-width: 100%; text-align: center; line-height: 22px; font-size: 16px; } } .teaser-whitetravel__content .content__form-container { position: relative; } @media (max-width: 767px) { .teaser-whitetravel__content .content__form-container { padding-top: 32px; } } .teaser-whitetravel__content .content__form-container .form-container__background { position: absolute; z-index: 1; top: 28px; width: 513px; height: 410px; left: 42%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .teaser-whitetravel__content .content__form-container .form-container__background { top: 80px; left: 50%; } } .teaser-whitetravel__content .content__form-container .form-content { position: relative; z-index: 2; width: 330px; min-height: 466px; padding: 32px 36px; border-radius: 8px; background-color: #fff; } @media (max-width: 767px) { .teaser-whitetravel__content .content__form-container .form-content { margin: 0 auto; } } @media (max-width: 500px) { .teaser-whitetravel__content .content__form-container .form-content { width: 100%; height: auto; } } .teaser-whitetravel__content .content__form-container .form-content__title { line-height: 22px; font-size: 16px; font-weight: bold; color: #413538; } .teaser-whitetravel .form-content__wrapper { position: relative; } .teaser { height: 560px; width: 100%; background-size: cover; background-position-x: 50%; text-align: center; padding: 35px 0 0; } @media (max-width: 767px) { .teaser { padding: 13rem 1.25rem; } } @media (max-width: 767px) { .teaser { height: 48.9rem; } } .teaser._first { background-image: url(/assets/static/jpg/teaser-first@x2.4bb2d3799fcc2d868e953920ad2dbaf7.jpg); padding: 257px 0 0; } @media (max-width: 767px) { .teaser._first { height: 53rem; padding: 22.2rem 1.25rem; } } .teaser.referral { height: 600px; background-image: url("https://static.onetwotrip.com/images/b2b/referral/header.png"); background-color: #5ca0e3; padding: 150px 90px 0; } @media (max-width: 767px) { .teaser.referral { padding: 100px 25px 0; } } .teaser._agents { background-image: url(/assets/static/jpg/teaser-agents@x2.427512237255f326e866d518140b1a3a.jpg); padding: 280px 0 0; } @media (max-width: 767px) { .teaser._agents { padding: 22.2rem 1.25rem; background-image: url(/assets/static/jpg/teaser-agents-mobile@x2.240a4fb295c4587f5b401b2e023de603.jpg); } } .teaser._groups { background-image: url(/assets/static/jpg/teaser-groups@x2.b6172b918331a182770f6a6898a933a7.jpg); padding: 257px 0 0; } @media (max-width: 767px) { .teaser._groups { padding: 22.2rem 1.25rem; background-image: url(/assets/static/jpg/teaser-groups@x2.b6172b918331a182770f6a6898a933a7.jpg); } } .teaser._registration { padding: 140px 0 0; height: auto; } @media (max-width: 767px) { .teaser._registration { padding: 12.2rem 1.25rem 0; } } .teaser._registration .link { color: #a1deff; } .teaser__blocks { width: 100%; max-width: 920px; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; } @media (max-width: 767px) { .teaser__blocks { display: block; } } .teaser__block { width: 280px; text-align: center; } @media (max-width: 767px) { .teaser__block { width: 100%; padding: 0 2rem; margin-bottom: 5rem; } } .teaser__text { color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.429em; } @media (max-width: 767px) { .teaser__text { font-size: 1.4rem; } } .teaser__registration-text { max-width: 500px; margin: 0 auto 60px; color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.429em; } @media (max-width: 767px) { .teaser__registration-text { font-size: 1.4rem; width: 100%; } } .teaser__icon { margin-bottom: 20px; } .teaser__icon svg { width: 40px; height: 47px; } @media (max-width: 767px) { .teaser__icon { margin-bottom: 2.5rem; } .teaser__icon svg:not(._groups .teaser__icon svg) { width: 6.4rem; height: 6.4rem; } } .verticals { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; color: #1b1b1b; padding: 72px 16px 54px; } @media (max-width: 767px) { .verticals { padding: 45px 16px; } } .verticals__title { font-size: 42px; font-weight: 300; max-width: 450px; margin-right: 25px; line-height: 1.15; } @media (max-width: 767px) { .verticals__title { font-size: 32px; margin-bottom: 35px; } } .verticals__items { max-width: 450px; } .verticals__item { display: -webkit-box; display: -webkit-flex; display: flex; color: #000; margin-bottom: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .verticals__item-title { font-size: 24px; font-weight: 500; margin-bottom: 0px; } .verticals__item-description { font-size: 15px; line-height: 1.33; min-height: 75px; } .verticals__item-icon { margin-right: 25px; margin-top: 7px; } .videoreview { padding: 90px 16px 30px; text-align: center; } .videoreview__title { padding-bottom: 36px; color: #000; } .videoreview__thumbnail { display: inline-block; } .thumbnail__background { width: 618px; height: 332px; margin: 0 auto; position: relative; background-image: url("https://static.onetwotrip.com/images/b2b/videoreview/video-thumbnail.png"); background-size: contain; cursor: pointer; } @media (max-width: 767px) { .thumbnail__background { width: 288px; height: 154px; } } .thumbnail__background .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-40%); transform: translateX(-50%) translateY(-40%); pointer-events: none; } @media (max-width: 767px) { .thumbnail__background .play { width: 98px; height: 62px; } } .wt-agency { padding: 120px 0; } @media (max-width: 767px) { .wt-agency { padding: 80px 0 100px; } } .wt-agency__title { margin: 0; text-align: center; line-height: normal; font-size: 32px; font-weight: bold; } @media (max-width: 767px) { .wt-agency__title { font-size: 24px; } } .wt-agency__items { padding-top: 60px; } .wt-agency__items .items__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 1024px) { .wt-agency__items .items__row { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } } @media (max-width: 767px) { .wt-agency__items .items__row { display: block; } } .wt-agency__items .items__row:first-child { padding-bottom: 44px; } @media (max-width: 767px) { .wt-agency__items .items__row:first-child { padding-bottom: 0; } } .wt-agency__items .row__item { -webkit-box-flex: 0; -webkit-flex: 0 0 340px; flex: 0 0 340px; display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .wt-agency__items .row__item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding-bottom: 32px; } } .wt-agency__items .row__item:first-child { margin-right: 16px; } @media (max-width: 767px) { .wt-agency__items .row__item:first-child { margin-right: 0; } } .wt-agency__items .item__image { -webkit-box-flex: 0; -webkit-flex: 0 0 60px; flex: 0 0 60px; width: 60px; height: 60px; margin-right: 16px; padding-top: 5px; } @media (max-width: 767px) { .wt-agency__items .item__image { padding-top: 0; margin-right: 0; } } .wt-agency__items .item__image svg { width: 100%; height: 100%; } @media (max-width: 767px) { .wt-agency__items .item__image svg { width: 42px; } } .wt-agency__items .item__text { color: #2d2d2d; } .wt-agency__items .item__text .text__title { font-size: 21px; font-weight: bold; } .wt-agency__items .item__text .text__description { padding-top: 12px; line-height: 22px; font-size: 16px; } .wt-bottom-form { padding: 100px 0 121px; background-color: #ffce0c; } .wt-bottom-form .form-content { max-width: 536px; padding: 32px 44px; margin: 0 auto; background-color: #fff; border-radius: 8px; } .wt-bottom-form .form-content__wrapper { position: relative; } @media (max-width: 767px) { .wt-bottom-form .form-content { padding: 24px 36px; } } .wt-bottom-form .form__controls_text { text-align: center; } .wt-bottom-form .form.form-wt .form__controls_checkbox .checkbox-field__label { line-height: 26px; } @media (max-width: 450px) { .wt-bottom-form .form.form-wt .form__controls_checkbox .checkbox-field__label { line-height: 14px; } } .wt-bottom-form__title, .wt-bottom-form__subtitle { margin: 0; text-align: center; } .wt-bottom-form__title { font-size: 32px; line-height: normal; font-weight: bold; } @media (max-width: 767px) { .wt-bottom-form__title { font-size: 24px; } } .wt-bottom-form__subtitle { padding-top: 16px; padding-bottom: 40px; line-height: 28px; font-size: 18px; } @media (max-width: 767px) { .wt-bottom-form__subtitle { font-size: 16px; line-height: 24px; } } .wt-convinient { background-color: #f7f7f7; color: #2d2d2d; padding: 120px 0; } @media (max-width: 767px) { .wt-convinient { padding: 52px 0 100px; } } .wt-convinient__title { margin: 0; text-align: center; font-size: 32px; line-height: normal; font-weight: bold; } @media (max-width: 767px) { .wt-convinient__title { font-size: 24px; } } .wt-convinient__items { position: relative; overflow: visible; padding-top: 60px; } .wt-convinient__items .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; } .wt-convinient__items .swiper-pagination { display: none; bottom: -30px; } @media (max-width: 1024px) { .wt-convinient__items .swiper-pagination { display: block; } } .wt-convinient .items__item { -webkit-box-flex: 0; -webkit-flex: 0 0 329px; flex: 0 0 329px; box-sizing: border-box; min-height: 522px; margin-right: 15px; padding: 52px 16px 52px 56px; border-radius: 8px; background-color: #fff; } .wt-convinient .items__item:last-child { margin-right: 0; } @media (max-width: 1024px) { .wt-convinient .items__item { -webkit-box-flex: 0; -webkit-flex: 0 0 440px; flex: 0 0 440px; min-height: 490px; } } @media (max-width: 767px) { .wt-convinient .items__item { -webkit-box-flex: 0; -webkit-flex: 0 0 288px; flex: 0 0 288px; height: auto; min-height: 522px; margin: 0 8px; } .wt-convinient .items__item:last-child { margin-right: 8px; } } .wt-convinient .item__title { padding-top: 20px; font-size: 21px; font-weight: bold; } .wt-convinient .item__image { width: 60px; height: 60px; } .wt-convinient .item__image svg { width: 100%; height: 100%; } .wt-convinient .list__list-item { padding-top: 24px; } .wt-convinient .list-item__title { position: relative; font-size: 16px; font-weight: bold; } .wt-convinient .list-item__text { padding-top: 4px; line-height: 22px; font-size: 14px; } .wt-convinient .list-item__icon { position: absolute; display: block; top: 2px; left: -32px; width: 19px; height: 14px; } .wt-convinient .list-item__icon svg { width: 100%; height: 100%; } .wt-planning { background-color: #ffca00; color: #2d2d2d; padding: 120px 0; } @media (max-width: 767px) { .wt-planning { padding: 195px 0 100px; } } @media (max-width: 340px) { .wt-planning { padding: 245px 0 100px; } } .wt-planning__title, .wt-planning__subtitle { margin: 0; text-align: center; } .wt-planning__title { font-size: 32px; line-height: normal; font-weight: bold; } @media (max-width: 767px) { .wt-planning__title { font-size: 24px; } } .wt-planning__subtitle { max-width: 680px; margin: 0 auto; padding-top: 16px; line-height: 28px; font-size: 18px; } @media (max-width: 767px) { .wt-planning__subtitle { font-size: 16px; line-height: 24px; } } .wt-planning__items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 60px; } @media (max-width: 1024px) { .wt-planning__items { -webkit-justify-content: space-around; justify-content: space-around; } } @media (max-width: 767px) { .wt-planning__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-top: 56px; } } .wt-planning .items__item { -webkit-box-flex: 0; -webkit-flex: 0 0 125px; flex: 0 0 125px; margin-right: 16px; } .wt-planning .items__item:last-child { margin-right: 0; } @media (max-width: 767px) { .wt-planning .items__item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 192px; margin: 0 auto; margin-bottom: 32px; } .wt-planning .items__item:last-child { margin-right: auto; } } .wt-planning .items__item .item__text { padding-top: 16px; text-align: center; font-size: 21px; font-weight: bold; } .wt-planning .items__item .item__image { display: block; width: auto; height: 120px; margin: auto; } .registration { background-color: #ffca00; } .registration__header, .registration-success__title { width: 100%; margin: 90px 0 0; line-height: normal; text-align: center; font-size: 32px; font-weight: bold; color: #2d2d2d; } @media (max-width: 767px) { .registration__header, .registration-success__title { margin: 40px 0 0; font-size: 24px; } } .registration__subheader, .registration-success__text { padding-top: 20px; opacity: 0.8; line-height: 22px; text-align: center; font-size: 16px; color: #2d2d2d; } .registration__form { padding: 40px 0 150px; } .registration .form-wt { padding: 8px 40px 40px; border-radius: 8px; box-shadow: 0 2px 6px 0 rgba(45,45,45,0.2); background-color: #fff; } @media (max-width: 767px) { .registration .form-wt { padding: 8px 36px 36px; } } .registration .form-wt .form__label { margin: 36px 0 8px; line-height: 22px; font-size: 16px; color: #413538; } .registration .form-wt .form__footer { padding-top: 7px; } .registration .form-wt .form__footer button { width: 100%; background-color: #2d2d2d; } .registration .form-wt .form__footer button:hover { background-color: #232323; } .registration .form-wt .form__agreement-text { max-width: 268px; opacity: 0.5; margin: 12px auto 0; line-height: normal; text-align: center; font-size: 11px; color: rgba(45,45,45,0.75); } .registration .form-wt .form__agreement-text .agreement-text__link { line-height: normal; font-size: 11px; text-decoration: underline; color: rgba(45,45,45,0.75); } .registration .form-wt .checkbox-field__label { line-height: 26px; font-size: 12px; color: #413538; } @media (max-width: 450px) { .registration .form-wt .checkbox-field__label { line-height: 14px; } } .registration .form-wt .checkbox-field__check { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 50%; border: 1px solid #d7d7d7; background-color: #fff; } .registration .form-wt .checkbox-field input:checked ~ .checkbox-field__label svg { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; } .who-needs { display: block; background-color: #fff; font-family: 'Roboto', sans-serif; font-display: swap; } .who-needs .swiper-slide { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 297px; } @media (max-width: 350px) { .who-needs .swiper-slide { min-width: 100%; } } .who-needs .swiper-pagination { display: none; } @media (max-width: 767px) { .who-needs .swiper-pagination { display: block; bottom: 30px; } } @media (max-width: 350px) { .who-needs .swiper-pagination { bottom: 10px; } } .who-needs__title { text-align: center; color: #000; padding: 7rem 0 3.5rem 0; } .who-needs__list { margin: auto; max-width: 1024px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 20px 40px 40px; margin-top: -20px; } @media (max-width: 767px) { .who-needs__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 7rem; } } @media (max-width: 350px) { .who-needs__list { padding: 0 0 40px; } } .who-needs__item { -webkit-box-flex: 0; -webkit-flex: 0; flex: 0; width: 297px; min-width: 297px; height: 524px; padding: 35px 20px; border-radius: 10px; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.07); box-sizing: border-box; } @media (max-width: 350px) { .who-needs__item { height: auto; min-width: 100%; } } .who-needs__icon { margin: 0 25px; display: inline-block; } .who-needs__label { color: #000; font-size: 24px; font-weight: 500; line-height: 1; margin: 20px 25px; } .who-needs__text { display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.5; } .who-needs__point { margin-bottom: 1em; margin-left: 25px; } .who-needs__point::before { margin-left: -20px; margin-top: 5px; display: inline-block; position: absolute; content: ''; width: 12px; height: 9px; background-image: url(/assets/static/svg/list-check.71a0c8ab6f20b490ca03c63208929050.svg); background-size: contain; } .who-needs__controls { text-align: center; padding-bottom: 97px; } @media (max-width: 767px) { .who-needs__controls { padding-bottom: 70px; } } .who-needs__button { display: inline-block; padding: 17px 33px; border: solid 1px #699cff; border-radius: 4px; width: 90%; max-width: 358px; height: 56px; font-size: 1.6rem; color: #699cff; cursor: pointer; } @media (max-width: 767px) { .who-needs__button { height: auto; margin: auto; } } @media (max-width: 500px) { .who-needs__button { padding-left: 0; padding-right: 0; } } .who-needs__button_text { display: inline-block; line-height: 1.5; } .who-needs__button .video-icon { position: relative; width: 18px; vertical-align: middle; display: inline-block; margin-right: 6px; height: 20px; color: #699cff; fill: #699cff; } .who-needs__button .video-icon:before { position: absolute; content: ''; width: 18px; height: 18px; top: -0.1rem; left: 2rem; background-color: #699cff; border-top: 9px solid #fff; border-left: 18px solid #699cff; border-bottom: 9px solid #fff; } @media (max-width: 767px) { .who-needs__button .video-icon:before { top: -0.6rem; left: 1rem; margin: 0.5rem auto; } } .who-needs__button .video-icon__size_small { height: 18px; } .blog-posts { background-color: #fff; display: none; padding: 50px 0; } .blog-posts__title { font-size: 38px; font-weight: 300; line-height: 1.58; text-align: center; } .blog-posts__articles { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 1024px; margin: 0 auto; padding: 32px 0; text-align: center; font-family: 'Roboto', sans-serif; font-display: swap; } @media (max-width: 1024px) { .blog-posts__articles { max-width: 400px; } } .blog-posts__articles .article { display: inline-block; color: #000; width: 296px; margin: 0 12px 20px; background-color: #f8f9fd; } .blog-posts__articles .article:nth-child(n+4) { display: none; } .blog-posts__articles .article.show { display: inline-block; } .blog-posts__articles .article-img { background-color: #e5e9f0; height: 140px; } .blog-posts__articles .article-info { font-size: 18px; font-weight: 500; text-align: center; min-height: 140px; } .blog-posts__articles .article-info__title { font-size: 15px; font-weight: normal; padding: 20px 0 10px; } .blog-posts__more { border: solid 1px #699cff; font-size: 18px; color: #699cff; text-align: center; width: 340px; margin: 0 auto; padding: 18px 0; cursor: pointer; } @media (max-width: 1024px) { .blog-posts__more { width: 296px; } } .blog-posts__more:hover { background-color: rgba(33,33,33,0.05); } .your-economy { display: block; background-color: #f8f9fd; font-family: 'Roboto', sans-serif; font-display: swap; } @media (max-width: 767px) { .your-economy { background-color: #faf9f9; } } .your-economy__title { text-align: center; color: #000; padding: 70px 0 3.5rem 0; } .your-economy__list { margin: auto; max-width: 1064px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-bottom: 7rem; } @media (max-width: 767px) { .your-economy__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; } } .your-economy__item { -webkit-box-flex: 0; -webkit-flex: 0; flex: 0; -webkit-align-self: stretch; -ms-grid-row-align: stretch; align-self: stretch; width: 300px; min-width: 300px; text-align: center; padding: 0; margin: 2rem; } @media (max-width: 1024px) { .your-economy__item { padding: 0 5px; min-width: 245px; margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 767px) { .your-economy__item { margin: 2rem 8rem; padding: 4rem 30px; border-radius: 4px; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.21); } } .your-economy__icon { height: 115px; display: inline-block; } .your-economy__label { color: #000; font-size: 2.2rem; font-weight: 500; line-height: 1; margin: 0; padding: 1rem 0 0.7rem 0; } .your-economy__text { display: inline-block; font-size: 1.4rem; font-weight: normal; line-height: 1.45; } .your-getting { display: block; background-color: #fff; font-family: 'Roboto', sans-serif; font-display: swap; } @media (max-width: 767px) { .your-getting { background-color: #faf9f9; } } .your-getting__title { text-align: center; color: #000; padding: 7rem 0 3.5rem 0; } .your-getting__list { margin: auto; max-width: 1064px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-bottom: 7rem; } @media (max-width: 767px) { .your-getting__list { -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; } } .your-getting__item { -webkit-box-flex: 0; -webkit-flex: 0; flex: 0; -webkit-align-self: stretch; -ms-grid-row-align: stretch; align-self: stretch; width: 300px; min-width: 300px; text-align: center; padding: 0; margin: 2rem; } @media (max-width: 1024px) { .your-getting__item { padding: 0 5px; min-width: 245px; margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 767px) { .your-getting__item { margin: 2rem 8rem; padding: 4rem 30px; border-radius: 4px; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.21); } } .your-getting__icon { height: 115px; display: inline-block; } .your-getting__label { color: #000; font-size: 2.2rem; font-weight: 500; line-height: 1; margin: 0; padding: 1rem 0 0.7rem 0; } .your-getting__text { display: inline-block; font-size: 1.4rem; font-weight: normal; line-height: 1.45; } .your-getting__controls { text-align: center; padding-bottom: 8rem; } .your-getting__button { display: inline-block; padding: 17px 33px; border: solid 1px #699cff; border-radius: 4px; width: 90%; max-width: 358px; height: 56px; font-size: 1.6rem; color: #699cff; cursor: pointer; } @media (max-width: 767px) { .your-getting__button { height: auto; margin: auto; } } @media (max-width: 500px) { .your-getting__button { padding-left: 0; padding-right: 0; } } .your-getting__button_text { display: inline-block; line-height: 1.5; } .your-getting__button .video-icon { position: relative; width: 18px; vertical-align: middle; display: inline-block; margin-right: 6px; height: 20px; color: #699cff; fill: #699cff; } .your-getting__button .video-icon:before { position: absolute; content: ''; width: 18px; height: 18px; top: -0.1rem; left: 2rem; background-color: #699cff; border-top: 9px solid #fff; border-left: 18px solid #699cff; border-bottom: 9px solid #fff; } @media (max-width: 767px) { .your-getting__button .video-icon:before { border-top-color: #faf9f9; border-bottom-color: #faf9f9; top: -0.6rem; left: 1rem; margin: 0.5rem auto; } } .your-getting__button .video-icon__size_small { height: 18px; } .block-getting { display: block; padding: 126px 0 0; margin: 0 auto; max-width: 840px; text-align: center; } .block-getting__list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 850px) { .block-getting__list { padding: 0 16px; display: block; } } .block-getting__list_item { position: relative; display: inline-block; -webkit-box-flex: 0; -webkit-flex: 0 0 370px; flex: 0 0 370px; vertical-align: top; margin: 0 100px 50px 0; } .block-getting__list_item:nth-child(2n) { margin: 0 0 50px 0; } @media (max-width: 850px) { .block-getting__list_item { margin: 0 auto 50px; -webkit-box-flex: 0; -webkit-flex: none; flex: none; max-width: 370px; } } .block-getting .item__icon { width: 78px; height: 100px; position: absolute; } .block-getting .item__label { margin: 0 0 0 105px; text-align: left; font-size: 32px; font-weight: bold; } .block-getting .item__text { font-size: 18px; margin: 5px 0 0 105px; text-align: left; } /*# sourceMappingURL=polyfill.ff2772114c746dca7f79.css.map*/