/* ------ basic ------ */ *, *::before, *::after{box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);} body.ios, body.ios *{cursor: pointer;} button::-moz-focus-inner{border: none;} input[type=text], input[type=number], input[type=email], input[type=tel], input[type=password]{-webkit-appearance: none; -moz-appearance: textfield; appearance: none;} input::-ms-clear{display: none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;} img{border: none;} .touch *{outline: none;} html, body{margin: 0; padding: 0; overflow-x: hidden;} body{color: #000; background-color: #fff; font: 300 16px/27px 'Roboto', Arial, Helvetica, sans-serif; position: relative; min-height: 100vh; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;} ::-moz-selection{background: #1c75a8; color: #fff;} ::selection{background: #1c75a8; color: #fff;} .red{color: #f03226;} .green{color: #00980e;} .white{color: #fff;} .black{color: #000;} .blue{color: #1c75a8;} .gray-light{color: #e8eded;} .gray{color: #999;} .gray-dark{color: #595959;} .bg-red{background-color: #f03226;} .bg-white{background-color: #fff;} .bg-black{background-color: #000;} .bg-blue{background-color: #1c75a8;} .bg-gray-light{background-color: #e8eded;} .bg-gray{background-color: #999;} .bg-gray-dark{background-color: #595959;} .freeze{overflow: hidden;} /* --- text --- */ h1, .h1{font-size: 52px; font-weight: 300; line-height: 60px; margin: 0px 0;} h2, .h2{font-size: 26px; font-weight: 300; line-height: 34px; margin: 23px 0;} h3, .h3{font-size: 14px; font-weight: 700; line-height: 22px; margin: 0px 0; letter-spacing: 1.5px; text-transform: uppercase;} h4, .h4{font-size: 14px; font-weight: 400; line-height: 22px; margin: 0px 0; letter-spacing: 1px; text-transform: uppercase;} h5, .h5{font-size: 14px; font-weight: 700; line-height: 22px; margin: 6px 0;} .bold-header{font-size: 16px; font-weight: 700; line-height: 27px; margin: 0; letter-spacing: normal; text-transform: none;} p{margin: 10px 0;} strong, .strong{font-size: 20px; line-height: 30px; font-weight: 400;} small, .small{font-size: 14px; line-height: 22px; font-weight: 400;} b{font-weight: 700;} ul, ol, li{list-style: none; padding: 0; margin: 0;} a, .link{color: #1c75a8; cursor: pointer; text-decoration: none; transition: .15s; outline: none;} .no-touch a:hover, .no-touch .link:hover{color: #f03226; text-decoration: none;} .dashed-link, .dashed-link-part{border-bottom: 1px dashed rgba(28,117,168,.3);} .dashed-link-part{transition: border-color .15s;} .no-touch .dashed-link:hover, .no-touch .link:hover .dashed-link-part, .no-touch a:hover .dashed-link-part{border-color: rgba(240,50,38,.3);} .underlined-link, .underlined-link-part{border-bottom: 1px solid rgba(28,117,168,.3);} .no-touch .underlined-link:hover, .no-touch a:hover .underlined-link-part{border-color: rgba(240,50,38,.3);} .gray-underlined-link{color: #999; border-bottom: 1px solid rgba(153,153,153,.4);} .no-touch .gray-underlined-link:hover{border-color: rgba(240,50,38,.4);} .white-link{color: #fff;} .white-link.dashed-link{border-bottom-color: rgba(255,255,255,.4);} .link-w-sup sup{vertical-align: top; font-size: 12px; line-height: 16px; color: #595959;} .link-icon{margin-left: 4px;} .area-link{position: absolute; top: 0; left: 0; right: 0; bottom: 0; outline: none;} .block-link{display: block; color: #1c75a8; padding: 12px 20px;} .block-link_title{display: block; font-size: 16px;} .block-link_title .badge{margin-top: -1px; display: inline; white-space: nowrap;} .block-link_subtitle{display: block; font-size: 14px; line-height: 20px; color: #595959; transition: .15s;} .no-touch .block-link:hover{color: #f03226; background-color: #e8eded;} .no-touch .block-link:hover .block-link_subtitle{color: #000;} hr{border: none; border-top: 1px solid #595959; margin: 20px 0;} /* --- text guide --- */ .text-guide h2{margin-top: 20px; margin-bottom: 11px;} .text-guide h3{margin-top: 20px; margin-bottom: 13px;} .text-guide h4{margin-top: 20px; margin-bottom: 13px; color: #999;} .text-guide hr, .guidelike-hr{border-color: #cfd4d7; margin: 35px 0;} .text-guide .card-links{margin: 20px -20px 0 0;} .text-guide .card-links:first-child{margin-top: 0;} .text-guide .card-links:last-child{margin-bottom: -20px;} .text-guide .btn-row__guide{margin: 30px 0;} .text-guide .dashed-block__guide + .btn-row__guide{margin-top: -10px;} .text-guide a:not(.btn){border-bottom: 1px solid rgba(28,117,168,.3);} .no-touch .text-guide a:not(.btn):hover{border-bottom-color: rgba(240,50,38,.3);} .text-guide ul, .text-guide ol, .infographics-item ul, .infographics-item ol{margin: 10px 0;} .text-guide ul:first-child, .text-guide ol:first-child, .infographics-item ul:first-child, .infographics-item ol:first-child{margin-top: 0;} .text-guide ul:last-child, .text-guide ol:last-child, .infographics-item ul:last-child, .infographics-item ol:last-child{margin-bottom: 0;} .text-guide ul > li, .text-guide ol > li, .v-style-list > li, .infographics-item ul > li, .infographics-item ol > li{display: block; padding-left: 26px; margin-bottom: 6px; position: relative;} .text-guide ul > li:last-child, .text-guide ol > li:last-child, .v-style-list > li:last-child, .infographics-item ul > li:last-child, .infographics-item ol > li:last-child{margin-bottom: 0;} .text-guide ul > li::before, .v-style-list > li::before, .infographics-item ul > li::before{content: ''; position: absolute; top: 8px; left: 1px; width: 11px; height: 7px; border-left: 1px solid; border-bottom: 1px solid; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .v-style-list__inline > li{padding-left: 0;} .v-style-list__inline > li::before{position: static; display: inline-block; margin-right: 14px; margin-top: -5px;} .text-guide ol, .infographics-item ol{counter-reset: olcounter;} .text-guide ol > li, .infographics-item ol > li{counter-increment: olcounter;} .text-guide ol > li::before, .infographics-item ol > li::before{content: counter(olcounter); position: absolute; top: 0; left: 0; font-weight: 600;} .unstyled-list > li, .text-guide .unstyled-list > li{padding-left: 0; margin-bottom: 6px;} .unstyled-list > li:last-child, .text-guide .unstyled-list > li:last-child{margin-bottom: 0;} .unstyled-list > li::before, .text-guide .unstyled-list > li::before{display: none;} .text-guide ul ul, .text-guide ul ol, .text-guide ol ul, .text-guide ol ol{font-size: 14px; line-height: 22px; color: #595959;} .text-guide ul ul li::before, .text-guide ol ul li::before{top: 6px;} .text-guide img{display: block; max-width: 100%; height: auto; margin: 10px auto;} .text-guide img[align="left"]{float: left; margin-right: 20px;} .text-guide img[align="right"]{float: right; margin-left: 20px;} .text-guide p + .card-banner, .text-guide ul + .card-banner, .text-guide ol + .card-banner{margin-top: 35px;} .text-guide .card-banner{margin: 40px 0; border: none;} .text-guide .card-banner a{border: none;} .text-guide .card-banner:first-child{margin-top: 0;} .text-guide .card-banner:last-child{margin-bottom: 0;} .text-guide h2 + table, .text-guide h2 + .table-scroller{margin-top: 32px;} .text-guide table + h2, .text-guide .table-scroller + h2{margin-top: 48px;} .text-guide table + .table-layout, .text-guide .table-scroller + .table-layout{margin-top: 50px;} .text-guide table, .table-type-0{width: 100%; border-collapse: collapse; border: 1px solid transparent;} .text-guide tr, .table-type-0 tr{background-color: #e8eded; transition: .15s;} .text-guide thead tr, .table-type-0 thead tr{background-color: #e8eded; text-align: left;} .text-guide tr:hover, .table-type-0 tr:hover{background-color: #f6f8f8;} .text-guide td, .table-type-0 td, .text-guide th, .table-type-0 th{border: 1px solid #cfd4d7; padding: 15px 20px; text-align: left; font-size: 14px; line-height: 22px; vertical-align: top;} .text-guide td:first-child, .table-type-0 td:first-child, .text-guide th:first-child, .table-type-0 th:first-child{border-left: none;} .text-guide td:last-child, .table-type-0 td:last-child, .text-guide th:last-child, .table-type-0 th:last-child{border-right: none;} .table-type-1{width: 100%; border-collapse: collapse;} .table-type-1 tr{background-color: #e8eded;} .table-type-1 tr:nth-child(2n){background-color: #fff;} .table-type-1 tr:hover{background-color: #e8eded;} .table-type-1 tr:nth-child(2n):hover{background-color: #fff;} .table-type-1 td, .table-type-1 th{border: none; padding: 20px 40px; font-size: 16px; line-height: 27px; vertical-align: top;} .table-type-1 tr:last-child td, .table-type-1 tr:last-child th{border-bottom: 1px solid #cfd4d7;} .table-type-2{width: 100%; border-collapse: collapse;} .table-type-2 tr{background-color: transparent;} .table-type-2 td, .table-type-2 th{border: none; border-bottom: 1px solid #cfd4d7; padding: 20px 40px; font-size: 16px; line-height: 27px; vertical-align: top;} .table-type-2 strong{display: block; font-weight: 300; font-size: 26px; line-height: 34px; color: #f03226; margin: 8px 0;} .table-type-2 strong:first-child{margin-top: 0;} .table-type-2 strong:last-child{margin-bottom: 0;} .table-scroller{max-width: 100%; overflow: auto;} .table-scroller table{margin: 0;} .text-guide .table-scroller{margin: 20px 0;} .text-guide .table-scroller:first-child{margin-top: 0;} .text-guide .table-scroller:last-child{margin-bottom: 0;} .fullscreen-wrapper{position: relative;} .fullscreen-wrapper:not(.has-fullscreen-mode) .fullscreen-toggle-btn{opacity: 0; visibility: hidden;} .fullscreen-toggle-btn{position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #f03226; color: #fff; z-index: 5; cursor: pointer; transition: .15s;} .fullscreen-toggle-btn_nw, .fullscreen-toggle-btn_ne, .fullscreen-toggle-btn_sw, .fullscreen-toggle-btn_se{position: absolute; pointer-events: none; width: 6px; height: 6px; transition: .15s;} .fullscreen-toggle-btn_nw, .fullscreen-toggle-btn_ne{border-top: 1px solid; top: 8px;} .fullscreen-toggle-btn_sw, .fullscreen-toggle-btn_se{border-bottom: 1px solid; bottom: 8px;} .fullscreen-toggle-btn_nw, .fullscreen-toggle-btn_sw{border-left: 1px solid; left: 8px;} .fullscreen-toggle-btn_ne, .fullscreen-toggle-btn_se{border-right: 1px solid; right: 8px;} .fullscreen-toggle-btn + *, .text-guide .fullscreen-toggle-btn + *{margin-top: 0;} .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_nw, .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_ne{top: 5px;} .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_sw, .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_se{bottom: 5px;} .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_nw, .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_sw{left: 5px;} .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_ne, .no-touch .fullscreen-toggle-btn:hover .fullscreen-toggle-btn_se{right: 5px;} .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_nw, .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_sw, .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_ne, .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_se{ width: 24px; height: 1px; top: 50%; left: 50%; bottom: 50%; right: 50%; margin-left: -12px; border-left: none; border-right: none;} .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_nw, .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_sw{ -ms-transform: translateY(-1px) rotate(45deg); -webkit-transform: translateY(-1px) rotate(45deg); transform: translateY(-1px) rotate(45deg);} .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_ne, .fullscreen-popup-wrapper .fullscreen-toggle-btn.fullscreen-toggle-btn .fullscreen-toggle-btn_se{ -ms-transform: translateY(-1px) rotate(-45deg); -webkit-transform: translateY(-1px) rotate(-45deg); transform: translateY(-1px) rotate(-45deg);} .fullscreen-popup-wrapper table tr:first-child td:last-child{padding-right: 50px;} @media (min-width: 1000px) { .table-scroller{max-height: calc(100vh - 200px);} } @media (min-width: 1000px) and (max-height: 640px) { .table-scroller{max-height: 500px;} } @media (max-width: 999px) { .fullscreen-toggle-btn{display: none;} .fullscreen-popup-wrapper .fullscreen-toggle-btn{display: block;} } figure{margin: 0; padding: 0;} figure img{max-width: 100%; display: block; border-radius: 3px; box-shadow: 0px 1px 4px rgba(0,0,0,.2);} figcaption{font-size: 14px; line-height: 22px; font-style: italic; color: #595959; margin: 10px 0;} figcaption:first-child{margin-top: 0;} figcaption:last-child{margin-bottom: 0;} blockquote{display: block; margin: 15px 0 20px; color: #595959; font-weight: 300; font-size: 14px; font-style: italic; line-height: 22px; padding: 15px 20px; border-radius: 3px; background: linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px;} blockquote:first-child{margin-top: 0;} blockquote:last-child{margin-bottom: 0;} h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, p:first-child{margin-top: 0;} h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, p:last-child{margin-bottom: 0;} .styled-list > li{margin-bottom: 15px;} .styled-list > li:last-child{margin-bottom: 0;} .css-cols-2{-moz-columns: 2; -moz-column-gap: 40px; -webkit-columns: 2; -webkit-column-gap: 40px; columns: 2; column-gap: 40px;} .css-cols-2 ul > li{display: inline-block; vertical-align: top;} .hr__lg{margin: 30px 0;} .hr__xl{margin: 50px 0;} .hr__light-gray{border-color: #cfd4d7;} .blackout{color: #fff;} .blackout a, .blackout .link{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .blackout a:hover, .no-touch .blackout .link:hover{color: rgba(255,255,255,.6); border-color: rgba(255,255,255,.4);} /* --- grid --- */ .row::after{content: ''; display: table; clear: both;} .col{float: left;} .row-5{margin-left: -5px; margin-right: -5px;} .row-5 .col{padding-left: 5px; padding-right: 5px;} .row-10{margin-left: -10px; margin-right: -10px;} .row-10 .col{padding-left: 10px; padding-right: 10px;} .row-15{margin-left: -15px; margin-right: -15px;} .row-15 .col{padding-left: 15px; padding-right: 15px;} .row-20{margin-left: -20px; margin-right: -20px;} .row-20 .col{padding-left: 20px; padding-right: 20px;} .row-25{margin-left: -25px; margin-right: -25px;} .row-25 .col{padding-left: 25px; padding-right: 25px;} .row-30{margin-left: -30px; margin-right: -30px;} .row-30 .col{padding-left: 30px; padding-right: 30px;} .row-35{margin-left: -35px; margin-right: -35px;} .row-35 .col{padding-left: 35px; padding-right: 35px;} .row-40{margin-left: -40px; margin-right: -40px;} .row-40 .col{padding-left: 40px; padding-right: 40px;} .col-lg-1{width: 8.333%;} .col-lg-2{width: 16.666%;} .col-lg-3{width: 25%;} .col-lg-4{width: 33.33%;} .col-lg-5{width: 41.666%;} .col-lg-6{width: 50%;} .col-lg-7{width: 58.333%;} .col-lg-8{width: 66.666%;} .col-lg-9{width: 75%;} .col-lg-10{width: 83.333%;} .col-lg-11{width: 91.666%;} .col-lg-12{width: 100%;} @media (min-width: 760px) { /* --- scroll animations --- */ .show-animate{transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;} .show-animate:not(.animated){opacity: 0; -webkit-transform: translateY(80px); transform: translate3d(0, 80px, 0);} } /* --- buttons --- */ button{border: none; background: transparent; border-radius: 0; color: #202020; outline: none; font-family: 'Roboto', Arial, Helvetica, sans-serif;} .btn{display: inline-block; vertical-align: middle; border: 1px solid rgba(0,0,0,.3); border-radius: 4px; height: 30px; padding: 4px 9px; outline: none; background: transparent; color: #000; font-size: 14px; font-weight: 300; line-height: 20px; overflow: hidden; text-overflow: ellipsis; text-align: center; white-space: nowrap; transition: .15s; cursor: pointer;} .no-touch .btn:hover{border-color: rgba(0,0,0,1); color: #000;} .no-touch .btn:active, .btn:active{border-color: rgba(0,0,0,1); background-color: #000; color: #fff;} .btn.preloading{color: transparent !important; position: relative;} .btn.preloading::before, .preloader::before{content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 50%; border: 3px solid #000; border-right-color: transparent; border-bottom-color: transparent; -webkit-animation: 2s infinite cubic-bezier(.41,.11,.53,.93) preloadrotate; animation: 2s infinite cubic-bezier(.41,.11,.53,.93) preloadrotate;} .preloader{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.7); z-index: 50;} .preloader::before{width: 50px; height: 50px; margin: -25px 0 0 -25px; border-width: 4px;} @-webkit-keyframes preloadrotate { from{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);} } @keyframes preloadrotate { from{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);} } .btn__black{color: #000; border-color: #000; background: rgba(0,0,0,0);} .no-touch .btn__black:hover{background-color: rgba(0,0,0,0); color: #000; border-color: #000;} .no-touch .btn__black:active, .btn__black:active{background-color: rgba(0,0,0,1); color: #fff; border-color: #000;} .btn__gray{color: #fff; border-color: transparent; background: rgba(0,0,0,.3);} .no-touch .btn__gray:hover{background-color: #000; color: #fff; border-color: transparent;} .no-touch .btn__gray:active, .btn__gray:active{background-color: rgba(0,0,0,.6); color: #fff; border-color: transparent;} .btn__white{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .btn__white:hover{color: #fff; border-color: #fff;} .no-touch .btn__white:active, .btn__white:active{background-color: #fff; border-color: #fff; color: #595959;} .btn__white.preloading::before{border-top-color: #fff; border-left-color: #fff;} .btn__white-fill{color: #f03226; border-color: transparent; background-color: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,.1);} .no-touch .btn__white-fill:hover{color: #f03226; border-color: transparent; background-color: rgba(255,255,255,.8); box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .btn__white-fill:active, .btn__white-fill:active{color: #f03226; background-color: rgba(255,255,255,.5); border-color: transparent; box-shadow: none;} .btn__white-fill.preloading::before{border-top-color: #f03226; border-left-color: #f03226;} .btn__black-fill{color: #fff; border-color: transparent; background-color: #000; box-shadow: 0px 1px 4px rgba(0,0,0,.2);} .no-touch .btn__black-fill:hover{color: #fff; border-color: transparent; background-color: #000; box-shadow: none;} .no-touch .btn__black-fill:active, .btn__black-fill:active{color: #fff; background-color: rgba(0,0,0,.3); border-color: transparent; box-shadow: none;} .btn__black-fill.preloading::before{border-top-color: #fff; border-left-color: #fff;} .btn__primary{color: #fff; background-color: #f03226; box-shadow: 0px 10px 20px rgba(0,0,0,.1); font-weight: 400; border: none; padding: 5px 10px;} .no-touch .btn__primary:hover{color: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .btn__primary:active, .btn__primary:active{color: #fff; background-color: #c4271d; box-shadow: none;} .btn__primary.preloading::before{border-top-color: #fff; border-left-color: #fff;} .btn__primary-alt{box-shadow: 0px 3px 5px rgba(0,0,0,.2);} .no-touch .btn__primary-alt:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .btn__primary-alt:active, .btn__primary-alt:active{box-shadow: none;} .btn__dashed{color: #fff; border: 1px dashed rgba(255,255,255,.3); font-weight: 300; font-size: 14px; text-transform: uppercase;} .btn__dashed .svg-icon{margin: 0 10px 0 -12px;} .no-touch .btn__dashed:focus{} .no-touch .btn__dashed:hover{color: #fff; border-color: #fff; background: transparent;} .no-touch .btn__dashed:active, .btn__dashed:active{box-shadow: none; background: transparent; border-color: #fff;} .btn__primary.disabled, .btn__primary:disabled, .btn__primary.disabled:hover, .btn__primary:disabled:hover, .btn__primary.disabled:active, .btn__primary:disabled:active{cursor: default; color: rgba(255,255,255,.4); box-shadow: none;} .btn__white-fill.disabled, .btn__white-fill:disabled, .no-touch .btn__white-fill.disabled:hover, .no-touch .btn__white-fill:disabled:hover, .btn__white-fill.disabled:active, .btn__white-fill:disabled:active{cursor: default; background: rgba(255,255,255,.5); box-shadow: none;} .btn__lg{height: 50px; padding: 11px 30px; font-size: 18px; line-height: 24px; font-weight: 400; border-width: 2px;} .btn__lg.btn__primary, .btn__lg.btn__primary-alt{padding: 13px 30px;} .btn__lg.preloading::before{width: 24px; height: 24px; margin: -12px 0 0 -12px;} .btn__md{height: 40px; padding: 8px 20px; font-size: 16px; line-height: 22px; font-weight: 300;} .btn__block{display: block; width: 100%;} .btn__dashed.btn__lg, .btn__dashed.btn__md{font-size: 14px; border-width: 1px;} .btn__up, .btn.btn__up{padding: 0; width: 40px; height: 40px; border-radius: 50%; position: relative;} .btn__up::after{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -3px 0 0 -6px; border-left: 1px solid; border-bottom: 1px solid; border-color: inherit; transition: transform .15s; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);} .no-touch .btn__up:hover::after{-ms-transform: translateY(-4px) rotate(135deg); -webkit-transform: translateY(-4px) rotate(135deg); transform: translateY(-4px) rotate(135deg);} .no-touch .btn__up:active, .btn__up:active{background: transparent;} .no-touch .btn__up:active::after, .btn__up:active::after{-ms-transform: translateY(-4px) rotate(135deg) scale(.8); -webkit-transform: translateY(-4px) rotate(135deg) scale(.8); transform: translateY(-4px) rotate(135deg) scale(.8);} .btn__svg-content{height: 55px; padding: 10px 14px;} .btn__svg-content .svg-icon{max-height: 100%; opacity: .5; transition: opacity .15s;} .no-touch .btn__svg-content:hover .svg-icon{opacity: 1;} .btn__black-fill .svg-icon, .btn__black .svg-icon{opacity: 1;} .no-touch .btn__black-fill:hover .svg-icon, .no-touch .btn__black:hover .svg-icon{opacity: .7;} /* --- btn rows --- */ .btn-row{display: block;} .btn-row_item{display: inline-block; vertical-align: top;} .btn-row-10{margin: 0 -10px -10px 0; font-size: 0;} .btn-row-10 .btn, .btn-row-10 .btn-row_item{margin: 0 10px 10px 0;} .btn-row-15{margin: 0 -15px -15px 0; font-size: 0;} .btn-row-15 .btn, .btn-row-15 .btn-row_item{margin: 0 15px 15px 0;} .btn-row-20{margin: 0 -20px -20px 0; font-size: 0;} .btn-row-20 .btn, .btn-row-20 .btn-row_item{margin: 0 20px 20px 0;} .offset-btn-row{margin-top: 40px;} .offset-btn-row-md{margin-top: 20px;} /* --- input --- */ ::-webkit-input-placeholder{color: #999; font: 400 18px/24px 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; transition: opacity .15s;} ::-moz-placeholder{color: #999; font: 400 18px/24px 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; transition: opacity .15s;} :-moz-placeholder{color: #999; font: 400 18px/24px 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; transition: opacity .15s;} :-ms-input-placeholder{color: #999; font: 400 18px/24px 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; transition: opacity .15s;} ::placeholder{color: #999; font: 400 18px/24px 'Roboto', Arial, Helvetica, sans-serif; text-overflow: ellipsis; opacity: 1; transition: opacity .15s;} input, textarea{font: 400 18px/24px 'Roboto', Arial, Helvetica, sans-serif; color: #202020;} .text-input{display: block; width: 100%; max-width: 100%; background: transparent; border: 1px solid rgba(0,0,0,.3); border-radius: 4px; padding: 12px; font-size: 18px; line-height: 24px; height: 50px; transition: .15s; box-shadow: none; outline: none;} .no-touch .text-input:hover{border-color: #595959;} .no-touch .text-input:focus, .text-input:focus{border-color: #000;} .text-input__white{border-color: rgba(255,255,255,.4); color: #fff;} .no-touch .text-input__white:hover{border-color: rgba(255,255,255,1);} .no-touch .text-input__white:focus, .text-input__white:focus{border-color: rgba(255,255,255,1);} .text-input__md{width: 200px;} .text-input__low{height: 40px; padding-top: 7px; padding-bottom: 7px;} textarea.text-input{height: 154px; transition: color .15s, background .15s, border .15s, box-shadow .15s; resize: vertical;} .no-touch .slidable-input:hover .text-input__white:not(:focus), .no-touch .slidable-input:active .text-input__white:not(:focus){border-color: rgba(255,255,255,.8);} .form-error .text-input, .form-error .select{background-color: rgba(240,50,38,.1); border-color: rgba(240,50,38,.4);} .no-touch .form-error .text-input:hover, .no-touch .form-error .select:hover{border-color: rgba(240,50,38,1);} .no-touch .form-error .text-input:focus, .no-touch .form-error .select:focus, .form-error .text-input:focus, .form-error .select:focus{background-color: transparent; border-color: rgba(240,50,38,1);} /* --- rich text input --- */ .rich-text-input{position: relative;} .rich-text-input_label{position: absolute; left: 14px; top: 13px; right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: 18px; font-weight: 400; line-height: 24px; color: #999; pointer-events: none; cursor: text; transition: .15s;} .rich-text-input_icon{position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; opacity: 0; cursor: text; pointer-events: none; transition: .15s;} .rich-text-input_icon .svg-icon{vertical-align: top;} .rich-text-input_icon__success{color: #00980e;} .rich-text-input_icon__error{color: #f03226;} .rich-text-input_message, .rich-text-input-message{font-size: 14px; line-height: 22px; margin-top: 8px; margin-bottom: -4px; text-align: left;} .rich-text-input_message{display: none;} .rich-text-input_message__error, .rich-text-input-message__error{color: #f03226;} .rich-text-input_message__default, .rich-text-input-message__default{display: block;} .rich-text-input_message__slidable, .rich-text-input-message__slidable{margin-top: 15px;} .rich-text-input_message__white, .rich-text-input-message__white{color: #fff;} .rich-text-input_input{height: 50px; padding: 20px 40px 6px 14px; font-size: 18px; line-height: 24px; position: relative; color: transparent;} .rich-text-input_input__simple{padding-top: 12px; padding-bottom: 12px; color: #000;} .rich-text-input_input__no-icon{padding-right: 12px;} .rich-text-input_input:focus, .rich-text-input.active .rich-text-input_input{color: #000;} .rich-text-input_input.text-input__white:focus, .rich-text-input.active .rich-text-input_input.text-input__white{color: #fff;} .rich-text-input_input:focus ~ .rich-text-input_label, .rich-text-input.active .rich-text-input_label{font-size: 12px; line-height: 16px; top: 5px; font-weight: 300;} .rich-text-input__white .rich-text-input_label{color: #fff; opacity: .6;} .rich-text-input_input:not(:focus)::-webkit-input-placeholder{opacity: 0;} .rich-text-input_input:not(:focus)::-moz-placeholder{opacity: 0;} .rich-text-input_input:not(:focus):-moz-placeholder{opacity: 0;} .rich-text-input_input:not(:focus):-ms-input-placeholder{opacity: 0;} .rich-text-input_input:not(:focus)::placeholder{opacity: 0;} .rich-text-input_input__simple:not(:focus)::-webkit-input-placeholder{opacity: 1;} .rich-text-input_input__simple:not(:focus)::-moz-placeholder{opacity: 1;} .rich-text-input_input__simple:not(:focus):-moz-placeholder{opacity: 1;} .rich-text-input_input__simple:not(:focus):-ms-input-placeholder{opacity: 1;} .rich-text-input_input__simple:not(:focus)::placeholder{opacity: 1;} .rich-text-input_no__focus{font-size: 12px; line-height: 16px; top: 5px; font-weight: 300} .text-input_no__focus{padding: 20px 40px 6px 14px;} .text_to_upper{text-transform: uppercase;} .select ~ .rich-text-input_icon{right: 30px;} .select.rich-text-input_input{padding-right: 50px;} .form-success .rich-text-input_icon__success, .form-error .rich-text-input_icon__error{opacity: 1;} .form-success .rich-text-input_message__success, .form-error .rich-text-input_message__error{display: block;} /* --- slidable input --- */ .slidable-input{position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .slidable-input.active, .slidable-input.active .text-input{cursor: pointer;} .slidable-input_ruler-wrap{position: absolute; top: 100%; left: 0; right: 0;} .slidable-input_ruler{position: absolute; cursor: pointer; top: 100%; left: 0%; margin: -6px 0 0 -8px; width: 15px; height: 15px; background-color: #fff; border-radius: 50% 0 50% 50%; box-shadow: 0px 1px 4px rgba(0,0,0,.2); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: width .15s, height .15s, margin .15s, transform .15s;} .slidable-input_line{position: absolute; bottom: 100%; left: 0; height: 2px; width: 0; background-color: #000;} .slidable-input_placeholder{position: absolute; top: 13px; right: 12px; font-size: 18px; font-weight: 400; line-height: 24px; transition: .15s; pointer-events: none; color: #000; opacity: .4;} .slidable-input__white .slidable-input_placeholder{color: #fff;} .slidable-input__white .slidable-input_line{background-color: #fff;} .no-touch .slidable-input__white:hover .slidable-input_label{opacity: 1;} .slidable-input__red-ruler .slidable-input_ruler, .slidable-input__red-ruler .slidable-input_line{background-color: #f03226;} .no-touch .slidable-input_ruler:hover, .slidable-input_ruler:active{transform: scale(1.2) translateY(5%) rotate(-45deg);} .touch .slidable-input_ruler-wrap{display: none;} /* --- file input --- */ .file-input{text-align: center;} .file-input_table{display: inline-table; vertical-align: top;} .file-input_label, .file-input_values, .file-input_btn-row{display: table-cell; vertical-align: top; text-align: left;} .file-input_label{padding-right: 20px; max-width: 50%;} .file-input_values{padding-left: 20px;} .file-input_values:empty{display: none;} .file-input_values:not(:empty){padding-top: 3px;} .file-input_value{margin-top: 6px; font-size: 14px; line-height: 22px;} .file-input_value:first-child{margin-top: 0px;} .file-input_value-name{padding-right: 30px;} .file-input_value-remove{display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: -20px; border-radius: 50%; position: relative; background-color: #999; cursor: pointer; transition: .2s;} .file-input_value-remove::before, .file-input_value-remove::after{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #fff; margin: -1px 0 0 -6px;} .file-input_value-remove::before{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .file-input_value-remove::after{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .no-touch .file-input_value-remove:hover{background-color: #f03226;} .file-input__block .file-input_label, .file-input__block .file-input_values, .file-input__block .file-input_btn-row{display: block; text-align: center; width: auto; max-width: none;} .file-input__block .file-input_values{margin: 15px 0;} .file-input__block .file-input_value{display: inline-table; vertical-align: top;} .file-input__block .file-input_value-name-cell{display: table-cell; vertical-align: middle; text-align: right;} .file-input__block .file-input_value-remove-cell{display: table-cell; vertical-align: bottom; width: 1px; padding-left: 10px;} .file-input__block .file-input_btn-row{margin-top: 20px;} .input-and-label{display: table; width: 100%;} .input-and-label_input{display: table-cell; vertical-align: top; width: 99%; position: relative;} .input-and-label_label{display: table-cell; vertical-align: middle; white-space: nowrap; padding: 0 15px; width: 1px; white-space: nowrap;} .input-and-label_label__curr{font-size: 18px; font-weight: 400; line-height: 30px; color: rgba(0,0,0,.4);} .input-and-label_label:first-child{padding-left: 0;} .input-and-label_label:last-child{padding-right: 0;} /* --- forms --- */ .form::after{content: ''; display: table; clear: both;} .form, .form_row{margin: 20px 0;} .form:first-child, .form_row:first-child{margin-top: 0;} .form:last-child, .form_row:last-child{margin-bottom: 0;} .form_subtitle{margin: 20px 0; text-align: center; max-width: 580px; padding-top: 10px; clear: both; font-size: 22px; font-weight: 300; line-height: 30px; letter-spacing: normal; text-transform: none;} .form_subtitle:first-child{padding-top: 0;} .form_row{clear: both;} .form_row .checkbox-label{vertical-align: top;} .form_row__check{margin: 13px 0;} .form_row_left{text-align: left;} .form_row__1-of-2{clear: none; float: left; width: 50%; padding-right: 10px; margin-top: 0;} .form_row__1-of-2 + .form_row__1-of-2, .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2, .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2{ padding-right: 0; padding-left: 10px; clear: none;} .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2, .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2, .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2 + .form_row__1-of-2{ padding-left: 0; padding-right: 10px; clear: both;} .form_row__1-of-2:nth-last-child(2){margin-bottom: 0;} .form_row__1-of-6{clear: none; float: left; width: 16.66%; padding-right: 10px; margin-top: 0;} .form_row__1-of-2 + .form_row__1-of-6, .form_row__1-of-6 + .form_row__1-of-6{padding-left: 10px;} .form_row__1-of-2 + .form_row__1-of-6 + .form_row__1-of-6 + .form_row__1-of-6{padding-right: 0;} .form_row__1-of-6 .rich-text-input_input{padding-right: 14px;} .form_row__1-of-6 .rich-text-input_icon{display: none;} .form_row__1-of-6 .rich-text-input_label{right: 14px;} .form_row__offset{margin-top: 30px;} .form_row__1-of-2 + .form_row__offset{padding-top: 10px;} .form_row__center{text-align: center;} .form_row__left{text-align: left;} .form_row__message{margin: 10px 0; font-size: 14px; line-height: 22px; font-weight: 300;} .form_row + .form_row__message{margin-top: -10px;} .form_row__w-help{display: table; width: 100%;} .form_row__w-help.form_row__1-of-2{width: 50%;} .form_row__w-help .rich-text-input{display: table-cell; vertical-align: top; width: 99%;} .form_help{display: table-cell; vertical-align: top; width: 1px; padding-left: 15px; padding-top: 10px;} .form_row__toggleable{display: none;} .form_row__toggleable.active{display: block;} /* --- top form label --- */ .top-form-label{display: block; margin-bottom: 5px; font-size: 16px; font-weight: 300;} .top-form-label .tooltip-inline{margin-left: 5px; margin-bottom: -10px; padding-bottom: 10px; height: 28px;} /* --- thermal scale --- */ .thermal-scale{cursor: default; padding: 30px 0 10px;} .thermal-scale_row{height: 6px; background: linear-gradient(to right, #f03226, #f0f000, #00980e); font-size: 1px; line-height: 1px; text-align: justify; margin: 0 5px;} .thermal-scale_row::after{content: ''; display: inline-block; vertical-align: top; width: 100%;} .thermal-scale_item, .thermal-scale_item.checkbox-label{padding: 0; margin-top: -6px; position: relative;} .thermal-scale_item .checkbox-visual, .thermal-scale_item .radio-visual{position: static;} .thermal-scale_item .checkbox-text{position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); font-size: 14px; line-height: 22px; padding: 2px 5px;} .thermal-scale_item:first-child{margin-left: -5px;} .thermal-scale_item:last-child{margin-right: -5px;} /* --- one row form --- */ .one-row-form{display: table; width: 100%;} .one-row-form_item{display: table-cell; width: 50%; vertical-align: top; padding-right: 20px;} .one-row-form_item:last-child{padding-right: 0;} .one-row-form_item__shrink{width: 1px;} /* --- inline-form --- */ .inline-form{margin: 20px 0; text-align: left;} .inline-form__center{text-align: center;} .inline-form_grid{font-size: 0; margin: 0 -20px -20px 0; display: inline-block; vertical-align: top; width: calc(100% + 20px);} .inline-form_item{display: inline-block; vertical-align: top; padding: 0 20px 20px 0; text-align: left;} .inline-form_item__btn{text-align: center;} /* --- search input --- */ .search-input{border: none; height: 40px; padding: 8px 20px 8px 0; background: transparent; color: #fff; box-shadow: none; outline: none; font-size: 18px; line-height: 24px; font-weight: 300;} .search-input::-webkit-input-placeholder{color: rgba(255,255,255,.5); opacity: 1;} .search-input::-moz-placeholder{color: rgba(255,255,255,.5); opacity: 1;} .search-input:-moz-placeholder{color: rgba(255,255,255,.5); opacity: 1;} .search-input:-ms-input-placeholder{color: rgba(255,255,255,.5); opacity: 1;} /* --- checkbox --- */ .checkbox-label{display: inline-block; vertical-align: middle; padding-left: 35px; position: relative; cursor: pointer; outline: none;} .checkbox{position: absolute; top: 0; left: 0; margin: 0; opacity: 0; pointer-events: none;} .checkbox-visual, .radio-visual{display: inline-block; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; border: 1px solid rgba(0,0,0,.3); background-color: #fff; transition: .15s;} .checkbox-visual{border-radius: 3px;} .radio-visual{border-radius: 50%;} .checkbox-icon{display: inline-block; vertical-align: middle; margin: 0 0 0 4px; line-height: 0;} .checkbox-text{display: inline-block; vertical-align: top; text-align: left;} .checkbox-visual::after, .radio-visual::after{content: ''; position: absolute; top: 50%; left: 50%; opacity: 0; transition: .15s; -ms-transform: rotate(-45deg) scale(0); -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0);} .checkbox-visual::after{margin-top: -4px; margin-left: -6px; width: 11px; height: 6px; border-left: 2px solid #f03226; border-bottom: 2px solid #f03226;} .radio-visual::after{margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; background-color: #f03226; border-radius: 50%;} .checkbox:checked ~ .checkbox-visual::after, .checkbox:checked ~ .radio-visual::after{opacity: 1; -ms-transform: rotate(-45deg) scale(1); -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);} .checkbox:disabled ~ .checkbox-visual, .checkbox:disabled ~ .checkbox-visual::after, .checkbox:disabled ~ .radio-visual{border-color: rgba(0,0,0,.16);} .no-touch .checkbox-label:hover .checkbox-visual, .no-touch .checkbox-label:hover .radio-visual, .no-touch label:hover .checkbox-visual, .no-touch label:hover .radio-visual{border-color: #595959;} .checkbox-label__no-text{padding: 0;} .checkbox-label__no-text .checkbox-visual, .checkbox-label__no-text .radio-visual{position: static; vertical-align: middle;} .checkbox-label__secondary{font-size: 14px; line-height: 20px;} .checkbox-label__secondary .checkbox-visual{top: 0;} .checkbox-label__transparent .checkbox-visual{background: transparent; border-color: rgba(0,0,0,.3);} .checkbox-label__white{color: #fff;} .checkbox-label__white .checkbox-visual, .checkbox-label__white .radio-visual{background: transparent; border-color: rgba(255,255,255,.4);} .no-touch .checkbox-label__white:hover .checkbox-visual, .no-touch .checkbox-label__white:hover .radio-visual{border-color: rgba(255,255,255,.8);} .checkbox-label + .rich-text-input_message{margin-top: 4px;} .form__checkbox-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form__checkbox { display: none; cursor: pointer } .form__checkbox.js-checked ~ .form__checkbox-icon:after { visibility: visible; opacity: 1 } .form__checkbox--last { margin-bottom: 20px } .form__checkbox--padding { padding-left: 70px } @media (max-width: 600px) { .form__checkbox--padding { padding-left: 39px } } .form__checkbox--padding .form__checkbox-text { margin-left: 13px } .form__checkbox:checked ~ .form__checkbox-icon:after { visibility: visible; opacity: 1 } .form__checkbox-icon { border-radius: 3px; border: 1px solid #cfcfcf; width: 18px; height: 18px; cursor: pointer; -webkit-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; position: relative } @media (max-width: 600px) { .form__checkbox-icon { width: 22px; height: 20px } } .form__checkbox-icon:after { content: ''; background-image: url(../landingPage/local/images/icons/checked.svg); background-repeat: no-repeat; background-position: center; width: 10px; height: 6px; display: block; position: absolute; left: calc(50% - 5px); top: calc(50% - 3px); visibility: hidden; -webkit-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; opacity: 0 } .form__checkbox-icon:hover { border-color: #0ab205 } .form__checkbox-text { font-size: 12px; margin-left: 6px; color: #4e4e4e; position: relative; top: 1px } @media (max-width: 600px) { .form__checkbox-text { width: 100% } } .form__checkbox-text a { color: red; display: inline-block; position: relative; text-decoration: none } .form__checkbox-text a:after { content: ''; position: absolute; bottom: 2px; width: 100%; left: 0; border-bottom: 1px dashed #c4c4c4 } /* --- circle btn --- */ .circle-btn{display: inline-block; vertical-align: middle; width: 40px; height: 40px; border: 1px solid rgba(0,0,0,.16); border-radius: 50%; transition: .15s; font-size: 0; text-align: center; color: #000; padding: 0; outline: none;} .circle-btn:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .circle-btn .svg-icon{max-width: 20px; max-height: 20px; transition: none;} .no-touch .circle-btn:hover{border-color: #595959; color: #000;} .no-touch .circle-btn:active, .circle-btn:active{background-color: #595959; border-color: #595959; color: #fff;} .circle-btn__gray{color: #595959; border-color: rgba(0,0,0,.3);} .no-touch .circle-btn__gray:hover{border-color: #595959; color: #595959;} .no-touch .circle-btn__gray:active, .circle-btn__gray:active{background-color: #595959; border-color: #595959; color: #fff;} .circle-btn__white{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .circle-btn__white:hover{border-color: #fff; color: #fff;} .no-touch .circle-btn__white:active, .circle-btn__white:active{background-color: #fff; border-color: #fff; color: #000;} .circle-btn__lg{width: 50px; height: 50px;} .circle-btn__lg .svg-icon{max-width: 25px; max-height: 25px; margin-top: -1px;} .circle-btn__icon-lg .svg-icon{max-width: 25px; max-height: 25px; margin-top: -1px;} .circle-btn__complex{width: auto; padding-left: 40px; padding-right: 20px; border-radius: 20px; position: relative; text-align: left;} .circle-btn__complex::after{display: none;} .circle-btn__complex.circle-btn__lg{border-radius: 25px; padding: 5px 30px 5px 50px;} .circle-btn__complex .svg-icon{position: absolute; top: 20px; left: 20px; margin: -10px;} .circle-btn__complex.circle-btn__lg .svg-icon{top: 25px; left: 25px; margin: -13px -12px;} .circle-btn__title{display: block; font-size: 14px; line-height: 19px;} .circle-btn__descr{display: block; font-size: 14px; line-height: 19px; color: #999;} /* --- social sign --- */ .social-sign{text-align: center; margin: 0 -10px -10px 0; font-size: 0;} .social-sign_item{display: inline-block; vertical-align: top; margin: 0 10px 10px 0;} /* --- icon link --- */ .icon-link{display: inline-table; vertical-align: middle; color: #1c75a8;} .icon-link_icon, .icon-link_txt{display: table-cell; vertical-align: middle;} .icon-link_icon{vertical-align: top; padding-right: 10px; color: #f03226; transition: .15s;} .no-touch .icon-link:hover{color: #f03226;} .no-touch .icon-link:hover .icon-link_icon{opacity: .7;} .icon-link__gray{color: #999; text-transform: uppercase; font-size: 14px; line-height: 20px; font-weight: 700;} .icon-link__gray .icon-link_icon{color: #999;} .no-touch .icon-link__gray:hover{color: #999; opacity: .7;} .no-touch .icon-link__gray:hover .icon-link_icon{opacity: 1;} .no-touch .icon-link__inactive:hover{opacity: 1;} /* --- back link --- */ .back-link{white-space: nowrap; transition: .15s;} .back-link_icon{display: inline-block; vertical-align: middle; line-height: 0; margin-right: 2px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .back-link_txt{white-space: normal; border-bottom: 1px solid rgba(28,117,168,.3); transition: border .15s;} .no-touch .back-link:hover{color: #f03226; border-bottom-color: rgba(240,50,38,.3);} .back-link__white{color: #fff; opacity: .6;} .back-link__white .back-link_txt{border-bottom-color: rgba(255,255,255,.3);} .no-touch .back-link__white:hover{opacity: 1; color: #fff;} .back-link__black{color: #000;} .back-link__black .back-link_txt{border-bottom-color: rgba(0,0,0,.3);} .no-touch .back-link__black:hover{opacity: .4; color: #000; border-bottom-color: rgba(0,0,0,.3);} /* --- blocks --- */ .container{max-width: 1340px; margin: 0 auto; padding: 0 80px;} .container-md{max-width: 1300px; margin: 0 auto; padding: 0;} .container-sm{max-width: 1080px; margin: 0 auto; padding: 0;} .out-of-container{width: 100vw; margin-left: calc(590px - 50vw); margin-right: calc(590px - 50vw);} .out-of-main-section, .out-of-main-section.flc:first-child, .out-of-main-section.fc:first-child{margin-top: -40px;} /* --- page section --- */ .page-section__main{background: linear-gradient(to bottom, #e8eded 0px, #fff 380px, #fff 100%) no-repeat; padding: 40px 0 55px;} .page-section__main .informer:first-child, .page-section__main .main-section-nav-container:first-child{margin-top: -40px;} .page-section__main .interest-section:last-child{margin-bottom: -15px;} .page-header + .page-section__main, .page-header + .account-stripe + .page-section__main{border-top: 1px solid #cfd4d7;} .page-section_table{display: table; width: 100%; table-layout: fixed;} .page-section_table-main, .page-section_table-aside{display: table-cell; vertical-align: top;} .page-section_table-aside{width: 300px; padding-left: 40px; position: relative;} .page-section_map, .page-section_map.section-map{height: 400px; max-height: 60vh;} .page-section_map > ymaps{height: 100% !important; max-height: 60vh;} .page-section_txt{margin: 25px 0;} .cards-compare-page .page-section__main{background: linear-gradient(to bottom, #e8eded 0px, #fff 180px, #fff 100%) no-repeat;} /* --- section-divider --- */ .section-divider{border: none; border-top: 1px solid #cfd4d7; margin-top: 0; margin-bottom: 0;} .section-divider__md{margin-top: 40px; margin-bottom: 40px;} /* --- header w aside --- */ .header-w-aside{display: table; width: 100%;} .header-w-aside_heading, .header-w-aside_aside{display: table-cell; vertical-align: top; width: 99%;} .header-w-aside_aside{width: 1px; white-space: nowrap; padding-left: 40px;} .header-w-aside_heading-tabs{display: inline-block; vertical-align: top; margin: -5px -15px; font-size: 0;} .header-w-aside_heading-tab{display: inline-block; vertical-align: top; color: #999; transition: .15s; cursor: pointer; position: relative;} .header-w-aside_heading-tab.header-w-aside_heading-tab.header-w-aside_heading-tab{margin: 5px 15px;} .header-w-aside_heading-tab__w-notification{padding-right: 15px;} .header-w-aside_heading-tab__w-notification::after{content: ''; position: absolute; top: 2px; right: 0; width: 8px; height: 8px; border-radius: 50%; background: #f03226;} .header-w-aside_heading-tab.open{cursor: default; color: #000;} /* --- overlay --- */ .overlay{position: absolute; top: 0; left: 0; right: 0; height: 0; z-index: 90; bottom: 100%; background: rgba(0,0,0,.5); opacity: 0; transition: opacity .3s; z-index: 100;} .overlay.open, .account-stripe-open .overlay, .top-search-open .overlay, .main-menu-open .overlay, .mobile-main-menu-open .overlay, .popup-open .overlay, .fullscreen-popup-open .overlay{transition: opacity .3s; height: auto; height: 100%; bottom: 0; opacity: 1;} .top-search-open .top-panel{z-index: 110;} .main-menu-open .overlay{z-index: 70;} /* --- top panel --- */ .top-panel{height: 40px; background-color: #f03226; color: #fff; font-size: 0; text-align: right; position: relative; z-index: 90;} .top-panel_item{display: inline-block; height: 40px; vertical-align: middle; line-height: 20px; text-align: left; position: relative; transition: .4s ease 1s;} .top-panel_item.dropdown-owner::before{left: 26px;} .top-panel_item__search .waitwindowlocalshadow{display: none;} .top-panel_item__left{float: left; margin: 0 -10px; padding: 5px 0;} .top-panel_item__lite .top-panel-btn{padding: 0 8px; margin-left: 8px;} .top-panel_item__lite + .top-panel_item__lite{margin-left: 0;} .top-panel_item__logo, .top-panel_item__menu{display: none;} .top-panel_item__menu{float: left;} .top-panel_item__logo{position: absolute; left: 50%; height: 100%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);} .top-panel_item__logo::after{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .top-panel_item__logo .alfa-logo{color: #fff; width: 135px; height: 40px;} .top-panel_item__logo .alfa-logo__a{width: 25px; display: none;} .no-touch .top-panel_item__logo .alfa-logo:hover{color: #fff;} .top-panel_separator{display: inline-block; height: 40px; vertical-align: middle; border-right: 1px solid rgba(255,255,255,.2); transition: .4s ease 1s;} .top-panel-btn{cursor: pointer; padding: 0 15px; height: 40px; transition: background .15s; color: #fff;} .top-panel-btn::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .top-panel-btn, .top-panel-btn_icon, .top-panel-btn_text, .top-panel-btn_chevron{display: inline-block; vertical-align: middle; transition: .15s;} .top-panel-btn_icon, .top-panel-btn_text, .top-panel-btn_chevron{margin-right: 10px;} .top-panel-btn_icon:last-child, .top-panel-btn_text:last-child, .top-panel-btn_chevron:last-child{margin-right: 0;} .top-panel-btn strong{font-weight: 700; font-size: 18px; line-height: inherit;} .top-panel-btn.open .top-panel-btn_chevron{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .top-panel-btn_icon{position: relative;} .top-panel-btn_icon .svg-icon{opacity: .7; transition: .15s;} .top-panel-btn_icon-badge{position: absolute; top: -2px; left: 50%; margin-left: 1px;} .top-panel-btn_text{font-size: 14px; line-height: 20px; font-weight: 300;} .top-panel_search{position: absolute; top: 0; width: 0px; right: 100%; max-width: calc(100vw - 300px); background-color: #f03226; transition: .7s ease .3s; z-index: 110;} .top-search-open .top-panel_search{width: 850px; overflow: visible;} .top-search-open .top-panel_item, .top-search-open .top-panel_separator{/*-ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);*/ opacity: 0; transition: 0.3s;} .top-search-open .top-panel-btn_icon-search-close{opacity: .7;} .top-search-open .top-panel-btn_icon-search-open{opacity: 0;} .top-search-open .top-panel_item__always-visible{-ms-transform: none; -webkit-transform: none; transform: none; opacity: 1;} body:not(.top-search-open) .top-panel_search .top-search-form_btn, body:not(.top-search-open) .top-panel_search .search-input{padding-left: 0; padding-right: 0;} body:not(.top-search-open) .top-panel-btn_icon-search-close{opacity: 0;} .top-panel_search-results{position: absolute; left: 0; opacity: 0; z-index: 100; transition: .3s; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0) translate3d(0,0,0);} .top-search-open .top-panel_search-results{-ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) translate3d(0,0,0); opacity: 1; transition: .3s ease 1s;} .no-touch .top-panel-btn:hover .top-panel-btn_icon .svg-icon{opacity: 1;} .no-touch .top-panel-btn:hover{background: rgba(255,255,255,.2); color: #fff;} .no-touch .top-panel_item__lite .top-panel-btn:hover{background: transparent;} .no-touch.top-search-open .top-panel-btn:hover .top-panel-btn_icon .top-panel-btn_icon-search-open{opacity: 0;} .no-touch:not(.top-search-open) .top-panel-btn:hover .top-panel-btn_icon .top-panel-btn_icon-search-close{opacity: 0;} /* --- top search form --- */ .top-search-form{display: table; width: 100%; border-left: 1px solid rgba(255,255,255,.2);} .top-search-form_input-box, .top-search-form_btn-box{display: table-cell; vertical-align: middle; width: 99%;} .top-search-form_btn-box{width: 1px;} .top-search-form_btn{display: inline-block; vertical-align: middle; background: none; border: none; padding: 0 14px; height: 40px; color: rgba(255,255,255,.7); transition: .15s, padding .75s, opacity .15s ease .3s; cursor: pointer; overflow: hidden; width: 48px;} .no-touch .top-search-form_btn:hover{color: rgba(255,255,255,1);} body:not(.top-search-open) .top-search-form{border-width: 0; transition: border 0s ease .7s;} body:not(.top-search-open) .top-search-form_btn{opacity: 0; width: 0; transition: .15s, padding .7s, width 0s ease .7s, opacity .15s ease .7s;} /* --- top search results --- */ .top-search-results{width: 700px; max-width: calc(100vw - 500px); background-color: #fff; color: #000; font-size: 16px; padding: 20px 50px; box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .top-search-results_title, .top-search-results_item{display: block; font-weight: 300;} .top-search-results_title{font-size: 14px; line-height: 22px; color: #999; margin: 14px 0 6px;} .top-search-results_item{font-size: 16px; line-height: 27px; padding: 3px 50px; margin: 0 -50px;} .top-search-results_item-subtitle{display: block; color: #595959; font-size: 14px; line-height: 22px;} .top-search-results_not-found{color: #999; margin: 5px 0;} .top-search-results_footer{border-top: 1px solid #e8eded; margin-top: 20px;} .top-search-results_footer-link{display: block; margin: 0 -50px -20px; padding: 25px 50px; font-size: 14px; font-weight: 700; line-height: 22px; text-transform: uppercase; letter-spacing: 1.5px; color: #f03226;} .no-touch .top-search-results_item:hover{background-color: #e8eded;} .no-touch .top-search-results_footer-link:hover{color: #1c75a8;} /* --- top panel menu btn --- */ .top-panel-menu-btn{display: inline-block; height: 100%; width: 80px; margin-left: -30px; position: relative; cursor: pointer;} .top-panel-burger, .top-panel-burger::before, .top-panel-burger::after{content: ''; position: absolute; width: 20px; height: 2px; margin: -1px 0 0 -10px; background-color: #fff; transition: .15s;} .top-panel-burger{top: 50%; left: 50%;} .top-panel-burger::before{bottom: 8px;} .top-panel-burger::after{top: 9px;} .mobile-main-menu-open .top-panel-burger{background: rgba(255,255,255,0);} .mobile-main-menu-open .top-panel-burger::before, .mobile-main-menu-open .top-panel-burger::after{top: 0; bottom: 0; margin-top: 0;} .mobile-main-menu-open .top-panel-burger::before{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .mobile-main-menu-open .top-panel-burger::after{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} /* --- top panel notification --- */ .top-panel_item.notification-animated .top-panel-btn_icon-badge{-moz-animation: badge-shake .2s linear 5; -webkit-animation: badge-shake .2s linear 5; animation: badge-shake .2s linear 5;} @-webkit-keyframes badge-shake{ 0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 25%{-webkit-transform: rotate(-20deg); transform: rotate(-20deg);} 50%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 75%{-webkit-transform: rotate(20deg); transform: rotate(20deg);} 100%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} } @-moz-keyframes badge-shake{ 0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 25%{-webkit-transform: rotate(-20deg); transform: rotate(-20deg);} 50%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 75%{-webkit-transform: rotate(20deg); transform: rotate(20deg);} 100%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} } @keyframes badge-shake{ 0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 25%{-webkit-transform: rotate(-20deg); transform: rotate(-20deg);} 50%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 75%{-webkit-transform: rotate(20deg); transform: rotate(20deg);} 100%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} } /* --- badge --- */ .badge{display: inline-block; vertical-align: middle; padding: 1px 6px; background-color: #f03226; color: #fff; font-size: 11px; font-weight: 400; line-height: 12px; border-radius: 7px; white-space: nowrap;} .badge__alt{padding: 3px 6px 3px; font-size: 13px; line-height: 14px; border-radius: 2px;} .badge__white{background-color: #fff; color: #f03226;} .badge__gray{background-color: #999; color: #fff;} .badge__gray-light{background-color: #999; color: #e8eded;} .badge__green{background-color: #63a064/*#00980e*/; color: #fff;} .badge__pink{background-color: #f46f67; color: #fff;} .badge__yellow{background-color: #eea754; color: #fff;} .badge__in-sync::after{content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; margin: -2px 0 0 6px;} /* --- label --- */ .label{display: inline-block; vertical-align: middle; padding: 4px 9px; border-radius: 4px; color: #fff; background: #f03226; cursor: default; font-size: 14px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .label__gray{background: rgba(0,0,0,.3);} /* --- switch --- */ .switch{font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .switch, .switch_item, .switch_handle, .switch_txt{display: inline-block; vertical-align: middle; } .switch_handle{width: 36px; height: 16px; background: #ac2c23; border-radius: 15px; box-shadow: 0px 1px 1px rgba(0,0,0,.15) inset; position: relative; cursor: pointer;} .switch_item{height: 100%; font-size: 0; cursor: pointer; transition: .15s; padding-right: 10px;} .switch_handle ~ .switch_item{padding-right: 0; padding-left: 10px;} .switch_item::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .switch_txt{transition: .15s;} .switch_dot{width: 14px; height: 14px; background-color: #fff; border-radius: 50%; box-shadow: 0px 1px 4px rgba(0,0,0,.2); position: absolute; top: 1px; left: 1px; transition: .15s;} .switch_dot:active{transition: none;} .switch_input{display: none;} .switch_txt{font-weight: 300; font-size: 14px; line-height: 20px;} .switch.state-left .switch_dot{left: 1px;} .switch.state-right .switch_dot{left: 21px;} .switch__flex-height{height: 100%;} .no-touch .switch:hover .switch_input:not(:checked) ~ .switch_txt{opacity: .7;} .no-touch .switch:hover .switch_dot, .no-touch .switch_dot:active{box-shadow: 0px 5px 10px rgba(0,0,0,.2); width: 16px; height: 16px; margin-top: -1px; margin-left: -1px;} .top-panel_item__left .switch_txt{opacity: 0.7;} .top-panel_item__left .switch{position: relative; padding-left: 10px; padding-right: 10px; border-radius: 5px; background: #f03226; z-index: 1;} .top-panel_item__left .switch_input:checked ~ .switch_txt { color: #ffffff; opacity: 1; } .top-panel_item__left .switch_dot{} .top-panel:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #000; opacity: 0; pointer-events: none; } .top-panel.animated:after { animation-name: switch-animate-back; animation-duration: 7s; animation-iteration-count: 1; animation-delay: 1s; width: 0; transition-delay: 7s; } .top-panel.not-animated:after{ display: none;} .top-panel.animated .switch_dot{ animation-name: switch_dot; animation-duration: 1s; animation-iteration-count: 6; animation-delay: 1s; animation-timing-function: linear; } @-webkit-keyframes switch-animate-back{ 0%{opacity: 0;} 30%{opacity: 0.4;} 70%{opacity: 0.4;} 100%{opacity: 0;} } @-moz-keyframes switch-animate-back{ 0%{opacity: 0;} 30%{opacity: 0.4;} 70%{opacity: 0.4;} 100%{opacity: 0;} } @keyframes switch-animate-back{ 0%{opacity: 0;} 30%{opacity: 0.4;} 70%{opacity: 0.4;} 100%{opacity: 0;} } @-webkit-keyframes switch_dot{ 0%{box-shadow: 0 5px 10px rgba(0,0,0,.2); transform: scale(1) translate3d(0,0,0);} 50%{box-shadow: 0 1px 4px rgba(0,0,0,.2); transform: scale(1.2) translate3d(0,0,0);} 100%{box-shadow: 0 5px 10px rgba(0,0,0,.2); transform: scale(1) translate3d(0,0,0);} } @-moz-keyframes switch_dot{ 0%{box-shadow: 0 5px 10px rgba(0,0,0,.2); transform: scale(1) translate3d(0,0,0);} 50%{box-shadow: 0 1px 4px rgba(0,0,0,.2); transform: scale(1.2) translate3d(0,0,0);} 100%{box-shadow: 0 5px 10px rgba(0,0,0,.2); transform: scale(1) translate3d(0,0,0);} } @keyframes switch_dot{ 0%{box-shadow: 0 5px 10px rgba(0,0,0,.2); transform: scale(1) translate3d(0,0,0);} 50%{box-shadow: 0 1px 4px rgba(0,0,0,.2); transform: scale(1.2) translate3d(0,0,0);} 100%{box-shadow: 0 5px 10px rgba(0,0,0,.2); transform: scale(1) translate3d(0,0,0);} } /* --- tumbler --- */ .tumbler{font-size: 0;} .tumbler_btn{z-index: 1; margin: 0;} .tumbler_btn:not(:first-child){border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; border-left-color: transparent;} .tumbler_btn:not(:first-child).open, .tumbler_btn:not(:first-child).active{margin-left: 0; padding-left: 8px;} .tumbler_btn.btn__md:not(:first-child).open, .tumbler_btn.btn__md:not(:first-child).active{padding-left: 19px;} .tumbler_btn:not(:last-child){border-top-right-radius: 0; border-bottom-right-radius: 0;} .no-touch .tumbler_btn:hover, .tumbler_btn:active{z-index: 10; color: #fff; background-color: #595959; border-color: #595959;} .tumbler_btn.open, .tumbler_btn.active, .no-touch .tumbler_btn.open:hover, .no-touch .tumbler_btn.active:hover{background-color: rgba(0,0,0,.3); border-color: transparent; cursor: default; color: #fff;} .tumbler__block{display: table; width: 100%;} .tumbler__block .tumbler_btn{display: table-cell;} .tumbler__block .tumbler_btn:not(:first-child){border-left: none; padding-left: 9px;} .tumbler__block.tumbler__eq{table-layout: fixed;} /* --- radio-tumbler --- */ .radio-tumbler{font-size: 0;} .radio-tumbler_item{display: inline-block; vertical-align: top;} .radio-tumbler_input{display: none;} .radio-tumbler_input:checked ~ .radio-tumbler_btn{background-color: #fff; color: #000; cursor: default;} .radio-tumbler_btn, .radio-tumbler .btn{margin: 0; position: relative; z-index: 1;} .radio-tumbler_btn.btn__lg{padding-left: 20px; padding-right: 20px; border-width: 1px;} .radio-tumbler_item:not(:first-child) .radio-tumbler_btn{border-top-left-radius: 0; border-bottom-left-radius: 0;} .radio-tumbler_item:not(:last-child){margin-right: -1px;} .radio-tumbler_item:not(:last-child) .radio-tumbler_btn{border-top-right-radius: 0; border-bottom-right-radius: 0;} .radio-tumbler_item:not(:last-child) .radio-tumbler_btn:not(:hover){border-right-color: transparent;} .radio-tumbler_btn:hover{z-index: 10;} .no-touch .radio-tumbler__black .radio-tumbler_btn:hover, .radio-tumbler__black .radio-tumbler_btn:active{z-index: 10; color: #fff; background-color: #595959; border-color: #595959;} .radio-tumbler__black .radio-tumbler_input:checked ~ .radio-tumbler_btn{background-color: rgba(0,0,0,.3); border-color: transparent; color: #fff; margin-right: 1px; display: block; padding-right: 19px;} .radio-tumbler__block{display: table; width: 100%; table-layout: fixed;} .radio-tumbler__block .radio-tumbler_item{display: table-cell; vertical-align: top;} .radio-tumbler__block .radio-tumbler_btn{display: block; width: auto;} .radio-tumbler__block .radio-tumbler_item:not(:last-child) .radio-tumbler_btn{border-right: none;} .radio-tumbler__block .radio-tumbler_input:checked ~ .radio-tumbler_btn{margin: 0; padding-right: 20px;} .radio-tumbler__block-unfix{table-layout: auto;} .no-touch .radio-tumbler__block .radio-tumbler_item:hover + .radio-tumbler_item .radio-tumbler_btn{border-left-color: transparent;} /* --- dropdown --- */ .dropdown-owner{position: relative;} .dropdown-owner::before{content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -7px; border: 7px solid transparent; z-index: 101; opacity: 0; border-top: none; border-bottom: 5px solid #fff; transition: .3s;} .dropdown-owner.open::before{opacity: 1;} .dropdown{position: absolute; top: 100%; left: 0; background-color: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,.2); padding: 18px 20px; -ms-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; z-index: 100; max-width: calc(100vw - 20px); font-size: 16px; color: #000; white-space: normal;} .dropdown__manual{opacity: 0; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0) translate3d(0,0,0); pointer-events: none; transition: transform .3s, opacity .3s;} .dropdown-owner.open .dropdown__manual{opacity: 1; -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) translate3d(0,0,0); pointer-events: all;} .dropdown__md{width: 350px;} .dropdown__sm{width: 265px;} .dropdown__sm-top-nav{width: 300px;} .dropdown__xs{width: 220px;} .dropdown_title{color: #999; font-size: 14px; font-weight: 700; margin-bottom: 20px; letter-spacing: 1.5px; text-transform: uppercase;} .dropdown_wide-block{margin: 0 -20px;} .dropdown_wide-block:first-child{margin-top: -18px;} .dropdown_wide-block:last-child{margin-bottom: -18px;} .dropdown_btn-row{margin-top: 20px;} .dropdown_btn-row:first-child{margin-top: 0;} /* --- dropdown personal --- */ .dropdown-personal{font-size: 14px; line-height: 20px;} /* --- consult phone row --- */ .consult-phone-row{display: table; margin: 18px 0;} .consult-phone-row:first-child{margin-top: 0;} .consult-phone-row:last-child{margin-bottom: 0;} .consult-phone-row_icon-cell, .consult-phone-row_number-cell, .consult-phone-row_comment-cell{display: table-cell; vertical-align: middle; transition: .15s;} .consult-phone-row_icon-cell{color: #f03226; padding-right: 4px;} .consult-phone-row_icon-cell .svg-icon{width: 30px; height: 30px;} .consult-phone-row_number-cell{color: #f03226; font-size: 26px; font-weight: 700; white-space: nowrap;} .consult-phone-row_comment-cell{padding-left: 20px; font-size: 12px; font-weight: 400; line-height: 16px; color: #999;} .consult-phone-row__breakable{display: block; font-size: 0;} .consult-phone-row__breakable .consult-phone-row_icon-cell{display: inline-block;} .consult-phone-row__breakable .consult-phone-row_number-cell{display: inline-block; padding-right: 20px; margin-right: -34px;} .consult-phone-row__breakable .consult-phone-row_comment-cell{display: inline-block; padding: 6px 0; margin-left: 34px;} .no-touch .consult-phone-row:hover .consult-phone-row_icon-cell, .no-touch .consult-phone-row:hover .consult-phone-row_number-cell{opacity: .7;} .no-touch .consult-phone-row:hover .consult-phone-row_comment-cell{color: #000;} .consult-phone-row__gray .consult-phone-row_icon-cell, .consult-phone-row__gray .consult-phone-row_number-cell, .consult-phone-row__gray .consult-phone-row_comment-cell{color: #595959;} .consult-phone-row__white .consult-phone-row_icon-cell, .consult-phone-row__white .consult-phone-row_number-cell{color: #fff;} .no-touch .consult-phone-row__white:hover .consult-phone-row_icon-cell, .no-touch .consult-phone-row__white:hover .consult-phone-row_number-cell{opacity: .4;} .no-touch .consult-phone-row__white:hover .consult-phone-row_comment-cell{color: #cfd4d7;} /* --- aside-consultant --- */ .aside-consultant h3{color: #999} .aside-consultant h3 + .consult-phone-row{margin-top: 12px;} .aside-consultant .consult-phone-row + .consult-phone-row{margin-top: 20px;} .aside-consultant_btn-row{margin: 20px 0;} /* --- aside person --- */ .aside-person{margin: 10px 0;} .aside-person_name{font-weight: 700;} .aside-person_subtitle{font-size: 14px; line-height: 22px; color: #595959; margin: 5px 0;} .aside-person p{margin: 10px 0;} .aside-person p:first-child{margin-top: 0;} .aside-person p:last-child{margin-bottom: 0;} /* --- round close btn --- */ .round-close-btn{border: none; border-radius: 50%; padding: 0; width: 20px; height: 20px; background-color: #999; cursor: pointer; transition: .15s; position: relative; transform: translate3d(0,0,0);} .round-close-btn::before, .round-close-btn::after{content: ''; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6px; width: 12px; height: 2px; background-color: #fff;} .round-close-btn::before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .round-close-btn::after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .no-touch .round-close-btn:hover{background-color: #000;} /* --- account-stripe --- */ .account-stripe{position: fixed; top: 0; right: 0; bottom: 0; width: 0; overflow: hidden; transition: .3s; z-index: 110;} .account-stripe-open .account-stripe{width: 320px;} .account-stripe hr{border-color: #cfd4d7;} .account-stripe_container{width: 320px; overflow-x: hidden; overflow-y: auto; background-color: #e8eded; font-size: 14px; line-height: 20px; height: 100vh;} .account-stripe_header{padding: 25px 20px; position: relative; text-align: center; border-bottom: 1px solid #cfd4d7; background-color: #fff;} .account-stripe_ava{width: 80px; height: 80px; border-radius: 50%; display: block; margin: 0 auto; border: none; background-size: cover; background-position: center; margin-bottom: 30px;} .account-stripe_title, .account-stripe_subtitle{font-size: 14px; font-weight: 700; line-height: 20px; color: #f03226; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px; text-align: center;} .account-stripe_subtitle{color: #999;} .account-stripe_title, .account-stripe_title a{color: #f03226;} .account-stripe_title{white-space: nowrap; overflow: hidden; position: relative;} .account-stripe_title::after{content: ''; position: absolute; right: 0; top: 0; bottom: 0; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); width: 20px;} .account-stripe_title:last-child, .account-stripe_subtitle:last-child{margin-bottom: 0;} .no-touch .account-stripe_title a:hover{color: #1c75a8;} .account-stripe_close-btn{border: none; background: transparent; width: 60px; height: 60px; padding: 20px; position: absolute; top: 0; right: 0; color: #999; cursor: pointer; transition: .15s;} .account-stripe_close-btn:hover{color: #000;} .account-stripe_link-line{margin: 18px 0;} .account-stripe_link-line:first-child{margin-top: 0;} .account-stripe_link-line:last-child{margin-bottom: 0;} .account-stripe_banner{margin: 20px 0;} .account-stripe_messages{padding: 20px; background-color: #fff;} .account-stripe_message{padding: 15px; border-radius: 3px; margin-bottom: 15px; position: relative; transition: .3s, box-shadow .15s;} .account-stripe_message::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; transition: .15s; background: linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px;} .account-stripe_message:last-child{margin-bottom: 0;} .account-stripe_message-header{position: relative; padding-right: 40px; margin-bottom: 12px;} .account-stripe_message-header:last-child{margin-bottom: 0;} .account-stripe_message-close{position: absolute; top: 0; right: 0; z-index: 10;} .account-stripe_message.removing{-ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0;} .account-stripe_message p{transition: .15s;} .no-touch .account-stripe_message .area-link:hover ~ p{color: #1c75a8;} .no-touch .account-stripe_message:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .account-stripe_message:hover::before{opacity: 0;} .account-stripe_footer{padding: 25px 20px 30px; background-color: #e8eded;} .account-stripe_login-bar{color: #1c75a8; font-weight: 400; margin-bottom: 20px; text-align: center; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: .15s;} .account-stripe_login-bar .svg-icon{margin-top: -2px;} .account-stripe_login-bar.open .svg-icon{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: transform .15s;} .account-stripe_login-content{display: none;} .account-stripe_login-content.open{display: block;} .no-touch .account-stripe_login-bar:hover{color: #f03226;} .account-stripe_form-block, .account-stripe_form-tabs{margin: 20px 0;} .account-stripe_form-block:first-child, .account-stripe_form-tabs:first-child{margin-top: 0;} .account-stripe_form-block:last-child, .account-stripe_form-tabs:last-child{margin-bottom: 0;} .account-stripe_social .account-stripe_subtitle{margin-bottom: 15px;} .account-stripe__signed .account-stripe_container{background-color: #fff;} .account-stripe__signed{padding-bottom: 10px;} .account-stripe__signed::after{content: ''; position: absolute; bottom: 0; left: 0; right: 20px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); height: 30px;} /* --- tabs --- */ .tabs_tab{display: none;} .tabs_tab.open{display: block;} .tab-behavior:not(.open), .tab-behavior-i.tab-behavior-i.tab-behavior-i:not(.open){display: none;} /* --- alfa-logo --- */ .alfa-logo{display: inline-block; vertical-align: middle; color: #f03226; height: 55px; width: 180px; position: relative; transition: .2s;} .alfa-logo .svg-icon{width: 100%; height: 100%; transition: none;} .no-touch .alfa-logo:hover{color: #f03226; opacity: .7;} /* --- card link --- */ .card-link{display: table; width: 100%; table-layout: fixed; transition: .15s; background-color: #fff; border-radius: 4px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); color: #1c75a8; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left;} .card-link_img-box, .card-link_txt-box{display: table-cell; vertical-align: middle; height: 80px;} .card-link_img-box{position: relative; width: 81px; background-size: cover; background-position: center; text-align: center; overflow: hidden; color: #999;} .card-link_img-box:first-child{border-right: 1px solid #cfd4d7; border-radius: 4px 0 0 4px;} .card-link_img-box:last-child{border-left: 1px solid #cfd4d7; border-radius: 0 4px 4px 0;} .card-link_img-box strong{display: block; font-size: 14px; line-height: 22px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700;} .card-link_img-box small{display: block; font-weight: 300;} .card-link_img-ie-fix{position: relative; width: 100%; height: 100%; display: block; overflow: hidden;} .card-link_img-ie-fix::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .4; transition: .15s; border-radius: inherit; z-index: 2;} .card-link_cover{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; transition: .6s; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); z-index: 1;} .card-link_txt-box{padding: 15px 20px;} .card-link_top-icon{color: #fff; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; opacity: .7; transition: .15s; z-index: 3;} .card-link_top-icon__youtube{width: 48px; height: 34px; margin: -17px 0 0 -24px;} .card-link_top-icon__youtube img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .card-link_top-icon__circle{border: 2px solid; border-radius: 50%; width: 40px; height: 40px; text-align: center; font-size: 0;} .card-link_top-icon__circle::after{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .card-link__white .card-link_img-ie-fix::before{display: none;} .card-link__inline{display: inline-table; vertical-align: top; width: auto;} .card-link__facebook .card-link_img-box{background: #4268b3;} .card-link__vkontakte .card-link_img-box{background: #4b77a8;} .no-touch .card-link:hover{color: #f03226; box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .card-link:hover .card-link_img-box::before{opacity: .6;} .no-touch .card-link:hover .card-link_top-icon{opacity: 1;} .no-touch .card-link:hover .card-link_cover{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} /* --- card links --- */ .card-links{margin: 0 -20px -20px 0; font-size: 0;} .card-links_item{display: inline-block; vertical-align: top; width: 50%; padding: 0 20px 20px 0;} .card-links__wide .card-links_item{width: 25%;} /* --- page header --- */ .page-header{text-align: right; position: relative; z-index: 80; background-color: #fff;} .page-header_item__logo{float: left;} .page-header_item__logo::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .page-header_item{display: inline-block; vertical-align: middle; height: 100px; text-align: left;} /* --- main menu --- */ .main-menu{font-size: 0; margin-right: -20px;} .main-menu_item{display: inline-block; vertical-align: middle; height: 100px;} .main-menu_item.open .main-menu_btn::after{opacity: 1;} .main-menu_item.open .main-menu_btn-txt{color: #f03226;} .main-menu_item__alt{display: none;} .main-menu_btn{display: block; height: 61px; margin-top: 39px; position: relative; padding: 0 20px; cursor: pointer; text-align: left; border-radius: 0;} .main-menu_btn::before{content: ''; display: inline-block; height: 100%; vertical-align: top;} .main-menu_btn::after{content: ''; position: absolute; bottom: 0; left: 20px; right: 20px; height: 2px; background-color: #f03226; opacity: 0; transition: .15s;} .main-menu_btn-icon, .main-menu_btn-txt{display: inline-block; vertical-align: middle; transition: .15s;} .main-menu_btn-icon{color: #f03226; margin-right: 15px;} .main-menu_btn-txt{color: #000; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 1px; text-transform: uppercase;} .main-menu_mobile-header{display: none; background-color: #e8eded; padding: 17px 20px 16px 60px; position: relative;} .main-menu_mobile-header-close{position: absolute; background: none; color: #f03226; width: 60px; height: 60px; top: 0; left: 0; padding: 20px; cursor: pointer;} .main-menu_submenu{position: absolute; top: 100%; left: 0; right: 0; min-height: 580px; z-index: 80; opacity: 0; transition: .3s; -ms-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0) translate3d(0,0,0);} .main-menu_submenu.open{-ms-transform: none; -webkit-transform: none; transform: none; opacity: 1; z-index: 85;} /*.main-menu-open .main-menu_submenu{transition: transform 0s ease .5s, opacity 0s ease .5s;} .main-menu-open .main-menu_submenu.open{transition: transform 0s, opacity .5s;}*/ .main-menu-open-stop.main-menu-open .main-menu_submenu{transition: transform 0s ease .5s, opacity 0s ease .5s;} .main-menu-open-stop.main-menu-open .main-menu_submenu.open{transition: transform 0s, opacity .5s;} .no-touch .main-menu_btn:hover .main-menu_btn-txt{color: #f03226;} /* --- main submenu --- */ .main-submenu{background-color: #fff; font-size: 16px; line-height: 27px;} .main-submenu_close{position: absolute; top: 80px; left: 50%; margin-left: 610px; width: 80px; height: 80px; padding: 20px; color: #999; transition: .15s; cursor: pointer;} .main-submenu_close .svg-icon{transition: none;} .no-touch .main-submenu_close:hover{color: #000;} .main-submenu_search{height: 60px; background-color: #e8eded;} .main-submenu_search-form{display: table; width: calc(100% + 15px); margin-left: -15px;} .main-submenu_search-btn-cell, .main-submenu_search-input-cell{display: table-cell; width: 99%; vertical-align: middle;} .main-submenu_search-btn-cell{width: 1px;} .main-submenu_search-btn{display: block; width: 50px; height: 60px; padding: 20px 15px; border: none; color: #999; cursor: pointer; transition: .15s;} .main-submenu_search-btn .svg-icon{transition: none;} .main-submenu_search-input{display: block; width: 100%; height: 60px; border: none; background: transparent; box-shadow: none; color: #999; font: 300 26px/36px 'Roboto', Arial, Helvetica, sans-serif; padding: 12px 20px 12px 0; outline: none; transition: .15s;} .main-submenu_search-input::-webkit-input-placeholder{font-size: 26px; font-weight: 300; line-height: 36px; color: inherit; transition: none;} .main-submenu_search-input::-moz-placeholder{font-size: 26px; font-weight: 300; line-height: 36px; color: inherit; transition: none;} .main-submenu_search-input:-moz-placeholder{font-size: 26px; font-weight: 300; line-height: 36px; color: inherit; transition: none;} .main-submenu_search-input:-ms-input-placeholder{font-size: 26px; font-weight: 300; line-height: 36px; color: inherit; transition: none;} .main-submenu_search-input:focus::-webkit-input-placeholder{color: #999;} .main-submenu_search-input:focus::-moz-placeholder{color: #999;} .main-submenu_search-input:focus:-moz-placeholder{color: #999;} .main-submenu_search-input:focus:-ms-input-placeholder{color: #999;} .no-touch .main-submenu_search:hover .main-submenu_search-btn{color: #595959;} .no-touch .main-submenu_search:hover .main-submenu_search-input{color: #595959;} .no-touch .main-submenu_search:hover .main-submenu_search-input:focus, .main-submenu_search-input:focus{color: #000;} .no-touch .main-submenu_search .main-submenu_search-btn:hover{color: #f03226;} .main-submenu_search-results{background-color: #fff; position: absolute; top: 72px; bottom: 0; left: 0; right: 0; z-index: 10; opacity: 0; transition: .5s; visibility: hidden;} .main-submenu_search.open .main-submenu_search-results{opacity: 1; visibility: visible;} .main-submenu_content{padding: 35px 0;} .main-submenu_back{display: none;} .main-submenu_block-links{margin: 35px 0;} .main-submenu_block-links:first-child{margin-top: 0;} .main-submenu_block-links:last-child{margin-bottom: 0;} /* --- main search results --- */ .main-search-results_list{overflow-y: auto; max-height: 408px;} .main-search-results_footer{margin-top: 15px; cursor: default;} .main-search-results_footer-inner{border-top: 1px solid #e8eded; padding-top: 25px; margin-left: 40px;} .main-search-results_footer-total, .main-search-results_footer-link{display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px; text-transform: uppercase; margin-right: 35px; color: #f03226;} .main-search-results_footer-link-go{-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin: -2px 0 0 4px;} .main-search-results_footer-total{font-weight: 700;} .main-search-results_footer-link{font-weight: 400;} .main-search-results_footer-link:last-child{margin-right: 0;} .main-search-results_not-found{color: #595959; margin-left: 40px; margin-top: 10px; font-size: 18px; line-height: 28px;} .main-search-results_not-found-block{margin-bottom: 20px;} .no-touch .main-search-results_footer-total:hover, .no-touch .main-search-results_footer-link:hover{color: #1c75a8;} /* --- main search results item --- */ .main-search-results-item{display: block; transition: .15s;} .main-search-results-item_content{display: table; width: 100%; table-layout: fixed;} .main-search-results-item_icon-cell, .main-search-results-item_txt-cell{display: table-cell; height: 50px;} .main-search-results-item_txt-cell{vertical-align: middle; padding: 11px 0;} .main-search-results-item_icon-cell{width: 40px; padding: 15px 20px 15px 0; vertical-align: top; text-align: center; color: #f03226;} .main-search-results-item_title{display: block; font-size: 18px; line-height: 28px; color: #1c75a8; transition: .15s;} .main-search-results-item_subtitle{display: block; color: #595959; font-size: 14px; line-height: 22px; margin-top: 4px;} .main-search-results-item_subtitle:first-child{margin-top: 0;} .no-touch .main-search-results-item:hover{background-color: #e8eded;} .no-touch .main-search-results-item:hover .main-search-results-item_title{color: #f03226;} /* --- main submenu items --- */ .main-submenu-item{display: block;} .main-submenu-item_link{display: inline-block; position: relative; padding-left: 32px; cursor: default; transition: .15s; margin-bottom: 14px;} .main-submenu-item_link:last-child{margin-bottom: 0;} .main-submenu-item_icon{position: absolute; top: 0; left: 0; width: 20px; height: 20px; color: #999; transition: .15s;} .main-submenu-item_icon .svg-icon{vertical-align: top; transition: none;} .main-submenu-item_title, .main-submenu-item_subtitle{display: block; font-size: 14px; line-height: 22px; transition: .15s;} .main-submenu-item_title{font-weight: 700; letter-spacing: 1px; color: #999; text-transform: uppercase;} .main-submenu-item_subtitle{color: #595959;} .main-submenu-item.highlight .main-submenu-item_title, .main-submenu-item.highlight .main-submenu-item_icon{color: #f03226;} .main-submenu-item.highlight .main-submenu-item_link{cursor: pointer;} .main-submenu-item.highlight .main-submenu-item_link:hover{opacity: .7;} .main-submenu-item.highlight .main-submenu-level-2 .main-submenu-item_link:hover{opacity: 1;} .main-submenu-item sup{vertical-align: top; color: #595959; font-size: 12px; line-height: 22px;} .main-submenu-level-1{margin-bottom: 22px;} .main-submenu-level-1:last-child{margin-bottom: 0;} .main-submenu-level-2 .main-submenu-item{margin-bottom: 12px;} .main-submenu-level-2 .main-submenu-item:last-child{margin-bottom: 0;} .main-submenu-level-2 .main-submenu-item_link{margin-bottom: 0px; cursor: pointer;} .main-submenu-level-2 .main-submenu-item_link .main-submenu-item_icon{color: #999; top: 3px;} .main-submenu-level-2 .main-submenu-item_link .main-submenu-item_title{font-size: 16px; font-weight: 300; line-height: 27px; color: #000; text-transform: none;} .main-submenu-level-2 .main-submenu-item_link .main-submenu-item_title{color: #000;} .main-submenu-level-2 .main-submenu-item_link .main-submenu-item_title__more{font-size: 14px; color: #f03226; transition: .15s;} .main-submenu-level-2 .main-submenu-item_link:hover .main-submenu-item_title{color: #f03226;} .main-submenu-level-2 .main-submenu-item_link:hover .main-submenu-item_title__more{opacity: .7;} .main-submenu-level-2 .main-submenu-item_link:hover .main-submenu-item_icon{color: #f03226;} .main-submenu-level-2_back{display: none;} /* --- dashed block link --- */ .dashed-block-link{display: table; width: 100%; table-layout: fixed; border-radius: 4px; position: relative; color: #f03226; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; transition: .15s;} .dashed-block-link__normal{letter-spacing: normal; font-size: 16px; font-weight: 300; line-height: 27px; text-transform: none; color: #000;} .dashed-block-link_frame, .dashed-block-link_icon, .dashed-block-link_txt{display: table-cell; vertical-align: middle; height: 80px; padding: 10px 20px;} .dashed-block-link_txt sup{color: #595959; font-size: 12px; font-weight: 300; vertical-align: top; letter-spacing: 0; margin-left: 2px;} .dashed-block-link_frame{width: 0; padding: 0;} .dashed-block-link_frame::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; transition: .15s; background: linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px;} .dashed-block-link_icon{width: 80px;} .dashed-block-link_content{display: table-cell; vertical-align: top; padding: 24px 20px; position: relative;} .dashed-block-link_icon + .dashed-block-link_txt, .dashed-block-link_icon + .dashed-block-link_content{padding-left: 0;} .no-touch .dashed-block-link:hover{color: #1c75a8; box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .dashed-block-link:hover .dashed-block-link_frame::after{opacity: 0;} .dashed-block-link__sm .dashed-block-link_icon{width: 55px; padding-right: 15px;} .dashed-block-link__sm .dashed-block-link_frame, .dashed-block-link__sm .dashed-block-link_icon, .dashed-block-link__sm .dashed-block-link_txt{height: 70px; font-weight: 700;} .dashed-block-link__card{color: #999; transition: .3s;} .dashed-block-link__card .dashed-block-link_frame, .dashed-block-link__card .dashed-block-link_icon, .dashed-block-link__card .dashed-block-link_txt{height: 150px; font-weight: 700;} .dashed-block-link__card .dashed-block-link_icon{padding-left: 30px; padding-right: 15px; width: 65px;} .dashed-block-link__card .dashed-block-link_txt{padding-right: 30px;} .no-touch .dashed-block-link__card:hover{color: #f03226; box-shadow: 0px 15px 30px rgba(0,0,0,.4)} .no-touch .dashed-block-link__normal:hover{color: #000;} .no-touch .dashed-block-link__addr:hover .addr-block_link{color: #f03226; border-bottom-color: rgba(240,50,38,.3);} .dashed-row-complex{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .dashed-row-complex_item{ margin-bottom: 20px; } .dashed-block-link__complex{ height: 100%; font-size: 16px; line-height: 26px; font-weight: 300; color: #000; text-transform: none } .dashed-block-link__complex .dashed-block-link_icon{ vertical-align: top; padding-top: 28px; color: #f03226 } .dashed-block-link-title{ margin-bottom: 10px; font-weight: 700 } .dashed-block-link-descr{ margin-bottom: 5px } .dashed-block-link-price{ color: #f03226 } a.dashed-block-link__complex .dashed-block-link_frame::before{ content: ''; position: absolute; opacity: 0; visibility: hidden; top: 1px; left: 1px; right: 1px; bottom: 1px; border-radius: 2px; background: rgba(255, 255, 255, 0.7) url("/local/images/icons/add-in-round.svg") no-repeat center; z-index: 1; transition: .15s; } .no-touch .dashed-block-link__complex:hover{ color: #000; } .no-touch .dashed-block-link__complex:hover .dashed-block-link_frame::after{ opacity: 1; } .no-touch .dashed-block-link__complex:hover .dashed-block-link_frame::before{ opacity: 1; visibility: visible; } /* --- dashed block --- */ .dashed-block{display: block; border-radius: 4px; padding: 20px; clear: both; background: linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px;} .dashed-block_title, .dashed-block_title:first-child{color: #595959; text-align: center; height: 0;} .dashed-block_title-txt{background-color: #fff; display: inline-block; vertical-align: top; padding: 0 22px; margin-top: -31px;} .dashed-block_form{text-align: center; margin: 15px 0;} .page-prefooter .dashed-block_title-txt{background-color: #e8eded;} .dashed-block_simple-title, .dashed-block_simple-subtitle, .dashed-block_error-message{margin: 12px 0;} .dashed-block_error-message{color: #f03226;} h4 + .dashed-block__guide{margin-top: 15px;} .dashed-block__guide{margin: 40px 0; padding: 30px 40px; text-align: center;} .dashed-block__guide .form{text-align: left; max-width: 580px; margin: 20px auto;} .dashed-block__guide:first-child, .dashed-block__guide .form:first-child{margin-top: 0;} .dashed-block__guide:last-child, .dashed-block__guide .form:last-child{margin-bottom: 0;} .dashed-block__guide h2 + .btn{margin-top: 12px;} .dashed-block__alt{padding: 30px 40px; text-align: center;} .dashed-block_note{font-style: italic; font-size: 14px; line-height: 22px; color: #595959; margin: 22px 0;} .dashed-block_note:first-child{margin-top: -15px;} .dashed-block_note:last-child{margin-bottom: 0;} .dashed-block_note a{border-bottom: 1px solid rgba(28,117,168,.3);} .dashed-block_note .dashed-link{border-bottom-style: dashed;} .dashed-block_btn-row{margin: 22px 0;} .no-touch .dashed-block_note a:hover{border-bottom-color: rgba(240,50,38,.3);} .dashed-block__alt-lt{padding: 15px 40px;} .dashed-block__alt-lt .dashed-block_note:first-child{margin-top: 0;} .dashed-block_note-table{display: table; width: 100%; text-align: left;} .dashed-block_note-table-icon{display: table-cell; vertical-align: top; width: 1px; padding: 6px 40px 6px 0;} .dashed-block_note-table-txt{display: table-cell; vertical-align: top;} /* --- dashed-block-floor --- */ .dashed-block-floor{max-width: 880px; margin: 35px auto;} /* --- addr block --- */ .addr-block_title{margin: 3px 0;} .addr-block_link{font-size: 18px; line-height: 28px; font-weight: 700;} /* --- informer --- */ .informer{display: table; width: 100%; table-layout: fixed;} .informer_select-cell, .informer_info-cell{display: table-cell; vertical-align: middle; height: 80px; padding: 15px 0;} .informer_select-cell{width: 280px; padding-right: 25px;} .informer_select-cell .select .select-list{width: 265px;} .informer_select-cell .select{vertical-align: top;} .informer_tab{display: none;} .informer_tab.open{display: block;} .informer_content{display: table; width: 100%;} .informer_content .informer-currencies, .informer_content .informer-convert, .informer_content .informer_aside{display: table-cell; vertical-align: middle; width: 99%;} .informer_content .informer_aside{width: 1px; white-space: nowrap; padding-left: 60px;} .informer_aside-link{border-bottom-style: solid;} .informer + *{margin-top: 0;} /* --- informer currencies --- */ .informer-currencies{text-align: justify; text-align-last: justify; text-justify: distribute; font-size: 0; line-height: 0;} .informer-currencies_left-boundary{display: inline-block; vertical-align: middle; margin-left: -15px;} .informer-currencies_right-boundary{display: inline-block; vertical-align: middle; margin-right: -15px;} .informer-currencies::after{content: ''; display: inline-block; width: 100%; vertical-align: middle;} .informer-currencies_item{display: inline-table; vertical-align: middle; font-size: 18px; line-height: 27px; text-align: left; padding-right: 7px;} .informer-currencies_flag, .informer-currencies_name, .informer-currencies_value{display: table-cell; vertical-align: baseline;} .informer-currencies_flag{padding-right: 8px;} .informer-currencies_flag img{max-width: 20px; max-height: 14px; vertical-align: baseline; box-shadow: 0px 1px 4px rgba(0,0,0,.2); margin-bottom: -1px;} .informer-currencies_name{font-weight: 700; text-transform: uppercase;} .informer-currencies_name__normal{text-transform: none;} .informer-currencies_value{padding-left: 9px;} .informer-currencies_value .svg-icon{display: none; margin-left: 6px;} .informer-currencies_value__up .svg-icon{display: inline-block; color: #00980e; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .informer-currencies_value__down .svg-icon{display: inline-block; color: #f03226;} .informer-currencies__block{text-align: left; text-align-last: left; font-size: 16px; line-height: 27px;} .informer-currencies__block::after{display: none;} .informer-currencies__block .informer-currencies_name{width: 99%;} .informer-currencies_block-heading{margin-bottom: 12px; display: table; width: auto;} .informer-currencies_block-heading:last-child{margin-bottom: 0;} .informer-currencies_block-label{display: block; font-size: 12px; line-height: 18px; color: #595959;} .informer-currencies_block-values{display: inline-block; font-size: 0; width: calc(100% + 20px); margin: 0 -10px -10px; vertical-align: top;} .informer-currencies_block-values .informer-currencies_value{display: inline-block; vertical-align: baseline; width: 50%; max-width: 100px; padding: 0 10px; margin: 0 0 10px; text-align: left; font-size: 16px;} /* --- informer convert --- */ .informer-convert{text-align: center;} .informer-converter{display: table; width: 100%; border-spacing: 10px 0; margin: 0 -10px;} .informer-converter_select, .informer-converter_input, .informer-converter_curr, .informer-converter_result, .informer-converter_separator{display: table-cell; vertical-align: middle; height: 40px;} .informer-converter_select{width: 150px;} .informer-converter_input{width: 20%;} .informer-converter_curr{width: 17.5%;} .informer-converter_result{text-align: left; padding-left: 10px;} .informer-converter_result-txt{font-weight: 400; font-size: 16px;} .informer-converter:not(.informer-converter__wide) .select{height: 40px; padding: 7px 27px 7px 14px; font-size: 16px;} .informer-converter:not(.informer-converter__wide) .text-input{height: 40px; padding-top: 7px; padding-bottom: 7px;} .informer-converter_separator{width: 20px; color: #000; opacity: .3; text-align: center;} .informer-converter_separator .svg-icon{width: 10px; height: 30px;} .informer-converter__wide{border-spacing: 20px 0; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);} .informer-converter__wide .informer-converter_select, .informer-converter__wide .informer-converter_input, .informer-converter__wide .informer-converter_curr, .informer-converter__wide .informer-converter_separator{height: 50px;} .informer-converter__wide .informer-converter_separator{width: 10px;} .informer-converter__wide .informer-converter_separator .svg-icon{margin-left: -5px; margin-right: -5px;} .informer-converter__wide .informer-converter_select{width: 25%;} .informer-converter__wide .informer-converter_result{padding-left: 0;} .informer-converter__wide .informer-converter_result-txt{font-size: 18px; font-weight: 400;} .informer-converter-line{margin-top: 60px; border-bottom: 1px solid #cfd4d7;} /* --- convert-button --- */ .convert-button{display: inline-block; vertical-align: middle; background: none; border: none; color: #999; width: 40px; height: 40px; padding: 10px; cursor: pointer; transition: .15s;} .no-touch .convert-button:hover{color: #000;} /* --- transfer --- */ .transfer{margin: 40px 0; padding: 30px 40px 40px;} /* --- card banners --- */ .card-banners{margin: 30px 0;} .card-banners:first-child{margin-top: 0;} .card-banners:last-child{margin-bottom: 0;} .card-banners_item, .card-banners_item-long{margin-bottom: 20px; transition: -webkit-transform 1s, opacity 1s; transition: transform 1s, opacity 1s;} .card-banners_item:nth-last-child(1), .card-banners_item:nth-last-child(2), .card-banners__block-links .card-banners_item:nth-last-child(3), .card-banners__block-links .card-banners_item:nth-last-child(4){margin-bottom: 0;} .card-banners__block-links-3 .card-banners_item:nth-last-child(4){margin-bottom: 20px;} .card-banners__block-links-2 .card-banners_item:nth-last-child(3), .card-banners__block-links-2 .card-banners_item:nth-last-child(4){margin-bottom: 20px;} .card-banners_item-long:last-child{margin-bottom: 0;} .card-banners_item-long__half{width: 50%;} .informer + .card-banners, h2 + .card-banners{margin-top: 0;} .card-banners + h2{margin-top: 40px;} /* --- card banner --- */ .card-banner{padding: 30px 40px; border-radius: 4px; background-color: #fff; background-size: cover; background-position: right center; box-shadow: 0px 1px 4px rgba(0,0,0,.2); height: 240px; position: relative; color: #000; overflow: hidden; transition: .15s;} .card-banner.show-animate{transition: .15s, opacity 1s, -webkit-transform 1s; transition: .15s, opacity 1s, transform 1s;} .card-banner_content{position: relative; z-index: 2; max-width: 350px;} .card-banner_top{margin-bottom: 15px; line-height: 0;} .card-banner_badge{vertical-align: top; position: relative; z-index: 4; transition: .15s; pointer-events: none;} a.card-banner_badge{pointer-events: all; color: #fff;} .card-banner_title{margin: 0 0 9px; transition: .15s;} .card-banner_title-arrow{display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: 4px; margin-top: -2px; border: 1px solid rgba(0,0,0,.3); border-radius: 50%; position: relative; color: #000; opacity: 0; transition: .15s;} .card-banner_title-arrow .svg-icon{position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: none;} .card-banner_link, .card-banner_cover{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; transition: 4s; transform: translate3d(0,0,0);} .card-banner_cover{z-index: 1; background-size: cover; background-position: right center; transition: transform 4s;} .card-banner_link{z-index: 3;} .card-banner_price{color: #f03226; margin: 5px 0;} .card-banner_price strong{font-size: 28px; font-weight: 300; line-height: 28px;} .card-banner_price small{font-size: 22px; line-height: 28px; font-weight: 300;} .card-banner_percent{color: #f03226; font-size: 22px; line-height: 28px;} .card-banner_percent + .card-banner_payment{margin-top: 2px;} .card-banner_payment{color: #595959;} .card-banner_badge-row{line-height: 0; margin: 15px 0;} .card-banner_footnote{display: block; color: #595959; font-size: 14px; line-height: 20px; margin: 4px 0;} .card-banner_hover-bottom{opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; right: 90px; background-color: #fff; transition: .3s; -ms-transform: translateY(29px); -webkit-transform: translateY(29px); transform: translateY(29px); z-index: 4;} .card-banner_hover-bottom::before{content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 60px; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));} .card-banner_hover-bottom-row{margin: -20px -40px 0 0;} .card-banner_hover-bottom-row-item{display: inline-block; vertical-align: middle; margin: 20px 40px 0 0;} .card-banner_hover-bottom .checkbox-label{padding-left: 28px;} .card-banner_pay-systems{display: block; position: absolute; bottom: 0; margin: 0 -3px -3px 0; line-height: 0;} .card-banner_pay-systems-item{display: inline-block; vertical-align: middle; margin: 0 3px 3px 0; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .5; transition: .15s;} .card-banner_card-box{display: inline-block; vertical-align: middle; border-radius: 8px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); max-width: 100%; transition: .3s;} .card-banner_bg-frame img, .card-banner_card-box img{display: inline-block; vertical-align: middle; max-width: 100%;} .card-banner ul, .card-banner p{margin: 8px 0;} .card-banner ul:first-child, .card-banner p:first-child{margin: 0;} .card-banner ul:last-child, .card-banner p:last-child{margin-bottom: 0;} .card-banner ul > li{display: block; padding-left: 26px; margin-bottom: 6px; position: relative;} .card-banner ul > li:last-child{margin-bottom: 0;} .card-banner ul > li::before{content: ''; position: absolute; top: 8px; left: 1px; width: 11px; height: 7px; border-left: 1px solid; border-bottom: 1px solid; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .no-touch .card-banner:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .card-banner:hover .card-banner_cover{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) translate3d(0,0,0);} .no-touch .card-banner:hover .card-banner_title-arrow{opacity: 1; margin-left: 14px;} .no-touch .card-banner:hover .card-banner_hover-bottom{visibility: visible; opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);} .no-touch .card-banner:hover .card-banner_pay-systems-item{-webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1;} .no-touch a.card-banner_badge:hover{opacity: .7; color: #fff;} .card-banner__dark{color: #fff;} .card-banner__dark:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: inherit; background-color: rgba(0,0,0,.4);} .card-banner__long{padding-left: 320px; overflow: visible;} .card-banner__long .card-banner_bg-frame{position: absolute; top: 0; left: 0; bottom: 0; width: 280px; overflow: hidden; border-radius: 4px 0 0 4px; font-size: 0; text-align: center; padding: 40px 0 40px 40px;} .card-banner__long .card-banner_bg-frame::after{content: ''; display: inline-block; vertical-align: middle; height: 160px;} .card-banner__long .card-banner_content{display: table; width: 100%; table-layout: fixed; max-width: none; z-index: auto;} .card-banner__long .card-banner_content-main, .card-banner__long .card-banner_content-aside{display: table-cell; vertical-align: top; height: 180px;} .card-banner__long .card-banner_content-aside{width: 170px; padding: 0 0 20px 20px; text-align: right; position: relative;} .card-banner__long .card-banner_content-aside .card-banner_likes{position: absolute; bottom: 0; right: 0; line-height: 0; z-index: 5;} .card-banner__long .card-banner_content-crop{height: 180px; position: relative; overflow: hidden; margin-right: -10px; padding-right: 10px;} .card-banner__long .card-banner_content-crop.overflow-y::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)), linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));} .card-banner__long .card-banner_title{white-space: nowrap;} .card-banner__long .card-banner_title-txt{white-space: normal; padding-right: 40px;} .card-banner__long .card-banner_title-arrow{margin-left: -38px;} .no-touch .card-banner__long:hover .card-banner_title-txt{color: #f03226;} .no-touch .card-banner__long:hover .card-banner_title-arrow{border-color: rgba(240,50,38,.3); color: #f03226; margin-left: -29px;} .card-banner__text .card-banner_content-aside{width: 90px;} .card-banner__card .card-banner_bg-frame{width: 320px; padding-right: 40px;} .card-banner__card .card-banner_content-aside{width: 90px;} .card-banner__card .card-banner_title-txt, .card-banner__card .card-banner_title-arrow{transition: .3s;} .no-touch .card-banner__card:hover .card-banner_card-box{box-shadow: 0px 15px 30px rgba(0,0,0,.4);} .card-banner__card-w-price .card-banner_content-aside{width: 170px;} .card-banner__org{padding: 24px 30px 30px 230px; height: auto; min-height: 200px;} .card-banner__org .card-banner_bg-frame{width: 200px; padding: 20px; font-size: 0;} .card-banner__org .card-banner_bg-frame img{max-height: 160px;} .card-banner__org .card-banner_content-main, .card-banner__org .card-banner_content-aside{height: 145px;} .card-banner__org .card-banner_content-main{padding-bottom: 25px;} .card-banner__org .card-banner_content-aside{width: 140px;} .card-banner__org .card-banner_percent{font-size: 26px;} .card-banner__org .card-banner_text{margin-right: -50px; line-height: 26px;} .card-banner__org .card-banner_title{margin-right: -10px;} .card-banner__fav{padding: 25px 30px 25px 220px; min-height: 155px; height: auto;} .card-banner__fav .card-banner_bg-frame{width: 180px; padding: 20px 0 20px 20px; font-size: 0;} .card-banner__fav .card-banner_bg-frame::after{height: 115px;} .card-banner__fav .card-banner_content-main, .card-banner__fav .card-banner_content-aside{height: 105px;} .card-banner__fav .card-banner_content-aside{width: 80px;} .card-banner__open-type{background: transparent; border-radius: 0; box-shadow: none; overflow: visible;} .card-banner__open-type.card-banner__open-type{padding: 0; height: auto;} .card-banner__open-type .card-banner_title{margin: 20px 0 0;} .card-banner__open-type .card-banner_title-txt, .card-banner__open-type .card-banner_title-arrow{transition: .3s;} .card-banner__open-type .card-banner_title-txt{padding-right: 40px;} .card-banner__open-type .card-banner_title-arrow{margin-left: -38px;} .card-banner__open-type .card-banner_close{position: absolute; top: -10px; right: -10px; opacity: 0;} .no-touch .card-banner__open-type:hover{box-shadow: none;} .no-touch .card-banner__open-type:hover .card-banner_title-txt{color: #f03226;} .no-touch .card-banner__open-type:hover .card-banner_title-arrow{border-color: rgba(240,50,38,.3); color: #f03226; margin-left: -29px;} .no-touch .card-banner__open-type:hover .card-banner_card-box{box-shadow: 0px 15px 30px rgba(0,0,0,.4);} .no-touch .card-banner__open-type:hover .card-banner_close{opacity: 1;} .touch .card-banner_close{opacity: 1;} /* .card-banner__colorful::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, #0093d8, #df4d6f); z-index: 0; opacity: 0; transition: .15s; border-radius: inherit;} .card-banner__colorful .card-banner_title{transition: none; color: inherit;} .card-banner__colorful .card-banner_title-arrow, .card-banner__colorful .card-banner_card-box{transition: .15s;} .no-touch .card-banner__colorful:hover, .no-touch .card-banner__colorful:hover .like{color: #fff;} .no-touch .card-banner__colorful:hover .like path{stroke: #fff;} .no-touch .card-banner__colorful:hover .like_check:checked ~ .like_icon path{fill: #fff;} .no-touch .card-banner__colorful .like:hover .like_check ~ .like_icon path{fill: #fff;} .no-touch .card-banner__colorful .like:hover .like_check:checked ~ .like_icon path{fill: transparent;} .no-touch .card-banner__colorful:hover .card-banner_title{color: inherit;} .no-touch .card-banner__colorful:hover .card-banner_title-arrow{border-color: rgba(255,255,255,.3); color: #fff;} .no-touch .card-banner__colorful:hover::before{opacity: 1;} */ .card-banner.disabled, .card-banners_item-long.disabled .card-banner, .card-banners_item.disabled .card-banner{opacity: .4;} .no-touch .card-banner:hover{opacity: 1;} /* --- block banner --- */ .block-banner{position: relative; border-radius: 4px; padding: 30px 40px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); font-size: 0; color: #fff; text-align: center; transition: .2s; overflow: hidden;} .block-banner::before{content: ''; display: inline-block; vertical-align: middle; height: 180px;} .block-banner::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4);} .block-banner_cover{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; transform: translate3d(0,0,0); transition: 4s;} .block-banner_content{position: relative; z-index: 2; display: inline-block; vertical-align: middle; font-size: 16px; min-height: 95px;} .block-banner_title{margin: 0 0 7px;} .block-banner .area-link{border: none; z-index: 3;} .no-touch .block-banner:hover .block-banner_cover{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: translate3d(0,0,0) scale(1.1);} /* --- small news section --- */ .card-banners + .small-news-section, .card-banners + div > .small-news-section:first-child{margin-top: 60px;} .small-news-section{margin: 0;} /* --- small news element --- */ .small-news-element, .small-news-element_date, .small-news-element_title{display: block;} .small-news-element_date{font-size: 14px; font-weight: 300; line-height: 22px; color: #595959; margin-bottom: 10px;} .small-news-element_title{font-size: 16px; font-weight: 300; line-height: 27px; color: #1c75a8; transition: .15s;} .small-news-element_image{display: block; position: relative; overflow: hidden; background: #e7eded no-repeat center / 0 0; margin-bottom: 23px; max-width: 366px;} .small-news-element_image:last-child{margin-bottom: 0;} .small-news-element_image::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; background-size: cover; transition: 3s;} .small-news-element_image::before{content: ''; display: block; padding-top: 62.1622%;} .no-touch .small-news-element:hover .small-news-element_title{color: #f03226;} .no-touch .small-news-element:hover .small-news-element_image::after{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} /* --- small news cards section --- */ .small-news-cards-section{margin: 55px 0;} /* --- small news cards list --- */ .small-news-cards-list_grid{display: inline-block; vertical-align: top; width: calc(100% + 20px); margin: -10px; font-size: 0; line-height: 0;} .small-news-cards-list_col, .small-news-cards-list_cell{display: inline-block; vertical-align: top;} .small-news-cards-list_col{width: 50%;} .small-news-cards-list_cell{padding: 10px; font-size: 16px; line-height: 27px; width: 100%;} /* --- small news card --- */ .small-news-card{position: relative; display: table; table-layout: fixed; width: 100%; background: #f2f8f8; border-radius: 4px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); transition: .15s;} .small-news-card_cell-main{display: table-cell; vertical-align: middle; width: calc(360 / 580 * 100%); padding: 30px 40px; height: 194px;} .small-news-card_cell-main:last-child{width: 100%;} .small-news-card_cell-image{display: table-cell; vertical-align: middle; width: calc(220 / 580 * 100%); padding: 30px 30px 30px 0; background: no-repeat center / 0 0;} .small-news-card_cell-image img{display: inline-block; vertical-align: middle; max-width: 100%; border-radius: 4px;} .small-news-card_link{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: 2;} .small-news-card_link.small-news-card_link.small-news-card_link{border: none;} .small-news-card_title{margin: 10px 0;} .small-news-card_meta{font-size: 0; line-height: 0; margin: 10px 0;} .small-news-card_badge, .small-news-card_date{display: inline-block; vertical-align: middle;} .small-news-card_date{font-size: 14px; line-height: 22px; color: #999;} .small-news-card_badge{margin-right: 15px;} .small-news-card__lg{display: block; min-height: calc((194px + 20px) * 3 - 20px); padding-top: 62.39%;} .small-news-card__lg .small-news-card_cell-main, .small-news-card__lg .small-news-card_cell-image{display: block; width: auto; height: auto;} .small-news-card__lg .small-news-card_cell-image{overflow: hidden; position: absolute; top: 0; left: 0; right: 0; height: 0; padding: 62.39% 0 0; min-width: 0; border-radius: 4px 4px 0 0; transform: translate3d(0,0,0);} .small-news-card__lg .small-news-card_cell-image img{display: none;} .small-news-card__lg .small-news-card_cell-image::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 4s; background: inherit; background-size: 100% auto; background-size: cover;} .no-touch .small-news-card:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .small-news-card:hover .small-news-card_cell-image::after{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} /* --- prefooter --- */ .page-prefooter{padding: 34px 0; background-color: #e8eded;} /* --- prefooter informer --- */ .page-prefooter-informer{background-color: #e8eded;} /* --- advantages-row --- */ .advantages-row{margin-bottom: -14px;} .advantages-row_item{margin-bottom: 14px;} .advantages-row + .dashed-block{margin-top: 45px;} /* --- advantage --- */ .advantage{display: table; width: 100%; table-layout: fixed; font-size: 14px; line-height: 22px;} .advantage_img-cell, .advantage_content-cell{display: table-cell; vertical-align: top;} .advantage_title{font-size: 16px; line-height: 27px; letter-spacing: normal; text-transform: none; font-weight: 600; margin-bottom: 5px;} .advantage_title:last-child{margin-bottom: 0;} .advantage_btn-row{margin-top: 20px;} .advantage_img-cell{width: 60px; padding-right: 20px;} .advantage_img-cell img, .advantage_img-cell .svg-icon{width: 40px; height: 40px; color: #595959;} .advantage__red-icon .advantage_img-cell img, .advantage__red-icon .advantage_img-cell .svg-icon{color: #f03226;} .advantage__white-icon .advantage_img-cell img, .advantage__white-icon .advantage_img-cell .svg-icon{color: #fff;} .advantage__wide .advantage_img-cell{width: 80px; padding-top: 7px;} .advantage__wide .advantage_img-cell img{width: 55px;} .advantage__wide .advantage_img-cell .svg-icon{width: 55px; height: 55px;} .advantage__lg{font-size: 16px; line-height: 27px;} .advantage p{margin: 6px 0;} .advantage p:first-child{margin-top: 0;} .advantage p:last-child{margin-bottom: 0;} /* --- page footer --- */ .page-footer{padding: 34px 0; background-color: #595959; color: #999; font-weight: 400;} .page-footer_header{margin: 16px 0;} .page-footer_header:first-child{margin-top: 0;} .page-footer_header h3{margin: 0;} .page-footer_header-btn{display: none;} .page-footer_btn-row{margin: 25px 0 15px;} .page-footer_btn-row:first-child{margin-top: 0;} .page-footer_btn-row:last-child{margin-bottom: 0;} .page-footer_header + .page-footer_btn-row{margin-top: 16px;} .page-footer hr{border-color: #777; margin: 34px 0;} .page-footer_phone{margin: 18px 0;} .page-footer-bottom{font-size: 12px; font-weight: 400; line-height: 20px;} .page-footer-bottom p{margin: 6px 0;} .page-footer-bottom p:first-child{margin-top: 0;} .page-footer-bottom p:last-child{margin-bottom: 0;} .page-footer-bottom a{border-bottom: 1px solid rgba(153,153,153,.3); color: #999;} .no-touch .page-footer-bottom a:hover{color: #cfd4d7; border-bottom-color: rgba(207,212,215,.3);} .no-touch .page-footer-bottom .circle-btn:hover{border-color: #fff;} .page-footer-bottom .circle-btn__white{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .page-footer-bottom .circle-btn__white:hover{color: #fff;} /* --- footer menu --- */ .footer-menu_item{display: block; font-size: 14px; line-height: 22px; margin-bottom: 10px;} .footer-menu_item:last-child{margin-bottom: 0;} .footer-menu_link{font-weight: 400; color: #fff; border-bottom: 1px solid transparent;} .no-touch .footer-menu_link:hover{color: #999; border-bottom: 1px solid rgba(153,153,153,.3);} /* --- link w descr --- */ .link-w-descr-wrap{display: block; margin: 12px 0;} .link-w-descr-wrap .link-w-descr{display: inline-block; vertical-align: top;} .link-w-descr{display: block; color: #000; font-weight: 400; margin: 12px 0;} .link-w-descr_title{border-bottom: 1px solid transparent; transition: border .15s;} .link-w-descr_title .badge{vertical-align: baseline; display: inline; white-space: nowrap;} .link-w-descr_descr{display: block; color: #999;} .link-w-descr__sm{font-size: 14px; line-height: 22px;} .link-w-descr__white{color: #fff;} .no-touch .link-w-descr__white:hover{color: #999;} .no-touch .link-w-descr__white:hover .link-w-descr_title{border-bottom: 1px solid rgba(153,153,153,.3);} /* --- developer link --- */ .developer-link, .page-footer .developer-link{border: none;} /* --- footer logos --- */ .footer-logos{margin: 0 -15px -13px -3px; font-size: 0;} .footer-logos_item{display: inline-block; vertical-align: middle; width: 70px; height: 40px; margin: 0 15px 10px 0; opacity: .4; cursor: pointer; font-size: 0; text-align: center; transition: .15s;} .footer-logos_item::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .no-touch .footer-logos_item:hover{opacity: 1;} .page-footer-bottom .footer-logos_item{border: none;} /* --- notification --- */ .notification{position: fixed; bottom: 0; left: 0; right: 0; background-color: #f03226; color: #fff; font-size: 14px; line-height: 22px; z-index: 60; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translate3d(0,100%,0); transition: .5s;} .notification.open{-ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translate3d(0,0%,0);} .notification_content{display: table; width: 100%; table-layout: fixed;} .notification_icon, .notification_text, .notification_close{display: table-cell; vertical-align: top; padding: 20px 0 23px;} .notification_icon{width: 60px;} .notification_icon img, .notification_icon .svg-icon{max-width: 40px; max-height: 40px; vertical-align: top;} .notification_icon .svg-icon{width: 40px; height: 40px;} .notification_close{width: 125px; text-align: right; padding: 0;} .notification_close-btn{display: inline-block; vertical-align: top; width: 80px; height: 80px; margin-right: -10px; padding: 20px; color: #fff; cursor: pointer; opacity: .7; transition: .15s;} .no-touch .notification_close-btn:hover{opacity: 1;} .notification_text p{margin: 6px 0;} .notification_text p:last-child{margin-bottom: 0;} .notification_title, h3.notification_title{font-size: 18px; font-weight: 300; line-height: 28px; text-transform: none; letter-spacing: normal; margin: 0 0 6px;} .notification_title:first-child, h3.notification_title:first-child{margin-top: -4px;} .notification_title-link{display: none;} /* --- top page section --- */ .top-page-section{position: relative; background: no-repeat center / cover; color: #fff; text-align: center; z-index: 5;} .top-page-section::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); z-index: 1;} .top-page-section_main{display: table; width: 100%; position: relative; z-index: 3; padding-top: 40px; padding-bottom: 190px;} .top-page-section_main-inner{display: table-cell; vertical-align: middle; height: 250px;} .top-page-section_title{margin: 24px 0;} .top-page-section_title-icon{display: none; margin-left: 4px;} .top-page-section_title-icon.arrow-btn{display: none;} .top-page-section_subtitle{font-size: 22px; line-height: 30px; margin-top: 30px;} .top-page-section_top-links{margin: 24px 0;} .top-page-section_like{margin: 24px 0;} .top-page-section_bottom{background: inherit; background-size: 0; position: relative; padding-top: 30px; padding-bottom: 40px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 4;} .top-page-section_bottom-inner{display: table; width: 100%; position: relative; z-index: 5;} .top-page-section_bottom-inner-cell{display: table-cell; vertical-align: middle;} .top-page-section_glass{background: inherit; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none;} .top-page-section_glass-inner{position: absolute; bottom: 0; left: 0; right: 0; background: inherit; background-size: cover; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6'); -webkit-filter: blur(6px); filter: blur(6px);} .top-page-section_glass-inner::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.3)} .top-page-section .top-form-label{text-align: left;} .top-page-section_bottom-text{max-width: 1000px; margin: 0 auto; font-size: 22px; line-height: 35px;} .top-page-section_btns .btn-row_item{vertical-align: bottom;} .top-page-section_btns .checkbox-label{font-size: 16px;} .top-page-section_mobile-filter{display: none;} .top-page-section_bottom-info{display: table; width: 100%;} .top-page-section_bottom-info:last-child, .top-page-section_bottom-text:last-child{margin-bottom: -10px;} .top-page-section_bottom-info-item{display: table-cell; vertical-align: top; text-align: center; padding: 0 20px;} .top-page-section_bottom-info-item strong{display: block; font-size: 26px; font-weight: 300; line-height: 34px;} .top-page-section_bottom-info-item small{display: block; font-size: 16px; font-weight: 300; line-height: 27px; color: #eff3f3; opacity: .6;} .top-page-section_bottom-info-item img{vertical-align: middle;} .top-page-section_bottom-info-item img + img{margin-left: 15px;} .top-page-section_bottom-info-item__aside{width: 1px; white-space: nowrap; vertical-align: middle;} .top-page-section_bottom-info-item__aside-long{width: 21%;} .top-page-section_bottom-info-item__aside:first-child{text-align: left; padding-left: 0;} .top-page-section_bottom-info-item__aside:last-child{text-align: right; padding-right: 0;} .top-page-section_bottom-info-item__txt{font-size: 22px; line-height: 35px;} .top-page-section_bottom-images{margin: 0 -10px -10px; font-size: 0;} .top-page-section_bottom-images img, .top-page-section_bottom-images img + img{margin: 0 10px 10px;} .top-page-section_actions{display: none; position: relative; z-index: 4;} .top-page-section_action{margin-bottom: 22px;} .top-page-section_action:last-child{margin-bottom: 0;} .top-page-section_actions .circle-btn{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .top-page-section_actions .circle-btn:hover{border-color: #fff; color: #fff;} .no-touch .top-page-section_actions .circle-btn:active, .top-page-section_actions .circle-btn:active{background-color: #fff; border-color: #fff; color: #000;} .top-page-section__alt .top-page-section_main{padding-bottom: 180px;} .top-page-section__alt .top-page-section_main-inner{height: 260px;} .top-page-section__alt .top-page-section_menu{display: none;} .top-page-section__alt-w-menu .top-page-section_menu{display: block;} .top-page-section__bright::before{background: transparent;} .top-page-section__bright .top-page-section_glass-inner::before{background: rgba(0,0,0,.05);} .top-page-section_main:only-child{padding-bottom: 40px;} .top-page-section_main:only-child .top-page-section_main-inner{height: 400px;} .top-page-section__lite .top-page-section_main{padding-bottom: 40px;} .top-page-section__lite .top-page-section_main-inner{height: 300px;} /* --- top-page-section-cb --- */ .top-page-section-cb{font-size: 0;} .top-page-section-cb::before{content: ''; display: inline-block; height: 50px; vertical-align: middle;} .top-page-section-cb .checkbox-label{display: inline-block; vertical-align: middle;} /* --- top page section menu --- */ .top-page-section-menu{font-size: 0; margin-bottom: -10px;} .top-page-section-menu_item{display: inline-block; color: #fff; font-size: 22px; line-height: 28px; border-radius: 4px; padding: 6px 20px; cursor: pointer; margin-bottom: 10px;} .top-page-section-menu_item-txt{border-bottom: 1px solid rgba(255,255,255,.4); transition: .15s;} .top-page-section-menu_item.active{background-color: rgba(255,255,255,.4); cursor: default;} .top-page-section-menu_item.active .top-page-section-menu_item-txt{border-bottom: none;} .no-touch .top-page-section-menu_item:hover{color: #fff; opacity: .7;} .no-touch .top-page-section-menu_item.active{opacity: 1;} .no-touch .top-page-section-menu_item.active .top-page-section-menu_item-txt{color: #fff; opacity: 1;} /* --- like --- */ .like{display: inline-table; vertical-align: middle; cursor: pointer; font-size: 14px; line-height: 20px; color: #595959; transition: .15s;} .like_check{display: none;} .like_txt{display: table-cell; vertical-align: middle;} .like_icon{display: table-cell; width: 26px; padding-right: 10px; vertical-align: top; color: #f03226; position: relative;} .like_icon .svg-icon{vertical-align: top; margin-top: -1px;} .like_icon .svg-icon{fill: transparent; stroke: #f03226; stroke-width: 1px; transition: .15s;} .like_check:checked ~ .like_icon .svg-icon, .like.js_favor .like_icon .svg-icon{fill: #f03226;} #svg-icon-heart path{fill: inherit; stroke: inherit; stroke-width: inherit;} .no-touch .like:hover{color: #f03226; opacity: .6;} .no-touch .like:hover .like_icon .svg-icon{stroke-width: 2px;} .no-touch .like:hover .like_check:checked ~ .like_icon .svg-icon{stroke-width: 1px;} .like__white{color: #fff;} .like__white .like_icon{color: #fff;} .like__white .like_icon .svg-icon{stroke: #fff;} .like__white .like_check:checked ~ .like_icon .svg-icon, .like__white.js_favor .like_icon .svg-icon{fill: #fff;} .no-touch .like__white:hover{color: #fff;} /* --- aside links --- */ .aside-links{margin: 32px 0;} .aside-links_item{margin-bottom: 10px;} .aside-links_item___top{margin-bottom: 12px; color: #999;} .aside-links_item:last-child{margin-bottom: 0;} /* --- foldable block --- */ .foldable-block{margin: 30px 0;} .foldable-block_bar{display: inline-block; cursor: pointer; transition: .15s; color: #1c75a8; white-space: nowrap;} .foldable-block_bar-txt{display: inline; border-bottom: 1px dashed rgba(28,117,168,.3); transition: border .15s; white-space: normal;} .foldable-block_bar-txt-star{color: #f03226; padding-left: 5px;} .foldable-block_bar-txt, h2.foldable-block_bar-txt{margin: 0 30px 0 0;} .foldable-block_bar-txt.foldable-block_bar-txt__w-note{margin-right: 0;} .foldable-block_bar-icon{display: inline-block; width: 20px; height: 20px; border: 1px solid rgba(28,117,168,.3); border-radius: 50%; vertical-align: middle; margin: -4px 0 0 -20px; position: relative; transition: border .15s, -webkit-transform .15s; transition: border .15s, transform .15s;} .foldable-block_bar-icon .svg-icon{position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -5px; transition: none;} .foldable-block_bar-note{font-size: 14px; line-height: 22px; color: #595959; display: inline-block; vertical-align: middle;} .foldable-block_bar-note__right{margin: 0 30px 0 7px;} .foldable-block_body{display: none; padding-top: 20px; padding-left: 5px; padding-right: 5px; margin-left: -5px; margin-right: -5px;} .foldable-block_body:first-child{padding-top: 0;} .foldable-block_body + .foldable-block_top{margin-top: 10px;} .foldable-block_body .card-links:first-child, .foldable-block_body .table-scroller:first-child{padding-top: 10px; padding-bottom: 12px;} .foldable-block_body table:first-child{margin: 10px 0 20px;} .foldable-block_body .table-scroller table{margin: 0;} .foldable-block.open .foldable-block_bar-icon{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .foldable-block.open .foldable-block_body{display: block;} .no-touch .foldable-block_bar:hover{color: #f03226;} .no-touch .foldable-block_bar:hover .foldable-block_bar-txt, .no-touch .foldable-block_bar:hover .foldable-block_bar-icon{border-color: rgba(240,50,38,.3);} .foldable-block__lite{margin: 10px 0;} .foldable-block__lite-alt{margin: 10px 0;} .foldable-block__lite-alt .foldable-block_body{padding-top: 10px;} .foldable-block__lite-alt-2{margin: 10px 0;} .foldable-block__lite-alt-2 .foldable-block_body{padding-top: 10px; padding-bottom: 10px;} .foldable-block_bar-txt__md{font-size: 22px; line-height: 34px;} .foldable-block__currency-table{max-width: 780px; margin: 50px auto;} .foldable-block__currency-table .foldable-block_top{text-align: center;} .foldable-block__currency-table .foldable-block_body{padding-top: 35px;} .foldable-block__center{text-align: center;} .foldable-block_top__table{display: table; width: 100%; table-layout: fixed;} .foldable-block_top-txt-cell, .foldable-block_top-bar-cell{display: table-cell; vertical-align: top;} .foldable-block_top-txt-cell{width: 120px; padding-right: 15px; padding-top: 4px; color: #595959;} .foldable-block_description{text-align: center; font-weight: 400;} .foldable-block_description-star{color: #f03226; padding-right: 5px;} /* --- article w aside --- */ .article-w-aside{display: table; width: 100%;} .article-w-aside_aside, .article-w-aside_main{display: table-cell; vertical-align: top;} .article-w-aside_aside{width: 1px; padding-right: 40px;} .article-w-aside_aside > .square-img-card:first-child{margin-top: 7px;} /* --- square img card --- */ .square-img-card{display: block; width: 200px; height: 200px; box-shadow: 0px 5px 10px rgba(0,0,0,.2); background-color: #fff; text-align: center; border-radius: 2px; overflow: hidden;} .square-img-card img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} /* --- sale table --- */ .sale-table{margin: 10px 0;} .sale-table_row{display: table; width: 100%; table-layout: fixed;} .sale-table_img-cell, .sale-table_txt-cell{display: table-cell; vertical-align: middle; padding: 20px 0; border-bottom: 1px solid #cfd4d7;} .sale-table_img-cell{width: 80px; padding-right: 20px;} .sale-table_inner-row{display: table; width: 100%; margin-bottom: 5px;} .sale-table_inner-row:last-child{margin-bottom: 0;} .sale-table_inner-row-txt, .sale-table_inner-row-value{display: table-cell;} .sale-table_inner-row-value{width: 1px; white-space: nowrap; font-weight: 700; padding-left: 20px;} /* --- aside block --- */ .aside-block{margin: 35px 0;} /* --- bordered section --- */ .bordered-section{border-top: 1px solid #cfd4d7; border-bottom: 1px solid #cfd4d7; margin-top: -1px; margin-bottom: -1px;} /* --- table layout --- */ .table-layout{display: table; width: 100%; table-layout: fixed;} .table-layout_main, .table-layout_aside{display: table-cell; vertical-align: top;} .table-layout_aside{width: 33.33%; padding-right: 40px;} .table-layout__row-form .table-layout_aside{vertical-align: middle;} .table-layout__row-form h2{margin: 0;} /* --- form module section --- */ .form-module-section{padding-top: 50px; padding-bottom: 50px;} .form-module-section:last-child{padding-bottom: 0;} /* --- infographics section --- */ .infographics-section{padding-top: 50px; padding-bottom: 50px; background-size: cover; background-position: center; position: relative;} .infographics-section__top{margin-top: -40px; padding-top: 50px; background-color: #fff;} .infographics-section__standalone{padding: 52px 0; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #cfd4d7;} .infographics-section__standalone:first-child{padding-top: 0; margin-top: 0;} .infographics-section__form-last{padding-bottom: 20px;} .infographics-section__bordered{border-bottom: 1px solid #cfd4d7; border-top: 1px solid #cfd4d7; margin-top: -1px; margin-bottom: -1px;} .infographics-section__bordered.blackout{border-color: rgba(255,255,255,.4);} .infographics-section__bordered.blackout + .infographics-section__bordered{border-top-color: transparent;} .infographics-section__standalone + .infographics-section__bordered{margin-top: -31px;} .infographics-section__bordered-standalone{margin-top: 40px; margin-bottom: 40px;} .infographics-section__bordered-top{border-top: 1px solid #cfd4d7;} .infographics-section__bordered-bottom{border-bottom: 1px solid #cfd4d7;} .infographics-section__closer, .infographics-section__closer.flcc.flcc.flcc{padding-bottom: 40px;} .infographics-section__darken{color: #fff;} .infographics-section__darken::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.4);} .infographics-section__darken .container{position: relative; z-index: 1;} .infographics-section__visual{padding-bottom: 85px;} .infographics-section__gray{background-color: #ebf0f0;} .infographics-section_title{text-align: center; margin: 33px auto; max-width: 800px;} .infographics-section_title a{border-bottom: 1px solid;} .infographics-section_title:first-child{margin-top: 0;} .infographics-section_title__w-aside{display: table; width: 100%; max-width: none;} .infographics-section_title-left, .infographics-section_title-right, .infographics-section_title-main{display: table-cell; vertical-align: top;} .infographics-section_title-main, .infographics-section_title-main h2{margin: 0;} .infographics-section_title-left{text-align: left; width: 20%;} .infographics-section_title-right{text-align: right; width: 20%;} .infographics-section_subtitle{max-width: 800px; margin: 24px auto; text-align: center;} .infographics-section_title + .infographics-section_subtitle{margin-top: -20px;} .infographics-section_tabs{text-align: center; margin: 33px 0;} .infographics-section_tabs .select.open.open{z-index: 30;} .infographics-section_btn-row{margin-top: 30px; text-align: center;} .infographics-section.flcc:first-child, .infographics-section.fcc:first-child, .infographics-section.tcc{border-top: none; padding-top: 0; margin-top: 0;} .infographics-section.flcc:last-child, .infographics-section.lcc:last-child, .infographics-section.bcc{border-bottom: none; padding-bottom: 0; margin-bottom: 0;} .page-section_main-tab > .infographics-section:last-child, .page-section__main .container > .infographics-section:last-child{border-bottom: none;} .page-section_main-tabs:last-child{margin-bottom: -55px;} .page-section_main-tabs:last-child .interest-section:last-child{margin-bottom: 20px;} /* --- infographics block --- */ .infographics-block{margin: 40px 0;} .infographics-block_title, .text-guide .infographics-block_title{margin-bottom: 33px;} /* --- infographics layout --- */ .infographics-layout{display: table; width: 100%; table-layout: fixed;} .infographics-layout_visual{display: table-cell; vertical-align: middle; padding: 0 20px; text-align: center;} .infographics-layout_visual:first-child{padding-left: 0;} .infographics-layout_visual:last-child{padding-right: 0;} .infographics-layout_visual img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .infographics-layout_content{display: table-cell; vertical-align: top; padding: 0 20px;} .infographics-layout_content:first-child{padding-left: 0;} .infographics-layout_content:last-child{padding-right: 0;} .infographics-layout_card-img-box{display: inline-block; max-width: 380px; max-height: 240px;} .infographics-layout_card-img-box img{-webkit-filter: drop-shadow(0px 20px 20px rgba(0,0,0,.1)); filter: drop-shadow(0px 20px 20px rgba(0,0,0,.1));} .infographics-layout_card-links{margin-top: 30px;} .infographics-layout_txt-box{margin: 15px 0;} .infographics-layout_txt-block{margin: 30px 0;} .infographics-layout_title{margin-bottom: 25px;} .infographics-layout_title a{border-bottom: 1px solid rgba(28,117,168,.3);} .no-touch .infographics-layout_title a:hover{border-bottom-color: rgba(240,50,38,.3);} .infographics-layout .infographics-grid{margin-bottom: 0;} .infographics-layout .infographics-grid_item:last-child{margin-bottom: 0;} .infographics-layout_visual__bottom{vertical-align: bottom;} .infographics-layout_visual__bottom img{margin-bottom: -50px;} .infographics-layout_content__middle{vertical-align: middle;} /* --- infographics grid --- */ .infographics-grid_item{margin-bottom: 30px;} .infographics-grid{margin-bottom: -30px;} /* --- infographics item --- */ .infographics-item{display: table; width: 100%; table-layout: fixed;} .infographics-item_img-cell, .infographics-item_txt-cell{display: table-cell; vertical-align: top;} .infographics-item_img-cell{width: 80px; padding-right: 20px;} .infographics-item_img-cell img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .infographics-item_img-box{width: 60px; height: 60px; max-width: 100%; border-radius: 50%; overflow: hidden; font-size: 0; text-align: center; transition: .15s; box-shadow: 0px 0px 0px 2px transparent inset; background-position: center; background-size: cover; position: relative;} .infographics-item_img-box::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .infographics-item_title{font-size: 16px; line-height: 27px; font-weight: 700; text-transform: none; letter-spacing: normal; margin-bottom: 5px;} .infographics-item_title:first-child{margin-top: -6px;} .infographics-item_title__strong{color: #ef3124; font-size: 26px; line-height: 34px;} .infographics-item_number{display: inline-block; vertical-align: middle; font-size: 26px; font-weight: 400; line-height: 30px;} .infographics-item_link{margin: 5px 0;} .infographics-item_link:first-child{margin-top: 0;} .infographics-item_link:last-child{margin-bottom: 0;} .infographics-item_icons{margin-top: -40px;} .infographics-item_icons-item{display: inline-block; vertical-align: middle; max-height: 58px; margin: 40px 40px 0 0; max-width: 100%;} .infographics-item_icons-item img{max-width: 100%; max-height: 58px; vertical-align: middle;} .infographics-item_icons__sm{margin-top: -20px;} .infographics-item_icons__sm .infographics-item_icons-item{margin: 20px 25px 0 0;} .infographics-item_small-icons{margin-top: 10px; font-size: 0;} .infographics-item_small-icon{display: inline-block; vertical-align: middle; margin: 10px 10px 0 0; max-width: 100px; max-height: 100px;} .infographics-item_small-icon img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .infographics-item_note{margin: 6px 0;} .infographics-item_txt a{border-bottom: 1px solid rgba(28,117,168,.3);} .infographics-item_txt .dashed-link{border-bottom-style: dashed;} .infographics-item_txt a:hover{border-bottom-color: rgba(240,50,38,.3);} .infographics-item_btn-row{margin-top: 20px;} .blackout .infographics-item_txt a{border-color: rgba(255,255,255,.4);} .blackout .infographics-item_txt a:hover{border-color: rgba(255,255,255,.4);} .infographics-item__vc .infographics-item_txt-cell{vertical-align: middle;} .infographics-item__vertical, .infographics-item__vertical .infographics-item_txt-cell, .infographics-item__vertical .infographics-item_img-cell{display: block;} .infographics-item__vertical .infographics-item_img-cell{padding: 0; width: auto; margin-bottom: 22px;} .infographics-item__vertical .infographics-item_title:first-child{margin-top: 0;} .infographics-item__lg .infographics-item_img-box{width: 180px; height: 180px;} .infographics-item__taller .infographics-item_img-box{height: 80px;} .infographics-item__action{cursor: pointer;} .no-touch .infographics-item__action:hover .infographics-item_title .link{color: #f03226; border-color: rgba(240,50,38,.3);} .infographics-item__white-circle-icon .infographics-item_img-box{color: #fff; box-shadow: 0px 0px 0px 2px rgba(255,255,255,.6) inset;} .infographics-item__white-circle-icon-fill .infographics-item_img-box{color: #f03226; background-color: #fff;} .infographics-item__red-circle-icon .infographics-item_img-box{color: #f03226; box-shadow: 0px 0px 0px 2px rgba(240,50,38,.6) inset;} .infographics-item__red-circle-icon-fill .infographics-item_img-box{color: #fff; background-color: #f03226;} .infographics-item__gray-circle-icon .infographics-item_img-box{color: #595959; box-shadow: 0px 0px 0px 2px rgba(89,89,89,.6) inset;} .infographics-item__gray-circle-icon-fill .infographics-item_img-box{color: #595959; background-color: #cfd4d7;} .infographics-item__orange-circle-icon-fill .infographics-item_img-box{color: #fff; background-color: #ff9600;} .infographics-item__blue-circle-icon .infographics-item_img-box, /*.infographics-item__color-link .infographics-item_img-box{color: #1c75a8; box-shadow: 0px 0px 0px 2px rgba(28,117,168,.6) inset;}*/ .infographics-item__color-link .infographics-item_img-box{color: #f03226; box-shadow: 0px 0px 0px 2px rgba(240,50,38,.6) inset;} .infographics-item__color-link.open .infographics-item_img-box{color: #fff; background-color: #f03226; box-shadow: none;} .infographics-item__white-circle-icon .infographics-item_img-box img, .infographics-item__white-circle-icon-fill .infographics-item_img-box img, .infographics-item__red-circle-icon .infographics-item_img-box img, .infographics-item__red-circle-icon-fill .infographics-item_img-box img, .infographics-item__gray-circle-icon .infographics-item_img-box img, .infographics-item__gray-circle-icon-fill .infographics-item_img-box img, .infographics-item__orange-circle-icon-fill .infographics-item_img-box img, .infographics-item__color-link .infographics-item_img-box img{max-width: 40px; max-height: 40px;} .no-touch .infographics-item__white-circle-icon:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px #fff inset;} .no-touch .infographics-item__white-circle-icon-fill:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px rgba(240,50,38,.6) inset;} .no-touch .infographics-item__red-circle-icon:hover .infographics-item_img-box, .no-touch .infographics-item__color-link:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px rgba(240,50,38,1) inset;} .no-touch .infographics-item__red-circle-icon-fill:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px rgba(255,255,255,.4) inset;} .no-touch .infographics-item__gray-circle-icon:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px #595959 inset;} .no-touch .infographics-item__gray-circle-icon-fill:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px #595959 inset;} .no-touch .infographics-item__img-icon:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px rgba(240,50,38,.6) inset;} .no-touch .infographics-item__orange-circle-icon-fill:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px rgba(255,255,255,.4) inset;} .infographics-item__label{cursor: default;} .infographics-item__label .infographics-item_img-box{box-shadow: none; background-color: #f03226; color: #fff;} .infographics-item__label:not(.open){color: #1c75a8; cursor: pointer; transition: .15s;} .infographics-item__label:not(.open) .infographics-item_img-box{color: #1c75a8; box-shadow: 0px 0px 0px 2px rgba(28,117,168,.6) inset; background: transparent;} .no-touch .infographics-item__label:not(.open):hover{color: #f03226;} .no-touch .infographics-item__label.open:hover .infographics-item_img-box{box-shadow: none;} .infographics-item__label .icon-default, .infographics-item__label .icon-hover, .infographics-item__label .icon-open{position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; transition: .15s;} .infographics-item__label .icon-default{opacity: 1;} .infographics-item__label .icon-hover{opacity: 0;} .infographics-item__label .icon-open{opacity: 0;} .infographics-item__label.open .icon-open{opacity: 1;} .infographics-item__label.open .icon-default{opacity: 0;} .infographics-item__label.open .icon-hover{opacity: 0;} .no-touch .infographics-item__label:not(.open):hover .icon-open, .no-touch .infographics-item__label:not(.open):hover .icon-default{opacity: 0;} .no-touch .infographics-item__label:not(.open):hover .icon-hover{opacity: 1;} .infographics-item__big-txt .infographics-item_img-cell{width: 200px;} .infographics-item_strong-txt{font-size: 90px; color: #f03226; line-height: 90px; letter-spacing: -3px;} .infographics-item__link{color: #000;} .infographics-item__link .infographics-item_title-txt{color: #1c75a8; border-bottom: 1px solid rgba(28,117,168,.3); transition: .15s;} .no-touch .infographics-item__link:hover{color: #000;} .no-touch .infographics-item__link:hover .infographics-item_title-txt{color: #f03226; border-bottom-color: rgba(240,50,38,.3);} .infographics-item__color-link{cursor: pointer; color: #1c75a8; transition: .15s;} .infographics-item__color-link-black{color: #000;} .infographics-item__color-link .infographics-item_img-box img{position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; opacity: 0; transition: .15s;} .infographics-item__color-link .infographics-item_img-box .infographics-item_link-img-default{opacity: 1;} .no-touch .infographics-item__color-link:hover, .no-touch .infographics-item__color-link:hover .infographics-item_img-box{color: #f03226;} .no-touch .infographics-item__color-link:hover .infographics-item_link-img-default{opacity: 0;} .no-touch .infographics-item__color-link:hover .infographics-item_link-img-hover{opacity: 1;} .no-touch .infographics-item__color-link.open, .infographics-item__color-link.open{color: #000;} .infographics-item__color-link.open .infographics-item_number{color: #fff;} .no-touch .infographics-item__color-link.open .infographics-item_link-img-default, .infographics-item__color-link.open .infographics-item_link-img-default, .no-touch .infographics-item__color-link.open .infographics-item_link-img-hover, .infographics-item__color-link.open .infographics-item_link-img-hover{opacity: 0;} .no-touch .infographics-item__color-link.open .infographics-item_link-img-active, .infographics-item__color-link.open .infographics-item_link-img-active{opacity: 1;} .infographics-item__free-icon .infographics-item_img-box{border-radius: 0;} /* --- infographics-etc-grid --- */ .infographics-etc-grid{font-size: 0; text-align: center; margin: -20px; clear: both;} .infographics-etc-grid_group{display: inline-block; vertical-align: middle; margin: 10px;} .infographics-etc-grid_item{display: inline-block; vertical-align: middle; margin: 10px; font-size: 16px;} .infographics-etc-grid_item .card-link{max-width: 280px;} .infographics-etc-grid_item img{display: inline-block; vertical-align: middle; max-width: 100%;} /* --- img slides --- */ .img-slides{display: inline-block; vertical-align: middle; position: relative;} .img-slides__slide{display: inline-block; vertical-align: middle; width: 100%; opacity: 0; transition: opacity .5s;} .img-slides__slide.open{opacity: 1;} .img-slides__slide:not(:first-child){position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate3d(-50%, -50%, 0);} /* --- calc-request-section --- */ .calc-request-section{padding-bottom: 24px;} /* --- stick-to-bottom-section --- */ .stick-to-bottom-section{padding: 40px 0; border-bottom: none; margin-top: 40px; margin-bottom: -55px;} /* --- simple tabs --- */ .simple-tab{display: none;} .simple-tab.open{display: block;} /* --- animatable tabs --- */ .animatable-tabs-container{position: relative;} .animatable-tab{display: none; transform: translate3d(0,0,0);} .animatable-tab:not(.open){position: absolute; top: 0; max-width: 100%;} .animatable-tab.tab-animate{display: block; transition: -webkit-transform 1s, opacity 1s, height 1s; transition: transform 1s, opacity 1s, height 1s; overflow: hidden;} .animatable-tab.tab-animate-left, .animatable-tab.tab-animate-right{display: block; opacity: 0;} .animatable-tab.tab-animate-left{-ms-transform: translate3d(-100vw,0,0); -webkit-transform: translate3d(-100vw,0,0); transform: translate3d(-100vw,0,0);} .animatable-tab.tab-animate-right{-ms-transform: translate3d(100vw,0,0); -webkit-transform: translate3d(100vw,0,0); transform: translate3d(100vw,0,0);} .animatable-tabs-container__anim-inside.animated{overflow: hidden;} .animatable-tabs-container__anim-inside .tab-animate-left{ -ms-transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} .animatable-tabs-container__anim-inside .tab-animate-right{ -ms-transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} .animatable-tab.open{display: block; opacity: 1; -ms-transform: none; -webkit-transform: none; transform: none;} /* --- slider section --- */ .slider-section{padding: 30px 0 40px; margin-top: 60px; margin-bottom: 60px;} /* --- card slider --- */ .card-slider{margin: -10px -10px 0; height: 300px; overflow: hidden; padding-bottom: 40px; position: relative;} .card-slider_item{float: left; padding: 0 10px; margin: 10px 0; width: 50%;} .card-slider .slick-dots, .round-dots .slick-dots{bottom: 0;} .card-slider .slick-dots li, .round-dots .slick-dots li{margin-right: 10px;} .card-slider .slick-dots button, .round-dots .slick-dots button{width: 12px; height: 12px; border: 1px solid #999; border-radius: 50%;} .card-slider .slick-dots .slick-active button, .round-dots .slick-dots .slick-active button{background-color: #999;} /* --- story slider --- */ .story-slider{margin-left: -10px; margin-right: -10px; padding-bottom: 50px; position: relative;} .story-slide{padding: 0 10px;} .story-slide_table{display: table; width: 100%; table-layout: fixed;} .story-slide_img-cell, .story-slide_txt-cell{display: table-cell; vertical-align: top;} .story-slide_img-cell{width: 220px; padding-right: 40px;} .story-slide_img{width: 180px; height: 180px; border-radius: 50%; background-position: center; background-size: cover; transition: .15s; box-shadow: 0px 0px 0px 2px transparent inset;} .story-slide_title{display: block; font-size: 22px; font-weight: 300; line-height: 32px; height: 120px; margin-bottom: 8px; overflow: hidden; position: relative; transition: .15s;} .story-slide_title::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; opacity: 0; visibility: hidden; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,.1));} .story-slide_title.overflow-y::after{opacity: 1; visibility: visible;} .story-slide_small{display: block; font-size: 14px; font-style: italic; font-weight: 300; line-height: 22px; color: #595959; margin-top: 3px;} .story-slide_title-txt{padding-right: 30px;} .story-slide_title .round-arrow{margin-left: -34px; transition: .15s; opacity: 0; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .story-slide__full .story-slide_title{height: auto;} .story-slide__full .story-slide_title::after{display: none;} .story-slide__interact{cursor: pointer;} .no-touch .story-slide__interact:hover .story-slide_title{color: #f03226;} .no-touch .story-slide__interact:hover .story-slide_title .round-arrow{opacity: 1; color: #f03226; border-color: rgba(240,50,38,.3); margin-left: -24px;} .no-touch .story-slide__interact:hover .story-slide_img{box-shadow: 0px 0px 0px 2px rgba(240,50,38,.6) inset;} /* --- stories-grid --- */ .stories-grid{margin: 0 -10px; font-size: 0;} .stories-grid_item{display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; font-size: 16px; margin-bottom: 45px;} .stories-grid_item:nth-last-child(1), .stories-grid_item:nth-last-child(2){margin-bottom: 0;} .stories-grid_item .story-slide{padding: 0;} /* --- main section nav --- */ .main-section-nav-container{height: 80px;} .main-section-nav{border-bottom: 1px solid #cfd4d7;} .main-section-nav_inner{display: table; width: 100%;} .main-section-nav_menu-cell{display: table-cell; vertical-align: bottom; width: 99%; height: 80px; transition: .15s;} .main-section-nav_up-cell, .main-section-nav_like-cell, .main-section-nav_btn-cell{display: table-cell; vertical-align: middle; width: 1px; padding-left: 40px; white-space: nowrap; height: 80px; transition: .15s;} .main-section-nav_btn-cell + .main-section-nav_btn-cell{padding-left: 20px;} .main-section-nav_up-cell{padding: 0; width: 0; position: relative; opacity: 0;} .main-section-nav_up-cell .btn{position: absolute; bottom: 10px; right: 40px;} .main-section-nav_hide-active.active{opacity: 0; -ms-transform; scale(0); -webkit-transform; scale(0); transform; scale(0); pointer-events: none;} .main-section-nav_hideable-btn.open{opacity: 0; visibility: hidden;} /* --- main-section-nav-menu --- */ .main-section-nav-menu{display: table; border-spacing: 40px 0; margin-left: -40px;} .main-section-nav-menu_item{display: table-cell; height: 80px; vertical-align: middle; color: #1c75a8; cursor: pointer; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 1.5px; text-transform: uppercase; padding: 2px 0 0; border-bottom: 2px solid transparent; transition: .15s;} .main-section-nav-menu_item.active, .main-section-nav-menu_item.open, .no-touch .main-section-nav-menu_item.active, .no-touch .main-section-nav-menu_item.open{color: #000; border-bottom-color: #f03226; cursor: default;} /* --- main section nav menu alt --- */ .main-section-nav-menu-alt{height: 80px; transition: .15s;} .main-section-nav-menu-alt .select{vertical-align: middle;} .main-section-nav-menu-alt .select .select-value{font-weight: 700;} .main-section-nav-menu-alt .select-list{width: 265px;} /* --- calc section --- */ .calc-section{padding-top: 46px; padding-bottom: 60px; background-size: cover; background-position: center; position: relative;} .calc-section__bordered{border-top: 1px solid #cfd4d7;} .calc-section_bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 1s;} .calc-section_bg.open{opacity: 1;} .calc-section .container{position: relative; z-index: 1;} .calc-section_title{text-align: center; max-width: 800px; margin: 33px auto;} .calc-section_title + .calc-top, .calc-section_title + .calc-top-alt{margin-top: -9px;} .calc-section .container{position: relative;} .calc-section__gradient::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 380px; max-height: 100%; background: linear-gradient(to bottom, rgba(232,237,237,1), rgba(232,237,237,0));} .calc-section__gray{background-color: #cfd4d7;} .calc-top-alt__infogr{margin-bottom: 60px;} .calc-section__no-bg{padding-bottom: 0;} .calc-section.calc-section__form-last{padding-bottom: 0;} /* --- calc-top --- */ .calc-top{display: table; width: 100%; table-layout: fixed;} .calc-top_form-cell, .calc-top_total-cell{display: table-cell; vertical-align: middle;} .calc-top_total-cell{width: 33.33%; padding-left: 40px; text-align: center;} .calc-top_total-cell__bottom{vertical-align: bottom;} /* --- calc top form --- */ .calc-top-form{font-size: 0; margin: 0 -20px -20px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .calc-top-form_item{margin: 0 20px 20px 0; font-size: 16px;} .calc-top-form_item__inline{display: inline-block; vertical-align: top; width: 200px;} .calc-top-form_item__1-of-2{width: calc(50% - 20px);} .calc-top-form_item__block-md{max-width: 500px;} /* --- calc-top-total --- */ .calc-top-total{position: relative;} .calc-top-total_title{font-weight: 700; margin-bottom: 10px; line-height: 24px;} .calc-top-total_value{display: inline-block; vertical-align: top; color: #f03226; font-size: 1px;} .calc-top-total_value strong{font-size: 52em; font-weight: 400; line-height: 1em;} .calc-top-total_value sup{font-size: 26em; font-weight: 400; line-height: 1.3em; vertical-align: top;} .calc-top-total_value small{font-size: 26em; font-weight: 300; line-height: 1em;} .calc-top-total_value__reflex{color: #f03226; border-bottom: 1px dashed rgba(240,50,38,.3); cursor: pointer; transition: .15s;} .calc-top-total_value__sm{font-size: .8px;} .calc-top-total_value__xs{font-size: .7px;} .calc-top-total_value-old{color: #595959; margin-top: 12px; margin-bottom: -10px;} .calc-top-total__circle{width: 280px; height: 280px; padding: 30px; font-size: 0; display: inline-block; vertical-align: middle; border-radius: 50%;} .calc-top-total__circle::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .calc-top-total_circle{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%;} .calc-top-total_circle-inner{display: inline-block; vertical-align: middle; font-size: 16px; position: relative;} .calc-top-total__circle.dropdown-owner::before{top: 185px; bottom: auto;} .calc-top-total_tip{top: 190px; width: 340px; left: 50%; margin-left: -170px; text-align: left;} .calc-top-total_tip .diagram-legend:first-child{margin-top: -5px;} .calc-top-total_tip .diagram-legend:last-child{margin-bottom: -5px;} .calc-top-total:not(.calc-top-total__circle) .calc-top-total_tip{top: 100%;} .no-touch .calc-top-total__circle:hover .calc-top-total_value, .no-touch .calc-top-total_value__reflex:hover{color: #1c75a8; border-bottom-color: rgba(28,117,168,.3);} /* --- calc top phone --- */ .calc-top-phone{position: relative; width: 261px; height: 370px; margin: 0 auto -60px; overflow: hidden;} .calc-top-phone_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .calc-top-phone_bg img{display: block; width: 100%;} .calc-top-phone_fg{position: absolute; top: 68px; left: 20px; right: 20px; bottom: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center;} .calc-top-phone_value{color: #f03226;} .calc-top-phone_value-main{font-size: 60px; line-height: 60px;} .calc-top-phone_value-sup{font-size: 30px; line-height: 36px; vertical-align: top;} .calc-top-phone_value-sub{font-size: 25px; line-height: 20px; vertical-align: baseline;} .calc-top-phone_label{font-size: 20px; line-height: 24px; margin: 18px 0;} .calc-top-phone_note{font-size: 16px; line-height: 27px; color: #595959; margin: 14px 0;} .calc-top-phone_note-price{white-space: nowrap;} /* --- calc total circle --- */ .calc-total-circle{border-radius: 50%;} .calc-total-circle circle{fill: none; stroke-width: 2px; stroke-dasharray: 0% 314.159%; transition: .8s, stroke-width .25s; -ms-transform-origin: center; -webkit-transform-origin: center; transform-origin: center; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .calc-total-circle .calc-total-circle_background{stroke: #fff; stroke-dasharray: 1 0;} .calc-total-circle_green{stroke: #92cb97;} .calc-total-circle_red{stroke: #f03226;} .calc-total-circle_light-gray{stroke: #e8eded;} .calc-total-circle_gray{stroke: #999;} .no-touch .calc-top-total__circle:hover circle{stroke-width: 8px;} .calc-total-circle__gray .calc-total-circle_background{stroke: #999;} /* --- calc request --- */ .calc-request{border-radius: 4px; background-color: #fff; box-shadow: 0px 1px 4px rgba(0,0,0,.2); margin: 60px 0;} .calc-request_header{padding: 30px 100px; border-radius: 4px 4px 0 0; color: #fff; background: linear-gradient(to right, #f03226, #e68b32); background-color: #f03226;} .calc-request_title{text-align: center; margin-bottom: 33px;} .calc-request_top-txt{text-align: center; max-width: 720px; margin: 0 auto;} .calc-request_title + .calc-request_top-txt{margin-top: -26px;} .calc-request_tabs{display: table; table-layout: fixed; width: calc(100% + 40px); margin: 0 -20px -30px;} .calc-request_label{display: table-cell; vertical-align: top; padding: 0 20px; padding-bottom: 44px; position: relative;} .calc-request_label::before, .calc-request_label::after{content: ''; position: absolute; bottom: 0; width: 50%; border-bottom: 10px solid #fff;} .calc-request_label::before{left: 0;} .calc-request_label::after{right: 0;} .calc-request_label:first-child::before{left: -80px; width: calc(50% + 80px);} .calc-request_label:last-child::after{right: -80px; width: calc(50% + 80px);} .calc-request_label.open::before{border-right: 15px solid transparent;} .calc-request_label.open::after{border-left: 15px solid transparent;} .calc-request_label__reflex{cursor: pointer;} .calc-request_label__reflex.open{cursor: default;} .calc-request_label .infographics-item_img-box{position: relative;} .calc-request_label-icon-open, .calc-request_label-icon-closed{position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; transition: .15s;} .calc-request_label-icon-open{opacity: 0;} .calc-request_label-icon-closed{opacity: 1;} .calc-request_label.open .calc-request_label-icon-open{opacity: 1;} .calc-request_label.open .calc-request_label-icon-closed{opacity: 0;} .calc-request_label.open .infographics-item_img-box{background-color: #fff; color: #f03226; box-shadow: 0px 0px 0px 2px transparent inset;} .calc-request_hr{border: none; border-top: 1px solid #cfd4d7; margin: 40px -100px;} .no-touch .calc-request_label.open:hover .infographics-item_img-box{box-shadow: 0px 0px 0px 2px rgba(240,50,38,.6) inset;} .no-touch .calc-request_label .white-link:hover{color: #fff; border-bottom-color: rgba(255,255,255,.5); opacity: .7;} .calc-request_body{padding: 30px 100px 40px;} .calc-request_body-container{max-width: 620px; margin: 0 auto;} .calc-request_body-container__lg{max-width: 780px;} .calc-request_body-txt{margin: 25px 0;} .calc-request_form{text-align: center;} .calc-request_form__left{text-align: left;} .calc-request_form__left .form_row__submit{text-align: center;} .calc-request_form-title{text-align: center;} .calc-request__sea .calc-request_header{background: linear-gradient(to right, #0084a5, #2b618c); background-color: #2b618c;} .calc-request__pink .calc-request_header{background: linear-gradient(to right, #aa94df, #f7526f); background-color: #f7526f;} .calc-request__purple .calc-request_header{background: linear-gradient(to right, #9221d3, #c564ff); background-color: #c564ff;} .calc-request__avia .calc-request_header{background: linear-gradient(to right, #4d5fab, #62b0f2); background-color: #4d5fab;} .calc-request__insync .calc-request_header{background: linear-gradient(to right, #fe4834, #fe6ea1); background-color: #fe4834;} /* --- calc visualization --- */ .calc-visualization{text-align: center; margin: 20px 0;} .calc-visualization_title, .calc-visualization_subtitle{margin: 18px 0;} .calc-visualization_subtitle{font-size: 14px; line-height: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #999;} .calc-visualization_image img{max-width: 100%; vertical-align: top;} /* --- calc-top-alt --- */ .calc-top-alt_tabs{text-align: center; margin: 25px 0;} .calc-top-alt + .calc-request{margin-top: 40px;} .calc-top-alt_tabs__offset{margin-bottom: 40px;} /* --- calc --- */ .calc{display: table; width: 100%; table-layout: fixed;} .calc_filter{display: table-cell; vertical-align: top; width: 320px; padding-right: 30px;} .calc_results{display: table-cell; vertical-align: top;} .calc_results__h4 .calc-results-container_content{height: 328px;} /* --- calc filter --- */ .calc-filter_item{margin-bottom: 20px;} .calc-filter_item:last-child{margin-bottom: 0px;} .calc-filter_item__summary{margin-top: 30px;} .calc-filter_item__summary:first-child{margin-top: 0px;} /* --- calc results container --- */ .calc-results-container{padding: 30px 20px; margin-left: 10px; border-radius: 4px; position: relative; background: linear-gradient(to right, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-x 10px 0px / 8px 1px, linear-gradient(to right, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-x 10px 100% / 8px 1px, linear-gradient(to bottom, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-y 100% 0px / 1px 8px;} .calc-results-container::before, .calc-results-container::after{content: ''; position: absolute; left: 0px; width: 1px; height: calc(50% - 16px); background: linear-gradient(to bottom, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-y 100% 0px / 1px 8px;} .calc-results-container::before{top: 3px;} .calc-results-container::after{bottom: 3px;} .calc-results-container_arrow{content: ''; position: absolute; top: 50%; right: 100%; width: 18px; height: 18px; margin: -10px -9px 0 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: linear-gradient(to right, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-x 0 0 / 8px 1px, linear-gradient(to bottom, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-y 0 0 / 1px 8px;} .calc-results-container_table{display: table; width: 100%; table-layout: fixed; text-align: center; height: 100%;} .calc-results-container_text, .calc-results-container_demo{display: table-cell; vertical-align: middle;} .calc-results-container_subtitle{font-size: 22px; line-height: 34px; margin: 20px 0;} .calc-results-container_value{color: #f03226; font-size: 100px; line-height: 90px;} .calc-results-container_value small{font-size: 52px; font-weight: 300;} .calc-results-container_currency{color: #f03226; font-size: 30px; line-height: 40px;} .calc-results-container_demo-txt, .calc-results-container_demo-name{opacity: .4;} .calc-results-container_demo-img img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 155px;} /*alt*/ .calc-results-container_content{padding: 0 20px; display: table-cell; vertical-align: middle; text-align: left;} .calc-results-container_head{display: table; width: 100%;} .calc-results-container_head:not(:last-child){padding-bottom: 33px; margin-bottom: 33px; border-bottom: 1px solid rgba(0,0,0,.3);} .calc-results-container_head-icon, .calc-results-container_head-name, .calc-results-container_head-descr{display: table-cell; vertical-align: top;} .calc-results-container_head-icon{width: 1px; padding-right: 20px;} .calc-results-container_head-icon-box{display: inline-block; vertical-align: middle; width: 60px; height: 50px; font-size: 0; text-align: center;} .calc-results-container_head-icon-box::after{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .calc-results-container_head-icon-box img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .calc-results-container_head-name{font-weight: 700; width: 30%; padding-right: 20px;} .calc-results-container_body{text-align: center;} /* --- num-calc --- */ .num-calc_title{text-align: center; font-size: 22px; line-height: 30px; margin-bottom: 20px;} .num-calc_infographics, .num-calc_infographics.infographics-numbers{margin: 20px 0;} .num-calc_btn-row{text-align: center; margin-top: 20px;} .calc-results-container.num-calc{padding-left: 40px; padding-right: 40px;} /* --- lite summary --- */ .lite-summary{text-align: center;} .lite-summary_title{font-size: 16px; font-weight: 700; line-height: 27px; display: block; margin: 5px 0;} .lite-summary_value{margin: 5px 0; color: #f03226; line-height: 0px;} .lite-summary_value strong{display: inline-block; font-size: 52px; line-height: 60px; font-weight: 300;} .lite-summary_value small{display: inline-block; font-size: 26px; line-height: 36px; font-weight: 300;} .lite-summary_value strong + small{margin-left: 6px;} /* --- agreement --- */ .agreement{margin-top: 10px; font-size: 14px; line-height: 22px;} /* --- diagram legend --- */ .diagram-legend_row{display: table; width: 100%;} .diagram-legend_descr-cell, .diagram-legend_color-cell{display: table-cell; vertical-align: baseline;} .diagram-legend_color-cell{width: 30px;} .diagram-legend_descr-cell{font-size: 18px; line-height: 28px;} .diagram-legend_descr-cell small{font-weight: 300; color: #595959; margin-left: 4px;} .diagram-legend_color{display: inline-block; vertical-align: baseline; width: 16px; height: 16px; border: 1px solid #b3b3b3; background-color: #fff; border-radius: 50%; margin-bottom: -1px;} .diagram-legend_color__red{background-color: #f03226;} .diagram-legend_color__green{background-color: #92cb97;} .diagram-legend_color__gray{background-color: #999;} .diagram-legend_color__light-gray{background-color: #e8eded;} /* --- interest section --- */ .interest-section{margin-top: 40px; margin-bottom: 40px;} .interest-section_table{display: table; width: 100%; table-layout: fixed;} .interest-section_title{display: table-cell; width: 25%; padding-right: 40px; vertical-align: middle;} .interest-section_title h2{color: #595959;} .interest-section_content{display: table-cell; vertical-align: top;} .interest-section__bordered{border-top: 1px solid #cfd4d7; padding-top: 40px;} /* --- cards grid section --- */ .cards-grid-section{margin: 40px 0;} /* --- table banner --- */ .table-banner{display: table; width: 100%; table-layout: fixed; margin: 60px 0;} .table-banner_emphasis, .table-banner_image, .table-banner_content{display: table-cell; vertical-align: middle; padding: 20px;} .table-banner_emphasis{width: 22%;} .table-banner_emphasis:first-child{padding-left: 0;} .table-banner_image{padding: 0; width: 320px; height: 240px;} .table-banner_image img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .table-banner_title{font-weight: 300; color: #595959;} .table-banner__close{margin-top: 20px;} .table-banner__md .table-banner_image{height: 260px;} .page-section__main .table-banner__bottom:last-child{margin-bottom: -55px;} .hr__xl + .table-banner{margin-top: -40px;} /* --- not found section --- */ .not-found-section{margin: 40px 0; text-align: center; min-height: 340px;} .not-found-section_btn-row{margin-top: 22px;} /* --- params --- */ .params{font-size: 0; margin: 0 -20px -20px 0;} .params_item{display: inline-block; vertical-align: top; font-size: 16px; margin: 0 20px 20px 0;} /* --- section map --- */ .section-map{border-top: 1px solid #cfd4d7; border-bottom: 1px solid #cfd4d7; height: 350px;} .section-map > ymaps{height: 100% !important;} /* --- section-group --- */ .section-group{position: relative; overflow: hidden;} .section-group__bg-layer{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center / 100% auto; background-size: cover;} .section-group__container{position: relative;} /* --- address section --- */ .address-section{border-top: 1px solid #cfd4d7; border-bottom: 1px solid #cfd4d7; padding: 44px 0; margin-top: 35px; margin-bottom: 30px;} .address-section + .table-banner{margin-top: 30px;} .address-section .address-table:first-child{margin-top: -10px;} .address-section .address-table:last-child{margin-bottom: -20px;} .address-section_map:last-child{margin-bottom: -45px;} /* --- address table --- */ .address-table{width: 100%; table-layout: fixed; border-collapse: collapse;} .address-table_addr-col, .address-table_info-col{padding: 25px 40px 25px 0; border-bottom: 1px solid #cfd4d7; vertical-align: top;} .address-table_addr-col:last-child, .address-table_info-col:last-child{padding-right: 0;} .address-table tr:last-child td{border-bottom: none;} .address-table p{margin: 4px 0;} .address-table p:first-child{margin-top: 0;} .address-table p:last-child{margin-bottom: 0;} /* --- address block --- */ .address-block{display: table; width: 100%;} .address-block_icon-cell, .address-block_txt-cell{display: table-cell; vertical-align: middle;} .address-block_icon-cell{width: 1px; padding-right: 15px; color: #1c75a8; transition: color .15s;} .address-block_title, h3.address-block_title{font-size: 16px; line-height: 27px; text-transform: none; letter-spacing: normal;} .address-block__link{cursor: pointer;} .no-touch .address-block__link:hover .address-block_icon-cell, .no-touch .address-block__link:hover .link{color: #f03226; border-bottom-color: rgba(240,50,38,.4);} /* --- not found screen --- */ .not-found-screen{display: table; width: 100%;} .not-found-screen_inner{display: table-cell; height: 100vh; padding: 40px 0; background: url(/local/images/404-bg-lg.jpg) no-repeat center top; background-size: cover; color: #fff; text-align: center; vertical-align: middle;} .not-found-screen_logo{margin-bottom: 40px;} .not-found-screen_title{margin: 0 auto 25px; max-width: 720px;} .not-found-screen_subtitle{font-size: 22px; line-height: 35px; max-width: 720px; margin: 25px auto;} .not-found-screen_buttons{margin: 32px auto 0; max-width: 720px; position: relative;} .not-found-screen_btn{margin-right: 20px; vertical-align: middle; transition: all .15s, opacity .3s ease .3s;} .not-found-screen_btn:last-child{margin-right: 0;} .not-found-screen_search{position: absolute; top: 0; left: 50%; width: 0; opacity: 0; transition: .4s ease; overflow: hidden;} .not-found-screen.search-open .not-found-screen_btn{opacity: 0; transition: all .15s, opacity .3s;} .not-found-screen.search-open .not-found-screen_search{opacity: 1; left: 0; width: 100%; transition: .4s ease .3s;} /* --- search row --- */ .search-row{position: relative;} .search-row_input{padding-left: 50px; padding-right: 50px;} .search-row_close-btn, .search-row_search-btn{position: absolute; width: 50px; height: 50px; color: #fff; opacity: .6; transition: .15s; padding: 15px; top: 0; cursor: pointer;} .search-row_search-btn{left: 0;} .search-row_close-btn{right: 0;} .search-row_close-btn .svg-icon, .search-row_search-btn .svg-icon{vertical-align: top;} .no-touch .search-row_search-btn:hover, .no-touch .search-row_close-btn:hover{opacity: 1;} .no-touch .search-row_search-btn:hover ~ .search-row_input{border-color: rgba(255,255,255,1);} /* --- arrow btn --- */ .arrow-btn{display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 20px; border: 1px solid rgba(28,117,168,.3); border-radius: 50%; position: relative; transition: .15s;} .arrow-btn .svg-icon{position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -5px; transition: none;} .no-touch .arrow-btn:hover{border-color: rgba(240,50,38,.3);} .arrow-btn__white{border-color: rgba(255,255,255,.3); color: #fff;} /* --- dashed btn --- */ .dashed-btn{display: block; width: 100%; border-radius: 2px; font-size: 14px; line-height: 20px; padding: 15px 40px 15px 15px; cursor: pointer; text-align: left; position: relative; color: #fff; text-transform: uppercase; letter-spacing: 1.5px; background: linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px; } .dashed-btn_icon{position: absolute; top: 15px; right: 20px;} /* --- mobile filter --- */ .mobile-filter_trigger.open{opacity: 0;} .mobile-filter.open .mobile-filter_body{display: block; opacity: 1;} .mobile-filter_body{display: none; background-color: #fff; color: #000; text-align: left; padding: 20px 15px; border-radius: 2px; opacity: 0; transition: opacity .25s;} .mobile-filter_body hr{border-color: #cfd4d7;} .mobile-filter_body{position: relative; margin-top: -50px;} .mobile-filter_body-trigger{margin: 0 -15px -20px; padding: 20px 40px 20px 15px; border-top: 1px solid #cfd4d7; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: 400; line-height: 20px; color: #1c75a8; position: relative;} .mobile-filter_body-trigger-icon{position: absolute; top: 20px; right: 15px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} /* --- round arrow --- */ .round-arrow{display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid rgba(0,0,0,.3); border-radius: 50%; color: #000; position: relative; transition: .15s;} .round-arrow .svg-icon{position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -5px; transition: none;} /* --- search block --- */ .search{margin: 60px 0 10px;} .search_title{text-align: center;} .search_title-arrow{display: none; margin-left: 6px;} .search_title.open .search_title-arrow{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .search_filter{margin: 50px 0 30px;} .search_filter + .search_filter{margin-top: 45px;} .search_top-link{text-align: center; margin: -52px 0 22px;} /* --- inner page --- */ .inner-page .page-section__main{padding: 100px 0 65px;} /* --- lite filter --- */ .lite-filter{text-align: center; margin: 0 -20px -20px 0; font-size: 0;} .lite-filter_item{display: inline-block; vertical-align: top; margin: 0 20px 20px 0; font-size: 16px;} .lite-filter_item__lg{width: 420px;} .lite-filter_item__md{width: 200px;} .lite-filter_item__sm{width: 140px;} .lite-filter_item__total{font-size: 14px; line-height: 20px; color: #999; font-weight: 400; text-transform: uppercase; vertical-align: middle; letter-spacing: 1px; margin-top: 15px; margin-left: 20px;} .lite-filter_item__offset-check{margin-left: 20px; font-size: 0;} .lite-filter_item__offset-check::before{content: ''; display: inline-block; vertical-align: middle; height: 50px;} .lite-filter_item__offset-check .checkbox-label{font-size: 16px;} /* --- lite search --- */ .lite-search{position: relative;} .lite-search_input{padding-left: 50px; padding-right: 50px;} .lite-search_btn{position: absolute; top: 0; width: 50px; height: 50px; cursor: pointer; color: #999; transition: .15s;} .lite-search_btn__search{left: 0;} .lite-search_btn__clear{right: 0;} .no-touch .lite-search_btn__search:hover ~ .lite-search_input{border-color: #595959;} .no-touch .lite-search_btn:hover, .lite-search_btn:active{color: #595959;} /* --- search results --- */ .search-results_row{display: table; width: 100%; table-layout: fixed;} .search-results_col-section, .search-results_col-icon, .search-results_col-text{display: table-cell; vertical-align: top; border-bottom: 1px solid #cfd4d7;} .search-results_col-section{width: 260px; padding: 22px 40px 22px 0;} .search-results_col-icon{padding: 25px 20px 25px 0; width: 40px; color: #f03226;} .search-results_col-icon .svg-icon{vertical-align: top;} .search-results_col-text{padding: 20px 0 22px;} .search-results_link{font-size: 22px; line-height: 32px;} .search-results_txt{margin: 5px 0;} .search-results_more{text-align: center; margin-top: 45px;} /* --- currency table --- */ .currency-table{display: table; width: 100%; table-layout: fixed; border-collapse: collapse;} .currency-table th{font-size: 14px; font-weight: 300; line-height: 20px; color: #595959; text-align: left; padding: 0 20px 6px 0; border: none;} .currency-table_col-name, .currency-table_col-price, .currency-table_col-code{display: table-cell; vertical-align: middle; padding: 20px 20px 20px 0; font-size: 18px; text-align: left; border-bottom: 1px solid #cfd4d7;} .currency-table_col-name{width: 38%;} .currency-table_col-code{width: 80px;} .currency-table_col-price:last-child, .currency-table_col-code:last-child{padding-right: 0;} .currency-table_icon{display: inline-block; width: 20px; height: 14px; vertical-align: middle; margin-right: 10px;} .currency-table_icon img{display: inline-block; vertical-align: top; max-width: 100%; max-height: 100%; box-shadow: 0px 1px 4px rgba(0,0,0,.2);} .currency-table_name{display: inline-block; vertical-align: middle; font-weight: 700;} .currency-table—fifty .currency-table_col-name{ width: 55%; } /* --- currency-price --- */ .currency-price .svg-icon{margin-left: 5px; vertical-align: middle; opacity: 0;} .currency-price__up .svg-icon{color: #00980e; opacity: 1; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .currency-price__down .svg-icon{color: #f03226; opacity: 1;} .currency-price_old{display: block; font-size: 12px; line-height: 12px; color: #999; margin-bottom: -12px;} /* --- rect link --- */ .rect-link{display: inline-block; vertical-align: top; color: #000; cursor: pointer; border: none; font-size: 22px; line-height: 24px; padding: 8px 12px; border-radius: 2px; position: relative;} .rect-link_txt{border-bottom: 1px solid rgba(0,0,0,.3); transition: .15s;} .rect-link .badge{position: absolute; top: 0; left: 100%; margin-left: -8px;} .no-touch .rect-link:hover{color: #000;} .no-touch .rect-link:hover .rect-link_txt{opacity: .4;} .rect-link.active{background-color: rgba(0,0,0,.2); cursor: default;} .rect-link.active .rect-link_txt{border-bottom: none;} .no-touch .rect-link.active:hover .rect-link_txt{opacity: 1;} /* --- checkable link --- */ .checkable-link{cursor: pointer; transition: .15s; color: #595959;} .checkable-link_txt{border-bottom: 1px dashed rgba(89,89,89,.3); transition: border .15s;} .checkable-link_icon{display: none; width: 10px; height: 6px; border-bottom: 1px solid; border-left: 1px solid; vertical-align: middle; margin: -5px 3px 0 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .checkable-link.checked{color: #00980e;} .checkable-link.checked .checkable-link_icon{display: inline-block;} .no-touch .checkable-link:hover{color: #595959; opacity: .6;} .no-touch .checkable-link.checked:hover{color: #00980e;} /* --- data list --- */ .data-list_item{margin-bottom: 5px;} .data-list_item:last-child{margin-bottom: 0;} .data-list_key{font-weight: 700;} /* --- messages grid --- */ .messages-grid{font-size: 0; margin: 0 -10px;} .messages-grid_item{display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; margin-bottom: 20px; font-size: 16px;} .messages-grid_item:last-child, .messages-grid_item:nth-last-child(2){margin-bottom: 0;} .messages-grid .preloading-state__static{margin-bottom: 0;} /* --- message link --- */ .message-link{position: relative; cursor: pointer; padding: 30px 40px 25px; border-radius: 4px; transition: .15s;} .message-link::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; transition: inherit; background: linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px;} .message-link_header{line-height: 0;} .message-link__gray{background-color: #e8eded;} .message-link__gray::before{display: none;} .no-touch .message-link:hover{color: #1c75a8; box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .message-link:hover::before{opacity: 0;} /* --- account data --- */ .account-data{background-color: #fff; border-radius: 4px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); padding: 40px;} .account-data_progress{margin: -40px -40px 40px; overflow: hidden; border-radius: 4px 4px 0 0;} .account-data_table{display: table; width: 100%; table-layout: fixed;} .account-data_foto-col, .account-data_info-col{display: table-cell; vertical-align: top;} .account-data_foto-col{width: 220px; padding-right: 40px; text-align: center;} .account-data_info-col{padding-right: 40px;} .account-data_info-col:last-child{padding-right: 0;} .account-data_info-title{color: #999; margin: 8px 0;} .account-data_btn-row{text-align: center; margin: 10px -20px 30px 0; font-size: 0;} .account-data_btn-row .btn{margin: 20px 20px 0 0;} .account-data + .card-banners{margin-top: 20px;} /* --- prbar --- */ .prbar_bar{display: table; width: 100%; table-layout: fixed; background: linear-gradient(to right, #60daf4, #6eb4fc);} .prbar_complete, .prbar_remaining{display: table-cell; height: 40px;} .prbar_complete{background: url(/local/images/progress-pattern.svg) 0 0 / 2px 2px; transition: .2s;} .prbar_remaining{background: #cfd4d7;} .prbar_txt{display: table; width: 100%; margin-top: -40px; table-layout: fixed;} .prbar_txt-left, .prbar_txt-right{display: table-cell; vertical-align: middle; height: 40px; font-size: 14px; line-height: 40px; white-space: nowrap; padding: 0 30px;} .prbar_txt-text{text-overflow: ellipsis; overflow: hidden;} .prbar_txt-right{text-align: right; width: 60%;} .prbar_value{font-weight: 700;} /* --- circle foto --- */ .foto-circle{display: inline-block; vertical-align: top; width: 180px; height: 180px; border-radius: 50%; background: #e8eded url(/local/images/big-user-icon.svg) no-repeat center center; background-size: cover; position: relative; overflow: hidden; cursor: pointer; transition: .3s;} .foto-circle_overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.6); text-align: center; font-size: 0; opacity: 0; transition: .3s; border-radius: inherit;} .foto-circle_content{display: inline-block; vertical-align: middle; transition: .3s; transform: translate3d(0,0,0) scale(0);} .foto-circle_txt{display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 700; line-height: 22px; text-transform: uppercase; letter-spacing: 1px;} .foto-circle_plus{display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; background-color: #000; position: relative; margin-right: 14px;} .foto-circle_plus::before, .foto-circle_plus::after{content: ''; position: absolute; top: 50%; left: 50%; background-color: #fff;} .foto-circle_plus::before{width: 12px; height: 2px; margin: -1px 0 0 -6px;} .foto-circle_plus::after{width: 2px; height: 12px; margin: -6px 0 0 -1px;} .no-touch .foto-circle:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.2);} .no-touch .foto-circle:hover .foto-circle_overlay{opacity: 1;} .no-touch .foto-circle:hover .foto-circle_content{transform: translate3d(0,0,0) scale(1);} .foto-circle__sm{width: 80px; height: 80px;} .foto-circle__sm .foto-circle_plus{background: transparent; margin: 0;} .foto-circle__sm .foto-circle_plus::before{background-color: #999; width: 20px; margin-left: -10px;} .foto-circle__sm .foto-circle_plus::after{background-color: #999; height: 20px; margin-top: -10px;} /* --- news list item --- */ .news-list-item{display: table; width: 100%; table-layout: fixed;} .news-list-item_date-strong, .news-list-item_date-small, .news-list-item_status, .news-list-item_txt, .news-list-item_image{display: table-cell; vertical-align: middle; border-bottom: 1px solid #cfd4d7; padding: 29px 15px; height: 120px;} .news-list-item_image{padding-right: 5px; width: calc(107px + 15px + 5px);} .news-list-item_date-strong{width: 85px; font-size: 52px; font-weight: 300; line-height: 52px; text-align: center; color: #999;} .news-list-item_date-small{width: 100px; color: #999;} .news-list-item_status{width: 148px;} .news-list-item_txt{font-size: 22px; line-height: 30px;} .news-list-item_image-box{display: block; background: #e7eded no-repeat center / cover; border: none; margin: 0;} .news-list-item_image-box::before{content: ''; display: block; padding-top: 62.1622%;} .no-touch .news-list-item_image-box:hover{border: none;} /* --- news list --- */ .news-list_item:first-child .news-list-item_date-strong, .news-list_item:first-child .news-list-item_date-small, .news-list_item:first-child .news-list-item_txt, .news-list_item:first-child .news-list-item_status, .news-list_item:first-child .news-list-item_image{padding-top: 0; height: 90px;} /* --- page nav --- */ .page-nav{display: table; width: 100%; margin: 40px 0;} .page-nav_placeholder, .page-nav_btns, .page-nav_total{display: table-cell; vertical-align: middle;} .page-nav_placeholder, .page-nav_total{width: 1px; white-space: nowrap; color: #999; font-size: 14px; font-weight: 400; line-height: 22px; text-transform: uppercase;} .page-nav_placeholder{padding-right: 40px;} .page-nav_placeholder-txt{visibility: hidden;} .page-nav_total{padding-left: 20px;} .page-nav_btns{width: 99%; text-align: center; font-size: 0; cursor: default;} .page-nav_btn{padding-left: 5px; padding-right: 5px; width: 50px; margin: 0 20px 0 0;} div.page-nav_select{border-width: 2px; padding: 12px 26px 12px 13px; width: 140px;} .page-nav_select-group{margin: 0 20px 0 0; display: none; vertical-align: middle;} .page-nav_btn.active, .no-touch .page-nav_btn.active{background-color: rgba(0,0,0,.3); border-color: transparent; color: #fff; cursor: default;} .page-nav_btn__prev, .page-nav_btn__next{display: none; width: 60px;} .page-nav_btn__next{margin-right: 0;} .page-nav_btn__prev::after, .page-nav_btn__next::after{content: ''; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-bottom: 2px solid; border-left: 2px solid; margin-top: -2px;} .page-nav_btn__prev::after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: -4px;} .page-nav_btn__next::after{-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px;} .page-nav_dots{font-size: 18px; color: #595959; display: inline-block; vertical-align: middle; margin: 0 20px 0 0;} /* --- side arrows --- */ .side-arrow{position: absolute; width: calc(50vw - 590px); top: 140px; bottom: 0; max-height: 100%; border: none; transition: none;} .side-arrow svg{position: absolute; top: 135px; left: 50%; width: 20px; height: 70px; margin-top: -35px; margin-left: -10px; color: #000; opacity: .4; transition: .15s;} .side-arrow__left{right: 50%; margin-right: 590px;} .side-arrow__right{left: 50%; margin-left: 590px;} .side-arrow.fixed{position: fixed; top: 0;} .no-touch .side-arrow:hover svg{opacity: 1;} /* --- article block --- */ .article-block{max-width: 880px; margin: 0 auto; position: relative;} .article-block_title{margin-bottom: 38px;} .article-block_date{position: absolute; top: 0; right: 100%; width: 150px; padding: 0 20px; text-align: center; color: #999;} /* --- strong date --- */ .strong-date_strong, .strong-date_small{display: block; margin: 8px 0;} .strong-date_strong{font-size: 52px; line-height: 60px; font-weight: 300;} .strong-date_small{font-size: 16px; line-height: 27px;} /* --- top-link --- */ .top-link{text-align: center; max-width: 570px; margin: 0 auto 20px;} /* --- offices section --- */ .offices-section{border-top: 1px solid #cfd4d7; margin-top: 35px; padding-top: 40px;} /* --- offices table --- */ .offices-table{table-layout: fixed; width: 100%; margin: 50px 0; border-collapse: collapse;} .offices-table th, .offices-table td{font-size: 14px; font-weight: 300; line-height: 22px; color: #595959;} .offices-table th{text-align: left; padding: 0 40px 0 0;} .offices-table td{padding: 24px 40px 24px 0; vertical-align: top; border-bottom: 1px solid #cfd4d7;} .offices-table td:last-child{padding-right: 0;} .offices-table td.offices-table_currency{color: #000;} .offices-table td.offices-table_trigger{padding: 0; border: none;} .offices-table_title{margin-bottom: 2px; font-size: 16px; line-height: 27px;} .offices-table_link{font-size: 18px; line-height: 28px; font-weight: 700;} .offices-table_main{color: #000;} .offices-table_main-icons{display: none;} .offices-table_txt{margin: 6px 0;} .offices-table_service-title{display: none;} .offices-table_arrow{display: none; width: 20px; height: 20px; border: 1px solid rgba(28,117,168,.3); border-radius: 50%; vertical-align: middle; margin: -4px 0 0 -20px; position: relative; transition: border .15s, -webkit-transform .15s; transition: border .15s, transform .15s;} .offices-table_arrow .svg-icon{position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -5px; transition: none;} .offices-table_trigger-block{position: relative; background: #fff; margin: -10px 0;} .offices-table_toggle-box{margin: -24px 0; padding: 24px 0;} .offices-table_toggle-box:not(.open){display: none;} .offices-table__lite{margin: 40px 0;} .offices-table__lite th{padding-bottom: 14px;} .offices-table__lite td{padding-top: 0; padding-bottom: 0; border: none;} .offices-table__lite .timeline-group{margin-top: 11px;} .offices-table_time-picker{min-height: 27px; margin-bottom: 2px;} /* --- preloading-tr --- */ .preloading-tr td{border-bottom: none; padding: 30px;} /* --- office params --- */ .office-params{margin: 10px 0;} .office-params_item{margin-bottom: 8px;} .office-params_item:last-child{margin-bottom: 0;} /* --- office param --- */ .office-param{font-size: 14px; line-height: 22px; display: table; width: 100%;} .office-param_icon{display: table-cell; vertical-align: top; padding-right: 10px; width: 1px;} .office-param_txt{display: table-cell; vertical-align: middle; width: 99%;} /* --- offices-map --- */ .offices-map{margin-top: 40px;} .offices-map_map{height: 600px; background-color: #cfd4d7; position: relative;} .offices-map_map-container > ymaps{height: 600px !important;} .offices-map_map-container{height: 600px; position: relative; z-index: 10;} .offices-map_preloader, .offices-map_preloader.preloading-state{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;} .offices-map_preloader .preloading-state_preloader-c-1{stroke: #fff;} .offices-map-legend{background-color: #e8eded; text-align: center;} .offices-map-legend_list{padding-top: 16px; margin-right: -20px;} .offices-map-legend_item{display: inline-table; vertical-align: middle; margin-right: 20px; margin-bottom: 16px; font-size: 14px; line-height: 22px;} .offices-map-legend_icon, .offices-map-legend_txt{display: table-cell; vertical-align: middle;} .offices-map-legend_icon{width: 1px; padding-right: 10px;} .offices-map-legend_icon img{display: inline-block; vertical-align: middle; max-width: 20px; max-height: 20px;} .offices-map__sm, .offices-map__sm .offices-map_map, .offices-map__sm .offices-map_map-container{height: 400px;} .offices-map__sm .offices-map_map-container > ymaps{height: 400px !important;} /* --- map popup --- */ .map-popup{background-color: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,.2); position: relative; width: 280px; padding: 20px; font-size: 12px; line-height: 18px; z-index: 100;} .map-popup::after{content: ''; position: absolute; top: 100%; left: 20px; border: 6px solid transparent; border-top-color: #fff;} .map-popup_header{display: table; width: 100%; font-size: 14px; line-height: 22px; margin-bottom: 10px;} .map-popup_title{display: table-cell; vertical-align: middle; width: 99%;} .map-popup_close{display: table-cell; vertical-align: top; width: 1px; padding-left: 20px;} .map-popup_close-btn{display: inline-block; vertical-align: top; width: 40px; height: 40px; margin: -20px -20px 0 0; padding: 20px 20px 0 0; color: #999; transition: .15s; cursor: pointer;} .no-touch .map-popup_close-btn:hover{color: #000;} /* --- xs params --- */ .xs-params_item{display: table; width: 100%; table-layout: fixed; font-size: 12px; line-height: 18px; margin-bottom: 8px;} .xs-params_item:last-child{margin-bottom: 0;} .xs-params_item__md .xs-params_icon img{margin-top: 4px;} .xs-params_icon{display: table-cell; vertical-align: top; width: 30px; padding-right: 10px; position: relative;} .xs-params_icon img{position: relative;} .xs-params_icon img:first-child:not(:last-child){margin-left: -5px;} .xs-params_icon img + img{position: absolute; top: 0; left: 0px;} .xs-params_icon img + img:last-child{position: absolute; top: 0; left: 5px;} .xs-params_txt{display: table-cell; vertical-align: middle;} /* --- timeline --- */ .timeline{position: relative; border-bottom: 1px solid #cfd4d7; height: 15px;} .timeline_break, .timeline_future{position: absolute; bottom: -1px; height: 1px; background: #cfd4d7;} .timeline_break{z-index: 2;} .timeline_future{background: #f03226; right: 0; z-index: 1;} .timeline_icon{position: absolute; bottom: -1px; transition: .15s; font-size: 0; line-height: 0;} .timeline_icon .svg-icon{width: 10px; margin-left: -5px; height: 15px; transition: none;} .timeline.active .timeline_icon, .timeline-group.active .timeline_icon{color: #f03226;} .timeline-msg{font-size: 12px; line-height: 18px; margin-top: 4px;} /* --- icon txt tooltip --- */ .icon-txt-tooltip_main{display: table; width: 100%;} .icon-txt-tooltip_icon{display: table-cell; vertical-align: top; width: 1px; padding-right: 10px; line-height: 0; font-size: 0;} .icon-txt-tooltip_icon .svg-icon{vertical-align: top; margin-top: 3px;} .icon-txt-tooltip_txt{display: table-cell; vertical-align: middle;} .icon-txt-tooltip .dropdown{cursor: default;} /* --- cash timetable --- */ .cash-timetable{font-size: 14px; line-height: 22px; color: #595959;} /* --- small-office-feat-list --- */ .small-office-feat-list{font-size: 0; margin: 0 -10px -10px 0; cursor: default;} .small-office-feat-list_item{display: inline-block; vertical-align: middle; margin: 0 10px 10px 0; color: #999; transition: .15s;} .small-office-feat-list_item .svg-icon{transition: .15s;} .no-touch .small-office-feat-list_item:hover .svg-icon, .no-touch .small-office-feat-list_item.hover .svg-icon{color: #f03226;} /* --- small-office-feat-txt --- */ .small-office-feat-txt{cursor: default;} .small-office-feat-txt__block .small-office-feat-txt_item{display: block;} .small-office-feat-txt_item{display: inline; color: #595959; transition: .15s;} .small-office-feat-txt_item::after{content: ','; color: #595959;} .small-office-feat-txt_item:last-child::after{content: none; display: none;} .no-touch .small-office-feat-txt_item:hover, .no-touch .small-office-feat-txt_item.hover{color: #000;} /* --- pretty header --- */ .pretty-header{text-align: center; margin: 24px 0;} .pretty-header_img-box{width: 180px; height: 180px; border-radius: 50%; margin: 28px auto; background-size: cover; background-position: center;} .pretty-header_title{margin: 7px 0;} .pretty-header_subtitle{color: #595959;} /* --- inline links --- */ .inline-links{margin: 0 -16px -8px 0;} .inline-links a, .inline-links .link{display: inline-block; vertical-align: top; margin: 0 16px 8px 0;} /* --- card --- */ .card{display: inline-block; vertical-align: top; box-shadow: 0px 20px 40px rgba(0,0,0,.3); border-radius: 16px; max-width: 100%; position: relative;} .card--md{width: 178px; border-radius: 10px;} .card img{display: inline-block; vertical-align: top; max-width: 100%;} /* --- cards-face-to-face --- */ .cards-face-to-face{display: table; width: 100%; table-layout: fixed; margin: 58px auto 40px; max-width: 1040px; position: relative;} .cards-face-to-face_cell{display: table-cell; vertical-align: middle; text-align: center; padding: 10px 20px;} .cards-face-to-face_cell .card{position: relative; z-index: 2;} .cards-face-to-face_frame{position: absolute; padding: 10px; background: url(/local/images/dashed-frame.svg) top left / 100% 100%; top: 50%; left: 50%; margin-left: -260px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate3d(-50%, -50%, 0); transition: margin .8s;} .cards-face-to-face_frame.state-right{margin-left: 260px;} .cards-face-to-face_frame img{opacity: 0; display: inline-block; vertical-align: top;} .cards-face-to-face .card{transition: .2s;} .cards-face-to-face .card.active{box-shadow: 0px 1px 4px rgba(0,0,0,.2);} .cards-face-to-face .card:not(.active){cursor: pointer; box-shadow: 0px 20px 40px rgba(0,0,0,.3);} .no-touch .cards-face-to-face .card:not(.active):hover{box-shadow: 0px 10px 20px rgba(0,0,0,.5);} .cards-face-to-face-action{margin: 40px 0; text-align: center;} /* --- card table layout --- */ .card-table-layout{display: table; width: 100%; table-layout: fixed;} .card-table-layout_text, .card-table-layout_card{display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px;} .card-table-layout_card{text-align: center;} .card-table-layout_card__hand{vertical-align: top; padding-top: 40px;} .card-table-layout_text:first-child, .card-table-layout_card:first-child{padding-left: 0;} .card-table-layout_text:last-child, .card-table-layout_card:last-child{padding-right: 0;} /* --- card in hand --- */ .card-in-hand{height: 595px; margin-right: -150px; padding-right: 150px; position: relative; margin-bottom: -85px; margin-left: 20px;} .card-in-hand_card{position: absolute; top: 157px; left: 0; opacity: 0; transition: 1s; box-shadow: none;} .card-in-hand_card.active{opacity: 1;} .card-in-hand_bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/local/images/markup-images/products/hand.png) no-repeat 257px center;} .card-in-hand_bg::after, .card-in-hand_bg::before{content: ''; position: absolute; top: 100px; right: 0; bottom: 0; width: 90px; background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));} .card-in-hand_bg::before{background: none; right: auto; left: 100%; width: 20px; box-shadow: 0px 0px 20px #fff;} .card-in-hand_bg__short{background-image: url(/local/images/markup-images/products/hand-short.png);} .card-in-hand_bg__short::before, .card-in-hand_bg__short::after{display: none;} /* --- valm grid --- */ .valm-grid{font-size: 0;} .valm-grid_item{display: inline-block; vertical-align: middle; font-size: 16px;} .valm-grid__lg{margin: 0 -40px -40px 0;} .valm-grid__lg .valm-grid_item{margin: 0 40px 40px 0;} /* --- wg-page-card-links --- */ .wg-page-card-links{margin: 40px 0;} /* --- infographics numbers --- */ .infographics-numbers{display: table; table-layout: fixed; width: 100%; margin: 55px auto 40px;} .infographics-numbers_item{display: table-cell; vertical-align: top; padding-right: 20px;} .infographics-numbers_item:last-child{padding-right: 0; padding-left: 20px;} .infographics-numbers_plus{display: table-cell; vertical-align: top; width: 50px; font-size: 0; padding-top: 32px;} .infographics-numbers_plus::after{content: ''; display: inline-block; vertical-align: middle; height: 85px;} .infographics-numbers_plus-icon{display: inline-block; vertical-align: middle; width: 50px; height: 50px; position: relative;} .infographics-numbers_plus-icon::before, .infographics-numbers_plus-icon::after{content: ''; position: absolute; top: 50%; left: 50%; background-color: #999;} .infographics-numbers_plus-icon::before{height: 6px; width: 50px; margin: -3px 0 0 -25px;} .infographics-numbers_plus-icon::after{height: 50px; width: 6px; margin: -25px 0 0 -3px;} .infographics-numbers_item__sm{width: 43%;} /* --- infographics number --- */ .infographics-number{display: table; width: 100%;} .infographics-number_value{display: table-cell; vertical-align: top; white-space: nowrap; width: 1px; padding-right: 20px; font-size: 100px; line-height: 85px; color: #f03226;} .infographics-number_value .svg-icon, .infographics-number_value img{vertical-align: top; margin-top: 4px; margin-right: 20px;} .infographics-number_descr{display: table-cell; vertical-align: top;} .infographics-number_title{font-size: 22px; line-height: 34px;} .infographics-number_title:first-child{margin-top: -4px;} .infographics-number_subtitle + .infographics-number_subtitle{margin-top: 8px;} .infographics-number__standalone{max-width: 660px; margin: 0 auto;} /* --- v-style-infographics --- */ .v-style-infographics > li{margin-bottom: 15px;} .v-style-infographics > li:last-child{margin-bottom: 0;} .v-style-infographics_title{font-weight: 600; margin-bottom: 6px;} .v-style-infographics_title:last-child{margin-bottom: 0;} /* --- gray-txt-block --- */ .gray-txt-block{display: table; width: 100%; padding: 23px 26px; background-color: #e8eded; margin: 27px 0;} .gray-txt-block strong, .gray-txt-block small{display: table-cell; vertical-align: middle; font-weight: 300;} .gray-txt-block strong{font-size: 26px; line-height: 34px; color: #ef3124; width: 1px; white-space: nowrap; padding-right: 26px;} .gray-txt-block small{font-size: 16px; line-height: 27px;} .gray-txt-block_bottom{display: block; line-height: 0;} .gray-txt-block_old{text-decoration: line-through; color: #999; font-size: 16px; line-height: 27px;} .gray-txt-block_sale{vertical-align: middle; margin-left: 4px;} /* --- terms --- */ .terms{font-size: 14px; line-height: 22px; margin-top: 10px;} .terms:first-child{margin-top: 0;} /* --- elevator --- */ .elevator.fixed-state{position: fixed; top: 20px;} .elevator.bottom-state{position: absolute; bottom: 0;} @media (min-width: 1180px){ .elevator-lg.fixed-state{position: fixed; top: 20px;} .elevator-lg.bottom-state{position: absolute; bottom: 0;} } @media (min-width: 1000px){ .elevator-md.fixed-state{position: fixed; top: 20px;} .elevator-md.bottom-state{position: absolute; bottom: 0;} } @media (min-width: 760px){ .elevator-sm.fixed-state{position: fixed; top: 20px;} .elevator-sm.bottom-state{position: absolute; bottom: 0;} } /* --- wide slider --- */ .wide-slider{position: relative; overflow-x: hidden; border-bottom: 1px solid transparent; margin-bottom: -1px;} .wide-slider_item{float: left; width: 100%; color: #fff; position: relative; font-size: 22px; line-height: 35px; background-size: cover; background-repeat: no-repeat; background-position: center;} .wide-slider_item::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); z-index: 2;} .wide-slider_container{width: 100%; display: table; position: relative; z-index: 3;} .wide-slider_inner{display: table-cell; vertical-align: middle; height: 560px; padding: 40px 0;} .wide-slider_content{max-width: 580px;} .wide-slider_title{margin: 28px 0;} .wide-slider_btns{margin: 30px 0;} .wide-slider_btns__center{text-align: center;} .wide-slider_title:first-child, .wide-slider_btns:first-child{margin-top: 0;} .wide-slider_title:last-child, .wide-slider_btns:last-child{margin-bottom: 0;} .wide-slider p + .wide-slider_btns{margin-top: 25px;} .wide-slider_advantages{margin-top: 70px; margin-bottom: 70px;} .wide-slider .slick-arrow::before{content: ''; position: absolute; top: 0; bottom: 0; width: 3000px;} .wide-slider .slick-prev::before{right: 100%;} .wide-slider .slick-next::before{left: 100%;} .wide-slider:not(.slick-initialized){max-height: 561px; overflow: hidden;} /* video */ .wide-slider_video-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;} .wide-slider_video-bg video{position: absolute; top: 50%; left: 50%; right: 0; bottom: 0; width: 100vw; height: auto; min-height: 100%; opacity: 0; transition: opacity .25s; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .wide-slider_video-bg video.ready{opacity: 1;} .wide-slider_item__video-top{background-position: center top;} .wide-slider_item__video-top .wide-slider_video-bg video{top: 0; -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);} .wide-slider_item__video-bottom{background-position: center bottom;} .wide-slider_item__video-bottom .wide-slider_video-bg video{top: auto; -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);} .touch .wide-slider_item{background-position: 66% 50%;} .touch .wide-slider_video-bg{display: none;} .video-section{position: relative; padding-bottom: 56.25%;} .video-section iframe{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; min-height: 100%; transition: opacity .25s;} /* content animation */ .wide-slider_item{overflow: hidden;} .wide-slider_content{transition: 1s; opacity: 0;} .slick-active .wide-slider_content{transition: 1s ease 1s; opacity: 1;} .wide-slider_item__wide .wide-slider_content{max-width: none;} .wide-slider_item__wide .wide-slider_title{text-align: center;} .wide-slider_item__dark{color: #000;} .wide-slider_item__dark::before{background: rgba(0,0,0,0);} .wide-slider__dark{border-bottom: 1px solid #cfd4d7;} .wide-slider__dark .slick-arrow svg{color: #000;} .wide-slider__dark .slick-dots .static-circle{stroke: rgba(0,0,0,.4);} .wide-slider__dark .slick-dots .slick-active .animatable-circle{stroke: rgba(0,0,0,.4); fill: rgba(0,0,0,.4);} .no-touch .wide-slider__dark .slick-dots li:not(.slick-active) button:hover .static-circle{stroke: rgba(0,0,0,.8);} /* --- slick slider (lib) --- */ .slick-slider{position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left; height: 100%; min-height: 1px; outline: none;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} /* --- slick slider custom --- */ .slick-arrow{position: absolute; top: 0; bottom: 0; width: 100px; z-index: 10; cursor: pointer; transition: .15s; outline: none; font-size: 0; padding: 0;} .slick-arrow svg{position: absolute; top: 50%; left: 50%; width: 20px; height: 70px; margin-top: -35px; margin-left: -10px; color: #fff; opacity: .4; transition: .15s;} .slick-arrow path{fill-rule:evenodd;clip-rule:evenodd;} .slick-prev{right: 50%; margin-right: 620px;} .slick-next{left: 50%; margin-left: 620px;} .no-touch .slick-arrow:hover svg{opacity: 1;} .slick-dots{position: absolute; bottom: 40px; left: 100px; right: 100px; text-align: center; height: 14px; font-size: 0;} .slick-dots li{display: inline-block; vertical-align: top; line-height: 0; margin-right: 6px;} .slick-dots li:last-child{margin-right: 0;} .slick-dots button{display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: transparent; padding: 0; font-size: 0; cursor: pointer; transition: none; outline: none; position: relative;} .slick-dots button svg{position: absolute; top: 0px; left: 0px; width: 14px; height: 14px;} /* --- circles --- */ .slick-dots .static-circle{fill: none; stroke: rgba(255,255,255,.4); stroke-width: 1px; vector-effect: non-scaling-stroke;} .slick-dots .animatable-circle{fill: none; stroke: rgba(255,255,255,.4); stroke-width: 2px; vector-effect: non-scaling-stroke; stroke-dasharray: 0 33;} .slick-dots li:not(.slick-active) .animatable-circle{transition: .15s !important;} .no-touch .slick-dots li:not(.slick-active) button:hover .static-circle{stroke: rgba(255,255,255,.8);} .slick-dots .slick-active .animatable-circle{stroke-dasharray: 0 33;} .slick-dots .slick-active .animatable-circle{stroke: #fff; stroke-dasharray: 33 33; fill: rgba(255,255,255,.4);} .slick-dots .slick-active .animatable-circle, .no-touch .slick-dots .slick-active:hover .animatable-circle{stroke: #fff;} .slick-slider:hover .slick-dots .slick-active .animatable-circle{transition: .4s !important; stroke-dasharray: 0 33;} .slick-dots:not(.dots-initialized) .slick-active .animatable-circle{stroke-dasharray: 0 33;} .wide-slider.locked.locked .animatable-circle{stroke: rgba(255,255,255,.4); stroke-width: 2px; stroke-dasharray: 0 33;} .regular-arrows .slick-arrow{width: calc(50vw - 590px); margin: 0;} .regular-arrows .slick-prev{right: 100%; left: auto;} .regular-arrows .slick-prev svg{right: 80px; left: auto; color: #000;} .regular-arrows .slick-next{left: 100%;} .regular-arrows .slick-next svg{left: 80px; margin-left: 0; color: #000;} .story-slider .slick-prev{margin-right: -10px;} .story-slider .slick-next{margin-left: -10px;} .story-slider .slick-arrow svg{margin-top: -60px;} /* --- circle arrow --- */ .circle-arrow{display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid rgba(28,117,168,.3); border-radius: 50%; font-size: 0; line-height: 0; text-align: center; transition: .2s; color: #1c75a8;} .circle-arrow::before{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .circle-arrow .svg-icon{margin-top: 1px; transition: none;} .no-touch .circle-arrow-owner:hover .circle-arrow{border-color: rgba(240,50,38,.3); color: #f03226;} .circle-arrow-owner.open .circle-arrow{-webkit-transform: rotate(180deg); transform: rotate(180deg);} /* --- simple-slider --- */ .simple-slider__images{text-align: center;} .simple-slider__images img{display: inline-block; vertical-align: top; max-width: 100%;} .simple-slider__images-md img{max-height: 400px;} .simple-slider__limited{margin: 20px 0; max-width: 600px;} .simple-slider__dots{position: relative; padding-bottom: 30px;} /* --- compare table scroller --- */ .compare-table-scroller{position: relative; margin: 50px 0;} .compare-table-scroller::before, .compare-table-scroller::after{content: ''; position: absolute; top: 20px; bottom: 20px; width: 20px; z-index: 10;} .compare-table-scroller::before{left: -30px; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));} .compare-table-scroller::after{right: -30px; background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));} .compare-table-scroller_inner{overflow-x: auto; overflow-y: hidden; margin: -15px -30px -40px; padding: 15px 30px 40px;} .compare-table-scroller .compare-table{margin-right: -10000px;} /* --- compare table --- */ .compare-table{border-spacing: 0;} .compare-table td{width: 300px; padding: 15px 40px 15px 20px; border-top: 1px solid #cfd4d7; vertical-align: top;} .compare-table th{position: absolute; left: 0; max-width: 1180px; padding: 20px 0 0; text-align: left; line-height: 22px; vertical-align: top;} .compare-table th h4{white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis;} .compare-table th:not(:empty) ~ td{padding-top: 47px;} .compare-table td:first-child, .compare-table th + td{padding-left: 0; width: 280px;} .compare-table_th-title{color: #999; display: inline; padding-right: 30px;} .compare-table_th-title + .tooltip-inline{margin-left: -22px;} .compare-table_row__top td{padding: 0 40px 30px 20px; border-top: none;} .compare-table_row__btns td{padding: 30px 40px 30px 20px;} .compare-table_row:last-child td{padding-bottom: 0;} .compare-table .like{margin: 10px 0 2px;} /* --- compare table top bar --- */ .compare-table-top-bar{overflow-y: hidden; overflow-x: auto; margin: -30px -30px 30px; padding: 0 30px;} .compare-table-top-bar_inner{height: 1px;} /* --- cucarecurr --- */ .cucarecurr{background-color: #fff; border-radius: 4px; padding: 35px 40px 40px; position: relative;} .cucarecurr_top{text-align: center; margin: 10px 0; font-size: 22px; line-height: 30px;} .cucarecurr_top img{max-width: 20px; max-height: 14px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); margin: 0 4px;} .cucarecurr_action{text-align: center; margin: 40px 0;} .cucarecurr__arr-left::before{content: ''; position: absolute; top: 50%; right: 100%; border: 14px solid transparent; border-left: none; border-right: 10px solid #fff; margin-top: -14px;} /* --- curr table --- */ .curr-table{width: 100%; table-layout: fixed; border-collapse: collapse;} .curr-table td, .curr-table th{text-align: left; border-bottom: 1px solid #cfd4d7; font-size: 18px; line-height: 28px; vertical-align: middle; padding: 20px 20px 20px 0;} .curr-table th{font-weight: 700;} .curr-table th:first-child:nth-last-child(3){width: 45%;} /* --- phone-visual --- */ .phone-visual{display: inline-block; vertical-align: middle; width: 252px; max-width: 100%; position: relative;} .phone-visual_bg{display: inline-block; vertical-align: middle; max-width: 100%;} .phone-visual_screen{position: absolute; top: 57px; left: 16px; right: 16px; width: 220px; opacity: 0; transition: opacity .6s;} .phone-visual_screen.open{opacity: 1;} .phone-visual__type-2{width: 273px;} .phone-visual__type-2 .phone-visual_screen{top: 66px; left: 26px; width: 225px;} /* --- miles calc --- */ .miles-calc{display: table; width: 100%; table-layout: fixed; text-align: center;} .miles-calc_left, .miles-calc_sign, .miles-calc_right{display: table-cell; vertical-align: middle;} .miles-calc_sign{width: 150px; padding: 0 35px;} .miles-calc_sign-icon{display: inline-block; vertical-align: middle; position: relative; height: 1px; width: 80px; background: rgba(0,0,0,.4); margin: 35px 0;} .miles-calc_sign-icon::before, .miles-calc_sign-icon::after{content: ''; position: absolute; top: 0; right: 0; width: 40px; height: 1.2px; background: inherit; -ms-transform-origin: top right; -webkit-transform-origin: top right; transform-origin: top right;} .miles-calc_sign-icon::before{-ms-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); transform: rotate(-60deg);} .miles-calc_sign-icon::after{-ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg);} .miles-calc_label{display: block; font-size: 22px; line-height: 30px; margin: 20px 0;} .miles-calc_value{color: #4d5fab; margin: 0 -20px;} .miles-calc_value strong, .miles-calc_value small{display: block; font-weight: 300;} .miles-calc_value strong{font-size: 100px; line-height: 100px;} .miles-calc_value small{font-size: 30px; line-height: 40px;} .miles-calc_btn-row{margin: 20px 0;} /* --- miles visual --- */ .miles-visual{text-align: center;} .miles-visual strong, .miles-visual small{display: block; font-size: 16px; line-height: 27px; font-weight: 300;} .miles-visual small{color: #595959;} .miles-visual_img{display: block; width: 200px; height: 200px; border-radius: 50%; margin: 20px auto; background: #fff no-repeat center / 100% auto; background-size: cover; box-shadow: 4px 9px 30px rgba(0,0,0,.3);} /* --- plus icon --- */ .plus-icon{display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: currentColor; border-radius: 50%; position: relative;} .plus-icon::before, .plus-icon::after{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #fff; margin: -1px 0 0 -6px;} .plus-icon::after{width: 2px; height: 12px; margin: -6px 0 0 -1px;} /* --- status icons --- */ .status-icon{display: inline-block; vertical-align: middle; position: relative;} .status-icon__yes{width: 13px; height: 9px; color: #00980e;} .status-icon__yes::before{content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 7px; border-left: 1px solid; border-bottom: 1px solid; margin: -6px 0 0 -5px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .status-icon__no{width: 12px; height: 12px; color: #f03226;} .status-icon__no::before, .status-icon__no::after{content: ''; position: absolute; top: 50%; left: 50%; width: 16px; border-top: 1px solid; margin: 0 0 0 -8px;} .status-icon__no::before{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .status-icon__no::after{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .status-icon__svg__yes{color: #00980e;} /* --- client club section --- */ .cc-section{background-size: cover; background-position: center; color: #fff; padding: 110px 0 85px;} .cc-section_title, .cc-section_subtitle{max-width: 530px; margin: 20px 0;} .cc-section_infogr{margin-top: 40px;} .cc-section_btn-row{text-align: center; margin-top: 30px;} /* --- selects --- */ .select{display: inline-block; height: 50px; border: 1px solid rgba(0,0,0,.3); border-radius: 4px; padding: 13px 27px 13px 14px; font-size: 18px; font-weight: 400; line-height: 24px; cursor: pointer; position: relative; text-align: left; transition: .15s; outline: none; vertical-align: top;} .select select{display: none;} .touch .select select{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; padding: 0; width: 100%; height: 100%; z-index: 10;} .select.placeholder-state .select-value{color: #999;} .select::before, .select::after{content: ''; position: absolute; right: 10px; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; outline: none; transition: inherit;} .select::before{bottom: 50%; -ms-transform: scaleX(.7) scaleY(.6) rotate(45deg); -webkit-transform: scaleX(.7) scaleY(.6) rotate(45deg); transform: scaleX(.7) scaleY(.6) rotate(45deg);} .select::after{top: 50%; -ms-transform: scaleX(.7) scaleY(.6) rotate(-135deg); -webkit-transform: scaleX(.7) scaleY(.6) rotate(-135deg); transform: scaleX(.7) scaleY(.6) rotate(-135deg);} .select.open.open{border-color: #000; z-index: 20;} .select.open.open::before{border-color: #000; -ms-transform: scaleX(.7) scaleY(.6) rotate(45deg); -webkit-transform: scaleX(.7) scaleY(.6) rotate(45deg); transform: scaleX(.7) scaleY(.6) rotate(45deg);} .no-touch .select:hover{border-color: #595959;} .select-value{pointer-events: none; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; display: block; overflow: hidden; color: #000; transition: .2s;} .select img{margin-right: 8px;} .select.placeholder-state .select-value{opacity: 0; font-size: 12px;} .select-placeholder{color: #999; position: absolute; left: 14px; right: 14px; top: 13px; font-size: 18px; font-weight: 400; transition: .2s;} .select:not(.placeholder-state) .select-placeholder{font-size: 12px; line-height: 16px; top: 5px; font-weight: 300;} .select.has-placeholder{padding-top: 20px; padding-bottom: 6px;} .select-list{position: absolute; top: 100%; left: 0; min-width: 100%; margin-top: 4px; background-color: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,.2); border-radius: 2px; z-index: 3; overflow: auto; max-height: 240px; width: inherit; transition: .15s; opacity: 0; -ms-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; cursor: default; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0);} .select-list li{padding: 11px 15px; line-height: 28px; color: #1c75a8; cursor: pointer;} .no-touch .select-list li:hover, .no-touch .select-list li:focus{background-color: #e8eded; color: #f03226; outline: none;} .select:not(.placeholder-state) .select-list li.active, .select:not(.placeholder-state) .select-list li.active:hover{background-color: #fff; color: #000; cursor: default;} .select-list li.disabled, .select-list li.disabled:hover{color: #999; cursor: default; pointer-events: none;} .select.open .select-list{-ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1;} .text-guide ul.select-list{margin: 4px 0 0;} .text-guide ul.select-list li{padding: 11px 15px; margin: 0;} .text-guide ul.select-list li::before{display: none;} .select_no-value{display: none;} .select__block{display: block;} .select__xs{width: 150px;} .select__sm{width: 200px;} .select__md{width: 238px;} .select__low{height: 40px; padding: 7px 27px 7px 14px; font-size: 16px;} .select__low::before{top: 13px;} .select__open-type{border: none; padding: 0 20px 0 0; color: #1c75a8; height: auto;} .select__open-type::before{right: 0; top: 7px; width: 8px; height: 8px; border-top: 2px solid #1c75a8; border-left: 2px solid #1c75a8; transition: inherit; outline: none; -ms-transform: scaleX(.7) scaleY(.6) rotate(-135deg); -webkit-transform: scaleX(.7) scaleY(.6) rotate(-135deg); transform: scaleX(.7) scaleY(.6) rotate(-135deg);} .select__open-type::after{display: none;} .select__open-type.open.open{color: #f03226;} .select__open-type.open.open:before{border-color: #f03226; margin-top: 2px;} .select__open-type .select-value{transition: none; color: inherit; text-transform: uppercase; font-size: 14px; line-height: 27px; font-weight: 400; letter-spacing: 1px;} .no-touch .select__open-type:hover{color: #f03226;} .no-touch .select__open-type:hover::before{border-color: #f03226;} .select__white{border-color: rgba(255,255,255,.4);} .select__white .select-value{color: #fff;} .select__white::before, .select__white::after{border-color: #fff;} .select__white.open.open::before{border-color: #fff;} .no-touch .select__white:hover{border-color: rgba(255,255,255,.8);} .select__white.open.open{border-color: #fff;} .select__white .select-placeholder{color: #fff; opacity: .6;} .select__hide-disabled li.disabled{display: none;} .select__light{font-weight: 300;} .select__currency img, .select__currency .select-value img{display: inline-block; max-width: 20px; max-height: 14px; font-size: 16px; margin-right: 8px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); vertical-align: baseline; margin-bottom: -1px;} .select__currency .select__low{line-height: 22px; padding-top: 14px; padding-bottom: 14px;} .select-like-input{display: inline-block; vertical-align: middle; position: relative;} .select-like-input::before, .select-like-input::after{content: ''; position: absolute; right: 10px; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; outline: none; transition: inherit;} .select-like-input::before{bottom: 50%; -ms-transform: scaleX(.7) scaleY(.6) rotate(45deg); -webkit-transform: scaleX(.7) scaleY(.6) rotate(45deg); transform: scaleX(.7) scaleY(.6) rotate(45deg);} .select-like-input::after{top: 50%; -ms-transform: scaleX(.7) scaleY(.6) rotate(-135deg); -webkit-transform: scaleX(.7) scaleY(.6) rotate(-135deg); transform: scaleX(.7) scaleY(.6) rotate(-135deg);} /* --- tooltip --- */ .tooltip-inline{display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 33px; line-height: 0;} .tooltip-inline_btn{display: inline-block; vertical-align: top;} .tooltip-inline_icon{cursor: help; opacity: .5;} .tooltip-inline, .tooltip-inline_btn{padding-bottom: 15px; margin-bottom: -15px; margin-top: -1px;} .tooltip{font-size: 14px; font-weight: 300; line-height: 22px; color: #000; left: -20px; text-align: left;} .no-touch .tooltip-inline:hover .tooltip-inline_icon, .tooltip-inline.open .tooltip-inline_icon{opacity: 1;} /* --- popup --- */ .popup-container{height: 0; overflow: hidden;} .popup-open .popup-container{overflow: visible;} .popup{position: absolute; left: 50%; z-index: 150; width: 700px; max-width: 90vw; max-width: calc(100vw - 60px); background-color: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,.2); opacity: 0; text-align: left; transition: opacity .3s, -webkit-transform .3s ease-in; transition: opacity .3s, transform .3s ease-in; pointer-events: none; -ms-transform: translate(-50%, 300px); -webkit-transform: translate(-50%, 300px); transform: translate(-50%, 300px);} .popup-open-animate .popup.open{-ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);} .popup-open .popup.open{opacity: 1; pointer-events: all; transition: opacity .3s, -webkit-transform .3s ease-out; transition: opacity .3s, transform .3s ease-out;} .popup_header{display: table; width: 100%; padding: 25px 40px 10px;} .popup_header-title{display: table-cell; vertical-align: middle; width: 99%;} .popup_header-close{display: table-cell; vertical-align: top; width: 1px;} .popup_header + .popup_body{padding-top: 0;} .popup_body{padding: 40px;} .popup_bubbling-title{margin: -50px 60px 10px 0; font-size: 0;} .popup_bubbling-pt{margin-top: -35px;} .popup_bubbling-title::after{content: ''; display: inline-block; height: 40px; vertical-align: middle;} .popup_bubbling-title .popup_title{display: inline-block; vertical-align: middle;} .popup_form{margin-top: 30px;} .popup_form-related{margin-top: 20px;} .popup_form:first-child{margin-top: 15px;} .popup_secondary-txt{color: #595959;} .popup_close{cursor: pointer; color: #999; width: 80px; height: 65px; padding: 25px 40px 0 0; margin: -25px -40px 0 0; transition: .15s;} .popup_close .svg-icon{transition: none;} .no-touch .popup_close:hover{color: #000;} .popup__video{width: 1000px;} .popup__video .popup_header{padding: 20px 20px 10px;} .popup__video .popup_body{padding: 0px 20px 20px;} /* --- fullscreen popup wrapper --- */ .fullscreen-popup-wrapper{display: none;} .fullscreen-popup-open .fullscreen-popup-wrapper{display: block;} .fullscreen-popup-wrapper .fullscreen-wrapper{position: fixed; top: 50%; left: 20px; right: 20px; background-color: #fff; z-index: 140; box-shadow: 0px 5px 10px rgba(0,0,0,.2); opacity: 0; transition: .3s ease-in; max-height: calc(100vh - 40px); overflow: auto; -webkit-transform: translateY(-50%); transform: translate3d(0,-50%,0);} .fullscreen-popup-open .fullscreen-popup-wrapper .fullscreen-wrapper{opacity: 1;} .fullscreen-popup-wrapper .table-scroller{max-height: calc(100vh - 40px);} /* --- video block --- */ .video-block{position: relative; padding-top: 56.25%;} .video-block iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;} /* --- success block message --- */ .success-block-message{text-align: center;} .success-block-message_icon, .success-block-message_title{color: #00980e;} .success-block-message_icon{margin: 18px 0;} .success-block-message_title{margin: 8px 0;} .success-block-message_subtitle{margin: 8px 0; color: #595959;} .success-block-message_btn-row{margin: 22px 0; text-align: center;} .success-block-message__error .success-block-message_icon, .success-block-message__error .success-block-message_title{color: #f03226;} /* --- app top banner --- */ .app-top-banner{background-color: #e8eded; color: #000; position: relative; padding: 10px 0; font-size: 20px; line-height: 30px;} .app-top-banner_link{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none; z-index: 10;} .app-top-banner_block{position: relative; padding-right: 50px; min-height: 20px;} .app-top-banner_content{display: table; width: 100%;} .app-top-banner_img{display: table-cell; vertical-align: top; width: 1px; padding: 3px 20px 3px 0;} .app-top-banner_img img{display: inline-block; vertical-align: top; -ms-filter: drop-shadow(0px 7px 13px rgba(0,0,0,.15)); -webkit-filter: drop-shadow(0px 7px 13px rgba(0,0,0,.15)); filter: drop-shadow(0px 7px 13px rgba(0,0,0,.15));} .app-top-banner_txt{display: table-cell; vertical-align: middle; width: 99%;} .app-top-banner_close{position: absolute; top: -10px; right: -10px; width: 60px; height: 60px; padding: 20px; transition: .2s; border: none; background: transparent; color: #000; z-index: 20;} .no-touch .app-top-banner_close:hover, .no-touch .app-top-banner_close:active, .app-top-banner_close:active{opacity: .7;} /* --- prod table --- */ .prod-table{width: 100%; border-collapse: collapse; text-align: left;} .prod-table th, .prod-table td{padding: 8px 20px; vertical-align: middle; transition: background .15s; position: relative; z-index: 1;} .prod-table td{width: 245px;} .prod-table th{width: 200px; text-align: right; font-size: 0; line-height: 0;} .prod-table th::before{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .prod-table_th-txt{display: inline-block; vertical-align: middle; font-weight: 300; font-size: 14px; line-height: 22px; color: #595959;} .prod-table tr:hover td, .prod-table tr:hover th{background-color: #e8eded;} .prod-table strong{display: block; font-size: 26px; font-weight: 300; line-height: 34px; color: #f03226; margin: 6px 0;} .prod-table small{display: block; font-size: 14px; font-weight: 300; line-height: 22px; color: #595959; margin: 6px 0;} .prod-table small:first-child{margin-top: 0;} .prod-table strong:last-child, .prod-table small:last-child{margin-bottom: 0;} .prod-table_header{position: relative; overflow: hidden; margin: -8px -20px -8px -20px; padding: 20px;} .prod-table_header::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 500px; border-radius: 4px; background: #008ce0; background-image: linear-gradient(to right, #008ce0, #2ccfde); background-repeat: no-repeat; transform: translate3d(0,0,0); opacity: 0; transition: .3s;} .prod-table_title{display: table; width: 100%; position: relative; z-index: 2; transition: .3s; -ms-transform: translateX(-45px); -webkit-transform: translateX(-45px); transform: translate3d(-45px,0,0);} .prod-table_title-icon-cell{display: table-cell; vertical-align: top; width: 45px; padding-right: 15px;} .prod-table_title-txt-cell{display: table-cell; vertical-align: middle;} .prod-table_title-icon-cell{color: #1c75a8; transition: .3s; opacity: 0; visibility: hidden; pointer-events: none;} .prod-table_title-icon-cell .svg-icon{transition: none;} .prod-table_title-icon-cell img{width: 30px; max-height: 30px; display: inline-block; vertical-align: middle;} .prod-table_title-txt{display: inline; padding-right: 32px; text-transform: none; letter-spacing: normal; font-size: 16px; line-height: 27px;} .prod-table_title-txt span{transition: .3s; color: #1c75a8; border-bottom: 1px solid rgba(28,117,168,.3); } .prod-table_title-arrow{width: 0; display: inline-block; vertical-align: middle; line-height: 0; margin-top: -4px; margin-left: -20px;} .prod-table_title-arrow .round-arrow{color: #1c75a8; opacity: 0; transition: .3s; -ms-transform: translateX(-10px) rotate(-90deg); -webkit-transform: translateX(-10px) rotate(-90deg); transform: translate3d(-10px,0,0) rotate(-90deg);} .prod-table_descr{transition: .3s; position: relative; z-index: 2; margin: 10px 0;} .no-touch .prod-table_title:hover .round-arrow{opacity: 1; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .no-touch .prod-table_title:hover .prod-table_title-txt span, .no-touch .prod-table_title:hover .prod-table_title-icon-cell{opacity: .7;} .prod-table_btns-row td, .prod-table_btns-row th{padding: 0; position: relative; z-index: 2;} .prod-table_frame{padding: 0 20px 20px; border-radius: 4px; /*box-shadow: 0px 15px 20px rgba(0,0,0,.2);*/ border: 1px solid #cfd4d7; opacity: 0; visibility: hidden; transition: .3s;} .prod-table_btns{background-color: #fff; margin: 0 -20px -20px; padding: 8px 20px 20px; border-radius: 0 0 4px 4px;} .prod-table_btns .btn + .btn{margin-top: 15px;} .prod-table .prod-table_btns-row:hover td, .prod-table .prod-table_btns-row:hover th, .prod-table .prod-table_header-row:hover td, .prod-table .prod-table_header-row:hover th{background: transparent;} .prod-table_last-col, .prod-table tr:hover .prod-table_last-col{ background: linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, rgba(207,212,215,0) 5px, rgba(207,212,215,0) 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px; } .prod-table_header-row td{vertical-align: top;} .prod-table_header-row td, .prod-table td.active{z-index: 20;} .prod-table .prod-table_last-col{vertical-align: middle;} .prod-table .prod-table_btns-row td.active{z-index: 1;} .prod-table td.active .prod-table_header::before{opacity: 1;} .prod-table td.active .prod-table_title{-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translate3d(0px,0,0);} .prod-table td.active .prod-table_title-icon-cell{opacity: 1; visibility: visible; color: #fff;} .prod-table td.active .prod-table_title-txt span{color: #fff; border-bottom-color: #fff;} .prod-table td.active .prod-table_title-icon + .prod-table_title-txt{padding-left: 45px;} .prod-table td.active .prod-table_title-arrow .round-arrow{color: #fff; border-color: rgba(255,255,255,.3);} .prod-table td.active .prod-table_descr{color: #fff;} .prod-table td.active .prod-table_frame{opacity: 1; visibility: visible;} /* --- prod table scroller --- */ .prod-table-scroller{position: relative; padding-left: 200px;} .prod-table-scroller, .prod-table-scroller_inner{display: inline-block; max-width: 100%; vertical-align: top;} .prod-table-scroller_inner{overflow-x: auto; overflow-y: hidden; padding: 5px 0 5px; margin-bottom: -5px;} .prod-table-scroller th{position: absolute; left: 0px; z-index: 22;} .prod-table-scroller th.dropdown-open{z-index: 30;} /* --- prod-table-scroll-bar --- */ .prod-table-scroll-bar{margin: 30px 0 -30px 200px; overflow-x: auto; overflow-y: hidden;} .prod-table-scroll-bar_inner{height: 1px;} .touch .prod-table-scroll-bar{display: none;} /* --- prod table pzd --- */ .prod-table-pzd{border-bottom: 1px solid #cfd4d7; padding-bottom: 5px; margin-top: -30px; text-align: center;} .prod-table-pzd__no-border{border: none;} /*.infographics-section_tabs + * .prod-table-pzd:first-child{margin-top: -20px;}*/ .infographics-section_tabs + .animatable-tabs-container .prod-table-pzd{margin-top: 0;} /* --- help-info --- */ .help-info{text-align: center;} .help-info_img-box{text-align: center; color: #999; margin-bottom: 18px;} .help-info_img-box .svg-icon{width: 55px; height: 55px;} .help-info_title{color: #999; margin: 8px 0;} .help-info_txt{margin: 8px 0;} .help-info_btn-row{margin-top: 25px;} /* --- iMessage --- */ .apple-business-chat-message-container a{border: none;} .apple-business-chat-message-container svg#apple-button-chat.apple-button{width: 42px; height: 42px; padding: 1px;} .apple-business-chat-message-container .apple-button-icon{fill: #fff;} .apple-business-chat-message-container .apple-button-circle{fill: rgba(255,255,255,0); stroke: rgba(255,255,255,.4); stroke-width: 1px; transition: .15s;} .no-touch .apple-business-chat-message-container a:hover .apple-button-circle{stroke: #fff;} .no-touch .apple-business-chat-message-container a:active .apple-button-circle, .apple-business-chat-message-container a:active .apple-button-circle{fill: #fff;} .no-touch .apple-business-chat-message-container a:active .apple-button-icon, .apple-business-chat-message-container a:active .apple-button-icon{fill: #000;} /* --- media gallery --- */ .media-gallery{margin: 50px 0; position: relative;} .media-gallery_previews{font-size: 0; display: inline-block; width: calc(100% + 1px); margin: 0 -1px -1px 0;} .media-gallery_item{display: inline-block; vertical-align: top; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #000 no-repeat center / 0 0; width: 25%; cursor: pointer; overflow: hidden;} .media-gallery_item::before{content: ''; display: block; padding-top: 75.17%; height: 0; background: inherit; background-size: cover; background-color: #ccc; opacity: .9; transition: .2s; margin-top: -1px;} .no-touch .media-gallery_item:hover::before{opacity: 1;} .media-gallery_action{margin-top: 20px;} .media-gallery_action-less{display: none;} .media-gallery__fully-fit .media-gallery_action{display: none;} .media-gallery__fully-loaded .media-gallery_action-more{display: none;} .media-gallery__fully-loaded .media-gallery_action-less{display: inline-block;} /* --- modal gallery --- */ .raduke{position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; pointer-events: none; z-index: 120; background: rgba(0,0,0,.8); transition: .3s;} .raduke-open .raduke{visibility: visible; opacity: 1; pointer-events: all;} .raduke__close{position: absolute; top: 0; right: 0; width: 80px; height: 80px; transition: .2s; cursor: pointer; color: #fff; opacity: .7; background: rgba(255,255,255,0); z-index: 20;} .raduke__close::before, .raduke__close::after{content: ''; position: absolute; top: 50%; left: 50%; border-top: 2px solid; width: 40px; margin: -1px 0 0 -20px;} .raduke__close::before{transform: rotate(45deg);} .raduke__close::after{transform: rotate(-45deg);} .no-touch .raduke__close:hover{opacity: 1; background: rgba(255,255,255,.4);} .raduke__slide{height: 100vh; font-size: 0; text-align: center; padding: 40px 50px;} .raduke__slide img, .raduke__slide.slick-slide img{max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; box-shadow: 0px 2px 5px rgba(0,0,0,.2);} .raduke__slide::after{content: ''; display: inline-block; vertical-align: middle; height: 100%;} .raduke__slide .video-block{display: inline-block; vertical-align: middle; width: 100%; max-height: calc(100vh - 200px);} .raduke__arrow{position: absolute; top: 0; bottom: 0; width: 80px; color: #fff; opacity: .7; background: rgba(255,255,255,0); padding: 0; transition: .2s; cursor: pointer; z-index: 10;} .raduke__arrow .svg-icon{position: absolute; top: 50%; left: 50%; width: 20px; height: 70px; margin: -35px 0 0 -10px;} .raduke__arrow--next{top: 80px; right: 0;} .raduke__arrow--next .svg-icon{margin-top: -60px;} .raduke__arrow--prev{left: 0;} .no-touch .raduke__arrow:hover{opacity: 1; background: rgba(255,255,255,.4);} .raduke--w-previews .raduke__slide{height: calc(100vh - 100px);} .raduke__previews{padding: 0 80px 20px;} .raduke__previews .raduke__arrow{top: -20px; bottom: 0;} .raduke__previews .raduke__arrow .svg-icon{margin-top: -35px;} .raduke__preview-slide, .raduke__preview-slide.slick-slide, .raduke__preview-box{display: -webkit-flex; display: -ms-flex; display: flex;} .raduke__preview-slide{padding: 2px 10px;} .raduke__preview-box{cursor: pointer; transition: .2s; overflow: hidden; box-shadow: 0px 2px 5px rgba(0,0,0,.2); background-color: rgba(37,37,37,.5); height: 80px; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center;} .raduke__preview-box img{max-width: 100%; max-height: 80px; display: block;} .no-touch .raduke__preview-box:hover{box-shadow: 0px 2px 5px rgba(0,0,0,.2), 0 0 0 2px #ee3124;} .no-touch .raduke__preview-box.active, .raduke__preview-box.active{box-shadow: 0px 2px 5px rgba(0,0,0,.2), 0 0 0 2px #ee3124;} /* --- preloader --- */ .preloading-state{position: relative; transition: 1s;} .preloading-state .card-banners_item, .preloading-state .card-banners_item-long{transition: .66s;} .preloading-state .card-banners_item-long + .card-banners_item-long{transition-delay: .33s;} .preloading-state .card-banners_item-long + .card-banners_item-long + .card-banners_item-long{transition-delay: .66s;} .preloading-state .card-banners_item-long + .card-banners_item-long + .card-banners_item-long ~ .card-banners_item-long{transition-delay: 1s;} .preloading-state-started .card-banners_item-long{transition-delay: .33s;} .preloading-state-started .card-banners_item-long + .card-banners_item-long, .preloading-state-started .card-banners_item-long + .card-banners_item-long + .card-banners_item-long, .preloading-state-started .card-banners_item-long + .card-banners_item-long + .card-banners_item-long ~ .card-banners_item-long{transition-delay: 0s;} .preloading-state-started .card-banners_item, .preloading-state-started .card-banners_item-long{-webkit-transform: translateY(200px); transform: translate3d(0,200px,0);} .preloading-state::before{content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 80;} .preloading-state_preloader{position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; width: 80px; height: 80px; opacity: 0; z-index: 81; -webkit-animation: 2s infinite linear preloadrotatelinear; animation: 2s infinite linear preloadrotatelinear; transition: 1s;} .preloading-state_preloader-c-1{fill: none; stroke: #cfd4d7; stroke-width: 2px;} .preloading-state_preloader-c-2{fill: none; stroke: #f03226; stroke-width: 2px; stroke-dasharray: 50 150; -webkit-animation: 3s infinite linear preloaddasharray; animation: 3s infinite linear preloaddasharray;} .preloading-state-started .card-banner{opacity: 0;} .preloading-state-started::before{display: block;} .preloading-state-started .preloading-state_preloader{opacity: 1;} .preloading-state__static{text-align: center; margin: 40px 0;} .preloading-state__static .preloading-state_preloader{position: static; opacity: 1; margin: 0; vertical-align: top;} @-webkit-keyframes preloadrotatelinear { from{-webkit-transform: rotate(0deg); transform: rotate(0deg);} to{-webkit-transform: rotate(360deg); transform: rotate(360deg);} } @keyframes preloadrotatelinear { from{-webkit-transform: rotate(0deg); transform: rotate(0deg);} to{-webkit-transform: rotate(360deg); transform: rotate(360deg);} } @-webkit-keyframes preloaddasharray { 0%{stroke-dasharray: 50 150;} 50%{stroke-dasharray: 200 100;} 100%{stroke-dasharray: 50 150;} } @keyframes preloaddasharray { 0%{stroke-dasharray: 70 130;} 50%{stroke-dasharray: 0 240;} 100%{stroke-dasharray: 70 130;} } /* --- air datepicker (plugin) (custom colors) --- */ .datepicker--cells{display: flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;} .datepicker--cell{align-items: center; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: flex; display: -ms-flexbox; display: -webkit-flex; height: 32px; justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; position: relative; -webkit-align-items: center; -webkit-justify-content: center; z-index: 1;} .datepicker--cell.-focus-{background: #cfd4d7; color: #000;} .datepicker--cell.-current-{color: #000; background: rgba(240,50,38,.3);} .datepicker--cell.-current-.-focus-{color: #000; background-color: #cfd4d7;} .datepicker--cell.-current-.-in-range-{color: #f03226;} .datepicker--cell.-in-range-{background: rgba(92, 196, 239, 0.1); border-radius: 0; color: #4a4a4a;} .datepicker--cell.-in-range-.-focus-{background-color: rgba(92, 196, 239, 0.2);} .datepicker--cell.-disabled-{color: #cfd4d7; cursor: default;} .datepicker--cell.-disabled-.-focus-{color: #999;} .datepicker--cell.-disabled-.-in-range-{color: #cfd4d7;} .datepicker--cell.-disabled-.-current-.-focus-{color: #cfd4d7;} .datepicker--cell.-range-from-{background-color: rgba(92, 196, 239, 0.1); border: 1px solid rgba(92, 196, 239, 0.5); border-radius: 4px 0 0 4px;} .datepicker--cell.-range-to-{background-color: rgba(92, 196, 239, 0.1); border: 1px solid rgba(92, 196, 239, 0.5); border-radius: 0 4px 4px 0;} .datepicker--cell.-range-from-.-range-to-{border-radius: 4px;} .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-focus-{background: #f03226; border: none; color: #fff;} .datepicker--cell:empty{cursor: default;} .datepicker--days-names{display: flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; margin: -2px 0 3px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;} .datepicker--day-name{align-items: center; color: #f03226; font-size: 12px; line-height: 18px; display: flex; display: -ms-flexbox; display: -webkit-flex; flex: 1; justify-content: center; -ms-flex: 1; -ms-flex-align: center; -ms-flex-pack: center; webkit-align-items: center; -webkit-flex: 1; -webkit-justify-content: center; text-align: center; text-transform: uppercase;} .datepicker--cell-day{width: 14.28571%;} .datepicker--cells-months{height: 170px;} .datepicker--cell-month{height: 25%; width: 33.33%;} .datepicker--years{height: 170px;} .datepicker--cells-years{height: 170px;} .datepicker--cell-year{height: 33.33%; width: 25%;} .datepickers-container{left: 0; position: absolute; top: 0;} @media print{ .datepickers-container{display: none;} } .datepicker{background: #fff; border-radius: 4px; box-shadow: 0px 2px 5px rgba(0,0,0,.2); box-sizing: content-box; color: #000; font-size: 14px; font-weight: 400; left: -100000px; opacity: 0; position: absolute; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; width: 280px; z-index: 100;} .datepicker.-from-top-{transform: translateY(-8px); -webkit-transform: translateY(-8px);} .datepicker.-from-right-{transform: translateX(8px); -webkit-transform: translateX(8px);} .datepicker.-from-bottom-{transform: translateY(8px); -webkit-transform: translateY(8px);} .datepicker.-from-left-{transform: translateX(-8px); -webkit-transform: translateX(-8px);} .datepicker.active{opacity: 1; transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; -webkit-transform: translate(0);} .datepicker-inline .datepicker{border-color: #d7d7d7; box-shadow: none; left: auto; opacity: 1; position: static; right: auto; transform: none; -webkit-transform: none;} .datepicker-inline .datepicker--pointer{display: none;} .datepicker--content{box-sizing: content-box; padding: 20px 20px 15px;} .-only-timepicker- .datepicker--content{display: none;} .datepicker--pointer{display: none; background: #fff; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; height: 10px; position: absolute; width: 10px; z-index: -1;} .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer{top: calc(100% - 4px); transform: rotate(135deg); -webkit-transform: rotate(135deg);} .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer{right: calc(100% - 4px); transform: rotate(225deg); -webkit-transform: rotate(225deg);} .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer{bottom: calc(100% - 4px); transform: rotate(315deg); -webkit-transform: rotate(315deg);} .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer{left: calc(100% - 4px); transform: rotate(45deg); -webkit-transform: rotate(45deg);} .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer{left: 10px;} .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer{right: 10px;} .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer{left: calc(50% - 10px / 2);} .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer{top: 10px;} .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer{bottom: 10px;} .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer{top: calc(50% - 10px / 2);} .datepicker--body{display: none;} .datepicker--body.active{display: block;} .datepicker--nav{border-bottom: 1px solid #cfd4d7; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; min-height: 32px; -ms-flex-pack: justify; padding: 5px 20px; -webkit-justify-content: space-between;} .-only-timepicker- .datepicker--nav{display: none;} .datepicker--nav-title, .datepicker--nav-action{align-items: center; cursor: pointer; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-justify-content: center;} .datepicker--nav-action{border-radius: 4px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; width: 32px;} .datepicker--nav-action:hover{background: #cfd4d7;} .datepicker--nav-action:hover path{stroke: #000;} .datepicker--nav-action.-disabled-{visibility: hidden;} .datepicker--nav-action svg{height: 32px; width: 32px;} .datepicker--nav-action path{fill: none; stroke: #999; stroke-width: 2px;} .datepicker--nav-title{border-radius: 4px; padding: 0 8px;} .datepicker--nav-title i{font-style: normal; margin-left: 5px;} .datepicker--nav-title:hover{background: #cfd4d7;} .datepicker--nav-title.-disabled-{background: none; cursor: default;} .datepicker--buttons{border-top: 1px solid #efefef; display: flex; display: -ms-flexbox; display: -webkit-flex; padding: 4px;} .datepicker--button{align-items: center; border-radius: 4px; color: #4EB5E6; cursor: pointer; display: inline-flex; display: -ms-inline-flexbox; display: -webkit-inline-flex; flex: 1; height: 32px; justify-content: center; -ms-flex: 1; -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-flex: 1; -webkit-justify-content: center;} .datepicker--button:hover{background: #cfd4d7; color: #4a4a4a;} .datepicker--time{align-items: center; border-top: 1px solid #efefef; display: flex; display: -ms-flexbox; display: -webkit-flex; -ms-flex-align: center; padding: 4px; position: relative; -webkit-align-items: center;} .datepicker--time.-am-pm- .datepicker--time-sliders{flex: 0 1 138px; max-width: 138px; -ms-flex: 0 1 138px; -webkit-flex: 0 1 138px;} .-only-timepicker- .datepicker--time{border-top: none;} .datepicker--time-sliders{flex: 0 1 153px; margin-right: 10px; max-width: 153px; -ms-flex: 0 1 153px; -webkit-flex: 0 1 153px;} .datepicker--time-label{display: none; font-size: 12px;} .datepicker--time-current{align-items: center; display: flex; display: -ms-flexbox; display: -webkit-flex; flex: 1; font-size: 14px; margin: 0 0 0 10px; -ms-flex: 1; -ms-flex-align: center; text-align: center; -webkit-align-items: center; -webkit-flex: 1;} .datepicker--time-current-colon{line-height: 1; margin: 0 2px 3px;} .datepicker--time-current-hours, .datepicker--time-current-minutes{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 19px; line-height: 1; position: relative; z-index: 1;} .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after{background: #f0f0f0; border-radius: 4px; bottom: -2px; content: ''; left: -2px; opacity: 0; position: absolute; right: -2px; top: -3px; z-index: -1;} .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after{opacity: 1;} .datepicker--time-current-ampm{align-self: flex-end; color: #9c9c9c; font-size: 11px; margin-bottom: 1px; margin-left: 6px; -ms-flex-item-align: end; text-transform: uppercase; -webkit-align-self: flex-end;} .datepicker--time-row{align-items: center; background: linear-gradient(to right, #cfd4d7, #cfd4d7) left 50%/100% 1px no-repeat; display: flex; display: -ms-flexbox; display: -webkit-flex; font-size: 11px; height: 17px; -ms-flex-align: center; -webkit-align-items: center;} .datepicker--time-row:first-child{margin-bottom: 4px;} .datepicker--time-row input[type='range']{background: none; cursor: pointer; flex: 1; height: 100%; margin: 0; -ms-flex: 1; padding: 0; -webkit-appearance: none; -webkit-flex: 1;} .datepicker--time-row input[type='range']::-webkit-slider-thumb{webkit-appearance: none;} .datepicker--time-row input[type='range']::-ms-tooltip{display: none;} .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb{border-color: #b8b8b8;} .datepicker--time-row input[type='range']:hover::-moz-range-thumb{border-color: #b8b8b8;} .datepicker--time-row input[type='range']:hover::-ms-thumb{border-color: #b8b8b8;} .datepicker--time-row input[type='range']:focus{outline: none;} .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb{background: #5cc4ef; border-color: #5cc4ef;} .datepicker--time-row input[type='range']:focus::-moz-range-thumb{background: #5cc4ef; border-color: #5cc4ef;} .datepicker--time-row input[type='range']:focus::-ms-thumb{background: #5cc4ef; border-color: #5cc4ef;} .datepicker--time-row input[type='range']::-webkit-slider-thumb{background: #fff; border: 1px solid #cfd4d7; border-radius: 3px; box-sizing: border-box; cursor: pointer; height: 12px; transition: background .2s; width: 12px;} .datepicker--time-row input[type='range']::-moz-range-thumb{background: #fff; border: 1px solid #cfd4d7; border-radius: 3px; box-sizing: border-box; cursor: pointer; height: 12px; transition: background .2s; width: 12px;} .datepicker--time-row input[type='range']::-ms-thumb{background: #fff; border: 1px solid #cfd4d7; border-radius: 3px; box-sizing: border-box; cursor: pointer; height: 12px; transition: background .2s; width: 12px;} .datepicker--time-row input[type='range']::-webkit-slider-thumb{margin-top: -6px;} .datepicker--time-row input[type='range']::-webkit-slider-runnable-track{background: transparent; border: none; color: transparent; cursor: pointer; height: 1px;} .datepicker--time-row input[type='range']::-moz-range-track{background: transparent; border: none; color: transparent; cursor: pointer; height: 1px;} .datepicker--time-row input[type='range']::-ms-track{background: transparent; border: none; color: transparent; cursor: pointer; height: 1px;} .datepicker--time-row input[type='range']::-ms-fill-lower{background: transparent;} .datepicker--time-row input[type='range']::-ms-fill-upper{background: transparent;} .datepicker--time-row span{padding: 0 12px;} .datepicker--time-icon{border: 1px solid; border-radius: 50%; color: #9c9c9c; font-size: 16px; height: 1em; margin: 0 5px -1px 0; position: relative; width: 1em;} .datepicker--time-icon:after, .datepicker--time-icon:before{background: currentColor; content: ''; position: absolute;} .datepicker--time-icon:after{height: .4em; left: calc(50% - 1px); top: calc(50% + 1px); transform: translateY(-100%); -webkit-transform: translateY(-100%); width: 1px;} .datepicker--time-icon:before{height: 1px; left: calc(50% - 1px); top: calc(50% + 1px); width: .4em;} .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade-{color: #cfd4d7;} .-focus-.datepicker--cell-day.-other-month-, .-focus-.datepicker--cell-year.-other-decade-{color: #000;} .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade-{color: #999;} .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade-{background-color: rgba(92, 196, 239, 0.1); color: #cccccc;} .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color: rgba(92, 196, 239, 0.2);} .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty{background: none; border: none;} /* --- smiles --- */ .smile-md{display: inline-block; max-width: 24px; max-height: 24px;} /* --- icons --- */ #svg-sprite{visibility: hidden; width: 0; height: 0; display: block;} .svg-icon{display: inline-block; vertical-align: middle; transition: inherit;} .svg-icon__chevron-down{width: 10px; height: 10px;} .svg-icon__heart{width: 18px; height: 17px;} .svg-icon__tooltip{width: 18px; height: 18px;} .svg-icon__belcard{width: 20px; height: 20px;} .svg-icon__belcard-md{width: 36px; height: 36px;} .svg-icon__mastercard{width: 28px; height: 18px;} .svg-icon__mastercard-md{width: 60px; height: 47px;} .svg-icon__maestro{width: 28px; height: 18px;} .svg-icon__maestro-md{width: 63px; height: 36px;} .svg-icon__visa{width: 30px; height: 10px;} .svg-icon__visa-md{width: 60px; height: 20px;} .svg-icon__google-play{width: 131px; height: 34px;} .svg-icon__app-store{width: 126px; height: 34px;} .svg-icon__16{width: 16px; height: 16px;} .svg-icon__20{width: 20px; height: 20px;} .svg-icon__30{width: 30px; height: 30px;} .svg-icon__40{width: 40px; height: 40px;} .svg-icon__80{width: 80px; height: 80px;} .icon{display: inline-block; vertical-align: middle; background: url(/local/images/sprite.png) no-repeat scroll transparent; transition: inherit;} .icon-group{display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; position: relative; transition: inherit;} .icon-group .icon__reflex, .icon-group .icon__second{position: absolute; top: 0; left: 0;} .icon__reflex{opacity: 0;} .no-touch .icon-reflex-parent:hover .icon{opacity: 0;} .no-touch .icon-reflex-parent:hover .icon__reflex{opacity: 1;} .icon__logo-client-club{background-position: 0px 0px; width: 62px; height: 29px;} .icon__logo-golden-alfa{background-position: -69px 0px; width: 47px; height: 24px;} .icon__logo-alfa-club{background-position: -125px 0px; width: 65px; height: 30px;} .icon__logo-alfa-blog{background-position: -196px 0px; width: 59px; height: 26px;} @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 1.5), (min-resolution: 192dpi), (min-resolution: 2dppx) { .icon{background-image: url(/local/images/sprite-x2.png); background-size: 300px 140px;} } /* --- tools --- */ .ava::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .fc:first-child, .flc:first-child{margin-top: 0;} .lc:last-child, .flc:last-child{margin-bottom: 0;} .h100p{height: 100%;} .fs0{font-size: 0;} .hidden{display: none;} .visible{display: block;} .visible-ib{display: inline-block;} .visible-inline{display: inline;} .hidden-not-in-mob-menu.hidden-not-in-mob-menu{display: none;} .toggle-open.open .hidden-open{display: none;} .toggle-open.open .visible-open{display: block;} .toggle-open.open .visible-open-ib{display: inline-block;} .toggle-open.open .visible-open-inline{display: inline;} .pull-left{float: left;} .pull-right{float: right;} .clearfix::after{content: ''; display: table; clear: both;} .clear{clear: both;} .push-down, .push-down:last-child{margin-bottom: -30px;} .no-select{-moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none;} .ios .hidden-ios{display: none;} .no-ios .hidden-no-ios{display: none;} .text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;} .text-justify{text-align: justify;} @media (min-height: 570px){ .main-section-nav-container.fixed .main-section-nav{position: fixed; top: 0; left: 0; right: 0; z-index: 50; background-color: #e8eded;} .main-section-nav-container.fixed .main-section-nav_up-cell, .main-section-nav-container.fixed .main-section-nav_menu-cell, .main-section-nav-container.fixed .main-section-nav_like-cell, .main-section-nav-container.fixed .main-section-nav_btn-cell, .main-section-nav-container.fixed .main-section-nav-menu_item, .main-section-nav-container.fixed .main-section-nav-menu-alt{height: 60px;} .main-section-nav-container.fixed .main-section-nav_up-cell{opacity: 1;} } @media (min-width: 1000px) { /* --- top page section --- */ .top-page-section__alt .top-page-section_title{margin-bottom: 0;} .top-page-section__alt-w-menu .top-page-section_title{margin-bottom: 24px;} /* --- infographics layout --- */ .infographics-layout_content .infographics-grid + .infographics-etc-grid{margin-top: 15px;} .infographics-layout_content .infographics-etc-grid{text-align: left;} .infographics-layout_visual__wide img{margin-right: -100px; max-width: calc(100% + 100px); margin-top: -10px;} /* --- infographics section --- */ .infographics-section__white-lg{color: #fff;} } @media (min-width: 760px) { /* --- top page section --- */ .top-page-section__alt:not(.top-page-section__alt-w-menu) .top-page-section_menu{display: none !important;} } @media (max-width: 1440px) { /* --- slidk slider --- */ .slick-prev{right: auto; left: 0; margin-right: 0;} .slick-next{left: auto; right: 0; margin-left: 0;} .slick-arrow{width: 80px;} .regular-arrows .slick-arrow{width: 80px;} .regular-arrows .slick-prev svg{right: 30px;} .regular-arrows .slick-next svg{left: 30px;} /* --- main section nav --- */ .main-section-nav_up-cell .btn{right: 20px;} } @media (max-width: 1340px) { /* --- main submenu --- */ .main-submenu_row{padding-right: 80px;} .main-submenu_close{margin-left: 0; left: auto; right: 60px;} .out-of-container{margin-left: -80px; margin-right: -80px; width: auto;} /* --- side arrows --- */ .side-arrow{margin: 0; width: 80px;} .side-arrow__left{right: auto; left: 0;} .side-arrow__right{left: auto; right: 0;} /* --- article block --- */ .article-block_date{width: calc(50vw - 520px); padding: 0 20px 0 0;} /* --- informer --- */ .informer-convert + .informer_aside{display: none;} /* --- compare table --- */ .compare-table_add-td{display: none;} .compare-table th{max-width: calc(100vw - 40px);} /* --- compare table scroller --- */ .compare-table-scroller::before{left: -20px; width: 20px;} .compare-table-scroller::after{right: -20px; width: 20px;} .compare-table-scroller_inner{margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;} .compare-table-top-bar{margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;} } @media (max-width: 1240px) { /* --- informer --- */ .informer_select-cell{width: 265px; padding-right: 15px;} .informer_content .informer_aside{padding-left: 40px;} /* --- informer currencies --- */ .informer-currencies_flag{display: none;} .informer-currencies__block .informer-currencies_flag{display: table-cell;} /* --- card banners --- */ .card-banner__org{padding-left: 200px;} .card-banner__org .card-banner_bg-frame{width: 180px;} /* --- article block --- */ .article-block_date{width: auto; padding: 0; position: static; text-align: left; margin-bottom: 4px;} .article-block_date br{display: none;} .article-block_date .strong-date_strong, .article-block_date .strong-date_small{font-size: 14px; line-height: 22px; margin: 0; display: inline;} /* --- num-calc --- */ .calc-results-container.num-calc{padding: 20px 20px 30px;} } @media (max-width: 1179px) { /* --- blocks ---- */ .container{padding: 0 20px;} .out-of-container{margin-left: -20px; margin-right: -20px;} /* --- main menu --- */ .main-menu{margin-right: -10px;} .main-menu_btn{padding: 0 10px;} .main-menu_btn::after{left: 10px; right: 10px;} /* --- main submenu --- */ .main-submenu_close{right: 0px; width: 90px; padding-right: 30px;} /* --- page section --- */ .page-section_table-aside{width: 270px; padding-left: 30px;} /* --- card banners --- */ .card-banners__block-links .card-banners_item:nth-last-child(3){margin-bottom: 20px;} .card-banners__3-md .card-banners_item:nth-child(4), .card-banners__3-md .card-banners_item:nth-child(4) ~ .card-banners_item{display: none;} /* --- card banner --- */ .card-banner__long .card-banner_bg-frame{padding: 30px 0 30px 30px; width: 250px;} .card-banner__long{padding-left: 280px; padding-right: 20px;} .card-banner__long .card-banner_bg-frame::after{display: none;} .card-banner__long .card-banner_content-aside{width: 150px;} .card-banner__card .card-banner_bg-frame{padding-right: 30px; width: 280px;} .card-banner__card .card-banner_content-aside{width: 80px;} .card-banner__card-w-price .card-banner_content-aside{width: 150px;} .card-banner__org{padding-left: 180px;} .card-banner__org .card-banner_bg-frame{width: 180px; padding: 20px;} .card-banner__org .card-banner_bg-frame::after{display: inline-block;} .card-banner__fav{padding: 25px 30px 25px 200px;} .card-banner__fav .card-banner_bg-frame{width: 160px;} .card-banner_hover-bottom{right: 80px;} .card-banner_hover-bottom-row{margin-right: -35px;} .card-banner_hover-bottom-row-item{margin-right: 20px;} .card-banner_title:first-child{margin-top: -5px;} /* --- informer --- */ .informer_content .informer_aside{padding-left: 30px;} /* --- informer converter --- */ .informer-converter_input-item .text-input{width: 115px;} /* --- footer logos --- */ .footer-logos{margin: 0 -10px -13px 0;} .footer-logos_item{margin: 0 10px 10px 0;} /* --- notification --- */ .notification_close{width: 80px;} /* --- wide slider --- */ .wide-slider_inner{height: 500px;} .wide-slider .slick-arrow{display: none !important;} .wide-slider_advantages .advantages-row_item:nth-child(4), .wide-slider_advantages .advantages-row_item:nth-child(4) ~ .advantages-row_item{display: none;} .wide-slider:not(.slick-initialized){max-height: 501px;} /* --- main section nav --- */ .main-section-nav_up-cell{display: none;} /* --- article w aside --- */ .article-w-aside_aside{padding-right: 30px;} /* --- offices table --- */ .offices-table td, .offices-table th{padding-right: 20px;} .offices-table .offices-table_main{padding-right: 30px;} /* --- slick --- */ .regular-arrows:not(.regular-arrows__hide-sm) .slick-arrow{display: none !important;} /* --- story slide --- */ .story-slide_title{height: auto; max-height: 120px;} .story-slide_img-cell{padding-right: 30px; width: 210px;} .story-slide__full .story-slide_title{max-height: none;} /* --- miles-calc --- */ .miles-calc, .miles-calc_left, .miles-calc_right, .miles-calc_sign{display: block; width: auto; padding: 0;} .miles-calc_sign{margin: 20px 0;} /* --- tools --- */ .hidden-md{display: none;} .visible-md{display: block;} .visible-md-inline{display: inline;} .visible-md-ib{display: inline-block;} .visible-md-table{display: table;} .visible-md-tc{display: table-cell;} /* --- grid --- */ .col-md-1{width: 8.333%;} .col-md-2{width: 16.666%;} .col-md-3{width: 25%;} .col-md-4{width: 33.33%;} .col-md-5{width: 41.666%;} .col-md-6{width: 50%;} .col-md-7{width: 58.333%;} .col-md-8{width: 66.666%;} .col-md-9{width: 75%;} .col-md-10{width: 83.333%;} .col-md-11{width: 91.666%;} .col-md-12{width: 100%;} } @media (max-width: 1080px) { /* --- cards face to face --- */ .cards-face-to-face_frame{left: 25%; right: auto; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate3d(-50%,-50%,0); margin: 0; transition: .5s; max-width: calc(50% - 20px)} .cards-face-to-face_frame.state-right{left: 75%; right: auto; margin: 0;} } @media (max-width: 999px) { /* --- body --- */ body{padding-top: 60px;} /* --- text --- */ h1, .h1{font-size: 44px; line-height: 50px;} /* --- buttons --- */ .btn__block-sm{display: block; width: 100%;} /* --- forms --- */ .form_row__full-sm{float: none; width: auto; padding: 0;} .form_row__full-sm + .form_row__full-sm{padding-left: 0;} .form_row__full-sm + .form_row__offset{padding-top: 0;} /* --- informer --- */ .informer, .informer_select-cell, .informer_info-cell{display: block; width: auto; height: auto; padding: 0;} .informer{padding: 20px 0 24px;} .informer_select-cell{margin-bottom: 12px;} /* --- informer currencies --- */ .informer-currencies_left-boundary{display: none;} .informer-currencies_block-heading{margin-bottom: 6px;} /* --- page section --- */ .page-section_table, .page-section_table-main, .page-section_table-aside{display: block; width: auto;} .page-section_table-aside{padding-left: 0; margin-top: 40px;} .page-section_table-aside .aside-consultant{display: none;} .page-section_table:last-child .page-section_table-aside{margin-bottom: -55px;} /* --- aside links --- */ .aside-links__accordion-sm{margin: 0 0 -1px; border-top: 1px solid #cfd4d7; border-bottom: 1px solid #cfd4d7;} .aside-links__accordion-sm:last-child{border-bottom: none;} .aside-links__accordion-sm .aside-links_item{display: none;} .aside-links__accordion-sm .aside-links_item.aside-person{margin-top: 0;} .aside-links__accordion-sm .aside-links_item:last-child{margin-bottom: 20px;} .aside-links__accordion-sm .aside-links_item.open{display: block;} .aside-links__accordion-sm .aside-links_item___top{display: block; padding: 25px 20px 25px 0; cursor: pointer; margin: 0; position: relative;} .aside-links__accordion-sm .aside-links_item___top .icon-link{display: table;} .aside-links__accordion-sm .aside-links_item___top .round-close-btn{display: inline-block; position: absolute; top: 25px; right: 0;} .aside-links__accordion-sm .aside-links_item___top:not(.open) .round-close-btn{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .aside-links__accordion-sm .aside-links_item___top + .aside-links_item{margin-top: -15px;} /* --- card baners --- */ .card-banners__3-md .card-banners_item:nth-child(4), .card-banners__3-md .card-banners_item:nth-child(4) ~ .card-banners_item{display: block;} .card-banners_item.col-sm-12:nth-last-child(2){margin-bottom: 20px;} /* --- card banner --- */ .card-banner{padding: 20px 90px 20px 20px; height: 210px;} .card-banner_top{margin-bottom: 12px;} .card-banner_content{font-size: 14px; line-height: 22px;} .no-touch .card-banner:hover .card-banner_cover{-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .card-banner__long{padding: 30px 20px 30px 280px;} .card-banner__long{height: auto;} .card-banner__long .card-banner_title-arrow{margin-left: -28px;} .no-touch .card-banner__long:hover .card-banner_title-arrow{margin-left: -24px;} .card-banner__org{padding-left: 230px;} .card-banner__org .card-banner_bg-frame{width: 200px;} .card-banner__fav .card-banner_bg-frame{width: 240px; padding-right: 40px;} /* --- block banner --- */ .block-banner{padding: 25px 20px;} .block-banner_content{min-height: 122px;} /* --- small news list --- */ .small-news-list_item:nth-child(3), .small-news-list_item:nth-child(3) ~ .small-news-list_item{display: none;} /* --- small news section --- */ .card-banners + .small-news-section, .card-banners + div > .small-news-section:first-child{margin-top: 40px;} .card-banners + .small-news-cards-section, .card-banners + div > .small-news-cards-section:first-child{margin-top: 40px;} /* --- small news card --- */ .small-news-card_cell-main{padding: 25px 20px; height: 170px;} .small-news-card_cell-image{padding: 20px 20px 20px 0;} .small-news-card__lg{min-height: calc((170px + 20px) * 3 - 20px);} /* --- top panel --- */ .top-panel{position: fixed; top: 0; left: 0; right: 0;} .top-panel, .top-panel_item, .top-panel-btn{height: 60px;} .top-panel_item, .top-panel_separator{display: none;} .top-panel_item__menu, .top-panel_item__logo, .top-panel_item__search, .top-panel_item__account{display: inline-block;} .top-panel_item__logo .alfa-logo__a{width: 20px;} .top-panel_search{max-width: calc(100vw - 150px);} .top-search-results{width: 850px; max-width: calc(100vw - 104px);} /* --- top search form --- */ .top-search-form{border: none;} .top-search-form .search-input{padding-top: 18px; padding-bottom: 18px;} .top-search-form .search-input, .top-search-form_btn{height: 60px;} /* --- page header --- */ .page-header{z-index: 110; height: 0;} .page-header_item{height: auto;} .page-header_item__logo{display: none;} .page-header > .container, .page-header > * > .container{height: 0;} /* --- account stripe --- */ .account-stripe, .account-stripe_container{max-width: calc(100vw - 10px);} /* --- main menu --- */ .main-menu{width: 320px; max-width: calc(100vw - 10px); position: fixed; top: 0; left: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; background-color: #f03226; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translate3d(-100%,0,0); transition: transform .3s;} .main-menu_mobile-header{display: block;} .main-menu_mobile-header .switch_txt{font-size: 16px;} .main-menu_mobile-header .switch_handle{height: 20px; width: 36px; background-color: #f03226;} .main-menu_mobile-header .switch_dot{width: 16px; height: 16px; top: 2px; left: 2px;} .main-menu_mobile-header .state-right .switch_dot{left: 18px;} .no-touch .switch:hover .switch_dot, .no-touch .switch_dot:hover, .no-touch .switch_dot:active{box-shadow: 0px 5px 10px rgba(0,0,0,.2); width: 16px; height: 16px; margin-top: 0px; margin-left: 0px;} .main-menu_item{display: block; height: auto; background-color: #fff;} .main-menu_item:last-child .main-menu_btn, .main-menu_btn{padding: 16px 35px 16px 20px; border-bottom: 1px solid #cfd4d7; display: block; width: 100%; height: 100%; margin: 0;} .main-menu_btn::before{vertical-align: middle;} .main-menu_btn-txt{color: #000 !important; font-size: 18px; font-weight: 300; letter-spacing: normal; text-transform: none;} .main-menu_btn-icon{position: relative; margin-right: 20px;} .main-menu_btn-icon::after, .main-submenu-item_icon::after{content: ''; display: inline-block; width: 13px; height: 13px; border-left: 2px solid #f03226; border-bottom: 2px solid #f03226; position: absolute; top: 6px; left: 6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; transition: .15s;} .main-menu_item:last-child .main-menu_btn::after{right: 20px;} .main-submenu-item_icon::after{top: 4px;} .main-submenu-item_title{letter-spacing: normal;} .main-menu_item__alt .main-menu_btn{background-color: #f03226; border-bottom: 1px solid #f35b51;} .main-menu_item__alt .main-menu_btn::after{border-color: #fff;} .main-menu_item__alt .main-menu_btn-txt{color: #fff !important;} .main-menu_item__alt .main-menu_btn-icon{color: #fff; opacity: .7;} .main-menu_item__alt:last-child .main-menu_btn{border-bottom: none;} .main-menu_item__search{display: none;} .main-menu_submenu, .main-submenu-level-2{position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-color: #fff; padding-bottom: 20px; opacity: 1; transition: .5s, z-index 0s ease .5s; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translate3d(-100%,0,0);} .main-menu_submenu.open, .mobile-main-menu-open .main-menu{-ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translate3d(0,0,0);} .main-menu-level-1-open .main-menu_submenu, .main-menu-level-2-open .main-submenu-level-2{bottom: auto; min-height: 100vh; transition: .5s, z-index 0s;} .main-menu-level-1-open .main-menu_submenu.open{z-index: 200;} .main-menu-level-2-open .main-submenu-level-1.open .main-submenu-level-2{-ms-transform: none; -webkit-transform: none; transform: none; z-index: 200;} /*.main-menu-level-2-open .main-submenu-level-1:not(.open){display: none;}*/ .main-menu-level-2-open .main-submenu_block-links{display: none;} .main-submenu-level-2_back{display: block;} .main-menu_btn::after, .main-submenu-item.has-submenu > .main-submenu-item_link::after{content: ''; position: absolute; left: auto; right: 20px; top: 26px; height: 6px; width: 6px; border-bottom: 1px solid #000; border-right: 1px solid #000; transition: .15s; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; background: transparent;} .main-menu_item.no-sumbenu .main-menu_btn::after{display: none;} .main-submenu-level-1 .main-menu_btn::after, .main-submenu-level-1 .main-submenu-item.has-submenu > .main-submenu-item_link::after{display: none;} /* --- main submenu --- */ .main-submenu_search, .main-submenu_close{display: none;} .main-submenu_content, .main-submenu_content .container, .main-submenu_row{padding: 0; margin: 0;} .main-submenu_row .col{padding: 0; margin: 0; width: 100%;} .main-submenu_back{display: block; padding: 17px 35px 17px 60px; width: 100%; background-color: #e8eded; color: #f03226; font-size: 14px; font-weight: 400; line-height: 26px; text-align: left; text-transform: uppercase; position: relative;} .main-submenu_back::before{content: ''; width: 13px; height: 13px; border-left: 2px solid #f03226; border-bottom: 2px solid #f03226; position: absolute; left: 24px; top: 24px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .main-submenu-item_link{display: block; padding: 16px 35px 16px 60px; border-bottom: 1px solid #cfd4d7; min-height: 61px; margin: 0;} .main-submenu-item_link__no-link{display: none;} .main-submenu-item_icon{left: 20px; top: 19px;} .main-submenu-item_title, .main-submenu-item.highlight .main-submenu-item_title{font-size: 18px; font-weight: 300; line-height: 26px; color: #000; text-transform: none;} .main-submenu-level-1, .main-submenu-level-2, .main-submenu-level-2 .main-submenu-item{margin: 0;} .main-submenu-level-2 .main-submenu-item_link{padding-top: 17px; padding-bottom: 16px;} .main-submenu-level-2 .main-submenu-item_link .main-submenu-item_icon{top: 19px; left: 20px;} .main-submenu-item.highlight .main-submenu-item_link:hover{opacity: 1;} .main-submenu_block-links{margin: 20px 0;} .main-submenu_block-links .col{margin-bottom: 10px;} .main-submenu_block-links .col:last-child{margin-bottom: 0;} .main-submenu__alt{background-color: #f03226; color: #fff;} .main-submenu-alt-content{padding: 20px;} .main-submenu-alt-content .dropdown_title{color: #fff;} .main-submenu-alt-content .consult-phone-row{display: block; width: auto;} .main-submenu-alt-content .consult-phone-row br{display: none;} .main-submenu-alt-content .consult-phone-row_icon-cell, .main-submenu-alt-content .consult-phone-row_number-cell, .main-submenu-alt-content .consult-phone-row_comment-cell{color: #fff; display: inline-block; vertical-align: middle; width: auto;} .main-submenu-alt-content .consult-phone-row_comment-cell{opacity: .4; display: block; padding: 10px 0 0;} .no-touch .main-submenu-alt-content .consult-phone-row:hover .consult-phone-row_comment-cell{opacity: 1; color: #fff;} .main-submenu-alt-content .dropdown_wide-block:first-child{margin-top: 0;} .main-submenu-alt-content .dropdown_wide-block:last-child{margin-bottom: 0;} .main-submenu-alt-content .block-link_title{color: #fff;} .main-submenu-alt-content .block-link_subtitle{color: rgba(255,255,255,.4);} .no-touch .main-submenu-alt-content .block-link:hover{background: transparent;} .no-touch .main-submenu-alt-content .block-link:hover .block-link_subtitle{color: rgba(255,255,255,1);} .main-submenu-alt-content .btn{color: #fff; border-color: rgba(255,255,255,.4);} .no-touch .main-submenu-alt-content .btn:hover{color: #fff; border-color: #fff;} .no-touch .main-submenu-alt-content .btn:active{color: #f03226; border-color: #fff; background-color: #fff;} .main-submenu-search{margin: -20px; position: relative;} .main-submenu-search .top-search-results{opacity: 1; background: transparent; width: auto; position: static; box-shadow: none; padding: 20px; color: #fff; -ms-transform: none; -webkit-transform: none; transform: none;} .main-submenu-search .top-search-results_title{color: rgba(255,255,255,.4);} .main-submenu-search .top-search-results_item{color: #fff; padding: 5px 20px; margin: 0 -20px;} .main-submenu-search .top-search-results_item-subtitle{color: inherit;} .main-submenu-search .top-search-results_footer-link{margin: 0 -20px; padding: 15px 20px;} .main-submenu-alt-content .top-search-form{width: 100%;} .main-submenu-alt-content .top-search-form_btn-box, .main-submenu-alt-content .top-search-form_input-box{border-bottom: 1px solid #f35b51;} .main-submenu-alt-content .top-search-form .search-input{height: 60px; opacity: 1; padding: 18px 70px 18px 0;} .main-submenu-alt-content .top-search-form .top-search-form_btn{height: 60px; opacity: 1; width: 60px;} .main-submenu_close-search{position: absolute; top: 0; right: 0; height: 60px; width: 60px; color: #fff; cursor: pointer; color: rgba(255,255,255,.7); transition: .15s;} .no-touch .main-submenu_close-search:hover{color: rgba(255,255,255,1);} /* --- page footer --- */ .page-footer{padding: 10px 0 34px;} .page-footer hr{display: none;} .page-footer_phone{display: inline-block; width: 50%; vertical-align: top; margin-right: -5px;} .page-footer_phone:nth-child(2){margin-top: 0;} .page-footer_phone + .page-footer_btn-row{margin-top: 7px;} .page-footer_header{padding: 23px 0; position: relative; cursor: pointer; transition: .15s; margin-bottom: 0;} .page-footer_header-btn{display: inline-block; position: absolute; top: 24px; right: 0px;} .page-footer_header-btn::before, .page-footer_header-btn::after{background-color: #595959; transition: .15s;} .page-footer_header:not(.open) .page-footer_header-btn::before{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} .page-footer_header:not(.open) .page-footer_header-btn::after{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .page-footer_content{display: none; padding-bottom: 30px;} .page-footer-top{margin-left: 0; margin-right: 0;} .page-footer-top_col, .page-footer-bottom_icons{border-bottom: 1px solid rgba(232,237,237,.2); text-align: left;} .page-footer-top .page-footer-top_col{padding: 0; padding-right: 0;} .page-footer-top_col.open .page-footer_header{display: block;} .page-footer-top_col.open .page-footer_content{display: block;} .page-footer-bottom{display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .page-footer-bottom_icons{clear: both; padding-top: 34px; -webkit-order: 1; -ms-order: 1; order: 1; padding: 0; margin: 0 20px;} .page-footer-bottom_icons.col{padding-left: 0; padding-right: 0;} .page-footer-bottom_col{-webkit-order: 2; -ms-order: 2; order: 2; margin-top: 23px;} .page-footer-bottom_col + .page-footer-bottom_col{-webkit-order: 3; -ms-order: 3; order: 3;} .page-footer_btn-row:last-child{margin-bottom: -10px;} /* --- wide slider --- */ .slick-active .wide-slider_content{transition: 1s ease .5s;} .wide-slider_advantages{margin-left: -15px; margin-right: -15px;} .wide-slider_advantages .advantages-row_item{padding: 0 15px;} /* --- slick --- */ .regular-arrows.regular-arrows__hide-sm .slick-arrow{display: none !important;} /* --- top page section --- */ .top-page-section_bottom-info, .top-page-section_bottom-info-item{display: block; width: auto;} .top-page-section_bottom-info-item{margin-bottom: 4px;} .top-page-section_bottom-info-item:last-child{margin-bottom: 0;} .top-page-section_bottom-info-item strong, .top-page-section_bottom-info-item small{display: inline;} .top-page-section_bottom-info-item strong + small, .top-page-section_bottom-info-item small + strong{margin-left: 15px;} .top-page-section_bottom-info-item__aside:last-child{display: none;} /* --- calc --- */ .calc-top, .calc-top_form-cell, .calc-top_total-cell{display: block; width: auto;} .calc-top_total-cell{padding-left: 0; margin-top: 42px;} .calc-top-form_item__inline{width: calc(33.33% - 20px);} /* --- calc request --- */ .calc-request_tabs, .calc-request_label{display: block; width: auto;} .calc-request_tabs{margin: 0 0 -30px; position: relative; padding: 0 0 50px;} .calc-request_tabs::before, .calc-request_tabs::after{content: ''; position: absolute; bottom: 0; border-bottom: 10px solid #fff; width: calc(50% + 100px);} .calc-request_tabs::before{right: 50%; border-right: 15px solid transparent;} .calc-request_tabs::after{left: 50%; border-left: 15px solid transparent;} .calc-request_label{padding: 0; margin-bottom: 20px;} .calc-request_label:last-child{margin-bottom: 0px;} .calc-request_label::before, .calc-request_label::after{display: none;} /* --- calc resuts --- */ .calc-results-container{height: auto !important;} .calc-results-container_table, .calc-results-container_text, .calc-results-container_demo, .calc-results-container_content, .calc-results-container_head, .calc-results-container_head-icon, .calc-results-container_head-name, .calc-results-container_head-descr{display: block; width: auto; padding: 0;} .calc-results-container_demo{margin-top: 20px;} .calc-results-container_head-icon{float: left; margin-right: 20px;} .calc-results-container_head-descr{clear: both; padding-top: 6px;} .calc-results-container_body .calc-results-container_value{font-size: 50px; line-height: 40px;} .calc-results-container_body .calc-results-container_value small{font-size: 26px;} .calc_results__h4 .calc-results-container_content{height: auto;} /* --- calc --- */ .calc_filter{width: 285px;} /* --- miles calc --- */ .miles-calc_sign-icon{margin: 40px 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} /* --- interest section --- */ .interest-section_table, .interest-section_title, .interest-section_content{display: block; width: auto; padding: 0;} .interest-section_title{margin-bottom: 24px;} .page-section_main-tabs:last-child .interest-section:last-child{margin-bottom: 40px;} /* --- infographics-layout --- */ .infographics-layout, .infographics-layout_visual, .infographics-layout_content{display: block; padding: 0;} .infographics-layout_visual:not(:empty) + .infographics-layout_content, .infographics-layout_content + .infographics-layout_visual:not(:empty){margin-top: 40px;} .infographics-layout_visual__bottom:not(:empty) + .infographics-layout_content{margin-top: 0px;} .infographics-layout{display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} .infographics-layout_visual__bottom{-webkit-order: 2; -ms-order: 2; order: 2; margin-bottom: -50px; margin-top: 20px;} .infographics-layout_visual__bottom img{margin-bottom: 0;} .infographics-layout_content + .infographics-layout_visual .cucarecurr::before{right: auto; left: 50%; bottom: 100%; top: auto; border: 14px solid transparent; border-top: none; border-bottom: 10px solid #fff; margin: 0 0 0 -14px;} /* --- infofraphics section --- */ .infographics-section:not(.infographics-section__bg){background-image: none !important;} /* --- main-section-nav-menu-alt --- */ .main-section-nav-container.fixed .main-section-nav{top: 60px;} /* --- table banner --- */ .table-banner{display: block; padding: 30px 0 30px 260px; position: relative; min-height: 220px;} .table-banner_emphasis, .table-banner_image, .table-banner_content{display: block; padding: 0; width: auto;} .table-banner_emphasis{margin-bottom: 15px;} .table-banner_image{position: absolute; width: 240px; height: 220px; left: 0; bottom: 0; font-size: 0;} .table-banner_image::after{content: ''; display: inline-block; height: 100%; vertical-align: bottom;} .table-banner_image img{vertical-align: bottom;} .table-banner_title{max-width: none;} .table-banner_title br{display: none;} /* --- inline form --- */ .inline-form__left-sm{text-align: left;} .inline-form_item__left-sm{text-align: left;} /* --- article w aside --- */ .article-w-aside__break-sm{display: block;} .article-w-aside__break-sm .article-w-aside_aside, .article-w-aside__break-sm .article-w-aside_main{display: block;} .article-w-aside__break-sm .article-w-aside_aside{width: auto; float: left; padding: 0; margin: 0 30px 20px 0;} /* --- address section --- */ .address-section{padding: 34px 0; margin-top: 40px;} .address-section_map:last-child{margin-bottom: -35px;} /* --- address table --- */ .address-table_addr-col, .address-table_info-col{padding-right: 30px;} /* --- not found screen --- */ .not-found-screen{margin-top: -60px;} .not-found-screen_inner{background-image: url(/local/images/404-bg-sm.jpg);} /* --- search --- */ .search{margin: 20px 0 0 ;} .search_filter{margin: 40px 0 30px;} .search_top-link{margin-top: -10px;} /* --- inner page --- */ .inner-page .page-section__main{padding: 60px 0 55px;} /* --- search results --- */ .search-results_col-section{width: 180px; padding: 22px 20px 22px 0;} .search-results_col-text{padding: 22px 0;} .search-results_txt{margin: 5px 0;} .search-results_more{text-align: center; margin-top: 45px;} /* --- lite filter --- */ .lite-filter_item__total{display: block; width: auto; margin-top: 10px;} /* --- table layout --- */ .table-layout, .table-layout_main, .table-layout_aside{display: block; width: auto; padding: 0;} .table-layout_aside + .table-layout_main, .table-layout_main + .table-layout_aside{margin-top: 20px;} .table-layout__accordion .table-layout_aside{padding: 25px 20px 25px 0; cursor: pointer; position: relative;} .table-layout__accordion .table-layout_main{display: none; margin: 0; padding: 0 0 25px;} .table-layout__accordion h2{font-size: 14px; line-height: 22px; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 1.5px;} .table-layout__accordion .table-layout_aside .round-close-btn{display: inline-block; position: absolute; top: 25px; right: 0;} .table-layout__accordion .table-layout_aside:not(.open) .round-close-btn{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} /* --- stick to bottom section --- */ .stick-to-bottom-section__accordion-sm{padding: 0; margin-left: 0; margin-right: 0;} .stick-to-bottom-section__accordion-sm .container{padding-left: 0; padding-right: 0;} /* --- account data --- */ .account-data{padding: 30px 20px;} .account-data_progress{margin: -30px -20px 30px;} .account-data_table, .account-data_foto-col, .account-data_info-col{display: block;} .account-data_foto-col{float: left;} .account-data_info-col{margin-left: 220px; padding-right: 0;} .account-data_info-col + .account-data_info-col{margin-top: 20px;} /* --- messages grid --- */ .messages-grid_item{width: 100%;} .messages-grid_item:nth-last-child(2){margin-bottom: 20px;} /* --- message link --- */ .message-link{padding: 20px;} /* --- infographics item --- */ .infographics-item__vertical{text-align: center;} .infographics-item__vertical .infographics-item_img-box{margin-left: auto; margin-right: auto;} /* --- side arrows --- */ .side-arrow{display: none;} /* --- offices table --- */ .offices-table{margin: 40px 0;} .offices-table, .offices-table tr, .offices-table td, .offices-table tbody{display: block;} .offices-table tr{border-bottom: 1px solid #cfd4d7; padding: 24px 0;} .offices-table thead{display: none;} .offices-table tr:first-child{padding-top: 0;} .offices-table tbody + tbody tr:first-child{padding-top: 24px;} .offices-table tr::after{content: ''; display: table; clear: both;} .offices-table td{border: none; padding: 0; float: right; width: 51%;} .offices-table th{display: none;} .offices-table_service-title{display: block;} .offices-table .offices-table_main{width: 49%; float: left; padding-right: 40px;} .offices-table .offices-table_service{margin-bottom: 20px;} .offices-table .offices-table_currency{margin-bottom: 20px;} .offices-table .offices-table_currency + .offices-table_currency{margin-top: -5px;} .offices-table .offices-table_service:last-child, .offices-table .offices-table_currency:last-child{margin-bottom: 0;} .offices-table .offices-table_service:empty, .offices-table .offices-table_currency:empty{display: none;} .offices-table .preloading-tr td{width: 100%; clear: both; float: none;} .offices-table .preloading-tr{border-bottom: none; padding-bottom: 0;} .offices-table .offices-table_trigger-block{margin: 0; background: transparent;} .offices-table .offices-table_trigger-row{padding: 0; border: none; background: #fff; margin-top: -5px;} .offices-table_toggle-box{padding: 20px 0; margin: 0 0 -20px; display: block;} .offices-table_toggle-row .offices-table_currency{margin: 0;} .offices-table .offices-table_toggle-row{padding-top: 0;} .offices-table_time-picker:empty{display: none;} .offices-table__lite tr{padding: 0; border: none;} .offices-table__lite{margin: 30px 0;} /* --- office-features-block --- */ .office-features-block{-moz-columns: 1; -webkit-columns: 1; columns: 1; margin-bottom: 20px;} .office-features-block ul > li{display: block;} /* --- card links --- */ .card-links__wide .card-links_item{width: 50%;} /* --- story slider --- */ .story-slide_img-cell{padding-right: 40px; width: 220px;} /* --- stories grid --- */ .stories-grid_item{display: block; width: auto;} .stories-grid_item:nth-last-child(2){margin-bottom: 45px;} /* --- card table layout --- */ .card-table-layout, .card-table-layout_text, .card-table-layout_card{display: block; width: auto; padding: 0;} .card-table-layout_text + .card-table-layout_card, .card-table-layout_card + .card-table-layout_text{margin-top: 40px;} .card-table-layout_card{text-align: center;} .card-table-layout_card__hand{display: none;} /* --- client club section --- */ .cc-section{padding: 50px 0;} /* --- media gallery --- */ .media-gallery{margin: 30px 0;} .media-gallery_item{width: 33.33%;} /* --- modal gallery --- */ .raduke__arrow{width: 60px;} .raduke__arrow .svg-icon{transform: width: 20px; height: 60px; margin-top: -30px;} .raduke__previews .raduke__arrow .svg-icon{margin-top: -30px;} /* --- tools --- */ .hidden-sm{display: none;} .visible-sm{display: block;} .visible-sm-inline{display: inline;} .visible-sm-ib{display: inline-block;} .visible-sm-table{display: table;} .visible-sm-tc{display: table-cell;} .main-menu .hidden-in-mob-menu.hidden-in-mob-menu{display: none;} .main-menu .hidden-not-in-mob-menu.hidden-not-in-mob-menu{display: initial;} .push-down, .push-down:last-child{margin-bottom: -20px;} /* --- grid --- */ .col-sm-1{width: 8.333%;} .col-sm-2{width: 16.666%;} .col-sm-3{width: 25%;} .col-sm-4{width: 33.33%;} .col-sm-5{width: 41.666%;} .col-sm-6{width: 50%;} .col-sm-7{width: 58.333%;} .col-sm-8{width: 66.666%;} .col-sm-9{width: 75%;} .col-sm-10{width: 83.333%;} .col-sm-11{width: 91.666%;} .col-sm-12{width: 100%;} } @media (max-width: 759px) { /* --- text --- */ h1, .h1{font-size: 28px; line-height: 38px;} h2, .h2{font-size: 22px; line-height: 28px;} figure{margin-left: -10px; margin-right: -10px;} figure img{border-radius: 0; margin: 0 auto; max-width: calc(100% + 20px); box-shadow: none;} figcaption{font-size: 12px; line-height: 16px; margin: 12px 10px;} blockquote{padding: 10px 15px;} .text-guide .card-banner, .text-guide p + .card-banner, .text-guide ul + .card-banner, .text-guide ol + .card-banner{margin: 20px 0;} .text-guide .card-banner:first-child{margin-top: 0;} .text-guide .card-banner:last-child{margin-bottom: 0;} .text-guide .btn-row__guide .btn{margin: 0 0 10px;} .text-guide .btn-row__guide .btn:last-child{margin-bottom: 0;} .text-guide .dashed-block__guide + .btn-row__guide{margin-top: 30px;} .hr__lg{margin: 20px 0;} /* not present in design */ .hr__xl{margin: 40px 0;} /* not present in design */ /* --- dashed block --- */ .dashed-block__guide{padding: 20px 15px; margin: 20px 0;} .dashed-block__alt-lt{padding: 15px;} /* --- blocks --- */ .container{padding: 0 10px;} .out-of-container{margin-left: -10px; margin-right: -10px;} /* --- buttons --- */ .btn__block-xs{display: block; width: 100%;} .btn__white-xs{color: #fff; border-color: rgba(255,255,255,.4); background: transparent;} .no-touch .btn__white-xs:hover{color: #fff; border-color: #fff; background: transparent;} .no-touch .btn__white-xs:active, .btn__white-xs:active{background-color: #fff; border-color: #fff; color: #595959;} .btn__white-xs.preloading::before{border-top-color: #fff; border-left-color: #fff;} /* --- top link --- */ .top-link{margin-bottom: 15px;} /* --- forms --- */ .form_row__1-of-2.form_row__1-of-2{width: 100%; padding: 0 !important;} .form_row__1-of-2:nth-last-child(2){margin-bottom: 20px;} .form_row__1-of-6.form_row__1-of-6{padding-left: 0; width: 33.33%;} .form_row__1-of-6 + .form_row__1-of-6{padding-left: 10px;} /* --- page section --- */ .page-section__main{padding: 40px 0;} .page-section__main .informer:first-child, .page-section__main .main-section-nav-container:first-child{margin-top: -40px;} .page-section__main .interest-section:last-child{margin-bottom: 0;} .page-section__main .page-section_table-main > .card-banners:first-child{margin-top: -20px;} .page-section_main-tabs:last-child .interest-section:last-child{margin-bottom: 20px;} .page-section_table:last-child .page-section_table-aside{margin-bottom: -40px;} .page-header + .page-section__main, .page-header + .account-stripe + .page-section__main{border-top: none;} .page-section_main-tabs:last-child{margin-bottom: -40px;} /* --- top panel --- */ .top-panel_item__search{display: none;} .top-panel_item__logo .alfa-logo{display: none;} .top-panel_item__logo .alfa-logo__a{display: inline-block;} .top-panel-menu-btn{margin-left: -10px; width: 60px;} /* --- main menu --- */ .main-menu_item__search{display: block;} /* --- informer --- */ .informer_select-cell{text-align: center;} .informer_content, .informer_content .informer-currencies, .informer_content .informer-convert, .informer_content .informer_aside{display: block; width: auto; padding: 0; text-align: center;} .informer_content .informer_aside{margin-top: 10px;} /* --- informer currencies --- */ .informer-currencies::after{display: none;} .informer-currencies_item{display: block; text-align: left; max-width: 400px; margin: 0 auto; line-height: 0;} .informer-currencies_flag, .informer-currencies_name, .informer-currencies_value{display: inline-block; vertical-align: baseline; line-height: 27px;} .informer-currencies_name{width: 20%;} .informer-currencies_value{width: 30%;} .informer-currencies_right-boundary{display: none;} .informer-currencies__block .informer-currencies_flag, .informer-currencies__block .informer-currencies_name{display: table-cell;} /* --- informer-converter --- */ .informer-converter{margin-left: 0; margin-right: 0; border-spacing: 0; font-size: 0;} .informer-converter, .informer-converter .informer-converter_select, .informer-converter .informer-converter_separator{display: block; width: auto; text-align: center;} .informer-converter .informer-converter_separator{font-size: 0;} .informer-converter .informer-converter_separator::before{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .informer-converter .informer-converter_separator .svg-icon{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .informer-converter .informer-converter_select{margin-bottom: 20px;} .informer-converter .informer-converter_input{display: inline-block; width: calc(100% - 120px); padding-right: 20px;} .informer-converter .informer-converter_curr{display: inline-block; width: 120px;} .informer-converter .informer-converter_result{display: inline-block; padding-left: 20px; width: calc(100% - 120px); text-align: left;} .informer-converter .informer-converter_result::after{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .informer-converter__wide .informer-converter_result{height: 50px;} .informer-converter_result-txt{display: inline-block; vertical-align: middle;} .informer-convert + .informer_aside{display: none;} /* --- top page section --- */ .top-page-section{background-size: 0;} .top-page-section::before{display: none;} .top-page-section_main{padding: 30px 15px; background: inherit; background-size: cover;} .top-page-section_main::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4);} .top-page-section_main-inner{height: 150px; position: relative; z-index: 2;} .top-page-section_main:only-child .top-page-section_main-inner{height: 150px;} .top-page-section_title{cursor: pointer;} .top-page-section_title:last-child{margin-bottom: 24px;} .top-page-section_title-txt{padding-right: 28px;} .top-page-section_title-txt:last-child{padding-right: 0;} .top-page-section_title-icon, .top-page-section_title-icon.arrow-btn{display: inline-block; margin-left: -28px;} .top-page-section_title.open .top-page-section_title-icon{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .top-page-section_menu{display: none;} .top-page-section_main-inner.open .top-page-section_menu{display: block;} .top-page-section_btns{display: none;} .top-page-section_mobile-filter{display: block;} .top-page-section_glass{display: none;} .top-page-section_bottom{background-color: #999; padding: 20px 0; position: static;} .top-page-section__alt{background-size: cover; padding: 40px 0;} .top-page-section__alt::before{display: block;} .top-page-section__alt .top-page-section_main, .top-page-section__alt .top-page-section_bottom, .top-page-section__alt .top-page-section_actions{background: none; padding: 0 15px;} .top-page-section__alt .top-page-section_main::before{display: none;} .top-page-section__alt .top-page-section_main-inner{height: auto;} .top-page-section__alt .top-page-section_bottom-info{margin: 0 auto;max-width: 250px} .top-page-section__alt .top-page-section_menu{margin-bottom: 10px;} .top-page-section__alt-w-menu .top-page-section_menu{display: none;} .top-page-section__lite .top-page-section_main-inner{height: 150px;} .top-page-section_top-links{font-size: 14px; line-height: 20px;} .top-page-section_bottom-info-item{text-align: left; position: relative; padding: 0 0 0 20px; margin-bottom: 6px;} .top-page-section_bottom-info-item::before{content: ''; position: absolute; top: 8px; left: 0; width: 11px; height: 7px; border-left: 1px solid; border-bottom: 1px solid; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .top-page-section_bottom-info-item__aside{padding-left: 0;} .top-page-section_bottom-info-item__aside::before{display: none;} .top-page-section_bottom-info-item__aside:last-child{text-align: center; margin: 10px 0 -10px;} .top-page-section_bottom-info-item strong, .top-page-section_bottom-info-item small{font-size: 16px; line-height: 27px;} .top-page-section_bottom-info-item strong + small, .top-page-section_bottom-info-item small + strong{margin-left: 6px;} .top-page-section_bottom-text, .top-page-section_bottom-info-item__txt{font-size: 16px; line-height: 27px;} .top-page-section_bottom-info-item__txt{padding: 0; margin: 0; text-align: center; margin-bottom: -10px;} .top-page-section_bottom-info-item__txt::before{display: none;} .top-page-section_actions{display: block; margin: 32px 0 -17px;} /* --- main sectino nav --- */ .main-section-nav-container, .main-section-nav_like-cell, .main-section-nav_btn-cell, .main-section-nav_menu-cell, .main-section-nav-menu-alt{height: 60px;} .main-section-nav_like-cell, .main-section-nav_btn-cell{display: none;} .main-section-nav_menu-cell{text-align: center;} .main-section-nav-menu-alt .select .select-list{left: 50%; width: 280px; margin-left: -140px;} /* --- card links --- */ .card-links{margin: 0} .text-guide .card-links{margin: 20px 0;} .card-links_item{display: block; width: auto; padding: 0; margin-bottom: 10px;} .card-links_item:last-child{margin-bottom: 0;} .card-links__wide .card-links_item{width: auto;} /* --- infographics section --- */ .infographics-section{padding: 24px 0;} .infographics-section__padded-xs{padding-top: 40px; padding-bottom: 40px;} .infographics-section_tabs{margin: 24px 0;} .infographics-section_title + .infographics-section_tabs, .infographics-section_title + .infographics-section_txt{margin-top: -10px;} .infographics-section__bordered-standalone{margin-top: 24px; margin-bottom: 24px;} .infographics-section.bcc + .calc-request-section{padding-top: 40px;} .infographics-section_title__w-aside, .infographics-section_title-left, .infographics-section_title-right, .infographics-section_title-main{display: block; width: auto; text-align: center;} .infographics-section_title-left:empty, .infographics-section_title-right:empty{display: none;} .infographics-section_title-left{margin-bottom: 14px;} .infographics-section_title-right{margin-top: 14px;} .infographics-layout_visual__bottom{margin-bottom: -24px;} .infographics-layout_visual__bottom img{margin-bottom: 0;} /* --- infographics layout --- */ .infographics-layout_card-links{margin-top: 25px;} /* --- infographics item --- */ .infographics-item__big-txt, .infographics-item__big-txt .infographics-item_img-cell, .infographics-item__big-txt .infographics-item_txt-cell{display: block;} .infographics-item__big-txt .infographics-item_img-cell{width: auto; padding: 0; text-align: left; margin-bottom: 10px;} .infographics-item_strong-txt{font-size: 40px; line-height: 40px; letter-spacing: normal;} /* --- interest section --- */ .interest-section{margin-top: 24px; margin-bottom: 24px;} /* --- calc section --- */ .calc-section{padding: 24px 0;} .calc-section .form-stamp:last-child{margin-bottom: 16px;} /* ---- calc top --- */ .calc-top_total-cell{margin-top: 24px;} /* --- calc top form --- */ .calc-top-form_item{display: block; width: 100%; margin: 0 0 20px 0;} .calc-top-form_item:last-child{margin-bottom: 0;} .calc-top-form_item .checkbox-label{margin-top: 3px;} .calc-top-form{margin: 0;} /* --- calc top phone --- */ .calc-top-phone{height: 300px; margin: 40px auto -24px;} /* --- foldable block --- */ .foldable-block_bar-txt__md{font-size: 18px; line-height: 28px;} /* --- calc request --- */ .calc-request_header{padding: 30px 15px;} .calc-request_body{padding: 30px 15px 20px;} .calc-request_tabs::before, .calc-request_tabs::after{width: calc(50% + 15px);} .calc-request_label .infographics-item_txt-cell{vertical-align: middle;} .calc-request_label .infographics-item_txt{display: none;} .calc-request_label .infographics-item_title{margin: 0;} .calc-request_form{text-align: left;} .calc-request_form .form_row__offset .btn{margin-top: -10px;} .calc-request_form .form_row__1-of-2.form_row__1-of-2.form_row__1-of-2{width: auto; float: none; padding: 0;} /* --- one row form --- */ .one-row-form, .one-row-form_item{display: block; width: auto;} .one-row-form_item{margin-bottom: 20px; padding: 0;} .one-row-form_item:last-child{margin-bottom: 0;} .one-row-form_item .btn{display: block; width: 100%;} /* --- card banners --- */ .card-banners{margin: 20px 0;} .card-banners + h2{margin-top: 32px;} h2 + .card-banners{margin-top: -10px;} .card-banners_item.card-banners_item{margin-bottom: 20px;} .card-banners__block-links .card-banners_item.card-banners_item{margin-bottom: 10px;} .card-banners_item.card-banners_item:last-child, .card-banners__block-links .card-banners_item.card-banners_item:last-child{margin-bottom: 0;} .card-banner{height: auto; padding: 25px 20px;} .card-banner_cover{position: static; height: 180px; width: calc(100% + 40px); margin: -25px -20px 20px;} .card-banner_content{color: inherit;} .card-banner_top{position: absolute; top: 20px; left: 15px; right: 15px;} .card-banner_hover-bottom{margin: 15px 0 20px; position: static; visibility: visible; opacity: 1; -ms-transform: none; -webkit-transform: none; transform: none;} .card-banner_hover-bottom::before{display: none;} .card-banner_hover-bottom-row{margin: 0px;} .card-banner_hover-bottom-row-item{display: block; margin-right: 0;} .card-banner_hover-bottom-row-item:first-child{margin-top: 0;} .card-banner_hover-bottom-row-item__cmp{text-align: center;} .card-banner__dark{color: #000;} .card-banner__dark::after{display: none;} .no-touch .card-banner:hover .card-banner_cover{-ms-tansform: none; -webkit-tansform: none; tansform: none;} .card-banner__long{padding: 15px 15px 20px;} .card-banner__long .card-banner_content, .card-banner__long .card-banner_content-main, .card-banner__long .card-banner_content-aside{display: block; width: auto; height: auto;} .card-banner__long .card-banner_content-aside{text-align: center; padding: 0;} .card-banner__long .card-banner_content-aside > *:first-child{padding-top: 20px; border-top: 1px solid #cfd4d7; margin-top: 20px;} .card-banner__long .card-banner_content-aside .card-banner_likes{position: relative; margin-top: 20px;} .card-banner__long .card-banner_content-aside .card-banner_likes:first-child{margin-top: 0; padding-top: 0; border-top: none;} .card-banner__long .card-banner_bg-frame{position: static; height: 180px; width: auto; padding: 30px 30px 0; margin: -15px -15px 25px; border-radius: 4px 4px 0 0;} .card-banner__long .card-banner_bg-frame img{max-height: 100%;} .card-banner__long .card-banner_cover{margin: -30px -30px -0px; width: auto;} .card-banner__long .card-banner_content-crop{height: auto; overflow: visible; padding-right: 0; margin-right: 0;} .card-banner__card .card-banner_bg-frame{overflow: visible;} .card-banner__card .card-banner_card-box, .card-banner__card .card-banner_card-box img{max-height: 150px;} .card-banner__card .card-banner_card-box, .no-touch .card-banner__card:hover .card-banner_card-box{box-shadow: 0px 15px 20px rgba(0,0,0,.2);} .card-banner__org .card-banner_bg-frame{height: 100px; padding: 20px 20px 0;} .card-banner__org .card-banner_bg-frame::after{display: none;} .card-banner__org .card-banner_bg-frame img{max-height: 100%;} .card-banner__org .card-banner_content-main{padding-bottom: 0; text-align: center;} .card-banner__org .card-banner_text{margin-right: 0;} .card-banner__org .card-banner_title{margin-right: 0;} .card-banner__org .card-banner_title-txt{padding-right: 0;} .card-banner__org .card-banner_title-arrow{display: none;} .card-banner__text .card-banner_content-aside, .card-banner__fav .card-banner_content-aside{margin-top: 20px;} .card-banner__fav .card-banner_top{top: -190px; left: 0; right: 0;} .card-banner__fav .card-banner_bg-frame{overflow: visible;} .card-banner_pay-systems{position: static; text-align: center; margin-top: 12px;} .card-banner_pay-systems-item{opacity: 1; -webkit-filter: none; filter: none;} .card-banner__open-type .card-banner_title{margin: 10px 0 0;} .card-banner_price strong{font-size: 26px;} .card-banner_percent + .card-banner_payment{margin-top: 5px;} /* --- block banner --- */ .block-banner{padding: 25px 15px;} .block-banner_content{min-height: 0;} .block-banner::before{display: none;} /* --- news --- */ .small-news-list{margin-left: -10px; margin-right: -10px;} .small-news-list .col{padding: 0 10px;} .small-news-list_item{margin-bottom: 20px;} .small-news-list_item:last-child{margin-bottom: 0px;} .small-news-element_date{margin-bottom: 5px;} /* --- small news card list --- */ .small-news-cards-list_col{width: 100%;} /* --- small news card --- */ .small-news-card_cell-main{height: 130px;} .small-news-card__lg{min-height: 0;} .small-news-card__lg, .small-news-card__lg .small-news-card_cell-image{padding-top: 40%;} /* --- small news section --- */ .small-news-section{padding-bottom: 30px; position: relative;} /* --- small news cards section --- */ .small-news-cards-section{padding-bottom: 50px; position: relative;} /* --- header with aside --- */ .header-w-aside, .header-w-aside_heading, .header-w-aside_aside{display: block; padding: 0; width: auto; overflow: hidden;} .header-w-aside_aside{position: absolute; bottom: 0; left: 0; right: 0;} .header-w-aside_heading-tabs{margin: -5px -10px;} .header-w-aside_heading-tab.header-w-aside_heading-tab.header-w-aside_heading-tab{margin: 5px 10px;} /* --- page prefooter --- */ .page-prefooter{position: relative; padding-bottom: 94px;} .page-prefooter .header-w-aside_aside{bottom: 40px; left: 10px;} /* --- advantages row --- */ .advantages-row{margin: 0 -10px;} .advantages-row .col{padding: 0 10px;} /* --- page footer --- */ .page-footer{padding-top: 0;} .page-footer_phone{display: block; width: 100%;} .page-footer-bottom_col{margin-bottom: 15px;} .page-footer-bottom_col:last-child{margin-bottom: 0;} .page-footer-bottom_icons, .page-footer-bottom_icons.col{overflow: hidden; padding: 0; margin: 0 10px;} .page-footer-top{margin: 0;} .page-footer-top .page-footer-top_col{padding: 0;} .page-footer-bottom{margin: 0 -10px;} .page-footer-bottom .page-footer-bottom_col{padding: 0 10px;} .page-footer_btn-row{margin-top: 15px;} /* --- footer logos --- */ .footer-logos{margin: 0 -5px -5px 0;} .footer-logos:not(:last-child){margin-bottom: 20px;} .footer-logos_item{margin-right: 5px; margin-bottom: 5px;} /* --- notification --- */ .notification_icon{width: 55px; padding: 15px 15px 15px 0;} .notification_text{padding: 15px 0; vertical-align: middle;} .notification_text *{display: none;} .notification_text .notification_title{display: block; margin: 0; font-size: 16px; line-height: 26px;} .notification_title-link{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none; display: block;} .notification_close-btn{width: 70px; height: 70px; padding: 15px;} .notification_close-btn .svg-icon{width: 20px; height: 20px;} .notification-message-block .notification_text p{ display: block; } .notification-message-block .notification_text a { display: inline-block; } .notification-message-block .notification_icon, .notification-message-block br { display: none; } /* --- table banner --- */ .page-section__main .table-banner__bottom:last-child{margin-bottom: -40px;} .address-section + .table-banner{margin-top: 40px;} .table-banner{display: block; padding: 0 0 230px; position: relative; min-height: 0; margin: 30px 0;} .table-banner_emphasis{margin-bottom: 10px;} .table-banner_image{left: 50%; margin-left: -120px; height: 220px;} .hr__xl + .table-banner{margin-top: 0px;} /* --- wide slider --- */ .wide-slider_item{font-size: 18px; line-height: 28px;} .wide-slider_inner{height: 390px; padding: 15px 0 40px;} .wide-slider_content{text-align: center; margin: 0 auto;} .wide-slider_title{margin-bottom: 8px;} .wide-slider_title br{display: none;} .wide-slider_title + p{margin-top: 8px;} .wide-slider_btns{margin: 20px 0;} .wide-slider p + .wide-slider_btns{margin-top: 20px;} .wide-slider_advantages{margin-top: 5px; margin-bottom: 20px;} .wide-slider_advantages .advantages-row_item{display: none; max-width: 580px; margin: 0 auto; text-align: center; float: none;} .wide-slider_advantages .advantages-row_item:first-child{display: block;} .wide-slider_advantages .advantage{font-size: 18px; line-height: 28px;} .wide-slider_advantages .advantage_img-cell{display: none;} .wide-slider:not(.slick-initialized){max-height: 391px;} /* --- dashed block --- */ .dashed-block_form .btn-row_item{width: calc(100% - 20px);} .dashed-block_form .btn-row{margin-right: 0;} .dashed-block_form .text-input, .dashed-block_form .btn, .dashed-block_form .btn-row_item{display: block; width: 100%; margin-right: 0;} .dashed-block_form .btn{padding-left: 20px; padding-right: 20px;} /* --- article w aside --- */ .article-w-aside{display: block;} .article-w-aside .article-w-aside_aside, .article-w-aside .article-w-aside_main{display: block;} .article-w-aside .article-w-aside_aside{width: auto; float: none; padding: 0; margin: 0 0 20px 0;} .article-w-aside_aside > .square-img-card:first-child{margin-top: 0;} .article-w-aside_aside .square-img-card{width: 100%;} .article-w-aside__bonus-card .article-w-aside_aside{margin-top: -60px; position: relative; z-index: 10;} /* --- address section --- */ .address-section .header-w-aside{display: table;} .address-section .header-w-aside_heading{display: table-cell; width: 99%;} .address-section .header-w-aside_aside{display: table-cell; width: 1px;} .address-section .header-w-aside_aside{position: static; margin-top: 15px;} .address-section .header-w-aside_aside .btn__md{padding: 4px 9px; height: 30px; font-size: 14px; line-height: 20px;} /* --- address table --- */ .address-table, .address-table tr, .address-table td{display: block;} .address-table tr{border-bottom: 1px solid #cfd4d7; padding: 20px 0;} .address-table tr:last-child{border-bottom: none;} .address-table_addr-col, .address-table_info-col{border: none; padding: 0; margin-bottom: 15px;} .address-table_addr-col:last-child, .address-table_info-col:last-child{padding: 0; margin-bottom: 0;} /* --- cards grid section --- */ .cards-grid-section{margin: 20px 0;} /* --- not found section --- */ .not-found-screen_title{font-size: 44px; line-height: 50px;} /* --- search --- */ .search{margin: 0;} .search_top-link{margin: -15px 0 10px;} .search_title{margin-bottom: 20px;} .search_filter{margin: 25px 0 10px;} .search_filter + .search_filter{margin-top: 20px;} .search_filter + .messages-grid{margin-top: 30px;} .search_title-arrow{display: inline-block;} .search_title__php-icon:not(.search_title__php-icon-show) .search_title-arrow{display: none;} /* --- inner page --- */ .inner-page .page-section__main{padding: 40px 0;} /* --- search results --- */ .search-results_row{display: block; padding: 20px 0; border-bottom: 1px solid #cfd4d7;} .search-results_col-section, .search-results_col-icon, .search-results_col-text{border: none; padding: 0;} .search-results_col-section{display: block; width: auto; margin-bottom: 5px;} .search-results_col-section:empty{display: none;} .search-results_col-icon{display: none;} .search-results_more{margin-top: 30px;} /* --- lite filter --- */ .lite-filter{margin: 0;} .lite-filter_item{display: block; width: auto; margin: 0 0 20px;} .lite-filter_item:last-child{margin-bottom: 0;} /* --- currency table --- */ .currency-table{table-layout: auto;} .currency-table td{width: auto; padding-top: 10px; padding-bottom: 10px; font-size: 16px; padding-right: 10px;} .currency-table th{padding-right: 10px;} .currency-table td:last-child, .currency-table th:last-child{padding-right: 0;} .currency-table_icon{display: none;} .currency-table_col-code{display: none;} /* --- slick slider --- */ .slick-dots{bottom: 20px;} .card-slider .slick-dots, .round-dots .slick-dots{left: 0; right: 0;} /* --- slider section --- */ .slider-section{padding: 0; margin-top: 30px; margin-bottom: 30px; border: none;} /* --- card slider --- */ .card-slider{height: auto; overflow: visible; padding-bottom: 26px; position: relative;} .card-slider_item{float: left; padding: 0 10px; margin: 10px 0; width: 50%;} .card-slider .slick-dots, .round-dots .slick-dots{bottom: 0;} .card-slider .slick-dots li, .round-dots .slick-dots li{margin-right: 10px;} .card-slider .slick-dots button, .round-dots .slick-dots button{width: 12px; height: 12px; border: 1px solid #999; border-radius: 50%;} .card-slider .slick-dots .slick-active button, .round-dots .slick-dots .slick-active button{background-color: #999;} /* --- account data --- */ .account-data{padding: 30px 15px; margin-top: 20px;} .account-data:first-child{margin-top: 0;} .account-data_progress{margin: -30px -15px 30px;} .account-data_foto-col, .account-data_info-col{margin-left: 0; padding-right: 0; float: none; margin-top: 20px;} .account-data_foto-col:first-child, .account-data_info-col:first-child{margin-top: 0;} .account-data_btn-row{margin-right: 0;} .account-data_btn-row .btn{margin-top: 15px; margin-right: 0; width: 100%; display: block;} .prbar_txt-left{padding: 0 15px;} /* --- article block --- */ .article-block_title{margin-bottom: 20px;} /* --- stick to bottom section --- */ .stick-to-bottom-section{margin: 30px 0 -40px;} /* --- news list item --- */ .news-list-item{display: block; border-bottom: 1px solid rgba(0,0,0,.2); padding: 20px 0;} .news-list-item_date-strong, .news-list-item_date-small{display: inline; height: auto; border: none; padding: 0; font-size: 14px; line-height: 22px; color: #595959;} .news-list-item_date-small{margin-right: 10px;} .news-list-item_status{display: inline; padding: 0; height: auto; border: none;} .news-list-item_status .label{vertical-align: baseline; margin-bottom: -9px;} .news-list-item_txt{display: block; height: auto; border: none; padding: 0; margin-top: 8px; font-size: 16px; line-height: 27px;} .news-list-item_txt:first-child{margin-top: 0;} .news-list-item_txt a{border-bottom: none;} .news-list-item_image{display: block; border: none; padding: 0; margin: 8px 0; height: auto;} /* --- news list --- */ .news-list{margin-top: -20px;} .news-list_item:first-child{padding-top: 0;} .news-list_item:first-child .news-list-item_date-strong, .news-list_item:first-child .news-list-item_date-small, .news-list_item:first-child .news-list-item_txt, .news-list_item:first-child .news-list-item_status, .news-list_item:first-child .news-list-item_image{height: auto; padding: 0;} /* --- page nav --- */ .page-nav_placeholder, .page-nav_total{display: none;} .page-nav_btns{padding: 0;} .page-nav_btn, .page-nav_dots{display: none;} .page-nav_btn__prev, .page-nav_btn__next{display: inline-block;} .page-nav_select-group{display: inline-block;} /* --- offices section --- */ .offices-section{padding-top: 0; border-top: none;} /* --- offices table --- */ .offices-table .offices-table_main, .offices-table .offices-table_currency{float: none; width: auto; padding-left: 25px; position: relative;} .offices-table .offices-table_service, .offices-table .offices-table_features{display: none;} .offices-table_arrow{display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -10px; color: #1c75a8; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .offices-table .area-link{top: -24px; bottom: -24px;} .offices-table tr:first-child .area-link{top: 0;} .offices-table_main-icons{display: block; position: absolute; top: 0; left: -5px;} .offices-table_main-icons img + img{margin-left: -15px;} .offices-table__lite{margin: 25px 0 20px;} .offices-table__lite .offices-table_arrow, .offices-table__lite .area-link{display: none;} .offices-table__full-xs .offices-table_main{margin-bottom: 20px;} .offices-table__full-xs .offices-table_main .office-params{margin-left: -25px;} .offices-table__full-xs .office-param.hidden-xs{display: block;} .offices-table__full-xs .offices-table_service, .offices-table__full-xs .offices-table_features{display: block; float: none; width: auto;} .offices-table_main + .offices-table_currency{margin-top: 15px;} .offices-table td.offices-table_trigger{float: none; width: auto; padding-left: 25px;} /* --- lite filter block --- */ .lite-filter-block{background-color: #999; padding: 20px 10px; margin: 0 -10px;} .lite-filter-block .lite-filter{background-color: #fff; border-radius: 4px; box-shadow: 0px 1px 4px rgba(0,0,0,.2); padding: 20px 15px; margin: 0; text-align: left; display: none; opacity: 0; transition: opacity .25s, margin .25s; position: relative; z-index: 2;} .lite-filter-block .lite-filter_item{display: block; margin: 0 0 20px;} .lite-filter-block .lite-filter_item:last-child{margin-bottom: 0;} .lite-filter-block .lite-filter_item__offset-check::before{display: none;} .lite-filter-block div.select{display: block; width: 100% !important;} .lite-filter-block.open .lite-filter{opacity: 1;} .lite-filter-block.open .mobile-filter_trigger{margin-bottom: -50px;} /* --- offices-map --- */ .offices-map{margin-top: 0px;} .offices-map_map, .offices-map_map-container{height: 400px;} .offices-map_map-container > ymaps{height: 400px !important;} /* --- popup --- */ .popup{max-width: calc(100vw - 20px);} .popup_header, .popup__video .popup_header{padding: 20px 15px 10px;} .popup_body, .popup__video .popup_body{padding-left: 15px; padding-right: 15px;} .popup_close{padding: 20px 15px 0 0; margin: -20px -15px 0 0; width: 55px;} /* --- story slider --- */ .story-slide{text-align: center;} .story-slide_table, .story-slide_img-cell, .story-slide_txt-cell{display: block; width: auto; padding: 0;} .story-slide_img-cell{margin-bottom: 20px;} .story-slide_img{margin: 0 auto;} .story-slide_title{font-size: 18px; line-height: 28px;} /* --- stories grid --- */ .stories-grid_item, .stories-grid_item:nth-last-child(2){margin-bottom: 35px;} /* --- infographics numbers --- */ .infographics-numbers, .infographics-numbers_item{display: block;} .infographics-numbers_item.infographics-numbers_item{padding: 0;} .infographics-numbers_item{margin-bottom: 20px;} .infographics-numbers_item:last-child{margin-bottom: 0;} .infographics-numbers_plus{display: block; margin: 20px 0; padding-top: 0;} .infographics-numbers_plus::after{display: none;} /* --- infographics number --- */ .infographics-number, .infographics-number_value, .infographics-number_descr{display: block; width: auto;} .infographics-number_value{margin-bottom: 10px; font-size: 50px; line-height: 40px;} .infographics-number_value .svg-icon, .infographics-number_value img{margin-bottom: 10px;} .infographics-number_descr br{display: none;} /* --- calc-top-alt --- */ .calc-top-alt_tabs{margin: 20px 0;} .calc-top-alt__infogr{margin-bottom: 0;} /* --- calc --- */ .calc, .calc_filter, .calc_results{display: block; padding: 0; width: auto;} .calc_filter + .calc_results{margin-top: 30px;} /* --- calc results container --- */ .calc-results-container{margin-left: 0; margin-top: 10px; padding: 20px; background: linear-gradient(to right, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-x 0px 100% / 8px 1px, linear-gradient(to bottom, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-y 0px 10px / 1px 8px, linear-gradient(to bottom, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-y 100% 10px / 1px 8px;} .calc-results-container::before, .calc-results-container::after{width: calc(50% - 16px); height: 1px; top: 0; background: linear-gradient(to right, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 4px, transparent 4px, transparent 8px) repeat-x 0px 0px / 8px 1px} .calc-results-container::before{left: 0;} .calc-results-container::after{right: 0; left: auto;} .calc-results-container_arrow{top: auto; bottom: 100%; right: auto; left: 50%; margin: 0 0 -10px -9px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .calc-results-container_subtitle{font-size: 16px; line-height: 26px; margin: 10px 0;} .calc-results-container_value{font-size: 50px; line-height: 40px;} .calc-results-container_currency{font-size: 22px; line-height: 30px; margin-top: 3px;} /* --- miles calc --- */ .miles-calc_label{font-size: 16px; line-height: 27px;} .miles-calc_value{margin-left: 0; margin-right: 0;} .miles-calc_value strong{font-size: 50px; line-height: 40px;} .miles-calc_value small{font-size: 26px;} .miles-calc .btn{padding-left: 15px; padding-right: 15px;} .miles-calc_sign-icon{width: 70px; margin: 35px 0;} /* --- valm grid --- */ .valm-grid__lg{margin: 0 -20px -20px 0;} .valm-grid__lg .valm-grid_item{margin: 0 20px 20px 0;} /* --- cards face to face --- */ .cards-face-to-face{margin: 20px 0;} .cards-face-to-face, .cards-face-to-face_cell{display: block; width: auto;} .cards-face-to-face_frame{top: 0; left: 0; right: 0; width: 100%; max-width: none; height: 50%; -ms-transform: none; -webkit-transform: none; transform: translate3d(0,0,0);} .cards-face-to-face_frame.state-right{top: 100%; left: 0; right: 0; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translate3d(0,-100%,0);} .cards-face-to-face_frame img{max-width: 100%:} .cards-face-to-face-action{margin: 20px 0;} /* --- compare table scroller --- */ .compare-table-scroller{margin: 30px 0;} .compare-table-scroller::before{left: -10px; width: 10px;} .compare-table-scroller::after{right: -10px; width: 10px;} .compare-table-scroller_inner{padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px;} .compare-table-top-bar{margin: -20px -10px 20px; padding: 0 10px;} /* --- compare table --- */ .compare-table td, .compare-table td:first-child, .compare-table th + td{width: 200px; padding-left: 0; padding-right: 20px;} .compare-table td{font-size: 14px; line-height: 22px;} /* --- cucarecurr --- */ .cucarecurr{padding: 25px 15px 30px;} .cucarecurr_action{margin-top: 30px;} /* --- curr table --- */ .curr-table td, .curr-table th{font-size: 16px; line-height: 27px; padding: 15px 15px 15px 0;} /* --- gray txt block --- */ .gray-txt-block{padding: 20px 15px;} /* --- client club section --- */ .cc-section{padding: 24px 0;} /* --- transfer --- */ .transfer{padding: 20px;} /* --- prod table --- */ .prod-table th{display: none;} .prod-table td{width: 235px; height: auto !important;} .prod-table td[data-title]::before{content: attr(data-title); display: block; font-size: 14px; line-height: 22px; color: #595959;} .prod-table th, .prod-table td, .prod-table_header{padding-left: 15px; padding-right: 15px;} .prod-table_header{margin-left: -15px; margin-right: -15px;} .prod-table_frame{padding: 0 15px 15px; margin-left: -15px; margin-right: -15px;} .prod-table_btns{margin: 0 -15px -15px;} /* --- prod table scroller --- */ .prod-table-scroller{padding-left: 0;} .prod-table-scroller_inner{padding-left: 0;} .prod-table-scroller::before{left: 0;} /* --- prod-table-scroll-bar --- */ .prod-table-scroll-bar{margin-left: 0; margin-bottom: -20px;} /* --- prod-table-pzd --- */ .prod-table-pzd{margin-top: -15px; padding-bottom: 20px;} .infographics-section_tabs + .animatable-tabs-container{margin-top: -20px;} /* --- tools --- */ .hidden-xs{display: none;} .visible-xs{display: block;} .visible-xs-inline{display: inline;} .visible-xs-ib{display: inline-block;} .visible-xs-table{display: table;} .visible-xs-tc{display: table-cell;} .push-down, .push-down:last-child{margin-bottom: -10px;} /* --- grid --- */ .col-xs-1{width: 8.333%;} .col-xs-2{width: 16.666%;} .col-xs-3{width: 25%;} .col-xs-4{width: 33.33%;} .col-xs-5{width: 41.666%;} .col-xs-6{width: 50%;} .col-xs-7{width: 58.333%;} .col-xs-8{width: 66.666%;} .col-xs-9{width: 75%;} .col-xs-10{width: 83.333%;} .col-xs-11{width: 91.666%;} .col-xs-12{width: 100%;} } @media (max-width: 480px) { /* --- not found screen --- */ .not-found-screen_inner{background-image: url(/local/images/404-bg-xs.jpg); padding: 20px 0;} .not-found-screen_logo{margin-bottom: 20px;} .not-found-screen_title{margin: 0 auto 15px;} .not-found-screen_subtitle{font-size: 16px; line-height: 27px; margin: 15px auto;} .not-found-screen_buttons{margin: 30px 0 -20px;} .not-found-screen_buttons .btn{width: 100%; margin: 0 0 20px;} .not-found-screen .alfa-logo{width: 135px; height: 40px;} /* --- dashed block --- */ .dashed-block_note-table, .dashed-block_note-table-icon, .dashed-block_note-table-txt{display: block; width: auto; padding: 0;} .dashed-block_note-table-icon + .dashed-block_note-table-txt, .dashed-block_note-table-txt + .dashed-block_note-table-icon{margin-top: 8px;} /* --- app top banner --- */ .app-top-banner{font-size: 16px; line-height: 26px;} /* --- small news card --- */ .small-news-card__lg, .small-news-card__lg .small-news-card_cell-image{padding-top: 62.39%;} /* --- text input --- */ .text-input__long-number{font-size: 14px;} .text-input__long-number::-webkit-input-placeholder{font-size: 14px;} .text-input__long-number::-moz-placeholder{font-size: 14px;} .text-input__long-number:-moz-placeholder{font-size: 14px;} .text-input__long-number:-ms-input-placeholder{font-size: 14px;} .text-input__long-number::placeholder{font-size: 14px;} /* --- media gallery --- */ .media-gallery_item{width: 50%;} /* --- modal gallery --- */ .raduke__close{width: 54px; height: 54px; padding: 0;} .raduke__arrow--next{top: 54px;} .raduke__arrow--next .svg-icon{margin-top: -42px;} .raduke__arrow{width: 40px;} .raduke__previews{padding: 0 40px 20px;} .raduke__previews .raduke__arrow .svg-icon{transform: scale(.75);} .raduke__preview-box{height: 60px;} .raduke--w-previews .raduke__slide{height: calc(100vh - 80px);} .raduke__slide{padding: 40px 20px;} .raduke__slide .video-block{max-height: calc(100vh - 96px);} /* --- tools --- */ .hidden-xxs{display: none;} .visible-xxs{display: block;} .visible-xxs-inline{display: inline;} .visible-xxs-ib{display: inline-block;} .visible-xxs-table{display: table;} .visible-xxs-tc{display: table-cell;} /* --- grid --- */ .col-xxs-1{width: 8.333%;} .col-xxs-2{width: 16.666%;} .col-xxs-3{width: 25%;} .col-xxs-4{width: 33.33%;} .col-xxs-5{width: 41.666%;} .col-xxs-6{width: 50%;} .col-xxs-7{width: 58.333%;} .col-xxs-8{width: 66.666%;} .col-xxs-9{width: 75%;} .col-xxs-10{width: 83.333%;} .col-xxs-11{width: 91.666%;} .col-xxs-12{width: 100%;} } @media (max-width: 379px) { /* --- gray txt block --- */ .gray-txt-block, .gray-txt-block strong, .gray-txt-block small{display: block;} .gray-txt-block strong + small{margin-top: 5px;} /* --- text input --- */ .text-input__long-number{font-size: 12px;} .text-input__long-number::-webkit-input-placeholder{font-size: 12px;} .text-input__long-number::-moz-placeholder{font-size: 12px;} .text-input__long-number:-moz-placeholder{font-size: 12px;} .text-input__long-number:-ms-input-placeholder{font-size: 12px;} .text-input__long-number::placeholder{font-size: 12px;} } @media (min-width: 1180px){ .self-clearing-cols .col-lg-1:nth-child(12n+1){clear: both;} .self-clearing-cols .col-lg-2:nth-child(6n+1){clear: both;} .self-clearing-cols .col-lg-3:nth-child(4n+1){clear: both;} .self-clearing-cols .col-lg-4:nth-child(3n+1){clear: both;} .self-clearing-cols .col-lg-6:nth-child(2n+1){clear: both;} .self-clearing-cols .col-lg-12{clear: both;} } @media (max-width: 1279px) and (min-width: 1000px){ /* --- miles calc --- */ .miles-calc_value strong{font-size: 80px; line-height: 80px;} } @media (max-width: 1179px) and (min-width: 1000px){ .self-clearing-cols .col-md-1:nth-child(12n+1){clear: both;} .self-clearing-cols .col-md-2:nth-child(6n+1){clear: both;} .self-clearing-cols .col-md-3:nth-child(4n+1){clear: both;} .self-clearing-cols .col-md-4:nth-child(3n+1){clear: both;} .self-clearing-cols .col-md-6:nth-child(2n+1){clear: both;} .self-clearing-cols .col-md-12{clear: both;} /* --- calc top total --- */ .calc-top-total_tip{left: auto; margin-left: 0;} } @media (max-width: 1180px) and (min-width: 760px){ /* --- infographics number --- */ .infographics-number__break-md, .infographics-number__break-md .infographics-number_value, .infographics-number__break-md .infographics-number_descr{display: block; padding: 0; width: auto; text-align: center;} .infographics-number__break-md .infographics-number_value{margin-bottom: 15px;} .num-calc .top-form-label{text-align: center;} } @media (max-width: 999px) and (min-width: 760px){ /* --- infographics number --- */ .infographics-number__break-sm, .infographics-number__break-sm .infographics-number_value, .infographics-number__break-sm .infographics-number_descr{display: block; padding: 0; width: auto; text-align: center;} .infographics-number__break-sm .infographics-number_value{margin-bottom: 15px;} /* --- tools --- */ .self-clearing-cols .col-sm-1:nth-child(12n+1){clear: both;} .self-clearing-cols .col-sm-2:nth-child(6n+1){clear: both;} .self-clearing-cols .col-sm-3:nth-child(4n+1){clear: both;} .self-clearing-cols .col-sm-4:nth-child(3n+1){clear: both;} .self-clearing-cols .col-sm-6:nth-child(2n+1){clear: both;} .self-clearing-cols .col-sm-12{clear: both;} } @media (max-width: 759px){ .self-clearing-cols .col-xs-1:nth-child(12n+1){clear: both;} .self-clearing-cols .col-xs-2:nth-child(6n+1){clear: both;} .self-clearing-cols .col-xs-3:nth-child(4n+1){clear: both;} .self-clearing-cols .col-xs-4:nth-child(3n+1){clear: both;} .self-clearing-cols .col-xs-6:nth-child(2n+1){clear: both;} .self-clearing-cols .col-xs-12{clear: both;} } .footer-apple-business-chat-wrapper { display: none; max-width: 400px; align-items: center; font-family: Roboto, sans-serif; } .apple-social-wrapper { display: none; align-items: center; justify-content: center; margin: 60px 0 12px 0; } .apple-social-wrapper:before, .apple-social-wrapper:after { display: block; content: ''; height: 1px; background-color: #dbdbdb; mix-blend-mode: normal; flex: 0.5 4; } .apple-social__banner { display: block; position: relative; flex: 1 0; max-width: 460px; margin: 0 30px; padding: 18px 116px 18px 24px; text-align: left; background-color: #ffffff; box-shadow: 0 10px 55px rgba(71, 71, 71, 0.1); border-radius: 8px; } .footer-apple-business-chat-wrapper > .apple-social__banner { margin: 0; background-color: inherit; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 5px; padding: 15px 77px 16px 20px; } .apple-social__title { font-size: 20px; font-family: "globerBold", sans-serif; line-height: 26px; font-weight: normal; margin: 0; } .footer-apple-business-chat-wrapper .apple-social__title { font-size: 14px; line-height: 22px; font-family: Roboto, sans-serif; font-weight: bold; color: #FFFFFF; } .apple-social__text { font-size: 16px; line-height: 24px; margin: 0; } .footer-apple-business-chat-wrapper .apple-social__text { font-weight: normal; font-size: 14px; line-height: 22px; color: #999999; } .apple-social__icon { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); } .footer-apple-business-chat-wrapper .apple-social__icon { right: 20px; width: 50px; height: 50px; } @media (max-width: 640px) { .apple-social-wrapper .apple-social__title { font-size: 14px; margin: 0; line-height: 22px; } .apple-social-wrapper .apple-social__text { font-size: 12px; line-height: 18px; margin: 0; } .apple-social__icon { width: 50px; height: 50px; } .apple-social-wrapper .apple-social__banner { padding-right: 82px; margin: 0; } .apple-social-wrapper:before, .apple-social-wrapper:after { display: none; } } @media (max-width: 599px) { .apple-social-wrapper { margin: 15px 0 15px 0; } } .seo__text { margin: 0 auto; max-width: 1200px; padding: 50px 0 100px; color: #CFD4D7; font-size: 12px; letter-spacing: 0; line-height: 18px; } .seo__text.small-seo { max-width: 1130px; } /* COOKIES DIALOG */ .cc-dialog { display: flex; width: 100%; padding: 20px 10%; flex-direction: row; align-items: center; flex-wrap: nowrap; overflow: hidden; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; font-size: 16px; line-height: 1.5em; background-color: rgba(0, 0, 0, 0.8); } .cc-description { flex: 1 1 auto; max-width: 100%; margin-right: 1em; } .cc-description > p { color: #ffffff; margin: 0; } .cc-description > .title { font-size: 19px; margin-bottom: 5px; } .cc-controls { display: flex; align-items: center; justify-content: space-between; } .cc-btn { display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-radius: 5px; text-align: center; white-space: nowrap; color: #ffffff; } .cc-btn + .cc-btn { margin-left: .5em; } .cc-btn.cc-allow { min-width: 140px; background-color: rgb(240, 50, 38); } .cc-btn.cc-allow:hover { background-color: rgb(255, 88, 76); color: #ffffff; } @media (max-width: 768px) { .cc-dialog { flex-direction: column; padding: 20px 10px; } .cc-controls { margin-top: 16px; width: 100%; max-width: 380px; } } /*----------------*/