/* @global_font:'crab', sans-serif; */ @import "../css/jquery.mCustomScrollbar.css"; .link { color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*&:hover { color: #fff; border-color: #fff; }*/ } .clear { clear: both; } /*@font-face { font-family: '@global_font'; src: url("/Content/fonts/OpenSansRegular/OpenSansRegular.eot"); src: url("/Content/fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("/Content/fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansLight"; *! @font-face { font-family: "OpenSansLight"; src: url("/Content/fonts/OpenSansLight/OpenSansLight.eot"); src: url("/Content/fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansLight/OpenSansLight.woff") format("woff"), url("/Content/fonts/OpenSansLight/OpenSansLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansItalic"; *! @font-face { font-family: "OpenSansItalic"; src: url("/Content/fonts/OpenSansItalic/OpenSansItalic.eot"); src: url("/Content/fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("/Content/fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansBold"; *! @font-face { font-family: "OpenSansBold"; src: url("/Content/fonts/OpenSansBold/OpenSansBold.eot"); src: url("/Content/fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("/Content/fonts/OpenSansBold/OpenSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansExtraBold"; *! @font-face { font-family: "OpenSansExtraBold"; src: url("/Content/fonts/OpenSansExtraBold/OpenSansExtraBold.eot"); src: url("/Content/fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("/Content/fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansExtraBoldItalic"; *! @font-face { font-family: "OpenSansExtraBoldItalic"; src: url("/Content/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot"); src: url("/Content/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"), url("/Content/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansBoldItalic"; *! @font-face { font-family: "OpenSansBoldItalic"; src: url("/Content/fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot"); src: url("/Content/fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("/Content/fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansRegularItalic"; *! @font-face { font-family: "OpenSansRegularItalic"; src: url("/Content/fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot"); src: url("/Content/fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"), url("/Content/fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansSemiBold"; *! @font-face { font-family: @global_font; font-weight: bold; src: url("/Content/fonts/OpenSansSemiBold/OpenSansSemiBold.eot"); src: url("/Content/fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("/Content/fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } !* font-family: "OpenSansSemiBoldItalic"; *! @font-face { font-family: "OpenSansSemiBoldItalic"; src: url("/Content/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot"); src: url("/Content/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"), url("/Content/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"), url("/Content/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; }*/ @font-face { font-family: 'Century Gothic'; src: url('/Content/fonts/CenturyGothic-BoldItalic.woff2') format('woff2'), url('/Content/fonts/CenturyGothic-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Century Gothic'; src: url('/Content/fonts/CenturyGothic-Bold.woff2') format('woff2'), url('/Content/fonts/CenturyGothic-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Century Gothic'; src: url('/Content/fonts/CenturyGothic.woff2') format('woff2'), url('/Content/fonts/CenturyGothic.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Century Gothic'; src: url('/Content/fonts/CenturyGothic-Italic.woff2') format('woff2'), url('/Content/fonts/CenturyGothic-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } /*Clear*/ html, body, div, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, a, input, textarea, fieldset { margin: 0; padding: 0; outline: none; } html, body { /* width: 100%; */ } :focus { outline: 0; } ul { list-style-type: none; } img, fieldset { border: none; } table { border-collapse: collapse; border-spacing: 0; } input[type="submit"] { cursor: pointer; } /*--Глобальные значения--*/ /* html{ height: 100%; } */ body { -webkit-font-smoothing: antialiased; font-family: 'Roboto'; font-size: 14px; color: #102439; min-width: 995px; position: relative; } main { position: relative; } main.main_page { overflow: hidden; } main.main_page .topsales_cover { margin: 50px 0 0 50px 0; } main.main_page h2 { text-transform: uppercase; color: #044B82; } main.main_page h2 a { color: #044B82; text-decoration: none; } .bg-image-footer { left: 0; bottom: 0; width: 100%; height: 1200px; position: absolute; background: url("/Content/images/images-redesign/footer-bg.jpg") no-repeat center; background-size: cover; } .modal_opened { overflow: hidden; margin-right: 17px; } .modal_opened .box-modal { margin-left: -17px; } .modal_opened .chart_cover.active.fixed { margin-right: -492px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } textarea { resize: none; } input, textarea, button { font-family: 'Roboto'; } input[type="submit"], button[type="submit"] { cursor: pointer; } div, input, area, section { -moz-box-sizing: border-box; /* Firefox 1, probably can drop this */ -webkit-box-sizing: border-box; /* Safari 3-4, also probably droppable */ box-sizing: border-box; /* Everything else */ } hr { height: 1px; background: #ced5dd; display: block; position: relative; margin: 0 auto; max-width: 1000px; border: none; } .centralBody { position: relative; margin: 0 auto; max-width: 1200px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); min-height: 100%; padding-bottom: 50px; } .page_content { position: relative; min-height: calc(100vh - 260px); overflow: hidden; } .rouble_symbol { position: relative; display: inline; font-style: normal; } .rouble_symbol:after { content: "-"; position: absolute; left: -3%; top: -3%; width: 100%; height: 62%; overflow: hidden; } .rouble_symbol:before { content: "—"; position: absolute; left: -5%; top: 10%; height: 62%; width: 67%; overflow: hidden; } .skier_cover { position: absolute; left: 50%; top: 0; } .skier_cover .skier { z-index: 1; position: absolute; left: 0; top: 0; height: 20px; width: 20px; background: url("/content/images/ski_blue.png"); background-size: cover; -ms-transform: translate(-115px, 65px) rotate(-6deg); -webkit-transform: translate(-115px, 65px) rotate(-6deg); -moz-transform: translate(-115px, 65px) rotate(-6deg); transform: translate(-115px, 65px) rotate(-6deg); display: none; } .skier_cover .skier.animate { animation-name: yoo; animation-duration: 1500ms; animation-fill-mode: forwards; animation-timing-function: linear; display: block; } @-webkit-keyframes yoo { 0% { -ms-transform: translate(-115px, 60px) rotate(-6deg); -webkit-transform: translate(-115px, 60px) rotate(-6deg); -moz-transform: translate(-115px, 60px) rotate(-6deg); transform: translate(-115px, 60px) rotate(-6deg); } 75% { -ms-transform: translate(-266px, 135px) rotate(-6deg); -webkit-transform: translate(-266px, 135px) rotate(-6deg); -moz-transform: translate(-266px, 135px) rotate(-6deg); transform: translate(-266px, 135px) rotate(-6deg); } 100% { -ms-transform: translate(-322px, 154px) rotate(-136deg); -webkit-transform: translate(-322px, 154px) rotate(-136deg); -moz-transform: translate(-322px, 154px) rotate(-136deg); transform: translate(-322px, 154px) rotate(-136deg); } } @keyframes yoo { 0% { -ms-transform: translate(-115px, 60px) rotate(-6deg); -webkit-transform: translate(-115px, 60px) rotate(-6deg); -moz-transform: translate(-115px, 60px) rotate(-6deg); transform: translate(-115px, 60px) rotate(-6deg); } 75% { -ms-transform: translate(-266px, 135px) rotate(-6deg); -webkit-transform: translate(-266px, 135px) rotate(-6deg); -moz-transform: translate(-266px, 135px) rotate(-6deg); transform: translate(-266px, 135px) rotate(-6deg); } 100% { -ms-transform: translate(-322px, 154px) rotate(-136deg); -webkit-transform: translate(-322px, 154px) rotate(-136deg); -moz-transform: translate(-322px, 154px) rotate(-136deg); transform: translate(-322px, 154px) rotate(-136deg); } } .prompted { padding-bottom: 15px; position: relative; } .prompted .prompt-title { display: inline-block; cursor: pointer; color: #2c304d; border-bottom: 1px dashed #2c304d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .prompted .prompt-title:hover { color: #50599e; border-color: #50599e; } .prompted .prompt-text { padding-left: 14px; padding-top: 3px; /* position: absolute; */ /* margin-top: 10px; */ display: none; /* box-shadow: 0px 1px 4px rgba(1,1,1,.3); padding: 5px 10px 8px; box-shadow: 0px 1px 4px rgba(1,1,1,.3); background-color: #fff; */ font-size: 0.85714286em; } .prompted .prompt-text p { padding-bottom: 0px; } .transition-all { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .ruble-sign { /* color: transparent; */ /* img{ width: auto !important; height: 78% !important; left: -10% !important; top: 9% !important; position: absolute; margin-left: 0px !important; } */ } .test_version { padding: 10px 0; } .test_version .test_version_center { max-width: 1000px; margin: 0 auto; font-size: 12px; } .test_version .test_version_center p { padding-bottom: 5px; } /* Стили для панели сверху */ .catalog-page .admin_head_cover { position: fixed; width: 100%; z-index: 1010; } .admin_head_cover { text-align: center; background: #e6e6e6; z-index: 20; position: relative; } .admin_head { display: inline-block; text-align: center; padding: 22px 0px 23px; font-size: 14px; } .admin_head a { color: #2461b5; text-decoration: underline; margin-left: 20px; } .admin_head a:hover { color: #48c9b0; transition: all 0.2s; } .admin_head .btn { font-size: 14px; border-radius: 0; line-height: 12px; padding: 0px; text-decoration: none; background: transparent; color: #2461b5; border-bottom: 1px dashed #2461b5; } .admin_head .btn:hover { border-color: #0DB59D; background: transparent; } /* Инфа о странице */ .modal { display: none; position: fixed; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; } .modal-dialog { text-align: center; display: table; height: 100%; width: 100%; } .modal-content-cover { display: table-cell; vertical-align: middle; } .modal-content { display: inline-block; background: #fff; padding: 20px; position: relative; border-radius: 5px; width: 400px; } .modal-header .close { position: absolute; right: 10px; top: 10px; cursor: pointer; } .modal-header .modal-title { padding-top: 10px; padding-bottom: 15px; } .modal-body h3 { padding-bottom: 5px; } .modal-body input, .modal-body textarea { padding: 8px 10px; width: 100%; box-sizing: border-box; margin-bottom: 1em; } /* Авторизация */ .main-wrap-authorization { position: fixed; height: 100%; width: 100%; background: url("/Content/img/admins_iconAnd_bg/12323rf.jpg"), #fff; background-size: cover; background-position: 50% 50%; left: 0px; top: 0px; z-index: 1000; display: table; } .main-wrap-authorization .authorization { display: table-cell; vertical-align: middle; text-align: center; } .main-wrap-authorization .sad_man_authorization { padding-top: 5px; } .main-wrap-authorization .sad_man_authorization a { color: #3498db; } .main-wrap-authorization .authorization_In_form { display: table-cell; vertical-align: middle; } .main-wrap-authorization .authorization_In_form input { box-sizing: border-box; padding: 5px 8px; } .main-wrap-authorization .authorization_In_form label { font-size: 16px; } .authorization-container { display: table; text-align: center; position: relative; background: #fff; width: 280px; height: 280px; margin: 0 auto; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border-radius: 5px; } .authorization-container h3 { padding-bottom: 0.3em; padding-top: 0; } .authorization-container .remember-me { padding-bottom: 0.7em; } .authorization-container table { margin: 0 auto; text-align: left; font-size: 16px; margin-top: 3px; margin-bottom: 3px; } .authorization-container table td { padding-bottom: 3px; } .authorization-container table td:first-child { padding-right: 5px; } .authorization-container .wow_phrase { position: absolute; bottom: -150px; width: 100%; font-size: 20px; color: #fff; } .drzn_logo_authorization { position: absolute; left: 50%; margin-left: -68px; top: -80px; width: 150px; } /* Контент зона */ .contentZoneBorder { border: 1px dashed #212121; } /* Карандаш */ .icon_pencil { background: url("/Content/img/admins_iconAnd_bg/icon_pencil.png") no-repeat; display: inline-block; height: 14px; position: absolute; right: 3px; top: 3px; width: 14px; } .pencil-url { border: 1px dotted black !important; height: 20px; width: 20px; margin: 3px 10px !important; position: relative; display: inline-block; } /* 404 ошибка */ .fourZeroFour { text-align: center; } .input-validation-error { border: 1px solid red !important; } .form-block { width: 250px; margin: 30px auto 50px; } .form-block .form-signin-heading { text-align: center; margin-bottom: 10px; } .form-block .field-validation-error { color: red; display: block; margin-top: -14px; margin-bottom: 14px; } .form-block .button-box { text-align: center; } .error_page_cover { position: relative; max-width: 1000px; height: 500px; margin: 0 auto; text-align: center; } .error { width: 100%; height: 100%; } .error h1 { font-size: 4.28571429em; font-weight: 700; color: #2c304d; } .error h2 { font-size: 1.71428571em; font-weight: 300; color: #2c304d; } .admin-edit-tools-block { margin-bottom: 5px; } .admin-edit-tools-block .admin-edit-tools-item-container:before { content: ''; height: 0; display: block; clear: both; } .admin-edit-tools-block .admin-edit-tools-item-container:after { content: ''; height: 0; display: block; clear: both; } .admin-edit-tools-block .admin-edit-tools-item { line-height: 20px; font-size: 14px; cursor: pointer; border: 1px dashed #2e2e2e; float: left; width: 20px; height: 20px; margin-left: 5px; color: #2e2e2e; text-align: center; transition: all 0.2s; padding-bottom: 0; } .admin-edit-tools-block .admin-edit-tools-item:hover { background-color: #2e2e2e; color: #fff; } .admin-edit-tools-block .admin-edit-tools-item:first-child { margin-left: 0px; } .admin-edit-tools-block .admin-edit-tools-item.is-loading { cursor: default; background-color: #2e2e2e; color: #fff; } .admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.to-publish .fa-eye { display: none; } .admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.to-publish .fa-eye-slash { display: inline-block; } .admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.not-to-publish .fa-eye { display: inline-block; } .admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.not-to-publish .fa-eye-slash { display: none; } .dataPageModal textarea { height: 160px; } h1, .h1 { font-size: 2.14285714em; } h2, .h2 { font-size: 1.85714286em; } h3, .h3 { font-size: 1.57142857em; } h4, .h4 { font-size: 1.28571429em; } h5, .h5 { font-size: 1.14285714em; } h6, .h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { padding: 15px 0px; font-family: 'Roboto'; font-weight: bold; } h2 > a { color: #102439; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } h2 > a:hover { color: #2c304d; } p { padding-bottom: 15px; } ul { padding-bottom: 15px; } ul li { list-style-position: inside; padding: 5px 0px; } ol { padding-bottom: 15px; } ol li { list-style-position: inside; padding: 5px 0px; } input, textarea { padding: 6px 10px; font-size: 13px; line-height: 1.462; border: 1px solid #cacaca; resize: none; /*&:focus{ border-color: #1abc9c; transition: all 0.2s; }*/ } a { display: inline-block; color: #075C9B; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:hover { color: #01A0E2; } .imperavi_cover ol { counter-reset: li; /* Инициализируем счетчик */ padding: 0; /* Удаляем установленное по умолчанию левое поле*/ list-style: none; /* Отменяем нумерацию установленную по умолчанию */ } .imperavi_cover ol li { position: relative; /* Создаем контекст для позиционирования элементов */ margin: 0 0 6px 0.5em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */ padding: 4px 11px; display: -webkit-box; } .imperavi_cover ol li:before { content: counter(li); /* В качестве данных используем счетчик */ counter-increment: li; /* Увеличиваем значение счетчика на 1 */ /* Позиционируем и оформляем цифры */ position: absolute; top: -2px; left: -0.7em; width: 1em; padding: 4px 0; color: #2c304d; font-size: 16px; font-family: 'Roboto'; font-weight: bold; text-align: center; } .imperavi_cover ol li:after { content: "."; /* В качестве данных используем счетчик */ /* Позиционируем и оформляем цифры */ position: absolute; top: -2px; left: -0.3em; width: 1em; padding: 4px 0; color: #2c304d; font-size: 16px; font-family: 'Roboto'; font-weight: bold; text-align: center; } .imperavi_cover ul { padding-bottom: 15px; } .imperavi_cover ul li { position: relative; padding-left: 20px; list-style-position: inside; } .imperavi_cover ul li:before { top: 6px; left: 0px; margin-right: 6px; content: "—"; font-family: 'Roboto'; font-weight: bold; color: #2c304d; } .imperavi_cover ul li li { padding-left: 0px; list-style-type: disc; } .imperavi_cover ul li li:before { display: none; } .imperavi_cover > table { border: 1px solid #3973b2; /* */ border-collapse: separate; border-radius: 3px; } .imperavi_cover > table p { padding-bottom: 0px; } .imperavi_cover > table tr { /* &:nth-child(odd) { background-color: #ecf0f3; } */ /* &:first-child { td { border-bottom: 1px solid #3973b2; } } */ } .imperavi_cover > table th { padding-top: 10px; padding-bottom: 11px; border-bottom: 1px solid #3973b2; } .imperavi_cover > table td { vertical-align: top; padding-top: 10px; padding-bottom: 11px; padding-left: 15px; padding-right: 15px; } .imperavi_cover img { padding-bottom: 15px; } .imperavi_cover a { display: inline; } .imperavi_cover blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C" "\201D" "\2018" "\2019"; } .imperavi_cover blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .imperavi_cover p { line-height: 28px !important; padding-bottom: 7px !important; } .btn, a.btn { padding: 10px 21px; border-radius: 3px; border: none; line-height: 1.4; transition: all 0.2s; display: inline-block; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background: #ccc; color: #fff; text-decoration: none; } .btn:hover, a.btn:hover { background: #e6e6e6; border-color: #e6e6e6; } .btn:active, a.btn:active { background: #b3b3b3; border-color: #b3b3b3; } .btn.disabled, a.btn.disabled { background: #e6e6e6; border-color: #e6e6e6; cursor: default; } .btn_first { background: #d43f3a; } .btn_first:hover { background: #dd6864; } .btn_first:active { background: #b42c27; } .btn_second { background: #3498db; } .btn_second:hover { background: #5faee3; } .btn_second:active { background: #217dbb; } .btn_third { background: #4cae4c; } .btn_third:hover { background: #6ebf6e; } .btn_third:active { background: #3c8b3c; } .btn_input { background: transparent; position: relative; color: #102439; border-radius: 0; height: 100%; float: right; margin-top: -42px; padding-left: 35px; padding-right: 20px; } .btn_input:before { content: ''; position: absolute; height: 16px; width: 16px; background: url("/Content/images/images-redesign/search.svg") no-repeat center; background-size: cover; left: 12px; top: 17px; } .btn_input:hover { background: transparent; } .btn-addChart-cat { background: #075C9B; padding: 5px 0px; width: 100%; border-radius: 3px; } .btn.btn_on_shop_go { background: #2c304d; padding: 5px 0px; width: 100%; border-radius: 3px; text-decoration: none; margin-top: 25px; } .btn.btn_on_shop_go:hover { background-color: #50599e; } .btn.btn-send-resume { font-size: 1.42857143em; background: #2c304d; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn.btn-send-resume:hover { background-color: #50599e; } .btn.btn-err-onmain, .btn-err-oncat { font-size: 1.42857143em; text-decoration: none; width: 230px; margin: 0 39px; margin-top: 50px; } .btn.btn-err-onmain { background: #ffffff; color: #1a5ea6; border: 2px solid #1a5ea6; } .btn.btn-err-onmain:hover { background: #ffffff; } .btn.btn-err-oncat { background: #1a5ea6; color: #ffffff; border: 2px solid #1a5ea6; } .btn.btn-err-oncat:hover { background: #1a5ea6; } .btn-basket { background: #ff8f35; font-size: 1.42857143em; padding: 10px 30px; } .btn.btn_big_orange { background: transparent; border: 1px solid #075C9B; color: #075C9B; font-size: 1.42857143em; border-radius: 4px; padding: 10px 30px; margin-left: 15px; } .btn.btn_big_blue { background: #075C9B; font-size: 1.42857143em; border-radius: 4px; padding: 10px 30px; margin-left: 15px; } .btn_size_1 { font-size: 1.14285714em; } .btn_size_2 { font-size: 1.28571429em; } .btn_size_3 { font-size: 1.42857143em; } .jq-checkbox { width: 17px; height: 17px; border-radius: 0px; border: 1px solid #cacaca; vertical-align: middle; cursor: pointer; background: #ffffff; margin-top: -3px; margin-right: 10px; } .jq-checkbox.checked .jq-checkbox__div { width: 9px; height: 9px; margin: 3px 0 0 3px; border-radius: 0px; background: #2c304d; } .jq-checkbox.focused { border: 1px solid #08C; } .jq-checkbox.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-radio { width: 17px; height: 17px; background: #ffffff; border-radius: 50%; vertical-align: middle; cursor: pointer; border: 1px solid #d1d1d1; } .jq-radio.checked .jq-radio__div { width: 9px; height: 9px; margin: 3px 0 0 3px; border-radius: 50%; background: #2969ac; } .jq-radio.focused { border: 1px solid #08C; } .jq-radio.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-file { width: 270px; } .jq-file input { cursor: pointer; height: auto; line-height: 1em; } .jq-file__name { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; padding: 5px 80px 5px 10px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #1a5ea6; border-bottom-color: #1a5ea6; background: #FFF; } .focused .jq-file__name { border: 1px solid #1a5ea6; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 5px 10px; border-left: 1px solid #1a5ea6; color: #333; height: 93%; } .jq-file:hover .jq-file__browse { background-color: #E6E6E6; background-position: 0 -10px; } .jq-file:active .jq-file__browse { background: #F5F5F5; } .jq-file.disabled .jq-file__name { color: #888; } .jq-file.disabled, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox { vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; width: 100%; } .jq-selectbox__select { padding: 6px 54px 6px 10px; border: 1px solid #cacaca; background: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .jq-selectbox__select:hover { background-color: #E6E6E6; background-position: 0 -10px; } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794BF; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 38px; height: 100%; } .jq-selectbox__trigger-arrow { position: absolute; top: 12px; right: 10px; overflow: hidden; background-image: url(/content/images/sprite.png); background-position: 0px -55px; width: 18px; height: 9px; opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { opacity: 1; filter: alpha(opacity=100); } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { opacity: 0.3; filter: alpha(opacity=30); } .jq-selectbox__dropdown { top: 33px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; outline: none; border: 1px solid #CCC; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-user-select: none; white-space: nowrap; color: #231F20; list-style-type: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #08C; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { -moz-box-sizing: border-box; box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); background: #FFF; color: #333; cursor: default; } .jq-select-multiple.focused { /* border: 1px solid #5794BF; */ } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; white-space: nowrap; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } input[type="email"].styler, input[type="number"].styler, input[type="password"].styler, input[type="search"].styler, input[type="tel"].styler, input[type="text"].styler, input[type="url"].styler, textarea.styler { padding: 7px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); color: #333; } input[type="search"].styler { -webkit-appearance: none; } textarea.styler { overflow: auto; } input[type="email"].styler:hover, input[type="number"].styler:hover, input[type="password"].styler:hover, input[type="search"].styler:hover, input[type="tel"].styler:hover, input[type="text"].styler:hover, input[type="url"].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type="email"].styler:focus, input[type="number"].styler:focus, input[type="password"].styler:focus, input[type="search"].styler:focus, input[type="tel"].styler:focus, input[type="text"].styler:focus, input[type="url"].styler:focus, textarea.styler:focus { border-color: #CCC; border-top-color: #B3B3B3; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); outline: none; } button.styler, input[type="button"].styler, input[type="submit"].styler, input[type="reset"].styler { overflow: visible; padding: 7px 11px; outline: none; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler::-moz-focus-inner, input[type="button"].styler::-moz-focus-inner, input[type="submit"].styler::-moz-focus-inner, input[type="reset"].styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:after { content: ''; } button.styler:not([disabled]):hover, input[type="button"].styler:not([disabled]):hover, input[type="submit"].styler:not([disabled]):hover, input[type="reset"].styler:hover { background-color: #E6E6E6; background-position: 0 -10px; } button.styler:not([disabled]):active, input[type="button"].styler:not([disabled]):active, input[type="submit"].styler:not([disabled]):active, input[type="reset"].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type="button"].styler[disabled], input[type="submit"].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-stacking + .noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 18px; height: 18px; overflow: hidden; border-radius: 50%; left: -10px; top: -7px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-background { background: #a6a6a6; } .noUi-connect { background: #ffffff; -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { /* border-radius: 2px; */ } .noUi-target { /* border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; */ } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; } /* Handles and cursors; */ .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { /* border: 1px solid #D9D9D9; border-radius: 3px; */ background: #075C9B; cursor: pointer; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ /* .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; }*/ .noUi-handle:after { content: ""; display: block; position: absolute; height: 6px; width: 6px; border-radius: 50%; background: #ffffff; left: 6px; top: 6px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle { cursor: not-allowed; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .arcticmodal-overlay, .arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; } .arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; padding-right: 17px; } *:first-child + html .arcticmodal-container { height: 100%; } .arcticmodal-container_i { height: 100%; margin: 0 auto; } .arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; } .arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; } .arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; } .box-modal { background-color: #f9fafb; /* border: 2px solid #ebedef; */ border-radius: 2px; -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; /* -webkit-box-shadow: -14px 14px 0 0 rgba(0, 0, 0, 0.35); box-shadow: -14px 14px 0 0 rgba(0, 0, 0, 0.35); */ position: relative; } .box-modal.fast_order { width: 470px; } .box-modal.fast_order .modal_head { margin-bottom: 10px; } .box-modal.fast_order .modal_body { padding: 0 40px; margin: 0; } .box-modal.fast_order .modal_body input { width: 100%; margin-bottom: 15px; } .box-modal.fast_order .modal_footer { text-align: right; padding: 0 40px; } .modal_head h2 { padding-left: 40px; padding-right: 40px; } .modal_body { margin: 0 20px; } .modal_body .item_color_cover, .modal_body .item_size_cover { margin-bottom: 0; } .modal_body table { width: 100%; text-align: left; border-bottom: 1px solid #cfcfcf; } .modal_body th { font-weight: normal; border-bottom: 1px solid #cfcfcf; padding: 15px 0; padding-left: 20px; } .modal_body td { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } .modal_footer { overflow: hidden; height: 70px; } .modal_footer .btn-addChart-cat { float: left; width: 196px; margin-left: 20px; margin-top: 15px; border: 1px solid #075C9B; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modal_footer .btn-addChart-cat:hover { background-color: #01A0E2; border-color: #01A0E2; } .modal_footer .btn-addChart-cat:active { background-color: #b3b3b3; border-color: #b3b3b3; } .modal_footer .btn-addChart-cat .mini_chart_white { opacity: 1; display: inline-block; vertical-align: middle; margin-right: 5px; } .arcticmodal-close { background-image: url(/content/images/sprite.png); background-position: 0px -307px; width: 16px; height: 16px; position: absolute; right: 17px; top: 19px; cursor: pointer; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { display: flex; margin-left: 1px; position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; margin: 40px 0 0 0; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; background: transparent; border: 1px solid #075C9B; border-radius: 50%; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*.owl-carousel .owl-controls .owl-nav .owl-prev { display: none !important; }*/ .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-item a { width: 100%; } .owl-carousel .owl-item img { display: block; /* width: 100%; */ -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; max-width: 100%; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-prev, .owl-next { width: 43px; height: 43px; float: left; margin: 0 0.5px; cursor: pointer; position: absolute; top: 215px; user-select: none; z-index: 20; background-repeat: no-repeat; } .owl-prev { left: -66px; } .owl-prev:after { content: ''; position: absolute; left: 7px; top: 0px; background: url(/content/images/images-redesign/keyboard-left-arrow-button.png) no-repeat center; background-size: cover; width: 27px; height: 43px; } .owl-next { right: -66px; } .owl-next:after { content: ''; position: absolute; left: 7px; top: 0px; background: url(/content/images/images-redesign/keyboard-right-arrow-button.png) no-repeat center; background-size: cover; width: 27px; height: 43px; } .owl-controls { position: relative; } .owl-controls .owl-dots { position: absolute; left: 300px; top: -65px; display: flex; } .owl-controls .owl-dot { width: 15px; height: 15px; background: #7a7b81; transition: 300ms; margin: 0 2px; } .owl-controls .owl-dot.active { background: #01A0E2; transform: scale(1.1); border-radius: 50%; } #calendar2 { position: absolute; top: -30px; width: 85%; margin-left: 7.5%; font-size: 1em; text-align: center; } #calendar2 thead td { padding-bottom: 25px; } #calendar2 thead tr:last-of-type { display: none; } #calendar2 tbody { color: #ffffff; } #calendar2 thead tr:last-child { font-size: small; color: #555555; } #calendar2 thead tr:nth-child(1) td:nth-child(2) { color: #323232; } #calendar2 thead tr:nth-child(1) td:nth-child(1):hover, #calendar2 thead tr:nth-child(1) td:nth-child(3):hover { cursor: pointer; } #calendar2 tbody td { color: #075C9B; padding: 2px 0; padding-left: 1px; } #calendar2 tbody td:nth-child(n+6), #calendar2 .holiday { /* color: rgb(231, 140, 92); */ } #calendar2 tbody td.today { background: #01A0E2; border-radius: 3px; color: #fff; } #calendar2 tbody td[title] { /* выделенные даты */ background: #50599e; border-radius: 3px; cursor: pointer; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #calendar2 tbody td[title]:hover { background-color: #00b0ff; } #calendar2 tbody td[title] a { color: #ffffff; } #calendar2 tbody td[title] a { /* выделенные даты-ссылки */ display: block; text-decoration: none; } .newsline_calendar { background: #fff; position: relative; width: 100%; height: 160px; margin-top: 39px; } .newsline_calendar_list { background: #515b67; width: 100%; max-height: 220px; overflow-y: auto; /* .mCSB_scrollTools .mCSB_draggerContainer{ padding-top: 10px; padding-bottom: 10px; } .mCSB_dragger_bar{ margin-top: 10px !important; } */ } .newsline_calendar_list .mCSB_scrollTools_vertical { height: 90%; margin-top: 5%; } .newsline_calendar_list_one { padding: 8px 18px; } .newsline_calendar_list_one:last-of-type { padding-bottom: 20px; } .newsline_calendar_list_one p { color: #32baf6; font-size: 0.85714286em; padding-bottom: 3px; } .newsline_calendar_list_one a { color: #ffffff; text-decoration: underline; font-size: 0.85714286em; font-family: 'Roboto'; font-weight: bold; } .newsline_calendar_list_one a:hover { color: #1abc9c; } /* == 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: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar { -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; height: 188px; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .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: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* 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; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .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 { width: 12px; /* 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 { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; overflow: hidden; margin: 0 auto; cursor: pointer; width: 88px; height: 20px; left: 11px; opacity: 1 !important; } .mCSB_scrollTools .mCSB_buttonUp { background: #ffffff; top: 0px; } .mCSB_scrollTools .mCSB_buttonUp:after { content: ''; position: absolute; background-image: url(/content/images/sprite.png); background-position: 0px -114px; width: 52px; height: 10px; left: 19px; top: 3px; } .mCSB_scrollTools .mCSB_buttonDown { background: #ffffff; bottom: 0px; } .mCSB_scrollTools .mCSB_buttonDown:after { content: ''; position: absolute; background-image: url(/content/images/sprite.png); background-position: 0px -84px; width: 52px; height: 10px; left: 19px; bottom: 3px; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -13px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; margin: 7px 0; height: 6px; border: 1px solid #c8c8c8; background: transparent; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; margin-top: 8px; background: #c8c8c8 !important; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; top: -78px; opacity: 1 !important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; height: 75px; width: 20px; background: #ffffff; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:after { content: ''; position: absolute; background-image: url(/content/images/sprite.png); background-position: 0px -1042px; width: 10px; height: 52px; left: 4px; top: 13px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; height: 75px; width: 20px; background: #ffffff; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:after { content: ''; position: absolute; background-image: url(/content/images/sprite.png); background-position: 0px -1114px; width: 9px; height: 52px; right: 4px; top: 13px; } /* ------------------------------------------------------------------------------------------------------------------------ 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; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; } .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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.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 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ /* .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } */ .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 { width: 6px; border: 1px solid #c8c8c8; background: transparent; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c8c8c8 !important; width: 4px; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .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 { background-position: 0 -20px; /* 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 */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* 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); -webkit-border-radius: 1px; -moz-border-radius: 1px; 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); -webkit-border-radius: 1px; -moz-border-radius: 1px; 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); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; 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); -webkit-border-radius: 2px; -moz-border-radius: 2px; 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); -webkit-border-radius: 2px; -moz-border-radius: 2px; 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); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; 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: -moz-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, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); 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: -moz-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, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); 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 { -webkit-border-radius: 16px; -moz-border-radius: 16px; 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); 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 .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; 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); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { 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 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; 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 { 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; 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 { 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 { 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); 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 { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { 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 { 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 { 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); 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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 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; -moz-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); } /* ---------------------------------------- */ /* Preload images */ body:after { /*content: url(/content/images/close.png) url(/content/images/loading.gif) url(/content/images/prev.png) url(/content/images/next.png);*/ display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; width: 100% !important; } body.mobile .lb-outerContainer { width: 90% !important; height: auto !important; } body.mobile .lb-image { height: auto !important; width: 100% !important; } .lightbox { position: absolute; left: 0; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; width: 100%; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; max-width: 100%; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; /*background: url(../images/loading.gif) no-repeat;*/ } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/content/images/prev.png) 10% 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/content/images/next.png) 94% 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; height: 35px; width: 35px; background: #ffffff !important; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; position: absolute; top: -43px; right: 10px; border-radius: 50%; } .lb-data .lb-close:after { content: ""; position: absolute; background-image: url(/content/images/sprite.png); background-position: 0px -307px; width: 16px; height: 16px; left: 10px; top: 10px; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .main_nav { padding: 10px 0px; } .main_nav ul { text-align: center; } .main_nav li { display: inline-block; } .demo_cover { padding: 0px 20px; } .demo_section_title { border-top: 2px solid #102439; border-bottom: 2px solid #102439; } footer { text-align: center; } footer h5 { padding: 7px 0px; } .code { font-family: tahoma; color: #ccc; font-size: 1.28571429em; } /* .code.h1, .code.h2, .code.h3, .code.h4, .code.h5, .code.h6, .code.p, .code.ul, .code.ol{ .font-size(18); } */ .code.h1 { padding: 42px 0px; } .code.h2 { padding: 37px 0px; } .code.h3 { padding: 29px 0px; } .code.h4 { padding: 22px 0px; } .code.h5 { padding: 22px 0px; } .code.h6 { padding: 18px 0px; } .code.p { padding: 25px 0px; } .code.ul { padding: 83px 0px; } .code.ol { padding: 83px 0px; } .demo_row { overflow: hidden; } .demo_row .demo_lcol { float: left; width: 50%; text-align: center; } .demo_row .demo_rcol { float: left; width: 50%; } .demo_row_buttons .demo_row { padding: 25px 0px; } .code.buttons { padding: 35px 0px; } .demo_row_formstyler .demo_row { padding: 25px 0px; overflow: visible; } .code_formstyler { display: inline-block; text-align: left; font-family: tahoma; color: #ccc; margin-top: 90px; font-size: 1.28571429em; } .demo_rcol_slider { padding: 87px 0px; } #slider-range-value { margin-top: 8px; display: inline-block; } .noui_slider_code { display: inline-block; text-align: left; margin-top: 20px; margin-bottom: 20px; } .demo_row_tooltip .demo_lcol { padding-top: 40px; padding-bottom: 30px; } .demo_row_tooltip .demo_rcol { padding-top: 30px; padding-bottom: 30px; } /* .modal_body{ padding: 50px 40px; } */ .demo_row_inputs .demo_row { padding: 10px 0px; } .demo_row_inputs .demo_lcol { padding-top: 55px; padding-bottom: 30px; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype'); } .main-menu { overflow: hidden; } .main-menu li { float: left; } * { font-family: 'Roboto'; } .header_links { height: 160px; } .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: 900px; background: url('/Content/images/images-redesign/head-bg.jpg') no-repeat center; background-size: cover; z-index: -1; } .head_background { position: absolute; top: 0; left: 0; width: 100%; height: 280px; } .header_container { max-width: 1600px; margin: 0 auto; margin-top: 50px; width: 100%; } .header_container .nav { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 160px; padding: 0 20px; } .menu-links { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; font-weight: bold; font-size: 18px; /* &:hover { .second_menu { display: table; } }*/ } .menu-links li:hover .second_menu { display: flex; flex-direction: column; min-width: 10% ; z-index: 150; transition: all 0.3s; } .menu-links li:hover .second_menu li { width: 100%; transition: all 0.3s; } .menu-links li:hover .second_menu .second_menu_title { color: #01A0E2 !important; } @media (max-width: 1515px) { .menu-links { font-size: 16px; /*.chart_cover { .chart_blue_block { top: 4px; width: 35px; height: 33px; } }*/ } } @media (max-width: 1445px) { .menu-links { font-size: 15px; } } @media (max-width: 1403px) { .menu-links { font-size: 14px; } } .menu-links .location { position: relative; } .menu-links .location::before { content: ''; display: block; position: absolute; background-image: url("/Content/images/images-redesign/place-icon.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 16px; height: 16px; top: 7px; left: -19px; } .menu-links .location span { color: #075C9B !important; } .menu-links .location span:hover { color: #01A0E2 !important; } .menu-links .login { text-align: center; } .menu-links .login .user-icon img { max-width: 100%; } .menu-links .bask { text-align: center; width: 100%; } .menu-links .bask .bask-icon img { max-width: 100%; } .menu-links .favorite { text-align: center; } .menu-links .favorite .fav-icon img { max-width: 100%; } .menu-links li { cursor: pointer; margin-right: 10px; } .menu-links li a { color: #075C9B !important; text-decoration: none; cursor: pointer; display: block; } @media (max-width: 1200px) { .menu-links li a { text-align: center; } } @media (max-width: 1315px) { .menu-links li a { text-align: center; } } .menu-links li a:hover { color: #01A0E2 !important; } .logotype_container { display: flex; justify-content: flex-start; align-items: center; height: 160px; padding-left: 10px; flex-shrink: 0; } .logotype_container a { display: block; height: 100%; } .logotype_container img { max-width: 100%; max-height: 100%; } .search_input { max-width: 1560px; margin-top: auto; margin-bottom: 8px; z-index: 99; } .search_input_container { display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin: 10px 0 0 0; } .search_input_container .search_input_item { position: relative; flex-grow: 1; } .search_input_container .search_input_item .src_btn { position: absolute; display: block; background-image: url(/Content/images/images-redesign/search.svg); background-size: contain; background-position: center; width: 25px; height: 25px; top: 50%; transform: translateY(-50%); right: 20px; z-index: 1; outline: none; background-color: transparent; border: none; } .search_input_container .search { padding: 0 0 0 20px; } .search_input_container input { width: 100%; height: 50px; background: #FFFFFF; box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.38); border-radius: 16px; } .search_input_links a { text-decoration: none; color: #075C9B !important; } .search_input_links a:hover { color: #01A0E2; } .headimage { width: 100%; position: relative; height: 280px; } .headimage_centerblock { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; } .phone_box { display: flex; justify-content: space-between; align-items: center; } .headimage_container { margin-top: 40px; padding: 10px; } .headimage_container .phone_box, .headimage_container .social_icons { margin-top: 0; } .headimage_container .phone_box_group a { font-size: 14px; text-decoration: none; color: #075C9B; } .headimage_container .phone_box_group p { color: #075C9B; padding: 0px; } .shop_type { font-weight: bold; white-space: nowrap; font-size: 18px; } @media (max-width: 1445px) { .shop_type { font-size: 15px; } } @media (max-width: 1403px) { .shop_type { font-size: 14px; } } .shop_type:hover { color: #01A0E2; cursor: pointer; } .header_inner { width: 100%; } .phone_box span { font-size: 0.85714286em; } .phone_box p { font-size: 1em; padding-bottom: 8px; } .phone_box p font { font-size: 1.28571429em; font-family: 'Roboto'; font-weight: bold; } .feedback_title { position: absolute; top: -80px; padding: 15px 35px; background-color: #fff; border-radius: 10px; cursor: pointer; filter: drop-shadow(0 0 3px #232745); transform: translateY(0); transition: 300ms; } .feedback_title span { font-size: 1.2em; color: #50599e; vertical-align: top; font-weight: bold; } .feedback_title::before { display: block; content: ""; position: absolute; bottom: -20px; left: 20px; border: 10px solid transparent; border-left: 10px solid #fff; border-top: 10px solid #fff; } .feedback_title:hover { transform: translateY(-4px); } .feedback_icon { display: inline-block; position: relative; top: 3px; width: 18px; height: 18px; background-repeat: no-repeat; background-size: contain; background-image: url("/Content/images/icon/comments.png"); } .social_icons { margin-top: 37px; font-size: 0.85714286em; float: right; } .social_icons span { display: inline-block; padding-bottom: 5px; } .social_icons a { display: inline-block; padding: 0 1px; } .logo_search_and_chart { position: relative; padding: 0 30px; max-width: 1220px; margin: 0 auto; margin-top: -100px; z-index: 40; padding-bottom: 90px; } .logo_container { display: flex; justify-content: flex-start; align-items: center; background: url('/Content/images/images-redesign/logo-main.svg') 20% no-repeat; height: 186px; position: absolute; left: 0; top: -105px; width: 245px; margin-left: 3%; } .search_and_chart_cover { position: relative; width: 70%; margin-left: 22%; } .search_and_chart_cover ul { font-size: 0.85714286em; overflow: hidden; padding: 0; padding-bottom: 8px; } .search_and_chart_cover ul li { list-style: none; float: left; margin: 0px 10px; } .new_city_title { display: inline-block; padding: 0; text-align: right; } .head-variant-slim-menu { position: relative; } .head_variant_cover { position: relative; padding: 0 30px; max-width: 1200px; margin: 0 auto; height: 56px; display: flex; align-items: center; justify-content: space-between; } .head_variant { width: 79%; vertical-align: bottom; } .head_variant ul { display: flex; justify-content: space-between; align-items: center; padding: 0; } .head_variant ul a { color: #075C9B; text-decoration: none; } .head_variant ul a:hover { color: #01A0E2; } .block_block { text-align: left; position: relative; } .city_selected { color: #075C9B; position: relative; } .city_selected::before { position: absolute; content: ''; display: block; width: 12px; height: 18px; background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/map_icon.svg"); background-size: contain; top: 0px; left: -20px; } .confirm { display: none; position: absolute; top: 16px; right: -34px; background-color: #ffffff; box-shadow: 0 0 14px rgba(0, 0, 0, 0.3); font-size: 20px; padding: 21px; z-index: 100; } .confirm::before { content: ''; position: absolute; left: 29px; top: -10px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; } .confirm .confirm_city_current { color: #2c304d; } .confirm .confirm_city { padding-bottom: 15px; } .confirm .confirm_button { border: none; cursor: pointer; font-size: 14px; padding: 0 2px; border-radius: 3px; width: 40px; height: 35px; background-color: #075C9B; color: #ffffff; } .confirm .confirm_button:hover { background-color: #3770ac; } .cities_list { display: flex; flex-direction: row; flex-wrap: wrap; } .cities_item { width: 30%; padding: 5px; } .city_to_choose { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .first_visit .confirm { display: block; width: 200px; } .comparison { text-align: right; position: absolute; right: 0; top: -33px; } .comparison span { color: #ffffff; padding: 1px 6px; border-radius: 3px; background: #50599e; margin-top: 2px; margin-right: 2px; display: inline-block; } .comparison a { text-decoration: none; color: #fff; } .search_and_chart { position: relative; } .chart_cover_link { width: 100%; float: right; text-decoration: none; transition: 0s; } .chart_cover_link .chart_cover { width: 100%; float: none; cursor: pointer; } .chart_cover_link .chart_cover_link { width: 100%; } .chart_cover { float: right; width: 25%; overflow: hidden; position: relative; padding: 9px 13px; height: 50px; transition: background 300ms, border 300ms, color 300ms; } .chart_cover i { font-style: normal; } .chart_cover .count_item_hidden { display: none; } .chart_cover .chart_blue_block { width: 43px; height: 42px; left: 10%; top: 8px; border-radius: 3px; position: absolute; overflow: hidden; background-image: url("/Content/images/images-redesign/basket.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; /*&:before{ content: ''; position: absolute; width: 20px; height: 20px; background: url("/Content/images/icon/chart_gift.png") no-repeat; right: 5px; top: -20px; }*/ } .chart_cover.active { cursor: pointer; /*&:hover{ color: #fff; transition: all 300ms; p{ color: #fff; transition: all 300ms; } background: #044B82; transition: all 300ms; }*/ } .chart_cover.active.fixed { position: fixed; right: 151px; top: 10px; width: auto; height: auto; z-index: 50; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .chart_cover.active.fixed .chart_cover_text { padding: 0 40px 0 0; } .chart_cover.active.fixed .price-total { white-space: nowrap; } .chart_cover.active.fixed .chart_blue_block { right: 15px; top: 15px; left: auto; } .chart_cover.active.fixed i { display: block; } .chart_cover.active.fixed > span { display: none; } .chart_cover.active.fixed p { padding-right: 33px; } .chart_cover span { font-size: 1em; font-family: 'Roboto'; font-weight: bold; } .chart_cover p { color: #0b5495; transition: 300ms; padding-bottom: 0; font-size: 0.85714286em; } .chart_cover_text { text-align: center; } .search_input_cover { width: 62%; height: 50px; background: #FFFFFF; box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.38); border-radius: 16px; float: left; position: relative; } .search_input_cover form { height: 100%; display: flex; } .search_input_cover input { height: 100%; position: relative; width: 100%; border: none; padding-left: 15px; } .search_input_cover .btn { font-family: 'Roboto'; font-weight: bold; margin: 0; } .search_input_cover:hover .autcomplete { display: block; } .search_input_cover_field { position: relative; width: auto; height: 100%; flex-grow: 1; } .search_input_cover_field input { background: transparent; } .slider { display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto; max-width: 1600px; margin-top: 30px; padding: 0 10px; } .slides { display: flex; justify-content: flex-end; position: relative; flex-direction: column; outline: none; width: 63%; } .slides .prev { position: absolute; top: 50%; transform: translateY(-50%); left: -27px; width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; cursor: pointer; } .slides .prev:after { content: ''; position: absolute; left: 5px; top: 0px; background: url(/content/images/images-redesign/keyboard-left-arrow-button.png) no-repeat center; background-size: cover; width: 27px; height: 43px; background-size: 80%; } .slides .next { top: 220px; position: absolute; top: 50%; transform: translateY(-50%); right: -27px; width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; cursor: pointer; } .slides .next:after { content: ''; position: absolute; left: 10px; top: 0px; background: url(/content/images/images-redesign/keyboard-right-arrow-button.png) no-repeat center; background-size: cover; width: 27px; height: 43px; background-size: 80%; } .slides__slide { position: relative; width: 100%; height: 534px; } .slides__slide a { display: block; text-decoration: none; color: #fff !important; } .slides__text { position: absolute; bottom: 0; border-radius: 10px; background: #019ee2bb; width: 100%; text-align: left; color: white; } .slides__description { text-transform: uppercase; padding: 20px; font-size: 18px; font-style: normal; font-weight: bold; } .dots { display: flex; justify-content: center; margin-top: 20px; max-width: 1600px; margin-right: 600px; } @media (max-width: 1400px) { .dots { margin-right: 500px; } } .dots .dot { width: 15px; height: 15px; transition: 300ms; cursor: pointer; background-color: #fff; border: 1px solid #075C9B; border-radius: 50%; margin-right: 10px; } .dots .dot.active { background-color: #075C9B; } .slide__img { height: 534px; width: 100%; display: flex; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; } .slick-dots { background-color: white; color: black; } .container { max-width: 1750px; } .container__image img { width: 100%; } .img-column { display: flex; width: 35%; } .img-column a { display: block; text-decoration: none; color: #fff; } .img-column .container__image { width: 100%; } .img-column .info-image { position: relative; padding-top: 20px; } .img-column .info-image .image-container { height: 257px; } .img-column .info-image__text { position: absolute; bottom: 0px; border-radius: 10px; background: #019ee2bb; width: 100%; text-align: left; color: white; } .img-column .info-image__description { text-transform: uppercase; padding: 20px; font-size: 18px; font-style: normal; font-weight: normal; max-height: 85px; } .numbers { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; margin: 0px 10px 0 10px; font-weight: bold; flex-direction: column; height: 100%; padding: 5px 0 0px 0; } .numbers .fe { margin-top: auto; } .user_block { display: flex; flex-direction: column; height: 100%; width: 255px; } .user_block .cta-button { padding: 0 0 0 20px; margin-top: auto; margin-bottom: 8px; } .user_block .cta-button a { display: flex; justify-content: center; align-items: center; text-transform: uppercase; text-align: center; text-decoration: none; color: #fff !important; width: 100%; height: 50px; background: #044B82; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 16px; } .phone_box_group { padding: 0; } .phone_box_group p { padding: 0; } .phone_box_group a { text-decoration: none; } .phone_box_group a:hover { color: #01A0E2 !important; } .phone_box_group .mail_style { color: #075C9B !important; font-size: 14px; } .phone_box_group .shop_type { color: #075C9B !important; } .phone_box_group .shop_type a { text-decoration: none; } .phone_box_group .shop_type_style { color: #01A0E2 !important; } .phone_box_group .shop_type_style a { text-decoration: none; } .phone_box_group span { display: block; } @media (max-width: 1650px) { .slides .prev { left: 0; } .slides .next { right: 0; } } @media (max-width: 1650px) { .brendline_center .owl-prev { left: -9px !important; } .brendline_center .owl-next { right: 3px !important; } .topsales_cover .topsales_container .owl-nav .owl-prev { left: 3px !important; } .topsales_cover .topsales_container .owl-nav .owl-next { right: 2px !important; } .sales_container .owl-prev { left: 12px !important; } .sales_container .owl-next { right: 12px !important; } } @media (max-width: 1515px) { .confirm { right: -47px; } } @media (max-width: 1450px) { .confirm { right: -53px; font-size: 16px; } } @media (max-width: 1400px) { .confirm { right: -59px; } } @media (max-width: 1130px) { .logotype_container { height: 120px; } .confirm { right: -61px; } .header_container .nav { min-height: 120px; } .shop_type { text-align: center; padding: 0px; } .numbers { max-height: 120px; } .user_block .cta-button { margin-top: 20px; } .menu-links li { text-align: center; } .phone_box_group { width: 100%; text-align: center; } .first_menu { align-items: center; /* &:first-of-type li { a { margin-bottom: -5px; } }*/ } .first_menu li a { font-size: 14px; } .first_menu li:first-of-type a { margin-bottom: -5px; } .first_menu .icon-buter { top: 23px; } .menu_title img { transform: scale(0.7); } .second_menu_cat_spesial { font-size: 14px; } } header .head_background_wholesalers { position: absolute; background: #d8eff7; top: 0; left: 0; width: 100%; height: 215px; } header .headimage_wholesalers { display: flex; padding-top: 50px; width: 100%; position: relative; height: 215px; background: url('/Content/images/mount.png') 50% 0% no-repeat; z-index: 2; } header .headimage_wholesalers .headimage_centerblock { position: relative; padding: 0 50px; max-width: 1100px; margin: 0 auto; overflow: hidden; } header .headimage_wholesalers .headimage_centerblock .phone_box { float: left; margin-top: 37px; color: #075C9B !important; font-size: 20px; font-family: 'Roboto'; font-weight: bold; } header .headimage_wholesalers .headimage_centerblock .phone_box span { font-size: 18px; } header .headimage_wholesalers .headimage_centerblock .phone_box p { font-size: 16px; padding-bottom: 5px; padding-right: 20px; } header .headimage_wholesalers .headimage_centerblock .phone_box p font { font-size: 18px; font-family: 'Roboto'; font-weight: bold; } header .headimage_wholesalers .headimage_centerblock .phone_box p a { color: #075C9B !important; text-decoration: none; } header .headimage_wholesalers .headimage_centerblock .phone_box p a:hover { color: #01A0E2 !important; } header .headimage_wholesalers .headimage_centerblock .phone_box p.p_tel { font-size: 14px; } .wholesalers_header { width: 1030px; height: 115px; margin: 0 auto; background: transparent; border-bottom: 1px solid #004A7F; padding-top: 60px; } .wholesalers_header .wholesalers_header_block { padding: 0 30px; max-width: 1060px; margin: 0 auto; color: black; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_ccol { font-size: 30px; width: 60%; display: inline-block; text-align: center; padding: 5px 0; font-family: "OpenSansBold"; color: #075C9B !important; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_ccol a { color: #fff; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_ccol a:hover { color: #50599e; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_lcol { width: 19%; display: inline-block; position: relative; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_lcol > a { padding: 0; color: #075C9B !important; display: block; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_lcol span.title { font-size: 14px; border: 1px solid #fff; padding: 7px 15px; border-left: none; position: absolute; top: -27px; left: 17px; cursor: pointer; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_lcol span.title:hover { color: #01A0E2 !important; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_lcol span.img { cursor: pointer; position: absolute; top: -22px; left: 5px; width: 24px; height: 24px; transform: rotate(45deg); border-bottom: 1px solid #fff; border-left: 1px solid #fff; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_rcol { font-size: 12px; width: 20%; display: inline-block; text-align: right; position: relative; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_rcol a { color: #fff; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_rcol span.to_come_in { position: absolute; top: -19px; right: 0; cursor: pointer; color: #075C9B !important; font-size: 14px; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_rcol span.to_come_in:hover { color: #01A0E2 !important; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_rcol p.name { padding-bottom: 2px; position: absolute; top: -17px; right: 0; } .wholesalers_header .wholesalers_header_block .wholesalers_header_block_rcol span.go_out { position: absolute; top: -10px; right: 0; border-bottom: 1px solid #fff; cursor: pointer; } footer { /*position: absolute;*/ height: 260px; /*bottom: -260px;*/ width: 100%; background: #044B82; color: #ffffff; } footer a { color: #ffffff; } footer a:hover { color: #1abc9c; } footer p { padding-top: 5px; padding-bottom: 5px; } footer .made_by a { text-decoration: none; } footer .made_by span { display: inline-block; position: relative; top: -13px; } .footer_center { position: relative; max-width: 1600px; margin: 0 auto; overflow: hidden; text-align: left; padding-top: 20px; padding-left: 30px; padding-right: 30px; display: flex; justify-content: space-between; } .footer-col ul li { padding: 15px 0 0 0; } .footer-col a { text-decoration: none; } .footer-col a:hover { color: #01A0E2; } .footer-col .social-title { margin-bottom: 2px; } .footer-col .social-wrapper { display: flex; grid-gap: 17px; margin-bottom: 20px; } footer a { color: #ffffff; } footer a:hover { color: #1abc9c; } footer p { padding-top: 5px; padding-bottom: 5px; } footer .footer_center_wholesalers { position: relative; max-width: 1060px; margin: 0 auto; overflow: hidden; text-align: left; padding-top: 35px; padding-left: 30px; padding-right: 30px; padding-bottom: 35px; } footer .footer_lcol_wholesalers { float: left; width: 80%; } footer .footer_lcol_wholesalers p { font-size: 1em; padding-bottom: 10px; } footer .footer_lcol_wholesalers p:last-of-type { padding-bottom: 40px; } footer .footer_lcol_wholesalers span { font-size: 1em; } footer .footer_rcol_wholesalers { float: right; width: 20%; text-align: right; } footer .footer_rcol_wholesalers p { font-size: 1em; padding-top: 140px; } .menu_cover { position: relative; width: 100%; max-width: 1600px; z-index: 22; background: #044B82; margin: 40px auto 0 auto; } .menu { margin: 0 auto; max-width: 100%; text-transform: uppercase; white-space: nowrap; } .first_menu { font-size: calc(14px + 4 * (100vw / 1600)); display: flex; justify-content: space-between; width: 100%; padding-bottom: 0; margin-bottom: 10px; table-layout: fixed; } .first_menu .icon-buter { position: absolute; left: 16px; top: 25px; } .first_menu > li { display: table-cell; position: relative; text-align: center; padding: 0; transition: background 300ms; } .first_menu > li:last-child { padding-right: 10px; } .first_menu > li > p, .first_menu > li > a { padding: 20px 0; color: #fff; display: inline-block; text-decoration: none; width: 100%; font-family: 'Roboto'; background: #044B82; font-weight: bold; } .first_menu > li > a { cursor: pointer; } .first_menu > li:hover .second_menu { display: table; } .first_menu > li:first-of-type { width: 220px; } .first_menu > li:last-of-type:after { display: none; } .menu_title { height: 100%; box-sizing: border-box; } .menu_title img { margin-bottom: -5px; } .second_menu { position: absolute; display: none; text-align: left; width: 250px; background: #ffffff; padding-bottom: 0; min-width: 100%; box-sizing: border-box; font-size: 0.85714286em; font-family: 'Roboto'; font-weight: bold; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 3px 3px; } .second_menu li { overflow: hidden; padding: 0; } .second_menu li a { color: #102439; text-decoration: none; padding: 8px 0; padding-left: 20px; padding-right: 20px; width: 100%; box-sizing: border-box; } @media (max-width: 1315px) { .second_menu li a { text-align: left; } } .second_menu li a:hover { background-color: #cfd3d7; } .second_menu td { overflow: hidden; } .second_menu td { list-style: none; padding: 0; } .second_menu td a { color: #102439; position: relative; } .second_menu td a.haveSubMenu:after { content: ''; position: absolute; background-image: url(/content/images/sprite.png); background-position: 0px 0px; width: 4px; height: 7px; right: 9px; top: 13px; } .second_menu td a, .second_menu td p, .second_menu td span { padding: 7px 20px; width: 100%; text-decoration: none; box-sizing: border-box; transition: 0s; max-width: 320px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .second_menu td a:hover, .second_menu td p:hover, .second_menu td span:hover { background-color: #cfd3d7; } .second_menu .second_menu_title { color: #2c304d; padding: 5px 20px; padding-top: 10px; } .second_menu .second_menu_title:hover { background: #ffffff; } .second_menu .catalogodezhda { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogodezhda.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogobuv { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogobuv.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogtur-snaryazhenya { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogtur-snaryazhenya.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogalp-snaryazhenie { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogalp-snaryazhenie.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogbegovye-lyzhi { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogbegovye-lyzhi.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .cataloggornye-lyzhi { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/cataloggornye-lyzhi.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogsnoubordy { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogsnoubordy.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogvelosipedy { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogvelosipedy.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogchasy-i-pulsometry { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogchasy-i-pulsometry.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogoptika { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogoptika.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogvodnyi-turizm { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogvodnyi-turizm.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu .catalogbeg { background-repeat: no-repeat; background-image: url("/Content/images/images-redesign/catalogbeg.svg"); background-size: 22px 22px; background-position: 10px 6px; } .second_menu_cat_spesial { width: 100%; background: #ffffff; position: absolute; z-index: 20; font-size: 1.07142857em; border-radius: 0; } .second_menu_cat_spesial td { padding: 0; min-height: 33.33333333px; } .second_menu_cat_spesial td td { height: auto; } .second_menu_cat_spesial td:hover { background-color: #cfd3d7; } .second_menu_cat_spesial td:hover .table-submenu { display: block; } .second_menu_cat_spesial .table-submenu { position: absolute; background: #ffffff; left: 100%; top: 0; width: 940px; min-height: 100%; font-size: 14px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; display: none; padding: 10px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); } .second_menu_cat_spesial .table-submenu ul { padding: 0; } .second_menu_cat_spesial .table-submenu ul a { font-weight: normal; max-width: 220px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .second_menu_cat_spesial .table-submenu ul a:hover { background-color: inherit; } .second_menu_cat_spesial .table-submenu a:hover { background-color: inherit; color: #50599e; text-decoration: underline; } .second_menu_cat_spesial .table-submenu .submenu-category { -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; max-width: 224px; } .second_menu_cat_spesial .table_hover_fix { position: absolute; left: 100%; background: #ffffff; min-height: 400px; top: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); visibility: hidden; transition: visibility 0ms 200ms; } .second_menu_cat_spesial .table_hover_fix td > a { background-image: none !important; } .second_menu_cat_spesial table td { font-size: 12px; vertical-align: middle; } .second_menu_cat_spesial table:before { min-height: 396px; box-sizing: border-box; box-shadow: none; content: ''; position: absolute; height: 100%; width: 1px; background: #cccccc; left: 0; top: 0; } .second_menu_cat_spesial table a, .second_menu_cat_spesial table p { padding-left: 20px !important; padding-right: 10px !important; overflow: hidden; text-overflow: ellipsis; } .second_menu_cat_spesial td > p, .second_menu_cat_spesial td > a { padding: 8px 0; padding-left: 45px; font-family: 'Roboto'; font-weight: bold; width: 100%; min-width: 220px; box-sizing: border-box; } @media (max-width: 1130px) { .first_menu .icon-buter { top: 23px; } .menu_cover { margin: 0; } } .main_slider_cover { position: relative; background-color: #004A7F; } .main_slider_cover .owl-prev { top: auto; bottom: 270px; left: 20px; } .main_slider_cover .owl-next { top: auto; bottom: 270px; right: 20px; } .main_slider_cover .owl-carousel .owl-stage-outer { overflow: visible; } .main_slider_cover .owl-carousel .owl-item { opacity: 0.5; transition: 300ms; } .main_slider_cover .owl-carousel .owl-item.active { opacity: 1; } .slider_cover { position: relative; margin: 0 auto; max-width: 1160px; margin-top: -10px; } .slider_image_cover { position: relative; height: 490px; } .slider_image_cover .owl-carousel .owl-item img { width: 100%; border-radius: 18px; } .slider_image_cover .owl-item.active .main_slider_item_text h4 { opacity: 1; transition: all 300ms 300ms; } .slider_image_cover .owl-item.active .main_slider_item_text p { opacity: 1; transition: all 300ms 300ms; } .main_slider_item { position: relative; height: 490px; width: 700px; overflow: hidden; margin: 40px 0 0 0; } .main_slider_item .video_mouse_hide { position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; left: 0; } .main_slider_item iframe { z-index: 9; position: relative; } .main_slider_item .main_slider_item_text { width: 100%; height: 82px; position: absolute; left: 0; text-align: center; bottom: 96px; background: rgba(7, 92, 155, 0.8); z-index: 17; padding-left: 20px; font-size: 12px; border-radius: 18px; } .main_slider_item .main_slider_item_text .all_actions_on_slider { position: absolute; right: 15px; top: 50px; text-align: right; width: auto; } .main_slider_item .main_slider_item_text a { text-decoration: none; color: #fff; } .main_slider_item .main_slider_item_text a:hover { color: #01A0E2; } .main_slider_item .main_slider_item_text h4 { padding-bottom: 5px; opacity: 0; transition: all 150ms; } .main_slider_item .main_slider_item_text .main_slider_imperavi_cover { width: 86%; } .bottom_slider_menu .first_menu > li:first-of-type { width: auto; } .bottom_slider_menu .first_menu { margin-bottom: 0; } .bottom_slider_menu .first_menu > li { background: #161827; max-width: 80px; transition: background 300ms; } .bottom_slider_menu .first_menu > li:hover { background: #3E434A; transition: background 300ms; } .bottom_slider_menu .first_menu > li:not(:last-of-type):after { content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 30px; background: #3c444e; box-shadow: 1px 0px 0px #6b7582; } .main_slider_footer { height: 95px; width: 100%; background: rgba(255, 255, 255, 0.5); position: absolute; bottom: 0; left: 0; z-index: 15; } .on_top { display: none; position: fixed; right: 2%; z-index: 99; top: 50%; cursor: pointer; overflow: hidden; width: 65px; height: 65px; background: #075C9B; transition: 300ms; } .on_top:after { content: ""; position: absolute; left: 23px; top: 23px; height: 20px; width: 20px; background: url("/Content/images/images-redesign/up-arrow.svg"); background-size: cover; } .on_top:hover { background: #01A0E2; } .topsales_relative { position: relative; } .topsales_cover { width: 100%; position: relative; z-index: 1; } .top_sales_center, .top_sales_block_type, .viewed_center { margin: 0 auto; max-width: 1200px; position: relative; padding: 0 30px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; } .top_sales_center .owl-prev:after, .top_sales_block_type .owl-prev:after, .viewed_center .owl-prev:after { content: ''; position: absolute; left: 84px; top: 21px; width: 18px; height: 26px; } .top_sales_center .owl-prev:before, .top_sales_block_type .owl-prev:before, .viewed_center .owl-prev:before { content: ''; position: absolute; left: 76px; top: 50%; transform: translateY(-19%); width: 35px; height: 35px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .top_sales_center .owl-next:after, .top_sales_block_type .owl-next:after, .viewed_center .owl-next:after { content: ''; position: absolute; left: -60px !important; top: 21px; width: 18px; height: 26px; } .top_sales_center .owl-next:before, .top_sales_block_type .owl-next:before, .viewed_center .owl-next:before { content: ''; position: absolute; right: 76px; top: 50%; transform: translateY(-19%); width: 35px; height: 35px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .topsales_cover { width: 100%; position: relative; padding: 0 10px; z-index: 10; } .topsales_cover .topsales_container { max-width: 1600px; margin: 0 auto; } .topsales_cover .topsales_container h2 { cursor: pointer; } .topsales_cover .topsales_container .owl-nav .owl-prev { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -24px; width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .topsales_cover .topsales_container .owl-nav .owl-prev::after { left: 4px; background-size: 80%; } .topsales_cover .topsales_container .owl-nav .owl-next { position: absolute; right: -24px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .topsales_cover .topsales_container .owl-nav .owl-next::after { left: 10px; background-size: 80%; } .topsales_cover .topsales_container .owl-controls { position: absolute; width: 100%; } .topsales_cover .topsales_container .owl-nav { width: 100%; } .topsales_cover .topsales_container .topsales_body { display: flex; flex-direction: column; height: 450px; background: #fff; border-radius: 25px; border: 2px solid #E5E5E5; padding: 30px 30px 0 30px; margin: 0; cursor: pointer; transition: all 0.8s ease; } .topsales_cover .topsales_container .topsales_body .topsales_image { display: flex; justify-content: center; align-items: center; margin: 0 0 20px 0; max-height: 240px; } .topsales_cover .topsales_container .topsales_body .topsales_image img { max-width: 100%; max-height: 100%; } .topsales_cover .topsales_container .topsales_body .topsales_description { display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; font-size: 16px; } .topsales_cover .topsales_container .topsales_body .topsales_description a { text-decoration: none; color: #075C9B; } .topsales_cover .topsales_container .topsales_body .topsales_description a:hover { color: #01A0E2; } .topsales_cover .topsales_items { margin: 20px 0 0 0; justify-content: space-between; align-items: center; display: none; } .topsales_cover .topsales_items.first_tab { display: flex; } .topsales_cover .topsales_items.second_tab { display: none; } .topsales_cover .second_tab_shown .switch_button_icon { margin-left: 40px; transition: margin 0.2s; } .topsales_cover .second_tab_shown .hot_title { color: rgba(66, 81, 88, 0.51); transition: color 0.2s; } .topsales_cover .second_tab_shown .new_title { color: #044B82; transition: color 0.2s; } .topsales_cover .second_tab_shown .topsales_items.first_tab { display: none; } .topsales_cover .second_tab_shown .topsales_items.second_tab { display: flex; } .topsales_title { display: flex; align-items: center; width: fit-content; } .topsales_title .new_title { color: rgba(66, 81, 88, 0.51); } .topsales_title h2 { margin: 0 20px 0 0; } .topsales_title .jq-checkbox { display: none !important; } .switcher { display: none; } .topsales_slider_cover { padding-top: 10px; padding-bottom: 25px; overflow: hidden; } .topsales_slider_cover .sp_price { display: inline-block; color: #fff; border-radius: 15px; padding: 3px 7px; background: #2cc396; margin-top: 5px; } .price-wrapper { display: flex; justify-content: flex-end; align-items: center; } .topsales_slider_item { width: 100%; background: #fff; padding: 10px 12px; border-radius: 25px; border: 2px solid #e5e5e5; transition: all 0.8s ease; } .topsales_slider_item:hover { box-shadow: 2px 2px 4px 0px rgb(0 0 0%); } .topsales_slider_item a { font-size: 1em; height: 50px; text-align: center; overflow: hidden; margin-top: 10px; color: #044B82; min-width: 100%; font-weight: bold; display: inline-block; text-decoration: none; } .topsales_slider_item a:hover { color: #01A0E2; } .topsales_slider_item .topsales_slider_item_photo { text-align: center; height: 143px; border-radius: 3px; max-height: inherit; overflow: hidden; } .topsales_slider_item .topsales_slider_item_photo img { margin: 0 auto; } .topsales_label, .topsales_label_adv { padding: 8px 10px; background: #075C9B; font-family: 'Roboto'; font-weight: bold; color: #fff; font-size: 1em; margin-top: 10px; cursor: pointer; position: relative; margin-left: 15px; display: inline-flex; grid-gap: 10px; align-items: center; justify-content: space-between; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*.topsales_label_black_block{ position: absolute; right: 0; top: 0; height: 100%; width: 0%; background: rgb(16, 36, 57); pointer-events: none; }*/ /*&:after{ content: ""; position: absolute; background: url("/Content/images/icon/mini_chart_gift.png") no-repeat; height: 20px; width: 20px; top:-12px; left: 50%; margin-left: -3px; }*/ /*img{ position: absolute; left: 15px; top: 8px; margin-left: -8px; pointer-events: none; }*/ /*&.active{ .topsales_label_black_block{ position: absolute; right: 0; top: 0; height: 100%; width: 100%; transition: all 400ms; } &:after{ content: ""; position: absolute; background: url("/Content/images/icon/mini_chart_gift.png") no-repeat; height: 20px; width: 20px; top: 5px; left: 50%; margin-left: -3px; transition: all 300ms 300ms; } img{ left: 50%; transition: all 300ms 200ms; } .mini_chart{ opacity: 0; transition: all 300ms 200ms; } .mini_chart_white{ opacity: 1; transition: all 300ms 200ms; } .ruble-sign{ opacity: 0; } }*/ } .topsales_label:hover, .topsales_label_adv:hover { /* background: lighten(@button_def_color, 10%); border-color: @button_def_color; */ background: #017caf; } .topsales_label label, .topsales_label_adv label { cursor: pointer; } .topsales_label span, .topsales_label_adv span { pointer-events: none; } .topsales_label .mini_chart, .topsales_label_adv .mini_chart { opacity: 1; } .topsales_label .mini_chart_white, .topsales_label_adv .mini_chart_white { opacity: 1; width: 18px; height: 18px; } .topsales_oldprice { font-size: 0.85714286em; color: #757c84; text-decoration: line-through; margin-top: 10px; } .switch_button { padding: 2px 4px; margin-right: 8px; border-radius: 25px; display: flex; justify-content: space-between; width: 80px; cursor: pointer; border: 1px solid #D0D0D0; background: #F7F7F7; } .switch_button .switch_button_icon { width: 30px; height: 30px; background-color: #01A0E2; border-radius: 50%; transition: margin 0.2s; } .switcher_cover { position: relative; } .all_topsales-link { display: flex; margin: 15px 0; position: absolute; left: 0; bottom: -20px; } .newsline_cover { width: 100%; position: relative; z-index: 1; } .newsline_center { margin: 0 auto; max-width: 1600px; overflow: hidden; padding: 50px 30px; display: flex; } .newsline_lcol { width: 100%; overflow: hidden; } .newsline_rcol { float: left; width: 20%; border: 1px solid #a7a7a7; height: fit-content; margin-top: 63px; } .newsline_image img { max-width: 100%; width: 90%; display: flex; border-radius: 18px; } .newsline_content { display: inline-flex; } .newsline_image { position: relative; margin: 0 0 20px 0; display: flex; justify-content: space-between; align-items: center; } .image_description { display: flex; position: absolute; bottom: 0; color: #fff; width: 90%; height: 75px; background: rgba(7, 92, 155, 0.6); border-radius: 18px; padding: 10px 0 0 20px; } .image_description a { color: #fff; text-decoration: none; display: block; padding-right: 5px; } .newsline_container { max-width: 100%; display: flex; justify-content: space-between; align-items: center; } .newsline_item_cover { position: relative; overflow: hidden; padding-top: 10px; display: flex; align-items: flex-start; } .all-news-btn { color: #fff; text-transform: uppercase; font-size: 16px; padding: 10px 25px; background: #50556e; text-decoration: none; } .news-poster { width: 300px; min-width: 300px; padding: 50px 25px; background: #fff; text-decoration: none; } .news-poster img { width: 100%; } .news-poster .date { font-size: 14px; color: #50599e; } .news-poster .title { font-size: 18px; font-weight: bold; } .news-poster + .news-rows { margin-left: 100px; } .news-rows { flex-grow: 1; } .newsline_item { padding-bottom: 20px; padding-top: 30px; } .newsline_item p span { padding-top: 5px; } .newsline_item span { display: inline-block; padding-bottom: 8px; color: #50599e; } .newsline_item .divider { width: 100px; height: 1px; background: #50599e; margin: 15px 0; } .newsline_item a { font-family: 'Roboto'; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; } .newsline_item:first-of-type { padding-top: 0; } .newsline_item + .newsline_item { border-top: 1px solid #50599e; } .newsline_item_img { width: 100%; display: inline-block; } .newsline_item_text { overflow: hidden; /* max-height: 120px; */ font-size: 1em; color: #fff; } .brendline_cover { position: relative; width: 100%; padding-bottom: 50px; z-index: 1; padding-left: 10px; } .brendline_center { position: relative; margin: 0 auto; max-width: 1600px; padding-top: 50px; padding-right: 10px; padding-bottom: 50px; } .brendline_center .owl-prev { position: absolute; top: 59%; left: -24px; width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .brendline_center .owl-prev::after { left: 4px; background-size: 80%; } .brendline_center .owl-next { position: absolute; right: -10px; top: 59%; width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .brendline_center .owl-next::after { left: 10px; background-size: 80%; } .brendimages_cover { position: relative; text-align: center; overflow: hidden; } .brendimages_cover img { /* width: 92%; left: 4%; top: 20px; position: absolute; */ } .brendimages_cover a { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 20px 30px; box-sizing: border-box; border-radius: 25px; border: 2px solid #e5e5e5; transition: all 0.8s ease; height: 150px; } .brendimages_cover a:hover { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15); } .brendimages_cover a img { margin: 0 auto; filter: grayscale(100%); transition: all 0.8s ease; max-width: 100%; max-height: 100%; } .brendimages_cover a img:hover { filter: grayscale(0%); } .brendimages_cover .manaraga_foot_brend { width: 14%; } .brendimages_cover .rockland_foot_brend { width: 20%; } .brendimages_cover .greenland_foot_brend { width: 16%; } .brendimages_cover .drag_foot_brend { width: 16%; } .brendimages_cover .hell_foot_brend { width: 24%; } .brendimages_footer { overflow: hidden; color: #fff; padding: 35px 0; } .brendimages_footer a { color: #fff; } .brendimages_footer_lcol { float: left; } .brendimages_footer_rcol { float: right; } .brendimages_footer_rcol a { display: inline-block; margin: 0 4px; } .brendimages_footer_center { position: relative; margin-left: 155px; margin-right: 150px; } .brendimages_footer_center table { max-width: 100%; text-align: center; table-layout: fixed; } .brendimages_footer_center table td { padding: 0 4px; } .sweetbread_cover { position: relative; width: 100%; background-color: #fff; } .sweetbread { max-width: 1600px; margin: 0 auto; margin-top: 25px; height: 20px; padding-left: 15px; padding-top: 25px; font-size: 0.92857143em; } .sweetbread a { color: #0a2f4f; } .sweetbread li { float: left; margin-right: 16px; position: relative; } .sweetbread li:not(:last-of-type):after { content: ''; position: absolute; height: 1px; width: 10px; top: 15px; right: -13px; background: #102439; } .catalog_cover { position: relative; width: 100%; background-color: #fff; /*.pagination_sp_cover { padding-left: 252px; }*/ } .catalog { margin: 0 auto; max-width: 1600px; padding-bottom: 30px; } .catalog h1, .catalog h2 { padding-right: 355px; } .catalog_lcol { position: relative; z-index: 14; float: left; width: 235px; } .catalog_rcol { position: relative; z-index: 13; margin-left: 252px; } .catalog_output { margin: 0 -9px; position: relative; } .catalog_output h3 { display: block; clear: both; padding-left: 5px; } .catalog_output:after { content: ''; clear: both; display: block; position: relative; } .catalog_item { height: 335px; width: 236px; border-radius: 3px; float: left; margin: 0 9px; margin-bottom: 20px; position: relative; background: #ffffff; } .catalog_item:hover .action_procent { z-index: 20; } .catalog_item_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); border: 1px solid #c8c8c8; transition: box-shadow 300ms, border 300ms; border-radius: 3px; background: #ffffff; } .catalog_item_content hr { position: relative; width: 100%; margin: 0 auto; background: #e3e3e3; transition: width 300ms; margin-top: -1px; } .catalog_item_content:hover { height: 400px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); border: 1px solid rgba(200, 200, 200, 0); transition: box-shadow 300ms, border 300ms; z-index: 11; } .catalog_item_content:hover .catalog_item_content_hidden { opacity: 1; transform: translateY(0px); transition: transform 300ms; visibility: visible; } .catalog_item_content:hover hr { width: 85%; transition: width 300ms; } .catalog_item_content .catalog_item_content_img { width: 100%; height: 228px; overflow: hidden; } .catalog_item_content .catalog_item_content_body { padding: 10px 18px; padding-bottom: 12px; } .catalog_item_content .catalog_item_content_body a { text-decoration: none; } .catalog_item_content .catalog_item_content_body p { height: 50px; overflow: hidden; padding-bottom: 0; } .catalog_item_content .catalog_item_content_body .new_price { font-size: 1.71428571em; display: inline-block; vertical-align: middle; } .catalog_item_content .catalog_item_content_body .old_price { display: inline-block; vertical-align: middle; text-decoration: line-through; } .catalog_item_content .catalog_item_content_body .sp_price { display: inline-block; vertical-align: middle; color: #ffffff; border-radius: 15px; padding: 3px 7px; background: #2cc396; } .catalog_item_content .catalog_item_content_hidden { margin-top: 13px; opacity: 0; transform: translateY(5px); text-align: center; visibility: hidden; } .catalog_item_content .catalog_item_content_hidden span { color: #3770ac; border-bottom: 1px dashed #3770ac; display: inline-block; cursor: pointer; padding: 5px 0; padding-bottom: 0px; } .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat, .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat-adv { width: 100%; background: #3770ac; border: 1px solid #3770ac; margin-top: 0px; padding: 5px; color: #fff; font-weight: normal; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat:hover, .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat-adv:hover { background-color: #01A0E2; border-color: #01A0E2; } .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat img, .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat-adv img { position: relative; height: 19px; width: 19px; margin-right: 6px; display: inline-block; vertical-align: middle; } .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat .mini_chart_white, .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat-adv .mini_chart_white { opacity: 1; } .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat .mini_chart, .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat-adv .mini_chart { opacity: 0; } .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat .topsales_label_black_block, .catalog_item_content .catalog_item_content_hidden .btn-addChart-cat-adv .topsales_label_black_block { background: #2D5A8C; } .catalog_item_content.img_slider_cover .catalog_item_content_img { height: 178px; text-align: center; } .catalog_item_content.img_slider_cover .catalog_item_content_img img { height: 178px; width: 178px; } .catalog_item_content.img_slider_cover .img_slider { height: 50px; width: 100%; } .catalog_item_content.img_slider_cover .img_slider .img_slider_item { height: 46px; padding: 2px; width: 20%; float: left; overflow: hidden; } .catalog_item_content.img_slider_cover .img_slider .img_slider_more_item { height: 32px; padding: 1px; width: 14%; font-size: 21px; cursor: pointer; float: left; position: relative; background: #eef1f6; margin: 8px 3%; border-radius: 4px; text-align: center; } .catalog_item_content.img_slider_cover .img_slider .img_slider_more_item:hover .img_slider_absolute { visibility: visible; opacity: 1; transition: visibility 0ms, opacity 300ms; } .catalog_item_content.img_slider_cover .img_slider .img_slider_more_item .img_slider_absolute { top: 33px; right: -3px; position: absolute; background: #fff; border-radius: 3px; width: 225px; z-index: 1; box-shadow: 0 0 13px rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; transition: visibility 0ms 300ms, opacity 300ms; cursor: default; } .catalog_item_content.img_slider_cover .img_slider .img_slider_more_item .img_slider_absolute:after { display: block; content: ""; position: absolute; top: -5px; right: 13px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 5px solid #fff; } .catalog_img_slider_cover { width: 100%; } .action_procent_cover { position: absolute; left: 0; top: 0; height: 56px; width: 56px; } .action_procent_cover span { color: #ffffff; display: inline-block; width: 100%; text-align: center; margin-top: 17px; margin-left: -15px; } .action_procent_cover .action_procent { position: absolute; z-index: 10; left: -26px; top: -6px; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #f00; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 3px 0 0 0; } .filter_body { background: #e5e5e5; border-radius: 3px 3px 0 0; position: relative; z-index: 10; } .filter_footer_cover { position: relative; } .filter_footer { background: #075C9B; color: #ffffff; font-size: 1.28571429em; width: 100%; text-align: center; padding: 13px 0; border-radius: 0 0 3px 3px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .filter_footer:hover { background-color: #01A0E2; } .clear_filter { width: 20%; height: 50px; background: #2379a0; overflow: hidden; border-radius: 0 0 3px 0; position: absolute; right: 0; top: 0; } .clear_filter:after { content: ""; position: absolute; background-image: url(/content/images/sprite.png); background-position: 0px -734px; width: 28px; height: 28px; left: 11px; top: 11px; } .clear_filter:hover { background: #0e87bd; } .clear_filter + .filter_footer { width: 80%; border-radius: 0 0 0px 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .filter_body_title { font-size: 1.14285714em; color: #075C9B; font-family: 'Roboto'; font-weight: bold; cursor: pointer; padding-bottom: 5px; padding-left: 30px; position: relative; } .filter_body_title .filter_indicator { position: absolute; right: -12px; top: 0px; height: 25px; width: 25px; } .filter_body_title .filter_indicator:hover:after { opacity: 1; } .filter_body_title .filter_indicator:hover .filter_indicator_content { visibility: visible; } .filter_body_title .filter_indicator:after { content: ""; position: absolute; left: 0; top: 0; background-image: url(/content/images/sprite.png); background-position: 0px -644px; width: 25px; height: 25px; opacity: 0.5; transition: 300ms; } .filter_body_title .filter_indicator .filter_indicator_content { position: absolute; left: 32px; top: -4px; background: #FFFFFF; padding: 8px 10px; z-index: 21; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); border: 1px solid #c8c8c8; border-radius: 3px; font-size: 0.85714286em; font-family: '@global_font'; white-space: nowrap; visibility: hidden; } .filter_body_title:hover:before { opacity: 1; } .filter_body_title:before { content: ""; position: absolute; left: 0; top: 8px; opacity: 0.5; background-image: url(/content/images/sprite.png); background-position: 0px -55px; width: 18px; height: 9px; } .filter_over { padding-top: 20px; margin-bottom: 20px; } .filter_over .filter_over_item .filter_over_link { font-size: 14px; color: #102439; padding: 5px 0; transition: 400ms; } .filter_over .filter_over_item .filter_over_link:hover { color: #2c304d; } .slider_filter_content { padding: 0 10px; margin: 0 -10px; max-height: 0px; opacity: 0; transition: max-height 300ms, opacity 300ms; } .filter_body_price input { width: 46%; float: left; } .filter_body_price .slider_filter_content_height > span { width: 2%; padding: 0 3%; float: left; margin-top: 6px; display: inline-block; } .filter_body_price .slider_filter { margin-top: 15px; } .filter_body_price, .filter_body_select { padding: 17px 23px; } .filter_body_checkbox, .filter_body_select { border-top: 1px solid #fff; } .filter_body_checkbox, .filter_body_select, .filter_body_price { transition: background 300ms; } .filter_body_checkbox .slider_filter_content, .filter_body_select .slider_filter_content, .filter_body_price .slider_filter_content { overflow: hidden; transition: max-height 300ms, opacity 300ms 200ms; } .filter_body_checkbox.opened .slider_filter_content, .filter_body_select.opened .slider_filter_content, .filter_body_price.opened .slider_filter_content { overflow: visible; opacity: 1; max-height: inherit; } .filter_body_checkbox.opened .filter_body_title:before, .filter_body_select.opened .filter_body_title:before, .filter_body_price.opened .filter_body_title:before { background-image: url(/content/images/sprite.png); background-position: 0px -27px; width: 18px; height: 8px; } .filter_body_checkbox:hover, .filter_body_select:hover, .filter_body_price:hover { background: #dbdbdb; } .filter_body_checkbox { padding: 14px 23px; position: relative; } .filter_body_checkbox.checkbox-dropdown { overflow: visible; } .filter_body_checkbox .checkboxes_cover { /*max-height: 185px; */ overflow: hidden; } .filter_body_checkbox label { cursor: pointer; } .filter_body_checkbox .display_all { position: relative; padding-bottom: 0; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*&:hover { color: #fff; border-color: #fff; }*/ display: inline-block; cursor: pointer; border-bottom: 1px dashed #2c304d; } .checkbox_cover { padding-bottom: 4px; padding-left: 30px; } .checkbox_cover .jq-checkbox { margin-left: -30px; } .filter_body_founded { visibility: hidden; height: 60px; width: 185px; border: 1px solid #2c304d; padding: 10px 12px; position: absolute; right: -180px; top: 50%; margin-top: -20px; background: #ffffff; z-index: 20; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); font-family: 'Roboto'; font-weight: bold; } .filter_body_founded a { transition: 0s; } .filter_body_founded.visible { visibility: visible; } .filter_body_founded p { padding-bottom: 0; } .filter_body_founded:before { content: ''; border-top: 30px solid transparent; border-right: 20px solid #2c304d; border-bottom: 30px solid transparent; height: 0; width: 0; position: absolute; left: -21px; top: -1px; } .filter_body_founded:after { content: ''; border-top: 29px solid transparent; border-right: 19px solid #ffffff; border-bottom: 29px solid transparent; height: 0; width: 0; position: absolute; left: -19px; top: 0px; } .catalogall_cover { position: relative; width: 100%; background-color: #fff; } .catalogall { margin: 0 auto; max-width: 1600px; position: relative; } .catalogall_items_cover { overflow: hidden; margin: 0 auto; padding-bottom: 25px; } .catalogall_item { float: left; width: 298px; height: 277px; border: 1px solid #c8c8c8; border-radius: 3px; margin: 0 9px; margin-bottom: 20px; position: relative; overflow: hidden; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); transition: box-shadow 300ms, border 300ms; padding-bottom: 25px; } .catalogall_item:hover { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); border: 1px solid rgba(200, 200, 200, 0); transition: box-shadow 300ms, border 300ms; } .catalogall_item:hover .catalogall_item_count { color: #fff; } .catalogall_item_img { width: 100%; height: 235px; position: relative; text-align: center; } .catalogall_item_count { color: #fff; border-radius: 3px; background-color: #075C9B; position: absolute; top: 4px; right: 4px; padding: 1px 6px 2px; font-family: 'Roboto'; font-weight: bold; font-size: 1.28571429em; } .catalogall_item_bottom { position: absolute; width: 100%; bottom: 0px; text-align: center; border-top: 1px solid #c8c8c8; font-size: 1.28571429em; background: #ffffff; } .catalogall_item_bottom p { padding: 8px; } .actionline_cover { position: relative; width: 100%; } .actionline { margin: 0 auto; position: relative; max-width: 1220px; padding-bottom: 60px; padding-left: 30px; padding-right: 30px; } .actionline_items_cover { overflow: hidden; display: flex; justify-content: space-between; } .actionline_item { border: 1px solid #1a5ea6; border-radius: 5px; width: 295px; height: 198px; float: left; position: relative; overflow: hidden; } .actionline_item_footer { background: rgba(12, 84, 160, 0.5); position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #ffffff; padding: 0px 15px; display: none; } .actionline_item_footer span { padding: 20px 0; display: inline-block; text-decoration: underline; font-family: 'Roboto'; font-size: 1.28571429em; } .action_text { margin: 0 auto; position: relative; max-width: 940px; padding-bottom: 40px; overflow: hidden; } .action_text_container { overflow: hidden; } .action_text_container .action_text_lcol, .action_text_container .action_text_rcol { float: left; width: 50%; padding: 0 17.5px; } .pagination { position: relative; overflow: hidden; width: 100%; padding-bottom: 15px; font-size: 1em; } .pagination a { color: #102439; } .pagination .pagination_number { float: left; } .pagination .pagination_result { float: right; } .pagination .pagination_number, .pagination .pagination_result { border-radius: 3px; border: 1px solid #cacaca; overflow: hidden; } .pagination .pagination_number a, .pagination .pagination_result a, .pagination .pagination_number span, .pagination .pagination_result span { float: left; height: 35px; width: 35px; text-align: center; text-decoration: none; box-sizing: border-box; padding-top: 7px; border-right: 1px solid #cacaca; font-family: 'Roboto'; font-weight: bold; } .pagination .pagination_number a:last-child, .pagination .pagination_result a:last-child, .pagination .pagination_number span:last-child, .pagination .pagination_result span:last-child { border-right: none; } .pagination .pagination_number a:hover, .pagination .pagination_result a:hover, .pagination .pagination_number span:hover, .pagination .pagination_result span:hover { background: #cacaca; } .pagination .pagination_number span, .pagination .pagination_result span { background: #cacaca; border-right: 1px solid #cacaca; color: #ffffff; } .pagination .pagination_number span:hover, .pagination .pagination_result span:hover { background: #cacaca; } .item_cover { position: relative; width: 100%; background-color: white; } .item_content { position: relative; max-width: 1600px; /*h1 { max-width: 90%; }*/ } .item_content .share_item { float: right; width: 10%; font-size: 0.85714286em; } .item_body { position: relative; max-width: 1600px; margin: 0 auto; overflow: hidden; padding-bottom: 20px; display: flex; justify-content: space-between; flex-direction: row-reverse; } .item_head { overflow: hidden; } .item_head > p { color: #787f87; margin-top: -10px; } .item_body_rcol { display: flex; flex-direction: column; width: 28%; padding: 0 10px; } .item_right_filtered_block { position: relative; border: 1px solid #bfbfbf; border-radius: 3px; overflow: hidden; width: 270px; } .item_right_filtered_block .item_right_filtered_block_title { font-size: 1.14285714em; font-family: 'Roboto'; font-weight: bold; padding-bottom: 5px; } .item_right_filtered_block > div { padding: 15px 20px; } .item_right_filtered_block #shops-block { border-top: 1px solid #bfbfbf; } .item_right_filtered_block ul { margin-top: -12px; padding-bottom: 0; } .item_right_filtered_block ul p { padding-bottom: 13px; color: #2c304d; /* cursor: pointer; */ } .item_right_filtered_block ul li { padding: 3px 0; } .item_right_filtered_block ul ul { overflow: hidden; } .item_right_filtered_block ul li li { font-size: 0.85714286em; padding-left: 14px; } .item_color_block.some_param { border: 1px solid #ccc; display: inline-block; padding: 4px 8px; } .item_color_block.some_param.active { background: #3770ac; border-color: #3770ac; color: #fff !important; } .item_tags { display: block; position: relative; margin-top: 10px; } .item_tags a, .item_tags span { color: #102439; padding: 5px 7px; margin-right: 2px; border: 1px solid #1e3145; border-radius: 3px; display: inline-block; font-family: 'Roboto'; font-weight: bold; font-size: 1em; margin-top: 10px; cursor: pointer; position: relative; transition: all 0.3s; text-decoration: none; } .item_tags a:hover, .item_tags span:hover { background-color: #eef1f6; border-color: #cacaca; } .item_color_cover, .item_size_cover { overflow: hidden; margin: 0 -4.5px; margin-bottom: 0px; } .item_color_cover .item_color_block, .item_size_cover .item_color_block, .item_color_cover .item_size_block, .item_size_cover .item_size_block { float: left; min-width: 31px; min-height: 31px; margin: 2px; padding: 5px; cursor: pointer; position: relative; border: 1px solid #cccccc; text-align: center; box-shadow: inset 0px 0px 0px 3px #fff; transition: all 300ms; border-radius: 3px; } .item_color_cover .item_color_block.disabled, .item_size_cover .item_color_block.disabled, .item_color_cover .item_size_block.disabled, .item_size_cover .item_size_block.disabled { opacity: 0.2; cursor: default; } .item_color_cover .item_color_block.disabled:hover, .item_size_cover .item_color_block.disabled:hover, .item_color_cover .item_size_block.disabled:hover, .item_size_cover .item_size_block.disabled:hover { border-color: #cccccc; box-shadow: inset 0px 0px 0px 3px #fff; transition: all 300ms; } .item_color_cover .item_color_block span, .item_size_cover .item_color_block span, .item_color_cover .item_size_block span, .item_size_cover .item_size_block span { display: inline-block; width: 100%; top: -1px; text-align: center; } .item_color_cover .item_color_block:hover, .item_size_cover .item_color_block:hover, .item_color_cover .item_size_block:hover, .item_size_cover .item_size_block:hover { border-color: #3770ac; box-shadow: inset 0px 0px 0px 3px #fff, 0px 0px 2px 0px #3770ac; transition: all 300ms; } .item_color_cover .item_size_block, .item_size_cover .item_size_block { background: transparent; color: #2c304d; transition: all 300ms; } .item_color_cover .item_size_block:hover, .item_size_cover .item_size_block:hover { color: #fff; background-color: #01A0E2; border-color: #01A0E2; box-shadow: 0px 0px 1px 0px #50599e; transition: all 300ms; } .item_color_cover .item_color_block.active, .item_size_cover .item_color_block.active, .item_color_cover .item_size_block.active, .item_size_cover .item_size_block.active { background-color: #01A0E2; border: 1px solid #01A0E2; color: #ffffff; box-shadow: inset 0px 0px 0px 3px #50599e; } .item_color_cover .item_color_block_double_color, .item_size_cover .item_color_block_double_color { padding: 3px; } .item_color_cover .item_color_block_double_color > div, .item_size_cover .item_color_block_double_color > div { width: 50%; height: 23px; float: left; position: relative; } .parameters_group { overflow: hidden; padding-bottom: 10px; } .parameters_group .item_right_filtered_block_title { padding-left: 4px; } .parameters_group:last-of-type { padding-bottom: 0px; } .item_body_lcol { position: relative; display: flex; flex-direction: column; width: 100%; } .item_view_slider_cover { overflow: hidden; margin-top: 0px; height: 520px; } .item_view_slider_filter { float: left; width: 92px; height: 380px; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 300ms; } .item_view_slider_filter .mCustomScrollBox { height: 100%; } .item_view_slider_filter.show { opacity: 1; visibility: visible; transition: opacity 300ms; height: 100%; } .item_view_slider_filter .mCSB_inside > .mCSB_container { margin-right: 0; } .item_view_slider_filter .mCSB_scrollTools { left: -5px; } .item_view_slider_filter_item { width: 83px; height: 83px; border-radius: 3px; border: 1px solid #cecece; margin-bottom: 1px; margin-left: 8px; cursor: pointer; overflow: hidden; } .item_view_slider_filter_item img { height: 100%; margin-left: -26px; } .item_view_slider_filter_item.active { border: 1px solid #3571b0; cursor: default; } .item_view_slider_filter_item:first-of-type { margin-top: 20px; } .item_view_slider_filter_item:last-of-type { margin-bottom: 20px; } .item_view_slider_image { position: absolute; width: fit-content; left: 50%; transform: translateX(-50%); overflow: hidden; /*margin-left: 10px;*/ } .item_view_slider_image img { height: 520px; object-fit: cover; margin: 0 auto; } .item_info { margin-top: 15px; } .item_info .item_info_tabs { width: 99.8%; position: relative; z-index: 10; } .item_info .item_info_tabs td { text-align: center; } .item_info .item_info_tabs td a, .item_info .item_info_tabs td p { border: 1px solid transparent; width: 100%; font-size: 1.14285714em; text-decoration: none; font-family: 'Roboto'; font-weight: bold; padding: 10px 0; } .item_info .item_info_tabs td a { color: #2c304d; } .item_info .item_info_tabs td.active p, .item_info .item_info_tabs td.active a { border: 1px solid #d7dce2; border-bottom: 1px solid #fff; border-radius: 3px 3px 0 0; border-bottom: none; background: #fff; } .item_info .item_info_text_cover { margin-top: -2px; } .item_info .item_info_text { font-size: 16px; position: relative; padding: 30px; border: 1px solid #d7dce2; border-radius: 3px; float: left; width: 100%; /* tr:not(:first-of-type){ td{ padding-top: 18px; } } */ } .item_info .item_info_text div { line-height: 28px !important; } .item_info .item_info_text ol { counter-reset: li; /* Инициализируем счетчик */ padding: 0; /* Удаляем установленное по умолчанию левое поле*/ list-style: none; /* Отменяем нумерацию установленную по умолчанию */ } .item_info .item_info_text ol li { position: relative; /* Создаем контекст для позиционирования элементов */ margin: 0 0 6px 0.5em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */ padding: 4px 11px; display: -webkit-box; } .item_info .item_info_text ol li:before { content: counter(li); /* В качестве данных используем счетчик */ counter-increment: li; /* Увеличиваем значение счетчика на 1 */ /* Позиционируем и оформляем цифры */ position: absolute; top: -2px; left: -0.7em; width: 1em; padding: 4px 0; color: #2c304d; font-size: 16px; font-family: 'Roboto'; font-weight: bold; text-align: center; } .item_info .item_info_text ol li:after { content: "."; /* В качестве данных используем счетчик */ /* Позиционируем и оформляем цифры */ position: absolute; top: -2px; left: -0.3em; width: 1em; padding: 4px 0; color: #2c304d; font-size: 16px; font-family: 'Roboto'; font-weight: bold; text-align: center; } .item_info .item_info_text ul { padding-bottom: 15px; } .item_info .item_info_text ul li { position: relative; padding-left: 20px; list-style-position: inside; } .item_info .item_info_text ul li:before { top: 6px; left: 0px; margin-right: 6px; content: "—"; font-family: 'Roboto'; font-weight: bold; color: #2c304d; } .item_info .item_info_text ul li li { padding-left: 0px; list-style-type: disc; } .item_info .item_info_text ul li li:before { display: none; } .item_info .item_info_text > table { border: 1px solid #3973b2; /* */ border-collapse: separate; border-radius: 3px; } .item_info .item_info_text > table p { padding-bottom: 0px; } .item_info .item_info_text > table tr { /* &:nth-child(odd) { background-color: #ecf0f3; } */ /* &:first-child { td { border-bottom: 1px solid #3973b2; } } */ } .item_info .item_info_text > table th { padding-top: 10px; padding-bottom: 11px; border-bottom: 1px solid #3973b2; } .item_info .item_info_text > table td { vertical-align: top; padding-top: 10px; padding-bottom: 11px; padding-left: 15px; padding-right: 15px; } .item_info .item_info_text img { padding-bottom: 15px; } .item_info .item_info_text a { display: inline; } .item_info .item_info_text blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C" "\201D" "\2018" "\2019"; } .item_info .item_info_text blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .item_info .item_info_text p { line-height: 28px !important; padding-bottom: 7px !important; } .item_info .item_info_text ul strong { display: inline-block; padding-bottom: 10px; } .item_info .item_info_text .wear_care { width: auto; } .item_info .item_info_text .wear_care tr { background: #fff; } .item_info .item_info_text .wear_care tr td { padding: 0; padding-right: 15px; } .item_info .item_info_text .wear_care tr td img { margin-top: 2px; padding-bottom: 7px; } .item_info .item_info_text table { border: none; width: 100%; table-layout: fixed; margin-bottom: 15px; } .item_info .item_info_text table tr:nth-child(odd) { background-color: #ecf0f3; } .item_info .item_info_text table td { vertical-align: top; padding-top: 10px; padding-bottom: 11px; padding-left: 15px; padding-right: 15px; } .item_info .item_info_text th { text-align: left; } .item_cost_block .item_cost_block_title { color: #787f87; } .item_cost_block .biig_cost { color: #313e4e; font-size: 3.42857143em; font-family: 'Roboto'; font-weight: bold; padding-bottom: 0px; } .item_cost_block table { margin: 10px 0; } .item_cost_block table td:not(:first-of-type) { padding-left: 85px; } .item_cost_block .item_table_lined_cost { text-decoration: line-through; font-family: 'Roboto'; font-weight: bold; color: #787f87; } .item_cost_block .item_table_blue_cost { color: #2c304d; font-family: 'Roboto'; font-weight: bold; } .item_cost_block .add_to_comparison { text-align: center; /* width: 100%; */ display: inline-block; text-decoration: none; padding: 3px 0; margin: 10px 0; } .item_cost_block .add_to_comparison i { color: #3770ac; cursor: pointer; font-style: normal; border-bottom: 1px dashed #2c304d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .item_cost_block .add_to_comparison i:hover { color: #50599e; border-color: #50599e; } .item_cost_block .add_to_question { cursor: pointer; position: relative; text-align: center; /*width: 100%; */ display: inline-block; text-decoration: none; /*padding: 3px 0; margin: 10px 0;*/ margin-top: 0; /*padding-right: 29px; */ } .item_cost_block .add_to_question i { color: #3770ac; cursor: pointer; font-style: normal; border-bottom: 1px dashed #2c304d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .item_cost_block .add_to_question i:hover { color: #50599e; border-color: #50599e; } .item_cost_block .add_to_question:after { content: ''; position: absolute; right: -22px; top: 0; background-image: url(/content/images/sprite.png); background-position: 0px -343px; width: 19px; height: 20px; } .item_cost_block .productGreed, .item_cost_block .add_to_comparison { position: relative; padding-right: 24px; } .item_cost_block .productGreed:after, .item_cost_block .add_to_comparison:after { content: ''; position: absolute; top: 0; right: 0; } .item_cost_block .productGreed { margin: 0; /* margin-bottom: 20px;*/ } .item_cost_block .productGreed i { /*margin-bottom: 10px;*/ display: inline-block; } .item_cost_block .productGreed:after { width: 20px; height: 20px; background: url("/Content/images/icon/productGreed_icon.png"); top: 1px; } .item_cost_block .add_to_comparison { margin-top: 20px; } .item_cost_block .add_to_comparison:after { width: 21px; height: 22px; background: url("/Content/images/icon/add_to_comparison_icon.png"); } .bbbtn_add_chart, .bbbtn_add_chart-adv { width: 100%; background: #075C9B; border: 1px solid #075C9B; padding: 8px 9px; font-size: 18px; color: #ffffff; font-weight: normal; margin-top: 15px; cursor: pointer; height: 44px; } .bbbtn_add_chart:hover, .bbbtn_add_chart-adv:hover { background-color: #01A0E2; border-color: #01A0E2; } .bbbtn_add_chart img, .bbbtn_add_chart-adv img { position: relative; top: 2px; left: 0; margin-left: 10px; margin-right: 7px; transition: left 0.15s; } .bbbtn_add_chart .mini_chart_white, .bbbtn_add_chart-adv .mini_chart_white { opacity: 1; } .bbbtn_add_chart .mini_chart, .bbbtn_add_chart-adv .mini_chart { opacity: 0; } .bbbtn_add_chart .topsales_label_black_block, .bbbtn_add_chart-adv .topsales_label_black_block { background: #2D5A8C; } .buy_credit { width: 80%; } .bbbtn_add_chart { width: 270px; } .bbbtn_add_chart.active { font-size: 0; } .bbbtn_add_chart.active img { left: 50%; transform: translateX(-50%); transition: left 0.3s; } .bbbtn_add_chart.active:after { top: 12px; } .any_question_block { padding-top: 10px; padding-bottom: 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; max-width: 270px; } .card_not_available { margin-bottom: 10px; margin-top: 10px; } .card_not_available .item_tags { margin-top: 0px; } .shipping-and-payment { padding: 10px 20px; } .shipping-and-payment a { color: #102439; text-decoration: none; } .shipping-and-payment .shipping, .shipping-and-payment .purchase_returns, .shipping-and-payment .product_quality { margin-bottom: 10px; padding: 15px 0px; padding-left: 50px; position: relative; display: inline-block; } .shipping-and-payment .shipping:before, .shipping-and-payment .purchase_returns:before, .shipping-and-payment .product_quality:before { content: ''; position: absolute; top: 5px; left: 0px; width: 44px; height: 44px; } .shipping-and-payment .shipping:before { background: url("/Content/images/icon/truck.png"); } .shipping-and-payment .purchase_returns:before { background: url("/Content/images/icon/purchase_returns.png"); } .shipping-and-payment .product_quality:before { background: url("/Content/images/icon/product_quality.png"); } .shipping-and-payment .visa { position: relative; display: inline-block; vertical-align: middle; width: 42px; height: 15px; right: 0px; top: 0px; } .shipping-and-payment .visa:before { content: ''; position: absolute; top: 0px; left: 0px; background-image: url(/content/images/sprite.png); background-position: 0px -272px; width: 42px; height: 15px; } .shipping-and-payment .master-card { margin-left: 10px; vertical-align: middle; position: relative; display: inline-block; width: 36px; height: 22px; right: 0px; top: 0px; } .shipping-and-payment .master-card:before { content: ''; position: absolute; top: 0px; left: 0px; background-image: url(/content/images/sprite.png); background-position: 0px -383px; width: 36px; height: 22px; } .shipping-and-payment .jcb { margin-left: 10px; vertical-align: middle; position: relative; display: inline-block; width: 36px; height: 22px; right: 0px; top: 0px; } .shipping-and-payment .jcb:before { content: ''; position: absolute; top: 0px; left: 0px; width: 29px; height: 22px; background: url('/Content/images/JCB_logo.jpg') no-repeat center; } .shipping-and-payment .shipping_and_payment_opl { margin-top: 20px; } .shipping-and-payment .mir { margin-left: 10px; vertical-align: middle; position: relative; display: inline-block; width: 48px; height: 14px; right: 0px; top: 0px; } .shipping-and-payment .mir:before { content: ''; position: absolute; top: 0px; left: 0px; width: 48px; height: 14px; background: url("/Content/images/icon/mir.png"); } .visa { position: absolute; display: inline-block; width: 42px; height: 15px; right: -50px; top: 1px; } .visa:before { content: ''; position: absolute; top: 0px; left: 0px; background-image: url(/content/images/sprite.png); background-position: 0px -272px; width: 42px; height: 15px; } .master-card { position: absolute; display: inline-block; width: 36px; height: 22px; right: -91px; top: -2px; } .master-card:before { content: ''; position: absolute; top: 0px; left: 0px; background-image: url(/content/images/sprite.png); background-position: 0px -383px; width: 36px; height: 22px; } .cost_block_cover { display: flex; justify-content: space-between; align-items: center; max-width: 270px; } .item_skid { background: #f00; border: #f00; padding: 8px 11px 9px 13px; font-size: 1.42857143em; color: #fff; display: inline-block; border-radius: 3px; font-family: 'Roboto'; font-weight: bold; } .item_spec_price { background: #2cc396; border: #2cc396; padding: 8px 11px 9px 13px; font-size: 1.42857143em; color: #fff; display: inline-block; border-radius: 3px; font-family: 'Roboto'; font-weight: bold; margin-bottom: 13px; } .prompt { cursor: pointer; vertical-align: middle; position: relative; width: 29px; height: 29px; text-align: center; line-height: 25px; display: inline-block; margin-left: 10px; border: 1px solid #0f9ad8; border-radius: 3px; margin-top: -10px; margin-bottom: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .prompt:hover { color: #0e87bd; border-color: #0e87bd; } .prompt:before { content: '?'; color: #50599e; font-size: 22px; } .prompt.near-cards { margin-left: 109px; } .shops_cover { position: relative; width: 100%; background-color: #fff; } .shops_block { position: relative; margin: 0 auto; max-width: 1600px; padding-top: 20px; padding-bottom: 100px; } .shops_block h2 { margin: 0 15px; } .shops_tabs { width: 99.8%; position: relative; z-index: 10; } .shops_tabs td { text-align: center; } .shops_tabs td a, .shops_tabs td p { width: 100%; font-size: 1.14285714em; text-decoration: none; font-family: 'Roboto'; font-weight: bold; padding: 10px 0; border: 1px solid transparent; border-bottom: none; cursor: pointer; } .shops_tabs td a { color: #2c304d; } .shops_tabs td.active p, .shops_tabs td.active a { border: 1px solid #d7dce2; border-radius: 3px 3px 0 0; border-bottom: none; background: #fff; color: #102439; cursor: default; } .shop_card_cover { position: relative; border-top: 1px solid #d7dce2; margin-top: -1px; } .shop_card { padding-bottom: 20px; border-radius: 3px; transition: all 300ms; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); vertical-align: top; width: 250px; padding: 18px 30px; margin-top: 20px; display: inline-block; margin-right: calc(33% - 250px); } .shop_card .btn_on_shop_go { opacity: 0; transition: all 300ms; background-color: #075C9B !important; } .shop_card:hover { transition: all 300ms; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); } .shop_card:hover .btn_on_shop_go { opacity: 1; transition: all 300ms; } .shop_card .shop_card_type { font-family: 'Roboto'; font-weight: bold; color: #102439; margin-bottom: -10px; font-size: 1.14285714em; } .shop_card .shop_card_title:first-of-type { padding-top: 0 !important; } .shop_card .shop_card_title { font-family: 'Roboto'; font-weight: bold; display: block; color: #075C9B; padding-top: 25px !important; } .shop_card p, .shop_card span { padding: 0; } .shop_card .doc_cover span { margin-top: 2px; } .shop_card .doc_cover:after { margin-top: -7px; } .shop_card_cover_double { margin: 0 15px; } .shop_map_cover { height: 290px; width: 100%; border-radius: 3px; overflow: hidden; } .download_price { color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*&:hover { color: #fff; border-color: #fff; }*/ width: 150px; color: #102439 !important; text-decoration: underline; padding: 8px 0; padding-left: 40px; padding-top: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shopcard_cover { position: relative; max-width: 1600px; margin: 0 15px; overflow: hidden; padding-bottom: 25px; } .shopcard_cover .hidden_description_text_container { position: relative; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .shopcard_cover .hidden_description_text_container.hidden { height: 218px; } .shopcard_cover .hidden_description_text_container.active { padding-bottom: 20px; } .shopcard_cover .hidden_description_text_container.active .show_more_description_text_button { display: block; } .shopcard_cover .hidden_description_text_container.active.hidden { padding-bottom: 0px; } .shopcard_cover .hidden_description_text_container.active.hidden .show_more_description_text_button:after { content: ''; position: absolute; bottom: -20px; z-index: 1; display: block; width: 100%; height: 20px; -webkit-box-shadow: 0px 5px 30px 40px #ffffff; -moz-box-shadow: 0px 5px 30px 40px #ffffff; box-shadow: 0px 5px 30px 40px #ffffff; } .shopcard_cover .hidden_description_text_container .show_more_description_text_button { display: none; position: absolute; bottom: 0px; text-align: center; width: 100%; } .shopcard_cover .hidden_description_text_container .show_more_description_text_button span { color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*&:hover { color: #fff; border-color: #fff; }*/ color: #102439 !important; border-bottom: 1px dashed #3770ac; display: inline-block; cursor: pointer; position: relative; z-index: 10; } .price_table_cover { border: 1px solid #2969ac; border-radius: 3px; overflow: hidden; } .price_table_cover td { text-align: center; padding: 10px 10px; border: 1px solid #eeeeee; } .price_table_cover td:first-of-type { text-align: left; padding-left: 40px; } .price_table_cover td:last-of-type { padding-right: 20px; } .price_table_cover td.category { padding-left: 20px; font-family: 'Roboto'; font-weight: bold; } .price_table_cover td.sub-category { padding-left: 29px; font-family: 'Roboto'; font-weight: bold; position: relative; background: #fbfbfb; } .price_table_cover td.sub-category:before { content: "•"; font-size: 16px; position: relative; margin-right: 5px; top: 1px; } .price_table_cover thead { font-family: 'Roboto'; font-weight: bold; border-bottom: 1px solid #2969ac; } .price_table_cover thead tr:last-of-type td:first-of-type { text-align: center; padding-left: 10px; } .price_table_cover thead tr:first-of-type td:first-of-type { padding-left: 20px; } .shopcard_cover_lcol { float: left; width: 270px; } .shopcard_cover_lcol h3 { margin-top: 50px; } .shopcard_cover_lcol .back_page_arrow { margin-left: 90px; margin-top: 15px; float: right; } .shopcard_cover_rcol { position: relative; margin-left: 308px; } .shopcard_lcol_img { height: 230px; width: 268px; overflow: hidden; margin-top: 10px; } .shopcard_lcol_img img { width: 100%; height: 100%; } .shopcard_info_contacts { border: 1px solid #2969ac; border-radius: 3px; padding: 18px 30px; } .shopcard_info_contacts p { padding: 0; } .shopcard_info_contacts .shopcard_info_title { color: #50599e; font-family: 'Roboto'; font-weight: bold; padding: 0; } .shopcard_info_contacts .shopcard_info_title:not(:first-of-type) { padding-top: 20px; } .shopcard_info_contacts .doc_cover span { margin-top: 2px; } .shopcard_info_contacts .doc_cover:after { margin-top: -7px; } .shopcard_cover_rcol_head h1 { padding-top: 0; max-width: 85%; } .shopcard_cover_rcol_head .share_item { float: right; width: 15%; font-size: 0.85714286em; } .shopcard_cover_rcol_body { margin-bottom: 15px; overflow: hidden; } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .gallery_cover { position: relative; width: 100%; background-color: #fff; } .gallery { position: relative; max-width: 1640px; margin: 0 auto; padding: 0px 29px; } .gallery_items_cover { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; } .gallery_item_container { /* height: 393px; */ display: inline-block; vertical-align: top; margin-bottom: 30px; max-width: 24%; } .gallery_item { /* height: 393px; */ display: block; border: 1px solid #c8c8c8; border-radius: 3px; overflow: hidden; box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); position: relative; transition: box-shadow 300ms, border 300ms; text-decoration: none; } .gallery_item:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); border: 1px solid #c8c8c8; transition: box-shadow 300ms, border 300ms; } .gallery_item:hover > p.gallery_item_title { color: #50599e; } .gallery_item .gallery_item_photo { height: 220px; width: 100%; overflow: hidden; border-bottom: 1px solid #c8c8c8; } .gallery_item .gallery_item_photo img { width: 100%; } .gallery_item > p { padding: 16px 17px; padding-top: 0; display: inline-block; } .gallery_item > p.gallery_item_title { color: #075C9B; font-family: 'Roboto'; font-weight: bold; display: block; margin: 16px 17px; margin-bottom: 0; padding: 0; padding-bottom: 5px; overflow: hidden; /* height: 40px; */ } .gallery_item > p.gallery_item_title:hover { color: #01A0E2; } .gallery_item .gallery_item_anons { color: #102439; margin: 10px 17px; margin-bottom: 0; font-size: 0.85714286em; text-decoration: none; } .gallery_item .gallery_item_anons p { text-decoration: none; } .gallery_in_cover { position: relative; width: 100%; } .gallery_in { position: relative; max-width: 1060px; margin: 0 auto; padding: 0px 30px; } .gallery_in_head h1 { padding-top: 0; max-width: 90%; } .gallery_in_head .share_item { float: right; width: 10%; font-size: 0.85714286em; } .gallery_in_img_cover { overflow: hidden; position: relative; margin: 0 -10px; padding-bottom: 5px; } .gallery_in_img_item { float: left; width: 98px; height: 98px; border: 1px solid #cfcfcf; border-radius: 3px; margin: 10px; overflow: hidden; display: block; box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); transition: box-shadow 300ms, border 300ms; } .gallery_in_img_item:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); border: 1px solid #c8c8c8; transition: box-shadow 300ms, border 300ms; } .jobs_cover { position: relative; width: 100%; background-color: #fff; padding: 0 15px; } .jobs { position: relative; max-width: 1160px; margin: 0 auto; padding-top: 20px; } .jobs .shops_tabs { margin-top: 25px; } .jobs hr { margin-top: -1px; } .alljobs_body { margin-top: -1px; overflow: hidden; padding-top: 30px; } .alljobs_body.onejob_body { padding-top: 5px; } .alljobs_body_rcol { width: 270px; float: right; } .alljobs_body_rcol .download_price { /* margin-left: 40px; */ } .alljobs_body_rcol .doc_cover { margin-top: 15px; } .alljobs_body_lcol { position: relative; margin-right: 280px; } .alljobs_body_lcol h3:first-of-type { padding-top: 0; } .manager_block { width: 100%; border: 1px solid #ff9c4c; border-radius: 3px; padding: 18px 29px; margin-top: 15px; } .manager_block p { padding: 0; } .manager_block .manager_block_title:first-of-type { padding-top: 0 !important; } .manager_block .manager_block_title { font-family: 'Roboto'; font-weight: bold; display: block; color: #50599e; padding-top: 25px; } .onejob_head { position: relative; } .onejob_head h1 { max-width: 90%; } .onejob_head .share_item { float: right; width: 10%; font-size: 0.85714286em; } .micro_date_top { position: absolute; left: 0; top: 1px; } .onejob_body .alljobs_body_lcol h4 { color: #50599e; font-family: 'Roboto'; font-weight: bold; } .resume_form_block { border-radius: 3px; border: 1px solid #2969ac; padding: 27px 33px; margin-bottom: 25px; } .resume_form_block p { font-size: 1.14285714em; } .resume_form_block h4 { clear: both; padding-top: 40px; } .resume_form_row { margin: 0 -10px; } .resume_form_col { width: 25%; float: left; padding: 0 10px; } .resume_form_col .jq-file { width: 100%; } .resume_form_col input { width: 100%; } .resume_form_footer { clear: both; padding-top: 30px; text-align: right; } .action_page_cover { position: relative; width: 100%; padding: 0 30px; background-color: #fff; } .action_page { position: relative; max-width: 1600px; margin: 0 auto; padding-top: 20px; } .action_page_items_cover { overflow: hidden; padding-bottom: 100px; display: flex; justify-content: space-between; flex-wrap: wrap; } .action_page_items_cover .action_page_item_container { margin-bottom: 30px; vertical-align: top; min-width: 49%; max-width: 49%; } .action_page_items_cover a { display: block; position: relative; } .action_page_items_cover a .action_page_img_cover { box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); transition: box-shadow 300ms, border 300ms; border: 1px solid #c8c8c8; overflow: hidden; border-radius: 3px; height: 323px; } .action_page_items_cover a .action_page_img_cover img { margin-bottom: -4px; } .action_page_items_cover a:hover .action_page_img_cover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); border: 1px solid #c8c8c8; transition: box-shadow 300ms, border 300ms; overflow: hidden; } .action_page_items_cover a:hover p { color: #2c304d; } .action_page_items_cover a p, .action_page_items_cover a span { color: #ffffff; } .action_page_items_cover a p { font-family: 'Roboto'; font-weight: bold; font-size: 1.14285714em; text-decoration: underline; padding-bottom: 8px; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #102439; } .action_page_items_cover a span { display: inline-block; overflow: hidden; color: #102439; font-size: 0.85714286em; } .action_page_items_cover .action_page_item_date { color: #647c95; height: 15px; } .action_page_items_cover .action_page_item_footer { width: 100%; /* height: 123px; */ /* border-top: 1px solid #c2c4c7; background: rgba(12,84,160,.6); */ bottom: 0px; padding: 15px; margin-top: 5px; } .actionpage_item_head { overflow: hidden; } .actionpage_item_head .share_item { float: right; width: 10%; font-size: 0.85714286em; } .actionpage_item_head h1 { max-width: 90%; } .actionpage_item_text { overflow: hidden; font-size: 16px; } .actionpage_item_text img { /*width: 400px;*/ float: left; margin-right: 30px; margin-bottom: 0px; } .actionpage_cover { position: relative; width: 100%; /* padding: 0 30px;*/ background-color: #fff; } .actionpage_item_text_silder_cover { float: left; width: 525px; padding-bottom: 20px; overflow: hidden; } .actionpage_item_slider { width: 474px; height: 78px; position: relative; overflow: hidden; white-space: nowrap; float: left; visibility: hidden; opacity: 0; transition: opacity 300ms; } .actionpage_item_slider.show { visibility: visible; opacity: 1; transition: opacity 300ms; } .actionpage_item_slider table { margin: 0px 22px; } .actionpage_item_slider td { height: 70px; width: 105px; border: 1px solid #c0c0c1; border-radius: 3px; display: inline-block; margin-right: 1px; cursor: pointer; overflow: hidden; } .actionpage_item_slider td.active { cursor: default; border: 1px solid #3571b0; } .actionpage { position: relative; margin: 0 auto; max-width: 1600px; padding-bottom: 90px; } .actionpage_items_cover { overflow: hidden; margin: 0 -10px; } .actionpage_items_cover .catalog_item_content:hover { height: 100%; } .back_page_arrow { text-decoration: none; border: 1px solid #1a5ea6; border-radius: 0 2px 2px 0; padding: 5px 42px 6px; border-left: none; position: relative; margin-left: 16px; margin-top: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .back_page_arrow:hover { color: #fff; background-color: #01A0E2; border-color: #01A0E2; } .back_page_arrow:hover:after, .back_page_arrow:hover:before { border-right-color: #01A0E2; } .back_page_arrow:after, .back_page_arrow:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-left: 0px; /* pointer-events: none; */ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .back_page_arrow:after { border-color: rgba(136, 183, 213, 0); border-right-color: #ffffff; border-width: 15px; margin-top: -15px; } .back_page_arrow:before { border-color: rgba(26, 94, 166, 0); border-right-color: #1a5ea6; border-width: 16px; margin-top: -16px; } .view_counter_block { color: #787f87; float: right; position: relative; margin-top: 17px; } .actionpage.articles_state_new { padding: 0 30px; padding-bottom: 55px; word-wrap: break-word; } .actionpage.articles_state_new .actionpage_item_text { width: 75%; padding-left: 6px; } .actionpage.articles_state_new .actionpage_item_text .actionpage_item_text_silder_cover { width: 100%; float: none; text-align: center; } .actionpage.articles_state_new .actionpage_item_text .actionpage_item_text_silder_cover a { display: inline-block; } .actionpage.articles_state_new .actionpage_item_text .actionpage_item_slider { width: 100%; float: none; } .actionpage.articles_state_new .actionpage_item_text img { max-width: 100%; padding-bottom: 16px; padding-top: 12px; float: none; } .actionpage.articles_state_new .actionpage_item_text ul, .actionpage.articles_state_new .actionpage_item_text ol { line-height: 18px; padding-bottom: 14px; padding-top: 2px; } .actionpage.articles_state_new .actionpage_item_text li { padding-left: 0; padding-bottom: 4px; } .actionpage.articles_state_new .actionpage_item_text li:before { margin-right: 6px; } .actionpage.articles_state_new .actionpage_item_text ol { padding-top: 5px; padding-left: 2px; padding-bottom: 11px; } .actionpage.articles_state_new .actionpage_item_text ol li { padding-left: 16px; margin-bottom: 1px; } .actionpage.articles_state_new .actionpage_item_head { margin-right: -27px; padding-left: 5px; } .actionpage.articles_state_new .actionpage_item_head span { font-size: 0.85714286em; font-family: '@global_font'; color: #647c95; } .actionpage.articles_state_new .actionpage_item_head h1 { padding-top: 0; padding-bottom: 18px; } .actionpage.articles_state_new .actionpage_item_head .share_item { width: 11%; } .actionpage.articles_state_new .actionline { padding: 0; padding-top: 40px; } .actionpage.articles_state_new .actionpage_item_text_rcol { width: 25%; position: absolute; display: inline-block; top: 76px; right: 0; padding-left: 21px; line-height: 19px; } .actionpage.articles_state_new .actionpage_item_text_rcol li { padding-bottom: 15px; padding-right: 35px; } .actionpage.articles_state_new .actionpage_item_text_rcol li:first-of-type { padding-top: 8px; } .actionpage.articles_state_new .actionpage_item_text_rcol li .actionpage_item_text_rcol_active { padding-bottom: 18px; margin-top: -4px; } .actionpage.articles_state_new .actionpage_item_text_rcol a { font-family: 'OpenSansLight'; color: #2c304d; } .actionpage.articles_state_new .back_page_arrow { bottom: -10px; } .actionpage.articles_state_new h1 { font-size: 2.14285714em; padding-bottom: 5px; font-family: 'Roboto'; font-weight: bold; } .actionpage.articles_state_new h2 { font-size: 1.85714286em; padding-bottom: 10px; padding-top: 16px; font-family: 'Roboto'; font-weight: bold; } .actionpage.articles_state_new h3 { font-size: 1.57142857em; padding-bottom: 10px; padding-top: 21px; font-family: "OpenSansBold"; } .actionpage.articles_state_new h4 { font-size: 1.28571429em; padding-bottom: 0px; padding-top: 5px; color: #50599e; font-family: "OpenSansBold"; } .actionpage.articles_state_new p { line-height: 19px; padding-bottom: 10px; } .actionpage.articles_state_new table { padding-bottom: 21px; margin-bottom: 12px; width: 100%; margin-top: 9px; } .actionpage.articles_state_new table td, .actionpage.articles_state_new table th { font-size: 1em; text-align: left; padding-left: 13px; width: 23%; } .actionpage.articles_state_new table td:first-of-type, .actionpage.articles_state_new table th:first-of-type { padding-left: 22px; } .actionpage.articles_state_new table td:last-of-type, .actionpage.articles_state_new table th:last-of-type { padding-left: 26px; } .actionpage.articles_state_new table td { padding-top: 18px; padding-bottom: 3px; } .actionpage.articles_state_new table th { font-family: "OpenSansBold"; } .actionpage.articles_state_new .actionline { padding-top: 12px; padding-left: 5px; } .actionpage.articles_state_new .actionline h2 { padding-bottom: 0px; margin-bottom: -7px; } .actionpage.articles_state_new .actionline table th, .actionpage.articles_state_new .actionline table td { padding-left: 0; } .box-modal-add-to-chart { min-width: 785px; } .count_of_items { padding: 0 24px; position: relative; width: 96px; } .count_of_items input { width: 55px; text-align: center; } .count_of_items .count_of_items_plus, .count_of_items .count_of_items_minus { width: 14px; height: 14px; cursor: pointer; position: absolute; top: 10px; } .count_of_items .count_of_items_plus:before, .count_of_items .count_of_items_minus:before { content: ''; width: 14px; height: 4px; background: #2c304d; top: 5px; position: absolute; } .count_of_items .count_of_items_minus { left: 0; } .count_of_items .count_of_items_plus { right: 0; } .count_of_items .count_of_items_plus:after { content: ''; height: 14px; width: 4px; background: #2c304d; left: 5px; position: absolute; } .last_modal_price { font-size: 1.28571429em; font-family: 'Roboto'; font-weight: bold; float: right; margin-right: 20px; margin-top: 15px; } .code_manaraga, .promocodeModal, .documentUdosModal { width: 500px; } .code_manaraga .modal_head h2, .promocodeModal .modal_head h2, .documentUdosModal .modal_head h2 { padding-left: 20px; } .code_manaraga .jq-file, .promocodeModal .jq-file, .documentUdosModal .jq-file { margin-top: 15px; } .code_manaraga .modal_footer, .promocodeModal .modal_footer, .documentUdosModal .modal_footer { height: auto; padding: 25px 20px 15px; text-align: right; } .code_manaraga .modal_footer .btn, .promocodeModal .modal_footer .btn, .documentUdosModal .modal_footer .btn { color: #ffffff; background: #2c304d; margin-left: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .code_manaraga .modal_footer .btn:first-child, .promocodeModal .modal_footer .btn:first-child, .documentUdosModal .modal_footer .btn:first-child { margin-left: 0px; } .code_manaraga .modal_footer .btn:hover, .promocodeModal .modal_footer .btn:hover, .documentUdosModal .modal_footer .btn:hover { background-color: #50599e; } .confirm-modal { width: 350px; } .confirm-modal .modal_body { margin: 0px 40px; font-size: 1.14285714em; } .confirm-modal .modal_footer { height: auto; padding: 25px 40px 15px; text-align: right; } .confirm-modal .modal_footer .btn { color: #ffffff; background: #2c304d; margin-left: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .confirm-modal .modal_footer .btn:first-child { margin-left: 0px; } .confirm-modal .modal_footer .btn:hover { background-color: #50599e; } .error-modal { width: 350px; } .error-modal .modal_body { margin: 0px 40px; font-size: 1.14285714em; } .error-modal .modal_footer { height: auto; padding: 25px 40px 15px; text-align: center; } .error-modal .modal_footer .btn { color: #ffffff; background: #2c304d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .error-modal .modal_footer .btn:hover { background-color: #50599e; } .prompt-modal { width: 350px; } .prompt-modal .modal_body { margin: 0px 40px; font-size: 1.14285714em; } .prompt-modal .modal_footer { height: auto; padding: 25px 40px 15px; text-align: center; } .prompt-modal .modal_footer .btn { color: #ffffff; background: #2c304d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .prompt-modal .modal_footer .btn:hover { background-color: #50599e; } .notification-modal { width: 440px; } .notification-modal .modal_body { margin: 0px 40px; font-size: 1.14285714em; } .notification-modal .modal_footer { height: auto; padding: 25px 40px 15px; text-align: center; } .notification-modal .modal_footer .btn { color: #ffffff; background: #2c304d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .notification-modal .modal_footer .btn:hover { background-color: #50599e; } .question-modal { width: 600px; } .question-modal .modal_body { margin: 0px 40px; font-size: 1.14285714em; } .question-modal .modal_body .title { padding-bottom: 5px; font-size: 20px; } .question-modal .modal_body .code { color: #787f87; padding-bottom: 20px; font-size: 14px; } .question-modal .modal_body h5 { padding: 0; } .question-modal .modal_body p { padding: 0; padding-top: 15px; } .question-modal .modal_body .inputs-table { table-layout: fixed; width: 100%; border-bottom: 0px; } .question-modal .modal_body .inputs-table .caption { padding-top: 0px; padding-bottom: 10px; } .question-modal .modal_body .inputs-table td { padding-left: 0px; padding-top: 0px; padding-bottom: 15px; padding-left: 15px; } .question-modal .modal_body .inputs-table td:first-child { padding-left: 0px; } .question-modal .modal_body .inputs-table td input { width: 100%; } .question-modal .modal_body .inputs-table td textarea { width: 100%; height: 85px; box-sizing: border-box; } .question-modal .modal_body .characteristics-container { padding: 10px 20px; border: 1px solid #bfbfbf; border-radius: 3px; max-height: 176px; overflow-y: auto; } .question-modal .modal_body .characteristics-container table { border-bottom: 0px; } .question-modal .modal_body .select-table { border: none; margin-top: 15px; } .question-modal .modal_body .select-table tr td { padding: 0; width: 50%; } .question-modal .modal_body .select-table tr td p { padding: 0; float: left; width: 100%; } .question-modal .modal_body .select-table tr td .question-modal-select { width: 100%; float: right; } .question-modal .modal_footer { height: auto; padding: 15px 40px 15px; text-align: center; } .question-modal .modal_footer .basket_footer .btn { margin-top: 0px; } .registration-form .modal_body { margin: 0px 40px; font-size: 1.14285714em; } .registration-form .modal_body .form_autor_opt { padding-bottom: 20px; } .registration-form .modal_body .form_autor_opt .autorize_cover_input:last-of-type { padding-bottom: 0; } .registration-form .modal_footer { height: auto; padding: 0px 40px 15px; } .registration-form .modal_footer .btn { color: #ffffff; background: #2c304d; margin-top: 20px; margin-bottom: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .registration-form .modal_footer .btn:hover { background-color: #50599e; } .registration-form .modal_footer > div { width: 100%; text-align: right; } .registration-form .modal_footer > div a { margin-right: 78px; font-size: 0.85714286em; text-decoration: none; color: #2c304d; border-bottom: 1px dashed #2c304d; cursor: pointer; } .registration-form .modal_footer > div span { font-size: 0.85714286em; text-decoration: none; color: #2c304d; border-bottom: 1px dashed #2c304d; cursor: pointer; } .wholesaler-registration-container h3 { padding-top: 0; } .wholesaler-registration-container .form_autor_opt > div { font-size: 1.14285714em; } .wholesaler-registration-container .form_autor_opt > div span { margin-bottom: 0; } .wholesaler-registration-container .form_autor_opt > div input { font-size: 1.14285714em; } .wholesaler-registration-container .form_autor_opt p { font-size: 1.14285714em; } .wholesaler-registration-container .form_autor_opt .autorize_check_cover { margin-bottom: 15px; } .city_selector_layer { width: 600px; position: relative; background-color: #f9fafb; border-radius: 2px; background-clip: border-box; } .city_selector_layer .mainFormRequest { padding: 15px 40px; padding-bottom: 40px; } .city_selector_layer .mainFormRequest h1 { padding: 0; padding-bottom: 15px; } .city_selector_layer .mainFormRequest form > div { position: relative; } .city_selector_layer .mainFormRequest form > div input { width: 100%; } .city_selector_layer .mainFormRequest form > div .tt-menu { position: absolute; border-right: 1px solid #cacaca; border-left: 1px solid #cacaca; right: 0; left: 0; top: 33px; max-height: 500px; overflow-y: auto; overflow-x: hidden; background: #fff; } .city_selector_layer .mainFormRequest form > div .tt-menu ul li { padding: 6px 10px; cursor: pointer; } .newspage_cover { position: relative; width: 100%; padding-top: 20px; background-color: #fff; } .newspage { position: relative; margin: 0 auto; max-width: 1600px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .newspage_blocks { overflow: hidden; text-align: left; margin: 0 -9px; border-bottom: 1px solid #ced5dc; } .newspage_block { position: relative; display: inline-block; width: 24.5%; /* height: 322px; */ overflow: hidden; text-align: left; padding: 0px 10px; margin-bottom: 30px; vertical-align: top; /* &:after { content: ''; position: absolute; bottom: -10px; z-index: 1; display: block; width: 100%; height: 10px; -webkit-box-shadow: 0px 5px 20px 30px rgba(255,255,255,1); -moz-box-shadow: 0px 5px 20px 30px rgba(255,255,255,1); box-shadow: 0px 5px 20px 30px rgba(255,255,255,1); } */ } .newspage_block a { padding-bottom: 10px; } .newspage_block span { display: inline-block; width: 100%; padding-bottom: 5px; } .newspage_block .news_title_link { color: #2c304d; font-family: 'Roboto'; font-weight: bold; text-decoration: none; padding-bottom: 10px; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .newspage_block .news_title_link:hover { color: #50599e; } .newspage_block p { position: relative; overflow: hidden; /* max-height: 95px; */ padding-bottom: 0; font-size: 0.85714286em; } .newspage_block p span { padding-top: 5px; } .newspage_blocks { margin-top: 10px; } .pre_title_filter_block { float: right; margin-top: 18px; margin-right: 4px; z-index: 20; position: relative; } .pre_title_filter_block_spesial { margin-top: 15px; width: 235px; position: relative; } .pre_title_filter_block_spesial .pre_title_filter_label { position: absolute; left: -100px; top: 7px; } .pre_title_filter_block_spesial li { float: none; margin-right: 0px; list-style-type: none; } .pre_filter_colm { float: left; } .pre_filter_colm .btn { color: #ffffff; background: #075C9B; padding: 7px 19px; } .pre_filter_colm .btn:hover { background-color: #01A0E2; } .pre_filter_colm:not(:last-of-type) { margin-right: 30px; } .news_line_for_shop { margin: 0 auto; position: relative; max-width: 1160px; padding-bottom: 0px; } .news_line_for_shop .newspage_blocks { border-bottom: none; } .basket_block_cover { position: relative; width: 100%; margin: 0 auto; min-height: calc(100vh - 630px); background-color: white; } .basket_block { position: relative; margin: 0 auto; max-width: 1600px; padding-bottom: 40px; } .required { color: #ff8f35; } .basket_table { width: 100%; } .basket_table th { border-bottom: 1px solid #ced5dc; text-align: left; font-weight: normal; padding-bottom: 18px; } .basket_table .discount { font-size: 12px; } .basket_table .discount span { color: #50599e; } .basket_table td { padding: 15px 0; } .basket_table p { padding-bottom: 4px; } .basket_table .item_basket_name { padding-bottom: 10px; } .basket_table .item_color_block { display: inline-block; border: 1px solid #ccc; } .modal_body .slide_sale .label { margin-bottom: 10px; } .modal_body .slide_sale input { width: 100%; } .basket_price_info { width: 100%; display: flex; padding-bottom: 50px; border-bottom: 1px solid #ced5dc; } .basket_price_info .col { width: 50%; } .basket_price_info .col:first-of-type { width: 47%; } .basket_price_info .col:last-of-type { width: 53%; } .basket_price_info .title_slide_sale i { font-style: normal; color: #2969ac; border-bottom: 1px dashed #2969ac; margin-left: 6px; padding-bottom: 1px; cursor: pointer; } .basket_price_info .title_slide_sale span { color: #2969ac; cursor: pointer; font-size: 16px; border-bottom: 1px dashed #2969ac; } .basket_price_info .input_cover { display: flex; align-items: center; margin-bottom: 10px; } .basket_price_info .input_cover .label { margin-right: 10px; } .basket_price_info .slide_sale_cover_block { margin-bottom: 5px; } .basket_price_info .slide_sale_cover_block:first-of-type { margin-top: 22px; } .basket_price_info .slide_sale_cover_block:last-of-type { margin-bottom: 0; } .basket_price_info .finish { font-size: 14px; text-align: right; } .basket_price_info .finish p { display: inline-block; color: #102439; font-size: 18px; padding-bottom: 0; } .basket_price_info .finish p span { color: #075C9B; font-size: 36px; font-family: 'Roboto'; font-weight: bold; margin-left: 10px; } .basket_price_info .finish .grey { color: #a1a7af; } .basket_price_info .recount { color: #2c304d; border-bottom: 1px dashed #2c304d; cursor: pointer; } .basket_price_info .success { font-size: 0.85714286em; color: #0d8900; /*padding-left: 25px;*/ position: relative; display: inline-block; padding-bottom: 15px; } .basket_price_info .success:before { content: ""; position: absolute; left: -27px; top: 12px; margin-top: -11px; background: url("/content/images/sucsses.png") no-repeat center; height: 20px; width: 20px; } .payment_method .title { font-size: 26px; color: #102439; padding-bottom: 26px; font-weight: bold; } .payment_method .block { display: none; } .payment_method .block.active { display: block; } .payment_method .payment_method_tabs_cover { display: flex; } .payment_method .payment_method_tabs_cover .tab { font-size: 16px; width: 33.33%; padding: 20px; padding-left: 100px; position: relative; cursor: pointer; transition: background 300ms; } .payment_method .payment_method_tabs_cover .tab:hover { background: #f3f6fb; } .payment_method .payment_method_tabs_cover .tab .icon_cover { height: 44px; width: 44px; overflow: hidden; position: absolute; left: 27px; top: 20px; } .payment_method .payment_method_tabs_cover .tab .icon_cover img { position: relative; } .payment_method .payment_method_tabs_cover .tab.active { background: #eef1f6; } .payment_method .payment_method_tabs_cover .tab.active .icon_cover img { top: -44px; } .payment_method .payment_method_block { background: #eef1f6; padding: 28px; } .payment_method .payment_method_block .input_cover { margin-bottom: 18px; display: flex; padding-right: 45px; } .payment_method .payment_method_block .input_cover input { width: 100%; } .payment_method .payment_method_block .input_cover .label { width: 167px; padding-top: 7px; padding-right: 10px; } .payment_method .payment_method_block .textarea_cover { margin-bottom: 18px; display: flex; } .payment_method .payment_method_block .textarea_cover textarea { width: 100%; height: 150px; } .payment_method .payment_method_block .textarea_cover .label { width: 167px; padding-top: 7px; padding-right: 10px; } .payment_method .payment_method_block .cols { display: flex; flex-wrap: wrap; } .payment_method .payment_method_block .cols .col { width: 50%; } .payment_method .payment_method_block .desc { line-height: 24px; } .check_final { margin-top: 54px; } .check_final textarea { width: 100%; height: 230px; box-sizing: border-box; } .check_final .cols { display: flex; flex-wrap: wrap; } .check_final .cols .col { width: 50%; } .check_final .cols .col:first-of-type { padding-right: 35px; } .check_final .cols .col:last-of-type { padding-left: 35px; } .check_final .cols .col .title { font-size: 26px; color: #102439; padding-bottom: 31px; font-weight: bold; } .check_final .cols .req_done { font-size: 20px; background: #075C9B; padding: 15px 34px; color: #fff; border-radius: 3px; text-align: center; width: 242px; display: block; margin: 0 auto; } .check_final .data_processing { font-size: 12px; margin-top: 22px; text-align: center; } .check_final .price_summ { width: 100%; font-size: 18px; margin-bottom: 43px; } .check_final .price_summ td { padding-bottom: 16px; } .check_final .price_summ td:last-of-type { font-weight: bold; font-size: 24px; text-align: right; } .check_final .price_summ td:last-of-type.big { font-size: 36px; color: #075C9B; } .check_final .switch_cover { display: flex; justify-content: space-between; margin-bottom: 28px; } .check_final .switch_cover > div { font-size: 16px; padding: 11px 27px; border-radius: 5px; border: 1px solid #ced5dc; cursor: pointer; } .check_final .switch_cover > div.active { background: #075C9B; color: #fff; border: 1px solid #075C9B; } .deleverytypes_cover { border-top: 1px solid #ced5dc; border-bottom: 1px solid #ced5dc; padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; } .deleverytypes_cover .block { display: none; } .deleverytypes_cover .block.active { display: block; } .deleverytypes_cover .title { font-size: 26px; color: #102439; padding-top: 0px; padding-bottom: 26px; font-weight: bold; } .deleverytypes_cover .buttons_tabs_cover { display: flex; } .deleverytypes_cover .buttons_tabs_cover .tab { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; font-size: 16px; border: 1px solid #ced5dc; color: #031324; padding: 20px; margin-right: 28px; border-radius: 6px; cursor: pointer; text-align: center; width: 230px; } .deleverytypes_cover .buttons_tabs_cover .tab__info { position: relative; } .deleverytypes_cover .buttons_tabs_cover .tab__info .decription { display: none; z-index: 5; position: absolute; left: -40px; top: 120px; width: 230px; background-color: #000; color: #fff; font-size: 14px; padding: 15px; border-radius: 10px; text-align: left; box-shadow: 0px 0px 20px rgba(34, 92, 169, 0.15); } .deleverytypes_cover .buttons_tabs_cover .tab__info .decription.active { display: block; word-wrap: break-word; } .deleverytypes_cover .buttons_tabs_cover .tab img { margin-bottom: 10px; width: 100%; } .deleverytypes_cover .buttons_tabs_cover .tab .more { font-size: 14px; text-decoration: underline; } .deleverytypes_cover .buttons_tabs_cover .tab p { font-size: 14px; } .deleverytypes_cover .buttons_tabs_cover .tab p:first-of-type { margin-top: 10px; } .deleverytypes_cover .buttons_tabs_cover .tab:last-of-type { margin-right: 0; } .deleverytypes_cover .buttons_tabs_cover .tab.active { border: 1px solid #075C9B; background: #075C9B; color: #fff; } .deleverytypes_cover .deleverytypes_block > .title { font-size: 20px; padding-top: 25px; padding-bottom: 15px; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress { position: relative; color: #22a0d8; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress:hover .hover_adress { display: block; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress { position: absolute; display: none; left: 16px; bottom: 15px; width: 410px; background: #fff; padding: 27px; box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12); cursor: default; z-index: 2; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress p { line-height: 24px; color: #031324; padding-bottom: 0; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress .hover_adress_title { color: #031324; font-weight: bold; margin-top: 16px; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress .hover_adress_title:first-of-type { margin-top: 0; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress .gallery_cover { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress .gallery_cover img { width: 48%; margin-top: 15px; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress .gallery_cover img:nth-of-type(1) { margin-top: 0; } .deleverytypes_cover .deleverytypes_block .modal_hover_adress .hover_adress .gallery_cover img:nth-of-type(2) { margin-top: 0; } .deleverytypes_cover .deleverytypes_block .radio_cover { margin-bottom: 18px; } .deleverytypes_cover .deleverytypes_block .radio_cover label { cursor: pointer; } .deleverytypes_cover .deleverytypes_block .radio_cover .jq-radio { margin-right: 10px; } .deleverytypes_cover .deleverytypes_block .input_cover { margin-bottom: 18px; display: flex; padding-right: 20px; } .deleverytypes_cover .deleverytypes_block .input_cover input { width: 100%; } .deleverytypes_cover .deleverytypes_block .input_cover .label { width: 167px; padding-top: 7px; padding-right: 10px; } .deleverytypes_cover .deleverytypes_block .textarea_cover { margin-bottom: 18px; display: flex; } .deleverytypes_cover .deleverytypes_block .textarea_cover textarea { width: 100%; height: 150px; } .deleverytypes_cover .deleverytypes_block .textarea_cover .label { width: 167px; padding-top: 7px; padding-right: 10px; } .deleverytypes_cover .deleverytypes_block .cols { display: flex; } .deleverytypes_cover .deleverytypes_block .cols .col:first-of-type { padding-top: 30px; width: 35%; } .deleverytypes_cover .deleverytypes_block .cols .col:last-of-type { padding-top: 30px; width: 65%; } .deleverytypes_cover .deleverytypes_block .cols .col .map_cover { height: 320px; width: 100%; background: #ccc; } .deleverytypes_cover .deleverytypes_block .cols.rovn .col { width: 50%; } .basket_contacts_cover { display: flex; padding-top: 50px; padding-bottom: 50px; } .basket_contacts_cover .city_modal { font-size: 16px; color: #2969ac; border-bottom: 1px dashed #2969ac; cursor: pointer; } .basket_contacts_cover .col:first-of-type { padding-right: 40px; } .basket_contacts_cover .col:last-of-type { display: flex; align-items: flex-end; padding-bottom: 52px; } .basket_contacts_cover .input_cover { display: flex; align-items: center; margin-bottom: 15px; } .basket_contacts_cover .input_cover .jq-selectbox { width: auto; flex-grow: 1; } .basket_contacts_cover .input_cover input { flex-grow: 1; } .basket_contacts_cover .input_cover .label { margin-right: 10px; width: 127px; } .basket_contacts_cover .title_block { color: #102439; font-weight: bold; font-size: 26px; padding-bottom: 26px; } .basket_contacts_cover .col { width: 50%; } .basket_next_steps { text-align: right; margin-bottom: 0; margin-top: 50px; } .basket_next_steps .btn { margin: 0; } .basket_next_steps .btn + .btn { margin-left: 15px; } .basket_image_cover { height: 117px; width: 117px; border: 1px solid #c8c8c8; border-radius: 3px; overflow: hidden; position: relative; } .basket_image_cover img { width: 100%; height: 100%; } .item_basket_cost { font-size: 1.28571429em; font-family: 'Roboto'; font-weight: bold; } .delete_row_butn { cursor: pointer; } .basket_summ { border: 1px solid #ffa45a; border-radius: 3px; padding: 20px 25px; position: relative; min-height: 66px; margin-top: 57px; } .basket_summ .basket_summ_text { font-family: 'Roboto'; font-weight: bold; font-size: 1.28571429em; padding-bottom: 0; } .basket_summ .basket_summ_text p { padding-bottom: 0; } .basket_summ .basket_summ_number { position: absolute; right: 20px; top: 5px; font-size: 18px; } .basket_summ .basket_summ_number span { font-size: 36px; font-family: 'Roboto'; font-weight: bold; color: #ff8f35; } .basket_summ_number_spesial { font-family: 'Roboto'; font-weight: bold; font-size: 1.28571429em; padding-bottom: 0; } .basket_summ_number_spesial span { font-size: 29px; font-family: 'Roboto'; font-weight: bold; color: #ff8f35; } .tov_delivering_cover { position: relative; padding-top: 30px; padding-bottom: 100px; display: none; } .tov_delivering { border: 1px solid #3973b2; border-radius: 3px; padding: 30px; } .tov_delivering .radio_row { padding-bottom: 15px; } .tov_delivering .radio_row label { cursor: pointer; position: relative; } .tov_delivering .radio_row span { margin-left: 5px; color: #8e9195; } .tov_delivering table { width: 100%; } .tov_delivering table td { table-layout: fixed; } .tov_delivering table td:not(:first-of-type) { padding-left: 20px; } .tov_delivering table input { width: 100%; } .tov_delivering table.result-table { width: auto; margin-bottom: 5px; margin-top: 15px; } .tov_delivering table.result-table td { vertical-align: top; padding-bottom: 10px; } .tov_delivering .description { border: 1px solid #c8c8c8; background-color: #F3F3F3; border-radius: 3px; padding: 10px 15px 15px; margin-top: 15px; } .tov_delivering .description p { padding-top: 5px; padding-bottom: 0px; } .tov_delivering .description p:first-child { padding-top: 0px; } .tov_delivering .alert-text { margin-top: 15px; border: 1px solid #E66B6B; background-color: #FFD9D9; border-radius: 3px; padding: 10px 15px 15px; font-size: 1.28571429em; } .basket_add_comment span { color: #2969ac; border-bottom: 1px dashed #2969ac; cursor: pointer; font-size: 1.14285714em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .basket_add_comment span:hover { color: #50599e; border-color: #50599e; } .basket_add_comment_cover textarea { width: 100%; box-sizing: border-box; } .hidden_basket { display: none; } .basket_footer { position: relative; overflow: hidden; } .basket_footer .btn { float: right; margin-top: 55px; } /* #CityId-styler{ width: 180px; } */ .basket_note { margin-top: 40px; float: left; width: 70%; } .basket_note .jq-checkbox { margin-right: 0px; float: left; } .basket_note label { margin-left: 30px; display: block; position: relative; top: -5px; } .hidden-because-of-promo-code { display: none; } .hidden-because-of-discount-card { display: none; } .brends_cover { width: 100%; position: relative; background-color: #fff; } .brends { margin: 0 auto; max-width: 1600px; overflow: hidden; position: relative; padding-left: 10px; } .brends_col_cover { position: relative; overflow: hidden; } .brends_col { float: left; width: 15%; } .brends_col a { color: #102439; } .brends_col a:hover { color: #2c304d; } .brends_col li { padding: 3px 0; } .brends_col p { font-size: 1.57142857em; font-family: 'Roboto'; font-weight: bold; padding-bottom: 3px; } .one_letter_cover { width: 100%; position: relative; padding: 0 30px; } .one_letter { margin: 0 auto; max-width: 1000px; overflow: hidden; position: relative; } .one_letter_blocks { overflow: hidden; margin: 0 -10px; } .one_letter_block { float: left; text-align: center; display: block; width: 235px; height: 103px; margin: 0 10px; margin-top: 30px; } .one_letter_block span { width: 100%; text-decoration: underline; color: #2c304d; display: block; } .brendpage_cover { width: 100%; position: relative; padding: 0 15px; background-color: #fff; } .brend_page { margin: 0 auto; max-width: 1600px; overflow: hidden; position: relative; } .brend_page_image { float: left; width: 275px; text-align: center; margin-top: 20px; margin-right: 30px; position: relative; z-index: 10; } .brend_page_image a { text-decoration: none; display: inline-block; margin-top: 10px; } .brend_page_image img { width: 100%; } .brend_page_text { position: relative; line-height: 30px; padding-bottom: 10px; max-height: 295px; overflow: hidden; } .brend_page_text:after { content: ""; position: absolute; bottom: -3px; left: 0; height: 20px; width: 100%; background: #ffffff; } .brend_showall_info { color: #2c304d; cursor: pointer; float: left; position: absolute; left: 0px; height: 25px; bottom: 1px; z-index: 10; display: none; border-bottom: 1px dashed #2c304d; } .brend_wear { margin: 0 auto; max-width: 1000px; position: relative; margin-top: 25px; padding-bottom: 25px; } .brend_wear_items_cover { overflow: hidden; margin: 0 -9px; } .autcomplete { position: absolute; top: 55px; flex-grow: 1; background: #fff; box-shadow: 1px 0px 10px rgba(1, 1, 1, 0.3); z-index: 20; padding-bottom: 0 !important; } .autcomplete a { width: 100%; display: block; border-bottom: 1px solid transparent; border-top: 1px solid transparent; background: transparent; transition: background 200ms; } .autcomplete a:hover { border-bottom: 1px solid #b9bec5; border-top: 1px solid #b9bec5; background: #eef1f6; transition: background 200ms; } .autcomplete a:not(:first-of-type) { margin-top: -1px; } .autcomplete table { width: 100%; table-layout: fixed; } .autcomplete table td { padding: 5px 0; } .autcomplete table .autcomplete_img_cover { padding-left: 10px; width: 10%; } .autcomplete table .autcomplete_text { padding-left: 11px; width: 60%; } .autcomplete table .autcomplete_price { width: 18%; } .autcomplete_img { height: 42px; width: 40px; border-radius: 3px; border: 1px solid #c8c8c8; background: #ffffff; } .autcomplete_img img { width: 100%; } .autcomplete_text p { padding-bottom: 2px; width: 100%; overflow: hidden; } .autcomplete_name { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; } .autcomplete_article { color: #757c84; font-size: 11px; } .autcomplete_price { color: #313e4e; /*font-family: @global_font;*/ font-weight: bold; text-align: center; } .autocomplete_text_show_all { padding-left: 11px; } .comparsion_cover { text-align: center; padding: 0 30px; padding-bottom: 120px; } .one_of_comparsion { display: inline-block; text-align: left; max-width: 100%; overflow: hidden; min-width: 940px; opacity: 0; } .one_of_comparsion.show { opacity: 1; transition: all 300ms; } .comparsion { margin-top: 10px; overflow: hidden; } .comparsion .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 6px; border: 1px solid #c8c8c8; } .comparsion .mCSB_scrollTools .mCSB_draggerRail { background: transparent; } .comparsion .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 4px; margin-top: 8px; background: #c8c8c8; } .comparsion .comparsion_head { float: left; max-width: 13%; padding-right: 10px; } .comparsion .comparsion_body { display: inline-block; overflow-x: auto; max-width: 87%; } .comparsion .comparsion_body .mCustomScrollBox { height: auto; } .comparsion .comparsion_body td { width: 145px; vertical-align: top; padding-bottom: 20px; padding-left: 8px; padding-right: 8px; } .comparsion .item_one { width: 200px; display: inline-block; } .comparsion_body_image { width: 140px; height: 140px; border: 1px solid #c8c8c8; border-radius: 3px; overflow: hidden; } .comparsion_body_image img { width: 100%; } .comparsion_footer { text-align: center; } .one_of_comparsion h3 { border-bottom: 1px solid #c8c8c8; position: relative; cursor: pointer; } .one_of_comparsion h3 .open_and_close { position: relative; } .one_of_comparsion h3 .open_and_close:after { content: ''; position: absolute; top: 14px; right: -33px; transform: rotate(180deg); transition: transform 300ms; background-image: url(/content/images/sprite.png); background-position: 0px -55px; width: 18px; height: 9px; } .one_of_comparsion h3 .open_and_close.active:after { content: ''; position: absolute; top: 14px; right: -33px; transform: rotate(0deg); transition: transform 300ms; background-image: url(/content/images/sprite.png); background-position: 0px -55px; width: 18px; height: 9px; } .one_of_comparsion .number_of_items { position: absolute; /* left: 50%; */ left: 57%; top: 18px; color: #757c84; font-size: 22px; } .one_of_comparsion .name_of_item { font-family: 'Roboto'; font-weight: bold; color: #2c304d; } .one_of_comparsion .name_of_item a { text-decoration: none; } .one_of_comparsion .item_price { font-size: 1.71428571em; font-family: 'Roboto'; font-weight: bold; } .delete_item_comparsion { display: inline-block; margin-left: 72px; position: relative; font-size: 0.85714286em; cursor: pointer; } .delete_item_comparsion:after { background-image: url(/content/images/sprite.png); background-position: 0px -175px; width: 12px; height: 12px; content: ''; position: absolute; right: -20px; top: 3px; cursor: pointer; } .delete_all_item_comparsion { display: inline-block; margin-left: 0; position: relative; cursor: pointer; } .delete_all_item_comparsion:after { background-image: url(/content/images/sprite.png); background-position: 0px -175px; width: 12px; height: 12px; content: ''; position: absolute; right: -20px; top: 4px; cursor: pointer; } /* Меню */ .catalogalp-snaryazhenie { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 3px -304px; } .catalogbegovye-lyzhi { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 0px -31px; } .catalogchasy-i-pulsometry { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 2px -435px; } .cataloggornye-lyzhi { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 0px -182px; } .catalogobuv { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 2px -68px; } .catalogodezhda { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 0px -222px; } .catalogoptika { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: -1px -142px; } .catalogshlemy-i-zashita { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 0px -262px; } .catalogsnoubordy { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 0 -104px; } .catalogtur-snaryazhenya { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 1px -345px; } .catalogvelosipedy { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 1px 4px; } .catalogvodnyi-turizm { background-image: url("/content/images/sprites.png"); background-repeat: no-repeat; background-position: 0px -390px; } .catalogbeg { background-image: url("/content/images/sprites_icon/sprite_menu/run.png"); background-repeat: no-repeat; background-position: 10px 5px; } .catalogkomissionnye-tovary { background-repeat: no-repeat; background-image: url("/Content/images/menu_icon/discountsdiskontnaya-karta-magazinov-manaraga-menu.svg"); background-size: 22px 22px; background-position: 10px 6px; } /* Остальные иконки */ .icon-backet_del { background-image: url(/content/images/sprite.png); background-position: 0px -307px; width: 16px; height: 16px; } .icon-blue_doc { background-image: url(/content/images/sprite.png); background-position: 0px -834px; width: 25px; height: 32px; } .icon-bottom_slider { background-image: url(/content/images/sprite.png); background-position: 0px -84px; width: 52px; height: 10px; } .icon-buter { background-image: url(/content/images/sprite.png); background-position: 0px -144px; width: 13px; height: 11px; } .icon-comparsion_del { background-image: url(/content/images/sprite.png); background-position: 0px -175px; width: 12px; height: 12px; } .icon-doc_flie { background-image: url(/content/images/sprite.png); background-position: 0px -938px; width: 25px; height: 32px; } .icon-dropdown { background-image: url(/content/images/sprite.png); background-position: 0px -55px; width: 18px; height: 9px; } .icon-dropup { background-image: url(/content/images/sprite.png); background-position: 0px -27px; width: 18px; height: 8px; } .icon-f_share { background-image: url(/content/images/sprite.png); background-position: 0px -689px; width: 25px; height: 25px; } .icon-filter { background-image: url(/content/images/sprite.png); background-position: 0px -644px; width: 25px; height: 25px; } .icon-funnel { background-image: url(/content/images/sprite.png); background-position: 0px -782px; width: 32px; height: 32px; } .icon-green_doc { background-image: url(/content/images/sprite.png); background-position: 0px -990px; width: 25px; height: 32px; } .icon-i_share { background-image: url(/content/images/sprite.png); background-position: 0px -554px; width: 25px; height: 25px; } .icon-left_slider { background-image: url(/content/images/sprite.png); background-position: 0px -1042px; width: 10px; height: 52px; } .icon-master_card { background-image: url(/content/images/sprite.png); background-position: 0px -383px; width: 36px; height: 22px; } .icon-menu_right_arrow { background-image: url(/content/images/sprite.png); background-position: 0px 0px; width: 4px; height: 7px; } .icon-o_share { background-image: url(/content/images/sprite.png); background-position: 0px -599px; width: 25px; height: 25px; } .icon-owl_left { background-image: url(/content/images/sprite.png); background-position: 0px -467px; width: 12px; height: 22px; } .icon-owl_right { background-image: url(/content/images/sprite.png); background-position: 0px -425px; width: 12px; height: 22px; } .icon-question { background-image: url(/content/images/sprite.png); background-position: 0px -343px; width: 19px; height: 20px; } .icon-red_doc { background-image: url(/content/images/sprite.png); background-position: 0px -886px; width: 25px; height: 32px; } .icon-right_slider { background-image: url(/content/images/sprite.png); background-position: 0px -1114px; width: 9px; height: 52px; } .icon-search { background-image: url(/content/images/sprite.png); background-position: 0px -207px; width: 14px; height: 12px; } .icon-top_slider { background-image: url(/content/images/sprite.png); background-position: 0px -114px; width: 52px; height: 10px; } .icon-truck { background-image: url(/content/images/sprite.png); background-position: 0px -239px; width: 25px; height: 13px; } .icon-update3 { background-image: url(/content/images/sprite.png); background-position: 0px -734px; width: 28px; height: 28px; } .icon-v_share { background-image: url(/content/images/sprite.png); background-position: 0px -509px; width: 25px; height: 25px; } .icon-visa { background-image: url(/content/images/sprite.png); background-position: 0px -272px; width: 42px; height: 15px; } .opt_cover { position: relative; width: 100%; overflow: hidden; padding: 0 30px; } .opt_body { position: relative; margin: 0 auto; max-width: 1000px; padding-bottom: 90px; overflow: hidden; } .opt_redborder_text { border: 1px solid #fe9641; border-radius: 3px; padding: 17px; } .opt_redborder_text p { padding-bottom: 0; } .opt_body_lcol, .opt_body_rcol { float: left; width: 49%; } .opt_body_lcol { padding-right: 1%; } .opt_body_rcol { padding-left: 1%; } .form_autor_opt { width: 292px; padding-bottom: 50px; } .form_autor_opt input { width: 100%; font-size: 1em; } .form_autor_opt label { cursor: pointer; } .form_autor_opt p { font-size: 1em; } .form_autor_opt > div { margin-top: 0; text-align: right; } .form_autor_opt > div > span { float: none; display: inline-block; margin-top: 5px; margin-bottom: 15px; } .form_autor_opt .autorize_cover_input { padding-bottom: 20px; } .form_autor_opt a, .form_autor_opt span { font-size: 0.85714286em; text-decoration: none; color: #2c304d; border-bottom: 1px dashed #2c304d; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .form_autor_opt a:hover, .form_autor_opt span:hover { color: #50599e; border-color: #50599e; } .form_autor_opt .btn_on_shop_go { margin-top: 0; margin-bottom: 10px; padding: 7px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .form_autor_opt .btn_on_shop_go:hover { background-color: #50599e; } .form_autor_opt span { float: right; } .form_autor_opt .after_submit_message { margin-top: 10px; font-size: 14px; text-align: left; } .form_autor_opt .after_submit_message p { padding-bottom: 0; font-size: 14px; } .form_autor_opt .autorize_check_cover { text-align: left; margin-bottom: 21px; } .opt_blueborder_text { border: 1px solid #2969ac; border-radius: 3px; padding: 20px; padding-top: 10px; padding-bottom: 0; padding-bottom: 10px; margin-bottom: 50px; } .document_include_cover { max-height: 140px; overflow: hidden; } .document_include_cover a { display: block; padding-left: 40px; padding-top: 15px; padding-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .document_include_cover.nolimit { max-height: 2000px; } .doc_cover { position: relative; } .doc_cover span { position: absolute; font-size: 10px; display: inline-block; width: 25px; text-align: center; top: 50%; margin-top: -6px; overflow: hidden; } .doc_cover:after { content: ""; position: absolute; left: 0; top: 50%; margin-top: -16px; } .blue_doc_cover span { color: #1a5ea6; } .blue_doc_cover:after { background-image: url(/content/images/sprite.png); background-position: 0px -834px; width: 25px; height: 32px; } .red_doc_cover span { color: #bf1615; } .red_doc_cover:after { background-image: url(/content/images/sprite.png); background-position: 0px -886px; width: 25px; height: 32px; } .green_doc_cover span { color: #2b7950; } .green_doc_cover:after { background-image: url(/content/images/sprite.png); background-position: 0px -990px; width: 25px; height: 32px; } .show_more_document_include_cover { cursor: pointer; color: #2c304d; border-bottom: 1px dashed #2c304d; display: inline-block; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .show_more_document_include_cover:hover { color: #50599e; border-color: #50599e; } .opt_cabinet_head { height: 67px; width: 100%; margin: 0 auto; max-width: 1000px; position: relative; } .opt_cabinet_head .opt_cabinet_head_logo { position: absolute; width: 204px; height: 32px; background: url('/Content/images/logo-main.png') 50% no-repeat; background-size: cover; left: 0; top: 17px; } .opt_cabinet_head .opt_cabinet_head_user { position: absolute; right: 0; top: 12px; text-align: right; } .opt_cabinet_head .opt_cabinet_head_user p { padding-bottom: 2px; } .opt_cabinet_manager { overflow: hidden; padding-top: 20px; max-width: 1000px; margin: 0 auto; } .opt_cabinet_manager_lcol { float: left; width: 60%; padding-top: 52px; padding-right: 10px; } .opt_cabinet_manager_rcol { float: left; width: 40%; } .opt_cabinet_manager_rcol .opt_cabinet_manager_foto { float: left; height: 150px; width: 150px; border: 1px solid #cfcfcf; border-radius: 3px; margin-right: 10px; overflow: hidden; background: url('/content/images/nophoto_237x237.png') no-repeat center; background-size: cover; } .opt_cabinet_manager_rcol p { padding-bottom: 0; padding-top: 6px; } .opt_cabinet_manager_rcol .opt_cabinet_manager_name { font-family: 'Roboto'; font-weight: bold; padding-top: 0; } .opt_cabinet_manager_rcol .opt_cabinet_manager_contact { font-family: 'Roboto'; font-weight: bold; color: #50599e; } .opt_cabinet_title { color: #ffffff; background: #2c304d; display: block; max-width: 1000px; margin: 0 auto; text-align: center; } .biiig_clendar_cover { position: relative; width: 100%; background-color: #fff; } .biiig_clendar_cover_center { position: relative; margin: 0 auto; max-width: 1000px; padding-bottom: 90px; } .biiig_clendar_cover_center .shops_tabs a, .biiig_clendar_cover_center .shops_tabs p { color: #2c304d; } .biiig_clendar_cover_center .shops_tabs td.active a, .biiig_clendar_cover_center .shops_tabs td.active p { color: #102439; } .biiig_clendar_block { border-top: 1px solid #d7dce2; margin-top: -1px; padding-top: 5px; } #calendarBig { /* весь календарь */ width: 100%; max-width: 1000px; margin: 0 auto; border-spacing: 0 1.5em; } #calendarBig .day_ow_week { font-size: 0.71428571em; color: #2c304d; } #calendarBig tbody td { width: 23px; height: 21px; } #calendarBig .mounth { padding: 0px 10px; position: relative; } #calendarBig .mounth:after { content: ""; position: absolute; right: 0; bottom: 28px; height: 94px; width: 1px; background: #e5e5e5; } #calendarBig tr .mounth:last-of-type:after { display: none; } #calendarBig td { vertical-align: top; } #calendarBig thead td { font-weight: normal; padding-bottom: 10px; padding-top: 20px; } /* #calendarBig > thead td:not(:nth-child(2)) { предыдущий-следующий года text-decoration: underline; color: rgb(0, 119, 204); cursor: pointer; } #calendarBig > thead td:not(:nth-child(2)):hover { если наведён курсор на предыдущий-следующий года color: #ff3200; } #calendarBig > thead td:nth-child(2) { текущий год font-size: 150%; font-weight: 700; color: rgb(140, 61, 2); } */ #calendarBig, #calendarBig table { text-align: center; } #calendarBig table { /* таблицы с месяцами выравнены по верхней границе, горизонтально — по центру */ display: inline-table; } #calendarBig table thead tr:last-child { /* название дней недели */ } #calendarBig table tbody td { /* дни */ } #calendarBig table tbody td:nth-child(n+6), #calendarBig .holiday { /* выходные и праздники */ /* color: rgb(231, 140, 92); */ /* color: #ffffff; */ } #calendarBig table tbody td.today { /* сегодня */ background: #1abc9c; border-radius: 3px; color: #ffffff; } #calendarBig table tbody td.today a { color: #ffffff; } #calendarBig table tbody td[title] { /* выделенные даты */ background: #50599e; border-radius: 3px; cursor: pointer; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #calendarBig table tbody td[title]:hover { background-color: #00b0ff; } #calendarBig table tbody td[title] a { color: #ffffff; } #calendarBig table tbody td[title] a { /* выделенные даты-ссылки */ display: block; text-decoration: none; } .calendar_mounth_cover { position: relative; width: 100%; } .calendar_mounth_center { position: relative; margin: 0 auto; max-width: 1220px; padding-left: 30px; padding-right: 30px; padding-bottom: 90px; } .calendar_mounth_center .newspage_blocks { margin-right: 230px; border-bottom: none; } .calendar_mounth_center .newspage_block { /* height: 160px; */ width: 33%; } .calendar_mounth_rcol { float: right; width: 233px; border: 1px solid #cacaca; border-radius: 3px; margin-top: 10px; padding: 6px; position: relative; } .calendar_mounth_rcol:after { content: ''; position: absolute; top: 35px; left: 0; width: 100%; height: 1px; background: #bfbfbf; } #calendar3 { width: 100%; text-align: center; font-size: 16px; } #calendar3 thead tr:first-child td { padding: 2px 0; font-size: 14px; } #calendar3 thead tr:last-child { font-size: 12px; color: #2c304d; } #calendar3 thead tr:last-child td { padding: 15px 0; padding-top: 25px; } #calendar3 thead tr:nth-child(1) td:nth-child(2) { color: #323232; } #calendar3 thead tr:nth-child(1) td:nth-child(1):hover, #calendar3 thead tr:nth-child(1) td:nth-child(3):hover { cursor: pointer; } #calendar3 tbody td { color: #2c567a; height: 25px; width: 25px; } /* #calendar3 tbody td:nth-child(n+6), #calendar3 .holiday { color: rgb(231, 140, 92); } */ #calendar3 tbody td.today { background: #1abc9c; border-radius: 3px; color: #fff; } #calendar3 tbody td[title] { /* выделенные даты */ background: #50599e; border-radius: 3px; cursor: pointer; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #calendar3 tbody td[title]:hover { background-color: #00b0ff; } #calendar3 tbody td[title] a { color: #ffffff; } #calendar3 tbody td[title] a { /* выделенные даты-ссылки */ display: block; text-decoration: none; } @media (max-width: 1060px) { body { font-size: 13px; } .catalog_item { width: 215px; } .catalogall_item { width: 218px; } .newspage_block { /* height: 297px; */ } .chart_cover.active.fixed { right: 30px; margin-right: 0; } } .search_page_cover { position: relative; max-width: 1060px; padding: 0 30px; margin: 0 auto; } .search_page_head { overflow: hidden; } .search_page_head h1 { max-width: 80%; } .search_page_result { float: right; width: 20%; margin-top: 26px; text-align: right; } .search_page_body { border-top: 1px solid #d7dce2; padding-top: 30px; margin-top: -1px; padding-bottom: 50px; } .search_page_body .catalog_rcol { margin-left: 0; padding-bottom: 80px; } .wholesalers_block_brend .brendline_center .owl-prev { top: 205px; } .wholesalers_block_brend .brendline_center .owl-next { top: 205px; } .wholesalers_block { position: relative; margin: 0 auto; max-width: 1600px; padding-top: 10px; /*padding-left: 30px;*/ padding-right: 30px; padding-bottom: 50px; } .wholesalers_block .opt_body { padding-bottom: 40px; } .wholesalers_block .menu_cover_wholesalers { width: 220px; float: left; position: relative; } .wholesalers_block .menu_cover_wholesalers .first_menu > li { display: none; } .wholesalers_block .menu_cover_wholesalers .first_menu > li:first-of-type { display: block; background: #fff; text-align: left; } .wholesalers_block .menu_cover_wholesalers .first_menu > li a:hover { color: #2c304d; } .wholesalers_block .menu_cover_wholesalers .first_menu .icon-buter { display: none; } .wholesalers_block .menu_cover_wholesalers .first_menu .second_menu { display: block; } .wholesalers_block .menu_cover_wholesalers .first_menu .menu_title { font-size: 26px; text-decoration: underline; color: #102439; font-family: 'Roboto'; font-weight: bold; } .wholesalers_block .menu_cover_wholesalers .first_menu .second_menu_cat_spesial { box-shadow: none; width: 280px; } .wholesalers_block .newsline_lcol_wholesalers { /* margin-left: 220px;*/ min-height: 445px; } .wholesalers_block .newsline_lcol_wholesalers .newsline_rcol { display: none; } .wholesalers_block .newsline_lcol_wholesalers .newsline_lcol { width: 100%; } .wholesalers_block .newsline_lcol_wholesalers .newsline_center { padding-top: 0; } .wholesalers_block .menu_cover_wholesalers_ago { position: relative; bottom: 0px; left: 0; } .wholesalers_block .menu_cover_wholesalers_ago a { padding: 0; } .wholesalers_block .menu_cover_wholesalers_ago a:hover span.img, .wholesalers_block .menu_cover_wholesalers_ago a:hover span.title { background: #50599e; color: #fff; } .wholesalers_block .menu_cover_wholesalers_ago span.img { cursor: pointer; position: absolute; top: 5px; left: 4px; width: 24px; height: 24px; transform: rotate(45deg); border-bottom: 1px solid #50599e; border-left: 1px solid #50599e; } .wholesalers_block .menu_cover_wholesalers_ago span.title { font-size: 14px; border: 1px solid #50599e; padding: 7px 15px; border-left: none; cursor: pointer; position: absolute; top: 0; left: 17px; color: #50599e; } body.body_opt_body .menu_cover { margin-top: 10px; } body.body_opt_body .catalog_item_content:hover { height: 100%; } body.body_opt_body .brendimages_footer { display: none; } body.body_opt_body .action_text { display: none; } body.body_opt_body .brendimages_footer { display: none; } body.body_opt_body .brendline_center { padding-bottom: 25px; } .wholesalers_contact { position: relative; margin: 0 auto; max-width: 1600px; padding-top: 10px; padding-left: 30px; padding-right: 30px; overflow: hidden; } .wholesalers_contact h2 { padding-bottom: 5px; } .wholesalers_contact .wholesalers_contact_nouser table.wholesalers_contact_table { width: 100%; } .wholesalers_contact .wholesalers_contact_nouser table.wholesalers_contact_table tr td { padding: 5px 0; width: 50%; } .wholesalers_contact .wholesalers_contact_nouser table.wholesalers_contact_table tr td p { padding: 0; } .wholesalers_contact .wholesalers_contact_nouser table.wholesalers_contact_table tr td:last-of-type { padding-left: 10px; } .wholesalers_contact .wholesalers_contact_user table.wholesalers_contact_table_user { width: 100%; } .wholesalers_contact .wholesalers_contact_user table.wholesalers_contact_table_user tr td { padding: 0; vertical-align: bottom; } .wholesalers_contact .wholesalers_contact_user table.wholesalers_contact_table_user tr td:first-of-type { width: 67%; } .wholesalers_contact .wholesalers_contact_user table.wholesalers_contact_table_user tr td:last-of-type { width: 33%; } .wholesalers_contact .wholesalers_contact_user table.wholesalers_contact_table_user tr td p { padding: 0; } .wholesalers_contact .wholesalers_contact_map { width: 100%; height: 200px; margin: 20px 0; margin-bottom: 5px; } .wholesalers_contact .wholesalers_contact_managers { width: 100%; padding-bottom: 40px; } .wholesalers_contact .wholesalers_contact_managers table.managers { width: 100%; } .wholesalers_contact .wholesalers_contact_managers table.managers tr td { width: 33%; padding-bottom: 20px; } .wholesalers_contact .opt_cabinet_manager_rcol { width: 100%; padding: 0; padding-top: 5px; } .wholesalers_contact .opt_cabinet_manager_rcol h4 { padding-top: 0; } .wholesalers_contact .opt_cabinet_manager_rcol .opt_cabinet_manager_foto { height: 113px; width: 113px; } .wholesalers_contact .opt_cabinet_manager_rcol p { padding: 0; } .wholesalers_contact .opt_cabinet_manager_rcol span { padding: 0; } .b-share-icon { width: 25px !important; height: 25px !important; } .b-share__handle { height: inherit !important; } .b-share-icon_vkontakte { background-image: url(/content/images/sprite.png) !important; background-position: 0px -509px !important; background-image: url(/content/images/sprite.png); background-position: 0px -509px; width: 25px; height: 25px; } .b-share-icon_facebook { background-image: url(/content/images/sprite.png) !important; background-position: 0px -689px !important; background-image: url(/content/images/sprite.png); background-position: 0px -689px; width: 25px; height: 25px; } .b-share-icon_odnoklassniki { background-image: url(/content/images/sprite.png) !important; background-position: 0px -599px !important; background-image: url(/content/images/sprite.png); background-position: 0px -599px; width: 25px; height: 25px; } .b-share { margin-left: -6px; margin-top: -17px; } .buy_credit { background-color: transparent; color: #075C9B; border: 2px solid #075C9B; padding: 8px 5px 9px 40px; border-radius: 3px; margin-top: 10px; font-size: 18px; width: 270px; font-weight: bold; cursor: pointer; display: block; text-decoration: none; position: relative; } .buy_credit:hover { color: #ffffff; background-color: #01A0E2; border-color: #01A0E2; } .buy_credit .buy_credit_text { position: relative; z-index: 5; } .buy_credit .topsales_label_black_block { position: absolute; z-index: 1; right: 0; top: 0; height: 100%; width: 0%; background-color: #ffffff; pointer-events: none; } .buy_credit.active .buy_credit_text { color: #3770ac; } .buy_credit.active .topsales_label_black_block { position: absolute; right: 0; top: 0; height: 100%; width: 100%; transition: all 400ms; } .item_right_filtered_block .parameters_title { padding: 0 0 10px 4px; color: #000000; } .payment_sber { margin-top: 10px; vertical-align: middle; position: relative; display: inline-block; width: 100px; height: 35px; right: 0px; top: 0px; } .payment_sber:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100px; height: 35px; background-image: url("/Content/images/credit/pockypay-sber.svg"); background-repeat: no-repeat; background-size: contain; } .footer_credit { margin-top: 5px; } .footer_credit_link { display: inline-block; width: 100px; height: 35px; } .footer_credit_link img { max-width: 100%; height: auto; } .footer_credit_link:first-child { margin-right: 15px; } .credit_options { display: flex; justify-content: space-between; flex-direction: row-reverse; gap: 1rem; } .credit_option { display: flex; color: #102439; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); padding: 30px; background-color: #ffffff; align-items: center; cursor: pointer; text-decoration: none; transition: box-shadow 0s; flex: 1 1; } .credit_option:last-of-type { flex-direction: column; text-align: center; } .credit_option:hover { color: #102439; } .credit_option:hover .credit_option_more::after { margin-left: 10px; transition: margin-left 0.3s; } .credit_option:active { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } .credit_option_input { display: none !important; } .credit_option_input:checked + .credit_option, .credit_option_input.checked + .credit_option { box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.3); transition: box-shadow 0s; } .credit_option_image { margin-right: 25px; width: 45%; } .credit_option_image img { max-width: 100%; height: auto; } .credit_option_texts { width: 45%; } .credit_option_texts:last-of-type { width: auto; } .credit_option_name { font-size: 16px; line-height: 21px; margin-top: 15px; display: block; margin-bottom: 10px; } .credit_option_note { font-size: 14px; line-height: 18px; } .credit_option_more { color: #50599e; font-size: 14px; line-height: 21px; text-decoration: none; } .credit_option_more::after { display: inline-block; content: ''; background-repeat: no-repeat; background-image: url("/Content/images/credit/right_arrow.png"); width: 10px; height: 10px; vertical-align: middle; margin-left: 5px; transition: margin-left 0.3s; } .check_final .credit_error { font-size: 12px; margin-top: 22px; text-align: center; } .check_final .cols .req_done { width: auto; } .equipment_cover { position: relative; width: 100%; } .equipment_cover .mCSB_scrollTools { width: auto; } .equipment_cover .mCSB_buttonUp { background-image: url(/content/images/images-redesign/keyboard-up-arrow-button.png); background-repeat: no-repeat; background-size: 70%; width: 43px; height: 43px; background-position: center; border-radius: 50%; opacity: 1 !important; } .equipment_cover .mCSB_buttonUp::after { display: none; } .equipment_cover .mCSB_buttonDown { background-image: url(/content/images/images-redesign/keyboard-down-arrow-button.png); background-repeat: no-repeat; background-size: 70%; width: 43px; height: 43px; background-position: center; border-radius: 50%; opacity: 1 !important; } .equipment_cover .mCSB_buttonDown::after { display: none; } .equipment_container { position: relative; margin: 0 auto; padding-bottom: 50px; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-end; } .equipment_container .owl-controls .owl-dots { left: 30%; } .equipment_title h2 { color: #fff !important; padding: 10px; } .hidden_button { display: none; } .inner_btn_prev { position: absolute; top: 20px; right: 10%; transform: translateX(-10%); background-image: url("/Content/images/images-redesign/inner_button_prev.png"); background-size: contain; background-repeat: no-repeat; width: 50px; height: 50px; outline: none; cursor: pointer; z-index: 10; border: none; background-position: center; } .inner_btn_next { position: absolute; bottom: 20px; right: 10%; transform: translateX(-10%); background-image: url("/Content/images/images-redesign/inner_button_next.png"); background-size: contain; background-repeat: no-repeat; width: 50px; height: 50px; border-radius: 50%; outline: none; cursor: pointer; z-index: 11; border: none; background-position: center; } .equipment_inner { max-height: 100%; } .equipment_inner .mCSB_buttonDown { /*background-image: url("");*/ } .equipment_title { display: inline-block; } .equipment_title.title_absolute { position: relative; top: 100px; left: 150px; text-decoration: none; z-index: 10; } .equipment_title.title_absolute h2 { width: fit-content; width: -moz-fit-content; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } .equipment_items { background-image: url("/Content/images/images-redesign/equp-bg.png"); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 50px 0; height: auto; overflow: hidden; position: relative; } .equipment_items .mCSB_container, .equipment_items .mCustomScrollBox { height: 100%; } .equipment_items .mCSB_draggerContainer { display: none; pointer-events: none; } .equipment_items .mCSB_buttonDown, .equipment_items .mCSB_buttonUp { left: -216px; } .equipment_body { width: 500px; display: flex; background: rgba(7, 92, 155, 0.8); border-radius: 18px; margin: 15px 0 0 auto; } .equipment_description { display: flex; font-size: 16px; width: 100%; justify-content: center; align-items: center; text-transform: uppercase; color: #fff; } .equipment_description a { text-decoration: none; color: #fff !important; padding-bottom: 15px; text-align: center; } .equipment-price { display: block; text-transform: none; font-size: 14px; text-align: center; } .equipment_image { position: relative; display: flex; justify-content: center; align-items: center; width: 200px; min-width: 200px; height: 200px; border-radius: 18px; background: #fff; padding: 6px; } .equipment_image a { height: 100%; } .equipment_image img { display: flex; border-radius: 18px; width: 100%; height: auto; max-height: 100%; } .sales_cover { width: 100%; position: relative; padding: 0 0 50px 0; background-image: url("/Content/images/images-redesign/sale-bg.png"); background-size: cover; background-repeat: no-repeat; } .sales_container { max-width: 1600px; margin: 0 auto; position: relative; padding: 0 10px; } .sales_container .sales_items { display: flex; justify-content: space-between; align-items: center; } .sales_container .sales_body { display: flex; flex-direction: column; height: 450px; background: #fff; border-radius: 25px; border: 2px solid #E5E5E5; padding: 30px 30px 0 30px; cursor: pointer; transition: all 0.8s ease; } .sales_container .sales_body:hover { box-shadow: 2px 2px 4px 0px rgb(0 0 0%); } .sales_container .oldprice { display: flex; justify-content: space-between; align-items: center; } .sales_container .oldprice .oldprice_sale { color: #01A0E2; font-weight: bold; font-size: 16px; } .sales_container .oldprice .oldprice_style { text-decoration: line-through; color: #D0D0D0; font-weight: bold; font-size: 16px; } .sales_container .sales_image { display: flex; justify-content: center; align-items: center; margin: 0 0 20px 0; max-height: 240px; } .sales_container .sales_image img { max-width: 100%; max-height: 100%; } .sales_container .sales_image img { max-width: 100%; width: 75%; text-align: center; } .sales_container .sales_description { display: flex; justify-content: center; align-items: center; text-align: center; } .sales_container .sales_description a { font-size: 16px; display: flex; justify-content: center; align-items: center; text-decoration: none; font-weight: bold; color: #044B82; transition: all 0.8s ease; } .sales_container .sales_description a:hover { color: #01A0E2; } .price_container { margin: 40px 0 0 0; display: flex; font-size: 16px; justify-content: space-between; align-items: center; font-weight: bold; margin-top: auto; } .price_container a { color: #044B82; text-decoration: none; } .price_container a:hover { color: #01A0E2; } .price_container .cta_button_buy { width: 150px; height: 70px; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 -30px 0 0; background: #F7F7F7; border-radius: 23px; border: 1px solid #D0D0D0; transition: all 0.8s ease; } .price_container .cta_button_buy svg { fill: #075C9B; } .price_container .cta_button_buy:hover { background: #01A0E2; } .price_container .cta_button_buy:hover svg { fill: #fff; } .price_container .cta_button_buy a svg { max-width: 100%; width: 40%; margin: 0 auto; } .sales_container { position: relative; } .sales_container .owl-prev { position: absolute; top: 53%; left: -7px; width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .sales_container .owl-prev::after { left: 4px; background-size: 80%; } .sales_container .owl-next { position: absolute; right: -7px; top: 53%; width: 50px; height: 50px; border-radius: 50px; background: #FFFFFF; border: 3px solid #E5E5E5; } .sales_container .owl-next::after { left: 10px; background-size: 80%; } /*# sourceMappingURL=style.css.map */