/* Сборка legacy-стилей слепка: 8 файлов в один. * Порядок ровно тот, в котором они стояли в , — каскад не меняется. * ⚠️ Относительные url() переписаны в абсолютные: файлы лежали на разной * глубине, и при переносе в /assets/ ../img/… указывал бы в никуда. * Собрано скриптом, править исходники — не этот файл. */ /* --- /local/templates/finpro2020/components/bitrix/system.pagenavigation/.default/style.css --- */ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /*color schemes*/ .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{ background: #3bc915; color: #fff; } .bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{ background: #F9A91D; color: #fff; } .bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{ background: #E22B2B; color: #fff; } .bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } /* --- /local/templates/.default/css/main.css --- */ /*!; fonts.css ;*/ @font-face { font-family: 'GothamPro'; src: url("/local/templates/.default/fonts/GothamPro.eot?ver1.2"); src: url("/local/templates/.default/fonts/GothamPro.eot?ver1.2#iefix") format("embedded-opentype"), url("/local/templates/.default/fonts/GothamPro.woff?ver1.2") format("woff"), url("/local/templates/.default/fonts/GothamPro.ttf?ver1.2") format("truetype"), url("/local/templates/.default/fonts/GothamPro.svg?ver1.2#GothamPro") format("svg"); font-weight: normal; font-style: normal; } /*!; normalize.css ;*/ html, body { height: 100%; } body { margin: 0px; padding: 0px; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; } table, tr, td { border: none; margin: 0px; padding: 0px; } table { border-collapse: collapse; } img, button { border: 0px; outline: none; } p, div, h1, h2, h3, h4, h5, h6, fieldset, form, input, textarea, header, nav, section, article, aside, footer { margin: 0px; padding: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } ul, li, ol { list-style-type: none; margin: 0px; padding: 0px; } fieldset { border: none; } textarea { overflow: auto; outline: none; resize: none; } input, select, area { outline: none; } input [type="submit"]::-moz-focus-inner, input [type="button"]::-moz-focus-inner { padding: 0; border: 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type='number'] { -moz-appearance: textfield; } ::-ms-clear { display: none; } input:not[type="radio"], input[type="button"], input[type="submit"], button { -webkit-appearance: none !important; border-radius: 0px !important; } /*!; base.css ;*/ html, body { height: 100%; } body { background: #fff; color: #404957; font-size: 14px; line-height: 130%; font-family: Ubuntu; font-weight: normal; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 999px) { body { padding-top: 85px; display: block; } } a { color: #404957; outline: none; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a:hover, a:focus { color: #399dd3; } h1 { font-weight: bold; font-size: 40px; line-height: 130%; } @media only screen and (max-width: 999px) { h1 { line-height: 90%; } } @media only screen and (max-width: 760px) { h1 { font-size: 28px; line-height: 100%; } } h2, div.h2 { font-size: 28px; font-weight: bold; line-height: 130%; padding-top: 28px; } @media only screen and (max-width: 760px) { h2, div.h2 { line-height: 110%; } } h3, div.h3 { font-weight: bold; font-size: 20px; line-height: 100%; } h4, div.h4 h4 a, div.h4 a { font-size: 14px; font-weight: bold; color: #399dd3; } h5, div.h5 { font-size: 18px; font-weight: bold; letter-spacing: -0.01em; } .clear { clear: both; height: 0px; font-size: 0px; } ::-webkit-credentials-auto-fill-button, ::-webkit-contacts-auto-fill-button { visibility: hidden; pointer-events: none; position: absolute; right: 0; } .btn { border-radius: 3px; background-color: #ff517a; -webkit-box-shadow: 0px 11px 24px 0px rgba(236, 81, 118, 0.76); box-shadow: 0px 11px 24px 0px rgba(236, 81, 118, 0.76); cursor: pointer; border: 0; min-width: 170px; color: #fff; font: normal 14px Ubuntu; text-transform: uppercase; height: 45px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 3px; white-space: nowrap; } .btn:hover { -webkit-box-shadow: none; box-shadow: none; color: #fff; } .btn_blue { background: #399dd3; -webkit-box-shadow: none; box-shadow: none; text-transform: none; height: 47px; } .btn_blue:hover { background: #48c28f; -webkit-box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); } @media only screen and (max-width: 999px) { .btn_blue { height: 45px; } } .btn_transparent { background: none; color: #8c929a; text-transform: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #8c929a; padding: 0 15px; min-width: 233px; height: 47px; } @media only screen and (max-width: 760px) { .btn_transparent { min-width: 290px; padding: 0 8px; } } .btn_transparent:hover { background: #48c28f; border-color: #48c28f; color: #fff; } .btn_small, .btn_smaller { min-width: 138px; height: 42px; } .btn_small:hover, .btn_smaller:hover { -webkit-box-shadow: none; box-shadow: none; } .btn_smaller { min-width: 118px; } .btn_transparent-big { min-width: 330px; } @media only screen and (max-width: 999px) { .btn_transparent-big { min-width: 290px; } } @media only screen and (max-width: 760px) { .btn_transparent-big { min-width: 100%; } } .btn_blue-big { min-width: 231px; } .btn_transparent_small { min-width: 170px; } .btn_green { background: #48c28f; -webkit-box-shadow: none; box-shadow: none; text-transform: none; height: 42px; width: 100%; max-width: 210px; } .btn_green:hover { background: #399dd3; -webkit-box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); } .btn_green-small, .btn_green-small_2 { height: 45px; min-width: 170px; width: auto; line-height: 45px; display: inline-block; vertical-align: top; text-align: center; } .btn_green-small_2 { min-width: 140px; } .btn_mini { min-width: 106px; height: 29px; } @media only screen and (max-width: 760px) { .btn_mini { min-width: 114px; } } .btn_blue-small { height: 34px; line-height: 34px; min-width: 170px; font-size: 12px; } .btn_transparent.btn_mini { border-color: #cfd1d5; color: #cfd1d5; height: 31px; } @media only screen and (max-width: 760px) { .btn_transparent.btn_mini { height: 29px; } } .header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; width: 100%; } .header.fixed { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .header .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 999px) { .header .wrap { position: relative; } } @media only screen and (max-width: 999px) { .header { height: 86px; border-bottom: 1px solid #f1f1f1; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } } @media only screen and (max-width: 320px) { .header { min-width: 320px; } } .header__top { padding: 25px 0 29px; } @media only screen and (max-width: 999px) { .header__top { padding-top: 21px; } } .logo { display: block; max-width: 201px; margin: 0 0 0; } @media only screen and (max-width: 999px) { .logo { max-width: 162px; margin-top: 0; } } @media only screen and (max-width: 760px) { .logo { max-width: 130px; } } .logo img { display: block; max-width: 80%; height: auto; } .header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 4px; margin-top: 8px; } @media only screen and (max-width: 760px) { .header-right { padding-right: 0; } } .lang-radio:not(checked)+label { color: #404957; font-size: 14px; font-weight: bold; display: inline-block; height: 26px; width: 37px; text-align: center; position: relative; cursor: pointer; line-height: 26px; margin-right: -4px; } @media only screen and (max-width: 760px) { .lang-radio:not(checked)+label { position: absolute; z-index: 200; opacity: 0; } } .lang-radio:not(checked) { position: absolute; opacity: 0; } .lang-radio:not(checked)+label:before { content: ''; background: none; } .lang-radio:checked+label { color: #fff; background: #399dd3; border-radius: 3px; } @media only screen and (max-width: 760px) { .lang-radio:checked+label { display: block; opacity: 1; z-index: 100; } } .support { font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 46px; } @media only screen and (max-width: 999px) { .support { padding-top: 9px; margin-right: 34px; } } @media only screen and (max-width: 760px) { .support { display: none; } } .support__phone { font-size: 22px; color: #404957; padding: 3px 20px 0 0; letter-spacing: -0.02em; position: relative; width: 350px;/*added 24.08.2020*/ } .support__phone:before { content: ''; position: absolute; background: url("/local/templates/.default/img/phone.svg") no-repeat; height: 24px; width: 14px; top: 1px; left: -23px; } .support__text { position: relative; max-width: 162px; display: block; padding: 0 0 0 20px; line-height: 105%; } @media only screen and (max-width: 999px) { .support__text { display: none; } } .support__text:before { content: ''; position: absolute; background: #d7d9dc; width: 2px; height: 26px; top: 0; left: 0; } .search-form { width: 100%; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 25px 0 0; } @media only screen and (max-width: 999px) { .search-form { display: none; } } .search-form form { width: 195px; text-align: right; position: relative; } .input-search { border: 0; background: none; color: #bdc0c5; font: normal 14px Ubuntu; width: 170px; height: 30px; } .input-search:focus { color: #399dd3; } ::-webkit-input-placeholder { color: #bdc0c5; } ::-moz-placeholder { color: #bdc0c5; } :-moz-placeholder { color: #bdc0c5; } :-ms-input-placeholder { color: #bdc0c5; } :focus::-webkit-input-placeholder { color: transparent !important; } :focus::-moz-placeholder { color: transparent !important; } :focus:-moz-placeholder { color: transparent !important; } :focus:-ms-input-placeholder { color: transparent !important; } .btn-search { border: 0; cursor: pointer; background: url("/local/templates/.default/img/search.svg") no-repeat; height: 19px; width: 19px; position: absolute; top: 4px; right: 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .btn-search:hover { background: url("/local/templates/.default/img/search_blue.svg") no-repeat; } .search-form.active .input-search { color: #399dd3; } .search-form.active .btn-search { background: url("/local/templates/.default/img/search_blue.svg") no-repeat; } .header__nav { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; text-align: center; display: block; position: relative; } @media only screen and (max-width: 760px) { .header__nav .wrap { max-width: inherit; } } .header__nav .search-form { display: none; } @media only screen and (max-width: 999px) { .header__nav .search-form { padding: 9px 0 0 34px; width: 368px; margin-left: 111px; position: relative; display: block; } .header__nav .search-form:before { content: ''; position: absolute; background: url("/local/templates/.default/img/search.svg") no-repeat; height: 19px; width: 19px; top: 15px; left: 0; } } @media only screen and (max-width: 760px) { .header__nav .search-form { margin-left: 15px; } } .header__nav .search-form form { width: 100%; } .header__nav .search-form .input-search { width: 100%; } .header__nav .search-form .btn-search { display: none; } .header__nav .support__phone { display: none; } @media only screen and (max-width: 760px) { .header__nav .support__phone { display: block; font-size: 16px; font-weight: 500; padding-left: 49px; margin-top: 20px; } .header__nav .support__phone:before { left: 21px; top: 0px; } } @media only screen and (max-width: 999px) { .header__nav { position: fixed; top: 86px; left: -480px; width: 480px; height: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #f4f6f9; z-index: 1000; border: 0px; text-align: left; overflow-y: auto; padding-bottom: 100px; } } @media only screen and (max-width: 760px) { .header__nav { width: 420px; left: -420px; } } @media only screen and (max-width: 430px) { .header__nav { width: 100%; left: -100%; } } .header__nav .wrap { display: block; } @media only screen and (max-width: 999px) { .header__nav .wrap { padding-right: 0; padding-left: 0; } } .menu-overlay { background: rgba(64, 73, 87, 0.27); position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: -1; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: none; } @media only screen and (max-width: 999px) { .menu-overlay { display: block; } } .menu-opened .menu-overlay { opacity: 1; z-index: 1000; } .menu-opened .header__nav { left: 0; -webkit-box-shadow: 0px 12px 29px 0px rgba(33, 50, 79, 0.19); box-shadow: 0px 12px 29px 0px rgba(33, 50, 79, 0.19); } .nav { margin-left: 3px; } @media only screen and (max-width: 999px) { .nav { margin-left: 0; background: #fff; } } .nav>li { display: inline-block; vertical-align: top; height: 62px; } @media only screen and (max-width: 999px) { .nav>li { height: inherit; display: block; border-top: 1px solid #f1f1f1; position: relative; } .nav>li:first-child { border-top: 0px; } } @media only screen and (max-width: 999px) { .nav>li:last-child { border-bottom: 1px solid #f1f1f1; } } .nav>li .mob-icon { display: none; } @media only screen and (max-width: 999px) { .nav>li .mob-icon { display: block; position: absolute; height: 100%; width: 27px; left: 111px; top: 0; } .nav>li .mob-icon img { position: absolute; margin: auto; top: 0; left: 0; right: auto; bottom: 0; max-width: 100%; height: auto; } } @media only screen and (max-width: 760px) { .nav>li .mob-icon { left: 15px; } } .nav>li:nth-child(2) .submenu__left { width: 25%; max-width: 223px; } .nav>li:nth-child(3) .submenu__left p { max-width: 200px; } .nav>li>a { display: block; padding: 19px 25px 22px; font-size: 18px; position: relative; border-bottom: 3px solid transparent; } @media only screen and (max-width: 1180px) { .nav>li>a { padding-right: 14px; padding-left: 14px; } } @media only screen and (max-width: 999px) { .nav>li>a { padding: 14px 40px 17px 157px; border-bottom: 0px; } } @media only screen and (max-width: 760px) { .nav>li>a { padding-left: 61px; } } @media only screen and (max-width: 999px) { .nav>li>a:before { content: ''; position: absolute; background: url("/local/templates/.default/img/arrow_mob.svg") no-repeat; height: 12px; width: 6px; top: 17px; right: 29px; } } .nav>li:hover>a, .nav>li>a.active { color: #399dd3; border-bottom-color: #399dd3; } @media only screen and (max-width: 999px) { .nav>li:hover>a, .nav>li>a.active { border-bottom: 0px; } } @media only screen and (max-width: 999px) { .nav>li:hover>a:before, .nav>li>a.active:before { background: url("/local/templates/.default/img/arrow_mob_hover.svg") no-repeat; } } .nav>li.sub>a:before { content: ''; position: absolute; background: url("/local/templates/.default/img/arrow_menu.svg") no-repeat; height: 4px; width: 8px; top: 28px; right: 12px; } @media only screen and (max-width: 1180px) { .nav>li.sub>a:before { right: 5px; } } @media only screen and (max-width: 999px) { .nav>li.sub>a:before { background: url("/local/templates/.default/img/arrow_mob.svg") no-repeat; height: 12px; width: 6px; top: 17px; right: 29px; } } .nav>li.sub:hover>a:before, .nav>li.sub>a.active:before { background: url("/local/templates/.default/img/arrow_menu_active.svg") no-repeat; right: 11px; } @media only screen and (max-width: 1180px) { .nav>li.sub:hover>a:before, .nav>li.sub>a.active:before { right: 5px; } } @media only screen and (max-width: 999px) { .nav>li.sub:hover>a:before, .nav>li.sub>a.active:before { background: url("/local/templates/.default/img/arrow_mob_hover.svg") no-repeat; right: 29px; } } .submenu { background: #fafafa; -webkit-box-shadow: 0px 0px 18.69px 2.31px rgba(64, 73, 87, 0.3); box-shadow: 0px 0px 18.69px 2.31px rgba(64, 73, 87, 0.3); position: absolute; left: 0; top: 63px; width: 100%; padding: 28px 0 34px; text-align: left; opacity: 0; z-index: -1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .submenu .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 999px) { .submenu .wrap { display: block; } } @media only screen and (max-width: 999px) { .submenu { position: fixed; height: 100%; width: 480px; left: -480px; top: 86px; z-index: -1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #fff; opacity: 1; -webkit-box-shadow: none; box-shadow: none; padding: 0; overflow-y: scroll; padding-bottom: 85px; } .submenu.opened { left: 0; z-index: 1001; } } @media only screen and (max-width: 760px) { .submenu { width: 420px; left: -420px; } } @media only screen and (max-width: 430px) { .submenu { width: 100%; left: -100%; } } .mobile-back { display: none; } @media only screen and (max-width: 999px) { .mobile-back { display: block; color: #bdc0c5; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 119px; position: relative; padding: 24px 0 18px 38px; } .mobile-back:before { content: ''; position: absolute; background: url("/local/templates/.default/img/arrow_back.svg") no-repeat; height: 11px; width: 14px; top: 27px; left: 0; } } @media only screen and (max-width: 760px) { .mobile-back { margin-left: 61px; padding-left: 0; } .mobile-back:before { left: -38px; } } body:not(.menu-opened) .nav>li:hover .submenu { opacity: 1; z-index: 1000; } .submenu__left { width: 20%; padding: 0 0 17px; line-height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 999px) { .submenu__left { display: none; } } .submenu__left h2, .submenu__left .h2 { font-size: 30px; padding-bottom: 9px; font-weight: 500; padding-top: 0; } .submenu__left p { font-size: 14px; color: #979797; max-width: 170px; font-weight: 300; } .nav>li:nth-child(2) .submenu__right { padding-left: 28px; } .nav>li:nth-child(4) .submenu__left p { max-width: 220px; } .nav>li:nth-child(5) .submenu__left p { max-width: 149px; } .nav>li:nth-child(6) .submenu__left { width: 430px; max-width: 430px; padding-bottom: 0; } .nav>li:nth-child(6) .submenu__left p { max-width: 180px; } .nav>li:nth-child(6) .submenu__right { padding-top: 36px; padding-bottom: 32px; padding-left: 13px; } .nav>li:nth-child(6) .submenu__right .submenu__col { width: 60%; } @media only screen and (max-width: 999px) { .nav>li:nth-child(6) .submenu__right .submenu__col { width: 100%; } } .nav > li:nth-child(7) .submenu__left { width: 430px; max-width: 430px; padding-bottom: 0; } .nav > li:nth-child(7) .submenu__left p { max-width: 180px; } .nav > li:nth-child(7) .submenu__right { padding-top: 36px; padding-bottom: 32px; padding-left: 13px; } .nav > li:nth-child(7) .submenu__right .submenu__col { width: 38%; } @media only screen and (max-width: 999px) { .nav > li:nth-child(7) .submenu__right .submenu__col { width: 100%; } } .submenu__left-content { line-height: 130%; text-align: left; margin-right: auto; } .submenu__right { width: 80%; padding: 4px 0 0 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 999px) { .submenu__right { width: 100%; padding: 0 !important; display: block; border-bottom: 1px solid #f1f1f1; } } .submenu__right h3, .submenu__right div.h3 { font-size: 20px; font-weight: bold; padding: 0 0 13px 20px; position: relative; } @media only screen and (max-width: 999px) { .submenu__right h3, .submenu__right div.h3 { border-top: 1px solid #f1f1f1; padding: 19px 20px 15px 157px; } } @media only screen and (max-width: 760px) { .submenu__right h3, .submenu__right div.h3 { padding-left: 61px; } } .submenu__right h3:before, .submenu__right div.h3:before { content: ''; position: absolute; } @media only screen and (max-width: 999px) { .submenu__right h3:before, .submenu__right div.h3:before { left: 111px !important; } } @media only screen and (max-width: 760px) { .submenu__right h3:before, .submenu__right div.h3:before { left: 15px !important; } } .submenu__right h3.mikrolend-hd:before, .submenu__right div.h3.mikrolend-hd:before { background: url("/local/templates/.default/img/mikrolend_icon.svg") no-repeat; height: 26px; width: 26px; top: -4px; left: -21px; } @media only screen and (max-width: 999px) { .submenu__right h3.mikrolend-hd:before,.submenu__right div.h3.mikrolend-hd:before { top: 15px; } } .submenu__right h3.buyer-hd:before,.submenu__right div.h3.buyer-hd:before { background: url("/local/templates/.default/img/buyer_icon.svg") no-repeat; height: 25px; width: 28px; top: -4px; left: -23px; } @media only screen and (max-width: 999px) { .submenu__right h3.buyer-hd:before, .submenu__right div.h3.buyer-hd:before { top: 15px; } } .submenu__right h3.auto-hd:before,.submenu__right div.h3.auto-hd:before { background: url("/local/templates/.default/img/auto_icon.svg") no-repeat; height: 16px; width: 18px; top: 1px; left: -14px; } @media only screen and (max-width: 999px) { .submenu__right h3.auto-hd:before,.submenu__right div.h3.auto-hd:before { top: 19px; } } .submenu__right h3.business-hd:before,.submenu__right div.h3.business-hd:before { background: url("/local/templates/.default/img/business_icon.svg") no-repeat; height: 17px; width: 18px; top: 0; left: -17px; } @media only screen and (max-width: 999px) { .submenu__right h3.business-hd:before,.submenu__right div.h3.business-hd:before { top: 19px; } } .submenu__right h3.cards-hd:before,.submenu__right div.h3.cards-hd:before { background: url("/local/templates/.default/img/cards_icon.svg") no-repeat; height: 15px; width: 23px; top: 1px; left: -18px; } @media only screen and (max-width: 999px) { .submenu__right h3.cards-hd:before, .submenu__right div.h3.cards-hd:before { top: 20px; } } .submenu__right h3.debit-hd:before,.submenu__right div.h3.debit-hd:before { background: url("/local/templates/.default/img/debit_icon.svg") no-repeat; height: 15px; width: 22px; top: 2px; left: -17px; } @media only screen and (max-width: 999px) { .submenu__right h3.debit-hd:before,.submenu__right div.h3.debit-hd:before { top: 20px; } } .submenu__right h3.mortgage-hd:before,.submenu__right div.h3.mortgage-hd:before { background: url("/local/templates/.default/img/mortgage_icon.svg") no-repeat; height: 24px; width: 24px; top: -2px; left: -16px; } @media only screen and (max-width: 999px) { .submenu__right h3.mortgage-hd:before,.submenu__right div.h3.mortgage-hd:before { top: 17px; } } .submenu__right h3.profit-hd:before,.submenu__right div.h3.profit-hd:before { background: url("/local/templates/.default/img/deposit_profit_icon.svg") no-repeat; height: 22px; width: 22px; top: -2px; left: -16px; } @media only screen and (max-width: 999px) { .submenu__right h3.profit-hd:before,.submenu__right div.h3.profit-hd:before { top: 16px; } } .submenu__right h3.currency-hd:before,.submenu__right div.h3.currency-hd:before { background: url("/local/templates/.default/img/deposit_currency_icon.svg") no-repeat; height: 16px; width: 23px; top: 1px; left: -16px; } @media only screen and (max-width: 999px) { .submenu__right h3.currency-hd:before,.submenu__right div.h3.currency-hd:before { top: 20px; } } .submenu__right h3.banks_rating-hd:before,.submenu__right div.h3.banks_rating-hd:before { background: url("/local/templates/.default/img/banks_rating_icon.svg") no-repeat; height: 23px; width: 23px; top: -2px; left: -17px; } @media only screen and (max-width: 999px) { .submenu__right h3.banks_rating-hd:before,.submenu__right div.h3.banks_rating-hd:before { top: 15px; } } .submenu__right h3.mfo_rating-hd:before,.submenu__right div.h3.mfo_rating-hd:before { background: url("/local/templates/.default/img/mfo_rating_icon.svg") no-repeat; height: 21px; width: 23px; top: -2px; left: -16px; } @media only screen and (max-width: 999px) { .submenu__right h3.mfo_rating-hd:before,.submenu__right div.h3.mfo_rating-hd:before { top: 16px; } } .submenu__list { font-size: 0; padding: 0 0 0 18px; } @media only screen and (max-width: 999px) { .submenu__list { padding: 0; } } .submenu__list li { padding: 12px 15px 0 0; } @media only screen and (max-width: 999px) { .submenu__list li { padding: 15px 20px 16px 157px; border-top: 1px solid #f1f1f1; display: block; } } @media only screen and (max-width: 760px) { .submenu__list li { padding-left: 61px; } } .submenu__list li a { font-size: 16px; display: block; font-weight: normal; } @media only screen and (max-width: 999px) { .submenu__list .col-1, .submenu__list .col-2, .submenu__list .col-2:last-child { display: block; padding: 0; width: 100%; } } .col-1, .col-2 { display: inline-block; vertical-align: top; width: auto; padding-right: 57px; } .col-1.last, .col-2.last { padding-right: 0; } .col-2 { width: 45%; padding-right: 44px; } .col-2:last-child { width: 55%; padding-right: 0; } .submenu__col { width: 44%; } @media only screen and (max-width: 999px) { .submenu__col { width: 100%; } } .submenu__col .submenu__list { padding-right: 0; width: 100%; } .submenu__col_small { width: 20.5%; margin-left: auto; } @media only screen and (max-width: 999px) { .submenu__col_small { width: 100%; } } .submenu__col_small:last-child { margin-right: 0; } .submenu__col_big { width: 80%; } @media only screen and (max-width: 999px) { .submenu__col_big { width: 100%; } } .submenu__col_big-2 { width: 100%; } .submenu__col_big-2 .col-1 { padding-right: 65px; } .submenu__list_small { height: inherit; padding-bottom: 12px; } @media only screen and (max-width: 999px) { .submenu__list_small { padding-bottom: 0; } } .submenu__col_small-2 { width: 34%; } @media only screen and (max-width: 999px) { .submenu__col_small-2 { width: 100%; } } .burger { display: none; } @media only screen and (max-width: 999px) { .burger { display: block; height: 21px; width: 28px; top: 11px; right: 18px; position: absolute; cursor: pointer; } } @media only screen and (max-width: 760px) { .burger { top: 8px; } } .burger span, .burger span:before, .burger span:after { content: ''; background: #404957; display: block; position: relative; width: 28px; height: 3px; webkit-transition: background .3s ease-out, top .3s 0s ease-out, -webkit-transform .2s .4s ease-out; transition: background .3s ease-out, top .3s 0s ease-out, -webkit-transform .2s .4s ease-out; -webkit-transition: background .3s ease-out, top .3s 0s ease-out, -webkit-transform .2s .4s ease-out; -o-transition: transform .2s .4s ease-out, background .3s ease-out, top .3s 0s ease-out; transition: transform .2s .4s ease-out, background .3s ease-out, top .3s 0s ease-out; transition: transform .2s .4s ease-out, background .3s ease-out, top .3s 0s ease-out, -webkit-transform .2s .4s ease-out; border-radius: 3px; } .burger span:after, .burger span:before { -webkit-transition: top .3s .3s ease-out, -webkit-transform .2s .0s ease-out; transition: top .3s .3s ease-out, -webkit-transform .2s .0s ease-out; -o-transition: transform .2s .0s ease-out, top .3s .3s ease-out; transition: transform .2s .0s ease-out, top .3s .3s ease-out; transition: transform .2s .0s ease-out, top .3s .3s ease-out, -webkit-transform .2s .0s ease-out; } .burger span:before { top: 9px; } .burger span:after { top: 15px; } .burger.opened { z-index: 99999999; } .burger.opened span { background: transparent; } .burger.opened span:before, .burger.opened span:after { -webkit-transition: top .3s .0s ease-out, -webkit-transform .2s .3s ease-out; transition: top .3s .0s ease-out, -webkit-transform .2s .3s ease-out; -o-transition: transform .2s .3s ease-out, top .3s .0s ease-out; transition: transform .2s .3s ease-out, top .3s .0s ease-out; transition: transform .2s .3s ease-out, top .3s .0s ease-out, -webkit-transform .2s .3s ease-out; -webkit-box-shadow: none; box-shadow: none; } .burger.opened span:before { top: 9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .burger.opened span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 6px; } @media only screen and (max-width: 999px) { .header__lang { margin-right: 76px; padding-top: 9px; } } @media only screen and (max-width: 760px) { .header__lang { margin-right: 89px; padding-top: 6px; } } .wrapper { overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrap { margin: 0 auto; max-width: 1170px; } @media only screen and (max-width: 1180px) { .wrap { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 999px) { .wrap { max-width: 768px; } } @media only screen and (max-width: 760px) { .wrap { max-width: 520px; } } @media only screen and (max-width: 430px) { .wrap { max-width: 320px; } } .main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; padding-bottom: 31px; overflow: hidden; } @media only screen and (max-width: 999px) { .main { padding-bottom: 29px; } } @media only screen and (max-width: 760px) { .main { padding-bottom: 25px; } } @media only screen and (max-width: 320px) { .main { min-width: 320px; } } .main-top-section { background: url("/local/templates/.default/img/lend_bg.jpg") no-repeat top center; background-size: cover; min-height: 554px; width: 100%; padding: 41px 0 40px; border-bottom: 1px solid #f1f1f1; } @media only screen and (max-width: 999px) { .main-top-section { padding-top: 80px; padding-bottom: 72px; } } @media only screen and (max-width: 760px) { .main-top-section { padding-top: 61px; padding-bottom: 33px; } } .main-top-section h1, .main-top-section h2 { color: #fff; text-align: center; position: relative; } .main-top-section h2 { padding-bottom: 28px; font-size: 34px; line-height: 130%; padding-top: 0; } @media only screen and (max-width: 760px) { .main-top-section h2 { font-size: 22px; padding-bottom: 12px; } } .site-description { text-align: center; color: #fff; position: relative; padding: 36px 0 51px; max-width: 688px; margin: 0 auto; font-size: 16px; font-weight: normal; line-height: 120%; } @media only screen and (max-width: 999px) { .site-description { margin-top: 10px; padding-bottom: 39px; } } @media only screen and (max-width: 760px) { .site-description { font-size: 14px; padding-bottom: 43px; } } .site-description:before { content: ''; position: absolute; background: #fff; height: 2px; width: 51px; left: 50%; margin-left: -25px; top: 14px; } .lend-box { width: 270px; margin-right: 30px; } @media only screen and (max-width: 999px) { .lend-box { margin: 0 auto 21px; max-width: 286px; width: auto; } } @media only screen and (max-width: 768px) { .lend-box { max-width: 290px; } } .lend-box:last-child { margin-left: auto; } @media only screen and (max-width: 999px) { .lend-box:last-child { margin-left: auto; } } .flex_row, .lend-row, .popular-lends-row, .categories__row, .best-offers-wrap, .news-small-wrap, .news-box-slider, .rating-box, .top-section .wrap, .choose-region, .content_wrap, .lend-form, .lend-item, .lend-info, .info-links-group, .mortgage-form, .mortgage-head, .mortgage-item, .credit-hd, .credit-body, .deposits-form, .btn-group, .deposit-count, .credit-param, .choose-credit, .banks-list, .steps, .card-item, .top-section__info_card, .pay-icons, .rating-item__body, .top-rating__details .top-section__content, .top-rating__details .top-rating__content, .info-box, .info-box__body, .opinion-form, .opinion-item__head, .faq-body__head, .opinion-item__body, .news-stat, .news-list, .read-also_list, .more-news, .source, .comment, .sitemap__wrap, .searh-found, .sitemap-page__wrap, .about-top .wrap, .about-info .wrap, .about-links-slider, .about-why__wrap, .footer__middle .wrap, .footer__bottom .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .lend-row { max-width: 968px; margin: 0 auto 101px; } @media only screen and (max-width: 999px) { .lend-row { display: block; text-align: center; margin-bottom: 46px; } } @media only screen and (max-width: 760px) { .lend-row { margin-bottom: 57px; } } @media only screen and (max-width: 999px) { .lend-row .btn { margin-top: 10px; min-width: 170px; } } .select { position: relative; } .select-bord { width: 100%; } .input, .textarea { background: #fff; border: 0; border-radius: 3px; width: 100%; height: 45px; padding: 0 18px; color: #404957; font: normal 14px Ubuntu; } .lend-box_small { width: 170px; margin-right: 0; } @media only screen and (max-width: 999px) { .lend-box_small { margin-right: auto; max-width: 286px; width: auto; } } @media only screen and (max-width: 760px) { .lend-box_small { max-width: 290px; } } .popular-lends-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 999px) { .popular-lends-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 760px) { .popular-lends-row { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .popular-lend { width: 170px; text-align: center; color: #fff; margin: 0 15px; font-size:18px; } @media only screen and (max-width: 999px) { .popular-lend { width: 120px; } .popular-lend:first-child { margin-left: 0 !important; } .popular-lend:last-child { margin-right: 0 !important; } } @media only screen and (max-width: 760px) { .popular-lend { width: 31%; margin: 0 2% 18px; font-size: 12px; } } @media only screen and (max-width: 760px) { .popular-lend:first-child { margin-left: -10px !important; } } @media only screen and (max-width: 760px) { .popular-lend:nth-child(3) { margin-right: -10px; } } .popular-lend__logo { position: relative; width: 100%; height: 56px; margin-bottom: 20px; } @media only screen and (max-width: 760px) { .popular-lend__logo { height: 42px; margin-bottom: 11px; } } .popular-lend__logo img { display: block; margin: auto; position: absolute; /* top: auto; */ top: 50%; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; } @media only screen and (max-width: 999px) { .popular-lend__logo img { max-width: 120px; max-height: 90%; } } @media only screen and (max-width: 760px) { .popular-lend__logo img { max-width: 80%; } } .popular-lend__rating { padding-bottom: 3px; } @media only screen and (max-width: 760px) { .popular-lend__rating { padding-bottom: 0; height: 12px; } } @media only screen and (max-width: 760px) { .popular-lend__rating .star, .popular-lend__rating .star-active { height: 10px; width: 10px; background-size: 100%; } } .star, .star2, .star-active, .star-active2 { background: url("/local/templates/.default/img/star.svg") no-repeat; display: inline-block; vertical-align: top; height: 14px; width: 15px; margin: 0 2px; } .star-active { background: url("/local/templates/.default/img/star_active.svg") no-repeat; } .star2 { background: url("/local/templates/.default/img/star2.svg") no-repeat; } .star-active2 { background: url("/local/templates/.default/img/star_active2.svg") no-repeat; } .categories { padding: 53px 0 55px; } @media only screen and (max-width: 999px) { .categories { padding-top: 43px; } } @media only screen and (max-width: 760px) { .categories { padding-top: 64px; padding-bottom: 70px; } } @media only screen and (max-width: 760px) { .categories .wrap { padding-left: 0; padding-right: 0; max-width: inherit; } } .categories__row { -ms-flex-wrap: wrap; flex-wrap: wrap; background: #f4f6f9; border-radius: 5px; border: 1px solid #e1e4e8; overflow: hidden; } @media only screen and (max-width: 760px) { .categories__row { border-radius: 0px; border-left: 0px; border-right: 0px; border-bottom: 0px; } } .categories__item { width: 25%; padding: 35px 75px 10px 31px; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-bottom: 1px solid #e1e4e8; border-right: 1px solid #e1e4e8; min-height: 126px; display: block; } @media only screen and (max-width: 999px) { .categories__item:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 999px) { .categories__item:nth-child(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (max-width: 999px) { .categories__item:nth-child(5) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; border-right: 0px; } } @media only screen and (max-width: 999px) { .categories__item:nth-child(6) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (max-width: 999px) { .categories__item:nth-child(7) { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (max-width: 999px) { .categories__item:nth-child(8) { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (max-width: 999px) { .categories__item:nth-child(9) { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (max-width: 1180px) { .categories__item { padding-left: 20px; } } @media only screen and (max-width: 999px) { .categories__item { width: 50%; padding-left: 32px; padding-right: 30px; } } @media only screen and (max-width: 760px) { .categories__item { padding: 0 !important; width: 100%; min-height: inherit; border-right: 0px !important; } } .categories__item:last-child, .categories__item:nth-last-child(-n+2) { border-bottom: 0px; } @media only screen and (max-width: 760px) { .categories__item:nth-last-child(-n+2) { border-bottom: 1px solid #e1e4e8; } } .categories__item:nth-child(3), .categories__item:nth-child(7), .categories__item:last-child { border-right: 0px; } .categories__item h3 { padding-bottom: 11px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 760px) { .categories__item h3 { max-width: 240px; line-height: 120%; } } .categories__item p { color: #989da4; font-weight: normal; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-bottom: 10px; max-width: 128px; } @media only screen and (max-width: 760px) { .categories__item p { display: none; } } @media only screen and (max-width: 760px) { .categories__item-wrap { max-width: 490px; position: relative; margin: 0 auto; padding: 18px 0 9px; } } @media only screen and (max-width: 430px) { .categories__item-wrap { max-width: 290px; } } .categories__group { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 999px) { .categories__group { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } } .categories__group .categories__item { width: 50%; } .categories__group .categories__item:last-child, .categories__group .categories__item:nth-last-child(-n+2) { border-bottom: 1px solid #e1e4e8; } .categories__group .categories__item:last-child { border-right: 1px solid #e1e4e8; } @media only screen and (max-width: 999px) { .categories__group .categories__item:last-child { border-right: 0px; } } @media only screen and (max-width: 760px) { .categories__group .categories__item { width: 100%; } } .categories__group .categories__item_big { width: 100%; } @media only screen and (max-width: 999px) { .categories__group .categories__item_big { border-right: 0px; } } .categories__item_table { padding-top: 26px; padding-right: 21px; padding-bottom: 10px; } @media only screen and (max-width: 999px) { .categories__item_table { width: 50%; } } @media only screen and (max-width: 760px) { .categories__item_table { width: 100%; } } @media only screen and (max-width: 760px) { .categories__item_table .categories__item-wrap { padding-top: 23px; } } .categories__item_table h3 { max-width: 60px; } @media only screen and (max-width: 999px) { .categories__item_table h3 { max-width: none; padding-bottom: 31px; } } @media only screen and (max-width: 760px) { .categories__item_table h3 { padding-bottom: 19px; } } .categories__item_table .categories__icon { top: 18px; height: 54px; } @media only screen and (max-width: 760px) { .categories__item_table .categories__icon { top: 6px; right: -10px; } .categories__item_table .categories__icon img { max-width: 100%; max-height: 100%; } } .categories__item_big { width: 50%; } @media only screen and (max-width: 760px) { .categories__item_big { width: 100%; } } .categories__item_big p { max-width: inherit; } .categories__icon { position: absolute; top: 0; right: 17px; height: 100%; width: 55px; text-align: center; } @media only screen and (max-width: 999px) { .categories__icon { right: 25px; } } @media only screen and (max-width: 760px) { .categories__icon { right: -13px; } } .categories__icon img { margin: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } @media only screen and (max-width: 760px) { .categories__icon img { max-width: 60%; max-height: 55%; } } .item-icon_hover { opacity: 0; } .categories__item:hover { background: #fff; -webkit-box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); } .categories__item:hover .item-icon { opacity: 0; } .categories__item:hover .item-icon_hover { opacity: 1; } .categories__item:hover h3, .categories__item:hover h3 a { color: #399dd3; } .categories__item:hover p { color: #404957; } .currency-table { width: 100%; margin-top: 4px; position: relative; left: -4px; } @media only screen and (max-width: 760px) { .currency-table { left: 0; margin-bottom: 10px; } } .currency-table th { border-bottom: 1px solid #e1e4e8; color: #989da4; font-size: 12px; font-weight: normal; text-align: center; padding: 0 5px 12px; } @media only screen and (max-width: 999px) { .currency-table th { text-align: left; padding-left: 12px; } } @media only screen and (max-width: 760px) { .currency-table tr:nth-child(2) td { padding-top: 13px; } } .currency-table td { padding: 14px 13px 12px; width: 25%; white-space: nowrap; } @media only screen and (max-width: 1180px) { .currency-table td { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 760px) { .currency-table td { padding-bottom: 0; padding-top: 10px; width: 28%; } } .currency-table td:first-child { font-size: 16px; font-weight: bold; padding-left: 0; } @media only screen and (max-width: 999px) { .currency-table td:first-child { width: 20%; } } @media only screen and (max-width: 999px) { .currency-table td:first-child { width: 26%; } } .currency-table td:last-child { padding-right: 0; } @media only screen and (max-width: 999px) { .currency-table td:last-child { width: 20%; padding-right: 5px; } } .currency-table_small td { width: 33%; } @media only screen and (max-width: 999px) { .currency-table_small td:first-child { width: 33%; } } .currency-up { color: #34c186; } .currency-down { color: #d7565f; } .currency-up img, .currency-down img { position: relative; top: -1px; margin-right: 7px; } .categories__row .categories__item_big:last-child, .categories__row .categories__item_big:nth-last-child(-n+2) { padding-top: 30px; padding-bottom: 10px; min-height: 110px; } @media only screen and (max-width: 760px) { .categories__row .categories__item_big:last-child, .categories__row .categories__item_big:nth-last-child(-n+2) { min-height: inherit; } } .best-offers { background: #f4f6f9; padding: 0 0 48px; } @media only screen and (max-width: 760px) { .best-offers { padding-bottom: 50px; padding-top: 12px; } } @media only screen and (max-width: 999px) { .best-offers .wrap { padding-right: 0; padding-left: 0; max-width: none; } } @media only screen and (max-width: 760px) { .best-offers h2 { padding-left: 0px !important; max-width: 490px; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 430px) { .best-offers h2 { max-width: 290px; } } @media only screen and (max-width: 760px) { .best-offers .sorter-wrap { padding-left: 0px !important; max-width: 490px; margin-right: auto; margin-left: auto; } } @media only screen and (max-width: 430px) { .best-offers .sorter-wrap { max-width: 290px; } } @media only screen and (max-width: 760px) { .best-offers .offers_scroll-wrap { padding-left: 0px !important; padding-right: 0px !important; } } @media only screen and (max-width: 760px) { .offers_scroll-wrap .mask { display: none; } } .mob_scroll { width: 100%; white-space: nowrap; } .sorter, .foot-nav { font-size: 0; padding: 31px 0 0; } .sorter li, .foot-nav li { display: inline-block; vertical-align: top; padding: 0 37px 0 0; } .sorter li a, .foot-nav li a { display: block; font-size: 16px; color: #8c929a; font-weight: normal; border-bottom: 3px solid transparent; padding: 0 0 12px 0; } .sorter li a.active, .foot-nav li a.active { color: #399dd3; border-bottom-color: #399dd3; } .sorter li a:hover, .foot-nav li a:hover { color: #399dd3; } .sorter li { padding-right: 40px; } @media only screen and (max-width: 999px) { .sorter li { padding-right: 36px; } } @media only screen and (max-width: 999px) { .sorter li:last-child { padding-right: 15px; } } .best-offers-wrap { padding: 31px 0 0; } @media only screen and (max-width: 999px) { .best-offers-wrap { display: block; font-size: 0; width: 100%; } } @media only screen and (max-width: 760px) { .best-offers-wrap { max-width: 520px; margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 14px; } } @media only screen and (max-width: 760px) { .best-offers-wrap .slick-slide { text-align: center; } } @media only screen and (max-width: 999px) { .offers_scroll { white-space: nowrap; width: 100%; } } .sorter-wrap { width: 100%; position: relative; } .offers_scroll-wrap { width: 100%; position: relative; } .mask { display: none; } @media only screen and (max-width: 999px) { .mask { display: block; position: absolute; top: 31px; right: 0; height: calc(100% - 61px); width: 80px; background: rgba(255, 255, 255, 0.5); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.9))); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.9) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,.5)', endColorstr='rgba(255,255,255, 1)', GradientType=1); } } .sorter-wrap .mask { top: 28px; height: calc(100% - 31px); background: rgba(244, 246, 249, 0.5); background: -webkit-gradient(linear, left top, right top, from(rgba(244, 246, 249, 0)), color-stop(30%, rgba(244, 246, 249, 0.5)), to(#f4f6f9)); background: -o-linear-gradient(left, rgba(244, 246, 249, 0) 0%, rgba(244, 246, 249, 0.5) 30%, #f4f6f9 100%); background: linear-gradient(to right, rgba(244, 246, 249, 0) 0%, rgba(244, 246, 249, 0.5) 30%, #f4f6f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(244,246,249,.5)', endColorstr='rgba(244,246,249, 1)', GradientType=1); } .offer { background: #fff; border-radius: 10px; width: 270px; padding-bottom: 26px; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-right: 30px; margin-bottom: 30px; } @media only screen and (max-width: 999px) { .offer { width: 226px; min-width: 226px; display: inline-block; vertical-align: top; } } @media only screen and (max-width: 760px) { .offer { width: inherit; margin-right: auto !important; min-width: inherit; max-width: 390px; margin-left: auto; } } @media only screen and (max-width: 430px) { .offer { max-width: 290px; } } .offer:last-child { margin-right: 0; } @media only screen and (max-width: 999px) { .offer:last-child { margin-right: 30px; } } .offer:hover { -webkit-box-shadow: 0px 3px 32px 0px rgba(98, 105, 116, 0.24); box-shadow: 0px 3px 32px 0px rgba(98, 105, 116, 0.24); } @media only screen and (max-width: 760px) { .offer .btn { min-width: 170px; height: 45px; } } .offer__logo { border-bottom: 1px solid #f1f1f1; position: relative; width: 100%; height: 113px; } .offer__logo img { display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } .offer__text { border-bottom: 1px solid #f1f1f1; padding: 14px 20px 18px; font-size: 14px; height: 60px; } .offer__descrip { border-bottom: 1px solid #f1f1f1; padding: 25px 20px; margin-bottom: 25px; height: 140px; } @media only screen and (max-width: 760px) { .offer__descrip { padding-bottom: 13px; } } .offer__descrip strong { display: block; font-weight: bold; font-size: 38px; padding-bottom: 29px; } .offer__descrip span { color: #8c929a; font-size: 12px; display: block; position: relative; max-width: 170px; margin: 0 auto; padding: 0 0 7px 28px; text-align: left; font-weight: normal; left: 23px; } .offer__descrip span:before { content: ''; position: absolute; background: url("/local/templates/.default/img/marker.svg") no-repeat; height: 11px; width: 15px; top: 4px; left: 0; } .btn-center { padding-top: 21px; text-align: center; width: 100%; } @media only screen and (max-width: 760px) { .btn-center { padding-top: 11px; } } .news { padding-top: 18px; padding-bottom: 55px; } @media only screen and (max-width: 999px) { .news { padding-top: 7px; } } @media only screen and (max-width: 760px) { .news { padding-top: 12px; } } @media only screen and (max-width: 760px) { .news h2 { max-width: 220px; } } .news-small-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-box-slider { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 41px 0 0; } @media only screen and (max-width: 760px) { .news-box-slider { padding-top: 31px; padding-bottom: 15px; margin-bottom: 24px; } } @media only screen and (max-width: 760px) { .news-box-slider .news__img { height: 172px; } } .news-box { max-width: 570px; border-radius: 5px; border: 1px solid #f1f1f1; margin-bottom: 30px; background: #fefefe; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 1180px) { .news-box { max-width: 49%; } } @media only screen and (max-width: 999px) { .news-box { max-width: 48%; } } @media only screen and (max-width: 760px) { .news-box { max-width: 100%; } } .news-box.news-box_small { max-width: 370px; } @media only screen and (max-width: 1180px) { .news-box.news-box_small { max-width: 32%; } } @media only screen and (max-width: 999px) { .news-box.news-box_small { max-width: 31%; } } @media only screen and (max-width: 760px) { .news-box.news-box_small { max-width: 100%; width: 100%; position: relative; } } .news-box.news-box_small .news__img { height: 120px; } .news-box.news-box_small h3 { font-size: 16px; line-height: 120%; } .news-box:hover { border-color: #fff; -webkit-box-shadow: 0px 0px 65px 0px rgba(203, 203, 203, 0.5); box-shadow: 0px 0px 65px 0px rgba(203, 203, 203, 0.5); } @media only screen and (max-width: 760px) { .news-box:hover { -webkit-box-shadow: none; box-shadow: none; border-color: #f1f1f1; } } .news__img { width: 100%; height: 244px; overflow: hidden; border-radius: 5px 5px 0 0; } .news__img img { display: block; width: auto; height: auto; min-height: 100%; min-width: 100%; border-radius: 5px 5px 0 0; } @media only screen and (max-width: 760px) { .news__img img { max-height: inherit; } } .news__content { padding: 16px 20px 19px; position: relative; } @media only screen and (max-width: 999px) { .news__content { padding-left: 18px; padding-right: 6px; } } @media only screen and (max-width: 760px) { .news__content { padding-top: 13px; } } .news__content h3 { font-size: 20px; padding-bottom: 10px; } @media only screen and (max-width: 760px) { .news__content h3 { font-size: 18px; line-height: 120%; } } .news__content p { color: #8c929a; font-size: 12px; text-shadow: 0 0; } .news__content p a { color: #ff1f64; } .news__content p a:hover { text-decoration: underline; } @media only screen and (max-width: 760px) { .news-box_small:last-child { margin-bottom: 20px; } .news-box_small .news__img { border-radius: 5px; } .news-box_small .news__img img { border-radius: 5px; } .news-box_small .news__content { background: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; padding-top: 20px; padding-right: 10px; padding-left: 24px; } .news-box_small .news__content h3, .news-box_small .news__content h3 a, .news-box_small .news__content p { color: #fff !important; } .news-box_small .news__content h3 a:hover { color: #399dd3 !important; } } .peoples-rating { background: #f4f6f9; padding-top: 16px; padding-bottom: 48px; } @media only screen and (max-width: 760px) { .peoples-rating .wrap { padding-left: 0; padding-right: 0; max-width: inherit; } } @media only screen and (max-width: 999px) { .peoples-rating { padding-bottom: 45px; } } @media only screen and (max-width: 760px) { .peoples-rating { padding-bottom: 32px; padding-top: 21px; } } .peoples-rating h2 { text-align: center; } @media only screen and (max-width: 760px) { .peoples-rating .btn_transparent { min-width: 227px; } } .tabs-content { position: relative; background: #fff; border: 1px solid #d9dfe5; border-radius: 5px; margin-top: 138px; margin-bottom: 16px; } @media only screen and (max-width: 760px) { .tabs-content { border-radius: 0px; border-right: 0px; border-left: 0px; } } .rating-tabs { text-align: center; font-size: 0; border: 1px solid #d7dee4; border-bottom-color: #fff; display: block; border-radius: 5px 5px 0 0; background: #fff; max-width: 568px; margin: 34px auto -1px; position: relative; z-index: 200; margin-top: -105px; } @media only screen and (max-width: 760px) { .rating-tabs { max-width: 290px; } } .rating-tabs li { display: inline-block; vertical-align: top; width: 50%; height: 103px; border-bottom: 1px solid #d7dee4; } .rating-tabs li a { color: #8c929a; font-size: 22px; font-weight: bold; padding: 27px 150px 0 27px; display: block; position: relative; text-align: left; line-height: 110%; height: 77px; } .rating-tabs li a .rating-tabs__icon { position: absolute; top: 27px; right: 30px; height: 54px; width: 56px; } @media only screen and (max-width: 760px) { .rating-tabs li a .rating-tabs__icon { display: none; } } .rating-tabs li a .rating-tabs__icon img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: auto; margin: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .rating-tabs li a .rating-tabs__icon img.tabs-icon-hover { opacity: 0; } .rating-tabs li.current { border-bottom-color: #fff; -webkit-box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); position: relative; z-index: 200; } .rating-tabs li.current a { color: #399dd3; cursor: default; } .rating-tabs li.current .rating-tabs__icon img, .rating-tabs li:hover .rating-tabs__icon img { opacity: 0; } .rating-tabs li.current .rating-tabs__icon img.tabs-icon-hover, .rating-tabs li:hover .rating-tabs__icon img.tabs-icon-hover { opacity: 1; } .rating-tabs li.current a, .rating-tabs li:hover a { color: #399dd3; } .tab-box { display: none; position: relative; z-index: 300; padding: 0 32px; } @media only screen and (max-width: 760px) { .tab-box { padding: 0; } } .tab-box.visible { display: block; } .rating-box { min-height: 94px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-bottom: 1px solid #f1f1f1; position: relative; z-index: 300; } @media only screen and (max-width: 760px) { .rating-box { max-width: 420px; margin-right: auto; margin-left: auto; z-index: 900; padding-bottom: 16px; padding-top: 18px; min-width: 290px; } } .rating-box:before { content: ""; display: inline-block; min-height: 92px; visibility: hidden; } .rating-box .rating-box__stars { margin-left: auto; margin-right: 63px; } @media only screen and (max-width: 1180px) { .rating-box .rating-box__stars { margin-right: 30px; } } @media only screen and (max-width: 999px) { .rating-box .rating-box__stars { margin-right: auto; margin-left: 32px; } } .rating-box:last-child { border-bottom: 0; } .rating-box .btn { margin-left: 0; } @media only screen and (max-width: 999px) { .rating-box .btn { min-width: 158px; } } @media only screen and (max-width: 760px) { .rating-box .btn { display: none; } } .rating-box .btn.btn_mob { display: none; } @media only screen and (max-width: 760px) { .rating-box .btn.btn_mob { height: 37px; min-width: 130px; display: block; } } .rating-box:first-child { padding-top: 8px; min-height: 104px; } @media only screen and (max-width: 760px) { .rating-box:first-child { min-height: inherit; padding-top: 27px; } } .rating-box__num { color: #c2c9d3; font-weight: bold; font-size: 22px; width: 67px; } @media only screen and (max-width: 1180px) { .rating-box__num { width: 50px; } } @media only screen and (max-width: 999px) { .rating-box__num { width: 37px; } } @media only screen and (max-width: 760px) { .rating-box__num { position: absolute; top: 50%; left: 65px; height: 100%; margin-top: -10px; } } @media only screen and (max-width: 430px) { .rating-box__num { left: 4%; } } .rating-box__logo { width: 200px; } @media only screen and (max-width: 1180px) { .rating-box__logo { width: 180px; } } @media only screen and (max-width: 999px) { .rating-box__logo { width: 130px; } } @media only screen and (max-width: 760px) { .rating-box__logo { display: inline-block; vertical-align: top; width: 49%; margin-left: 104px; max-width: 91px; } } @media only screen and (max-width: 430px) { .rating-box__logo { margin-left: 17%; } } .rating-box__logo img { display: block; max-width: 130px; } @media only screen and (max-width: 999px) { .rating-box__logo img { max-width: 90%; max-height: 80%; } } @media only screen and (max-width: 760px) { .rating-box__logo img { max-width: 100%; max-height: 100%; margin: auto; } } .rating-box__logo-wrap { width: auto; } .mobile-hd { display: none; } @media only screen and (max-width: 999px) { .mobile-hd { display: block; padding-bottom: 13px; text-align: left; padding-right: 20px; } .mobile-hd h3, .mobile-hd h3 a { color: #404957; } } @media only screen and (max-width: 760px) { .mobile-hd { padding-top: 3px; max-width: 130px; padding-right: 0; } .mobile-hd h3 { font-size: 16px; line-height: 120%; } } .rating-box__name { max-width: 410px; padding-top: 4px; } @media only screen and (max-width: 1180px) { .rating-box__name { max-width: 330px; } } @media only screen and (max-width: 999px) { .rating-box__name { display: none; } } .rating-box__name h3 { padding-bottom: 3px; } .rating-box__name p { color: #8c929a; font-size: 12px; } .rating-box__stars { width: 130px; text-align: center; padding-top: 6px; white-space: nowrap; } .mortgage-item__box { position: relative; } .mortgage-item__box .rating-box__stars { position: absolute; bottom: 0; } .rating-box__stars .rating-opinions { display: block; color: #8c92a1; margin-top: 4px; } .rating-box__stars .rating-opinions:hover { color: #399dd3; } .mobile-rating { display: none; } @media only screen and (max-width: 760px) { .mobile-rating { display: block; text-align: center; padding-top: 16px; } .mobile-rating .star2, .mobile-rating .star-active2 { width: 11px; height: 11px; background-size: 100%; margin: 0 2px; } .mobile-rating .rating-opinions { margin-top: 0; font-size: 12px; line-height: 12px; display: block; position: relative; top: -3px; color: #8c92a1; } } @media only screen and (max-width: 999px) { .rating-box .rating-box__stars { padding-top: 0; width: auto; text-align: left; } } @media only screen and (max-width: 760px) { .rating-box .rating-box__stars { width: 49%; display: inline-block; vertical-align: top; margin-left: 30px; max-width: 130px; white-space: normal; } } @media only screen and (max-width: 999px) { .rating-box .rating-box__stars .rating-opinions { margin-top: -3px; margin-left: 22px; } } @media only screen and (max-width: 760px) { .rating-box .rating-box__stars .rating-opinions { display: none; } } @media only screen and (max-width: 760px) { .rating-box .rating-box__stars .star2, .rating-box .rating-box__stars .star-active2 { display: none; } } .star, .star-active2 { margin-left: 3px; margin-right: 3px; } .subscribe { padding: 88px 0 27px; width: 100%; } @media only screen and (max-width: 999px) { .subscribe { padding-top: 54px; } } @media only screen and (max-width: 760px) { .subscribe { padding-top: 60px; } } .subscribe-content { width: 775px; margin: 0 auto; position: relative; padding-left: 93px; } @media only screen and (max-width: 999px) { .subscribe-content { width: 670px; } } @media only screen and (max-width: 760px) { .subscribe-content { width: 390px; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 430px) { .subscribe-content { width: 290px; } } .subscribe-content .form-icon { top: -10px; left: -10px; position: absolute; } @media only screen and (max-width: 999px) { .subscribe-content .form-icon { top: -4px; left: -20px; } } @media only screen and (max-width: 760px) { .subscribe-content .form-icon { max-width: 65px; height: auto; left: 1px; top: -8px; position: relative; display: block; } } .subscribe-content p { color: #8c929a; padding-bottom: 36px; } @media only screen and (max-width: 999px) { .subscribe-content p { max-width: 418px; padding-bottom: 18px; letter-spacing: -0.01em; } } @media only screen and (max-width: 760px) { .subscribe-content p { display: none; } } .subscribe-content h3 { padding-bottom: 10px; font-size: 24px; } @media only screen and (max-width: 760px) { .subscribe-content h3 { font-size: 22px; max-width: 218px; -ms-flex-item-align: center; align-self: center; padding-left: 17px; min-height: inherit; } } .form-subscribe { padding: 0 187px 0 0; position: relative; } @media only screen and (max-width: 999px) { .form-subscribe { padding-right: 170px; } } @media only screen and (max-width: 760px) { .form-subscribe { padding-right: 0; width: 100%; } } .form-subscribe .btn { position: absolute; bottom: 0; right: 0; height: 44px; } @media only screen and (max-width: 999px) { .form-subscribe .btn { min-width: 158px; } } @media only screen and (max-width: 760px) { .form-subscribe .btn { display: block; margin: 17px auto 0; min-width: 170px; position: static; } } .input-subscribe { border: 1px solid #e1e4e8; background: #f4f6f9; border-radius: 5px; padding: 0 20px; color: #8c929a; height: 44px; width: 100%; font-size: 14px; } .top-section { background: #f4f6f9; width: 100%; } .top-section .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 999px) { .top-section .wrap { position: relative; } } .top-section h1 { font-size: 34px; padding-top: 37px; max-width: 690px; } .top-section__smaller-hd h1 { max-width: 500px; } .breadcrumbs { font-size: 12px; padding: 18px 0 0 30px; width: 100%; } @media only screen and (max-width: 999px) { .breadcrumbs { padding-left: 0; } } @media only screen and (max-width: 760px) { .breadcrumbs { display: none; } } .breadcrumbs a, .breadcrumbs span { color: #a4a9b4; } @media only screen and (max-width: 999px) { .breadcrumbs a, .breadcrumbs span { font-weight: 500; letter-spacing: -0.03em; } } .breadcrumbs span.separator { margin: 0 5px; } .breadcrumbs span.active { color: #404957; margin: 0; } .top-section__content { width: 900px; padding-bottom: 16px; } @media only screen and (max-width: 999px) { .top-section__content .btn { margin-bottom: 1px; } } @media only screen and (max-width: 1180px) { .top-section__content { width: inherit; max-width: 72%; } } @media only screen and (max-width: 760px) { .top-section__content { max-width: 100%; width: 100%; text-align: center; } } .top-section__content p { color: #888e98; padding-top: 14px; line-height: 145%; max-width: 700px; letter-spacing: -0.01em; } @media only screen and (max-width: 999px) { .top-section__content p { padding-top: 11px; } } @media only screen and (max-width: 760px) { .top-section__content p { display: none; } } @media only screen and (max-width: 999px) { .top-section__content h1 { line-height: 120%; font-size: 28px; max-width: 420px; padding-top: 23px; } } @media only screen and (max-width: 760px) { .top-section__content h1 { font-size: 18px; max-width: 400px; margin: 0 auto; } } @media only screen and (max-width: 430px) { .top-section__content h1 { max-width: 262px; } } .wide-content { width: 970px; } @media only screen and (max-width: 999px) { .wide-content { width: 100%; display: block; max-width: 100%; } } .top-section__img { margin-left: auto; position: relative; min-height: 218px; -ms-flex-item-align: center; align-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 268px; } .top-section__img:before { content: ""; display: inline-block; min-height: 218px; visibility: hidden; } @media only screen and (max-width: 1180px) { .top-section__img { width: 25%; } } @media only screen and (max-width: 760px) { .top-section__img { display: none; } } .top-section__img img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; } @media only screen and (max-width: 999px) { .top-section_tablet .top-section__content { max-width: 100%; width: 100%; padding-bottom: 38px; } .top-section_tablet .top-section__img { position: absolute; top: 30px; right: 0; height: 98px; } .top-section_tablet .choose-region { max-width: 514px; } .top-section_tablet .choose-region .select-bord { max-width: 334px; width: 100%; margin-left: auto; } } @media only screen and (max-width: 760px) { .top-section_tablet .top-section__content { padding-bottom: 32px; } .top-section_tablet .choose-region .select-bord { max-width: 100%; } } .top-img-small { width: 170px; } @media only screen and (max-width: 999px) { .top-img-small { position: absolute; bottom: -12px; right: 24px; height: 132px; width: 110px; } } .choose-region { padding: 16px 0 8px; min-height: 47px; } @media only screen and (max-width: 760px) { .choose-region { display: block; padding-top: 30px; padding-bottom: 14px; } } .choose-region .select-bord { width: 272px; } @media only screen and (max-width: 760px) { .choose-region .select-bord { width: 100%; } } @media only screen and (max-width: 999px) { .wide-content .choose-region .select-bord { width: 100%; } .wide-content .choose-region .top-section__label { white-space: nowrap; } } @media only screen and (max-width: 760px) { .wide-content .choose-region .top-section__label { white-space: normal; line-height: 100%; padding-bottom: 19px; } } .top-section__label { font-size: 28px; font-weight: bold; padding: 15px 15px 0 0; } @media only screen and (max-width: 999px) { .top-section__label { white-space: nowrap; } } @media only screen and (max-width: 760px) { .top-section__label { display: block; text-align: center; padding: 0 0 26px; } } .content_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .center-content { width: 100%; max-width: 870px; padding-bottom: 30px; } @media only screen and (max-width: 1180px) { .center-content { max-width: 73%; width: 73%; } } @media only screen and (max-width: 999px) { .center-content { max-width: 100%; width: 100%; } } @media only screen and (max-width: 760px) { .center-content { padding-bottom: 26px; } } @media only screen and (max-width: 760px) { .center-content h2 { font-size: 26px; max-width: 280px; } } .lend-form { padding-top: 27px; padding-bottom: 22px; } @media only screen and (max-width: 760px) { .lend-form { display: block; padding-top: 19px; padding-bottom: 19px; } } @media only screen and (max-width: 999px) { .lend-form { display: block; } } .lend-box2 { width: 370px; margin-right: 30px; } @media only screen and (max-width: 1180px) { .lend-box2 { width: 50%; } } @media only screen and (max-width: 760px) { .lend-box2 { width: 100%; margin-right: 0px; padding-bottom: 22px; } } @media only screen and (max-width: 1180px) { .lend-box2:last-child { margin-right: 0; } } .label { color: #888e98; display: block; padding: 0 0 10px; letter-spacing: -0.02em; } @media only screen and (max-width: 760px) { .label { text-align: left; } } .input_bord, .textarea { border: 1px solid #cfd1d5; height: 47px; } .textarea { height: 118px; padding: 15px 18px; } .lends-list { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 999px) { .lends-list { padding-top: 0px; } } @media only screen and (max-width: 760px) { .lends-list { padding-bottom: 11px; } } .lend-item { margin: 0 0 20px; background: #f4f6f9; border: 1px solid #e9edf0; border-radius: 5px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 760px) { .lend-item { display: block; padding: 10px 14px 62px; margin-bottom: 18px; position: relative; } } .lend-item:hover { background: #fff; border-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; } .lend-item:hover .lend-item__content .h2, .lend-item:hover .lend-item__content .h2 a, .lend-item:hover .lend-item__content h2, .lend-item:hover .lend-item__content h2 a, .lend-item:hover .rating-item__body h2, .lend-item:hover .rating-item__body h2 a { color: #48c28f; } .lend-item:hover .btn_blue { background: #48c28f; } @media only screen and (max-width: 760px) { .lend-item .rating-box__stars { width: 80px; text-align: right; padding-top: 11px; } .lend-item .rating-box__stars .star-active2, .lend-item .rating-box__stars .star2 { margin: 0 0 0 1px; } } .lend-item__logo { width: 154px; text-align: center; padding: 27px 0; } @media only screen and (max-width: 999px) { .lend-item__logo { width: 162px; padding-top: 13px; } } @media only screen and (max-width: 760px) { .lend-item__logo { width: 100%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .lend-item__logo .rating-box__stars { margin: 0 auto; } @media only screen and (max-width: 760px) { .lend-item__logo .rating-box__stars { margin-right: 0; } } .rating-box__small { padding-top: 24px; } @media only screen and (max-width: 999px) { .rating-box__small { padding-top: 8px; } } .rating-box__small .star2, .rating-box__small .star-active2 { height: 12px; width: 12px; background-size: 100%; } .rating-box__small a { font-size: 12px; margin-top: 0; } .rating-mob { padding-top: 3px; } .rating-mob .star2, .rating-mob .star-active2 { height: 11px; width: 10px; background-size: 100%; margin-left: 2px; margin-right: 1px; } .lend-logo { min-height: 48px; width: 100%; position: relative; } @media only screen and (max-width: 760px) { .lend-logo { max-width: 78px; min-height: 33px; } } .lend-logo img { display: block; margin: auto; max-width: 80%; max-height: 80px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media only screen and (max-width: 760px) { .lend-logo img { max-width: 90%; right: auto; max-height: 70px; } } .lend-item__content { padding: 26px 0 0; width: 639px; margin-right: 30px; margin-left: 42px; } @media only screen and (max-width: 1180px) { .lend-item__content { width: inherit; margin-right: 25px; margin-left: 15px; } } @media only screen and (max-width: 999px) { .lend-item__content { margin-left: 0; max-width: 542px; } } @media only screen and (max-width: 760px) { .lend-item__content { padding-top: 7px; } } @media only screen and (max-width: 999px) { .lend-item__content .btn { position: relative; top: -6px; } } .lend-item__content .h2, .rating-item__body .h2, .lend-item__content h2, .rating-item__body h2 { color: #399dd3; font-size: 22px; font-weight: bold; padding-top: 0; padding-bottom: 22px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 999px) { .lend-item__content .h2, .rating-item__body .h2, .lend-item__content h2, .rating-item__body h2 { font-size: 18px; padding-bottom: 13px; } } @media only screen and (max-width: 760px) { .lend-item__content .h2, .rating-item__body .h2, .lend-item__content h2, .rating-item__body h2 { font-size: 16px; padding-bottom: 16px; } } .lend-item__content .h2 a, .rating-item__body .h2 a, .lend-item__content h2 a, .rating-item__body h2 a { color: #399dd3; } @media only screen and (max-width: 999px) { .lend-item__logo .rating-box__stars .rating-opinions { margin-top: -1px; } } @media only screen and (max-width: 760px) { .lend-item__logo .rating-box__stars .rating-opinions { display: none; } } .lend-info { border-bottom: 1px solid #e1e4e8; padding: 0 0 23px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 999px) { .lend-info { padding-bottom: 12px; } } .lend-info__box { color: #8c929a; font-size: 12px; padding-right: 10px; } .lend-info__box strong { display: block; font-size: 18px; color: #404957; padding-bottom: 5px; white-space: nowrap; } @media only screen and (max-width: 999px) { .lend-info__box strong { font-size: 16px; white-space: normal; } } @media only screen and (max-width: 760px) { .lend-info__box strong { font-size: 14px; padding-bottom: 4px; } } @media only screen and (max-width: 760px) { .lend-info__box>span { display: none; } } @media only screen and (max-width: 760px) { .lends-list .lend-info__box:nth-child(4) { display: none; } .lends-list .btn_small { position: absolute; bottom: 17px; left: 50%; right: 15px; top: auto; width: 259px; margin-left: -129px; } } .lend-info-2, .credit-info { padding: 21px 0 33px; letter-spacing: -0.01em; } @media only screen and (max-width: 999px) { .lend-info-2, .credit-info { padding-top: 11px; padding-bottom: 22px; } } @media only screen and (max-width: 760px) { .lend-info-2, .credit-info { font-size: 12px; line-height: 120%; padding-bottom: 10px; } } .lend-info-2 p, .credit-info p { color: #8c929a; } @media only screen and (max-width: 760px) { .lend-info-2 p, .credit-info p { padding-bottom: 6px; } } .lend-info-2 p strong, .credit-info p strong { color: #404957; } .btn-center-2 { padding-top: 7px; text-align: center; } .lends-questions { margin-top: 37px; margin-bottom: 20px; width: 100%; border: 1px solid #e1e4e8; border-radius: 5px; } .lends-questions a{ color:#399dd3; } .lends-questions a:hover{ color:#48c28f; } @media only screen and (max-width: 999px) { .lends-questions { margin-top: 33px; } } @media only screen and (max-width: 760px) { .lends-questions { margin-top: 28px; } } .lends-questions__hd { position: relative; background: #f4f6f9; border-top: 1px solid #e1e4e8; font-size: 16px; font-weight: 500; padding: 19px 55px 18px 29px; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; letter-spacing: -0.02em; } .lends-questions__hd h2 { font-size: 16px; font-weight: 500; padding-top: 0px; } .lends-questions__hd.active h2 { background: none; font-size: 22px; font-weight: bold; padding-top: 0px; line-height: 100%; } @media only screen and (max-width: 999px) { .lends-questions__hd { padding-left: 21px; } } @media only screen and (max-width: 760px) { .lends-questions__hd { padding-left: 16px; } } .lends-questions__hd:after { content: ''; position: absolute; background: url("/local/templates/.default/img/arrow_black.svg") no-repeat; height: 6px; width: 10px; top: 26px; right: 29px; } .lends-questions__hd:hover { color: #399dd3; background: #fff; } .lends-questions__hd:hover:after { background: url("/local/templates/.default/img/arrow_blue.svg") no-repeat; } .lends-questions__hd.active { background: none; font-size: 22px; font-weight: bold; padding-top: 25px; } @media only screen and (max-width: 760px) { .lends-questions__hd.active { font-size: 18px; padding-bottom: 11px; padding-top: 24px; } } .lends-questions__hd.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 30px; } .lends-questions__hd:first-child { border-top: 0px; border-radius: 5px 5px 0 0; } .lends-questions__hd:nth-last-child(-n+2) { border-radius: 0 0 5px 5px; } .lends-questions__info { padding: 4px 35px 6px 29px; display: none; line-height: 160%; letter-spacing: -0.017em; } @media only screen and (max-width: 999px) { .lends-questions__info { padding-left: 21px; } } @media only screen and (max-width: 760px) { .lends-questions__info { padding-left: 16px; padding-right: 24px; } } .lends-questions__info p { padding-bottom: 21px; } .lends-questions__info p strong { font-size: 16px; } .lends-question-form { padding: 56px 0 28px; width: 100%; } @media only screen and (max-width: 760px) { .lends-question-form { padding-top: 31px; } } .lends-question-form .form-icon { left: -2px; } @media only screen and (max-width: 999px) { .lends-question-form .form-icon { left: -13px; top: -10px; } } @media only screen and (max-width: 760px) { .lends-question-form .form-icon { left: -3px; } } @media only screen and (max-width: 760px) { .lends-question-form h3 { font-size: 20px; } } @media only screen and (max-width: 760px) { .info-links-wrap { padding-left: 0; padding-right: 0; max-width: inherit; } } .info-links-group { padding: 66px 0 30px; width: 100%; } @media only screen and (max-width: 999px) { .info-links-group { padding-bottom: 0px; padding-top: 60px; margin-bottom: 0; } } @media only screen and (max-width: 760px) { .info-links-group { display: block; padding-top: 55px; padding-bottom: 24px; } } .info-links-group:not(.info-tabs) { padding-top: 38px; } .info-link { width: 33.33%; border: 1px solid #cdd5dc; border-right: 0; background: #f4f6f9; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-weight: bold; font-size: 20px; min-height: 113px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } @media only screen and (max-width: 999px) { .info-link { font-size: 18px; min-height: 111px; } } @media only screen and (max-width: 760px) { .info-link { width: 100%; min-height: 71px; max-height: 71px; border-bottom: 0px; border-left: 0px; } .info-link:last-child { border: 1px solid #cdd5dc; border-left: 0px; } } .info-link a { padding: 0 0 0 32px; line-height: 120%; min-height: 113px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 999px) { .info-link a { padding-left: 18px; line-height: 100%; min-height: 111px; } } @media only screen and (max-width: 760px) { .info-link a { min-height: 71px; max-height: 71px; max-width: 490px; margin-left: auto; margin-right: auto; position: relative; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 430px) { .info-link a { max-width: 290px; padding-left: 0; padding-right: 0; } } .info-link a:before { content: ""; display: inline-block; min-height: 113px; visibility: hidden; } @media only screen and (max-width: 999px) { .info-link a:before { min-height: 111px; } } @media only screen and (max-width: 760px) { .info-link a:before { min-height: 71px; } } .info-link:first-child { border-radius: 5px 0 0 5px; } @media only screen and (max-width: 760px) { .info-link:first-child { border-radius: 0px; } } .info-link:last-child { border-radius: 0 5px 5px 0; border-right: 1px solid #cdd5dc; } @media only screen and (max-width: 760px) { .info-link:last-child { border-radius: 0px; border-right: 0px; } } .info-link:hover, .info-link.active { background: #fff; color: #399dd3; } .info-link:hover b, .info-link.active b { color: #399dd3; } .info-link b { max-width: 208px; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 999px) { .info-link b { max-width: 160px; } .info-link b br { display: none; } } @media only screen and (max-width: 760px) { .info-link b { max-width: 188px; position: relative; top: -2px; } } .info-link span { position: absolute; top: 0; right: 27px; height: 100%; width: 56px; } @media only screen and (max-width: 999px) { .info-link span { right: 12px; } } @media only screen and (max-width: 760px) { .info-link span { width: 45px; right: 35px; } } @media only screen and (max-width: 430px) { .info-link span { right: -5px; } } .info-link img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 999px) { .info-link img { max-width: 100%; } } @media only screen and (max-width: 760px) { .info-link img { max-height: 60%; } } .info-link img.icon-active { opacity: 0; } .info-link:hover { -webkit-box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); } .info-link:hover img { opacity: 0; } .info-link:hover img.icon-active { opacity: 1; } @media only screen and (max-width: 760px) { .top-section_details .wrap { max-width: inherit; padding-right: 0; padding-left: 0; } } .top-section_details .top-section__content { width: auto; max-width: 800px; } @media only screen and (max-width: 1180px) { .top-section_details .top-section__content { max-width: 72%; padding-right: 20px; } } @media only screen and (max-width: 999px) { .top-section_details .top-section__content { max-width: 480px; } } @media only screen and (max-width: 760px) { .top-section_details .top-section__content { max-width: 100%; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 0; border-bottom: 1px solid #e1e4e8; } } @media only screen and (max-width: 760px) { .top-section_details .top-section__content p { display: block; font-size: 12px; max-width: none; } } @media only screen and (max-width: 760px) { .top-section_details .top-section__content h1 { padding-top: 0; } } .top-section__logo { margin-left: auto; min-height: 190px; min-width: 298px; position: relative; } @media only screen and (max-width: 1180px) { .top-section__logo { min-width: 28%; } } @media only screen and (max-width: 999px) { .top-section__logo { min-width: 225px; min-height: 187px; } } @media only screen and (max-width: 760px) { .top-section__logo { min-width: 194px; max-width: 194px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; max-height: 63px; min-height: inherit; margin: 31px auto 10px; } } .top-section__logo img { display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } @media only screen and (max-width: 760px) { .top-section__logo img { position: relative; margin: 0 auto; max-width: inherit; max-height: 63px; } } .top-section__info { border-top: 1px solid #e1e4e8; width: 100%; padding: 33px 0 38px; } @media only screen and (max-width: 999px) { .top-section__info { padding-top: 27px; padding-bottom: 43px; } } @media only screen and (max-width: 760px) { .top-section__info { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 490px; margin: 0 auto; border-top: 0px; padding-bottom: 30px; padding-top: 20px; } } @media only screen and (max-width: 430px) { .top-section__info { max-width: 290px; } } .top-section__info .btn { margin-top: 20px; } @media only screen and (max-width: 760px) { .top-section__info .btn { margin-top: 8px; width: 290px; margin-right: auto; margin-left: auto; display: block; } } @media only screen and (max-width: 430px) { .top-section__info .btn { width: 100%; } } .credit-info-list { font-size: 0; max-width: 930px; } @media only screen and (max-width: 760px) { .credit-info-list { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 430px) { .credit-info-list { padding-left: 0px; padding-right: 0px; } } .credit-info-list li { font-size: 16px; padding-bottom: 18px; padding-left: 39px; padding-right: 20px; position: relative; letter-spacing: -0.01em; } @media only screen and (max-width: 999px) { .credit-info-list li, .credit-info-list-2 li { font-size: 14px; padding-left: 32px; padding-right: 10px; } } @media only screen and (max-width: 760px) { .credit-info-list li, .credit-info-list-2 li { padding-left: 34px; padding-right: 0; } } .col-3 { display: inline-block; vertical-align: top; padding-right: 55px; } @media only screen and (max-width: 1180px) { .col-3 { padding-right: 28px; max-width: 44%; } } @media only screen and (max-width: 760px) { .col-3 { max-width: 100%; display: block; padding-right: 0; } } .col-3.last { padding-right: 0; } @media only screen and (max-width: 1180px) { .col-3.last { max-width: 56%; } } @media only screen and (max-width: 760px) { .col-3.last { max-width: 100%; } } .info-icon { position: absolute; top: 0; left: 0; height: 21px; width: 20px; } .info-icon img { position: absolute; top: 0; bottom: 0; left: 0; right: auto; display: block; margin: auto; } .info-link-mob { display: none; } @media only screen and (max-width: 760px) { .info-link-mob { display: block; width: 100%; background: #fff; border-top: 1px solid #dce2e7; border-bottom: 1px solid #dce2e7; position: relative; margin-bottom: -1px; min-height: 60px; } } .info-link-mob.current { -webkit-box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); position: relative; z-index: 300; } .info-link-mob.current span img.icon-active { opacity: 1; } .info-link-mob.current b { color: #399dd3; } .info-link-mob__content { max-width: 490px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 60px; padding-left: 15px; padding-right: 15px; } .info-link-mob__content b { color: #8c929a; font-size: 18px; font-weight: bold; max-width: 200px; } .info-link-mob__content span { position: absolute; top: 0; right: 15px; height: 100%; width: 38px; } .info-link-mob__content span img { max-width: 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .info-link-mob__content span img.icon-active { opacity: 0; } @media only screen and (max-width: 430px) { .info-link-mob__content { max-width: 290px; } } @media only screen and (max-width: 760px) { .info-tabs { display: none; } } .info-tabs .info-link{ font-size: 22px; background: #fff; width: 25%; } .info-tabs .info-link h2 { font-size: 22px; font-weight:normal; line-height: normal; padding-top: 0px; } @media only screen and (max-width: 999px) { .info-tabs .info-link { font-size: 16px; } } .info-tabs .info-link a { color: #8c929a; } @media only screen and (max-width: 1180px) { .info-tabs .info-link a { padding-left: 14px; } } .info-tabs .info-link b { max-width: 150px; } @media only screen and (max-width: 999px) { .info-tabs .info-link b { max-width: 100px; position: relative; top: -7px; } } .info-tabs .info-link:hover { -webkit-box-shadow: none; box-shadow: none; } .info-tabs .info-link.current { background: #f4f6f9; -webkit-box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); box-shadow: 0px 3px 38px 0px rgba(15, 82, 119, 0.25); border-bottom-color: transparent; } .info-tabs .info-link.current b { color: #399dd3; } .info-tabs .info-link.current img { opacity: 0; } .info-tabs .info-link.current .icon-active { opacity: 1; } .info-tabs .info-link.current:first-child { border-radius: 5px 0 0 0; } .info-tabs .info-link.current:last-child { border-radius: 0 5px 0 0; } @media only screen and (max-width: 760px) { .tabs-wrap { max-width: inherit; padding-left: 0; padding-right: 0; } } .info-tabs-content { position: relative; padding: 171px 0 0; margin-top: 13px; margin-bottom: 39px; } @media only screen and (max-width: 999px) { .info-tabs-content { margin-top: 2px; padding-top: 165px; margin-bottom: 23px; } } @media only screen and (max-width: 760px) { .info-tabs-content { padding-top: 46px; margin-bottom: 19px; } } .info-tabs-box { display: none; padding: 55px 100px 46px; background: #f4f6f9; border: 1px solid #e9edf0; border-top: 0px; border-radius: 0 0 5px 5px; position: relative; z-index: 200; font-size: 16px; } @media only screen and (max-width: 1180px) { .info-tabs-box { padding: 23px 34px 37px; } } @media only screen and (max-width: 760px) { .info-tabs-box { border-top: 1px solid #e9edf0; position: relative; margin-bottom: -1px; padding-top: 18px; padding-right: 15px; padding-left: 15px; } } .info-tabs-box.visible { display: block; } .info-tabs-box .credit-info-list { max-width: 100%; margin-top: 5px; padding-top: 5px; } @media only screen and (max-width: 999px) { .info-tabs-box .credit-info-list { padding-bottom: 7px; } } @media only screen and (max-width: 760px) { .info-tabs-box .credit-info-list { padding-left: 0; padding-right: 0; } } .info-tabs-box .credit-info-list li { padding-bottom: 14px; padding-left: 50px; } @media only screen and (max-width: 999px) { .info-tabs-box .credit-info-list li, .info-tabs-box .credit-info-list-2 li { padding-left: 39px; } } @media only screen and (max-width: 760px) { .info-tabs-box .credit-info-list li, .info-tabs-box .credit-info-list-2 li { padding-left: 0; padding-right: 0; } } .info-tabs-box .credit-info-list .col-3 { min-width: 370px; padding-right: 43px; } .info-tabs-box .credit-info-list .col-3:first-child { max-width: 40%; } .info-tabs-box .credit-info-list .col-3.last { max-width: 60%; } @media only screen and (max-width: 1180px) { .info-tabs-box .credit-info-list .col-3 { min-width: inherit; padding-right: 20px; max-width: 43%; } } @media only screen and (max-width: 760px) { .info-tabs-box .credit-info-list .col-3 { max-width: 100%; padding-right: 0; } } .info-tabs-box .credit-info-list .col-3.last { padding-right: 0; } @media only screen and (max-width: 1180px) { .info-tabs-box .credit-info-list .col-3.last { max-width: 57%; } } @media only screen and (max-width: 760px) { .info-tabs-box .credit-info-list .col-3.last { max-width: 100%; } } @media only screen and (max-width: 760px) { .info-tabs-box .credit-info-list .info-icon { display: none; } } @media only screen and (max-width: 760px) { .info-tabs-box .btn { min-width: 228px; } } @media only screen and (max-width: 430px) { .info-tabs-box .btn { width: 100%; } } @media only screen and (max-width: 760px) { .tabs-box-wrap { margin: 0 auto; max-width: 490px; } } @media only screen and (max-width: 430px) { .tabs-box-wrap { max-width: 290px; } } .info-tabs { position: absolute; left: 0; width: 100%; top: 0; } .info-tabs li { border-color: #e9edf0; border-bottom: 1px solid #e9edf0; min-height: 103px; } .info-tabs li a { min-height: 103px; } .info-tabs li a:before { min-height: 103px; } .info-tabs li:first-child { border-radius: 5px 0 0 0; } .info-tabs li:last-child { border-right-color: #e9edf0; border-radius: 0 5px 0 0; } .info-tabs li.current { position: relative; border-bottom: 1px solid transparent; } @media only screen and (max-width: 999px) { .info-tabs .info-link span { width: 37px; right: 19px; top: -5px; } } .category-slider { position: relative; margin: 30px 0 0; border-radius: 5px; max-height: 32px; } .category-slider:not(.slick-initialized) { display: table; width: 100%; } .category-slider:not(.slick-initialized)>div { float: left; } .category-slider:not(.slick-initialized)>div:first-child a { border-radius: 5px 0 0 5px; padding-left: 18px; } .category-slider:not(.slick-initialized)>div:last-child a { border-radius: 0 5px 5px 0; } .category-slider a { cursor: pointer; } .fancybox-skin { padding: 0 !important; height: auto !important; box-shadow: none !important; } /*.fancybox-overlay.fancybox-overlay-fixed{width:100% !important;height:100% !important;position:absolute;}*/ .popup-description { font-size: 16px; line-height: 1.4; text-align: center; } /*html.fancybox-lock{overflow: auto !important;}*/ html.fancybox-lock body { height: auto; } @media only screen and (max-width: 999px) { .category-slider { margin-top: 28px; margin-bottom: 31px; max-width: 100%; } } @media only screen and (max-width: 760px) { .category-slider { margin-top: 24px; margin-bottom: 24px; } } .category-slider a { border: 1px solid #e9edf0; padding: 6px 13px; display: block; letter-spacing: -0.01em; min-height: 18px; position: relative; margin-right: -1px; } .category-slider a.active { background: #399dd3; color: #fff; border-color: #399dd3; } .category-slider .slick-slide:first-child a { border-radius: 5px 0 0 5px; padding-left: 18px; } .category-slider .slick-slide:last-child a { border-radius: 0 5px 5px 0; } .mortgage-form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 13px 0 0; } @media only screen and (max-width: 999px) { .mortgage-form { max-width: 610px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; } } @media only screen and (max-width: 760px) { .mortgage-form { padding-top: 7px; padding-bottom: 0px; } } .mortgage-form>div { margin-right: 30px; } .mortgage-form>div:last-child { margin-right: 0; } .mortgage-box { width: 170px; } @media only screen and (max-width: 999px) { .mortgage-box:first-child { max-width: 256px; width: 100%; margin-bottom: 21px; } .mortgage-box:nth-child(2) { max-width: 286px; width: 100%; margin-bottom: 21px; } } @media only screen and (max-width: 760px) { .mortgage-box { max-width: 100%; width: 100%; margin-bottom: 21px; margin-right: 0 !important; } .mortgage-box:first-child { max-width: 100%; } .mortgage-box:nth-child(4), .mortgage-box:last-child { width: 50%; max-width: 130px; } .mortgage-box:nth-child(4) .btn, .mortgage-box:last-child .btn { min-width: 130px; } .mortgage-box:last-child { margin-left: auto; } .mortgage-box:nth-child(2) { max-width: 100%; } .mortgage-box:nth-child(4) { max-width: 230px; } } @media only screen and (max-width: 430px) { .mortgage-box:nth-child(4) { max-width: 130px; } } .mortgage-box .select, .mortgage-box .select-bord { width: 100%; } .search-result-text { padding: 17px 0 0; color: #888e98; font-size: 12px; opacity: 0.55; } @media only screen and (max-width: 999px) { .search-result-text { display: none; } } .mortgage-head { padding: 26px 0 10px; width: 100%; max-width: 870px; } @media only screen and (max-width: 999px) { .mortgage-head { display: none; } } @media only screen and (max-width: 999px) { .mortgage-list { padding-bottom: 4px; } } .credit-list .rating-mob { display: none; } @media only screen and (max-width: 760px) { .credit-list .rating-mob { display: block; margin-left: auto; width: 78px; } } .mortgage-head__box { color: #888e98; opacity: 0.55; font-size: 12px; width: 20%; } .mortgage-head__box:first-child { min-width: 166px; padding-left: 30px; margin-right: 14px; } @media only screen and (max-width: 1180px) { .mortgage-head__box:first-child { min-width: 15%; margin-right: 0; } } .mortgage-head__box:nth-child(2) { min-width: 144px; } @media only screen and (max-width: 1180px) { .mortgage-head__box:nth-child(2) { min-width: 16%; } } .mortgage-head__box:nth-child(3) { min-width: 237px; } @media only screen and (max-width: 1180px) { .mortgage-head__box:nth-child(3) { min-width: 32%; } } .mortgage-head__box:nth-child(4) { min-width: 142px; } @media only screen and (max-width: 1180px) { .mortgage-head__box:nth-child(4) { min-width: 15%; } } .mortgage-head__box:nth-child(5) { min-width: 170px; } @media only screen and (max-width: 1180px) { .mortgage-head__box:nth-child(5) { min-width: 22%; } } .arr_down, .arr_up { background: url("/local/templates/.default/img/arrow_small_down.svg"); height: 4px; width: 6px; display: inline-block; margin-left: 1px; margin-right: 2px; position: relative; top: -1px; } .arr_up { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mortgage-item { border: 1px solid #e9edf0; background: #f4f6f9; border-radius: 5px; width: 100%; max-width: 870px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 760px) { .mortgage-item { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 17px 8px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .mortgage-item:before { content: ""; display: inline-block; min-height: 91px; visibility: hidden; } @media only screen and (max-width: 760px) { .mortgage-item:before { min-height: 50px; } } .mortgage-item:hover { -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; background: #fff; border-color: #fff; } .mortgage-item:hover .btn_blue { background: #48c28f; } .mortgage-item__box { width: 20%; color: #8c929a; font-size: 12px; line-height: 140%; letter-spacing: -0.02em; padding-right: 22px; padding-top: 10px; padding-bottom: 10px; } .mortgage-item__box strong { display: block; color: #404957; font-size: 22px; font-weight: bold; padding-bottom: 8px; letter-spacing: -0.01em; white-space: nowrap; } .mortgage-item__box strong.text-smaller { font-size: 18px; } .mortgage-item__box:first-child { min-width: 157px; margin-right: 21px; } @media only screen and (max-width: 1180px) { .mortgage-item__box:first-child { min-width: 15%; margin-right: 0; } } @media only screen and (max-width: 999px) { .mortgage-item__box:first-child { min-width: 24%; } } @media only screen and (max-width: 760px) { .mortgage-item__box:first-child { min-width: 46%; margin-right: 5%; padding-top: 0; } } .mortgage-item__box:nth-child(2) { min-width: 144px; line-height: 100%; padding-top: 14px; } @media only screen and (max-width: 1180px) { .mortgage-item__box:nth-child(2) { min-width: 16%; } } @media only screen and (max-width: 999px) { .mortgage-item__box:nth-child(2) { min-width: 14%; line-height: 130%; } } @media only screen and (max-width: 760px) { .mortgage-item__box:nth-child(2) { width: 45%; margin-right: 0; padding-right: 0; padding-top: 0; } } .mortgage-item__box:nth-child(2) strong { padding-bottom: 13px; } .mortgage-item__box:nth-child(3) { min-width: 237px; } @media only screen and (max-width: 1180px) { .mortgage-item__box:nth-child(3) { min-width: 32%; } } @media only screen and (max-width: 999px) { .mortgage-item__box:nth-child(3) { min-width: 34%; } } @media only screen and (max-width: 760px) { .mortgage-item__box:nth-child(3) { min-width: 100%; margin-right: 0; padding-right: 0; } .mortgage-item__box:nth-child(3) strong { font-size: 20px; padding-bottom: 6px; } } .mortgage-item__box:nth-child(4) { min-width: 142px; padding-right: 34px; } @media only screen and (max-width: 1180px) { .mortgage-item__box:nth-child(4) { min-width: 15%; } } @media only screen and (max-width: 999px) { .mortgage-item__box:nth-child(4) { display: none; } } .mortgage-item__box:nth-child(5) { min-width: 170px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } @media only screen and (max-width: 1180px) { .mortgage-item__box:nth-child(5) { min-width: 22%; } } @media only screen and (max-width: 760px) { .mortgage-item__box:nth-child(5) { min-width: 100%; padding-right: 0; text-align: center; } .mortgage-item__box:nth-child(5) .btn { width: 100%; max-width: 259px; } } .mortgage-item__box:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } .mortgage-item__logo { text-align: center; height: 91px; position: relative; padding-top: 0px; } @media only screen and (max-width: 760px) { .mortgage-item__logo { height: 50px; } } .mortgage-item__logo img { margin: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 65%; max-height: 65%; } @media only screen and (max-width: 760px) { .mortgage-item__logo img { bottom: auto; max-height: 100%; max-width: 94px; } } @media only screen and (max-width: 760px) { .credit-info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 13px; } } @media only screen and (max-width: 760px) { .desktop-text { display: none; } } .mobile-text { display: none; } @media only screen and (max-width: 760px) { .mobile-text { display: block; } } @media only screen and (max-width: 999px) { .desktop-text-2 { display: none; } } .tablet-text { display: none; } @media only screen and (max-width: 999px) { .tablet-text { display: block; } } .credit-hd { width: 100%; } @media only screen and (max-width: 760px) { .credit-hd { width: 54%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .credit-hd__box { width: 33.33%; padding: 0 0 20px 20px; color: #888e98; } @media only screen and (max-width: 760px) { .credit-hd__box { width: 100% !important; font-size: 12px; padding: 11px 5px 4px 0; } } .credit-hd__box:first-child { width: 38%; } @media only screen and (max-width: 999px) { .credit-hd__box:first-child { width: 35%; } } .credit-hd__box:nth-child(2) { width: 37%; } @media only screen and (max-width: 999px) { .credit-hd__box:nth-child(2) { width: 33%; } } .credit-hd__box:last-child { width: 25%; margin-left: auto; } @media only screen and (max-width: 999px) { .credit-hd__box:last-child { width: 32%; } } .credit-hd__box img { position: relative; top: 3px; margin-right: 5px; } @media only screen and (max-width: 760px) { .credit-hd__box img { display: none; } } .credit-body { background: #e0e3e7; border-radius: 3px; } @media only screen and (max-width: 760px) { .credit-body { width: 46%; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; } } .credit-body__box { width: 33.33%; padding: 20px 10px 19px 20px; font-size: 20px; font-weight: 500; letter-spacing: -0.03em; } @media only screen and (max-width: 999px) { .credit-body__box { font-size: 16px; } } @media only screen and (max-width: 760px) { .credit-body__box { font-size: 14px; width: 100% !important; white-space: nowrap; padding: 10px 14px 4px; } } .credit-body__box:first-child { width: 38%; } @media only screen and (max-width: 999px) { .credit-body__box:first-child { width: 35%; } } .credit-body__box:nth-child(2) { width: 37%; } @media only screen and (max-width: 999px) { .credit-body__box:nth-child(2) { width: 33%; } } .credit-body__box:last-child { width: 25%; margin-left: auto; } @media only screen and (max-width: 999px) { .credit-body__box:last-child { width: 32%; } } .credit-text { padding: 29px 0 20px; letter-spacing: -0.01em; } @media only screen and (max-width: 760px) { .credit-text { padding-top: 26px; } } .deposits-form { max-width: 870px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 13px; } @media only screen and (max-width: 999px) { .deposits-form { max-width: 100%; width: 100%; } } @media only screen and (max-width: 760px) { .deposits-form { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 9px; } } .deposits-form>div { margin-right: 30px; } .deposits-form>div:last-child { margin-right: 0; } @media only screen and (max-width: 760px) { .deposits-form .mortgage-box { margin-bottom: 0; } } .deposit-box { width: 370px; position: relative; } @media only screen and (max-width: 999px) { .deposit-box { width: 45%; } } @media only screen and (max-width: 760px) { .deposit-box { width: 100%; margin-right: 0px !important; margin-bottom: 25px; } } .deposit-box-2 { width: 270px; } @media only screen and (max-width: 999px) { .deposit-box-2 { width: 30.5%; margin-right: 7% !important; } } @media only screen and (max-width: 760px) { .deposit-box-2 { width: 50%; max-width: 230px; margin-right: 0px !important; } } @media only screen and (max-width: 430px) { .deposit-box-2 { max-width: 130px; } } .combo { padding-right: 56px; position: relative; } .zaimy-combo.combo { padding-right: 110px; } .zaimy-combo.combo .select-bord { width: 110px; } .combo .input { border-radius: 5px 0 0 5px; border-right: 0px; } .combo .select-bord { position: absolute; bottom: 0; right: 0; width: 56px; } .combo .select-bord .customSelect { border-radius: 0 5px 5px 0; } .combo .select-bord .customSelect .selectedValue { color: #404957; padding-left: 13px; } .combo .select-bord .customSelect .caret { right: 10px; top: 21px; } .combo .select-bord dd { padding-left: 13px; padding-right: 13px; } .mortgage-head_deposit .mortgage-head__box:nth-child(3) { min-width: 204px; } @media only screen and (max-width: 1180px) { .mortgage-head_deposit .mortgage-head__box:nth-child(3) { min-width: 27%; } } .mortgage-head_deposit .mortgage-head__box:nth-child(4) { min-width: 195px; } @media only screen and (max-width: 1180px) { .mortgage-head_deposit .mortgage-head__box:nth-child(4) { min-width: 20%; } } @media only screen and (max-width: 999px) { .mortgage-item_deposit .mortgage-item__box:nth-child(2) { min-width: 23%; } } @media only screen and (max-width: 760px) { .mortgage-item_deposit .mortgage-item__box:nth-child(2) { min-width: 48%; } } .mortgage-item_deposit .mortgage-item__box:nth-child(3) { min-width: 204px; } @media only screen and (max-width: 1180px) { .mortgage-item_deposit .mortgage-item__box:nth-child(3) { min-width: 27%; } } @media only screen and (max-width: 999px) { .mortgage-item_deposit .mortgage-item__box:nth-child(3) { min-width: 31%; } } @media only screen and (max-width: 760px) { .mortgage-item_deposit .mortgage-item__box:nth-child(3) { min-width: 100%; } } .mortgage-item_deposit .mortgage-item__box:nth-child(3) strong { font-size: 16px; } .mortgage-item_deposit .mortgage-item__box:nth-child(4) { min-width: 195px; padding-right: 0px; } @media only screen and (max-width: 1180px) { .mortgage-item_deposit .mortgage-item__box:nth-child(4) { min-width: 20%; margin-right: 2%; } } @media only screen and (max-width: 1180px) { .mortgage-item_deposit .mortgage-item__box:nth-child(5) { min-width: 20%; } } @media only screen and (max-width: 999px) { .mortgage-item_deposit .mortgage-item__box:nth-child(5) { min-width: 21%; } } @media only screen and (max-width: 760px) { .mortgage-item_deposit .mortgage-item__box:nth-child(5) { min-width: 100%; } } @media only screen and (max-width: 999px) { .deposit-list { padding-bottom: 5px; } } .btn-group { min-height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 760px) { .btn-group { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; text-align: left; padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 430px) { .btn-group { padding-right: 0; padding-left: 0; } } .btn-group .btn, .btn-group a { margin-right: 30px; } .btn-group a { color: #399dd3; padding-top: 7px; padding-left: 14px; display: inline-block; vertical-align: top; } @media only screen and (max-width: 760px) { .btn-group a { display: none; } } @media only screen and (max-width: 760px) { .btn-group .btn { width: 130px; min-width: 130px; margin-left: 0; } } .deposit-count { max-width: 968px; margin: 0 auto; padding-top: 44px; } @media only screen and (max-width: 760px) { .deposit-count { padding-top: 58px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .deposit-count__form { border: 1px solid #cbced2; border-radius: 5px; padding: 21px 30px 25px; width: 668px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .deposit-count__form:hover { -webkit-box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); } @media only screen and (max-width: 999px) { .deposit-count__form { max-width: 448px; width: 100%; } } @media only screen and (max-width: 760px) { .deposit-count__form { max-width: 100%; margin-bottom: 33px; } } .deposit-count__form h2, .deposit-count__form .h2 { padding-top: 0; padding-bottom: 26px; } .deposit-count__form .deposit-box { width: 100%; margin-bottom: 30px; } .deposit-count__form .deposit-box .select-bord { bottom: 3px; } .checkbox:not(checked)+label { font-size: 16px; position: relative; margin-left: 27px; letter-spacing: -0.02em; cursor: pointer; display: block; } .checkbox:not(checked)+label:before { content: ''; position: absolute; border: 1px solid #c7cbd0; border-radius: 3px; height: 13px; width: 13px; top: 2px; left: -27px; background: none; } .checkbox:not(checked)+label a { color: #399dd3; border-bottom: 1px solid transparent; } .checkbox:not(checked)+label a:hover { border-bottom-color: #399dd3; } .checkbox:not(checked) { position: absolute; opacity: 0; } .checkbox:checked+label:before { border-color: #399dd3; background: #399dd3; } .checkbox:checked+label:after { content: ''; position: absolute; background: url("/local/templates/.default/img/checkbox_marker.svg") no-repeat; height: 6px; width: 9px; top: 7px; left: -24px; } .checkbox-label { top: -9px; } .tooltip__content { color: #888e98; font-size: 12px; border: 1px solid #cbced2; border-radius: 5px; background: #fff; padding: 9px 11px 11px 13px; position: absolute; left: 50%; top: 24px; margin-left: -153px; width: 267px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); line-height: 130%; letter-spacing: -0.01em; opacity: 0; z-index: -1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tooltip__content:before { content: ''; position: absolute; background: url("/local/templates/.default/img/corner.png") no-repeat; height: 9px; width: 16px; top: -9px; left: 50%; margin-left: 12px; } .tooltip { background: url("/local/templates/.default/img/question_icon.svg") no-repeat; height: 11px; width: 11px; display: inline-block; cursor: pointer; margin-left: 4px; position: relative; top: 1px; } .tooltip:hover .tooltip__content { opacity: 1; z-index: 1; } .deposit-count__info { margin-left: auto; width: 268px; border: 1px solid #cbced2; border-radius: 5px; padding-top: 11px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .deposit-count__info:hover { -webkit-box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); box-shadow: 0px 3px 38px 0px rgba(64, 73, 87, 0.15); } @media only screen and (max-width: 999px) { .deposit-count__info { max-width: 256px; width: 100%; } } @media only screen and (max-width: 760px) { .deposit-count__info { max-width: 100%; } } .deposit-info-row { border-top: 1px solid #cbced2; padding: 13px 27px 22px; } .deposit-info-row:first-child, .deposit-info-row:last-child { border-top: 0px; } .deposit-info-row:last-child { padding-top: 8px; } .deposit-info-row>span { display: block; color: #888e98; padding-bottom: 10px; } .deposit-info-row strong { display: block; font-size: 28px; } .deposit-info-row .btn { min-width: 100%; } @media only screen and (max-width: 760px) { .deposit-info-row .btn { min-width: 228px; display: block; margin-left: auto; margin-right: auto; } } .note-text { padding-top: 29px; padding-bottom: 11px; letter-spacing: -0.01em; } .mortgage-item_credit { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 760px) { .mortgage-item_credit { padding: 15px 15px 61px; position: relative; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .btn { position: absolute; bottom: 17px; left: 50%; margin-left: -130px; min-width: 260px; } } .mortgage-item_credit .mortgage-item__box { width: auto; padding-top: 22px; padding-bottom: 21px; } @media only screen and (max-width: 1180px) { .mortgage-item_credit .mortgage-item__box { -ms-flex-item-align: start; align-self: flex-start; } } @media only screen and (max-width: 1050px) { .mortgage-item_credit .mortgage-item__box { padding-bottom: 29px; -ms-flex-item-align: center; align-self: center; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__box:first-child { margin-right: 0; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__box strong { font-size: 18px; } } @media only screen and (max-width: 1180px) { .mortgage-item_credit .credit-info { margin-left: 18%; } } @media only screen and (max-width: 1050px) { .mortgage-item_credit .credit-info { margin-left: 26%; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .credit-info { margin-left: 0; padding-top: 11px; padding-bottom: 8px; } } .mortgage-item_credit .mortgage-item__logo img { top: -8px; } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__logo img { top: 2px; max-width: 105px; max-height: 100%; right: auto; } } @media only screen and (max-width: 1180px) { .mortgage-item_credit .mortgage-item__logo { min-width: 18%; -ms-flex-item-align: start; align-self: flex-start; } } @media only screen and (max-width: 1050px) { .mortgage-item_credit .mortgage-item__logo { min-width: 26%; } } @media only screen and (max-width: 999px) { .mortgage-item_credit .mortgage-item__logo { -ms-flex-item-align: center; align-self: center; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__logo { min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; } } .mortgage-item_credit .mortgage-item__box:nth-child(2) { min-width: 108px; max-width: 108px; } @media only screen and (max-width: 1180px) { .mortgage-item_credit .mortgage-item__box:nth-child(2) { min-width: 12%; max-width: 12%; padding-top: 35px; } } @media only screen and (max-width: 1050px) { .mortgage-item_credit .mortgage-item__box:nth-child(2) { min-width: 15%; max-width: 15%; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__box:nth-child(2) { padding-top: 12px; width: 28%; max-width: 40%; padding-bottom: 14px; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__box:nth-child(2) strong { padding-bottom: 8px; } } .mortgage-item_credit .mortgage-item__box:nth-child(3) { min-width: 214px; -ms-flex-item-align: start; align-self: flex-start; padding-top: 33px; } @media only screen and (max-width: 1180px) { .mortgage-item_credit .mortgage-item__box:nth-child(3) { min-width: 25%; } } @media only screen and (max-width: 1050px) { .mortgage-item_credit .mortgage-item__box:nth-child(3) { min-width: 33%; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__box:nth-child(3) { padding-top: 12px; width: 72%; padding-bottom: 14px; } } .mortgage-item_credit .mortgage-item__box:nth-child(4) { min-width: 190px; } @media only screen and (max-width: 1180px) { .mortgage-item_credit .mortgage-item__box:nth-child(4) { min-width: 15%; padding-right: 10px; max-width: 20%; } } @media only screen and (max-width: 1050px) { .mortgage-item_credit .mortgage-item__box:nth-child(4) { display: none; } } .mortgage-item_credit .mortgage-item__box:nth-child(5) { min-width: 140px; padding-right: 30px; } @media only screen and (max-width: 1180px) { .mortgage-item_credit .mortgage-item__box:nth-child(5) { min-width: 20%; } } @media only screen and (max-width: 1050px) { .mortgage-item_credit .mortgage-item__box:nth-child(5) { min-width: 22%; } } @media only screen and (max-width: 760px) { .mortgage-item_credit .mortgage-item__box:nth-child(5) { padding: 0; } } .mortgage-head_credit .mortgage-head__box:nth-child(1) { min-width: 18%; } .mortgage-head_credit .mortgage-head__box:nth-child(2) { width: auto; min-width: 108px; } .mortgage-head_credit .mortgage-head__box:nth-child(3) { min-width: 214px; } .mortgage-head_credit .mortgage-head__box:nth-child(4) { min-width: 200px; } @media only screen and (max-width: 1180px) { .mortgage-head_credit { display: none; } } .credit-info { margin-left: 178px; margin-right: 30px; border-top: 1px solid #e1e4e8; width: 100%; padding: 15px 0 28px; } .text-box { max-width: 968px; margin: 0 auto; font-size: 16px; padding-top: 35px; padding-bottom: 43px; } @media only screen and (max-width: 999px) { .text-box { padding-top: 17px; font-size: 14px; padding-bottom: 26px; } } .text-box h2 { font-size: 34px; } .text-box ul { padding: 30px 0 0; } @media only screen and (max-width: 760px) { .text-box ul { padding-top: 34px; } } .text-box ul li,.main-section_news .text-box ul li>p { padding: 0 20px 16px 41px; position: relative; /*ont-weight: 500;*/ font-size: 16px; } @media only screen and (max-width: 999px) { .text-box ul li,.main-section_news .text-box ul li>p { font-size: 14px; font-weight: bold; padding-left: 39px; } } @media only screen and (max-width: 760px) { .text-box ul li,.main-section_news .text-box ul li>p { padding-left: 31px; padding-right: 0; line-height: 110%; padding-bottom: 19px; } .text-box ul li:nth-child(-n+3) { font-size: 12px; padding-bottom: 21px; } } .text-box ul li:before { content: ''; position: absolute; background: url("/local/templates/.default/img/marker2.svg") no-repeat; height: 20px; width: 20px; top: -1px; left: 1px; } .text-box ul.list-col { height: 137px; max-width: 95%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1180px) { .text-box ul.list-col { height: 140px; max-width: 110%; width: 110%; } } @media only screen and (max-width: 760px) { .text-box ul.list-col { height: inherit; max-width: 105%; width: 105%; display: block; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .text-box ul.list-col { height: 140px; } } @media only screen and (-ms-high-contrast: active) and (max-width: 760px), only screen and (-ms-high-contrast: none) and (max-width: 760px) { .text-box ul.list-col { height: inherit; } } .text-box ul.list-col li { max-width: 44%; } @media only screen and (max-width: 1180px) { .text-box ul.list-col li { max-width: 50%; } } @media only screen and (max-width: 760px) { .text-box ul.list-col li { max-width: 100%; } } .text-box ul.list-col li:last-child { margin-top: auto; } .text-box h3,.text-box .h3 { font-size: 24px; padding-top: 31px; padding-bottom: 7px; } @media only screen and (max-width: 999px) { .text-box h3,.text-box .h3 { font-size: 22px; padding-bottom: 11px; } } @media only screen and (max-width: 760px) { .text-box h3,.text-box .h3 { padding-top: 18px; } } .text-box p { padding-bottom: 9px; line-height: 140%; } @media only screen and (max-width: 760px) { .text-box p { line-height: 130%; } } .text-box h4 { font-size: 18px; font-weight: bold; color: #404957; padding-top: 8px; } @media only screen and (max-width: 999px) { .text-box h4 { font-size: 16px; } } .text-box ol { font-size: 16px; list-style-position: outside; color: #399dd3; font-weight: 500; counter-reset: li; padding-top: 26px; } .main-section_news .text-box ol { padding-top: 0; } @media only screen and (max-width: 999px) { .text-box ol { font-size: 14px; } } .text-box ol li { padding: 0 0 12px 25px; color: #404957; font-weight: normal; position: relative; line-height: 140%; } .text-box ol>li>ol{ padding-top: 16px; } .text-box ol li>ol>li { padding: 0 0 12px 45px; color: #404957; font-weight: normal; position: relative; line-height: 140%; } .main-section_news .text-box ol li>p { padding: 0; color: #404957; font-weight: normal; position: relative; line-height: 140%; } @media only screen and (max-width: 999px) { .text-box ol li { line-height: 150%; padding-bottom: 25px; } } @media only screen and (max-width: 760px) { .text-box ol li { line-height: 145%; padding-bottom: 20px; } } .text-box ol li:before { /*content: counter(li, decimal) ". ";*/ content: counters(li,".") ". "; counter-increment: li; font-weight: bold; font-size: 18px; left: 0px; position: absolute; color: #399dd3; } @media only screen and (max-width: 760px) { .text-box ol li:before { font-size: 16px; } } .credit-order-box { background: #f4f6f9; padding: 10px 0 37px; margin-bottom: 43px; } @media only screen and (max-width: 999px) { .credit-order-box { padding-bottom: 45px; margin-bottom: 22px; } } @media only screen and (max-width: 760px) { .credit-order-box { padding-top: 14px; padding-bottom: 14px; } } .credit-order-box h3,.credit-order-box .h3 { font-size: 24px; padding-top: 30px; padding-bottom: 8px; } .center-headline { text-align: center; } .center-headline h2 { font-size: 34px; } @media only screen and (max-width: 760px) { .center-headline h2 { font-size: 32px; } } .center-headline p { color: #888e98; font-size: 16px; padding-top: 14px; letter-spacing: -0.01em; } @media only screen and (max-width: 760px) { .center-headline p { font-size: 14px; padding-left: 5px; padding-right: 5px; padding-top: 17px; } } .credit-param { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 17px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 760px) { .credit-param { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .credit-param__box { width: 33.33%; max-width: 370px; padding-top: 30px; } @media only screen and (max-width: 1180px) { .credit-param__box { max-width: 31%; } } @media only screen and (max-width: 999px) { .credit-param__box { max-width: 225px; } } @media only screen and (max-width: 760px) { .credit-param__box { max-width: 100%; width: 100%; padding-top: 21px; } } .credit-param__box.btn-center { margin-right: auto; margin-left: 30px; padding-top: 43px; } @media only screen and (max-width: 999px) { .credit-param__box.btn-center { padding-top: 36px; } } @media only screen and (max-width: 760px) { .credit-param__box.btn-center { padding-top: 22px; margin-left: 0; } } @media only screen and (max-width: 760px) { .credit-param__box.btn-center .btn { min-width: 290px; } } .credit-param__box .checkbox:not(checked)+label { line-height: 130%; margin-top: 11px; max-width: 310px; } @media only screen and (max-width: 999px) { .credit-param__box .checkbox:not(checked)+label { font-size: 14px; } } @media only screen and (max-width: 760px) { .credit-param__box .checkbox:not(checked)+label { margin-top: 0; } } .credit-param__box .checkbox:not(checked)+label:before { top: 3px; } .credit-param__box .checkbox:not(checked)+label:after { top: 7px; } .deposit-box-3 { width: 170px; } .avtocredit-item .lend-info { border-bottom: 0px; padding-bottom: 19px; padding-right: 20px; width: 470px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1180px) { .avtocredit-item .lend-info { width: 65%; padding-right: 0; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-info { width: 100%; padding-bottom: 16px; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-info__box:nth-child(4) { display: block; } } .avtocredit-item .btn { margin-left: auto; top: 0; } @media only screen and (max-width: 760px) { .avtocredit-item .btn { top: auto; margin-left: -129px; } } .avtocredit-item .lend-item__content { padding-top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1180px) { .avtocredit-item .lend-item__content { width: 78%; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-item__content { width: 100%; } } .avtocredit-item .lend-item__logo { width: 157px; padding-top: 19px; padding-bottom: 23px; } @media only screen and (max-width: 1180px) { .avtocredit-item .lend-item__logo { width: 22%; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-item__logo { width: 100%; padding-top: 0; padding-bottom: 0px; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-item__logo .lend-logo { max-height: 78px; } } .avtocredit-item .lend-item__logo .lend-logo img { max-width: 70%; max-height: 80%; } @media only screen and (max-width: 760px) { .avtocredit-item .lend-item__logo .lend-logo img { max-width: 100%; max-height: 100%; } } .avtocredit-item .rating-box__small { padding-top: 8px; } @media only screen and (max-width: 760px) { .avtocredit-item .rating-box__small { padding-top: 11px; } } .avtocredit-item h2 { padding-top: 20px; font-size: 20px; width: 100%; } @media only screen and (max-width: 999px) { .avtocredit-item h2 { font-size: 18px; padding-bottom: 23px; } } @media only screen and (max-width: 760px) { .avtocredit-item h2 { font-size: 16px; padding-top: 9px; padding-bottom: 18px; min-width: 100%; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-info__box { width: 33%; } } .avtocredit-item .lend-info__box strong { font-size: 22px; } @media only screen and (max-width: 1180px) { .avtocredit-item .lend-info__box strong { font-size: 18px; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-info__box strong { font-size: 16px; } } .avtocredit-item .lend-info__box strong span { font-size: 16px; } @media only screen and (max-width: 1180px) { .avtocredit-item .lend-info__box strong span { font-size: 14px; } } @media only screen and (max-width: 760px) { .avtocredit-item .lend-info__box strong span { display: none; } } .note-text-2 { padding: 3px 0 7px 50px; color: #888e98; } @media only screen and (max-width: 999px) { .note-text-2 { padding-left: 0; } } .credit-info-list_wide { width: 108%; max-width: 108% !important; } @media only screen and (max-width: 1180px) { .credit-info-list_wide { width: 100%; max-width: 100% !important; } } @media only screen and (max-width: 999px) { .credit-info-list_wide .col-3, .credit-info-list_wide .col-3.last { width: 50%; max-width: 50% !important; } } @media only screen and (max-width: 760px) { .credit-info-list_wide .col-3, .credit-info-list_wide .col-3.last { width: 100%; max-width: 100% !important; } } .text-blue { color: #399dd3; } .choose-credit { width: 100%; max-width: 968px; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 760px) { .choose-credit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .choose-credit h1 { font-size: 50px; line-height: 90%; padding-bottom: 45px; } @media only screen and (max-width: 999px) { .choose-credit h1 { font-size: 46px; line-height: 100%; padding-bottom: 31px; } } @media only screen and (max-width: 760px) { .choose-credit h1 { font-size: 32px; line-height: 110%; padding-top: 29px; padding-bottom: 21px; } } .choose-credit p { font-size: 16px; padding-bottom: 40px; max-width: 520px; line-height: 120%; } @media only screen and (max-width: 999px) { .choose-credit p { padding-bottom: 36px; max-width: 310px; } } @media only screen and (max-width: 760px) { .choose-credit p { margin-left: auto; margin-right: auto; font-size: 14px; padding-bottom: 24px; } } .choose-credit__text { width: 500px; padding: 40px 0 38px; -ms-flex-item-align: start; align-self: flex-start; } @media only screen and (max-width: 999px) { .choose-credit__text { width: 52%; } } @media only screen and (max-width: 760px) { .choose-credit__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; text-align: center; padding-top: 0; padding-bottom: 32px; } } .choose-credit__img { width: 500px; padding: 40px 0 38px 16px; } @media only screen and (max-width: 999px) { .choose-credit__img { width: 48%; padding-left: 0; padding-top: 53px; padding-bottom: 46px; } } @media only screen and (max-width: 760px) { .choose-credit__img { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; height: 292px; padding: 34px 0 0; } } .choose-credit__img img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .banks { background: #fcfcfc; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; padding: 48px 0; } @media only screen and (max-width: 760px) { .banks { padding-top: 27px; padding-bottom: 23px; } } .banks-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 760px) { .banks-list .slick-slide { text-align: center; } } @media only screen and (max-width: 760px) { .banks-list { width: 108%; margin-left: -4%; } } .banks-list__item { width: 16.66%; max-width: 170px; height: 40px; position: relative; } @media only screen and (max-width: 999px) { .banks-list__item { max-width: 90px; } } @media only screen and (max-width: 760px) { .banks-list__item { margin-right: auto; margin-left: auto; max-width: 76px; } } .banks-list__item img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 108px; max-height: 100%; display: block; } @media only screen and (max-width: 999px) { .banks-list__item img { max-width: 90px; } } @media only screen and (max-width: 760px) { .banks-list__item img { max-width: 76px; } } .how-it-works { padding: 42px 0 40px; } @media only screen and (max-width: 430px) { .how-it-works .wrap { padding-right: 0; padding-left: 0; } } @media only screen and (max-width: 999px) { .how-it-works { padding-top: 18px; padding-bottom: 28px; } } @media only screen and (max-width: 760px) { .how-it-works { padding-top: 4px; } } .steps { width: 100%; max-width: 968px; margin: 0 auto; padding-top: 49px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 999px) { .steps { padding-top: 40px; } } @media only screen and (max-width: 760px) { .steps { padding-top: 0; padding-bottom: 6px; } } @media only screen and (max-width: 760px) { .steps .slick-list { padding-top: 40px; } } @media only screen and (max-width: 430px) { .steps .slick-list { overflow: visible; } } @media only screen and (max-width: 760px) { .steps .slick-slide { text-align: center; } } .steps__box { display: block; width: 100%; max-width: 270px; border: 1px solid #e4e4e4; background: #f4f6f9; border-radius: 5px; text-align: center; padding: 62px 20px 50px; color: #404957; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 160%; position: relative; margin-bottom: 36px; } @media only screen and (max-width: 999px) { .steps__box { max-width: 225px; font-size: 12px; line-height: 170%; padding-left: 17px; padding-right: 17px; padding-bottom: 32px; } } @media only screen and (max-width: 760px) { .steps__box { max-width: 290px; padding-top: 37px; font-size: 14px; line-height: 145%; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 36px; min-height: 334px; margin-left: 15px; margin-right: 15px; } } .steps__box:first-child:before, .steps__box:nth-child(2):before { content: ''; position: absolute; background: url("/local/templates/.default/img/arrow_right_big.svg") no-repeat; height: 31px; width: 20px; top: 50%; right: -20%; margin-top: -15px; } @media only screen and (max-width: 999px) { .steps__box:first-child:before, .steps__box:nth-child(2):before { display: none; } } .steps__box:last-child { padding-left: 28px; padding-right: 28px; } .steps__box strong { font-size: 22px; display: block; padding-bottom: 20px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 999px) { .steps__box strong { font-size: 18px; padding-bottom: 21px; } } @media only screen and (max-width: 760px) { .steps__box strong { padding-bottom: 18px; } } .steps__box:hover { -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; background: #fff; border-color: #fff; color: #404957; } .steps__box:hover strong { color: #399dd3; } .steps__icon { height: 87px; width: 100%; display: block; margin-bottom: 55px; position: relative; } @media only screen and (max-width: 999px) { .steps__icon { margin-bottom: 52px; } } @media only screen and (max-width: 760px) { .steps__icon { margin-bottom: 36px; } } .steps__icon img { display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 100%; max-width: 100%; } .no-bottom-marg { margin-bottom: 0; } .cards-list { padding-top: 30px; padding-bottom: 4px; } @media only screen and (max-width: 999px) { .cards-list { padding-top: 0; } } .card-item { background: #f4f6f9; border: 1px solid #e9edf0; border-radius: 5px; padding: 26px 30px 13px 26px; margin-bottom: 19px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 999px) { .card-item { padding-right: 24px; padding-bottom: 17px; } } @media only screen and (max-width: 760px) { .card-item { position: relative; padding: 16px 19px 19px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .card-item h2, .card-item h2 a,.card-item .h2, .card-item .h2 a { font-size: 18px; color: #399dd3; } @media only screen and (max-width: 999px) { .card-item h2, .card-item h2 a, .card-item .h2, .card-item .h2 a { font-size: 16px; } } .card-item h2, .card-item .h2 { padding-top: 0px; max-width: 460px; } @media only screen and (max-width: 999px) { .card-item h2 { max-width: 290px; } } .card-item .btn { margin-left: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 760px) { .card-item .btn { min-width: 250px; margin-right: auto; } } .card-item:hover { background: #fff; border-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; } .card-item:hover h2, .card-item:hover h2 a, .card-item:hover .h2, .card-item:hover .h2 a { color: #48c28f; } .card-item:hover .btn_blue { background: #48c28f; } .card-item__img { width: 146px; max-width: 146px; margin-right: 28px; } @media only screen and (max-width: 760px) { .card-item__img { position: absolute; top: 17px; left: 19px; margin-right: 0; width: 100px; max-width: 100px; } } .card-item__img img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .card-item__content { max-width: 465px; } @media only screen and (max-width: 760px) { .card-item__content { max-width: 100%; padding-bottom: 15px; } } @media only screen and (max-width: 760px) { .card-item__content h2, .card-item__content .h2 { margin-left: 118px; min-height: 48px; font-size: 14px; padding-top: 7px; min-width: 140px; } } @media only screen and (max-width: 760px) { .card-item__content h2 a, .card-item__content .h2 a { font-size: 14px; } } .bank-name { font-size: 12px; display: block; line-height: 100%; position: relative; margin-top: 5px; } @media only screen and (max-width: 760px) { .bank-name { margin-left: 118px; } } .card-info-list { padding-top: 15px; } @media only screen and (max-width: 760px) { .card-info-list { padding-top: 21px; width: 104%; } } .card-info-list li { position: relative; padding-bottom: 10px; padding-left: 31px; } @media only screen and (max-width: 760px) { .card-info-list li { font-size: 12px; letter-spacing: -0.01em; padding-left: 30px; padding-bottom: 4px; } } .card-info-list li .info-icon { height: 20px; opacity: 0.7; top: -1px; } .card-info-list li .info-icon img { max-width: 16px; } .top-section__info_card { padding-bottom: 42px; } @media only screen and (max-width: 999px) { .top-section__info_card { padding-top: 30px; } } @media only screen and (max-width: 760px) { .top-section__info_card { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 24px; max-width: 290px; margin-left: auto; margin-right: auto; padding-bottom: 38px; } } .top-section__info_card .credit-info-list { width: 106%; max-width: 106%; } @media only screen and (max-width: 999px) { .top-section__info_card .credit-info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } @media only screen and (max-width: 767px) { .top-section__info_card .credit-info-list { width: 100%; max-width: 100%; } } @media only screen and (max-width: 760px) { .top-section__info_card .credit-info-list { padding-left: 0px; padding-right: 0px; display: block; width: 100%; } } .top-section__info_card .col-3:first-child { padding-right: 95px; } @media only screen and (max-width: 1180px) { .top-section__info_card .col-3:first-child { padding-right: 10px; width: 45%; max-width: 45%; } } @media only screen and (max-width: 760px) { .top-section__info_card .col-3:first-child { width: 100%; max-width: 100%; display: block; padding-right: 0; } } @media only screen and (max-width: 1180px) { .top-section__info_card .col-3.last { margin-left: auto; } } .top-section__info_card .btn { margin-top: 15px; } @media only screen and (max-width: 999px) { .top-section__info_card .btn { margin-top: 22px; } } @media only screen and (max-width: 760px) { .top-section__info_card .btn { margin-top: 15px; } } .top-section__info-list { width: 100%; max-width: 800px; } @media only screen and (max-width: 999px) { .top-section__info-list { max-width: 546px; } } @media only screen and (max-width: 999px) { .top-section__info-list .credit-info-list li, .top-section__info-list .credit-info-list-2 li { font-size: 12px; } } @media only screen and (max-width: 760px) { .top-section__info-list .credit-info-list li, .top-section__info-list .credit-info-list-2 li { font-size: 14px; } } .top-section__info-img { width: 300px; padding-right: 30px; } @media only screen and (max-width: 999px) { .top-section__info-img { width: 192px; } } @media only screen and (max-width: 760px) { .top-section__info-img { width: 100%; text-align: center; padding-right: 0; padding-bottom: 25px; } } .top-section__info-img img { max-width: 100%; } @media only screen and (max-width: 760px) { .top-section__info-img img { max-width: 194px; } } .pay-icons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: -2px; } @media only screen and (max-width: 760px) { .pay-icons { height: 21px; margin-bottom: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .pay-icons img { display: block; margin: 0 40px 25px 0; max-width: 72px; height: auto; } @media only screen and (max-width: 999px) { .pay-icons img { margin-right: 38px; } } @media only screen and (max-width: 760px) { .pay-icons img { margin-right: 0; max-height: 13px; margin-bottom: 0; } .pay-icons img:nth-child(n+4) { max-height: 90%; } } .top-section_cards h1 { max-width: none; } .description { max-width: 100%; padding-top: 19px; padding-bottom: 50px; } @media only screen and (max-width: 760px) { .description { padding-top: 14px; padding-bottom: 44px; } } .description h2 { padding-bottom: 20px; } @media only screen and (max-width: 999px) { .description h2 { font-size: 28px; padding-bottom: 1px; } } @media only screen and (max-width: 760px) { .description h2 { font-size: 34px; padding-bottom: 11px; } } .description p { font-size: 16px; padding-top: 13px; } @media only screen and (max-width: 999px) { .description p { font-size: 14px; line-height: 160%; } } @media only screen and (max-width: 760px) { .description p { line-height: 130%; } .description p br { display: none; } } .conditions { background: #f4f6f9; padding-top: 22px; padding-bottom: 52px; margin-bottom: 18px; } @media only screen and (max-width: 999px) { .conditions { padding-top: 14px; padding-bottom: 49px; } } .conditions .wrap { max-width: 968px; } @media only screen and (max-width: 999px) { .conditions .wrap { max-width: 768px; } } @media only screen and (max-width: 760px) { .conditions .wrap { max-width: 520px; } } @media only screen and (max-width: 430px) { .conditions .wrap { max-width: 320px; } } .conditions h2 { font-size: 34px; } @media only screen and (max-width: 999px) { .conditions h2 { font-size: 28px; } } @media only screen and (max-width: 760px) { .conditions h2 { font-size: 34px; } } .conditions-list { padding: 31px 0 0; } @media only screen and (max-width: 999px) { .conditions-list { padding-top: 29px; } } @media only screen and (max-width: 760px) { .conditions-list { padding-top: 37px; } } .conditions-list li { font-size: 0; padding-bottom: 2px; } @media only screen and (max-width: 760px) { .conditions-list li { padding-bottom: 12px; } } .conditions-list li:nth-child(odd) { background: #eaedf2; } @media only screen and (max-width: 760px) { .conditions-list li:nth-child(odd) { background: none; } } @media only screen and (max-width: 999px) { .conditions-list li:nth-child(n+13) { display: none; } } .conditions-list li span { display: inline-block; vertical-align: top; width: 45%; padding: 7px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 100%; } @media only screen and (max-width: 999px) { .conditions-list li span { padding: 7px 10px 6px 16px; font-size: 12px; line-height: 130%; } } @media only screen and (max-width: 760px) { .conditions-list li span { display: block; width: 100%; padding: 0; font-size: 14px; } } .conditions-list li strong { font-weight: 500; display: inline-block; vertical-align: top; width: 55%; padding: 7px 11px; margin-left: auto; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 100%; } @media only screen and (max-width: 999px) { .conditions-list li strong { padding: 7px 15px 6px 23px; font-weight: 600; font-size: 12px; line-height: 130%; } } @media only screen and (max-width: 760px) { .conditions-list li strong { display: block; width: 100%; padding: 0; font-size: 14px; } } .more-conditions { display: none; } @media only screen and (max-width: 999px) { .more-conditions { display: block; padding-top: 34px; } } @media only screen and (max-width: 999px) { .top-section_tablet-2 .top-section__content { max-width: 430px; } .top-section_tablet-2 .choose-region .select-bord { width: 205px; margin-left: auto; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .top-section_tablet-2 .choose-region .select-bord { width: 100%; } } @media only screen and (max-width: 999px) { .top-section_tablet-2 .top-section__label { padding-right: 8px; } .top-section_tablet-2 .deposits-form { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-section_tablet-2 .deposits-form .deposit-box-2, .top-section_tablet-2 .deposits-form .deposit-box-3:nth-child(3) { width: 52%; margin-bottom: 22px; } .top-section_tablet-2 .deposits-form .deposit-box-3:nth-child(2), .top-section_tablet-2 .deposits-form .deposit-box-3:last-child { margin-right: 0; margin-left: auto; margin-bottom: 22px; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .top-section_tablet-2 .deposits-form .deposit-box-2:first-child, .top-section_tablet-2 .deposits-form .deposit-box-3:nth-child(2) { width: 100%; max-width: 100%; margin-right: 0; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .top-section_tablet-2 .deposits-form .deposit-box-3:nth-child(3) { width: 100%; max-width: 230px; margin-right: 0; } } @media only screen and (max-width: 999px) and (max-width: 430px) { .top-section_tablet-2 .deposits-form .deposit-box-3:nth-child(3) { max-width: 130px; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .top-section_tablet-2 .deposits-form .deposit-box-3:last-child { width: 100%; max-width: 130px; } .top-section_tablet-2 .deposits-form .deposit-box-3:last-child .btn { min-width: 130px; } } @media only screen and (max-width: 999px) { .top-section_tablet-2 .top-section__img { width: 208px; margin-right: 5%; } } @media only screen and (max-width: 760px) { .top-section_tablet-2 .top-section__content { max-width: 100%; } } @media only screen and (max-width: 760px) { .debit-cards-form { padding-top: 7px; } } @media only screen and (max-width: 999px) { .debit-cards-form .deposit-box { max-width: 225px; } .debit-cards-form .deposit-box-2 { width: 40%; max-width: 260px; } .debit-cards-form .deposit-box-3 { margin-left: auto; } } @media only screen and (max-width: 760px) { .debit-cards-form .deposit-box, .debit-cards-form .deposit-box-2 { width: 100%; max-width: 100%; margin-bottom: 26px; } .debit-cards-form .deposit-box-3 { width: 100%; } .debit-cards-form .deposit-box-3 .btn { min-width: 290px; } } @media only screen and (max-width: 999px) { .top-section_tablet-3 .top-section__img { max-width: 166px; } .top-section_tablet-3 .top-section__content { max-width: 514px; padding-bottom: 39px; } .top-section_tablet-3 .deposit-box-3 { margin-left: auto; } .top-section_tablet-3 .deposit-box { width: 100%; max-width: 321px; } } @media only screen and (max-width: 760px) { .top-section_tablet-3 .deposit-box { max-width: 100%; } .top-section_tablet-3 .deposit-box-3 { width: 100%; max-width: 100%; margin-right: auto !important; } .top-section_tablet-3 .deposit-box-3 .btn { margin-left: auto; margin-right: auto !important; min-width: 290px; } } .rating-item { padding: 0 30px 0 27px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 125px; } @media only screen and (max-width: 999px) { .rating-item { padding-right: 23px; } } @media only screen and (max-width: 760px) { .rating-item { padding: 18px 17px 60px; display: block; min-height: inherit; } } .rating-item>div { width: 100%; } .rating-item .btn { margin-left: auto; } @media only screen and (max-width: 760px) { .rating-item .btn { width: 254px; margin-left: -127px; } } .rating-item__num { font-size: 26px; font-weight: bold; margin-right: 15px; color: rgba(164, 169, 180, 0.45); max-width: 42px; position: relative; top: -3px; } @media only screen and (max-width: 1180px) { .rating-item__num { max-width: 20px; margin-right: 17px; } } @media only screen and (max-width: 999px) { .rating-item__num { font-size: 22px; } } @media only screen and (max-width: 760px) { .rating-item__num { max-width: 11%; width: 11%; margin-right: 0; padding-right: 0; display: inline-block; vertical-align: top; top: -2px; } } .rating-item__logo { max-width: 140px; padding: 19px 20px 19px 0; margin-right: 30px; min-height: 80px; } @media only screen and (max-width: 1180px) { .rating-item__logo { margin-right: 5px; max-width: 140px; } } @media only screen and (max-width: 999px) { .rating-item__logo { max-width: 155px; padding-top: 21px; } } @media only screen and (max-width: 760px) { .rating-item__logo { max-width: 85%; width: 85%; padding-right: 0; margin-left: auto; margin-right: 0; display: inline-block; vertical-align: top; padding-top: 0; min-height: inherit; } } .rating-item__logo img { /*max-width: 100%;*/ display: block; /* max-height: 100%;*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .rating-logo { height: 49px; position: relative; margin-bottom: 10px; } @media only screen and (max-width: 999px) { .rating-logo { height: 40px; max-width: 108px; margin-bottom: 15px; } } /*@media only screen and (max-width: 760px) { .rating-logo { width: 90px; margin-bottom: 0; display: inline-block; vertical-align: top; } }*/ @media only screen and (max-width: 760px) { .rating-logo { /*width: 90px;*/ margin-bottom: 0; /*display: inline-block;*/ vertical-align: top; max-width:100%; } .rating-item__logo img { /*max-width: 100%;*/ display: block; /*max-height: 100%;*/ position: absolute; top: unset; bottom: unset; left: unset; right: unset; margin: auto; } } .reg-info { color: #8c929a; font-size: 10px; font-weight: 300; display: block; line-height: 110%; max-width: 130px; } @media only screen and (max-width: 760px) { .reg-info { display: inline-block; vertical-align: top; max-width: 118px; margin-top: 6px; position: relative; right: -19px; } } .rating-item__body { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 420px; padding: 15px 15px 20px 0; } @media only screen and (max-width: 760px) { .rating-item__body { padding-top: 0; } } .rating-item__body .star2, .rating-item__body .star-active2 { width: 13px; height: 13px; background-size: 100%; margin-left: 0; margin-right: 4px; } .rating-item__body h2 { width: 100%; padding-bottom: 13px; } @media only screen and (max-width: 760px) { .rating-item__body h2 { padding-bottom: 17px; } } .rating-item__body h2, .rating-item__body h2 a { font-size: 20px; } @media only screen and (max-width: 760px) { .rating-item__body h2, .rating-item__body h2 a { font-size: 18px; } } .rating-item__rate { width: 39%; -ms-flex-item-align: end; align-self: flex-end; min-width: 158px; } @media only screen and (max-width: 999px) { .rating-item__rate { width: 47%; } } @media only screen and (max-width: 760px) { .rating-item__rate { width: 50%; min-width: 135px; -ms-flex-item-align: start; align-self: flex-start; } } .rating-label { font-size: 12px; color: #8c929a; display: block; padding: 3px 0 0; } @media only screen and (max-width: 760px) { .rating-label { padding-top: 0; position: relative; top: -1px; } } .rating-item__opinions { width: 47%; text-align: center; font-size: 12px; color: #8c929a; -ms-flex-item-align: end; align-self: flex-end; } @media only screen and (max-width: 760px) { .rating-item__opinions { width: 40%; -ms-flex-item-align: start; align-self: flex-start; text-align: left; padding-left: 13px; white-space: nowrap; } } .rating-item__opinions strong { display: block; font-size: 22px; color: #404957; padding: 0 0 6px; } @media only screen and (max-width: 999px) { .rating-item__opinions strong { font-size: 18px; } } @media only screen and (max-width: 760px) { .rating-item__opinions strong { padding-bottom: 0px; position: relative; top: -3px; margin-bottom: -1px; } } .rating { color: #ffad1a; font-size: 22px; font-weight: bold; display: inline-block; vertical-align: top; margin: -3px 0 0 13px; } @media only screen and (max-width: 999px) { .rating { font-size: 18px; margin-left: 8px; margin-top: -4px; } } @media only screen and (max-width: 760px) { .rating { margin-left: 2px; } } .sidebar__body { padding: 12px 29px 11px; } .sidebar__body p { letter-spacing: -0.02em; padding-bottom: 20px; min-width: 217px; } @media only screen and (max-width: 1180px) { .sidebar__body p { min-width: inherit; } } @media only screen and (max-width: 760px) { .top-section_rating { padding-bottom: 30px; } } .top-section_rating .top-section__content { padding-bottom: 0; } .top-section_rating h1 { font-size: 28px; padding-top: 22px; } @media only screen and (max-width: 999px) { .top-section_rating h1 { max-width: 100%; } } .top-section_rating p { max-width: 95%; padding-top: 24px; } @media only screen and (max-width: 999px) { .top-section_rating p { padding-top: 30px; } } @media only screen and (max-width: 760px) { .top-section_rating p { display: block; padding-top: 16px; max-width: inherit; } } .top-section_rating .top-section__img { min-height: 204px; } @media only screen and (max-width: 999px) { .top-section_rating .top-section__img { min-height: 217px; width: 22%; } } @media only screen and (max-width: 760px) { .top-rating__details .wrap { max-width: none; padding-left: 0; padding-right: 0; } } .top-rating__details .top-section__content { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 36px; } @media only screen and (max-width: 1180px) { .top-rating__details .top-section__content { max-width: 100%; } } @media only screen and (max-width: 999px) { .top-rating__details .top-section__content { padding-bottom: 21px; } } @media only screen and (max-width: 760px) { .top-rating__details .top-section__content { padding-bottom: 24px; } } .top-rating__details .top-section__logo { width: 270px; min-width: 270px; margin-left: 0; margin-top: 45px; min-height: 158px; -ms-flex-item-align: start; align-self: flex-start; } @media only screen and (max-width: 1180px) { .top-rating__details .top-section__logo { width: 20%; } } @media only screen and (max-width: 999px) { .top-rating__details .top-section__logo { min-width: 225px; margin-top: 0; } } @media only screen and (max-width: 760px) { .top-rating__details .top-section__logo { min-width: 100%; width: 100%; text-align: center; padding-top: 29px; padding-bottom: 18px; min-height: inherit; max-height: inherit; } } @media only screen and (max-width: 760px) { .top-rating__details .top-section__logo img { max-height: 75px; position: static; } } .top-rating__details .top-rating__content { width: 840px; margin-left: auto; } @media only screen and (max-width: 1180px) { .top-rating__details .top-rating__content { width: 65%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 999px) { .top-rating__details .top-rating__content { padding-left: 31px; } } @media only screen and (max-width: 760px) { .top-rating__details .top-rating__content { border-top: 1px solid #e1e4e8; padding-top: 16px; width: 100%; text-align: left; padding-left: 0; } } .top-rating__details .btn { margin-left: auto; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 14px; } @media only screen and (max-width: 1180px) { .top-rating__details .btn { margin-left: 0; margin-right: auto; margin-top: 18px; } } @media only screen and (max-width: 760px) { .top-rating__details .btn { min-width: 290px; margin-left: auto; margin-top: 14px; } } .rating-info-list { font-size: 16px; margin-top: 55px; } @media only screen and (max-width: 1180px) { .rating-info-list { width: 100%; } } @media only screen and (max-width: 999px) { .rating-info-list { font-size: 14px; margin-top: 25px; } } @media only screen and (max-width: 760px) { .rating-info-list { max-width: 260px; margin-right: auto; margin-left: auto; margin-top: 0; padding-right: 30px; } } .rating-info-list li { position: relative; padding-left: 40px; padding-bottom: 18px; letter-spacing: -0.01em; } .rating-info-list li:nth-child(2) { white-space: nowrap; } @media only screen and (max-width: 1180px) { .rating-info-list li:nth-child(2) { white-space: normal; } } @media only screen and (max-width: 999px) { .rating-info-list li { padding-bottom: 16px; } } @media only screen and (max-width: 760px) { .rating-info-list li { line-height: 120%; padding-bottom: 19px; } } @media only screen and (max-width: 999px) { .rating-info-list li:nth-child(3) .info-icon { top: -3px; } } .rating-info-list address, .rating-info-list strong { font-style: normal; font-weight: bold; display: inline; vertical-align: baseline; } @media only screen and (max-width: 999px) { .rating-info-list address, .rating-info-list strong { font-weight: 500; } } .rating-info-list .rating-box__small { display: inline-block; padding: 4px 0 0 5px; } @media only screen and (max-width: 999px) { .rating-info-list .rating-box__small { padding-left: 15px; } } @media only screen and (max-width: 760px) { .rating-info-list .rating-box__small { padding-left: 4px; } } .rating-info-list .rating-box__small .star2, .rating-info-list .rating-box__small .star-active2 { width: 11px; height: 11px; background-size: 100%; margin: 0 3px 0 0; vertical-align: baseline; } .rating-info-list .rating-box__small .rating { font-size: 16px; top: 3px; position: relative; margin-left: 4px; } .list-link { color: #399dd3; font-weight: bold; border-bottom: 1px solid transparent; } @media only screen and (max-width: 999px) { .list-link { font-weight: 500; } } .list-link:hover { border-bottom-color: #399dd3; } .text-box_bg { background: #f4f6f9; max-width: 100%; padding-top: 7px; } @media only screen and (max-width: 999px) { .text-box_bg { padding-top: 19px; } } @media only screen and (max-width: 760px) { .text-box_bg { padding-top: 13px; } } .text-box_bg p { padding-top: 16px; } @media only screen and (max-width: 999px) { .text-box_bg p { line-height: 160%; padding-top: 8px; } } @media only screen and (max-width: 760px) { .text-box_bg p { line-height: 125%; } } .text-box_bg h2 { padding-bottom: 9px; } @media only screen and (max-width: 999px) { .text-box_bg h2 { font-size: 28px; line-height: 110%; padding-top: 22px; } } @media only screen and (max-width: 760px) { .text-box_bg h2 { padding-bottom: 12px; padding-top: 14px; } } .text-box_bg h4 { padding-top: 36px; margin-left: 28px; } @media only screen and (max-width: 999px) { .text-box_bg h4 { margin-left: 0; font-size: 18px; padding-top: 30px; } } @media only screen and (max-width: 760px) { .text-box_bg h4 { line-height: 130%; padding-top: 21px; } } .text-box_bg ul { margin-left: 28px; } @media only screen and (max-width: 999px) { .text-box_bg ul { margin-left: 0; } } @media only screen and (max-width: 760px) { .text-box_bg ul { padding-top: 23px; } } @media only screen and (max-width: 999px) { .text-box_bg ul li { padding-left: 32px; } } @media only screen and (max-width: 760px) { .text-box_bg ul li { font-size: 14px; line-height: 120%; padding-bottom: 17px; } } @media only screen and (max-width: 760px) { .text-box_bg ul li:nth-child(-n+3) { font-size: 14px; padding-bottom: 17px; } } .rating-banner { margin-top: 32px; margin-bottom: 20px; } @media only screen and (max-width: 999px) { .rating-banner { margin-top: 12px; } } @media only screen and (max-width: 760px) { .rating-banner { margin-top: 17px; } } .rating-banner img { max-width: 100%; display: block; height: auto; } @media only screen and (max-width: 760px) { .desktop-banner { display: none !important; } } .mobile-banner { display: none !important; } @media only screen and (max-width: 760px) { .mobile-banner { display: block !important; } } .info-box { background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 3px 38px 0px #ced5e1; box-shadow: 0px 3px 38px 0px #ced5e1; width: 100%; padding: 30px 30px 31px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 38px; margin-bottom: 14px; } @media only screen and (max-width: 999px) { .info-box { padding: 16px 24px 16px 19px; margin-top: 31px; margin-bottom: 28px; } } @media only screen and (max-width: 760px) { .info-box { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 22px; padding-bottom: 21px; } } .info-box .btn { margin-left: auto; height: 42px; line-height: 42px; } @media only screen and (max-width: 760px) { .info-box .btn { margin-right: auto; min-width: 250px; } } .info-box__logo { text-align: center; max-width: 113px; width: 11%; margin: 0 58px 0 0; } @media only screen and (max-width: 1180px) { .info-box__logo { margin-right: 30px; width: 15%; } } @media only screen and (max-width: 999px) { .info-box__logo { max-width: 130px; width: 35%; margin-right: 37px; } } @media only screen and (max-width: 760px) { .info-box__logo { width: 100%; max-width: 100%; margin-right: 0; margin-left: 3px; } } .info-box__logo img { max-width: 100%; max-height: 100%; display: block; margin: auto; } @media only screen and (max-width: 760px) { .info-box__logo img { max-width: 120px; margin-left: 0; } } .info-box__body { max-width: 780px; width: 100%; } @media only screen and (max-width: 1180px) { .info-box__body { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 999px) { .info-box__body { max-width: 385px; } } @media only screen and (max-width: 760px) { .info-box__body { max-width: 100%; padding-top: 16px; } } .info-box__item { margin: 0 30px 0 0; padding-top: 3px; color: #8c929a; font-size: 12px; } @media only screen and (max-width: 999px) { .info-box__item { margin-right: 0; padding-right: 10px; } } @media only screen and (max-width: 999px) { .info-box__item span { display: none; } } .info-box__item strong { display: block; white-space: nowrap; color: #404957; font-size: 18px; padding-bottom: 5px; } @media only screen and (max-width: 760px) { .info-box__item strong { padding-bottom: 2px; } } .info-box__item strong.tablet-text { display: none; } @media only screen and (max-width: 999px) { .info-box__item strong.tablet-text { display: block; } } @media only screen and (max-width: 760px) { .info-box__item strong.tablet-text { display: none; } } @media only screen and (max-width: 999px) { .info-box__item strong.desktop-text { display: none; } } @media only screen and (max-width: 760px) { .info-box__item strong.desktop-text { display: block; } } .info-box__item:nth-child(1) { max-width: 85px; width: 11%; } @media only screen and (max-width: 1180px) { .info-box__item:nth-child(1) { width: 15%; max-width: none; } } @media only screen and (max-width: 999px) { .info-box__item:nth-child(1) { width: 19%; } } @media only screen and (max-width: 760px) { .info-box__item:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 33%; } } .info-box__item:nth-child(1) strong { font-size: 22px; } @media only screen and (max-width: 999px) { .info-box__item:nth-child(1) strong { font-size: 18px; } } .info-box__item:nth-child(2) { max-width: 196px; width: 30%; } @media only screen and (max-width: 1180px) { .info-box__item:nth-child(2) { width: 30%; max-width: none; } } @media only screen and (max-width: 999px) { .info-box__item:nth-child(2) { width: 31%; } } @media only screen and (max-width: 760px) { .info-box__item:nth-child(2) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; padding-bottom: 7px; } } .info-box__item:nth-child(3) { max-width: 94px; width: 12%; } @media only screen and (max-width: 1180px) { .info-box__item:nth-child(3) { width: 20%; max-width: none; } } @media only screen and (max-width: 999px) { .info-box__item:nth-child(3) { width: 27%; } } @media only screen and (max-width: 760px) { .info-box__item:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 35%; } } .info-box__item:nth-child(4) { max-width: 76px; width: 10%; } @media only screen and (max-width: 1180px) { .info-box__item:nth-child(4) { width: 15%; max-width: none; } } @media only screen and (max-width: 999px) { .info-box__item:nth-child(4) { width: 20%; } } @media only screen and (max-width: 760px) { .info-box__item:nth-child(4) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 26%; margin-left: auto; padding-right: 0; position: relative; right: -10px; } } .info-box__item:nth-child(5) { padding-top: 5px; padding-bottom: 4px; } @media only screen and (max-width: 1180px) { .info-box__item:nth-child(5) { width: 100%; padding-right: 0; } } @media only screen and (max-width: 760px) { .info-box__item:nth-child(5) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding-top: 6px; padding-bottom: 21px; } } .info-box__item p { padding-bottom: 0px; padding-top: 3px; } @media only screen and (max-width: 1180px) { .info-box__item p { display: inline-block; padding-right: 15px; padding-top: 5px; } } @media only screen and (max-width: 760px) { .info-box__item p { display: block; } } .info-box__item p strong { font-size: 14px; display: inline; } .add_opinion { padding-top: 20px; padding-bottom: 69px; } @media only screen and (max-width: 999px) { .add_opinion { padding-top: 9px; padding-bottom: 53px; } } @media only screen and (max-width: 760px) { .add_opinion { padding-top: 5px; padding-bottom: 10px; } } .add_opinion h2 { font-size: 34px; } @media only screen and (max-width: 999px) { .add_opinion h2 { font-size: 28px; } } @media only screen and (max-width: 760px) { .add_opinion h2 { max-width: 244px; } } .add_opinion h3 { font-size: 24px; padding-top: 37px; } @media only screen and (max-width: 999px) { .add_opinion h3 { font-size: 18px; padding-top: 27px; } } @media only screen and (max-width: 760px) { .add_opinion h3 { padding-top: 24px; } } .add_opinion h4 { color: #404957; font-size: 18px; padding-top: 30px; } @media only screen and (max-width: 999px) { .add_opinion h4 { padding-top: 15px; } } .opinion-form { -ms-flex-wrap: wrap; flex-wrap: wrap; } .opinion-form h3 { width: 100%; } .opinion-form .checkbox-label { margin-top: 27px; width: 100%; } @media only screen and (max-width: 760px) { .opinion-form .checkbox-label { margin-top: 33px; } } .opinion-form .label { color: #888e98; } .opinion-form .btn { margin-top: 20px; } @media only screen and (max-width: 760px) { .opinion-form .btn { margin-top: 14px; min-width: 290px; } } .opinion-form ::-webkit-input-placeholder { color: #8f959e; } .opinion-form ::-moz-placeholder { color: #8f959e; } .opinion-form :-moz-placeholder { color: #8f959e; } .opinion-form :-ms-input-placeholder { color: #8f959e; } .opinion-form :focus::-webkit-input-placeholder { color: transparent; } .opinion-form :focus::-moz-placeholder { color: transparent; } .opinion-form :focus:-moz-placeholder { color: transparent; } .opinion-form :focus:-ms-input-placeholder { color: transparent; } .opinion-form__box { width: 100%; max-width: 370px; margin: 30px 30px 0 0; } @media only screen and (max-width: 999px) { .opinion-form__box { max-width: 354px; margin-top: 22px; } } @media only screen and (max-width: 760px) { .opinion-form__box { margin-bottom: 3px; max-width: 100%; margin-right: 0; } } .opinion-form__box:nth-child(3) { margin-right: 0; } .opinion-form__box-col { width: 51.5%; padding: 5px 30px 0 0; } @media only screen and (max-width: 999px) { .opinion-form__box-col { padding-top: 8px; width: 52%; max-width: 384px; } } @media only screen and (max-width: 760px) { .opinion-form__box-col { width: 100%; padding-right: 0; max-width: 100%; } } .opinion-form__box-col.col-right { width: 48%; padding-left: 30px; } @media only screen and (max-width: 999px) { .opinion-form__box-col.col-right { padding-left: 0; } } @media only screen and (max-width: 760px) { .opinion-form__box-col.col-right { width: 100%; padding-left: 0; padding-top: 0; position: relative; } } .opinion-form__box-col .opinion-form__box { max-width: 100%; margin-right: 0; margin-top: 25px; } @media only screen and (max-width: 999px) { .opinion-form__box-col .opinion-form__box { margin-top: 16px; } } .opinion-form__box-col h3 { padding-bottom: 5px; } .input-min-number { color: rgba(136, 142, 152, 0.54); font-size: 12px; display: block; padding: 6px 0 0; } @media only screen and (max-width: 760px) { .opinion-notes { display: none; } } .opinion-notes.opinion-notes_mob { display: none; } @media only screen and (max-width: 760px) { .opinion-notes.opinion-notes_mob { display: block; padding-top: 9px; } .opinion-notes.opinion-notes_mob ul { padding-top: 23px; } } .opinion-notes ul { font-size: 16px; padding: 26px 0 10px; } @media only screen and (max-width: 999px) { .opinion-notes ul { font-size: 14px; line-height: 120%; padding-top: 19px; } } .opinion-notes ul li { padding: 0 0 16px 37px; position: relative; } @media only screen and (max-width: 999px) { .opinion-notes ul li { padding-bottom: 20px; } } .opinion-notes ul li:before { content: ''; position: absolute; border: 2px solid #ec5273; top: 0; left: 0; height: 20px; width: 20px; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 999px) { .opinion-notes ul li:before { top: -2px; } } .opinion-notes ul li:after { content: '!'; position: absolute; top: 1px; left: 8px; font-size: 14px; font-weight: bold; color: #ec5273; } @media only screen and (max-width: 999px) { .opinion-notes ul li:after { top: 0px; } } .rate { padding: 17px 0 0; width: 100% !important; } @media only screen and (max-width: 760px) { .rate { padding-top: 20px; } } .rate img { display: inline-block; vertical-align: top; margin-right: 10px; } @media only screen and (max-width: 760px) { .rate img { height: 16px; margin-right: 7px; } } .opinions { background: #f4f6f9; padding-top: 8px; padding-bottom: 40px; } @media only screen and (max-width: 999px) { .opinions { padding-bottom: 22px; } } @media only screen and (max-width: 760px) { .opinions { padding-top: 4px; padding-bottom: 17px; } } .opinions h2 { font-size: 34px; width: 100%; } @media only screen and (max-width: 999px) { .opinions h2 { font-size: 28px; } } .opinions .btn_transparent:not(.btn_mini) { min-width: 290px; } .opinion-list { padding-bottom: 13px; padding-top: 30px; } @media only screen and (max-width: 999px) { .opinion-list { padding-top: 36px; } } .opinion-item { border: 1px solid #e3e8ed; background: #fff; border-radius: 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 22px 30px 27px 35px; width: 100%; margin-bottom: 19px; } @media only screen and (max-width: 999px) { .opinion-item { padding-bottom: 21px; } } @media only screen and (max-width: 760px) { .opinion-item { padding: 12px 16px 17px; } } .opinion-item h3 { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #399dd3; } .opinion-item:hover { border-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; } .opinion-item:hover h3 { color: #48c28f; } .opinion-item:hover .btn { background: #48c28f; } .opinion-item__head, .faq-body__head { border-bottom: 1px solid #e1e4e8; padding: 0 0 14px; } @media only screen and (max-width: 760px) { .opinion-item__head, .faq-body__head { position: relative; padding-bottom: 12px; } } @media only screen and (max-width: 760px) { .faq-body__head { padding-bottom: 10px; } } .opinion-item__name, .faq-body__name { max-width: 670px; width: 80%; } @media only screen and (max-width: 760px) { .opinion-item__name, .faq-body__name { width: 100%; } } .opinion-item__name strong, .faq-body__name strong { font-weight: 500; font-size: 16px; display: block; padding-bottom: 2px; } @media only screen and (max-width: 760px) { .opinion-item__name strong, .faq-body__name strong { font-size: 14px; padding-right: 80px; } } .opinion-item__name>span, .faq-body__name>span { display: block; color: #9ea3a9; font-size: 12px; } .opinion-item__rating, .faq-body__rating { width: 20%; margin-left: auto; padding: 15px 0 0; text-align: right; } @media only screen and (max-width: 760px) { .opinion-item__rating, .faq-body__rating { position: absolute; top: 0px; right: 0px; width: auto; padding-top: 5px; } .opinion-item__rating .star2, .opinion-item__rating .star-active2, .faq-body__rating .star2, .faq-body__rating .star-active2 { width: 11px; height: 10px; background-size: 100%; margin: 0 0 0 2px; } } .opinion-item__body { padding: 16px 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 760px) { .opinion-item__body .btn { margin-left: auto; } } @media only screen and (max-width: 999px) { .opinion-item__body { padding-top: 15px; } } @media only screen and (max-width: 760px) { .opinion-item__body { padding-top: 12px; } } .opinion-item__body h3 { font-size: 20px; width: 100%; padding-bottom: 20px; padding-top: 10px; } @media only screen and (max-width: 999px) { .opinion-item__body h3 { font-size: 18px; padding-bottom: 14px; padding-top: 0; } } @media only screen and (max-width: 760px) { .opinion-item__body h3 { font-size: 16px; padding-bottom: 10px; } } .opinion-item__body p { color: #9ea3a9; width: 100%; white-space: normal; } .opinion-item__body .opinion-comments { margin-left: auto; } @media only screen and (max-width: 760px) { .opinion-item__body .opinion-comments { margin-left: 0; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .opinion-comment .opinion-item__body { display: block; } } .text-cut { margin-bottom: 14px; } @media only screen and (max-width: 999px) { .text-cut { margin-bottom: 16px; } } .text-cut p { overflow: hidden; } a.more { color: #399dd3; border-bottom: 1px solid transparent; } a.more:hover { border-bottom-color: #399dd3; } .opinion-comments { color: #9ea3a9; font-size: 12px; position: relative; padding: 0 21px; text-align: right; display: inline-block; margin-top: 6px; } .opinion-comments:before { content: ''; position: absolute; background: url("/local/templates/.default/img/comment_icon.svg") no-repeat; height: 21px; width: 14px; top: 3px; left: 0; } @media only screen and (max-width: 760px) { .description_small { padding-top: 0; padding-bottom: 23px; } .description_small h2 { font-size: 28px; padding-bottom: 10px; } .description_small p { padding-top: 9px; } } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__logo { max-width: 88px; width: 15%; -ms-flex-item-align: start; align-self: flex-start; padding-top: 10px; margin-right: 27px; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__logo { max-width: 100%; width: 100%; margin-right: 0; padding-bottom: 7px; } .info-box_mfo .info-box__logo img { max-width: 154px; } } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__body { max-width: 430px; } } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item { padding-right: 17px; } } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item strong { font-size: 14px; padding-bottom: 2px; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item strong { font-size: 18px; } } .info-box_mfo .info-box__item:nth-child(1) { width: 15%; max-width: 88px; } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item:nth-child(1) { width: 15%; max-width: 82px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item:nth-child(1) { width: 29%; max-width: none; } } .info-box_mfo .info-box__item:nth-child(2) { width: 9%; max-width: 80px; } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item:nth-child(2) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; max-width: 75px; width: 18%; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item:nth-child(2) { width: 24%; max-width: none; padding-right: 0; margin-left: auto; padding-top: 8px; } } .info-box_mfo .info-box__item:nth-child(2) strong { font-size: 22px; } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item:nth-child(2) strong { font-size: 18px; } } .info-box_mfo .info-box__item:nth-child(3) { width: 30%; max-width: 115px; } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item:nth-child(3) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 28%; max-width: 105px; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item:nth-child(3) { width: 70%; max-width: none; } } .info-box_mfo .info-box__item:nth-child(4) { width: 15%; max-width: 90px; } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 105px; width: 27%; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item:nth-child(4) { width: 45%; max-width: none; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding-top: 8px; } } .info-box_mfo .info-box__item:nth-child(5) { width: 10%; max-width: 75px; } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item:nth-child(5) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 21%; max-width: 80px; padding-right: 10px; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item:nth-child(5) { width: 30%; max-width: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 8px; padding-bottom: 0px; } } .info-box_mfo .info-box__item:nth-child(6) { margin-right: 10px; } @media only screen and (max-width: 999px) { .info-box_mfo .info-box__item:nth-child(6) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-right: 0; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item:nth-child(6) { padding-bottom: 19px; } } @media only screen and (max-width: 760px) { .info-box_mfo .info-box__item:nth-child(6) p strong { font-size: 14px; } } .news-stat { position: absolute; bottom: 17px; right: 23px; min-width: 140px; color: #8c929a; font-size: 12px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-shadow: 0 0; } .views { position: relative; padding: 0 0 0 15px; margin-left: 14px; } .views:before { content: ''; position: absolute; background: url("/local/templates/.default/img/views.svg") no-repeat; height: 8px; width: 13px; top: 5px; left: 0; } .rubric { color: #8c929a; } .news-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-list.news-page-slider { padding-top: 30px; } @media only screen and (max-width: 999px) { .news-list.news-page-slider { padding-top: 0; } } .news-list.news-page-slider p { padding-right: 140px; } .news-list .news-box { /*max-width: 100%;*/ max-width: 420px; width: 100%; } .news-list .news-box:nth-child(2), .news-list .news-box:nth-child(3) { max-width: 420px; } @media only screen and (max-width: 1180px) { .news-list .news-box:nth-child(2), .news-list .news-box:nth-child(3) { max-width: 48%; } } .news-list .news-box:nth-child(2) .news__img, .news-list .news-box:nth-child(3) .news__img { /* max-height: 122px;*/ } .news-list .news-box:nth-child(2) h3, .news-list .news-box:nth-child(3) h3 { /* font-size: 16px; line-height: 120%; padding-bottom: 8px;*/ } @media only screen and (max-width: 999px) { .news-list .news-box:nth-child(2) h3, .news-list .news-box:nth-child(3) h3 { font-size: 14px; } } .news-list .news-box:nth-child(2) .news__content, .news-list .news-box:nth-child(3) .news__content { padding-bottom: 21px; } .news-list .news-box:nth-child(2) .news-stat, .news-list .news-box:nth-child(3) .news-stat { bottom: 22px; right: 19px; } .news-list .news-box h3 { font-size: 22px; } @media only screen and (max-width: 999px) { .news-list .news-box h3 { font-size: 18px; } } @media only screen and (max-width: 760px) { .news-page-slider { padding-bottom: 14px; } .news-page-slider .news__img { height: 172px; } .news-page-slider h3 { font-size: 18px; line-height: 115%; padding-bottom: 12px; } .news-page-slider .news-stat { display: none; } .news-page-slider .news__content { padding-bottom: 21px; } .news-page-slider .news__content p { padding-right: 0; } } @media only screen and (max-width: 760px) { .news-list:not(.news-page-slider) { padding-top: 24px; } } @media only screen and (max-width: 999px) and (max-width: 999px) { .news-list:not(.news-page-slider) .news-box { max-width: 48%; } .news-list:not(.news-page-slider) .news-box .news__img { max-height: 122px; } .news-list:not(.news-page-slider) .news-box h3 { font-size: 14px; } } @media only screen and (max-width: 760px) { .news-list:not(.news-page-slider) .news-box { max-width: 100%; position: relative; } .news-list:not(.news-page-slider) .news-box .news__img { max-height: 119px; border-radius: 5px; } .news-list:not(.news-page-slider) .news-box .news__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 5px; padding-top: 20px; padding-left: 25px; } .news-list:not(.news-page-slider) .news-box h3, .news-list:not(.news-page-slider) .news-box h3 a { font-size: 16px; color: #fff; } .news-list:not(.news-page-slider) .news-box h3:hover, .news-list:not(.news-page-slider) .news-box h3 a:hover { color: #399dd3; } .news-list:not(.news-page-slider) .news-box p { color: #fff; padding-right: 0; } .news-list:not(.news-page-slider) .news-box .news-stat { display: none; } } @media only screen and (max-width: 999px) { .news-list:not(.news-page-slider) .news-box:last-child { display: none; } } @media only screen and (max-width: 760px) { .news-list:not(.news-page-slider) .news-box:last-child { display: block; } } .read-also { background: #f4f6f8; padding: 6px 0 33px; margin-top: 12px; } @media only screen and (max-width: 999px) { .read-also { padding-bottom: 20px; } } @media only screen and (max-width: 760px) { .read-also { padding-top: 9px; padding-bottom: 22px; } } @media only screen and (max-width: 760px) { .read-also h2 { text-align: center; } } .read-also_list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 41px; } @media only screen and (max-width: 760px) { .read-also_list { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 44px; } } .read-also_list li { max-width: 270px; border-radius: 5px; min-height: 223px; position: relative; overflow: hidden; margin-bottom: 30px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 1180px) { .read-also_list li { max-width: 23%; } } @media only screen and (max-width: 999px) { .read-also_list li { max-width: 30.5%; } .read-also_list li:last-child { display: none; } } @media only screen and (max-width: 760px) { .read-also_list li { max-width: 100%; width: 100%; min-height: 221px; } } .read-also_list li img { display: block; border-radius: 5px 5px 0 0; min-width: 100%; min-height: 120px; height: auto; width: auto; } .read-also_list li:hover { -webkit-box-shadow: 0px 0px 65px 0px rgba(203, 203, 203, 0.5); box-shadow: 0px 0px 65px 0px rgba(203, 203, 203, 0.5); } .read-also_list li:hover .read-also__content { border-color: #fff; } .read-also_list .read-also__content { background: #fff; border: 1px solid #e9edf0; border-radius: 0 0 5px 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 17px 18px 18px 20px; position: absolute; bottom: 0; left: 0; width: 100%; } @media only screen and (max-width: 760px) { .read-also_list .read-also__content { padding-top: 9px; padding-bottom: 11px; padding-left: 14px; } } .read-also_list .read-also__content .news-stat { position: static; min-width: inherit; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 12px 0 0; } @media only screen and (max-width: 760px) { .read-also_list .read-also__content .news-stat { padding-top: 8px; } } .read-also_list .read-also__content a { display: block; letter-spacing: -0.01em; } .news-head-stat { font-size: 12px; text-shadow: 0 0; color: #8c929a; padding: 30px 0 0; position: relative; margin-bottom: -13px; } .news-head-stat .views { margin-left: 13px; } .news-head-stat .views:before { top: 4px; } .article { padding-top: 30px; padding-bottom: 10px; } @media only screen and (max-width: 760px) { .article { padding-top: 27px; } } .article .article-img { min-height: 215px; border-radius: 5px; overflow: hidden; } @media only screen and (max-width: 999px) { .article .article-img { height: 330px; } } @media only screen and (max-width: 760px) { .article .article-img { height: 215px; } } @media only screen and (max-width: 430px) { .article .article-img { display: none; } } .article .article-img img { display: block; min-height: 100%; width: inherit; border: 1px solid #e9edf0; border-radius: 5px; } .article .article-img-mob { display: none; border-radius: 5px; overflow: hidden; } @media only screen and (max-width: 430px) { .article .article-img-mob { display: block; height: 215px; } .article .article-img-mob img{ display: block; width: 100%; height: auto; max-width: 100%; } .article.text-box img{ display: block; width: 100%; height: auto; max-width: 100%; } } .article .text-big { font-size: 18px; font-weight: bold; line-height: 120%; padding-top: 30px; letter-spacing: -0.01em; } @media only screen and (max-width: 999px) { .article .text-big { font-size: 16px; padding-top: 27px; } } @media only screen and (max-width: 760px) { .article .text-big { line-height: 130%; } } .article h3, .article h2 { padding-top: 28px; padding-bottom: 17px; } @media only screen and (max-width: 999px) { .article h3,.article h2 { padding-top: 16px; } } @media only screen and (max-width: 760px) { .article h3,.article h2 { font-size: 20px; line-height: 120%; padding-top: 20px; padding-bottom: 14px; } } .article p { padding-bottom: 14px; } @media only screen and (max-width: 999px) { .article p { font-size: 16px; } } @media only screen and (max-width: 760px) { .article p { font-size: 14px; } } .article ul { padding-top: 6px; padding-bottom: 16px; } @media only screen and (max-width: 760px) { .article ul { padding-bottom: 3px; } } .article ul li { padding-left: 32px; padding-right: 0; padding-bottom: 13px; } .main-section_news .article ul li>p { padding-left: 0; padding-right: 0; padding-bottom: 0; } @media only screen and (max-width: 999px) { .article ul li, .main-section_news .article ul li>p { font-size: 16px; } } @media only screen and (max-width: 760px) { .article ul li, .main-section_news .article ul li>p { font-size: 14px !important; line-height: 120%; padding-right: 20px; } } .more-news, .source, .comment { border-top: 1px solid #f1f1f1; padding: 37px 0 39px; } @media only screen and (max-width: 760px) { .more-news, .source, .comment { padding-top: 25px; padding-bottom: 31px; } } .more-news__img { border: 1px solid #e9edf0; border-radius: 5px; max-width: 170px; margin-right: 30px; -ms-flex-item-align: start; align-self: flex-start; } @media only screen and (max-width: 760px) { .more-news__img { margin-right: 18px; width: 81px; max-width: 81px; min-height: 68px; max-height: 68px; } } .more-news__img img { display: block; max-width: 100%; max-height: inherit; border-radius: 5px; } @media only screen and (max-width: 760px) { .more-news__img img { height: 100%; max-width: inherit; } } .more-news__content { max-width: 466px; padding-top: 8px; } @media only screen and (max-width: 760px) { .more-news__content { max-width: 190px; padding-top: 0; } } .more-news__content span { display: block; font-size: 16px; color: #a4a9b4; padding-bottom: 11px; } @media only screen and (max-width: 760px) { .more-news__content span { font-size: 14px; padding-bottom: 6px; } } .more-news__content h3 { font-size: 18px; line-height: 120%; } @media only screen and (max-width: 760px) { .more-news__content h3 { font-size: 12px; } } .source { color: #a4a9b4; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 34px; } @media only screen and (max-width: 760px) { .source { font-size: 12px; padding-top: 17px; padding-bottom: 24px; } } .source p { width: 100%; } .source-text { width: 100%; max-width: 170px; margin-right: 25px; } @media only screen and (max-width: 760px) { .source-text { /* max-width: 150px; margin-right: 10px;*/ margin-bottom: 10px; } } .source-text a { color: #399dd3; } .author { padding-top: 5px; } @media only screen and (max-width: 760px) { .author { line-height: 140%; } } @media only screen and (max-width: 760px) { .tags { line-height: 140%; } } .source__socials, .faq-details__socials { max-width: 270px; width: 100%; } @media only screen and (max-width: 760px) { .source__socials{ /*max-width: 100%;*/ } .faq-details__socials { max-width: 130px; } } /*.source__socials span,*/ .faq-details__socials span { display: inline-block; vertical-align: top; padding-right: 12px; } @media only screen and (max-width: 760px) { /*.source__socials span,*/ .faq-details__socials span { display: block; padding-bottom: 15px; } } /*.source__socials a,*/ .faq-details__socials a { display: inline-block; margin: 0 16px 0 0; position: relative; top: -1px; } /*.source__socials a.inst,*/ .faq-details__socials a.inst { top: 0; } .comment { padding-top: 31px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 23px; } @media only screen and (max-width: 999px) { .comment { padding-bottom: 0; } } @media only screen and (max-width: 760px) { .comment { padding-top: 21px; } } .comment h3 { font-size: 24px; } @media only screen and (max-width: 999px) { .comment h3 { font-size: 22px; } } .comment-num { padding-left: 20px; color: #9ea3a9; font-size: 12px; margin-left: 10px; font-weight: normal; position: relative; top: -2px; } .comment-num:before { content: ''; position: absolute; background: url("/local/templates/.default/img/comment_icon.svg") no-repeat; height: 12px; width: 14px; top: 0; left: 0; } .comment-form__avatar, .faq-body__avatar, .expert-avatar { background: url("/local/templates/.default/img/comment_avatar_bg.svg") no-repeat; height: 35px; width: 35px; position: absolute; top: 20px; left: 0; } @media only screen and (max-width: 760px) { .comment-form__avatar, .faq-body__avatar, .expert-avatar { height: 22px; width: 22px; background-size: 100%; top: 16px; } } .comment-form__avatar img, .faq-body__avatar img, .expert-avatar img { display: block; min-width: 100%; min-height: 100%; position: relative; border-radius: 100%; } .comment-form { padding-left: 60px; position: relative; padding-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 760px) { .comment-form { padding-left: 33px; } } .comment-form .textarea { height: 92px; min-width: 100%; margin-bottom: 17px; } .comment-form .btn { margin-left: auto; } @media only screen and (max-width: 760px) { .comment-form .btn { min-width: 258px; } } .comment-form .btn.btn_blue-small { max-width: 170px; -ms-flex-item-align: end; align-self: flex-end; } @media only screen and (max-width: 760px) { .top-section_news h1 { font-size: 22px; } } .opinion-page-item { background: #f4f6f9; } .opinion-page-item:hover { background: #fff; } .opinion-page-item .opinion-item__name, .opinion-comment .opinion-item__name { padding-left: 57px; position: relative; } @media only screen and (max-width: 760px) { .opinion-page-item .opinion-item__name, .opinion-comment .opinion-item__name { padding-left: 34px; } } .opinion-page-item .opinion-item__name .comment-form__avatar, .opinion-comment .opinion-item__name .comment-form__avatar { height: 35px; width: 35px; background-size: 100%; top: 2px; left: 1px; } @media only screen and (max-width: 760px) { .opinion-page-item .opinion-item__name .comment-form__avatar, .opinion-comment .opinion-item__name .comment-form__avatar { height: 24px; width: 24px; background-size: 100%; } } .top-section_opinions .choose-region .select-bord { max-width: 248px; } @media only screen and (max-width: 999px) { .top-section_opinions .choose-region .select-bord { max-width: 362px; } } @media only screen and (max-width: 760px) { .top-section_opinions .choose-region .select-bord { max-width: 100%; } } .top-section_opinions .deposit-box { width: 470px; } @media only screen and (max-width: 999px) { .top-section_opinions .deposit-box { width: 225px; } } @media only screen and (max-width: 760px) { .top-section_opinions .deposit-box { width: 100%; } } .top-section_opinions .deposit-box-2 { width: 370px; } @media only screen and (max-width: 999px) { .top-section_opinions .deposit-box-2 { width: 258px; } } @media only screen and (max-width: 760px) { .top-section_opinions .deposit-box-2 { width: 100%; max-width: 100%; } } .top-section_opinions .deposits-form { padding-bottom: 31px; } @media only screen and (max-width: 999px) { .top-section_opinions .deposits-form { padding-bottom: 0; } } @media only screen and (max-width: 999px) { .top-section_opinions .top-section__img { max-width: 135px; right: 60px; top: 15px; } } .opinion-comments-group { display: none; } .opinion-comments-group .opinion-comment { padding-bottom: 15px; } @media only screen and (max-width: 760px) { .opinion-comments-group .opinion-comment { padding-bottom: 10px; padding-top: 15px; } } .opinion-comment, .opinion-comment-form { border-top: 1px solid #e1e4e8; padding-top: 25px; padding-left: 31px; margin-top: 17px; position: relative; } @media only screen and (max-width: 760px) { .opinion-comment, .opinion-comment-form { padding-left: 0; } } .opinion-comment .opinion-item__head, .opinion-comment-form .opinion-item__head { border-bottom: 0px; padding-bottom: 10px; } .opinion-comment .opinion-item__body, .opinion-comment-form .opinion-item__body { padding-top: 0; padding-left: 56px; } @media only screen and (max-width: 760px) { .opinion-comment .opinion-item__body, .opinion-comment-form .opinion-item__body { padding-left: 34px; } } .opinion-comment-form { padding-left: 147px; position: relative; margin-top: 12px; padding-top: 27px; display: none; width: 100%; } @media only screen and (max-width: 760px) { .opinion-comment-form { padding-left: 34px; padding-top: 23px; } } .opinion-comment-form .comment-form__avatar { left: 88px; top: 32px; } @media only screen and (max-width: 760px) { .opinion-comment-form .comment-form__avatar { left: 0; top: 29px; } } .opinion-comment-form .input { color: #c8cbce; margin-bottom: 17px; } .opinion-comment-form .input:focus { color: #404957; } .opinion-comment-form .btn { margin-left: 12px; } @media only screen and (max-width: 760px) { .opinion-comment-form .btn { width: 48%; min-width: 48%; margin-left: 0; } } .hide-link { color: #9ea3a9; font-size: 12px; -ms-flex-item-align: end; align-self: flex-end; padding: 0 15px 0 0; display: none; position: relative; text-align: right; margin-left: auto; top: -4px; } @media only screen and (max-width: 760px) { .hide-link { top: 2px; } } .hide-link:before { content: ''; position: absolute; background: url("/local/templates/.default/img/arrow_top.svg") no-repeat; height: 6px; width: 8px; top: 6px; right: 0; } .tools { margin-left: auto; } .expanded { background: #fff; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; border-color: #fff; } .expanded:hover .btn_blue { background: #399dd3; } .expanded:hover .btn_transparent { background: none; } .expanded .tools { display: none; } .expanded .hide-link { display: block; } .btn-group-2 { text-align: right; } @media only screen and (max-width: 760px) { .btn-group-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .expanded .btn_blue:hover { background: #48c28f; } .expanded .btn_transparent:hover { background: #48c28f; border-color: #48c28f; color: #fff; } .opinion-form-page { max-width: 570px; margin: 10px 30px; } @media only screen and (max-width: 999px) { .opinion-form-page { max-width: 609px; } } .opinion-form-page h2,.opinion-form-page .h2 { text-align: center; } @media only screen and (max-width: 760px) { .opinion-form-page h2,.opinion-form-page .h2 { padding-top: 24px; } } .opinion-form-page .opinion-form { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 2px; } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form { padding-top: 0; } } .opinion-form-page .opinion-form .opinion-form__box, .opinion-form-page .opinion-form .opinion-form__box-sm { width: 100%; max-width: 100%; margin-right: 0; margin-top: 31px; } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form .opinion-form__box, .opinion-form-page .opinion-form .opinion-form__box-sm { margin-top: 30px; } .opinion-form-page .opinion-form .opinion-form__box:first-child, .opinion-form-page .opinion-form .opinion-form__box-sm:first-child { margin-top: 21px; } } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form .opinion-form__box.opinion-form__box-rate, .opinion-form-page .opinion-form .opinion-form__box-sm.opinion-form__box-rate { margin-top: 24px; } } .opinion-form-page .opinion-form .opinion-form__box-sm { max-width: 270px; } @media only screen and (max-width: 999px) { .opinion-form-page .opinion-form .opinion-form__box-sm { max-width: 290px; } } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form .opinion-form__box-sm { max-width: 100%; } } .opinion-form-page .opinion-form .rate, .opinion-form-page .opinion-form .label { width: 100%; } .opinion-form-page .opinion-form .rate { padding-top: 6px; padding-bottom: 22px; } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form .rate { padding-top: 2px; } } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form .rate img { height: 21px; margin-right: 10px; } } .opinion-form-page .opinion-form .input-min-number { position: relative; margin-bottom: -3px; } .opinion-form-page .opinion-form .checkbox-label { margin-top: 36px; } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form .checkbox-label { margin-top: 41px; } } .opinion-form-page .opinion-form .btn { margin-top: 25px; } @media only screen and (max-width: 760px) { .opinion-form-page .opinion-form .btn { margin-top: 23px; } } .additional-conditions { border-top: 1px solid #edeeef; width: 100%; margin-top: 36px; padding-top: 0; padding-bottom: 0; } .additional-conditions h3, .additional-conditions .h3 { font-size: 24px; padding-top: 28px; padding-bottom: 2px; } @media only screen and (max-width: 760px) { .additional-conditions h3, .additional-conditions .h3 { font-size: 22px; padding-bottom: 6px; } } .additional-conditions ol { width: 102%; } @media only screen and (max-width: 999px) { .additional-conditions ol { width: 100%; } } .additional-conditions ol li { padding-left: 28px; } @media only screen and (max-width: 760px) { .additional-conditions ol li { line-height: 120%; } } .contacts-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-page h2 { width: 100%; padding-top: 23px; } @media only screen and (max-width: 760px) { .contacts-page h2 { text-align: center; } } .contact-box-1, .contact-box-2, .contact-box-3 { background: #f4f6f9; position: relative; border-radius: 5px; border: 1px solid #e4e4e4; padding: 20px 30px 0; max-width: 370px; overflow: hidden; margin: 39px 70px 0 0; } @media only screen and (max-width: 1180px) { .contact-box-1, .contact-box-2, .contact-box-3 { margin-right: 0; max-width: 33%; } } @media only screen and (max-width: 999px) { .contact-box-1, .contact-box-2, .contact-box-3 { max-width: 256px; padding-left: 20px; padding-right: 15px; padding-top: 18px; } } @media only screen and (max-width: 760px) { .contact-box-1, .contact-box-2, .contact-box-3 { max-width: 100%; width: 100%; } } .contact-box-1:before, .contact-box-2:before, .contact-box-3:before { content: ''; position: absolute; background: url("/local/templates/.default/img/contacts_bg.svg") no-repeat bottom right; height: 151px; width: 129px; bottom: -42px; right: 26px; } @media only screen and (max-width: 999px) { .contact-box-1:before, .contact-box-2:before, .contact-box-3:before { bottom: -45px; right: -2px; } } .contact-box-1 h4, .contact-box-2 h4, .contact-box-3 h4 { color: #404957; font-size: 19px; font-weight: normal; padding-bottom: 19px; letter-spacing: -0.01em; line-height: 130%; } @media only screen and (max-width: 999px) { .contact-box-1 h4, .contact-box-2 h4, .contact-box-3 h4 { font-size: 18px; font-weight: bold; padding-bottom: 21px; } } .contact { padding: 0 0 24px 40px; position: relative; max-width: 220px; } .contact address, .contact a { display: block; font-style: normal; } .contact.address:before { content: ''; position: absolute; background: url("/local/templates/.default/img/address_icon.svg") no-repeat; top: 0; left: 0; height: 19px; width: 19px; } .contact.phone:before { content: ''; position: absolute; background: url("/local/templates/.default/img/phone_icon_blue.svg") no-repeat; top: 0; left: 5px; height: 18px; width: 10px; } .contact.mail:before { content: ''; position: absolute; background: url("/local/templates/.default/img/mail_icon_blue.svg") no-repeat; top: 1px; left: 3px; height: 15px; width: 15px; } .contact.mail-sm:before { content: ''; position: absolute; background: url("/local/templates/.default/img/mail_icon_grey.svg") no-repeat; height: 13px; width: 13px; top: 2px; left: 0; } .contact.phone-sm:before { content: ''; position: absolute; background: url("/local/templates/.default/img/phone_icon_grey.svg") no-repeat; height: 14px; width: 8px; top: 2px; left: 2px; } .contact-box-2, .contact-box-3 { margin-left: 30px; margin-right: 0; padding-top: 10px; background: none; border: 0px; max-width: 270px; padding-right: 0; overflow: visible; } @media only screen and (max-width: 1180px) { .contact-box-2, .contact-box-3 { margin-left: 15px; max-width: 33%; } } @media only screen and (max-width: 999px) { .contact-box-2, .contact-box-3 { padding-top: 0; margin-left: 45px; max-width: 190px; } } @media only screen and (max-width: 760px) { .contact-box-2, .contact-box-3 { max-width: 100%; width: 100%; margin-left: 0; padding-left: 0; padding-right: 0; margin-top: 17px; } } .contact-box-2 h5, .contact-box-3 h5 { padding-top: 24px; padding-bottom: 15px; } @media only screen and (max-width: 999px) { .contact-box-2 h5, .contact-box-3 h5 { padding-top: 28px; } .contact-box-2 h5:first-child, .contact-box-3 h5:first-child { max-width: 98px; padding-top: 21px; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .contact-box-2 h5:first-child, .contact-box-3 h5:first-child { max-width: none; } } .contact-box-2:before, .contact-box-3:before { display: none; } .contact-box-2 .contact, .contact-box-3 .contact { padding-left: 25px; padding-bottom: 5px; } .contact-box-2 a, .contact-box-2 address, .contact-box-3 a, .contact-box-3 address { color: #8c929a; display: inline-block; } .contact-box-2 a, .contact-box-3 a { border-bottom: 1px solid transparent; } .contact-box-2 a:hover, .contact-box-3 a:hover { border-bottom-color: #8c929a; } .contact-box-2 a.mail-link, .contact-box-3 a.mail-link { color: #399dd3; } .contact-box-2 a.mail-link:hover, .contact-box-3 a.mail-link:hover { border-bottom-color: #399dd3; } .contact-box-3 { max-width: 300px; margin-left: 56px; } @media only screen and (max-width: 999px) { .contact-box-3 { max-width: 158px; padding-left: 0; margin-left: auto; margin-right: 32px; } } @media only screen and (max-width: 760px) { .contact-box-3 { max-width: 100%; width: 100%; margin-right: 0; margin-top: 0; } } @media only screen and (max-width: 999px) { .contact-box-3 h5:first-child { max-width: none; } } .map { margin: 54px 0 9px; position: relative; height: 400px; } @media only screen and (max-width: 760px) { .map { margin-top: 39px; margin-bottom: 18px; height: auto; } } .map .wrap { position: absolute; top: 0; left: 50%; margin-left: -585px; width: 1170px; } @media only screen and (max-width: 999px) { .map .wrap { width: 768px; margin-left: -384px; } } @media only screen and (max-width: 760px) { .map .wrap { position: static; margin-left: auto; width: auto; } } #map { height: 400px; width: 100%; } .map-contact { background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 3px 15px 0px rgba(98, 105, 116, 0.46); box-shadow: 0px 3px 15px 0px rgba(98, 105, 116, 0.46); position: absolute; top: 24px; right: 100px; width: 270px; padding: 18px 29px 26px; z-index: 900; } @media only screen and (max-width: 999px) { .map-contact { right: 34px; } } @media only screen and (max-width: 760px) { .map-contact { position: static; margin: 43px auto 0; width: 290px; text-align: center; } } .map-contact h3 { font-size: 22px; padding-bottom: 10px; } .map-contact p { color: #a4a9b4; font-size: 12px; line-height: 120%; padding-bottom: 19px; letter-spacing: -0.01em; } .map-contact .input { margin-bottom: 10px; } .map-contact .btn { margin: 14px auto 0; } @media only screen and (max-width: 760px) { .map-contact .btn { width: 100%; } } .map-contact form { text-align: center; } .input_small { height: 37px; } .textarea_small { padding-top: 10px; padding-bottom: 10px; height: 76px; margin-bottom: 10px; } .page-404 { text-align: center; padding: 195px 0 71px; position: relative; } @media only screen and (max-width: 999px) { .page-404 { padding-top: 133px; padding-bottom: 54px; } } @media only screen and (max-width: 760px) { .page-404 { padding-bottom: 19px; padding-top: 139px; } } .page-404 p { font-size: 16px; letter-spacing: -0.01em; } .page-404 p a { border-bottom: 1px solid transparent; color: #399dd3; } .page-404 p a:hover { border-bottom-color: #399dd3; } .page-404:before { content: ''; position: absolute; background: url("/local/templates/.default/img/contacts_bg.svg") no-repeat; background-size: 100%; height: 114px; width: 99px; top: 50px; left: 50%; margin-left: -48px; } @media only screen and (max-width: 999px) { .page-404:before { height: 86px; width: 75px; margin-left: -38px; top: 24px; } } @media only screen and (max-width: 760px) { .page-404:before { top: 30px; } } .page-404__text { font-size: 159px; font-weight: 900; line-height: 100%; color: #399dd3; font-family: GothamPro; display: block; padding-bottom: 40px; } @media only screen and (max-width: 999px) { .page-404__text { font-size: 113px; padding-bottom: 25px; } } .page-404__hd { font-size: 34px; font-weight: bold; display: block; padding-bottom: 24px; line-height:34px; } @media only screen and (max-width: 999px) { .page-404__hd { padding-bottom: 25px; } } @media only screen and (max-width: 760px) { .page-404__hd { font-size: 26px; padding-bottom: 28px; } } .search-form-2 { position: relative; max-width: 432px; margin: 54px auto 0; border-radius: 5px; background: #fff; } @media only screen and (max-width: 999px) { .search-form-2 { margin-top: 46px; } } @media only screen and (max-width: 760px) { .search-form-2 { margin-top: 36px; } } .search-form-2 .input { border: 0px; background: 0; height: 44px; padding: 0 44px 0 16px; } .search-form-2 .btn-search { position: absolute; top: 13px; right: 14px; } .sitemap { border-top: 1px solid #f1f1f1; padding: 40px 0 0; } @media only screen and (max-width: 999px) { .sitemap { padding-top: 18px; } } @media only screen and (max-width: 760px) { .sitemap { display: none; } } .sitemap__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1030px; margin: 0 auto; } .sitemap__box { padding: 23px 0 4px 30px; width: 25%; } @media only screen and (max-width: 999px) { .sitemap__box { padding-left: 0; width: 25%; } } .sitemap__box h5, .sitemap__box h5 a { font-size: 18px; } @media only screen and (max-width: 999px) { .sitemap__box h5, .sitemap__box h5 a { font-size: 14px; } } .sitemap__box h5 { padding-bottom: 22px; } @media only screen and (max-width: 999px) { .sitemap__box h5 { padding-bottom: 19px; } } .sitemap__box ul li { padding-bottom: 15px; } @media only screen and (max-width: 999px) { .sitemap__box ul li { padding-bottom: 10px; } } .sitemap__box ul li a { display: block; color: #767c88; } @media only screen and (max-width: 999px) { .sitemap__box ul li a { font-size: 12px; } } .sitemap__box ul li a:hover { color: #399dd3; } .search-page { padding-bottom: 27px; } @media only screen and (max-width: 760px) { .search-page { padding-bottom: 23px; } } .search-page h2 { padding-top: 22px; } @media only screen and (max-width: 760px) { .search-page h2 { text-align: center; } } .search-wrap { max-width: 968px; margin: 0 auto; } @media only screen and (max-width: 760px) { .searh-found { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .searh-found span { font-size: 20px; font-weight: 500; padding: 34px 0 26px; color: #bfc2ca; } @media only screen and (max-width: 760px) { .searh-found span { display: block; font-size: 18px; padding-top: 27px; padding-bottom: 22px; text-align: left; } } .searh-found .search-form-2 { display: none; } .searh-found .search-form-2 .btn-search { top: 9px; } @media only screen and (max-width: 999px) { .searh-found .search-form-2 { display: block; margin: 26px 0 0 auto; height: 38px; width: 384px; } .searh-found .search-form-2 .input { height: 36px; } } @media only screen and (max-width: 760px) { .searh-found .search-form-2 { width: 100%; max-width: 100%; margin: 0 auto 29px; } } .search-results { border-top: 1px solid #f1f1f1; } .search-results li { border-top: 1px solid #f1f1f1; padding: 26px 0 27px; } @media only screen and (max-width: 999px) { .search-results li { padding-top: 22px; } } @media only screen and (max-width: 760px) { .search-results li { padding-bottom: 17px; padding-top: 12px; } } .search-results li:first-child { border-top: 0px; padding-top: 35px; } @media only screen and (max-width: 999px) { .search-results li:first-child { padding-top: 19px; } } @media only screen and (max-width: 760px) { .search-results li:first-child { padding-top: 25px; } } .search-results li h3 { font-size: 20px; margin-bottom: 10px; } @media only screen and (max-width: 999px) { .search-results li h3 { font-size: 18px; } } @media only screen and (max-width: 760px) { .search-results li h3 { font-size: 16px; line-height: 120%; margin-bottom: 8px; } } .search-results li h3 a { font-size: 20px; } @media only screen and (max-width: 999px) { .search-results li h3 a { font-size: 18px; } } @media only screen and (max-width: 760px) { .search-results li h3 a { font-size: 16px; } } .search-results li h3 span { color: #399dd3; } .search-results li p { color: #7b7e86; font-size: 16px; letter-spacing: -0.01em; } @media only screen and (max-width: 999px) { .search-results li p { font-size: 14px; line-height: 125%; } } .search-results li p span { color: #399dd3; } .pagination { text-align: center; font-size: 0; padding: 44px 0 0; max-width: 368px; margin: 0 auto; position: relative; z-index: 200; } @media only screen and (max-width: 760px) { .pagination { padding-top: 27px; display: none; } } .pagination.pagination_mobile { display: none; } @media only screen and (max-width: 760px) { .pagination.pagination_mobile { display: block; } } .pagination li { display: inline-block; vertical-align: baseline; font-size: 14px; padding: 0 1px 0 0; } .pagination li a, .pagination li span { display: block; padding: 0 8px; font-weight: bold; line-height: 26px; height: 26px; text-align: center; font-size: 14px; } .pagination li a.active, .pagination li span.active { color: #fff; background: #399dd3; border-radius: 3px; } .search-results__num { color: #bdc1c6; text-align: right; display: block; position: relative; margin-top: -23px; margin-right: 4px; z-index: 100; } @media only screen and (max-width: 760px) { .search-results__num { margin-top: 0px; padding: 15px 0 0; text-align: center; } } .sitemap-page h2 { padding-top: 22px; } @media only screen and (max-width: 760px) { .sitemap-page h2 { text-align: center; } } .sitemap-page__wrap { max-width: 898px; margin-left: 70px; padding-top: 14px; } @media only screen and (max-width: 999px) { .sitemap-page__wrap { max-width: 100%; margin-left: 0; } } @media only screen and (max-width: 760px) { .sitemap-page__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 290px; margin-left: auto; margin-right: auto; padding-top: 9px; padding-bottom: 17px; } } .sitemap-page__wrap .sitemap__box { width: 33%; padding-right: 30px; } @media only screen and (max-width: 760px) { .sitemap-page__wrap .sitemap__box { width: 100%; padding-right: 0; padding-left: 0; } } .sitemap-page__wrap .sitemap__box h3, .sitemap-page__wrap .sitemap__box h3 a { font-size: 24px; } @media only screen and (max-width: 760px) { .sitemap-page__wrap .sitemap__box h3, .sitemap-page__wrap .sitemap__box h3 a { font-size: 22px; } } .sitemap-page__wrap .sitemap__box h3 { padding-bottom: 29px; } .sitemap-page__wrap .sitemap__box .site-category { padding-bottom: 42px; } @media only screen and (max-width: 760px) { .sitemap-page__wrap .sitemap__box .site-category { padding-bottom: 20px; } } .sitemap-page__wrap .sitemap__box .site-category h3 { padding-bottom: 8px; } @media only screen and (max-width: 760px) { .sitemap-page__wrap .sitemap__box .site-category h3 { padding-bottom: 11px; } } .sitemap-page__wrap .sitemap__box h4 { color: #404957; font-size: 18px; padding-top: 17px; } .sitemap-page__wrap .sitemap__box ul li { padding: 0 0 0 20px; } .sitemap-page__wrap .sitemap__box ul li ul li { padding: 0 0 0 20px; } .sitemap-page__wrap .sitemap__box ul li a { font-size: 16px; line-height: 150%; } .sitemap-page__wrap .sitemap__box ul.links { padding-top: 14px; padding-bottom: 6px; padding-right: 12px; } @media only screen and (max-width: 760px) { .sitemap-page__wrap .sitemap__box ul.links { padding-top: 13px; } } .about-top { background: url("/local/templates/.default/img/about_bg.jpg") no-repeat top center; min-height: 551px; color: #fff; padding: 109px 0 25px; } @media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi) { .about-top { background-image: url("/local/templates/.default/img/about_bg@2x.jpg"); background-position: 0 0; background-size: cover; -webkit-background-size: "100%" "554px"; } } @media only screen and (max-width: 760px) { .about-top { padding-top: 54px; min-height: 554px; } } .about-top .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 999px) { .about-top .wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 760px) { .about-top .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-top p { font-size: 16px; font-weight: 300; line-height: 125%; } @media only screen and (max-width: 760px) { .about-top p { font-size: 14px; line-height: 110%; } } .about-top strong { display: block; font-size: 36px; padding-bottom: 12px; } @media only screen and (max-width: 760px) { .about-top strong { font-size: 30px; padding-bottom: 10px; } } .about-top__center { width: 100%; text-align: center; } @media only screen and (max-width: 760px) { .about-top__center { max-width: 290px; margin: 0 auto 7px; } } .about-top__center p { max-width: 336px; margin: 0 auto; } @media only screen and (max-width: 760px) { .about-top__center p { padding-top: 4px; } } .about-top__center img { max-width: 100%; display: block; margin: 0 auto 30px; } @media only screen and (max-width: 760px) { .about-top__center img { max-width: 290px; margin-bottom: 18px; } } .about-top__info { width: 100%; max-width: 30%; text-align: center; padding-top: 168px; } @media only screen and (max-width: 999px) { .about-top__info { max-width: 28%; padding-top: 152px; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .about-top__info { max-width: 100%; } } @media only screen and (max-width: 999px) { .about-top__info:nth-child(2) { max-width: 36%; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .about-top__info:nth-child(2) { max-width: 100%; } } @media only screen and (max-width: 999px) { .about-top__info:nth-child(2) p { max-width: 190px; margin: 0 auto; } .about-top__info:nth-child(3) { max-width: 24%; margin-right: 3%; margin-left: 3%; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .about-top__info:nth-child(3) { max-width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 999px) { .about-top__info:nth-child(4) p { max-width: 180px !important; } } @media only screen and (max-width: 760px) { .about-top__info { max-width: 100%; padding-top: 46px; } } @media only screen and (max-width: 760px) { .about-top__info p { max-width: 170px !important; margin-left: auto; margin-right: auto; } } .about-info { padding: 71px 0 50px; } @media only screen and (max-width: 999px) { .about-info { padding: 32px 0 46px; } } @media only screen and (max-width: 760px) { .about-info .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-info__content { width: 45%; padding: 0 40px 0 0; } @media only screen and (max-width: 999px) { .about-info__content { width: 50%; padding: 0 15px 0 0; } } @media only screen and (max-width: 760px) { .about-info__content { width: 100%; padding: 0; } } .about-info__content h1 { font-size: 38px; } @media only screen and (max-width: 999px) { .about-info__content h1 { padding-bottom: 12px; } } @media only screen and (max-width: 760px) { .about-info__content h1 { font-size: 34px; text-align: center; } } .about-info__content p { padding-top: 23px; font-size: 16px; color: #6c717a; line-height: 150%; letter-spacing: -0.01em; } @media only screen and (max-width: 999px) { .about-info__content p { font-size: 14px; line-height: 145%; padding-top: 19px; } } .about-info__content .btn { margin-top: 38px; min-width: 200px; height: 45px; line-height: 45px; } @media only screen and (max-width: 760px) { .about-info__content .btn { width: 290px; display: block; margin-right: auto; margin-left: auto; } } .about-info__img { margin-left: auto; width: 50%; } @media only screen and (max-width: 999px) { .about-info__img { width: 48%; } } @media only screen and (max-width: 760px) { .about-info__img { display: none; } } .about-info__img img { display: block; margin: 0 auto; max-width: 100%; position: relative; top: -10px; right: -6px; } @media only screen and (max-width: 999px) { .about-info__img img { top: 60px; right: 0; } } .about-info-links { background: #f4f6f9; position: relative; } .about-info-links .wrap { padding-top: 64px; padding-bottom: 63px; } @media only screen and (max-width: 999px) { .about-info-links .wrap { padding-top: 48px; padding-bottom: 6px; } } @media only screen and (max-width: 760px) { .about-info-links .wrap { max-width: none; padding-right: 0; padding-left: 0; } } .about-info-links .mask { display: none; } @media only screen and (max-width: 999px) { .about-info-links .mask { display: block; height: 100%; top: 0; } } @media only screen and (max-width: 760px) { .about-info-links .mask { display: none; } } .about-links-slider { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 999px) { .about-links-slider { padding-bottom: 40px; position: relative; } } @media only screen and (max-width: 760px) { .about-links-slider .slick-slide { text-align: center; } } @media only screen and (max-width: 760px) { .about-info-link { padding: 0 20px; } } @media only screen and (max-width: 430px) { .about-info-link { padding: 0 10%; } } @media only screen and (max-width: 360px) { .about-info-link { padding: 0 4.2%; } } .about-info-link a { background: #fff; border: 1px solid #e9edf0; border-radius: 5px; text-align: center; padding: 27px 10px 22px; color: rgba(64, 73, 87, 0.6); width: 100%; max-width: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } @media only screen and (max-width: 1180px) { .about-info-link a { max-width: 152px; } } @media only screen and (max-width: 999px) { .about-info-link a { width: 162px; max-width: 170px; } } @media only screen and (max-width: 760px) { .about-info-link a { width: inherit; max-width: none; } } .about-info-link a strong { display: block; font-size: 18px; color: #404957; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-bottom: 9px; } .about-info-link a:hover { border-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(15, 82, 119, 0.25); box-shadow: 0px 3px 15px 0px rgba(15, 82, 119, 0.25); color: #404957; } .about-info-link a:hover strong { color: #399dd3; } .about-link__icon { height: 57px; position: relative; width: 100%; display: block; margin-bottom: 17px; } .about-link__icon img { display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 100%; width: auto; } .about-info-why { padding: 40px 0 64px; } @media only screen and (max-width: 999px) { .about-info-why { padding-top: 24px; padding-bottom: 50px; } } @media only screen and (max-width: 760px) { .about-info-why { padding-top: 7px; padding-bottom: 29px; } } .about-info-why h2 { font-size: 38px; text-align: center; width: 100%; } @media only screen and (max-width: 760px) { .about-info-why h2 { font-size: 34px; padding-bottom: 10px; } } .about-why__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 999px) { .about-why__wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 760px) { .about-why__wrap { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } } .about-why { position: relative; padding-top: 59px; padding-bottom: 16px; padding-left: 110px; width: 46%; } @media only screen and (max-width: 999px) { .about-why { padding-left: 76px; padding-top: 39px; width: 49%; padding-right: 30px; padding-bottom: 9px; } } @media only screen and (max-width: 760px) { .about-why { width: 100%; padding-left: 0; padding-right: 0; padding-top: 24px; } } .about-why strong { font-size: 22px; display: block; line-height: 130%; padding-bottom: 20px; max-width: 270px; } @media only screen and (max-width: 999px) { .about-why strong { font-size: 20px; padding-bottom: 18px; } } @media only screen and (max-width: 760px) { .about-why strong { font-size: 18px; margin-left: 67px; line-height: 120%; } } .about-why p { max-width: 320px; letter-spacing: -0.01em; line-height: 190%; font-size: 13px; } @media only screen and (max-width: 760px) { .about-why p { font-size: 14px; letter-spacing: 0em; line-height: 145%; padding-right: 5px; max-width: inherit; } } .about-why__num { color: #399dd3; font-size: 80px; font-weight: bold; position: absolute; top: 74px; left: -3px; } @media only screen and (max-width: 999px) { .about-why__num { font-size: 60px; top: 54px; } } @media only screen and (max-width: 760px) { .about-why__num { font-size: 50px; top: 38px; } } .about-info-partners { background: #f4f6f9; position: relative; } .about-info-partners .wrap { padding-top: 21px; padding-bottom: 71px; } @media only screen and (max-width: 760px) { .about-info-partners .wrap { padding-top: 0px; padding-bottom: 25px; } } .about-info-partners .mask { display: none; } @media only screen and (max-width: 999px) { .about-info-partners .mask { display: block; top: auto; bottom: 0; background: rgba(244, 246, 249, 0.5) !important; background: -webkit-gradient(linear, left top, right top, from(rgba(244, 246, 249, 0)), color-stop(30%, rgba(244, 246, 249, 0.5)), to(rgba(244, 246, 249, 0.9))) !important; background: -o-linear-gradient(left, rgba(244, 246, 249, 0) 0%, rgba(244, 246, 249, 0.5) 30%, rgba(244, 246, 249, 0.9) 100%) !important; background: linear-gradient(to right, rgba(244, 246, 249, 0) 0%, rgba(244, 246, 249, 0.5) 30%, rgba(244, 246, 249, 0.9) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(244,246,249,.5)', endColorstr='rgba(244,246,249, 1)', GradientType=1) !important; } } .about-info-partners h2 { font-size: 38px; text-align: center; padding-bottom: 54px; } @media only screen and (max-width: 760px) { .about-info-partners h2 { font-size: 34px; padding-bottom: 45px; padding-top: 24px; } } .about-info-partners .banks-list__item a img { opacity: 0.4; position: static; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 760px) { .about-info-partners .banks-list__item a img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } } .about-info-partners .banks-list__item a:hover img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .about-cooperation { text-align: center; padding: 43px 0; } @media only screen and (max-width: 999px) { .about-cooperation { padding-top: 18px; padding-bottom: 37px; } } @media only screen and (max-width: 999px) and (max-width: 760px) { .about-cooperation { padding-top: 0; padding-bottom: 24px; } } .about-cooperation h2 { font-size: 38px; padding-bottom: 18px; } @media only screen and (max-width: 760px) { .about-cooperation h2 { font-size: 34px; line-height: 100%; padding-bottom: 21px; } } .about-cooperation p { color: #888e98; max-width: 776px; margin: 0 auto; } @media only screen and (max-width: 999px) { .about-cooperation p { max-width: 608px; } } @media only screen and (max-width: 760px) { .about-cooperation p { line-height: 145%; } } .about-cooperation form { max-width: 370px; margin: 0 auto; padding: 48px 0 0; } @media only screen and (max-width: 999px) { .about-cooperation form { max-width: 354px; } } @media only screen and (max-width: 760px) { .about-cooperation form { padding-top: 35px; } } .about-cooperation .textarea { height: 91px; } @media only screen and (max-width: 760px) { .about-cooperation .btn { min-width: 290px; } } .form-box { margin-bottom: 30px; } .form-box ::-webkit-input-placeholder { color: #8f959e; } .form-box ::-moz-placeholder { color: #8f959e; } .form-box :-moz-placeholder { color: #8f959e; } .form-box :-ms-input-placeholder { color: #8f959e; } .form-box :focus::-webkit-input-placeholder { color: transparent; } .form-box :focus::-moz-placeholder { color: transparent; } .form-box :focus:-moz-placeholder { color: transparent; } .form-box :focus:-ms-input-placeholder { color: transparent; } .partners-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 760px) { .partners-list { padding-bottom: 58px; } } .partners-list .banks-list__item { height: 46px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 999px) { .partners-list .banks-list__item { max-width: none; } } @media only screen and (max-width: 430px) { .partners-list .banks-list__item { height: 60px; } } .partners-list .banks-list__item a { display: block; width: 100%; } @media only screen and (max-width: 999px) { .partners-list .banks-list__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .partners-list .banks-list__item img { max-width: 120px; margin: 0 auto; display: block; text-align: center; } @media only screen and (max-width: 430px) { .partners-list .banks-list__item img { max-width: 100%; width: 180px; height: inherit; max-height: 60px; } } .top-section__content-faq, .top-section__content-faq-details { padding-bottom: 46px; width: 100%; max-width: 870px; } @media only screen and (max-width: 1180px) { .top-section__content-faq, .top-section__content-faq-details { max-width: 72%; } } @media only screen and (max-width: 999px) { .top-section__content-faq, .top-section__content-faq-details { width: 100%; max-width: 547px; padding-bottom: 0; } } @media only screen and (max-width: 760px) { .top-section__content-faq, .top-section__content-faq-details { padding-bottom: 31px; } } .top-section__content-faq h1, .top-section__content-faq-details h1 { font-size: 28px; padding-top: 22px; max-width: 666px; } @media only screen and (max-width: 999px) { .top-section__content-faq h1, .top-section__content-faq-details h1 { max-width: inherit; } } .top-section__content-faq .search-form-2, .top-section__content-faq-details .search-form-2 { max-width: 870px; margin-left: 0; margin-top: 33px; } @media only screen and (max-width: 999px) { .top-section__content-faq .search-form-2, .top-section__content-faq-details .search-form-2 { margin-top: 16px; } } @media only screen and (max-width: 760px) { .top-section__content-faq .search-form-2, .top-section__content-faq-details .search-form-2 { margin-top: 31px; } } .top-section__content-faq .search-form-2 .btn-search, .top-section__content-faq-details .search-form-2 .btn-search { right: 20px; } .top-section__content-faq p, .top-section__content-faq-details p { padding-top: 7px; } @media only screen and (max-width: 760px) { .top-section__content-faq p, .top-section__content-faq-details p { display: block; max-width: 194px; margin-left: auto; margin-right: auto; } } .top-section__content-faq-details { padding-bottom: 27px; } @media only screen and (max-width: 760px) { .top-section__content-faq-details h1 { font-size: 20px; padding-top: 28px; } } .faq-list { padding: 32px 0 0; } @media only screen and (max-width: 999px) { .faq-list { padding-top: 0; } } .faq-list__item { border: 1px solid #e9edf0; border-radius: 5px; overflow: hidden; margin-bottom: 25px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .faq-list__item:hover { border-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px #cbcbcb; box-shadow: 0px 3px 15px 0px #cbcbcb; } .faq-list__item:hover .faq-body { background: #fff; } .faq-list__item:hover .faq-body:before { border-bottom-color: #fff; } .faq-list__item:nth-child(2) .faq-head { background: rgba(0, 0, 0, 0.3); } .faq-list__head { min-height: 174px; position: relative; } .faq-list__head img { display: block; min-width: 100%; min-height: 100%; height: auto; width: auto; border-radius: 5px 5px 0 0; } .faq-head { color: #fff; padding: 24px 30px; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media only screen and (max-width: 760px) { .faq-head { padding: 20px 15px; } } .faq-head h2 { padding-right: 20px; } @media only screen and (max-width: 760px) { .faq-head h2 { padding-right: 0; max-width: none; line-height: 120%; } } .faq-head h2, .faq-head h2 a { font-size: 22px; padding-top: 0; color: #fff; } @media only screen and (max-width: 999px) { .faq-head h2, .faq-head h2 a { font-size: 18px; } } @media only screen and (max-width: 760px) { .faq-head h2, .faq-head h2 a { font-size: 16px; } } .faq-head h2 a { border-bottom: 1px solid transparent; } .faq-head h2 a:hover { border-bottom-color: #fff; } .faq-head__tags { position: absolute; bottom: 20px; left: 19px; font-size: 12px; max-width: 490px; } @media only screen and (max-width: 760px) { .faq-head__tags { display: none; } } .faq-head__stat { position: absolute; bottom: 20px; right: 26px; } @media only screen and (max-width: 760px) { .faq-head__stat { right: auto; left: 15px; } } .faq-head__stat .views { position: relative; font-size: 12px; } @media only screen and (max-width: 760px) { .faq-head__stat .views { margin-left: 0; } } .faq-head__stat .views:before { background: url("/local/templates/.default/img/views_white.svg") no-repeat; top: 3px; } .answers { color: #fff; position: relative; font-size: 12px; margin-left: 30px; border-bottom: 1px solid transparent; } .answers:hover { color: #fff; border-bottom-color: #fff; } .answers:before { content: ''; position: absolute; background: url("/local/templates/.default/img/comment_icon_white.svg") no-repeat; height: 10px; width: 12px; left: -14px; top: 3px; } .faq-body { background: #f4f6f9; position: relative; padding: 24px 32px 25px; } @media only screen and (max-width: 760px) { .faq-body { padding: 15px 14px; } } .faq-body:before { content: ''; position: absolute; top: -6px; left: 46px; border-bottom: 6px solid #f4f6f9; border-left: 5px solid transparent; border-right: 5px solid transparent; } .faq-body__name { padding-left: 57px; position: relative; } @media only screen and (max-width: 760px) { .faq-body__name { padding-left: 0; } } @media only screen and (max-width: 760px) { .faq-body__name strong { font-size: 16px; } } .faq-body__name .faq-body__avatar { top: 0; left: 0; height: 39px; width: 39px; } @media only screen and (max-width: 760px) { .faq-body__name .faq-body__avatar { display: none; } } .faq-body__name .faq-body__avatar:before { height: 39px; width: 39px; } @media only screen and (max-width: 760px) { .faq-body__name span { line-height: 120%; padding-top: 3px; } } .faq-body__content { padding-top: 16px; } .faq-body__content p { display: inline; } .experts-mobile { display: none; margin-top: 11px; } @media only screen and (max-width: 999px) { .experts-mobile { display: block; background: #f4f6f9; padding: 40px 0 25px; } .experts-mobile h3 { font-size: 28px; } .experts-mobile .popular-experts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 15px 0 0 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .experts-mobile .popular-experts li { width: 100%; max-width: 225px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 0px; } } @media only screen and (max-width: 760px) { .experts-mobile { padding-bottom: 31px; } .experts-mobile h3 { text-align: center; } .experts-mobile .popular-experts { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 26px; } .experts-mobile .popular-experts li { max-width: 100%; padding-bottom: 23px; } .experts-mobile .popular-experts li strong { font-size: 16px; } } @media only screen and (max-width: 760px) { .date, .spr, .faq-body__rating { display: none !important; } } .faq-details { padding-top: 30px; } .faq-details h2 { padding-top: 31px; } @media only screen and (max-width: 760px) { .faq-details h2 { padding-top: 23px; } } .faq-details .text-cut p { color: #404957; } @media only screen and (max-width: 760px) { .faq-details .opinion-item__name { padding-left: 52px; } } @media only screen and (max-width: 760px) { .faq-details .opinion-list { padding-top: 26px; padding-bottom: 0; } } @media only screen and (max-width: 760px) { .faq-details .opinion-page-item { padding-top: 24px; } } @media only screen and (max-width: 430px) { .faq-details__img, .faq-details__img-mob { display: none; } } .faq-details__img img, .faq-details__img-mob img { display: block; max-width: 100%; height: inherit; border-radius: 5px; } .faq-details__img-mob { display: none; } @media only screen and (max-width: 430px) { .faq-details__img-mob { display: block; } } .faq-details__tags { color: #8c929a; font-size: 12px; padding-top: 27px; } @media only screen and (max-width: 760px) { .faq-details__tags { padding-top: 24px; } } @media only screen and (max-width: 430px) { .faq-details__tags { letter-spacing: -0.03em; } } .faq-details__socials { padding-top: 26px; } @media only screen and (max-width: 760px) { .faq-details__socials { padding-top: 19px; } } .no-top-pad { padding-top: 0; } @media only screen and (max-width: 999px) { .no-top-pad { padding-top: 33px; } } @media only screen and (max-width: 760px) { .no-top-pad { padding-top: 30px; } } .sidebar { width: 270px; margin-left: auto; padding-bottom: 30px; } @media only screen and (max-width: 1180px) { .sidebar { width: 25%; } } @media only screen and (max-width: 999px) { .sidebar { display: none; } } .sidebar .btn_transparent { min-width: 220px; max-width: 220px; } .sidebar .btn-center { padding-top: 10px; margin-bottom: 11px; } .sidebar_top-pad { padding-top: 64px; } .sidebar_top-pad-2 { margin-top: 26px; } .sidebar__box { background: #fff; border: 1px solid #e9edf0; border-radius: 5px; margin-top: 30px; padding: 23px 0 17px; } .sidebar__box h3, .sidebar__box .h3 { padding-left: 28px; padding-right: 14px; line-height: 110%; } .sidebar__links { padding: 21px 18px 0 28px; } .sidebar__links li { padding: 0 0 10px; } .sidebar__links li a { display: block; letter-spacing: -0.02em; } .sidebar__links li a.active { color: #399dd3; } .colored { color: #ffad1a; } .sidebar__list li { border-bottom: 1px solid #f1f1f1; padding: 18px 0; } .sidebar__list li:last-child { border-bottom: 0px; } .sidebar__top-lends { padding: 1px 17px; } .sidebar__top-lends li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .top-lends__logo { position: relative; width: 77px; height: 30px; margin-left: 4px; } .top-lends__logo img { max-width: 100%; max-height: inherit; display: block; position: absolute; top: 0; left: 0; right: auto; bottom: 0; margin: auto; } .top-lends__content { max-width: 150px; padding-left: 19px; padding-top: 4px; } .rating-box__smaller { text-align: left; padding-top: 11px; } .rating-box__smaller .star2, .rating-box__smaller .star-active2 { height: 11px; width: 11px; margin-left: 0; margin-right: 3px; background-size: 100%; } .rating-box__smaller a.rating-opinions { font-size: 12px; margin: -3px 0 0; position: relative; line-height: 90%; } .sidebar__opinions { padding: 2px 21px; } .sidebar__opinions li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 8px; padding-right: 8px; } @media only screen and (max-width: 999px) { .sidebar__opinions li { padding-left: 0; padding-right: 0; } .sidebar__opinions li:nth-child(n+6) { display: none; } .sidebar__opinions li:nth-child(5) { border-bottom: 0px; } } .sidebar__opinions li h4,.sidebar__opinions li .h4 { width: 100%; } .sidebar__opinions p { color: #888e98; font-size: 12px; max-width: 220px; letter-spacing: -0.01; line-height: 140%; margin-top: 3px; } @media only screen and (max-width: 999px) { .sidebar__opinions p { max-width: none; } } .sidebar__opinions p a { color: #888e98; font-size: 12px !important; } @media only screen and (max-width: 999px) { .sidebar__opinions p a { font-size: 14px !important; } } .sidebar__opinions p a:hover { color: #399dd3; } .user-img { background: url("/local/templates/.default/img/user_bg.svg") no-repeat; height: 31px; width: 31px; margin-right: 10px; margin-top: 8px; } .user-img img { display: block; border-radius: 100%; max-width: 100%; max-height: 100%; } .user-rating { max-width: 165px; margin-top: 7px; } .user-rating .rating-box__smaller { padding-top: 2px; } .user-name { color: #2f3542; display: block; } .opinion-time { position: relative; color: #c0c5cf; font-size: 11px; padding-left: 18px; width: 100%; margin-top: 4px; letter-spacing: -0.01; } .opinion-time:before { content: ''; position: absolute; background: url("/local/templates/.default/img/time_icon.svg") no-repeat; height: 11px; width: 11px; top: 3px; left: 0; } .sidebar_news__list { padding-top: 10px; } .sidebar_news__list li { margin-left: 36px; margin-right: 16px; position: relative; border-bottom: 1px solid #f1f1f1; padding: 13px 0 12px; } .sidebar_news__list li:last-child { border-bottom: 0; } .sidebar_news__list li img { position: absolute; top: 16px; left: -24px; } .sidebar_news__list li a { display: block; line-height: 125%; letter-spacing: -0.015em; } .sidebar_news__list li span { display: block; font-size: 10px; color: #9ea3a9; padding-top: 3px; } @media only screen and (max-width: 999px) { .sidebar_visible { display: block; width: 100%; padding-bottom: 19px; } .sidebar_visible .sidebar__box { border: 0px; padding-top: 0; margin-top: 16px; } .sidebar_visible .sidebar__wrap { border: 1px solid #e9edf0; border-radius: 5px; } .sidebar_visible .sidebar__wrap .btn-center { padding-top: 25px; padding-bottom: 11px; } .sidebar_visible .sidebar__wrap .btn-center .btn { min-width: 290px; } .sidebar_visible .sidebar__wrap .sidebar_news__list li { padding: 9px 0 10px 33px; margin-left: 15px; margin-right: 15px; } .sidebar_visible .sidebar__wrap .sidebar_news__list li:nth-child(n+11) { display: none; } .sidebar_visible .sidebar__wrap .sidebar_news__list li:nth-child(10) { border-bottom: 0px; } .sidebar_visible .sidebar__wrap .sidebar_news__list li img { left: 5px; top: 12px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sidebar_visible .sidebar__wrap .sidebar_news__list li a { font-size: 16px; } .sidebar_visible .sidebar__wrap .sidebar_news__list li span { font-size: 12px; padding-top: 0; } .sidebar_visible h3 { font-size: 28px; padding: 0 0 27px; } } @media only screen and (max-width: 760px) { .sidebar_visible { padding-bottom: 35px; } .sidebar_visible .sidebar__box { border: 1px solid #e9edf0; padding-top: 21px; margin-top: 26px; } .sidebar_visible .sidebar__wrap { border: 0px; } .sidebar_visible .sidebar__wrap li { padding-top: 12px; padding-bottom: 13px; } .sidebar_visible .sidebar__wrap li img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); top: 14px; left: 9px; } .sidebar_visible .sidebar__wrap li a { font-size: 14px; } .sidebar_visible .sidebar__wrap li span { font-size: 10px; padding-top: 3px; } .sidebar_visible .sidebar__wrap .btn-center { padding-top: 10px; padding-bottom: 0; margin-bottom: 1px; } .sidebar_visible .sidebar__wrap .btn-center .btn { min-width: 250px; max-width: 250px; } .sidebar_visible h3 { padding-left: 29px; font-size: 22px; padding-bottom: 0; } } @media only screen and (max-width: 760px) and (max-width: 760px) { .sidebar_visible h3 { text-align: center; padding-left: 10px; padding-right: 10px; } } .popular-experts { padding: 28px 21px 0; } .popular-experts li { position: relative; padding: 17px 0 19px 49px; border-bottom: 1px solid #f1f1f1; } .popular-experts li:last-child { border-bottom: 0px; padding-bottom: 13px; } .popular-experts li .expert-avatar { top: 20px; left: 0; height: 39px; width: 39px; } .popular-experts li .expert-avatar:before { height: 39px; width: 39px; top: 0; } .popular-experts li strong { display: block; letter-spacing: -0.01em; padding-bottom: 6px; } .popular-experts li p { color: #888e98; font-size: 12px; line-height: 130%; } @media only screen and (max-width: 999px) { .hide-on-mobile { display: none; } } .footer { min-height: 205px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media only screen and (max-width: 320px) { .footer { min-width: 320px; } } .footer .search-form { position: relative; right: -5px; max-width: 200px; } .footer__top { height: 67px; border-bottom: 1px solid #f1f1f1; } .footer__top .logo { width: 135px; max-width: 135px; margin-top: 6px; } .footer__middle { border-bottom: 1px solid #f1f1f1; min-height: 63px; padding: 20px 0 0; } .footer__middle .foot-nav { width: 100%; min-width: 600px; } @media only screen and (max-width: 1180px) { .footer__middle .foot-nav { min-width: inherit; } } @media only screen and (max-width: 999px) { .footer__middle .foot-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (max-width: 760px) { .footer__middle .foot-nav { padding-top: 32px; padding-bottom: 14px; } } @media only screen and (max-width: 510px) { .footer__middle .foot-nav { max-width: 430px; } } .footer__middle .foot-nav li { padding-right: 30px; } @media only screen and (max-width: 1180px) { .footer__middle .foot-nav li:last-child { padding-right: 0 !important; } } @media only screen and (max-width: 999px) { .footer__middle .foot-nav li { padding-right: 38px; display: block; } .footer__middle .foot-nav li:last-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 38px !important; } .footer__middle .foot-nav li:first-child { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .footer__middle .foot-nav li:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer__middle .foot-nav li:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .footer__middle .foot-nav li:nth-child(4), .footer__middle .foot-nav li:nth-child(5) { display: none; } } @media only screen and (max-width: 760px) { .footer__middle .foot-nav li:nth-child(4), .footer__middle .foot-nav li:nth-child(5) { display: block; } } @media only screen and (max-width: 430px) { .footer__middle .foot-nav li { padding-right: 55px; } .footer__middle .foot-nav li:nth-child(4), .footer__middle .foot-nav li:nth-child(5) { display: block; } .footer__middle .foot-nav li:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding-right: 0; } .footer__middle .foot-nav li:nth-child(5) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .footer__middle .foot-nav li:last-child { padding-right: 0 !important; } } @media only screen and (max-width: 430px) { .footer__middle .foot-nav li { padding-right: 38px; } } .footer__middle .foot-nav li a { font-size: 14px; letter-spacing: -0.03em; color: #404957; padding-bottom: 20px; } @media only screen and (max-width: 1180px) { .footer__middle .foot-nav li a { font-size: 13px; } } @media only screen and (max-width: 999px) { .footer__middle .foot-nav li a { font-size: 14px; font-weight: 500; } } @media only screen and (max-width: 760px) { .footer__middle .foot-nav li a { border-bottom: 0px; padding-bottom: 5px; font-weight: normal; } } .footer__middle .foot-nav li a.active, .footer__middle .foot-nav li a:hover { color: #399dd3; } @media only screen and (max-width: 760px) { .footer__middle .foot-nav li a.active, .footer__middle .foot-nav li a:hover { border-bottom: 0px; } } .footer__middle .search-form { margin-left: auto; } @media only screen and (max-width: 999px) { .footer__middle .search-form { display: block; } } @media only screen and (max-width: 760px) { .footer__middle .search-form { display: none; } } .footer__bottom { background: #f4f6f9; padding: 23px 0; } @media only screen and (max-width: 760px) { .footer__bottom { padding-top: 24px; padding-bottom: 22px; } } @media only screen and (max-width: 760px) { .footer__bottom .wrap { display: block; } } .copy { color: #bdc0c5; font-size: 12px; max-width: 635px; line-height: 120%; } @media only screen and (max-width: 999px) { .copy { letter-spacing: -0.01em; padding-right: 10px; } } @media only screen and (max-width: 760px) { .copy { max-width: 100%; padding-right: 0; } } .copy br { display: none; } @media only screen and (max-width: 760px) { .copy br { display: block; } } .footer__socials { margin-left: auto; } @media only screen and (max-width: 999px) { .footer__socials { min-width: 104px; } } @media only screen and (max-width: 760px) { .footer__socials { padding-top: 14px; } } .footer__socials span { color: #404957; font-size: 14px; letter-spacing: -0.04em; position: relative; top: -5px; margin-right: 18px; } @media only screen and (max-width: 1180px) { .footer__socials span { margin-right: 6px; font-size: 13px; } } @media only screen and (max-width: 999px) { .footer__socials span { display: none; } } .footer__socials a { display: inline-block; margin: 4px 0 0 15px; position: relative; } @media only screen and (max-width: 760px) { .footer__socials a { margin-left: 0; margin-right: 17px; } } .vk { background: url("/local/templates/.default/img/vk.svg") no-repeat; height: 14px; width: 24px; top: -2px; } .fb { background: url("/local/templates/.default/img/fb.svg") no-repeat; height: 17px; width: 9px; } .inst { background: url("/local/templates/.default/img/instagram.svg") no-repeat; height: 18px; width: 18px; margin-top: 5px; } .twitter { background: url("/local/templates/.default/img/twitter.svg") no-repeat; height: 22px; width: 22px; margin-top: 5px; } /*!; slick.css ;*/ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .best-offers .slick-list, .about-links-slider .slick-list, .partners-list .slick-list { overflow: visible; } @media only screen and (max-width: 760px) { .partners-list .slick-list { overflow: hidden; } } .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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; display: block; margin: 0 auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; vertical-align: top !important; height: 100%; min-height: 1px; outline: none; } [dir='rtl'] .slick-slide { float: right; } .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; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 1; } .slick-arrow { height: 50px; width: 50px; position: absolute; top: 0; cursor: pointer; z-index: 11; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .category-slider .slick-arrow { background: #ecf1f7; height: 32px; width: 24px; } .category-slider .slick-arrow.slick-prev { border-radius: 5px 0 0 5px; left: -2px; } .category-slider .slick-arrow.slick-next { border-radius: 0 5px 5px 0; right: -2px; } .category-slider .slick-arrow:before { content: ''; position: absolute; background: url("/local/templates/.default/img/arrow_right.svg") no-repeat; height: 10px; width: 6px; top: 11px; left: 9px; } .category-slider .slick-arrow.slick-prev:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .category-slider .slick-arrow.slick-disabled { opacity: 0; z-index: -1; } .category-slider .slick-arrow:hover, .category-slider .slick-arrow:focus { background: #399dd3; } .category-slider .slick-arrow:hover:before, .category-slider .slick-arrow:focus:before { background: url("/local/templates/.default/img/arrow_right_white.svg") no-repeat; } .slick-dots { position: absolute; bottom: 0px; left: 0px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 0; text-align: center; font-size: 0; } .slick-dots li { display: inline-block; vertical-align: top; height: 4px; width: 20px; position: relative; text-indent: -9999px; margin: 0 4px 0 5px; } .slick-dots li button { text-indent: -9999px; background: #d0d4d8; border-radius: 3px !important; height: 4px; width: 20px; position: absolute; top: 0; left: 0; margin: 0 auto; cursor: pointer; overflow: hidden; padding: 0; } .slick-dots li.slick-active, .slick-dots li.slick-active button { opacity: 1; } .slick-dots li.slick-active { cursor: default; } .slick-dots li.slick-active button { background: #399cd2; } .about-links-slider .slick-dots li, .about-links-slider .slick-dots li button, .partners-list .slick-dots li, .partners-list .slick-dots li button { width: 13px; } .about-links-slider .slick-dots li, .partners-list .slick-dots li { margin: 0 3px; } /*!; customSelectBox.css ;*/ .customSelect { border: 0; background: #fff; border-radius: 3px; width: 100%; color: #a4a9b4; font-family: Ubuntu; font-weight: normal; line-height: 43px; position: relative; display: block; cursor: pointer; text-align: left; } .select-bord .customSelect { border: 1px solid #c7cbd0; height: 47px; } .form-box .customSelect { color: #404957; } .opinion-form .customSelect .selectedValue { color: #a5aab5; } .customSelect .selectedValue { margin: 0 44px 0 0; padding: 2px 0 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; cursor: pointer; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #404957; display: inline-block; vertical-align: top; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .customSelect .selectList { z-index: 999; position: absolute; left: -999em; top: -999em; border: none; margin: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .select-bord .customSelect .selectList { border: 1px solid #c7cbd0; } .customSelect dd.selected { display: none; } .customSelect.select-open .selectList { left: 0px !important; right: 0px !important; top: auto !important; background: #fff; margin-top: -1px; font-size: 14px; line-height: 18px; border-radius: 0 0 5px 5px; } .customSelect.select-open .selectList:before { content: ''; position: absolute; height: 1px; background: #eaeaec; width: 86%; left: 7%; top: 3px; } .select-bord .customSelect.select-open .selectList { border-top: 0; left: -1px !important; right: -1px !important; } .customSelect.select-open { border-bottom: 0px; border-radius: 5px 5px 0 0; z-index: 901 !important; } .customSelect .selectList dl.defaultScrollbar { overflow-x: hidden; overflow-y: scroll; } .selectListInnerWrap { padding: 18px 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .customSelect dl, .customSelect dd { margin: 0; display: block; width: 100% !important; } .customSelect dd { zoom: 1; cursor: pointer; padding: 0 20px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 260%; } .customSelect dd:last-child { padding-bottom: 0; } .customSelect .selected, .customSelect dd:hover { color: #399dd3; } .hasJS select.custom { position: absolute; left: -999em; } .select_disabled .selectedValue { opacity: 0; cursor: default; } .customSelect .caret { background: url("/local/templates/.default/img/arrow_select.svg") no-repeat; height: 6px; width: 10px; position: absolute; top: 22px; right: 24px; } .form-box .customSelect .caret { right: 10px; top: 20px; } .customSelect.select-open .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .selectValueWrap { position: relative; } .customSelect .jspPane { overflow-x: hidden; width: 100% !important; } .customSelect .jspVerticalBar { width: 4px; right: 24px; } .customSelect .jspHorizontalBar { height: 0; overflow: hidden; } .customSelect .jspTrack { right: 0px; width: 4px; } .customSelect .jspDrag { border-radius: 5px; } .customSelect .jspPane { position: relative; top: 0px; left: 0px; } .customSelect .jspContainer { width: 100% !important; } /*!; jScrollPane.css ;*/ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { background: none; height: 100%; position: absolute; right: 24px; top: 0; width: 4px; } .jspHorizontalBar { background: none; bottom: 0; height: 16px; left: 0; position: absolute; width: 100%; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #f4f5f5; position: relative; border-radius: 5px; } .jspDrag { background: #399dd3; cursor: pointer; left: 0; position: relative; top: 0; border-radius: 5px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; cursor: pointer; direction: ltr; display: block; margin: 0; padding: 0; text-indent: -20000px; } .jspDisabled { background: #80808d; cursor: default; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { float: left; height: 100%; width: 16px; } .jspVerticalBar .jspArrow:focus { border: 1px solid red; outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { margin: 0 -3px 0 0; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup>.ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup>.ui-controlgroup-item:focus, .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical>.ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc( 100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: 3px; width: 100%; border-radius: 0 0 5px 5px; bottom: 3px; left: 0; margin-bottom: -3px; } .ui-slider-horizontal .ui-slider-range-min { background: #48c28f; border-radius: 0 0 5px 5px; } .slider_blue.ui-slider-horizontal .ui-slider-range-min { background: #399dd3; } .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -9px; width: 18px; height: 18px; border-radius: 100%; background: #48c28f; outline: none; z-index: 900; } .slider_blue.ui-slider-horizontal .ui-slider-handle { background: #399dd3; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .scroll-box-5 .mCustomScrollBox, .scroll-box-4 .mCustomScrollBox { overflow: visible; } .scroll-box-4 .mCustomScrollBox { padding-right: 1.5rem; } .mCSB_container { /* contains the original content */ overflow: hidden; width: 100%; height: auto; } .offers_scroll .mCSB_container, .offers_scroll .mCustomScrollBox { overflow: visible; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside>.mCSB_container { margin-right: 0px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl>.mCSB_inside>.mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 3px; height: auto; top: 0; left: 0; bottom: 0; } .b-regions-scroll .mCSB_scrollTools { left: auto; right: 0; } .mCSB_outside+.mCSB_scrollTools { right: 0; } /* scrollbar position: outside */ .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .scroll-box-2 .mCSB_container { padding-right: 98px; } @media only screen and (max-width: 370px) { .scroll-box-2 .mCSB_container { padding-right: 20px; } } .scroll-box-2 .mCSB_scrollTools { left: auto; right: 1px; width: 3px; } .scroll-box-2 .mCSB_scrollTools .mCSB_draggerRail { background: #dcdcdc; height: 100%; width: 3px; } .scroll-box-2 .mCSB_scrollTools .mCSB_dragger { width: 5px; margin-left: -1px; border-radius: 0px; } .scroll-box-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; border-radius: 0px; height: 41px; } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 1.125rem 0; } .mCSB_scrollTools .mCSB_draggerRail { height: 100%; margin: 0 auto; border-radius: 5px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; z-index: 1; height: 41px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 3px; height: 20px; margin: 0 auto; border-radius: 5px; text-align: center; background: none; } .b-regions-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; overflow: hidden; margin: 0 auto; cursor: pointer; left: -0.09rem; } .scroll-box-4 .mCSB_scrollTools_vertical { opacity: 0; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0px; } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100%; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0px; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 0px; top: 0px; right: 0; bottom: auto; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer { height: 0px; } .offers_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: auto; bottom: 0; height: 2px; } .offers_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer { height: 2px; } .offers_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { height: 2px; background: #c9ccd2; } .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 15px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 0px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 100px; /* minimum dragger width */ height: 0px !important; left: 0; top: 0px; background: transparent; } .offers_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { height: 2px !important; width: 384px !important; background: #c9ccd2; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { float: left; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 15px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; } .mCSB_container_wrapper>.mCSB_container { -webkit-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background: #fff; } .scroll-box-3 .mCSB_scrollTools .mCSB_draggerRail { background: #ededed; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { background: #ededed; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: transparent; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url("/local/templates/.default/img/arrow_white.svg"); /* css sprites */ background-size: 100%; background-repeat: no-repeat; width: 0.93rem; height: 0.56rem; } .scroll-box-3 .mCSB_scrollTools .mCSB_buttonUp, .scroll-box-3 .mCSB_scrollTools .mCSB_buttonDown { background-image: url("/local/templates/.default/img/arrow_black.svg"); } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; } .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ .btn.btn_blue.btn_small>a { color: #FFFFFF; } .popup-window { padding: 20px; box-shadow: none; background: transparent; } .mt-10 { margin-top: -10px; } .lends-list .lend-info { border-bottom: none; } .lends-list .lend-info .lend-info__box strong { font-weight: normal; } .lends-list .mortgage-item .mortgage-item__box strong { font-weight: normal; } .support .search-form { padding-top: 0; } .main-top-section .lend-row { margin-bottom: 51px; } .main-top-section .customSelect .selectedValue, .main-top-section .input { font-size: 16px; } .submenu__col.w60 { width: 60%; } .submenu__col.w40 { width: 40%; } .credit-info-list .col-3 { width: 50%; } .sidebar__box .buttons { text-align: center; } .info-tabs-box .credit-info-list li, .credit-info-list li { font-weight: 500; } .info-tabs-box .credit-info-list li strong, .credit-info-list li strong { font-weight: normal; } .subscribe-content .left { float: left; } .subscribe-content .right { float: right; padding-top: 8px; } .nobr { white-space: nowrap; } .popup-description>h2 { padding-bottom: 10px; } .custom-combobox { position: relative; display: block; border: 1px solid #cfd1d5; height: 47px; width: 100%; background: #fff; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; } .custom-combobox-toggle { height: 47px; width: 52px; top: 0; right: 0; position: absolute; cursor: pointer; } .custom-combobox-toggle:before { content: ''; position: absolute; background: url(/local/templates/.default/img/arrow_select.svg) no-repeat; height: 6px; width: 10px; position: absolute; top: 22px; right: 24px; } .custom-combobox-input { margin: 0; padding: 0 45px 0 18px; height: 45px; width: 100%; border: 0px; background: none; color: #a4a9b4; font-family: Ubuntu; font-weight: normal; font-size: 14px; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { background: #fff; -webkit-box-shadow: 0 0 1px 1px #c7cbd0; box-shadow: 0 0 1px 1px #c7cbd0; border-radius: 0 0 3px 3px; padding: 8px 0 5px !important; max-height: 174px; overflow-x: hidden; overflow-y: auto; z-index: 9000 !important; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 6px 18px; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { color: #399dd3; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { max-width: 290px; } .credit-list .lend-info { border-bottom: none; } @media only screen and (max-width: 760px) { .credit-info-list .col-3 { width: 100%; } .subscribe-content .left { float: none; } .subscribe-content .right { float: none; } } #top-section__h1 { line-height: inherit; font-size: 28px; font-weight: bold; padding: 15px 15px 0 0; } @media only screen and (max-width: 999px) { #top-section__h1 { white-space: nowrap; } } @media only screen and (max-width: 760px) { #top-section__h1 { display: block; text-align: center; padding: 0 0 26px; } } @media only screen and (max-width: 430px) { #top-section__h1 { white-space: normal; line-height: normal; } } .tabs-box-wrap ul.credit-info-list-2 li strong { font-weight:500; } .main blockquote.style-grey { padding: 20px; padding-left: 70px; background: #eeeeee; border: none; margin: 20px 0 20px; position: relative; } .main blockquote.style-grey p { color: #222222; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .main blockquote.style-grey:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #222222; font-family: georgia; line-height: 70px; font-weight: 700; } .main blockquote.style-red { padding: 25px; padding-left: 70px; background: #f45750; border: none; margin: 0 0 20px; position: relative; } .main blockquote.style-red p { color: #fff; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .main blockquote.style-red:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #ffffff; font-family: georgia; line-height: 70px; font-weight: 700; } .main blockquote.style-red2 { padding: 20px; padding-left: 70px; background: transparent; border: 1px solid #f45750; margin: 0 0 20px; position: relative; } .main blockquote.style-red2 p { color: #222222; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .main blockquote.style-red2:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #f45750; font-family: georgia; line-height: 70px; font-weight: 700; } .main blockquote.style-image { margin: 50px 0; border: none; background: transparent; padding: 45px 35px 45px 100px; position: relative; background: url('/local/templates/finpro2020/img/blockquote/bg3.jpg') center center; /*770x360*/ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; } .main blockquote.style-image p { color: #ffffff; font-size: 18px; /*font-family: georgia, serif;*/ font-style: italic; line-height: 24px; margin-bottom: 0px; } .main blockquote.style-image:before { content: "\201C"; top: 54px; left: 50px; position: absolute; color: #fff; font-family: georgia, serif; font-size: 72px; line-height: 50px; } .main blockquote.style-green { padding: 25px; padding-left: 70px; background: #15c06d; border: none; margin: 0 0 20px; position: relative; } .main blockquote.style-green p { color: #fff; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .main blockquote.style-green:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #ffffff; font-family: georgia; line-height: 70px; font-weight: 700; } .main blockquote.style-green2 { padding: 20px; padding-left: 70px; background: transparent; border: 1px solid #15c06d; margin: 0 0 20px; position: relative; } .main blockquote.style-green2 p { color: #222222; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .main blockquote.style-green2:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #15c06d; font-family: georgia; line-height: 70px; font-weight: 700; } .main blockquote.style-yellow { padding: 25px; padding-left: 70px; background: #f5d76e; border: none; margin: 0 0 20px; position: relative; } .main blockquote.style-yellow p { color: #222; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .main blockquote.style-yellow:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #ffffff; font-family: georgia; line-height: 70px; font-weight: 700; } .main blockquote.style-yellow2 { padding: 20px; padding-left: 70px; background: transparent; border: 1px solid #f5d76e; margin: 0 0 20px; position: relative; } .main blockquote.style-yellow2 p { color: #222222; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .main blockquote.style-yellow2:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #f5d76e; font-family: georgia; line-height: 70px; font-weight: 700; } .main-section_news .text-box ul li>p{ font-weight:normal; /*line-height:100%;*/ } /* --- /local/templates/.default/css/custom.css --- */ /* GENERAL */ .text-center { text-align: center; } .pb-0 { padding-bottom: 0; } .pt-0 { padding-top: 0; } .text-box.pt-0 h2 { padding-top: 0; } /* OTHER */ .nav>li>a { transition-property: color; } .categories__item_section { width: 33.333%; } .categories__group_section { width: 66.666%; } .categories_short { padding-bottom: 0; } .categories_short .categories__item-wrap h3 { font-size: 16px; } .categories_short .categories__item { width: 33.333%; min-height: 62px; padding-top: 21px; } .categories_short .categories__group .categories__item { width: 50%; } .categories_short .categories__group .categories__item_big { width: 100%; } .categories_short .categories__item_big { min-height: 100px; padding-top: 10px; } .categories_short .categories__item_table h3 { max-width: 185px; padding-bottom: 21px; } .categories_short h3 { padding-bottom: 4px; } .categories_short .categories__item:nth-child(3) { border-right: 1px solid #e1e4e8; } .categories_short .categories__group + .categories__item_table { border-right: 0; } .categories_short .categories__item:nth-last-child(-n+3) { border-bottom: 0; } .categories_short .categories__group .categories__item:last-child, .categories_short .categories__group .categories__item:nth-last-child(-n+3) { border-bottom: 1px solid #e1e4e8; } @media only screen and (max-width: 999px) { .categories_short .categories__item { display: none; } .categories_short .categories__group .categories__item, .categories_short .categories__item_table { display: block; } .categories_short .categories__item_table { order: 5; } } .sorter-global .sorter { padding-top: 0; } .sorter-global_small li { padding-right: 15px; } .sorter-global li:last-child { padding-right: 0; } .sorter-global_small li a { border-bottom: 0; } .sorter-global_small li a { position: relative; display: block; } .sorter-global_small a:after { content: ''; position: absolute; bottom: 0; left: -5px; right: -5px; display: block; height: 3px; background-color: #399dd3; opacity: 0; pointer-events: none; transition-property: opacity; transition-duration: .3s; } .sorter-global_small a.active:after { opacity: 1; } .categories__item_name { display: flex; align-items: center; padding-right: 31px; background-color: #fff; } .categories__item_name h2 { padding-top: 0; } .categories__item_name .categories__item-wrap { display: flex; align-items: center; } .categories__item-img { max-width: 110px; margin-right: 60px; } .categories__item-img img { max-width: 100%; } .categories_short .categories__item_mobile { display: none; } @media (max-width: 1200px) { .categories_short .categories__group + .categories__item_table { padding-left: 15px; padding-right: 15px; } } @media (max-width: 760px) { .categories_short { padding-top: 0; margin-left: -15px; margin-right: -15px; } .categories_short .categories__item { padding-right: 15px !important; padding-left: 15px !important; } .categories_short .categories__group, .categories_short .categories__item_table, .categories_short .categories__item, .categories_short .categories__group .categories__item { width: 100%; } .categories_short .categories__group .categories__item_name { display: none; } .categories_short .categories__item_mobile { display: flex; } .categories_short .categories__group { order: 6; } } @media (max-width: 430px) { /* .categories__item-wrap { max-width: none; } */ .categories_short .categories__item-img { margin-right: 25px; } .categories_short .categories__item_name { min-height: 0; } .categories_short .categories__item_name h2 { font-size: 22px; } .categories_short .categories__item_name .categories__item-wrap { padding-top: 13px; padding-bottom: 13px; } .categories_short .categories__item_name .categories__item-img { max-width: 100px; } .hide-xs { display: none; } } /* banner-b start */ .banner-b { } .banner-b__link, .banner-b__img { display: block; max-width: 100%; } /* card-b */ .card-b { padding-top: 30px; padding-right: 24px; padding-left: 24px; padding-bottom: 30px; background-color: #f4f6f9; border: 1px solid #e9edf0; border-radius: 5px; } .card-b_md { padding-top: 20px; padding-bottom: 20px; } .card-b_md .card-b__head { padding-top: 20px; margin-top: -20px; } .card-b_md .card-b__body { padding-top: 20px; } .card-b__head { padding-top: 30px; padding-right: 24px; padding-left: 24px; margin-top: -30px; margin-right: -24px; margin-left: -24px; background-color: #fff; border-bottom: 1px solid #e9edf0; } .card-b__body { padding-top: 30px; } .card-b__title { margin-bottom: 18px; } .card-b__title:last-child { margin-bottom: 0; } @media (max-width: 760px) { .card-b { padding-right: 16px; padding-left: 16px; } .card-b__head { margin-right: -16px; margin-left: -16px; } } /* advantage-b start */ .advantage-b { position: relative; padding-left: 30px; box-sizing: border-box; } .advantages-b__icon-wrapper { position: absolute; top: 1px; left: 0; max-width: 18px; max-height: 21px; width: 100%; height: 100%; user-select: none; } .advantage-b__icon { max-width: 100%; max-height: 100%; } .advantage-b__title { margin-bottom: 10px; } .advantage-b__description { display: block; font-size: 14px; font-weight: 500; color: #888e98; } .advantage-b__description span { display: inline-block; } .advantage-b__link { color: #399dd3; } .advantage-b__link:hover { text-decoration: underline; } /* info-block start */ .info-block { } .info-block__wrapper { } .info-block__wrapper_center { align-items: center; } .info-block__img { max-width: 100%; max-height: 80px; margin-bottom: 12px; } .info-block__subtitle { font-size: 12px; color: #888e98; font-weight: 500; text-align: center; } .info-block__item { margin-bottom: 32px; } .info-block__item:nth-last-child(-n+2) { margin-bottom: 0; } .info-block__text-title { margin-bottom: 24px; } .info-block__text-title:last-child { margin-bottom: 0; } @media (max-width: 999px) { .info-block__left-col { } .info-block__right-col { } } @media (max-width: 767px) { .info-block__left-col { margin-bottom: 20px; } .info-block__left-col img { display: block; margin-right: auto; margin-left: auto; } } @media (max-width: 500px) { .info-block__img { max-width: 160px; max-height: 100px; } .info-block__item { margin-bottom: 20px; } .info-block__item:nth-last-child(-n+2) { margin-bottom: 20px; } .info-block__item:last-child { margin-bottom: 0; } } /* page-b start */ .page-b { } .page-b .text-box h2 { padding-bottom: 17px; } .page-b__part { padding-top: 15px; padding-bottom: 0; } .page-b__item { padding-top: 30px; } .page-b__item h2:first-child { padding-top: 10px; } .page-b__section { padding-top: 50px; } .page-b__item:first-child { padding-top: 0; } .page-b__wrapper { padding-top: 53px; } .page-b__wrapper h2:first-child { padding-top: 0; } @media (max-width: 760px) { .page-b__wrapper h2:first-child { font-size: 22px; } } /* text-title-b */ .text-title-b { } .text-title-b__title { margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #888e98; } .text-title-b__text { padding-bottom: 0 !important; font-size: 16px; font-weight: 700; color: #404957; } /* advantages-b start */ .advantages-b { } .advantages-b__wrapper { display: flex; margin-right: -2.3%; margin-left: -2.3%; } .advantages-b__item { position: relative; width: 25%; padding-right: 2.3%; padding-left: 2.3%; box-sizing: border-box; } .advantages-b__item:after { content: ''; position: absolute; top: 0; right: 20px; width: 1px; height: 100%; background-color: #d7d9dc; } .advantages-b__item:last-child:after { content: none; } .advantages-b__title { margin-bottom: 15px; font-size: 20px; font-weight: 500; } .advantages-b__count { font-size: 30px; font-weight: 700; color: #4ea5d6; } .advantages-b__description { font-size: 14px; color: #c8cdd5; } .advantages-b__description_normal { font-weight: 400; color: #404957; } @media (max-width: 991px) { .advantages-b__wrapper { margin-right: -15px; margin-left: 0; } .advantages-b__item { padding-right: 15px; padding-left: 0; } .advantages-b__item:after { right: 15px; } } @media (max-width: 767px) { .advantages-b__wrapper { flex-wrap: wrap; margin-right: -15px; margin-left: 0; } .advantages-b__item { width: 50%; margin-bottom: 25px; } .advantages-b__item:nth-child(even):after { content: none; } .advantages-b__item:nth-last-child(-n+2) { margin-bottom: 0; } .advantages-b__item:after { right: 15px; } .advantages-b__count { font-size: 26px; } } /* lend-advantages start */ .lend-advantages { display: flex; align-items: center; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; } .lend-advantages__inner { width: calc(50% - 32px); margin-right: 16px; margin-left: 16px; } .lend-advantages__inner:last-child { /* padding-right: 16px; */ } .lend-advantages__item { margin-bottom: 16px; } .lend-advantages__item:last-child { margin-bottom: 0; } /* branches start */ .branches { } .branches__head { display: flex; margin-right: -16px; margin-bottom: 20px; margin-left: -16px; } .branches_four .branches__name { width: 20%; } .branches_four .branches__group { display: flex; width: 80%; padding-right: 20px; } .branches_three .branches__name:first-child { width: 30%; } .branches_three .branches__group { display: flex; width: 70%; padding-right: 20px; } .branches_four .branches__group .branches__name:first-child { width: 40%; } .branches_three .branches__group .branches__name { width: 50%; } .branches_four .branches__group .branches__name { width: 30%; } .branches_four .lend-advantages__inner { width: calc(30% - 32px); } .branches_four .lend-advantages__inner:first-child { width: calc(40% - 32px); } .branches__name { box-sizing: border-box; width: 33.333%; padding-right: 16px; padding-left: 16px; font-size: 16px; font-weight: 600; } .branches__name:first-child { padding-left: 36px; } .branches__group .branches__name:first-child { padding-left: 16px; } .branches__body { } .branches .lend-item__content { width: calc(75%); padding-right: 20px; padding-bottom: 26px; margin-right: 0; margin-left: auto; } .branches_four .lend-advantages { align-items: flex-start; flex-grow: 2; } .branches_four .lend-item__content { width: 80%; max-width: none; display: flex; align-items: center; } .branches .lend-item__logo { width: 33.333%; padding-left: 20px; padding-right: 20px; } .branches_four .lend-item__logo { width: 20%; } .branches .lend-logo { max-width: 100px; } .branches_four .lend-logo { max-width: 73px; max-height: 42px; } .branches .lend-item__logo img { position: static; margin-left: 0; margin-right: 0; max-width: 100%; } .branches .lend-title { max-width: 200px; margin-top: 0; margin-bottom: 10px; text-align: left; font-weight: 500; } .branches .lend-title__title { font-size: 14px; color: #404957; } .branches_four .lend-title__title { font-size: 16px; } .branches .lend-item:hover .lend-title__title { color: #399dd3; } @media (max-width: 760px) { .branches__head { display: none; } .branches .lend-item__logo { display: flex; align-items: center; justify-content: flex-end; flex-direction: row-reverse; margin-bottom: 25px; } .branches_four .lend-item__logo { justify-content: space-between; } .branches .lend-item__logo, .branches .lend-item__content { width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; } .branches .lend-logo { margin-right: 25px; } .branches .lend-title { margin-bottom: 0; } .branches .lend-item { padding-bottom: 10px; } .branches .lend-advantages__inner { padding-right: 0; } .branches .lend-advantages { align-items: flex-start; } .branches_four .lend-advantages__inner, .branches_four .lend-advantages__inner:first-child { width: calc(50% - 32px); margin-bottom: 10px; } .branches_four .lend-advantages__inner:last-child { margin-bottom: 0; } .branches .lend-item__content { padding-bottom: 0; } } @media (max-width: 430px) { .branches_four .lend-advantages__inner, .branches_four .lend-advantages__inner:first-child { width: calc(100% - 32px); } .branches .lend-advantages__inner { width: calc(100% - 30px); margin-bottom: 16px; } .branches .lend-advantages__inner:last-child { margin-bottom: 0; } } .center-content .center-content { width: 100%; max-width: 100%; } /* grid start */ .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .column { margin-right: 15px; margin-left: 15px; } .col-lg-1 { width: calc(100% / 12 * 1 - 30px) } .col-lg-2 { width: calc(100% / 12 * 2 - 30px) } .col-lg-3 { width: calc(100% / 12 * 3 - 30px) } .col-lg-4 { width: calc(100% / 12 * 4 - 30px) } .col-lg-5 { width: calc(100% / 12 * 5 - 30px) } .col-lg-6 { width: calc(100% / 12 * 6 - 30px) } .col-lg-7 { width: calc(100% / 12 * 7 - 30px) } .col-lg-8 { width: calc(100% / 12 * 8 - 30px) } .col-lg-9 { width: calc(100% / 12 * 9 - 30px) } .col-lg-10 { width: calc(100% / 12 * 10 - 30px) } .col-lg-11 { width: calc(100% / 12 * 11 - 30px) } .col-lg-12 { width: calc(100% / 12 * 12 - 30px) } @media (max-width: 999px) { .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { width: calc(100% - 30px) } .col-md-1 { width: calc(100% / 12 * 1 - 30px) } .col-md-2 { width: calc(100% / 12 * 2 - 30px) } .col-md-3 { width: calc(100% / 12 * 3 - 30px) } .col-md-4 { width: calc(100% / 12 * 4 - 30px) } .col-md-5 { width: calc(100% / 12 * 5 - 30px) } .col-md-6 { width: calc(100% / 12 * 6 - 30px) } .col-md-7 { width: calc(100% / 12 * 7 - 30px) } .col-md-8 { width: calc(100% / 12 * 8 - 30px) } .col-md-9 { width: calc(100% / 12 * 9 - 30px) } .col-md-10 { width: calc(100% / 12 * 10 - 30px) } .col-md-11 { width: calc(100% / 12 * 11 - 30px) } .col-md-12 { width: calc(100% / 12 * 12 - 30px) } } @media (max-width: 760px) { .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { width: calc(100% - 30px) } .col-sm-1 { width: calc(100% / 12 * 1 - 30px) } .col-sm-2 { width: calc(100% / 12 * 2 - 30px) } .col-sm-3 { width: calc(100% / 12 * 3 - 30px) } .col-sm-4 { width: calc(100% / 12 * 4 - 30px) } .col-sm-5 { width: calc(100% / 12 * 5 - 30px) } .col-sm-6 { width: calc(100% / 12 * 6 - 30px) } .col-sm-7 { width: calc(100% / 12 * 7 - 30px) } .col-sm-8 { width: calc(100% / 12 * 8 - 30px) } .col-sm-9 { width: calc(100% / 12 * 9 - 30px) } .col-sm-10 { width: calc(100% / 12 * 10 - 30px) } .col-sm-11 { width: calc(100% / 12 * 11 - 30px) } .col-sm-12 { width: calc(100% / 12 * 12 - 30px) } } @media (max-width: 430px) { .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { width: calc(100% - 30px) } .col-xs-1 { width: calc(100% / 12 * 1 - 30px) } .col-xs-2 { width: calc(100% / 12 * 2 - 30px) } .col-xs-3 { width: calc(100% / 12 * 3 - 30px) } .col-xs-4 { width: calc(100% / 12 * 4 - 30px) } .col-xs-5 { width: calc(100% / 12 * 5 - 30px) } .col-xs-6 { width: calc(100% / 12 * 6 - 30px) } .col-xs-7 { width: calc(100% / 12 * 7 - 30px) } .col-xs-8 { width: calc(100% / 12 * 8 - 30px) } .col-xs-9 { width: calc(100% / 12 * 9 - 30px) } .col-xs-10 { width: calc(100% / 12 * 10 - 30px) } .col-xs-11 { width: calc(100% / 12 * 11 - 30px) } .col-xs-12 { width: calc(100% / 12 * 12 - 30px) } } /* input-rate start */ .input-rate { display: block; width: 100%; padding: 0; margin: 0; border: 0; background-color: transparent; padding-bottom: 2px; font-size: 16px; color: #888e98; border-bottom: 2px solid #d7d9dc; transition-property: color, border-color; transition-duration: .15s; } .input-rate:focus { color: #404957; border-color: #404957; } /* currency-table start */ .currency-table { } .currency-table__inner { display: inline-block; width: 50px; text-align: left; } .currency-table_converter, .currency-table_courses { right: 0; left: 0; box-sizing: border-box; } .currency-table_converter tr:first-child td, .currency-table_courses tr:first-child td, .currency-table_converter tr:first-child th, .currency-table_courses tr:first-child th { padding-top: 0; } .currency-table_converter *, .currency-table_courses * { box-sizing: inherit; } .currency-table_converter td { width: auto; padding-top: 8px; padding-bottom: 8px; } .currency-table_converter td:first-child { width: 60px; } .currency-table_converter td:last-child { width: auto; } .currency-table_courses th { font-size: 14px; } .currency-table_courses td { border-bottom: 1px solid #e1e4e8; font-size: 16px; } .currency-table_courses td:first-child { color: #399dd3; } .currency-table_courses td, .currency-table_courses th { width: calc((100% - 160px) / 2); } .currency-table_courses td, .currency-table_courses th { text-align: center; } .currency-table_courses td:first-child .currency-table__inner, .currency-table_courses th:first-child .currency-table__inner { width: auto; } .currency-table_courses td:first-child, .currency-table_courses th:first-child, .currency-table_courses td:last-child, .currency-table_courses th:last-child { width: 80px; } .table-left { padding-left: 16px; } @media (max-width: 760px) { .currency-table_courses th { font-size: 12px; } .currency-table_courses td:first-child { font-size: 14px; } .currency-table_courses td { padding-top: 13px; padding-bottom: 12px; } .currency-table_courses td, .currency-table_courses th { width: 25%; padding-left: 0; padding-right: 5px; text-align: left; } .table-left { padding-top: 0; padding-left: 10px; } } /* tab-pane start */ .tab-pane { display: none; } /* link-b start */ .link-b { font-size: 16px; font-weight: 600; border-bottom: 1px solid #bec1c6; } .link-b:hover { border-bottom-color: currentColor; } /* currency-wrapper start */ .currency-wrapper { } .currency-wrapper__title { margin-bottom: 16px; } @media (max-width: 760px) { .currency-wrapper__table { margin-bottom: 32px; } .currency-wrapper__table:last-child { margin-bottom: 0; } } /* map-banks start */ .map-banks { height: 540px; } @media (max-width: 999px) { .map-banks { height: 440px; } } @media (max-width: 760px) { .map-banks { height: 330px; } } /* course-date start */ .course-date { display: flex; } .course-date:before { content: ''; display: inline-block; background-image: url(/local/templates/.default/img/calculator_icon.svg); width: 20px; height: 20px; margin-right: 10px; } .course-date:hover:before { background-image: url(/local/templates/.default/img/calculator-active_icon.svg); } .course-date__input { border: 0; padding: 0; width: 95px; background-color: transparent; font-size: 16px; font-weight: 600; color: #399dd3; cursor: pointer; } .courses-table__heading { display: flex; align-items: center; } .courses-table__heading .course-date { margin-left: auto; } .sidebar__box .text-wrapper { padding-left: 28px; padding-right: 14px; } .sidebar__box_raiting h3, .sidebar__box_kursy h3, .sidebar__box_valuty h3 { margin-bottom: 14px; } .sidebar__box_raiting p, .sidebar__box_kursy p { margin-bottom: 12px; } .sidebar__box_raiting a { color: #399dd3; } .sidebar__box_valuty .sorter-wrap { width: auto; margin-bottom: 16px; margin-left: -28px; padding-right: 14px; margin-right: -14px; padding-left: 28px; } .sidebar__box_valuty .currency-table { margin-bottom: 16px; } .sidebar__box_valuty .currency-table th, .sidebar__box_valuty .currency-table td, .sidebar__box_valuty .sorter-wrap { border-bottom: 1px solid #e1e4e8; } .sidebar__box_valuty .currency-table th, .sidebar__box_valuty .currency-table td { text-align: left; } .sidebar__box_valuty .currency-table th:last-child, .sidebar__box_valuty .currency-table td:last-child { padding-left: 13px; width: 1px; } .sidebar__box_valuty .currency-table td:last-child { font-weight: 600; } .sidebar__box_valuty .currency-table th:nth-child(2), .sidebar__box_valuty .currency-table td:nth-child(2) { padding: 0; } .sidebar__box_valuty .currency-table th:first-child { padding-left: 0; } .sidebar__box_valuty .currency-table td:first-child { font-size: 14px; font-weight: 400; } .sidebar__box_valuty .currency-table tr:last-child td { border-bottom: 0; } .footer-wrapper-rate { display: flex; align-items: center; padding-top: 9px; white-space: nowrap; } .footer-rate-title { margin-right: 16px; } .footer-wrapper-rate .footer-rate { display: flex; align-items: center; padding-top: 0; min-width: auto; } .footer__middle .foot-nav { width: 34%; min-width: auto; } @media (max-width: 999px) { .footer-rate-title { width: 100%; margin-right: 0; } .footer-wrapper-rate .footer-rate { width: auto !important; } .footer-wrapper-rate { flex-wrap: wrap; padding-top: 20px; padding-bottom: 5px; } } @media (max-width: 760px) { .footer-wrapper-rate { justify-content: flex-end; text-align: right; } .footer-rate-text { width: 100%; } } /* --- /local/templates/.default/css/customNick.css --- */ .content-content__banner { padding-top: 55px; } .lends-list_lend { padding-top: 0; } .lend-title { margin-top: 5px; } .lend-title__title { font-family: Ubuntu; font-size: 10px; color: #8c929a; text-align: left; line-height: 11px; } .lend-item__amount { width: 70px; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lend-item__number { padding-left: 28px; padding-right: 28px; padding-top: 0; padding-bottom: 0; font-size: 26px; color: #a4a9b4; line-height: 24px; } .lend-info_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .lend-item__logo_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-banks .lend-item { padding: 19px 0px 20px; } .new-banks .lend-item__content, .new-banks .lend-item__logo, .new-banks .lend-info { padding: 0; } .new-banks .lend-item__content { margin-right: 30px; margin-left: 30px; } .new-banks .lend-item__content .h2 { padding-bottom: 8px; } .lend-logo__offer { display: inline-block; margin: 0 auto; } .new-banks .lend-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .new-banks .lend-logo img { max-width: 100%; max-height: inherit; height: auto; margin: inherit; position: relative; } .lend-info__box_amount { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .lend-info__box-amount { font-size: 12px; color: #9a9fa7; position: relative; display: inline-block; } .lend-info__link { display: inline-block; font-size: 16px; font-weight: 400; padding-top: 5px; padding-bottom: 0; margin-right: 5px; } .lend-item__phone { font-size: 14px; line-height: 29px; font-weight: 300; color: #8c929a; position: relative; top: -5px; margin-left: 25px; white-space: nowrap; } .lend-item__phone:before { content: ''; position: absolute; background: url(/new_banks/img/phone-gray.svg) no-repeat center / 80%; height: 24px; width: 14px; top: 1px; left: -23px; } .lend-item__content .h2 a { color: inherit; text-decoration: none; } .lend-item__title-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lend-item__title-link { font-size: 20px; } .search { margin-bottom: 40px; } .search__wrapper { position: relative; } .search__heading { font-size: 28px; font-weight: 700; margin-top: 25px; margin-bottom: 15px; } .search__input { padding: 15px 25px; font-size: 14px; width: 100%; height: auto; background-color: #f4f6f9; border: 1px solid #cfd1d5; border-radius: 3px; } .search__btn-search { top: 50%; bottom: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; } .search__input::-webkit-input-placeholder{ color: #a4a9b4; } .search__input::-moz-placeholder{ color: #a4a9b4; } .search__input:-ms-input-placeholder{ color: #a4a9b4; } .search__input::-ms-input-placeholder{ color: #a4a9b4; } .search__input::placeholder{ color: #a4a9b4; } .search__input:focus{ color: #404957; } .search__input:focus{ color: #404957; } .search__input:focus{ color: #404957; } .search__input:focus{ color: #404957; } .search__input:focus{ color: #404957; } .search__link { display: inline-block; font-size: 14px; line-height: 16px; color: #a4a9b4; padding: 10px 23px; } .search__item:first-of-type .search__link { padding-top: 13px; } .search__item:last-of-type .search__link { padding-bottom: 20px; } .search__form { z-index: 1; } .search__form-wrapper { z-index: 1; position: relative; } .search__autocomplete { position: absolute; width: 100%; background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; z-index: 10; } .search__autocomplete { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .search__autocomplete_active { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .alphabet { position: relative; display: -webkit-box; display: -ms-flexbox; margin-bottom: 20px; max-width: 100%; overflow: hidden; } .alphabet__title { display: inline-block; font-size: 14px; color: #fff; background-color: #399dd3; padding: 6px 18px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .alphabet__list { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .alphabet__item { width: 20px !important; height: 30px; border-style: solid; border-color: #e9edf0; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 0px; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .alphabet__link { display: inline-block; } .banks-title { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; } .banks-title__head { font-size: 16px; font-weight: 500; color: #404957; } .banks-title__head_padding { padding-top: 7px; } .banks-title__wrp { position: relative; padding-left: 20px; padding-bottom: 15px; } .banks-title__wrp_links { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .banks-title__wrp_links .banks-title__dropdown-link { color: #399dd3; margin-left: 5px; } .banks-title__wrp_width-small { width: 200px; } .banks-title__wrp_width-large { width: 267px; } .banks-title__dropdown { position: relative; } .banks-title__dropdown-link { position: relative; display: inline; width: 100%; height: 100%; color: #8c929a; padding-right: 25px; white-space: nowrap; } .banks-title_choose-banks .banks-title__dropdown-link:after { display: none; } .banks-title__variant { margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; } .banks-title__variant li { position: relative; white-space: nowrap; padding-right: 15px; } .banks-title__close-link { position: absolute; right: 3px; top: 6px; width: 8px; height: 8px; background: url(/new_banks/img/cancel.svg) no-repeat center / 100%; display: inline-block; cursor: pointer; } .banks-title__dropdown-link:before, .banks-title__dropdown-link:after { content: ''; position: absolute; height: 4px; width: 8px; top: 8px; } .banks-title__dropdown-link:before { background: url(/new_banks/img/arrow_menu-gray.svg) no-repeat; right: 12px; pointer-events: none; } .banks-title__dropdown-link:after { background: url(/new_banks/img/arrow_menu-gray.svg) no-repeat; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); right: 2px; pointer-events: none; } .banks-title__list { display: none; position: absolute; left: 1px; top: 18px; background-color: white; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; z-index: 99; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; border-radius: 3px; } .banks-title__link { display: inline-block; padding: 8px 16px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; } .banks-title__dropdown-link:hover + .banks-title__list, .banks-title__list:hover { display: block; opacity: 1; z-index: 5; pointer-events: auto; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .banks-title__result { margin-left: auto; white-space: nowrap; font-size: 14px; color: #adb1b6; } .new-banks-article h2 { font-size: 22px; font-weight: 700; padding-bottom: 19px; } .new-banks-article p { font-size: 14px; padding-bottom: 3px; margin-bottom: 0px; } .new-banks-article a { font-size: 14px; font-weight: 500; color: #0083d1; } .new-banks-article ul { padding-top: 7px; padding-bottom: 0px; } .new-banks-article ul li { padding: 0; padding-left: 24px; margin-bottom: 20px; } .new-banks-article ul li:before { content: ''; position: absolute; height: 2px; width: 4px; background-color: #404957; left: 17px; top: 9px; } .new-banks-article ul li p { padding: 0; margin: 0; font-size: 14px; font-weight: 500; line-height: 18px; } .new-banks-article_depart ul li { margin-bottom: 5px; } .new-banks-article_depart ul li p { font-weight: 600; } .alphabet__word-nav { display: none; width: 28px; padding: 0; height: 100%; background-color: #f4f6f9; position: absolute; right: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; } .alphabet__word-nav:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/new_banks/img/arrow_right_big_gray.svg") no-repeat center / 6px; } .alphabet__img { -webkit-transform: rotate(-95deg); -ms-transform: rotate(-95deg); transform: rotate(-95deg); } .alphabet__list .slick-slide:last-of-type .alphabet__item { border-right-width: 1px; } .alphabet .slick-prev { display: none !important; } .alphabet .slick-next { position: absolute; } .alphabet__title:hover { cursor: pointer; color: #fff; } .banks-nav__text { margin-right: 20px; font-weight: 500; } .banks-nav { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .banks-nav__link { cursor: pointer; } .banks-nav__btn svg { width: 13px; height: 13px; position: relative; top: 2px; margin-right: 3px; transition: fill .3s ease; } .banks-nav__btn:hover svg { fill: #fff; } .banks-nav__left, .banks-nav__right { display: -webkit-box; display: -ms-flexbox; display: flex; } .banks-nav__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .banks-nav__btn_radius_right_0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .banks-nav__btn_radius_left_0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .banks-nav__btn { min-width: inherit; height: inherit; padding: 10px 20px; font-size: 14px; display: inline-block; text-align: center; } .banks-nav .btn_transparent { padding-top: 9px; padding-bottom: 9px; } .btn_border_left_0 { border-left-width: 0; } .page-b__item_padding-t-0 { padding-top: 0; } @media (max-width: 998px) { .lend-item__content { margin-right: 15px; } .lend-item__long-sign { display: none; } .lend-item__amount { width: 55px; margin-right: 0; } .new-banks .lend-item__logo { width: auto; } /* .banks-rank { margin-bottom: 12px; } .banks-rank__text { width: 225px; } */ .banks-title__wrp_width-large { width: 231px; } .new-banks .lend-item { padding-top: 23px; } .new-banks .lend-item__content { margin-right: 10px; } } @media (max-width: 760px) { .lend-item__phone { display: none; } .lend-item__logo_flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .lend-title__title { text-align: right; } .new-banks .lend-logo, .new-banks .lend-title { width: 50%; max-width: 50%; } .new-banks .lend-item__content { margin-left: 0; margin-right: 0; } .new-banks .lend-item { padding: 20px; } .new-banks .lend-item__logo { margin-left: 25px; margin-bottom: 25px; } .lend-item__amount { position: absolute; left: 0; top: 15px; } .new-banks .lend-item__content .h2 { padding-bottom: 0; } .lend-item__title-wrp { margin-bottom: 20px; } .new-banks .lend-info__box-amount { display: inline-block; } .alphabet { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .alphabet__list { display: block; } .alphabet__title { white-space: nowrap; } .alphabet__word-nav { display: block; } .alphabet__list .slick-slide:last-of-type .alphabet__item { border-right-width: 0px; } .lend-item__title-link { font-size: 18px; } .search__heading { font-size: 26px; margin-bottom: 25px; } .new-banks-article ul li { padding-bottom: 0; margin-bottom: 20px; } /* */ .search { margin-bottom: 32px; } .search__link { line-height: 14px; padding: 5px 21px; } /* .banks-rank__name { top: inherit; } */ .new-banks .lend-item__content { max-width: 100%; } .lend-logo__offer { margin-left: 0; } .banks-title__result { position: absolute; right: 0; bottom: -25px; } .banks-title { -ms-flex-wrap: wrap; flex-wrap: wrap; } .banks-title__wrp_links { width: 100%; padding-bottom: 7px; } .banks-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; } .banks-nav__left { margin-bottom: 15px; } .banks-nav__left, .banks-nav__right { width: 100%; } .new-banks-article_depart ul li { margin-bottom: 5px !important; padding-bottom: 0 !important; } } @media (max-width: 430px) { .new-banks .lend-item { padding-top: 15px; padding-right: 13px; padding-bottom: 28px; padding-left: 20px; } .new-banks .lend-logo { margin-right: 17px; } .new-banks .lend-logo { width: 44%; max-width: 44%; } .new-banks .lend-title { width: 56%; max-width: 56%; } .lend-item__amount h2 { font-size: 22px; } .new-banks .lend-item__logo { margin-left: 25px; margin-bottom: 22px; } .lend-title__title { text-align: left; } .banks-title__wrp_width-large { width: 161px; } .banks-title__wrp { padding-left: 0; } .banks-title__dropdown-link { font-size: 12px; } .banks-title__dropdown-link:before, .banks-title__dropdown-link:after { top: 6px; } .banks-title__dropdown-link:before { right: 12px; } .banks-title__dropdown-link:after { right: 2px; } .banks-title__result { font-size: 12px; } .banks-nav__text { white-space: nowrap; } .banks-nav__btn { width: 100%; } } .sidebar_top-pad-0 { padding-top: 0; } /* courses */ .courses-table_mt-1 { margin-top: 30px; } .courses-table_f-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .courses-table__bank-title .courses-table__text-light { color: #404957; } .courses-table_flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .courses-table_align_center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .courses-table { background: #f4f6f9; border: 1px solid #e1e4e8; border-radius: 5px; overflow: visible; } .courses-table * { -webkit-box-sizing: border-box; box-sizing: border-box; } .courses-table__row { width: 100%; -webkit-transition-property: background, shadow; -o-transition-property: background, shadow; transition-property: background, shadow; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; } .courses-table__courses-today .courses-table__row-wrp, .courses-table__main-row, .courses-table__sub-wrp, .courses-table__courses-always .courses-table__wrp .courses-table__row:nth-child(1) { padding-left: 29px; padding-right: 29px; } .courses-table__row-wrp { z-index: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .courses-table__courses-today .courses-table__row-wrp { padding-top: 15px; padding-bottom: 15px; } .courses-table__courses-always .courses-table__row-wrp { padding-top: 20px; padding-bottom: 20px; } .courses-table__row .courses-table__row-wrp { cursor: pointer; border-bottom: 1px solid #e1e4e8; } .courses-table__sub-wrp .courses-table__row-wrp { border-bottom: 1px dashed #e1e4e8; } .courses-table__courses-today .courses-table__row:not(:first-of-type):hover, .courses-table__main-row:hover { width: 100%; background: #fff; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; } .courses-table__main-row { z-index: 1; -webkit-transition: background, -webkit-box-shadow .3s linear; transition: background, -webkit-box-shadow .3s linear; -o-transition: background, box-shadow .3s linear; transition: background, box-shadow .3s linear; transition: background, box-shadow .3s linear, -webkit-box-shadow .3s linear; } .courses-table__main-row_active { background: #fff; -webkit-box-shadow: 0px 3px 15px 0px #ced5e1; box-shadow: 0px 3px 15px 0px #ced5e1; } .courses-table__main-row_active .courses-table__row-wrp{ border-bottom: 0; padding-bottom: 21px } .courses-table__main-row_active { border-bottom: 1px solid #e1e4e8; } .courses-table__sub-wrp { background-color: #fff; -webkit-transition: background-color .3s linear; -o-transition: background-color .3s linear; transition: background-color .3s linear; } .courses-table__sub-wrp:hover { background-color: #f4f6f9; } .courses-table__sub-wrp:hover .courses-table__depart { color: #399dd3; } .courses-table__courses-today .courses-table__col:hover .courses-table__bank-name, .courses-table__courses-today .courses-table__row:not(:first-of-type):hover .courses-table__row-wrp .courses-table__col:first-of-type .courses-table__paragraph { color: #399dd3; } .courses-table__text-light { font-size: 16px; color: #989da4; } .courses-table__text-light span { font-size: 12px; } .courses-table__paragraph { font-size: 18px; -webkit-transition: color .3s linear; -o-transition: color .3s linear; transition: color .3s linear; } .courses-table__paragraph_small { font-size: 14px; } .courses-table__paragraph_large { font-size: 16px; } .courses-table__courses-today .courses-table__col { position: relative; min-width: 100px; } .courses-table__courses-today .courses-table__col { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .courses-table__courses-always .courses-table__col { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; } .courses-table__convert { cursor: auto; z-index: 10; width: 450px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; padding: 15px; -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.3); box-shadow: 0 3px 15px rgba(0,0,0,.3); border: 1px solid #ebebeb; background-color: #fff; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; } .courses-table__convert_active { visibility: visible; opacity: 1; pointer-events: auto; } .courses-table__close-btn { cursor: pointer; width: 12px; height: 12px; position: absolute; top: 2px; right: 2px; background-color: transparent; border: 0; color: #9d9d9d; outline: 0; font-weight: normal; } .courses-table__close-btn:before, .courses-table__close-btn:after { content: ''; display: inline-block; position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; width: 12px; height: 1px; background-color: #a2a1a1; } .courses-table__close-btn:before { -webkit-transform: translate(-50%) rotate(45deg); -ms-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg); } .courses-table__close-btn:after { -webkit-transform: translate(-50%) rotate(-45deg); -ms-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg); } .courses-table__input-title { font-size: 12px; color: #a2a1a1; font-weight: normal; text-align: left; } .courses-table__input-wrp:first-of-type { margin-right: 20px; } .courses-table__input-wrp { position: relative; width: calc(50% - 10px); } .courses-table__convert .courses-table__input-wrp:first-of-type:after { content: '='; position: absolute; top: 50%; right: -14px; color: #ddd; font-weight: bold; } .courses-table__input-wrp:before { content: attr(data-currency); position: absolute; top: 50%; right: 10px; color: #ddd; font-weight: bold; } .courses-table__input { width: 100%; padding: 8px 45px 8px 10px; border: 1px solid #d5d5d5; border-radius: 2px; font-size: 16px; color: #272727; outline: 0; -webkit-transition: border-color .25s; -o-transition: border-color .25s; transition: border-color .25s; -moz-appearance: textfield; } .courses-table__container { position: relative; } .courses-table__wrp { width: 100%; overflow: auto; } .courses-table__bank-name { font-size: 12px; padding-bottom: 0; margin: 0; margin-top: 10px; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .courses-table__paragraph sup { display: inline-block; position: relative; top: 2px; font-size: 12px; line-height: 10px; color: #d7565f; } .courses-table__paragraph i { cursor: pointer; display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; background: url(/new_banks/img/calculator_icon.svg); margin-left: 5px; } .courses-table__main-row_active i { cursor: pointer; display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; background: url(/new_banks/img/calculator-active_icon.svg); margin-left: 5px; } .courses-table__col:hover i { cursor: pointer; display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; background: url(/new_banks/img/calculator-active_icon.svg); margin-left: 5px; } .courses-table__hidden { z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .courses-table_arrow { display: none; position: absolute; top: 9px; right: 0px; width: 20px; height: 30px; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .courses-table_arrow_active { display: block; } .courses-table_arrow:before { content: ''; display: inline-block; background-image: url(/new_banks/img/arrow_right_menu-gray.svg); background-repeat: no-repeat; background-size: 10px; background-position: center; background-color: #f4f6f9; width: 100%; height: 100%; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .courses-table_arrow_left:before { background-image: url(/new_banks/img/arrow_left_menu-gray.svg); } .courses-table__footer { padding-left: 29px; padding-right: 29px; padding-top: 30px; padding-bottom: 20px; } .courses-table__sign { font-size: 16px; color: #404957; } .courses-table__row-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .courses-table__row-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } /* .courses-table__courses-always .courses-table__col:not(:first-of-type), .courses-table__courses-always .courses-table__col:not(:last-of-type) { flex: 0 0 15%; max-width: 15%; } .courses-table__bank-title, .courses-table__courses-always .courses-table__col:first-of-type, .courses-table__courses-always .courses-table__col:last-of-type { min-width: 100px; flex: 0 0 20%; max-width: 20%; } */ .courses-table__courses-always .courses-table__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .courses-table__courses-always .courses-table__row .courses-table__row-wrp:first-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; } .courses-table__courses-dollar .courses-table__row .courses-table__row-wrp:first-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; } .courses-table__courses-always .courses-table__row .courses-table__row-wrp:last-of-type { -webkit-box-flex: 1; -ms-flex: 1 0 78%; flex: 1 0 78%; max-width: 78%; } .courses-table__courses-dollar .courses-table__row .courses-table__row-wrp:last-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } .courses-table__courses-always .courses-table__row .courses-table__row-wrp:first-of-type .courses-table__col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; } .courses-table__courses-dollar .courses-table__row .courses-table__row-wrp:first-of-type .courses-table__col { padding-right: 60px; } .courses-table__courses-always .courses-table__row .courses-table__row-wrp:last-of-type .courses-table__col { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .courses-table__courses-dollar .courses-table__row .courses-table__row-wrp:last-of-type .courses-table__col { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } .courses-table__bank-title { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; } .courses-table__row-bottom .courses-table__col { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .courses-table__courses-always .courses-table__row .courses-table__row-wrp:last-of-type .courses-table__row-top .courses-table__col:first-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .courses-table__courses-always .courses-table__row .courses-table__row-wrp:last-of-type .courses-table__row-top .courses-table__col:last-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* .courses-table__courses-dollar .courses-table__row .courses-table__row-wrp:last-of-type .courses-table__col */ .courses-table__courses-dollar .courses-table__row .courses-table__main-row .courses-table__row-wrp:last-of-type .courses-table__col:nth-last-of-type(2), .courses-table__courses-dollar .courses-table__row .courses-table__row-bottom .courses-table__col:nth-last-of-type(2), .courses-table__courses-dollar .courses-table__row .courses-table__sub-wrp .courses-table__row-wrp:last-of-type .courses-table__col:nth-last-of-type(2) { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .courses-table__courses-dollar .courses-table__row .courses-table__main-row .courses-table__row-wrp:last-of-type .courses-table__col:last-of-type, .courses-table__courses-dollar .courses-table__row .courses-table__row-bottom .courses-table__col:last-of-type, .courses-table__courses-dollar .courses-table__row .courses-table__sub-wrp .courses-table__row-wrp:last-of-type .courses-table__col:last-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .courses-table__courses-dollar .courses-table__row-bottom { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .courses-table__row-top .courses-table__text-light { color: #404957; display: inline-block; } .courses-table__row-top { padding-bottom: 10px; border-bottom: 1px solid #e1e4e8; } .courses-table__row-bottom { padding-top: 10px; } .courses-table__courses-always .courses-table__courses-title { padding-top: 10px; padding-bottom: 10px; } .courses-table__sub { overflow: hidden; width: 100%; } .courses-table__main-row, .courses-table__sub-wrp { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .courses-table__adress { font-size: 12px; } .courses-table__depart { display: block; } .courses-table__banks-name, .courses-table__depart, .courses-table__adress { padding-left: 20px; position: relative; } .courses-table__open-depart { position: absolute; left: 0; top: 4px; z-index: 10; width: 20px; height: 12px; background: url(/new_banks/img/down-arrow.svg); background-repeat: no-repeat; background-size: 12px; display: inline-block; } .courses-table__main-row_active .courses-table__open-depart { background-image: url(/new_banks/img/up-arrow.svg); } .courses-table__heading { margin-top: 30px; line-height: 25px; } @media (max-width: 1000px) { .courses-table__courses-always .courses-table__col { font-size: 16px; } .courses-table__paragraph_large { font-size: 14px; } .courses-table__paragraph_small { font-size: 12px; } .courses-table__convert { max-width: 330px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .courses-table__convert .courses-table__input-wrp:first-of-type:after { display: none; } .courses-table__input-wrp:first-of-type { margin-right: 0; } .courses-table__input-wrp { width: 100%; } } @media (max-width: 760px) { .courses-table__courses-today .courses-table__row { min-width: 545px; } .courses-table__courses-always .courses-table__row { min-width: 740px; } .courses-table__courses-dollar .courses-table__row { min-width: 600px; } .courses-table_arrow:before { top: 16px; } .courses-table__convert { max-width: calc(100% - 50px); left: 50%; right: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .courses-table__sign { font-size: 14px; } .courses-table__footer { padding-top: 25px; } } @media (max-width: 430px) { .wrap { max-width: 100%; } .courses-table__courses-today .courses-table__text-light { font-size: 12px; } .courses-table__courses-today .courses-table__text-light span { font-size: 10px; } .courses-table__courses-today .courses-table__row-wrp, .courses-table__main-row, .courses-table__sub-wrp, .courses-table__courses-always .courses-table__wrp .courses-table__row:nth-child(1) { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; } .courses-table__paragraph { font-size: 16px; } .courses-table__courses-today .courses-table__row-wrp .courses-table__col:nth-child(1) { max-width: 70px; min-width: 70px; } .courses-table__courses-today .courses-table__row { min-width: 515px; } .courses-table__courses-always .courses-table__row { min-width: 570px; } .courses-table__courses-dollar .courses-table__row { min-width: 360px; } .courses-table__footer { padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } .courses-table__sign { font-size: 12px; } .courses-table__paragraph_large, .courses-table__paragraph_small, .courses-table__courses-always .courses-table__col .courses-table__paragraph, .courses-table__row-bottom .courses-table__text-light { font-size: 12px; } .courses-table__courses-dollar .courses-table__row .courses-table__row-wrp:first-of-type .courses-table__col { padding-right: 5px; } } .subs-offer { margin-top: 60px; } .subs-offer__heading { display: -webkit-box; display: -ms-flexbox; display: flex; } .subs-offer__img { -webkit-box-flex: 0; -ms-flex: 0 0 17.5%; flex: 0 0 17.5%; max-width: 17.5%; } .subs-offer__img img { width: 100px; max-width: 100%; display: block; margin-left: auto; } .subs-offer__text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 20px; padding-left: 30px; } .subs-offer__heading-sign { font-size: 24px; color: #404957; font-weight: bold; margin-bottom: 15px; } .subs-offer__sub-sign { font-size: 14px; color: #8c929a; } .subs-offer__form { padding-left: calc(17.5% + 30px); margin-top: 20px; } .subs-offer__form-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subs-offer__input { padding: 13px 20px; margin-right: 15px; } @media (max-width: 1000px) { .subs-offer__form { margin-top: 10px; } } @media (max-width: 760px) { .subs-offer__sub-sign { display: none; } .subs-offer__form { padding-left: 0; margin-top: 25px; } .subs-offer__form-wrp { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .subs-offer__input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 15px; } } @media (max-width: 430px) { .subs-offer__img { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .subs-offer__img img { width: inherit; margin-left: inherit; } .subs-offer__text { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 10px; padding-top: 0; } .subs-offer__heading-sign { font-style: 22px; margin: auto; } } /* --- /local/templates/.default/css/customWrap.css --- */ @media only screen and (max-width: 430px) { .wrap { max-width: 100%; } .categories__item-wrap, .best-offers h2, .best-offers .sorter-wrap, .offer, .rating-tabs, #top-section__h1, .lend-box { max-width: calc(100% - 30px); } .wrap .lend-box { max-width: 100%; } } /* --- /local/templates/finpro2020/components/bitrix/news.list/reviewsLeftBlock/style.css --- */ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* --- /local/components/content.editor/templates/footer-rates/style.css --- */ .footer-rate { padding: 17px 0 0; width: 100% !important; min-width:200px; } @media only screen and (max-width: 760px) { .footer-rate { padding-top: 20px; } } .footer-rate img { display: inline-block; vertical-align: top; margin-right: 10px; } @media only screen and (max-width: 760px) { .footer-rate img { height: 16px; margin-right: 7px; } } /* --- /local/templates/finpro2020/template_styles.css --- */ .inactive { pointer-events:none; opacity:0.6; } .popular-lend__logo img { filter: brightness(0) invert(1); } @media only screen and (min-width: 1000px) { .catalog-slider { display:none; } }