@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap'); /* ОБЩИЕ СТИЛИ */ html { height: 100%; position: relative; } body { height: 100%; margin: 0px; padding: 0px; position: relative; font: 14px "PT Sans Narrow", Arial, sans-serif; color: #777777; background: #FFFFFF; } td { font-size: 14px; } p, form { margin: 0px; padding: 0px; } h1 { margin: 10px 0 20px; padding: 0px; font-weight: bold; font-size: 33px; color: #777777; } h2 { margin: 10px 0 20px; padding: 0px; font-weight: bold; font-size: 27px; color: #777777; } h3 { margin: 10px 0 20px; padding: 0px; font-weight: bold; font-size: 21px; color: #777777; text-transform: uppercase; } h4 { margin: 10px 0 20px; padding: 0px; font-weight: bold; font-size: 15px; color: #777777; } h5 { margin: 10px 0 20px; padding: 0px; font-weight: bold; font-size: 12px; color: #777777; } h6 { margin: 10px 0 20px; padding: 0px; font-weight: bold; font-size: 10.2px; color: #777777; } select, option, input, textarea { font-size: 14px; font-family: Arial; vertical-align: middle; position: relative; color: #777777; } input:focus, textarea:focus { outline: none; } input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=search], textarea { padding: 0px; border: 0px; } a { color: #777777; text-decoration: underline; } a:active { color: #19B794; text-decoration: none; } a:hover { color: #19B794; text-decoration: none; } img { max-width: 100%; border: 0px; vertical-align: middle; } ul { margin: 10px 0px; padding: 0px 0px 0px 22px; } ul li { margin: 0px 0px 3px 0px; padding: 0px; } label { cursor: pointer; } #page { min-height: 100%; position: relative; } #headerspace { height: 110px; } #footerspace { height: 315px; } #colleft { float: left; margin-left: -100%; width: calc( (100% - 90px) / 4); } #colright { float: left; width: 100%; } #colright .colwrap { margin-left: calc( (100% - 90px) / 4 + 30px ); } .clear { clear: both; font-size: 0px; height: 0px; } .wrap1 { position: relative; margin: 0px auto; max-width: 1240px; } .wrap2 { position: relative; margin: 0px 45px; } /* ОБЩИЕ СТИЛИ */ /* ВЫРАВНИВАНИЕ */ .al-left { text-align: left; } /* Выравнивание слева */ .al-center { text-align: center; } /* Выравнивание по центру */ .al-right { text-align: right; } /* Выравнивание справа */ .al-justify { text-align: justify; } /* Выравнивание по ширине */ /* ВЫРАВНИВАНИЕ */ /* ОБТЕКАНИЕ КАРТИНКИ ТЕКСТОМ */ .img-left { float: left; margin: 0px 10px 10px 0px; } /* Обтекание справа */ .img-left img { max-width: 100%; } .img-right { float: right; margin: 0px 0px 10px 10px; max-width: 100%; } /* Обтекание слева */ .img-right img { max-width: 100%; } /* ОБТЕКАНИЕ КАРТИНКИ ТЕКСТОМ */ /* КНОПКИ */ .butt1 { display: inline-block; height: 34px; padding: 0px 12px; font-size: 14px; font-weight: 700; line-height: 34px; text-transform: uppercase; text-align: center; color: #FFFFFF !important; background: #19B794; border: 0px; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.2s; outline: none; } .butt1:hover { color: #FFFFFF; background: #333333; } .butt1:active { background: #204D74; color: #FFFFFF; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .butt2 { display: inline-block; height: 40px; padding: 0px 12px; font-size: 16px; font-weight: 700; line-height: 40px; text-transform: uppercase; text-align: center; color: #FFFFFF !important; background: #19B794; border: 0px; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.2s; outline: none; } .butt2:hover { color: #FFFFFF; background: #333333; } .butt2:active { background: #204D74; color: #FFFFFF; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .butt3 { display: inline-block; height: 34px; padding: 0px 12px; font-size: 14px; font-weight: 700; line-height: 34px; text-transform: uppercase; text-align: center; color: #FFFFFF !important; background: #333333; border: 0px; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.2s; outline: none; } .butt3:hover { color: #FFFFFF; background: #111111; } .butt3:active { background: #204D74; color: #FFFFFF; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .butt4 { display: inline-block; height: 40px; padding: 0px 12px; font-size: 16px; font-weight: 700; line-height: 40px; text-transform: uppercase; text-align: center; color: #FFFFFF !important; background: #333333; border: 0px; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.2s; outline: none; } .butt4:hover { color: #FFFFFF; background: #111111; } .butt4:active { background: #204D74; color: #FFFFFF; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } /* КНОПКИ */ /* ПСЕВДОССЫЛКИ */ .anchor { color: #2786B6; text-decoration: underline; cursor: pointer; } .anchor:active { color: #F88600; } .anchor:hover { color: #F88600; } /* ПСЕВДОССЫЛКИ */ /* ТАБЛИЦА */ .table { margin: 0px; display: table; } .table .thead { display: table-header-group; } .table .row { display: table-row; } .table .cell{ display: table-cell; } /* ТАБЛИЦА */ /* ПОЛЯ ВВОДА */ .textinput { position: relative; display: inline-block; padding: 7px; background: #FFFFFF; line-height: 0px; border: 1px solid #E1DEDB; box-sizing: border-box; vertical-align: top; } .textinput input { width: 100%; vertical-align: top; box-sizing: border-box; } .textinput textarea { width: 100%; vertical-align: top; box-sizing: border-box; } .textinput input::-webkit-input-placeholder, .textinput textarea::-webkit-input-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .textinput input::-moz-placeholder, .textinput textarea::-moz-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .textinput input:-moz-placeholder, .textinput textarea:-moz-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .textinput input:-ms-input-placeholder, .textinput textarea:-ms-input-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .textinput input:focus::-webkit-input-placeholder, .textinput textarea:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textinput input:focus::-moz-placeholder, .textinput textarea:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textinput input:focus:-moz-placeholder, .textinput textarea:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textinput input:focus:-ms-input-placeholder, .textinput textarea:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textinput.required:after { content: '*'; position: absolute; right: 1px; top: 8px; font-size: 16px; line-height: 0px; font-weight: bold; color: #E66D59; } .textinput.focused { border-color: #66AFE9 !important; box-shadow: 0px 1px 5px rgba(102,175,233,0.8); } /* ПОЛЯ ВВОДА */ /* ФЛАЖОК / РАДИОКНОПКА */ .radioinput { position: relative; display: inline-block; height: 20px; padding-left: 24px; font-size: 14px; line-height: 20px; color: #777777; box-sizing: border-box; cursor: pointer; transition: 0.2s; } .radioinput:before { content: ""; position: absolute; left: 0px; top: 1px; width: 16px; height: 16px; border: 1px solid #B4B4B4; font-size: 12px; text-align: center; line-height: 16px; color: #B4B4B4; transition: 0.2s; } .radioinput:hover:before { color: #19B794; border-color: #19B794; } .radioinput.checked:before { content: '\2714'; } /* ФЛАЖОК / РАДИОКНОПКА */ /* ВЫПАДАЮЩИЙ СПИСОК */ .selectinput { position: relative; display: inline-block; height: 34px; padding: 7px 40px 7px 7px; border: 1px solid #E1DEDB; box-sizing: border-box; vertical-align: top; cursor: pointer; } .selectinput input { border: 0px; padding: 0px; background: transparent; font-size: 14px; line-height: 17px; height: 17px; width: 100%; color: #000000; cursor: pointer; box-sizing: border-box; vertical-align: top; } .selectinput input::-webkit-input-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .selectinput input::-moz-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .selectinput input:-moz-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .selectinput input:-ms-input-placeholder { color: #2C2325; opacity: 1; transition: opacity 0.3s ease; } .selectinput input:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .selectinput input:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .selectinput input:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .selectinput input:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .selectinput:after { content: ''; position: absolute; right: 7px; top: 12px; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #A0A0A0; transition: 0.2s; } .selectinput:hover:after { border-top-color: #66AFE9; } .selectinput .layer { display: none; position: absolute; left: -1px; top: 31px; min-width: 100%; padding: 0px 0px 10px 0px; border: 1px solid #66AFE9; background: #FFFFFF; box-shadow: 0px 3px 5px rgba(50,50,50,0.4); z-index: 2; } .selectinput .layer span { display: block; padding: 5px 10px; color: #686868; cursor: pointer; } .selectinput .layer span:hover { background: #E1DEDB; } .selectinput .layer .active { background: #E1DEDB; } .selectinput.opened { border-color: #66AFE9 !important; box-shadow: 0px 3px 5px rgba(102,175,233,0.8); } .selectinput.opened:before { content: ""; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 4px; background: #FFFFFF; z-index: 3; } .selectinput.focused { border-color: #66AFE9 !important; box-shadow: 0px 1px 5px rgba(102,175,233,0.8); } .selectinput.opened .layer { display: block; } /* ВЫПАДАЮЩИЙ СПИСОК */ /* АНИМАЦИИ */ @keyframes moveFromRight { 0% { opacity: 0; transform: translateX(200%); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes moveFromLeft { 0% { opacity: 0; transform: translateX(-200%); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes moveFromLeftIcon { 0% { opacity: 0; transform: translateX(-200%); } 50% { opacity: 0; transform: translateX(-200%), rotateY(-180deg); } 100% { opacity: 1; transform: translateX(0%), rotateY(-180deg); } } @keyframes moveFromTop { 0% { opacity: 0; transform: translateY(-200%); } 50% { opacity: 0.5; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes moveFromBottom { 0% { opacity: 0; transform: translateY(200%); } 50% { opacity: 0.5; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes ScaleFromLargeEffect { 0% { opacity: 0; transform: scale(1.1); } 50% { opacity: 0.5; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes FromBackground { 0% { background: #D41616; } 50% { background: #FE9D9D; } 100% { background: #FFFFFF; } } /* АНИМАЦИИ */ /* ШАПКА САЙТА */ #header { position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; background: #191919; } #header .top { height: 40px; background: #F6F6F6; } #header .menu { font-size: 14px; line-height: 40px; text-transform: uppercase; } #header .menu a { margin-right: 10px; color: #777777; text-decoration: none; } #header .menu a:hover { color: #19B794; } #header .menu .home:after { content: 'Главная'; } #header .logo { position: absolute; left: 0px; top: 0px; display: block; height: 70px; padding: 0px 10px; text-align: center; line-height: 66px; background: #2765ba; overflow: hidden; z-index: 1; } #header .logo img { height: 70px; vertical-align: top; } #header .cart { position: absolute; right: 0px; top: -40px; height: 40px; padding: 0px 10px 0px 44px; background: #19B794; font-size: 14px; font-weight: 700; line-height: 40px; color: #FFFFFF; cursor: pointer; transition: 0.2s; } #header .cart svg { position: absolute; left: 10px; top: 8px; display: block; width: 24px; height: 24px; } #header .cart svg use { fill: #FFFFFF; } #header .cart:before { content: 'ВАША КОРЗИНА:'; } #header .cart span { margin-left: 5px; } #header .cart:hover { background: #333333; } #header .cart:active { background: #204D74; } #header .client { position: absolute; right: 170px; top: -40px; height: 40px; font-size: 14px; line-height: 40px; color: #777777; cursor: pointer; transition: 0.2s; } #header .client svg { margin: -4px 5px 0px 0px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; } #header .client svg use { fill: #777777; transition: 0.2s; } #header .client:hover { color: #19B794; } #header .client:hover svg use { fill: #19B794; } #header .client.notentered:after { content: 'ЛИЧНЫЙ КАБИНЕТ'; } #header .client.entered:after { content: 'ЛИЧНЫЙ КАБИНЕТ'; } #header .search { position: absolute; left: 494px; top: -40px; width: calc(100% - 804px); height: 30px; padding: 5px 0px; } #header .search input { width: calc(100% - 61px); height: 30px; font-size: 14px; line-height: 18px; padding: 6px 10px; background: #DDDDDD; } #header .search input::-webkit-input-placeholder { color: #868686; opacity: 1; transition: opacity 0.3s ease; } #header .search input::-moz-placeholder { color: #868686; opacity: 1; transition: opacity 0.3s ease; } #header .search input:-moz-placeholder { color: #868686; opacity: 1; transition: opacity 0.3s ease; } #header .search input:-ms-input-placeholder { color: #868686; opacity: 1; transition: opacity 0.3s ease; } #header .search input:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } #header .search input:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } #header .search input:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } #header .search input:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } #header .search span { width: 60px; height: 30px; line-height: 30px; padding: 0px; } #header .search span:after { content: 'НАЙТИ'; } #header .phones { position: absolute; left: 294px; top: -35px; min-width: 81px; height: 30px; padding: 0px 20px 0px 40px; cursor: pointer; } #header .phones .current { position: relative; display: block; width: 100%; height: 30px; font-size: 14px; line-height: 30px; color: #777777; text-decoration: none; } #header .phones .current:after { content: ''; position: absolute; left: -30px; top: 9px; display: block; width: 14px; height: 14px; background-size: 100%; } #header .phones .butt { position: absolute; right: 0px; top: 11px; width: 12px; height: 8px; } #header .phones .butt:before { content: ''; position: absolute; left: 0px; top: 3px; width: 8px; height: 2px; background: #2765BA; transform: rotate(45deg); } #header .phones .butt:after { content: ''; position: absolute; right: 0px; top: 3px; width: 8px; height: 2px; background: #2765BA; transform: rotate(-45deg); } #header .phones .layer { position: absolute; right: -10px; top: 30px; display: none; min-width: 100%; padding: 5px 0px; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 3px 5px rgba(50,50,50,0.4); z-index: 12; } #header .phones .layer a { position: relative; display: block; padding: 5px 10px 5px 40px; font-size: 14px; line-height: 20px; color: #777777; text-decoration: none; } #header .phones .layer a:hover { background: #F5F5F5; } #header .phones .layer a:after { content: ''; position: absolute; left: 10px; top: 8px; display: block; width: 14px; height: 14px; background-size: 100%; } #header .phones .simple:after { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM0OC4wNzcgMzQ4LjA3NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQ4LjA3NyAzNDguMDc3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zNDAuMjczLDI3NS4wODNsLTUzLjc1NS01My43NjFjLTEwLjcwNy0xMC42NjQtMjguNDM4LTEwLjM0LTM5LjUxOCwwLjc0NGwtMjcuMDgyLDI3LjA3NiAgICAgYy0xLjcxMS0wLjk0My0zLjQ4Mi0xLjkyOC01LjM0NC0yLjk3M2MtMTcuMTAyLTkuNDc2LTQwLjUwOS0yMi40NjQtNjUuMTQtNDcuMTEzYy0yNC43MDQtMjQuNzAxLTM3LjcwNC00OC4xNDQtNDcuMjA5LTY1LjI1NyAgICAgYy0xLjAwMy0xLjgxMy0xLjk2NC0zLjU2MS0yLjkxMy01LjIyMWwxOC4xNzYtMTguMTQ5bDguOTM2LTguOTQ3YzExLjA5Ny0xMS4xLDExLjQwMy0yOC44MjYsMC43MjEtMzkuNTIxTDczLjM5LDguMTk0ICAgICBDNjIuNzA4LTIuNDg2LDQ0Ljk2OS0yLjE2MiwzMy44NzIsOC45MzhsLTE1LjE1LDE1LjIzN2wwLjQxNCwwLjQxMWMtNS4wOCw2LjQ4Mi05LjMyNSwxMy45NTgtMTIuNDg0LDIyLjAyICAgICBDMy43NCw1NC4yOCwxLjkyNyw2MS42MDMsMS4wOTgsNjguOTQxQy02LDEyNy43ODUsMjAuODksMTgxLjU2NCw5My44NjYsMjU0LjU0MWMxMDAuODc1LDEwMC44NjgsMTgyLjE2Nyw5My4yNDgsMTg1LjY3NCw5Mi44NzYgICAgIGM3LjYzOC0wLjkxMywxNC45NTgtMi43MzgsMjIuMzk3LTUuNjI3YzcuOTkyLTMuMTIyLDE1LjQ2My03LjM2MSwyMS45NDEtMTIuNDNsMC4zMzEsMC4yOTRsMTUuMzQ4LTE1LjAyOSAgICAgQzM1MC42MzEsMzAzLjUyNywzNTAuOTUsMjg1Ljc5NSwzNDAuMjczLDI3NS4wODN6IiBmaWxsPSIjMTliNzk0Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } #header .phones .life:after { background-image: url('data:image/png;base64,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'); } #header .phones .kievstar:after { background-image: url('data:image/png;base64,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'); } #header .phones .vodafone:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAACOUlEQVR42oSTTUhUURTHf+/NvDfZJJimLiSCDKqFQoEfyIS4k1ZCENZOWrlrk1Abd6JCRYsgg1aCKxVhcJViUq1KGsUUo4JiZp5jNoNv5s2n750Wc50mKPvDhcv5+J1zz71X6waCwHWgCLTDhSDcboLeU3BZB73Q2roTbWx8vbO5OZPOZLbeA58BA6Ab6AMeAmEYicHBHsguSGpwUArLy+Jtb4vd3y8xw3BWYewmGFeBHoAO4BrwBl78BLFArLo6yS0syJGSAwMSVb4USBhmQ+DvRFEew70USBwkXlMj+aWlSvJhNCpxkNiRHyQN8hzGugAm4HwMnF0VZI+OSrU8x5Hs9LT86OmpQKzyEUuPoJ1ZGE2qZKu+XtxEQv4mr1iU1NBQBZICmYMnRODVngLs9/XJcfJsWxItLRIHSYBsQUQ/A5cOKcvX3Mxx0mprMUMhBHCB04FAow7oRwHewQH/kxYM/t6Dpifhk18ZSpEInm0fCyhtbICqmi4U9vVtWDXKNFzLwpmc/Gdyfn6e0toamnqF3+Etw3AxBoVdNd2Ypkl6fFy8fP6PAebCYbEaGirXmAD3AXRoV4BhGLsF99OqkgBGWxtmKIQWCFBaX6e4soKoTk8Ci/DsKQxrXeV2zBGY6YUbWQWQKphWtQLl1l+OwEASsr5zQA7cbzDfDGYTdJrgq5o0PioGdwOm1uDOR8h6gO+sqlIHngPLJizakPVD4IRpuprfn3Fc98sezL2Dux9gyoDSV/X9fw0As9lmEATlhA0AAAAASUVORK5CYII='); } #header .phones .email:after { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MC4yIDQ5MC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuMiA0OTAuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxwYXRoIGQ9Ik00MjAuOTUsNjEuOEMzNzYuMjUsMjAuNiwzMjAuNjUsMCwyNTQuMjUsMGMtNjkuOCwwLTEyOS4zLDIzLjQtMTc4LjQsNzAuM3MtNzMuNywxMDUuMi03My43LDE3NSAgIGMwLDY2LjksMjMuNCwxMjQuNCw3MC4xLDE3Mi42YzQ2LjksNDguMiwxMDkuOSw3Mi4zLDE4OS4yLDcyLjNjNDcuOCwwLDk0LjctOS44LDE0MC43LTI5LjVjMTUtNi40LDIyLjMtMjMuNiwxNi4yLTM4LjdsMCwwICAgYy02LjMtMTUuNi0yNC4xLTIyLjgtMzkuNi0xNi4yYy00MCwxNy4yLTc5LjIsMjUuOC0xMTcuNCwyNS44Yy02MC44LDAtMTA3LjktMTguNS0xNDEuMy01NS42Yy0zMy4zLTM3LTUwLTgwLjUtNTAtMTMwLjQgICBjMC01NC4yLDE3LjktOTkuNCw1My42LTEzNS43YzM1LjYtMzYuMiw3OS41LTU0LjQsMTMxLjUtNTQuNGM0Ny45LDAsODguNCwxNC45LDEyMS40LDQ0LjdzNDkuNSw2Ny4zLDQ5LjUsMTEyLjUgICBjMCwzMC45LTcuNiw1Ni43LTIyLjcsNzcuMmMtMTUuMSwyMC42LTMwLjgsMzAuOC00Ny4xLDMwLjhjLTguOCwwLTEzLjItNC43LTEzLjItMTQuMmMwLTcuNywwLjYtMTYuNywxLjctMjcuMWwxOC42LTE1Mi4xaC02NCAgIGwtNC4xLDE0LjljLTE2LjMtMTMuMy0zNC4yLTIwLTUzLjYtMjBjLTMwLjgsMC01Ny4yLDEyLjMtNzkuMSwzNi44Yy0yMiwyNC41LTMyLjksNTYuMS0zMi45LDk0LjdjMCwzNy43LDkuNyw2OC4yLDI5LjIsOTEuMyAgIGMxOS41LDIzLjIsNDIuOSwzNC43LDcwLjMsMzQuN2MyNC41LDAsNDUuNC0xMC4zLDYyLjgtMzAuOGMxMy4xLDE5LjcsMzIuNCwyOS41LDU3LjksMjkuNWMzNy41LDAsNjkuOS0xNi4zLDk3LjItNDkgICBjMjcuMy0zMi42LDQxLTcyLDQxLTExOC4xQzQ4OC4wNSwxNTIuOSw0NjUuNzUsMTAzLDQyMC45NSw2MS44eiBNMjczLjU1LDI5MS45Yy0xMS4zLDE1LjItMjQuOCwyMi45LTQwLjUsMjIuOSAgIGMtMTAuNywwLTE5LjMtNS42LTI1LjgtMTYuOGMtNi42LTExLjItOS45LTI1LjEtOS45LTQxLjhjMC0yMC42LDQuNi0zNy4yLDEzLjgtNDkuOHMyMC42LTE5LDM0LjItMTljMTEuOCwwLDIyLjMsNC43LDMxLjUsMTQuMiAgIHMxMy44LDIyLjEsMTMuOCwzNy45QzI5MC41NSwyNTkuMiwyODQuODUsMjc2LjYsMjczLjU1LDI5MS45eiIgZmlsbD0iIzAwMDBmZiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } #header .phones .viber:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ1NS43MzEgNDU1LjczMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDU1LjczMSA0NTUuNzMxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB4PSIwIiB5PSIwIiBzdHlsZT0iZmlsbDojN0QzREFGOyIgd2lkdGg9IjQ1NS43MzEiIGhlaWdodD0iNDU1LjczMSIvPg0KCTxnPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTM3MS45OTYsMTQ2LjkwMWwtMC4wOS0wLjM2Yy03LjI4LTI5LjQzLTQwLjEtNjEuMDEtNzAuMjQtNjcuNThsLTAuMzQtMC4wNw0KCQkJYy00OC43NS05LjMtOTguMTgtOS4zLTE0Ni45MiwwbC0wLjM1LDAuMDdjLTMwLjEzLDYuNTctNjIuOTUsMzguMTUtNzAuMjQsNjcuNThsLTAuMDgsMC4zNmMtOSw0MS4xLTksODIuNzgsMCwxMjMuODhsMC4wOCwwLjM2DQoJCQljNi45NzksMjguMTc0LDM3LjM1NSw1OC4zMDMsNjYuMzcsNjYuNTg5djMyLjg1MmMwLDExLjg5LDE0LjQ5LDE3LjczLDIyLjczLDkuMTVsMzMuMjg1LTM0LjU5OQ0KCQkJYzcuMjE5LDAuNDA0LDE0LjQ0MiwwLjYyOSwyMS42NjUsMC42MjljMjQuNTQsMCw0OS4wOS0yLjMyLDczLjQ2LTYuOTdsMC4zNC0wLjA3YzMwLjE0LTYuNTcsNjIuOTYtMzguMTUsNzAuMjQtNjcuNThsMC4wOS0wLjM2DQoJCQlDMzgwLjk5NiwyMjkuNjgxLDM4MC45OTYsMTg4LjAwMSwzNzEuOTk2LDE0Ni45MDF6IE0zNDUuNjU2LDI2NC44MjFjLTQuODYsMTkuMi0yOS43OCw0My4wNy00OS41OCw0Ny40OA0KCQkJYy0yNS45MjEsNC45MjktNTIuMDQ3LDcuMDM2LTc4LjE0Nyw2LjMxM2MtMC41MTktMC4wMTQtMS4wMTgsMC4xODctMS4zOCwwLjU1OWMtMy43MDQsMy44MDItMjQuMzAzLDI0Ljk0OC0yNC4zMDMsMjQuOTQ4DQoJCQlsLTI1Ljg1LDI2LjUzYy0xLjg5LDEuOTctNS4yMSwwLjYzLTUuMjEtMi4wOXYtNTQuNDIyYzAtMC44OTktMC42NDItMS42NjMtMS41MjUtMS44MzZjLTAuMDA1LTAuMDAxLTAuMDEtMC4wMDItMC4wMTUtMC4wMDMNCgkJCWMtMTkuOC00LjQxLTQ0LjcxLTI4LjI4LTQ5LjU4LTQ3LjQ4Yy04LjEtMzcuMTUtOC4xLTc0LjgxLDAtMTExLjk2YzQuODctMTkuMiwyOS43OC00My4wNyw0OS41OC00Ny40OA0KCQkJYzQ1LjI3LTguNjEsOTEuMTctOC42MSwxMzYuNDMsMGMxOS44MSw0LjQxLDQ0LjcyLDI4LjI4LDQ5LjU4LDQ3LjQ4QzM1My43NjUsMTkwLjAxMSwzNTMuNzY1LDIyNy42NzEsMzQ1LjY1NiwyNjQuODIxeiIvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI3MC45MzcsMjg5Ljk0MmMtMy4wNDQtMC45MjQtNS45NDUtMS41NDUtOC42MzktMi42NjMNCgkJCWMtMjcuOTE2LTExLjU4Mi01My42MDgtMjYuNTI0LTczLjk1OS00OS40MjljLTExLjU3My0xMy4wMjUtMjAuNjMxLTI3LjczLTI4LjI4OC00My4yOTJjLTMuNjMxLTcuMzgtNi42OTEtMTUuMDQ5LTkuODEtMjIuNjY4DQoJCQljLTIuODQ0LTYuOTQ4LDEuMzQ1LTE0LjEyNiw1Ljc1Ni0xOS4zNjFjNC4xMzktNC45MTMsOS40NjUtOC42NzMsMTUuMjMzLTExLjQ0NGM0LjUwMi0yLjE2Myw4Ljk0My0wLjkxNiwxMi4yMzEsMi45DQoJCQljNy4xMDgsOC4yNSwxMy42MzcsMTYuOTIyLDE4LjkyNCwyNi40ODVjMy4yNTEsNS44ODIsMi4zNTksMTMuMDcyLTMuNTMzLDE3LjA3NWMtMS40MzIsMC45NzMtMi43MzcsMi4xMTUtNC4wNzEsMy4yMTQNCgkJCWMtMS4xNywwLjk2My0yLjI3MSwxLjkzNi0zLjA3MywzLjI0Yy0xLjQ2NiwyLjM4Ni0xLjUzNiw1LjItMC41OTIsNy43OTRjNy4yNjYsMTkuOTY4LDE5LjUxMywzNS40OTUsMzkuNjExLDQzLjg1OA0KCQkJYzMuMjE2LDEuMzM4LDYuNDQ2LDIuODk2LDEwLjE1MSwyLjQ2NGM2LjIwNS0wLjcyNSw4LjIxNC03LjUzMSwxMi41NjItMTEuMDg3YzQuMjUtMy40NzUsOS42ODEtMy41MjEsMTQuMjU5LTAuNjI0DQoJCQljNC41NzksMi44OTgsOS4wMTgsNi4wMDksMTMuNDMsOS4xNTNjNC4zMzEsMy4wODYsOC42NDMsNi4xMDUsMTIuNjM4LDkuNjIzYzMuODQxLDMuMzgzLDUuMTY0LDcuODIxLDMuMDAxLDEyLjQxMg0KCQkJYy0zLjk2LDguNDA4LTkuNzIyLDE1LjQwMy0xOC4wMzQsMTkuODY4QzI3Ni4zODcsMjg4LjcxOSwyNzMuNTg0LDI4OS4xMjcsMjcwLjkzNywyODkuOTQyDQoJCQlDMjY3Ljg5MywyODkuMDE3LDI3My41ODQsMjg5LjEyNywyNzAuOTM3LDI4OS45NDJ6Ii8+DQoJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjI3Ljk0MiwxMzEuNDcxYzM2LjUxNSwxLjAyMyw2Ni41MDYsMjUuMjU2LDcyLjkzMyw2MS4zNTZjMS4wOTUsNi4xNTEsMS40ODUsMTIuNDQsMS45NzIsMTguNjgzDQoJCQljMC4yMDUsMi42MjYtMS4yODIsNS4xMjEtNC4xMTYsNS4xNTVjLTIuOTI3LDAuMDM1LTQuMjQ0LTIuNDE0LTQuNDM0LTUuMDM5Yy0wLjM3Ni01LjE5Ni0wLjYzNy0xMC40MTUtMS4zNTMtMTUuNTY4DQoJCQljLTMuNzgtMjcuMjAxLTI1LjQ3LTQ5LjcwNS01Mi41NDUtNTQuNTM0Yy00LjA3NC0wLjcyNy04LjI0NC0wLjkxOC0xMi4zNzEtMS4zNTFjLTIuNjA5LTAuMjc0LTYuMDI2LTAuNDMyLTYuNjA0LTMuNjc1DQoJCQljLTAuNDg1LTIuNzE5LDEuODEtNC44ODQsNC4zOTktNS4wMjNDMjI2LjUyNywxMzEuNDM2LDIyNy4yMzUsMTMxLjQ2OCwyMjcuOTQyLDEzMS40NzENCgkJCUMyNjQuNDU3LDEzMi40OTQsMjI3LjIzNSwxMzEuNDY4LDIyNy45NDIsMTMxLjQ3MXoiLz4NCgkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODMuNDM0LDIwMy40MDdjLTAuMDYsMC40NTYtMC4wOTIsMS41MjgtMC4zNTksMi41MzhjLTAuOTY5LDMuNjY2LTYuNTI3LDQuMTI1LTcuODA3LDAuNDI1DQoJCQljLTAuMzc5LTEuMDk4LTAuNDM2LTIuMzQ3LTAuNDM4LTMuNTI5Yy0wLjAxMy03LjczNC0xLjY5NC0xNS40Ni01LjU5NC0yMi4xODljLTQuMDA5LTYuOTE2LTEwLjEzNC0xMi43My0xNy4zMTgtMTYuMjQ4DQoJCQljLTQuMzQ0LTIuMTI3LTkuMDQyLTMuNDQ5LTEzLjgwMy00LjIzN2MtMi4wODEtMC4zNDQtNC4xODQtMC41NTMtNi4yNzUtMC44NDRjLTIuNTM0LTAuMzUyLTMuODg3LTEuOTY3LTMuNzY3LTQuNDY0DQoJCQljMC4xMTItMi4zNCwxLjgyMi00LjAyMyw0LjM3Mi0zLjg3OWM4LjM4LDAuNDc2LDE2LjQ3NCwyLjI4NywyMy45MjQsNi4yMzJjMTUuMTUsOC4wMjMsMjMuODA0LDIwLjY4NywyNi4zMywzNy41OTcNCgkJCWMwLjExNCwwLjc2NiwwLjI5OCwxLjUyNSwwLjM1NiwyLjI5NEMyODMuMTk4LDE5OS4wMDIsMjgzLjI4OCwyMDAuOTAzLDI4My40MzQsMjAzLjQwNw0KCQkJQzI4My4zNzQsMjAzLjg2MywyODMuMjg4LDIwMC45MDMsMjgzLjQzNCwyMDMuNDA3eiIvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI2MC43MjIsMjAyLjUyM2MtMy4wNTUsMC4wNTUtNC42OS0xLjYzNi01LjAwNS00LjQzN2MtMC4yMTktMS45NTMtMC4zOTItMy45MzItMC44NTgtNS44MzINCgkJCWMtMC45MTgtMy43NDItMi45MDctNy4yMS02LjA1NS05LjUwM2MtMS40ODYtMS4wODMtMy4xNy0xLjg3Mi00LjkzNC0yLjM4MWMtMi4yNDEtMC42NDctNC41NjgtMC40NjktNi44MDQtMS4wMTcNCgkJCWMtMi40MjgtMC41OTUtMy43NzEtMi41NjEtMy4zODktNC44MzljMC4zNDctMi4wNzMsMi4zNjQtMy42OTEsNC42MjktMy41MjdjMTQuMTU3LDEuMDIyLDI0LjI3NSw4LjM0MSwyNS43MTksMjUuMDA3DQoJCQljMC4xMDIsMS4xNzYsMC4yMjIsMi40MTktMC4wMzksMy41NDRDMjYzLjUzOSwyMDEuNDY0LDI2Mi4xMTMsMjAyLjQyOSwyNjAuNzIyLDIwMi41MjMNCgkJCUMyNTcuNjY3LDIwMi41NzgsMjYyLjExMywyMDIuNDI5LDI2MC43MjIsMjAyLjUyM3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==); } #header .phones .viber-phone { display: none !important; } #header .phones .viber-phone:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ1NS43MzEgNDU1LjczMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDU1LjczMSA0NTUuNzMxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB4PSIwIiB5PSIwIiBzdHlsZT0iZmlsbDojN0QzREFGOyIgd2lkdGg9IjQ1NS43MzEiIGhlaWdodD0iNDU1LjczMSIvPg0KCTxnPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTM3MS45OTYsMTQ2LjkwMWwtMC4wOS0wLjM2Yy03LjI4LTI5LjQzLTQwLjEtNjEuMDEtNzAuMjQtNjcuNThsLTAuMzQtMC4wNw0KCQkJYy00OC43NS05LjMtOTguMTgtOS4zLTE0Ni45MiwwbC0wLjM1LDAuMDdjLTMwLjEzLDYuNTctNjIuOTUsMzguMTUtNzAuMjQsNjcuNThsLTAuMDgsMC4zNmMtOSw0MS4xLTksODIuNzgsMCwxMjMuODhsMC4wOCwwLjM2DQoJCQljNi45NzksMjguMTc0LDM3LjM1NSw1OC4zMDMsNjYuMzcsNjYuNTg5djMyLjg1MmMwLDExLjg5LDE0LjQ5LDE3LjczLDIyLjczLDkuMTVsMzMuMjg1LTM0LjU5OQ0KCQkJYzcuMjE5LDAuNDA0LDE0LjQ0MiwwLjYyOSwyMS42NjUsMC42MjljMjQuNTQsMCw0OS4wOS0yLjMyLDczLjQ2LTYuOTdsMC4zNC0wLjA3YzMwLjE0LTYuNTcsNjIuOTYtMzguMTUsNzAuMjQtNjcuNThsMC4wOS0wLjM2DQoJCQlDMzgwLjk5NiwyMjkuNjgxLDM4MC45OTYsMTg4LjAwMSwzNzEuOTk2LDE0Ni45MDF6IE0zNDUuNjU2LDI2NC44MjFjLTQuODYsMTkuMi0yOS43OCw0My4wNy00OS41OCw0Ny40OA0KCQkJYy0yNS45MjEsNC45MjktNTIuMDQ3LDcuMDM2LTc4LjE0Nyw2LjMxM2MtMC41MTktMC4wMTQtMS4wMTgsMC4xODctMS4zOCwwLjU1OWMtMy43MDQsMy44MDItMjQuMzAzLDI0Ljk0OC0yNC4zMDMsMjQuOTQ4DQoJCQlsLTI1Ljg1LDI2LjUzYy0xLjg5LDEuOTctNS4yMSwwLjYzLTUuMjEtMi4wOXYtNTQuNDIyYzAtMC44OTktMC42NDItMS42NjMtMS41MjUtMS44MzZjLTAuMDA1LTAuMDAxLTAuMDEtMC4wMDItMC4wMTUtMC4wMDMNCgkJCWMtMTkuOC00LjQxLTQ0LjcxLTI4LjI4LTQ5LjU4LTQ3LjQ4Yy04LjEtMzcuMTUtOC4xLTc0LjgxLDAtMTExLjk2YzQuODctMTkuMiwyOS43OC00My4wNyw0OS41OC00Ny40OA0KCQkJYzQ1LjI3LTguNjEsOTEuMTctOC42MSwxMzYuNDMsMGMxOS44MSw0LjQxLDQ0LjcyLDI4LjI4LDQ5LjU4LDQ3LjQ4QzM1My43NjUsMTkwLjAxMSwzNTMuNzY1LDIyNy42NzEsMzQ1LjY1NiwyNjQuODIxeiIvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI3MC45MzcsMjg5Ljk0MmMtMy4wNDQtMC45MjQtNS45NDUtMS41NDUtOC42MzktMi42NjMNCgkJCWMtMjcuOTE2LTExLjU4Mi01My42MDgtMjYuNTI0LTczLjk1OS00OS40MjljLTExLjU3My0xMy4wMjUtMjAuNjMxLTI3LjczLTI4LjI4OC00My4yOTJjLTMuNjMxLTcuMzgtNi42OTEtMTUuMDQ5LTkuODEtMjIuNjY4DQoJCQljLTIuODQ0LTYuOTQ4LDEuMzQ1LTE0LjEyNiw1Ljc1Ni0xOS4zNjFjNC4xMzktNC45MTMsOS40NjUtOC42NzMsMTUuMjMzLTExLjQ0NGM0LjUwMi0yLjE2Myw4Ljk0My0wLjkxNiwxMi4yMzEsMi45DQoJCQljNy4xMDgsOC4yNSwxMy42MzcsMTYuOTIyLDE4LjkyNCwyNi40ODVjMy4yNTEsNS44ODIsMi4zNTksMTMuMDcyLTMuNTMzLDE3LjA3NWMtMS40MzIsMC45NzMtMi43MzcsMi4xMTUtNC4wNzEsMy4yMTQNCgkJCWMtMS4xNywwLjk2My0yLjI3MSwxLjkzNi0zLjA3MywzLjI0Yy0xLjQ2NiwyLjM4Ni0xLjUzNiw1LjItMC41OTIsNy43OTRjNy4yNjYsMTkuOTY4LDE5LjUxMywzNS40OTUsMzkuNjExLDQzLjg1OA0KCQkJYzMuMjE2LDEuMzM4LDYuNDQ2LDIuODk2LDEwLjE1MSwyLjQ2NGM2LjIwNS0wLjcyNSw4LjIxNC03LjUzMSwxMi41NjItMTEuMDg3YzQuMjUtMy40NzUsOS42ODEtMy41MjEsMTQuMjU5LTAuNjI0DQoJCQljNC41NzksMi44OTgsOS4wMTgsNi4wMDksMTMuNDMsOS4xNTNjNC4zMzEsMy4wODYsOC42NDMsNi4xMDUsMTIuNjM4LDkuNjIzYzMuODQxLDMuMzgzLDUuMTY0LDcuODIxLDMuMDAxLDEyLjQxMg0KCQkJYy0zLjk2LDguNDA4LTkuNzIyLDE1LjQwMy0xOC4wMzQsMTkuODY4QzI3Ni4zODcsMjg4LjcxOSwyNzMuNTg0LDI4OS4xMjcsMjcwLjkzNywyODkuOTQyDQoJCQlDMjY3Ljg5MywyODkuMDE3LDI3My41ODQsMjg5LjEyNywyNzAuOTM3LDI4OS45NDJ6Ii8+DQoJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjI3Ljk0MiwxMzEuNDcxYzM2LjUxNSwxLjAyMyw2Ni41MDYsMjUuMjU2LDcyLjkzMyw2MS4zNTZjMS4wOTUsNi4xNTEsMS40ODUsMTIuNDQsMS45NzIsMTguNjgzDQoJCQljMC4yMDUsMi42MjYtMS4yODIsNS4xMjEtNC4xMTYsNS4xNTVjLTIuOTI3LDAuMDM1LTQuMjQ0LTIuNDE0LTQuNDM0LTUuMDM5Yy0wLjM3Ni01LjE5Ni0wLjYzNy0xMC40MTUtMS4zNTMtMTUuNTY4DQoJCQljLTMuNzgtMjcuMjAxLTI1LjQ3LTQ5LjcwNS01Mi41NDUtNTQuNTM0Yy00LjA3NC0wLjcyNy04LjI0NC0wLjkxOC0xMi4zNzEtMS4zNTFjLTIuNjA5LTAuMjc0LTYuMDI2LTAuNDMyLTYuNjA0LTMuNjc1DQoJCQljLTAuNDg1LTIuNzE5LDEuODEtNC44ODQsNC4zOTktNS4wMjNDMjI2LjUyNywxMzEuNDM2LDIyNy4yMzUsMTMxLjQ2OCwyMjcuOTQyLDEzMS40NzENCgkJCUMyNjQuNDU3LDEzMi40OTQsMjI3LjIzNSwxMzEuNDY4LDIyNy45NDIsMTMxLjQ3MXoiLz4NCgkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODMuNDM0LDIwMy40MDdjLTAuMDYsMC40NTYtMC4wOTIsMS41MjgtMC4zNTksMi41MzhjLTAuOTY5LDMuNjY2LTYuNTI3LDQuMTI1LTcuODA3LDAuNDI1DQoJCQljLTAuMzc5LTEuMDk4LTAuNDM2LTIuMzQ3LTAuNDM4LTMuNTI5Yy0wLjAxMy03LjczNC0xLjY5NC0xNS40Ni01LjU5NC0yMi4xODljLTQuMDA5LTYuOTE2LTEwLjEzNC0xMi43My0xNy4zMTgtMTYuMjQ4DQoJCQljLTQuMzQ0LTIuMTI3LTkuMDQyLTMuNDQ5LTEzLjgwMy00LjIzN2MtMi4wODEtMC4zNDQtNC4xODQtMC41NTMtNi4yNzUtMC44NDRjLTIuNTM0LTAuMzUyLTMuODg3LTEuOTY3LTMuNzY3LTQuNDY0DQoJCQljMC4xMTItMi4zNCwxLjgyMi00LjAyMyw0LjM3Mi0zLjg3OWM4LjM4LDAuNDc2LDE2LjQ3NCwyLjI4NywyMy45MjQsNi4yMzJjMTUuMTUsOC4wMjMsMjMuODA0LDIwLjY4NywyNi4zMywzNy41OTcNCgkJCWMwLjExNCwwLjc2NiwwLjI5OCwxLjUyNSwwLjM1NiwyLjI5NEMyODMuMTk4LDE5OS4wMDIsMjgzLjI4OCwyMDAuOTAzLDI4My40MzQsMjAzLjQwNw0KCQkJQzI4My4zNzQsMjAzLjg2MywyODMuMjg4LDIwMC45MDMsMjgzLjQzNCwyMDMuNDA3eiIvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI2MC43MjIsMjAyLjUyM2MtMy4wNTUsMC4wNTUtNC42OS0xLjYzNi01LjAwNS00LjQzN2MtMC4yMTktMS45NTMtMC4zOTItMy45MzItMC44NTgtNS44MzINCgkJCWMtMC45MTgtMy43NDItMi45MDctNy4yMS02LjA1NS05LjUwM2MtMS40ODYtMS4wODMtMy4xNy0xLjg3Mi00LjkzNC0yLjM4MWMtMi4yNDEtMC42NDctNC41NjgtMC40NjktNi44MDQtMS4wMTcNCgkJCWMtMi40MjgtMC41OTUtMy43NzEtMi41NjEtMy4zODktNC44MzljMC4zNDctMi4wNzMsMi4zNjQtMy42OTEsNC42MjktMy41MjdjMTQuMTU3LDEuMDIyLDI0LjI3NSw4LjM0MSwyNS43MTksMjUuMDA3DQoJCQljMC4xMDIsMS4xNzYsMC4yMjIsMi40MTktMC4wMzksMy41NDRDMjYzLjUzOSwyMDEuNDY0LDI2Mi4xMTMsMjAyLjQyOSwyNjAuNzIyLDIwMi41MjMNCgkJCUMyNTcuNjY3LDIwMi41NzgsMjYyLjExMywyMDIuNDI5LDI2MC43MjIsMjAyLjUyM3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==); } #header .phones.opened .layer { display: block; } #header .mainmenu { position: absolute; right: 0px; top: 0px; display: block; width: 100%; height: 70px; padding-left: 200px; box-sizing: border-box; } #header .mainmenu ul { list-style: none; margin: 0px; padding: 0px; width: 100%; text-align: right; } #header .mainmenu ul li { margin: 0px; display: inline-block; height: 28px; padding: 26px 17px 16px 17px; font-size: 16px; font-weight: 700; text-transform: uppercase; vertical-align: top; } #header .mainmenu ul li:first-child { padding-left: 0px; } #header .mainmenu ul li:last-child { padding-right: 0px; } #header .mainmenu ul li a { color: #FFFFFF; text-decoration: none; transition: 0.2s; } #header .mainmenu ul li a:hover { color: #19B794; } #header .mainmenu ul li .layer { position: absolute; left: 0px; top: 70px; width: 100%; display: none; padding: 35px 30px 30px 30px; background: #FFFFFF; box-sizing: border-box; text-align: left; white-space: nowrap; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); z-index: 11; } #header .mainmenu ul li .layer a { display: block; padding: 2px 10px; color: #777777; font-size: 14px; line-height: 18px; font-weight: normal; text-decoration: none; transition: 0.2s; } #header .mainmenu ul li .layer a:hover { color: #FFFFFF; background: #19B794; } #header .mainmenu ul li .layer span a { font-weight: bold; } #header .mainmenu ul li .layer:after { content: ''; position: absolute; left: 0px; top: 4px; width: 100%; height: 4px; background: #19B794; } #header .mainmenu ul li .layer .col { display: inline-block; width: 200px; margin-left: 20px; white-space: normal; vertical-align: top; } #header .mainmenu ul li .layer .col:first-child { margin-left: 0px; } #header .mainmenu ul li:hover .layer { display: block; } #header .lang { position: absolute; left: 456px; top: -35px; height: 30px; font-size: 16px; line-height: 30px; font-weight: bold; color: #777777; text-decoration: none; transition: 0.2s; } #header .lang:hover { color: #19B794; } #header .lang::after { content: 'UA'; } /* ШАПКА САЙТА */ /* БАННЕР */ #banner { padding: 10px; } #banner .swiper-container { width: 100%; height: 100%; } #banner .swiper-slide { position: relative; width: 100%; } #banner .swiper-slide img { width: 100%; } #banner .swiper-slide h4 { position: absolute; left: 0px; top: 40%; margin: -39px 0px 0px 0px; padding: 0px; width: 100%; text-align: center; font-size: 30px; color: #FFFFFF; opacity: 100%; } #banner .swiper-slide-active h4:before { content: ''; position: absolute; left: 50%; top: -20px; margin-left: -33px; width: 66px; height: 6px; background: #19B794; } #banner .swiper-slide p { position: absolute; left: 10%; top: 60%; width: 80%; text-align: center; font-size: 16px; color: #FFFFFF; opacity: 100%; } #banner .swiper-slide a { color: #FFFFFF; } #banner .swiper-button-prev { position: absolute; left: 20px; top: 50%; margin-top: -14px; width: 28px; height: 28px; } #banner .swiper-button-prev:before { content: ''; position: absolute; left: 5px; top: 7px; display: block; width: 16px; height: 3px; background: #FFFFFF; transform: rotate(-45deg); transition: 0.2s; } #banner .swiper-button-prev:after { content: ''; position: absolute; left: 5px; top: 17px; display: block; width: 16px; height: 3px; background: #FFFFFF; transform: rotate(45deg); transition: 0.2s; } #banner .swiper-button-prev:hover:before, #banner .swiper-button-prev:hover:after { background: #19B794; } #banner .swiper-slide-active h4, #banner .swiper-slide-active p { animation: 400ms linear 0s normal none 1 ScaleFromLargeEffect; } #banner .swiper-button-next { position: absolute; right: 20px; top: 50%; margin-top: -14px; width: 28px; height: 28px; } #banner .swiper-button-next:before { content: ''; position: absolute; left: 5px; top: 7px; display: block; width: 16px; height: 3px; background: #FFFFFF; transform: rotate(45deg); transition: 0.2s; } #banner .swiper-button-next:after { content: ''; position: absolute; left: 5px; top: 17px; display: block; width: 16px; height: 3px; background: #FFFFFF; transform: rotate(-45deg); transition: 0.2s; } #banner .swiper-button-next:hover:before, #banner .swiper-button-next:hover:after { background: #19B794; } /* БАННЕР */ /* СЕТЕРАЛЬНОЕ МЕНЮ */ #centermenu { list-style: none; margin: 0px; padding: 0px 10px; overflow: hidden; } #centermenu li { float: left; position: relative; margin: 0px 10px 10px 0px; width: calc((100% - 30px) / 4); overflow: hidden; } #centermenu li:after { content: ''; display: block; width: 100%; height: 0px; padding-top: 54%; } #centermenu li:nth-child(4n+4) { margin-right: 0px; } #centermenu li a { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; transition: 400ms; } #centermenu li img { width: 100%; } #centermenu span { position: absolute; left: 0px; top: 50%; margin-top: -16px; display: block; width: 100%; text-align: center; font-size: 26px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; } #centermenu span:before { content: ''; position: absolute; left: 50%; top: -17px; margin-left: -15px; display: block; width: 30px; height: 4px; background: #19B794; } #centermenu li:hover a { left: -10px; top: -10px; right: -10px; bottom: -10px; } #centermenu li:hover span { animation: 400ms linear 0s normal none 1 moveFromTop; } /* ЦЕНТРАЛЬНОЕ МЕНЮ */ /* ПОДМЕНЮ */ #submenu { list-style: none; margin: 0px -20px 0px 0px; padding: 0px; } #submenu li { margin: 30px 20px 0px 0px; display: inline-block; width: 150px; vertical-align: top; } #submenu .icon { display: block; width: 148px; height: 148px; text-align: center; line-height: 148px; border: 1px solid #DBDBDB; overflow: hidden; transition: 0.2s; } #submenu .icon img { max-width: 140px; max-height: 140px; transition: 0.2s; } #submenu .name { margin-top: 4px; display: block; font-size: 16px; font-weight: normal; text-transform: uppercase; } #submenu .name a { color: #777777; text-decoration: none; transition: 0.2s; } #submenu .name a:hover { color: #19B794; } #submenu li:hover .icon { border-color: #3A3A3A; } #submenu li:hover .icon img { transform: scale(1.1); } /* ПОДМЕНЮ */ /* МОБИЛЬНОЕ МЕНЮ */ #mobile-menu { position: fixed; right: 0px; top: 0px; display: none; width: 0px; height: 100%; padding: 71px 0px 20px 0px; background: #FFFFFF; box-sizing: border-box; z-index: 23; } #mobile-menu .close-butt { position: absolute; right: 20px; top: 29px; display: block; width: 16px; height: 16px; cursor: pointer; } #mobile-menu .close-butt:before { content: ''; position: absolute; left: -3px; top: 7px; display: block; width: 21px; height: 1px; background: #0A0A0A; transform: rotate(45deg); } #mobile-menu .close-butt:after { content: ''; position: absolute; left: -3px; top: 7px; display: block; width: 21px; height: 1px; background: #0A0A0A; transform: rotate(-45deg); } #mobile-menu .title { position: absolute; left: 0px; top: 0px; width: 100%; height: 70px; padding: 20px; font-size: 14px; line-height: 30px; color: #292929; text-shadow: 0px 0px 0px #292929; border-bottom: 1px solid #E3E3E3; box-sizing: border-box; } #mobile-menu .title .icon { margin-right: 10px; display: inline-block; width: 18px; height: 18px; vertical-align: middle; } #mobile-menu .title .icon svg { display: block; width: 100%; height: 100%; } #mobile-menu .title .icon svg:path { fill: #414141; } #mobile-menu .title a { color: #292929; text-decoration: none; } #mobile-menu .swiper-container { width: 100%; height: 100%; } #mobile-menu .swiper-slide { height: auto; } #mobile-menu .parent-name { padding: 20px 20px 0px 20px; font-size: 18px; color: #292929; text-transform: uppercase; font-weight: bold; } #mobile-menu .parent-name a { color: #292929; text-decoration: none; } #mobile-menu ul { list-style: none; margin: 0px; padding: 20px; border-bottom: 1px solid #E3E3E3; } #mobile-menu ul li { margin: 0px; padding: 8px 0px; font-size: 14px; line-heihgt: 18px; text-transform: uppercase; text-shadow: 0px 0px 0px #292929; } #mobile-menu ul li a { color: #292929; text-decoration: none; } #mobile-menu ul li.drop:after { content: ''; margin-left: 5px; display: inline-block; width: 0px; height: 0px; border-top: 4px solid transparent; border-left: 4px solid #292929; border-bottom: 4px solid transparent; vertical-align: middle; } #mobile-menu ul li.bold { font-weight: 600; } #mobile-menu .tel { position: relative; padding: 5px 10px 5px 30px; } #mobile-menu .tel:after { content: ''; position: absolute; left: 0px; top: 8px; display: block; width: 14px; height: 14px; background-size: 100%; } #mobile-menu .simple:after { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM0OC4wNzcgMzQ4LjA3NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQ4LjA3NyAzNDguMDc3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zNDAuMjczLDI3NS4wODNsLTUzLjc1NS01My43NjFjLTEwLjcwNy0xMC42NjQtMjguNDM4LTEwLjM0LTM5LjUxOCwwLjc0NGwtMjcuMDgyLDI3LjA3NiAgICAgYy0xLjcxMS0wLjk0My0zLjQ4Mi0xLjkyOC01LjM0NC0yLjk3M2MtMTcuMTAyLTkuNDc2LTQwLjUwOS0yMi40NjQtNjUuMTQtNDcuMTEzYy0yNC43MDQtMjQuNzAxLTM3LjcwNC00OC4xNDQtNDcuMjA5LTY1LjI1NyAgICAgYy0xLjAwMy0xLjgxMy0xLjk2NC0zLjU2MS0yLjkxMy01LjIyMWwxOC4xNzYtMTguMTQ5bDguOTM2LTguOTQ3YzExLjA5Ny0xMS4xLDExLjQwMy0yOC44MjYsMC43MjEtMzkuNTIxTDczLjM5LDguMTk0ICAgICBDNjIuNzA4LTIuNDg2LDQ0Ljk2OS0yLjE2MiwzMy44NzIsOC45MzhsLTE1LjE1LDE1LjIzN2wwLjQxNCwwLjQxMWMtNS4wOCw2LjQ4Mi05LjMyNSwxMy45NTgtMTIuNDg0LDIyLjAyICAgICBDMy43NCw1NC4yOCwxLjkyNyw2MS42MDMsMS4wOTgsNjguOTQxQy02LDEyNy43ODUsMjAuODksMTgxLjU2NCw5My44NjYsMjU0LjU0MWMxMDAuODc1LDEwMC44NjgsMTgyLjE2Nyw5My4yNDgsMTg1LjY3NCw5Mi44NzYgICAgIGM3LjYzOC0wLjkxMywxNC45NTgtMi43MzgsMjIuMzk3LTUuNjI3YzcuOTkyLTMuMTIyLDE1LjQ2My03LjM2MSwyMS45NDEtMTIuNDNsMC4zMzEsMC4yOTRsMTUuMzQ4LTE1LjAyOSAgICAgQzM1MC42MzEsMzAzLjUyNywzNTAuOTUsMjg1Ljc5NSwzNDAuMjczLDI3NS4wODN6IiBmaWxsPSIjMTliNzk0Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } #mobile-menu .life:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA0xJREFUeNpck29M1AUYx58Ll7VdaLSi5St7o9XqRQ45m8AKoyJXCDJomdo6QEBkMhtGsXECKqFxSNyRF24YGkqYaGPHkDmVf9UP7jjvOODcwpnS+UJLUe6u3+8+vfiRuV58X36e7/Ps+3xFVSMSDs+Lqobk9p056bv8u6mqc6J5beWQ64XC/uCLhf3BN6uGXA3dU82B2VsmiArwQKKqEUENy93QPWNph9dm2OpUl2xuYv2nZnbWZrC9Oot12wtYnN7AExu61QM/+myA8cEAUOXP+/eMaw+5nDGfnODL1nTmlEchILp8Al7hxmAs5fveR5IdbDk47IxGNSMgosz8IevbJuyPl/3AUN/z4BdmLy6luK6ArxxpqKMGGBVwCfiF08dfRZIP89lRl12LaiLm3ulEqfhFO/WTCSZ0x4115cjGYSTDSd/plTAuoAiMCUwKdU2pSNpJbWjyeqK83D7TssZmBa9w8dwK1uy3smxXG4+Yz/J0wbf4++PBrW9wa/AxGBciYwaezdpDvk1pEWn6zXOsZx3f9aQg5S5S6pu4PhzLaO9yrl6KA4/AhFC29wPi3zvCrr25MCUUW7J5bovTIwa7J1h0ogRDzRgr6ju4oyzWHcd18NrAEizWDCS1C0k5Q2zmYTS3gbbW15B3u4Ii33iD0uhGar309K7SQbcwpyyi0p6L8cMOEoqqKduXQ8LH+2mwp8Kk0OpI0gfEOCY8cnCaV75uR1N05yuXnsL0hRXJHqDiUC6qeyHOsYXNfEKBJYdlW50eMXVNtUjtNCXHdoBXuDoYx/KKI8imn/ncnvMfqIge55gQVmJ4JrOabfbRFsk7F0iUPX7N0rkZfMLr9fWIeZTVlQfQ3AuQ8pD8Qo31LSStU/s1cCNRlJu3ZcOpgD2u6nuKWouQ0gtIXj9dXav1BP4F3Tp88mgCkuSg8vi4HaL6K98NzRvfcHicknce2dZH/M42wsrC3T6By8K1gaWUVmchSa2YG0ecEDUudCEiRCNyPxwx7j4zaXtyh1OVj9p5e3cx+bW55FuySS4sYtE7jcRmdquNZ/3/L1NEIn+HRNVUmQ+FZOTKrKmuZ6o5pU5xrSy5EHyp+HwwvWbEZesJNM/c/Mv0cJUB+WcA94CKhcRzeEwAAAAASUVORK5CYII='); } #mobile-menu .kievstar:after { background-image: url('data:image/png;base64,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'); } #mobile-menu .vodafone:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAACOUlEQVR42oSTTUhUURTHf+/NvDfZJJimLiSCDKqFQoEfyIS4k1ZCENZOWrlrk1Abd6JCRYsgg1aCKxVhcJViUq1KGsUUo4JiZp5jNoNv5s2n750Wc50mKPvDhcv5+J1zz71X6waCwHWgCLTDhSDcboLeU3BZB73Q2roTbWx8vbO5OZPOZLbeA58BA6Ab6AMeAmEYicHBHsguSGpwUArLy+Jtb4vd3y8xw3BWYewmGFeBHoAO4BrwBl78BLFArLo6yS0syJGSAwMSVb4USBhmQ+DvRFEew70USBwkXlMj+aWlSvJhNCpxkNiRHyQN8hzGugAm4HwMnF0VZI+OSrU8x5Hs9LT86OmpQKzyEUuPoJ1ZGE2qZKu+XtxEQv4mr1iU1NBQBZICmYMnRODVngLs9/XJcfJsWxItLRIHSYBsQUQ/A5cOKcvX3Mxx0mprMUMhBHCB04FAow7oRwHewQH/kxYM/t6Dpifhk18ZSpEInm0fCyhtbICqmi4U9vVtWDXKNFzLwpmc/Gdyfn6e0toamnqF3+Etw3AxBoVdNd2Ypkl6fFy8fP6PAebCYbEaGirXmAD3AXRoV4BhGLsF99OqkgBGWxtmKIQWCFBaX6e4soKoTk8Ci/DsKQxrXeV2zBGY6YUbWQWQKphWtQLl1l+OwEASsr5zQA7cbzDfDGYTdJrgq5o0PioGdwOm1uDOR8h6gO+sqlIHngPLJizakPVD4IRpuprfn3Fc98sezL2Dux9gyoDSV/X9fw0As9lmEATlhA0AAAAASUVORK5CYII='); } #mobile-menu .email:after { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MC4yIDQ5MC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuMiA0OTAuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxwYXRoIGQ9Ik00MjAuOTUsNjEuOEMzNzYuMjUsMjAuNiwzMjAuNjUsMCwyNTQuMjUsMGMtNjkuOCwwLTEyOS4zLDIzLjQtMTc4LjQsNzAuM3MtNzMuNywxMDUuMi03My43LDE3NSAgIGMwLDY2LjksMjMuNCwxMjQuNCw3MC4xLDE3Mi42YzQ2LjksNDguMiwxMDkuOSw3Mi4zLDE4OS4yLDcyLjNjNDcuOCwwLDk0LjctOS44LDE0MC43LTI5LjVjMTUtNi40LDIyLjMtMjMuNiwxNi4yLTM4LjdsMCwwICAgYy02LjMtMTUuNi0yNC4xLTIyLjgtMzkuNi0xNi4yYy00MCwxNy4yLTc5LjIsMjUuOC0xMTcuNCwyNS44Yy02MC44LDAtMTA3LjktMTguNS0xNDEuMy01NS42Yy0zMy4zLTM3LTUwLTgwLjUtNTAtMTMwLjQgICBjMC01NC4yLDE3LjktOTkuNCw1My42LTEzNS43YzM1LjYtMzYuMiw3OS41LTU0LjQsMTMxLjUtNTQuNGM0Ny45LDAsODguNCwxNC45LDEyMS40LDQ0LjdzNDkuNSw2Ny4zLDQ5LjUsMTEyLjUgICBjMCwzMC45LTcuNiw1Ni43LTIyLjcsNzcuMmMtMTUuMSwyMC42LTMwLjgsMzAuOC00Ny4xLDMwLjhjLTguOCwwLTEzLjItNC43LTEzLjItMTQuMmMwLTcuNywwLjYtMTYuNywxLjctMjcuMWwxOC42LTE1Mi4xaC02NCAgIGwtNC4xLDE0LjljLTE2LjMtMTMuMy0zNC4yLTIwLTUzLjYtMjBjLTMwLjgsMC01Ny4yLDEyLjMtNzkuMSwzNi44Yy0yMiwyNC41LTMyLjksNTYuMS0zMi45LDk0LjdjMCwzNy43LDkuNyw2OC4yLDI5LjIsOTEuMyAgIGMxOS41LDIzLjIsNDIuOSwzNC43LDcwLjMsMzQuN2MyNC41LDAsNDUuNC0xMC4zLDYyLjgtMzAuOGMxMy4xLDE5LjcsMzIuNCwyOS41LDU3LjksMjkuNWMzNy41LDAsNjkuOS0xNi4zLDk3LjItNDkgICBjMjcuMy0zMi42LDQxLTcyLDQxLTExOC4xQzQ4OC4wNSwxNTIuOSw0NjUuNzUsMTAzLDQyMC45NSw2MS44eiBNMjczLjU1LDI5MS45Yy0xMS4zLDE1LjItMjQuOCwyMi45LTQwLjUsMjIuOSAgIGMtMTAuNywwLTE5LjMtNS42LTI1LjgtMTYuOGMtNi42LTExLjItOS45LTI1LjEtOS45LTQxLjhjMC0yMC42LDQuNi0zNy4yLDEzLjgtNDkuOHMyMC42LTE5LDM0LjItMTljMTEuOCwwLDIyLjMsNC43LDMxLjUsMTQuMiAgIHMxMy44LDIyLjEsMTMuOCwzNy45QzI5MC41NSwyNTkuMiwyODQuODUsMjc2LjYsMjczLjU1LDI5MS45eiIgZmlsbD0iIzAwMDBmZiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } #mobile-menu .viber { display: none !important; } #mobile-menu .viber-phone { display: block !important; } #mobile-menu .viber-phone:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ1NS43MzEgNDU1LjczMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDU1LjczMSA0NTUuNzMxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB4PSIwIiB5PSIwIiBzdHlsZT0iZmlsbDojN0QzREFGOyIgd2lkdGg9IjQ1NS43MzEiIGhlaWdodD0iNDU1LjczMSIvPg0KCTxnPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTM3MS45OTYsMTQ2LjkwMWwtMC4wOS0wLjM2Yy03LjI4LTI5LjQzLTQwLjEtNjEuMDEtNzAuMjQtNjcuNThsLTAuMzQtMC4wNw0KCQkJYy00OC43NS05LjMtOTguMTgtOS4zLTE0Ni45MiwwbC0wLjM1LDAuMDdjLTMwLjEzLDYuNTctNjIuOTUsMzguMTUtNzAuMjQsNjcuNThsLTAuMDgsMC4zNmMtOSw0MS4xLTksODIuNzgsMCwxMjMuODhsMC4wOCwwLjM2DQoJCQljNi45NzksMjguMTc0LDM3LjM1NSw1OC4zMDMsNjYuMzcsNjYuNTg5djMyLjg1MmMwLDExLjg5LDE0LjQ5LDE3LjczLDIyLjczLDkuMTVsMzMuMjg1LTM0LjU5OQ0KCQkJYzcuMjE5LDAuNDA0LDE0LjQ0MiwwLjYyOSwyMS42NjUsMC42MjljMjQuNTQsMCw0OS4wOS0yLjMyLDczLjQ2LTYuOTdsMC4zNC0wLjA3YzMwLjE0LTYuNTcsNjIuOTYtMzguMTUsNzAuMjQtNjcuNThsMC4wOS0wLjM2DQoJCQlDMzgwLjk5NiwyMjkuNjgxLDM4MC45OTYsMTg4LjAwMSwzNzEuOTk2LDE0Ni45MDF6IE0zNDUuNjU2LDI2NC44MjFjLTQuODYsMTkuMi0yOS43OCw0My4wNy00OS41OCw0Ny40OA0KCQkJYy0yNS45MjEsNC45MjktNTIuMDQ3LDcuMDM2LTc4LjE0Nyw2LjMxM2MtMC41MTktMC4wMTQtMS4wMTgsMC4xODctMS4zOCwwLjU1OWMtMy43MDQsMy44MDItMjQuMzAzLDI0Ljk0OC0yNC4zMDMsMjQuOTQ4DQoJCQlsLTI1Ljg1LDI2LjUzYy0xLjg5LDEuOTctNS4yMSwwLjYzLTUuMjEtMi4wOXYtNTQuNDIyYzAtMC44OTktMC42NDItMS42NjMtMS41MjUtMS44MzZjLTAuMDA1LTAuMDAxLTAuMDEtMC4wMDItMC4wMTUtMC4wMDMNCgkJCWMtMTkuOC00LjQxLTQ0LjcxLTI4LjI4LTQ5LjU4LTQ3LjQ4Yy04LjEtMzcuMTUtOC4xLTc0LjgxLDAtMTExLjk2YzQuODctMTkuMiwyOS43OC00My4wNyw0OS41OC00Ny40OA0KCQkJYzQ1LjI3LTguNjEsOTEuMTctOC42MSwxMzYuNDMsMGMxOS44MSw0LjQxLDQ0LjcyLDI4LjI4LDQ5LjU4LDQ3LjQ4QzM1My43NjUsMTkwLjAxMSwzNTMuNzY1LDIyNy42NzEsMzQ1LjY1NiwyNjQuODIxeiIvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI3MC45MzcsMjg5Ljk0MmMtMy4wNDQtMC45MjQtNS45NDUtMS41NDUtOC42MzktMi42NjMNCgkJCWMtMjcuOTE2LTExLjU4Mi01My42MDgtMjYuNTI0LTczLjk1OS00OS40MjljLTExLjU3My0xMy4wMjUtMjAuNjMxLTI3LjczLTI4LjI4OC00My4yOTJjLTMuNjMxLTcuMzgtNi42OTEtMTUuMDQ5LTkuODEtMjIuNjY4DQoJCQljLTIuODQ0LTYuOTQ4LDEuMzQ1LTE0LjEyNiw1Ljc1Ni0xOS4zNjFjNC4xMzktNC45MTMsOS40NjUtOC42NzMsMTUuMjMzLTExLjQ0NGM0LjUwMi0yLjE2Myw4Ljk0My0wLjkxNiwxMi4yMzEsMi45DQoJCQljNy4xMDgsOC4yNSwxMy42MzcsMTYuOTIyLDE4LjkyNCwyNi40ODVjMy4yNTEsNS44ODIsMi4zNTksMTMuMDcyLTMuNTMzLDE3LjA3NWMtMS40MzIsMC45NzMtMi43MzcsMi4xMTUtNC4wNzEsMy4yMTQNCgkJCWMtMS4xNywwLjk2My0yLjI3MSwxLjkzNi0zLjA3MywzLjI0Yy0xLjQ2NiwyLjM4Ni0xLjUzNiw1LjItMC41OTIsNy43OTRjNy4yNjYsMTkuOTY4LDE5LjUxMywzNS40OTUsMzkuNjExLDQzLjg1OA0KCQkJYzMuMjE2LDEuMzM4LDYuNDQ2LDIuODk2LDEwLjE1MSwyLjQ2NGM2LjIwNS0wLjcyNSw4LjIxNC03LjUzMSwxMi41NjItMTEuMDg3YzQuMjUtMy40NzUsOS42ODEtMy41MjEsMTQuMjU5LTAuNjI0DQoJCQljNC41NzksMi44OTgsOS4wMTgsNi4wMDksMTMuNDMsOS4xNTNjNC4zMzEsMy4wODYsOC42NDMsNi4xMDUsMTIuNjM4LDkuNjIzYzMuODQxLDMuMzgzLDUuMTY0LDcuODIxLDMuMDAxLDEyLjQxMg0KCQkJYy0zLjk2LDguNDA4LTkuNzIyLDE1LjQwMy0xOC4wMzQsMTkuODY4QzI3Ni4zODcsMjg4LjcxOSwyNzMuNTg0LDI4OS4xMjcsMjcwLjkzNywyODkuOTQyDQoJCQlDMjY3Ljg5MywyODkuMDE3LDI3My41ODQsMjg5LjEyNywyNzAuOTM3LDI4OS45NDJ6Ii8+DQoJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjI3Ljk0MiwxMzEuNDcxYzM2LjUxNSwxLjAyMyw2Ni41MDYsMjUuMjU2LDcyLjkzMyw2MS4zNTZjMS4wOTUsNi4xNTEsMS40ODUsMTIuNDQsMS45NzIsMTguNjgzDQoJCQljMC4yMDUsMi42MjYtMS4yODIsNS4xMjEtNC4xMTYsNS4xNTVjLTIuOTI3LDAuMDM1LTQuMjQ0LTIuNDE0LTQuNDM0LTUuMDM5Yy0wLjM3Ni01LjE5Ni0wLjYzNy0xMC40MTUtMS4zNTMtMTUuNTY4DQoJCQljLTMuNzgtMjcuMjAxLTI1LjQ3LTQ5LjcwNS01Mi41NDUtNTQuNTM0Yy00LjA3NC0wLjcyNy04LjI0NC0wLjkxOC0xMi4zNzEtMS4zNTFjLTIuNjA5LTAuMjc0LTYuMDI2LTAuNDMyLTYuNjA0LTMuNjc1DQoJCQljLTAuNDg1LTIuNzE5LDEuODEtNC44ODQsNC4zOTktNS4wMjNDMjI2LjUyNywxMzEuNDM2LDIyNy4yMzUsMTMxLjQ2OCwyMjcuOTQyLDEzMS40NzENCgkJCUMyNjQuNDU3LDEzMi40OTQsMjI3LjIzNSwxMzEuNDY4LDIyNy45NDIsMTMxLjQ3MXoiLz4NCgkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODMuNDM0LDIwMy40MDdjLTAuMDYsMC40NTYtMC4wOTIsMS41MjgtMC4zNTksMi41MzhjLTAuOTY5LDMuNjY2LTYuNTI3LDQuMTI1LTcuODA3LDAuNDI1DQoJCQljLTAuMzc5LTEuMDk4LTAuNDM2LTIuMzQ3LTAuNDM4LTMuNTI5Yy0wLjAxMy03LjczNC0xLjY5NC0xNS40Ni01LjU5NC0yMi4xODljLTQuMDA5LTYuOTE2LTEwLjEzNC0xMi43My0xNy4zMTgtMTYuMjQ4DQoJCQljLTQuMzQ0LTIuMTI3LTkuMDQyLTMuNDQ5LTEzLjgwMy00LjIzN2MtMi4wODEtMC4zNDQtNC4xODQtMC41NTMtNi4yNzUtMC44NDRjLTIuNTM0LTAuMzUyLTMuODg3LTEuOTY3LTMuNzY3LTQuNDY0DQoJCQljMC4xMTItMi4zNCwxLjgyMi00LjAyMyw0LjM3Mi0zLjg3OWM4LjM4LDAuNDc2LDE2LjQ3NCwyLjI4NywyMy45MjQsNi4yMzJjMTUuMTUsOC4wMjMsMjMuODA0LDIwLjY4NywyNi4zMywzNy41OTcNCgkJCWMwLjExNCwwLjc2NiwwLjI5OCwxLjUyNSwwLjM1NiwyLjI5NEMyODMuMTk4LDE5OS4wMDIsMjgzLjI4OCwyMDAuOTAzLDI4My40MzQsMjAzLjQwNw0KCQkJQzI4My4zNzQsMjAzLjg2MywyODMuMjg4LDIwMC45MDMsMjgzLjQzNCwyMDMuNDA3eiIvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI2MC43MjIsMjAyLjUyM2MtMy4wNTUsMC4wNTUtNC42OS0xLjYzNi01LjAwNS00LjQzN2MtMC4yMTktMS45NTMtMC4zOTItMy45MzItMC44NTgtNS44MzINCgkJCWMtMC45MTgtMy43NDItMi45MDctNy4yMS02LjA1NS05LjUwM2MtMS40ODYtMS4wODMtMy4xNy0xLjg3Mi00LjkzNC0yLjM4MWMtMi4yNDEtMC42NDctNC41NjgtMC40NjktNi44MDQtMS4wMTcNCgkJCWMtMi40MjgtMC41OTUtMy43NzEtMi41NjEtMy4zODktNC44MzljMC4zNDctMi4wNzMsMi4zNjQtMy42OTEsNC42MjktMy41MjdjMTQuMTU3LDEuMDIyLDI0LjI3NSw4LjM0MSwyNS43MTksMjUuMDA3DQoJCQljMC4xMDIsMS4xNzYsMC4yMjIsMi40MTktMC4wMzksMy41NDRDMjYzLjUzOSwyMDEuNDY0LDI2Mi4xMTMsMjAyLjQyOSwyNjAuNzIyLDIwMi41MjMNCgkJCUMyNTcuNjY3LDIwMi41NzgsMjYyLjExMywyMDIuNDI5LDI2MC43MjIsMjAyLjUyM3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==); } #mobile-menu.opened { display: block; width: 360px; } /* МОБИЛЬНОЕ МЕНЮ */ /* ХЛЕБНЫЕ КРОШКИ */ #path { margin: 20px 0px; } #path ul { list-style: none; margin: 0px; padding: 8px 0px; border: 1px solid #DDDDDD; background: #F5F5F5; } #path li { position: relative; margin: 0px; display: inline-block; height: 20px; padding: 0px 20px; font-size: 14px; line-height: 20px; text-shadow: 0px 1px 0px #FFFFFF; white-space: nowrap; vertical-align: top; } #path li a { position: relative; color: #777777; text-decoration: none; transition: 0.2s; z-index: 1; } #path li a:hover { color: #19B794; } #path li:after { content: ''; position: absolute; top: -3px; right: -5px; display: block; width: 26px; height: 26px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; transform: rotate(-45deg); z-index: 0; } #path li:last-child:after { display: none; } #path li:first-child svg { display: block; width: 20px; height: 20px; transition: 0.2s; } #path li:first-child svg use { fill: #777777; transition: 0.2s; } #path li:first-child svg:hover use { fill: #19B794; } /* ХЛЕБНЫЕ КРОШКИ */ /* БЛОКИ */ .block1 { margin-top: 30px; } .block1 h3, .block1 .title { margin: 0px 0px 30px 0px; padding: 8px 0px; font-size: 16px; line-height: 24px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; text-align: center; background-color: #191919; } .block2 { margin-top: 30px; } .block2 h3, .block2 .title { margin: 0px 0px 20px 0px; padding: 0px; font-size: 20px; line-height: 24px; font-weight: 500; color: #777777; text-transform: uppercase; text-align: center; } .btext { font-size: 16px; } .btext p { margin-top: 15px; } .btext p:first-child { margin-top: 15px; } #faketext { display: none; } #pagetext { position: relative; background: #19B794; padding: 30px; color: #FFFFFF; line-height: 1.5em; } #pagetext h1, #pagetext h2, #pagetext h3, #pagetext h4, #pagetext a { color: #FFFFFF; } #pagetext .butt-opener { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 30px; background: #19B794; text-align: right; box-sizing: border-box; } #pagetext .butt-opener .butt3 { width: 150px; } #pagetext .butt-opener .butt3:after { content: 'СКРЫТЬ'; } #pagetext.minimized { height: 200px; overflow: hidden; } #pagetext.minimized .butt-opener .butt3:after { content: 'РАСКРЫТЬ'; } #pagetext.minimized:after { content: ''; position: absolute; left: 0px; bottom: 94px; display: block; width: 100%; height: 40px; background: linear-gradient(to bottom, rgba(25,183,148,0) 0%,rgba(25,183,148,1) 100%); } /* БЛОКИ */ /* ТОВАРЫ ТИП 1 */ .stores1 { position: relative; list-style: none; margin: 0px; padding: 0px; } .stores1 li { float: left; position: relative; margin: 50px 30px 0px 0px; width: calc( (100% - 60px) / 3); height: 355px; } .stores1 li:nth-child(1) { margin-top: 0px; } .stores1 li:nth-child(2) { margin-top: 0px; } .stores1 li:nth-child(3) { margin-top: 0px; } .stores1 li:nth-child(3n+3) { margin-right: 0px; } .stores1 .holder { position: absolute; left: 0px; top: 0px; width: 100%; height: 353px; border: 1px solid #FFFFFF; background: #FFFFFF; overflow: hidden; } .stores1 .icon { position: relative; display: block; width: 100%; max-height: 270px; box-sizing: border-box; } .stores1 .icon:before { content: ''; display: block; height: 0px; padding-top: 100%; } .stores1 .icon img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .stores1 .rating { position: absolute; left: 10px; top: 10px; width: 60px; height: 11px; background: url('images/star12.png'); } .stores1 .rating:after { content: ''; position: absolute; left: 0px; top: 0px; height: 11px; background: url('images/star12.png') 0px -11px; } .stores1 .rating.rating0 { background: none !important; } .stores1 .rating.rating1:after { width: 12px; } .stores1 .rating.rating2:after { width: 24px; } .stores1 .rating.rating3:after { width: 36px; } .stores1 .rating.rating4:after { width: 48px; } .stores1 .rating.rating5:after { width: 60px; } .stores1 .name { margin-top: 8px; display: block; padding-bottom: 2px; height: 22px; border-bottom: 1px solid #E5E5E5; line-height: 22px; font-size: 14px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .stores1 .name a { color: #333333; text-decoration: none; transition: 0.2s; } .stores1 .name a:hover { color: #19B794; } .stores1 .offer { position: relative; height: 50px; } .stores1 .buy { position: absolute; right: 0px; bottom: 0px; padding-left: 38px; height: 40px; } .stores1 .buy svg { position: absolute; left: 11px; top: 11px; display: block; width: 18px; height: 18px; } .stores1 .buy svg use { fill: #FFFFFF; } .stores1 .buy:after { content: 'Купить'; } .stores1 .price { position: absolute; left: 0px; bottom: 0px; display: table; height: 40px; font-size: 20px; font-weight: bold; color: #19B794; line-height: 20px; } .stores1 .price span { display: block; font-size: 14px; font-weight: normal; line-height: 16px; color: #777777; } .stores1 .price div { display: table-cell; vertical-align: middle; } .stores1 .price del { margin-top: 4px; display: block; color: #777777; font-size: 13px; line-height: 13px; text-decoration: line-through; font-weight: 400; } .stores1 .intro { } .stores1 .info { list-style: none; margin: 0px; padding: 20px 0px 0px 0px; } .stores1 .info li { float: none; display: inline-block; margin: 0px 10px 0px 0px; width: auto; height: auto; font-size: 14px; } .stores1 .info li:nth-child(3n+3) { margin-right: 10px; } .stores1 .info li span { font-weight: bold; } .stores1 .info li span:after { content: ';'; font-weight: normal; } .stores1 .info li:last-child span:after { display: none; } .stores1 .info li a { text-decoration: none; } .stores1 .info .codeshop:before { content: 'Код '; } .stores1 .view { position: absolute; top: 0; left: 50%; margin-left: -53px; display: block; visibility: hidden; width: 107px; padding: 5px; text-align: center; line-height: 28px; text-decoration: none; background: rgba(0, 0, 0, 0.72); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #FFFFFF; opacity: 0; transition: all 0.5s ease; z-index: 5; } .stores1 .view:after { content: 'Смотреть'; } .stores1 .compare { position: absolute; right: 10px; top: 10px; display: none; width: 28px; height: 28px; border-radius: 50%; visibility: hidden; opacity: 0; transition: all 0.5s ease; z-index: 5; cursor: pointer; } .stores1 .compare svg { position: absolute; left: 4px; top: 4px; display: block; width: 20px; heihgt: 20px; } .stores1 .compare svg use { fill: #333333; } .stores1 .compare:hover { background: rgba(0, 0, 0, 0.72); } .stores1 .compare:hover svg use { fill: #FFFFFF; } .stores1 .compare.checked { position: absolute; right: 10px; top: 10px; display: none; width: 28px; height: 28px; border-radius: 50%; background: rgba(0, 0, 0, 0.72); visibility: hidden; opacity: 0; transition: all 0.5s ease; z-index: 5; cursor: pointer; } .stores1 .compare.checked svg use { fill: #FFFFFF; } .stores1 .wishlist { position: absolute; right: 10px; top: 50px; display: none; width: 28px; height: 28px; border-radius: 50%; visibility: hidden; opacity: 0; transition: all 0.5s ease; z-index: 5; cursor: pointer; } .stores1 .wishlist svg { position: absolute; left: 4px; top: 5px; display: block; width: 20px; heihgt: 20px; } .stores1 .wishlist svg use { fill: #333333; } .stores1 .wishlist:hover { background: rgba(0, 0, 0, 0.72); } .stores1 .wishlist:hover svg use { fill: #FFFFFF; } .stores1 .wishlist.checked { position: absolute; right: 10px; top: 10px; display: none; width: 28px; height: 28px; border-radius: 50%; background: rgba(0, 0, 0, 0.72); visibility: hidden; opacity: 0; transition: all 0.5s ease; z-index: 5; cursor: pointer; } .stores1 .wishlist.checked svg use { fill: #FFFFFF; } .stores1 li:hover .holder { left: -10px; top: -10px; height: auto; padding: 10px; overflow: visible; border-color: #E5E5E5; z-index: 3; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.29); } .stores1 li:hover .view { visibility: visible; top: 120px; opacity: 1; } .stores1 li:hover .compare { display: block; visibility: visible; opacity: 1; } .stores1 li:hover .wishlist { display: block; visibility: visible; opacity: 1; } .stores1:after { content: ''; display: block; clear: both; height: 0px; font-size: 0px; } .stores-list-hr { position: relative; margin: 30px auto; max-width: 745px; height: 2px; background: #797979; } .stores-list-hr span { position: absolute; left: 50%; top: -9px; display: block; height: 20px; padding: 0px 15px; font-size: 14px; color: #333333; background: #FFFFFF; transform: translate3d(-50%, 0px, 0px); } /* ТОВАРЫ ТИП 1 */ /* ТОВАРЫ ТИП 2 */ .stores2 { position: relative; } .stores2 .swiper-container { width: 100%; height: 100%; } .stores2 .store { float: left; position: relative; margin: 50px 30px 0px 0px; width: calc( (100% - 90px) / 4); padding-bottom: 50px; } .stores2 .swiper-container .store { margin-top: 0px; margin-right: 0px; } .stores2 .store:nth-child(1) { margin-top: 0px; } .stores2 .store:nth-child(2) { margin-top: 0px; } .stores2 .store:nth-child(3) { margin-top: 0px; } .stores2 .store:nth-child(4) { margin-top: 0px; } .stores2 .store:nth-child(4n+4) { margin-right: 0px; } .stores2 .icon { position: relative; display: block; width: 100%; max-height: 270px; box-sizing: border-box; } .stores2 .icon:before { content: ''; display: block; height: 0px; padding-top: 100%; } .stores2 .icon img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); transition: all 0.6s ease 0s; } .stores2 .rating { position: relative; margin-top: 10px; width: 60px; height: 11px; background: url('images/star12.png'); } .stores2 .rating:after { content: ''; position: absolute; left: 0px; top: 0px; height: 11px; background: url('images/star12.png') 0px -11px; } .stores2 .rating.rating0 { background: none !important; } .stores2 .rating.rating1:after { width: 12px; } .stores2 .rating.rating2:after { width: 24px; } .stores2 .rating.rating3:after { width: 36px; } .stores2 .rating.rating4:after { width: 48px; } .stores2 .rating.rating5:after { width: 60px; } .stores2 .name { margin-top: 8px; display: block; padding-bottom: 2px; height: 22px; border-bottom: 1px solid #E5E5E5; line-height: 22px; font-size: 14px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .stores2 .name a { color: #333333; text-decoration: none; transition: 0.2s; } .stores2 .name a:hover { color: #19B794; } .stores2 .buy { position: absolute; right: 0px; bottom: 0px; padding-left: 38px; height: 40px; } .stores2 .buy svg { position: absolute; left: 11px; top: 11px; display: block; width: 18px; height: 18px; } .stores2 .buy svg use { fill: #FFFFFF; } .stores2 .buy:after { content: 'Купить'; } .stores2 .price { position: absolute; left: 0px; bottom: 0px; display: table; height: 40px; font-size: 20px; font-weight: bold; color: #19B794; line-height: 20px; } .stores2 .price span { display: block; font-size: 14px; font-weight: normal; line-height: 16px; color: #777777; } .stores2 .price div { display: table-cell; vertical-align: middle; } .stores2 .price del { margin-top: 4px; display: block; color: #777777; font-size: 13px; line-height: 13px; text-decoration: line-through; font-weight: 400; } .stores2 .view { position: absolute; top: 0; left: 50%; margin-left: -53px; display: block; visibility: hidden; width: 107px; padding: 5px; text-align: center; line-height: 28px; text-decoration: none; background: rgba(0, 0, 0, 0.72); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #fff; opacity: 0; transition: all 0.5s ease; z-index: 5; } .stores2 .view:after { content: 'Смотреть'; } .stores2 .store:hover .view { visibility: visible; top: 30%; opacity: 1; } .stores2 .store:hover .icon img { transform: translate(-50%, -50%) scale(1.1, 1.1); } .stores2:after { content: ''; display: block; clear: both; height: 0px; font-size: 0px; } .stores2 .swiper-button-prev { position: absolute; left: 0px; top: 115px; display: block; width: 32px; height: 86px; background: rgba(0,0,0,0.5); cursor: pointer; } .stores2 .swiper-button-prev:hover { background: #FD6d41; } .stores2 .swiper-button-prev:after { content: '<'; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -15px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 26px; font-weight: bold; color: #FFFFFF; } .stores2 .swiper-button-next { position: absolute; right: 0px; top: 115px; display: block; width: 32px; height: 86px; background: rgba(0,0,0,0.5); cursor: pointer; } .stores2 .swiper-button-next:hover { background: #FD6d41; } .stores2 .swiper-button-next:after { content: '<'; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -15px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 26px; font-weight: bold; color: #FFFFFF; transform: rotate(180deg); } .stores2 .swiper-button-disabled { opacity: 0 !important; } .stores2 .buy svg { left: 13px; } #colright .stores2 .store { width: calc( (100% - 60px) / 3); } #colright .stores2 .store:nth-child(1) { margin-top: 0px; } #colright .stores2 .store:nth-child(2) { margin-top: 0px; } #colright .stores2 .store:nth-child(3) { margin-top: 0px; margin-right: 0px; } #colright .stores2 .store:nth-child(4) { margin-top: 50px; } #colright .stores2 .store:nth-child(4n+4) { margin-right: 30px; } #colright .stores2 .store:nth-child(3n+3) { margin-right: 0px; } /*#colright .stores2 .buy:after { display: none; }*/ /* ТОВАРЫ ТИП 2 */ /* БЛОК "ПОЧЕМУ МЫ" */ #whywe { position: relative; margin-top: 50px; width: 100%; height: 400px; text-align: center; } #whywe .col { position: relative; margin-left: -3px; display: inline-block; width: calc(100% / 3); padding: 100px 15px 0px 15px; box-sizing: border-box; vertical-align: top; } #whywe .col:nth-child(1) { margin-left: 0px; } #whywe .col a { color: #FFFFFF; text-decoration: none; } #whywe .col h2 { position: relative; margin: 0px; padding: 0px; font-size: 36px; font-weight: 700; line-height: 49px; color: #FFFFFF; } #whywe .col h2:before { content: ''; position: absolute; left: 50%; top: -20px; margin-left: -15px; width: 30px; height: 5px; background: #19B794; } #whywe .col h3 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 20px; font-weight: 700; line-height: 26px; color: #FFFFFF; } #whywe .col p { margin: 0px 0px 10px 0px; font-size: 16px; color: #FFFFFF; } /* БЛОК "ПОЧЕМУ МЫ" */ /* НОВОСТНЫЕ БАННЕРЫ */ #news-banners { list-style: none; margin: 30px 0px 0px 0px; padding: 0px; } #news-banners li { float: left; position: relative; margin: 10px 0px 0px 0px; padding: 0px; width: 50%; box-sizing: border-box; } #news-banners li:nth-child(1) { margin-top: 0px; } #news-banners li:nth-child(2) { margin-top: 0px; } #news-banners li:nth-child(odd) { padding-right: 5px; } #news-banners li:nth-child(even) { padding-left: 5px; } #news-banners li:before { content: ''; display: block; height: 0px; padding-top: 46.55172%; } #news-banners li a { position: absolute; top: 0px; bottom: 0px; display: block; text-decoration: none; overflow: hidden; } #news-banners li:nth-child(odd) a { left: 0px; right: 5px; } #news-banners li:nth-child(even) a { left: 5px; right: 0px; } #news-banners li a img { position: absolute; left: 50%; top: 50%; max-width: calc(100% - 5px); max-height: 100%; transform: translate(-50%, -50%); transition: all 0.6s ease 0s; object-fit: cover; z-index: -1; } #news-banners li a .name { position: absolute; left: 0px; top: 70px; display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: bold; line-height: 26px; color: #FFFFFF; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; } #news-banners li a .intro { position: absolute; left: 30px; top: 120px; right: 30px; display: block; text-align: center; font-size: 16px; line-height: 20px; color: #FFFFFF; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; } #news-banners li:hover a img { transform: translate(-50%, -50%) scale(1.1, 1.1); } #news-banners li:hover a .name { animation: 400ms linear 0s normal none 1 moveFromTop; } #news-banners li:hover a .intro { animation: 400ms linear 0s normal none 1 moveFromRight; } #news-banners:after { content: ''; display: block; clear: both; height: 0px; font-size: 0px; } /* НОВОСТНЫЕ БАННЕРЫ */ /* СТР. НОВОСТИ */ #news-addtoany { position: absolute; right: 0px; margin-top: -36px; } #news-descr table { margin: 0px auto; max-width: 1000px; } /* СТР. НОВОСТИ */ /* КОММЕНТАРИ НА СТР. НОВОСТИ */ #news-comments .title:after { content: 'КОММЕНТАРИИ'; } #news-comments .comment { margin-bottom: 20px; } #news-comments .comment .stars { position: relative; width: 60px; height: 11px; background: url('images/star12.png'); } #news-comments .comment .stars:after { content: ''; position: absolute; left: 0px; top: 0px; height: 11px; background: url('images/star12.png') 0px -11px; } #news-comments .comment .star0:after { display: none; } #news-comments .comment .star1:after { width: 12px; } #news-comments .comment .star2:after { width: 24px; } #news-comments .comment .star3:after { width: 36px; } #news-comments .comment .star4:after { width: 48px; } #news-comments .comment .star5:after { width: 60px; } #news-comments .comment .fio { margin-top: 5px; font-weight: bold; font-size: 18px; color: #000000; } #news-comments .comment .fio span { margin-left: 20px; font-weight: normal; font-style: italic; font-size: 12px; color: #ABAAAA; } #news-comments .comment .text { font: 16px Arial; color: #000000; } #news-comments .comment .positive { margin-top: 5px; } #news-comments .comment .positive:before { content: 'Преимущества: '; color: #808080; } #news-comments .comment .negative { margin-top: 5px; } #news-comments .comment .negative:before { content: 'Недостатки: '; color: #808080; } #news-comments .comment .summary { margin-top: 5px; } #news-comments .comment .summary:before { content: 'Комментарий: '; color: #808080; } #news-comments .form { position: relative; width: 765px; height: 255px; } #news-comments .form .rating { width: 100%; font: 16px/24px Arial; background: none; } #news-comments .form .rating .stars { position: relative; display: inline-block; width: 125px; height: 24px; background: url('images/star25.png'); vertical-align: middle; cursor: pointer; } #news-comments .form .rating .stars:after { content: ""; position: absolute; left: 0px; top: 0px; display: block; height: 24px; background: url('images/star25.png') 0px -24px; } #news-comments .form .rating .stars0:after { display: none; } #news-comments .form .rating .stars1:after { width: 25px; } #news-comments .form .rating .stars2:after { width: 50px; } #news-comments .form .rating .stars3:after { width: 75px; } #news-comments .form .rating .stars4:after { width: 100px; } #news-comments .form .rating .stars5:after { width: 125px; } #news-comments .form .rating .award { margin-left: 20px; } #news-comments .form .rating .award0:after { content: 'Нет оценки'; color: #ACACAC; } #news-comments .form .rating .award1:after { content: 'Очень плохо'; color: #CC0000; } #news-comments .form .rating .award2:after { content: 'Плохо'; color: #990000; } #news-comments .form .rating .award3:after { content: 'Нормально'; color: #FF7800; } #news-comments .form .rating .award4:after { content: 'Хорошо'; color: #148514; } #news-comments .form .rating .award5:after { content: 'Отлично'; color: #56B318; } #news-comments .form .positive { position: absolute; left: 0px; top: 33px; width: 250px; } #news-comments .form .negative { position: absolute; left: 0px; bottom: 43px; width: 250px; } #news-comments .form .fio { position: absolute; left: 0px; bottom: 0px; width: 250px; } #news-comments .form .summary { margin-top: 10px; width: 505px; padding: 12px 10px; } #news-comments .form .butt2 { position: absolute; left: 285px; bottom: 0px; display: block; width: 220px; height: 33px; line-height: 33px; padding: 0px; } #news-comments .form .butt2:after { content: "ОСТАВИТЬ ОТЗЫВ"; } /* КОММЕНТАРИ НА СТР. НОВОСТИ */ /* БРЕНДЫ */ #brands { margin: 30px 0px 0px 0px; padding: 0px; } #brands .swiper-container { width: 100%; height: auto; } #brands .swiper-slide { display: flex; width: auto; align-items: center; box-sizing: border-box; } #brands .swiper-slide a { display: block; width: 100%; height: 87px; text-align: center; line-height: 87px; } #brands .swiper-slide img { max-width: 100%; max-height: 87px; transition: all 0.6s ease 0s; } #brands .swiper-slide span { display: none; } #brands .swiper-slide:hover img { transform: scale(1.1, 1.1); } #brands .swiper-pagination { position: relative; left: auto; bottom: auto; margin-top: 15px; } #brands .swiper-pagination-bullet { width: 16px; height: 16px; transition: 0.2s; } #brands .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #19B794; } #brands .swiper-button-next, #brands .swiper-button-prev { display: none; } #brands .swiper-button-prev { position: absolute; left: 20px; top: 50%; margin-top: -14px; width: 28px; height: 28px; } #brands .swiper-button-prev:before { content: ''; position: absolute; left: 5px; top: 7px; display: block; width: 16px; height: 3px; background: #191919; transform: rotate(-45deg); transition: 0.2s; } #brands .swiper-button-prev:after { content: ''; position: absolute; left: 5px; top: 17px; display: block; width: 16px; height: 3px; background: #191919; transform: rotate(45deg); transition: 0.2s; } #brands .swiper-button-next { position: absolute; right: 20px; top: 50%; margin-top: -14px; width: 28px; height: 28px; } #brands .swiper-button-next:before { content: ''; position: absolute; left: 5px; top: 7px; display: block; width: 16px; height: 3px; background: #191919; transform: rotate(45deg); transition: 0.2s; } #brands .swiper-button-next:after { content: ''; position: absolute; left: 5px; top: 17px; display: block; width: 16px; height: 3px; background: #191919; transform: rotate(-45deg); transition: 0.2s; } #brands-list { list-style: none; margin: 30px 0px 0px 0px; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; } #brands-list li { margin: 10px; padding: 0px; display: block; flex-grow: 1; flex-basis: 200px; text-align: center; } #brands-list .icon { display: block; width: 100%; height: 87px; text-align: center; line-height: 87px; } #brands-list .icon img { max-width: 100%; max-height: 87px; transition: all 0.6s ease 0s; } #brands-list .icon:hover img { transform: scale(1.1, 1.1); } #brands-list span { margin-tp: 10px; display: block; } /* БРЕНДЫ */ /* ФИЛЬТРЫ */ .filter-block { margin-top: 30px; } .filter-block:first-child { margin-top: 10px; } .filter-block .title { font-size: 18px; color: #777777; text-transform: uppercase; text-shadow: 0px 0px 0px #777777; } .filter-block.selected .title:after { content: 'ВЫБРАННЫЕ ФИЛЬТРЫ'; } .filter-block ul { list-style: none; margin: 5px 0px 0px 0px; padding: 0px; } .filter-block ul li { position: relative; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 28px; font-size: 16px; line-height: 22px; color: #777777; } .filter-block ul li a { color: #777777; text-decoration: none; transition: 0.2s; } .filter-block ul li a:before { content: ''; position: absolute; left: 2px; top: 2px; display: block; width: 16px; height: 16px; border: 1px solid #B4B4B4; font-size: 12px; text-align: center; line-height: 16px; color: #B4B4B4; transition: 0.2s; } .filter-block ul li a:hover { color: #19B794; } .filter-block ul li a:hover:before { border-color: #19B794; color: #19B794; } .filter-block ul li.checked a:before { content: '\2714'; } .filter-block ul li span { margin-left: 7px; color: #B4B4B4; } .filter-block ul li span:before { content: '['; } .filter-block ul li span:after { content: ']'; } .filter-block.selected li a:before { content: '\2716'; top: 5px; border: 0px; color: #DC0000; } .filter-block .frange { margin: 20px 0px; } .filter-block .frange .textinput { width: 65px; vertical-align: middle; } .filter-block .frange .textinput input { text-align: center; } .filter-block .frange span { display: inline-block; width: 25px; height: 1px; background: #E3E3E3; vertical-align: middle; } .filter-block .frange button { margin-left: 15px; width: 40px; height: 32px; padding: 0px; } .filter-block .frange button:before { content: 'OK'; } .filter-block .clearall { margin-top: 20px; display: block; } .filter-block .clearall:after { content: 'ОЧИСТИТЬ'; } #mobile-filters { position: fixed; right: 0px; top: 0px; display: none; width: 0px; height: 100%; background: #FFFFFF; box-sizing: border-box; z-index: 23; } #mobile-filters .close-butt { position: absolute; right: 20px; top: 24px; display: block; width: 16px; height: 16px; cursor: pointer; } #mobile-filters .close-butt:before { content: ''; position: absolute; left: -3px; top: 7px; display: block; width: 21px; height: 1px; background: #0A0A0A; transform: rotate(45deg); } #mobile-filters .close-butt:after { content: ''; position: absolute; left: -3px; top: 7px; display: block; width: 21px; height: 1px; background: #0A0A0A; transform: rotate(-45deg); } #mobile-filters .title { position: absolute; left: 20px; top: 20px; right: 20px; height: 22px; font-size: 18px; line-height: 22px; font-weight: bold; color: #414141; } #mobile-filters .title svg { margin-right: 10px; display: inline-block; width: 18px; height: 18px; vertical-align: middle; } #mobile-filters .title svg use { fill: #414141; } #mobile-filters .swiper-container { position: relative; width: 100%; height: 100%; } #mobile-filters .swiper-slide { position: relative; height: auto; } #mobile-filters .filter-block { padding: 0px 28px; } #mobile-filters .filter-block .title { position: relative; left: auto; right: auto; top: auto; } #mobile-filters.opened { display: block; width: 400px; padding: 65px 0px 20px 0px; } /* ФИЛЬТРЫ */ /* СТРОКА СОРТИРОВКИ */ #orderline { position: relative; margin: 30px 0px 20px 0px; height: 38px; font-size: 16px; line-height: 38px; color: #666666; padding: 0px 15px; border: 1px solid #DDDDDD; background: #F5F5F5;} #orderline:before { content: 'Показывать сначала:'; } #orderline span { margin-left: 15px; color: #19B794; } #orderline .anchor { color: #666666; text-decoration: none; } #orderline .anchor:hover { color: #19B794; } #orderline .default:after { content: 'популярные'; } #orderline .cheap:after { content: 'недорогие'; } #orderline .expensive:after { content: 'дорогие'; } #orderline .new:after { content: 'новинки'; } #orderline .filter-open { display: none; } /* СТРОКА СОРТИРОВКИ */ /* ПАГИНАТОР */ #guideline { margin-top: 30px; text-align: center; } #guideline a { margin: 0px 5px; display: inline-block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; text-decoration: none; text-align: center; color: #777777; background: #F6F6F6; border: 1px solid #DDDDDD; transition: 0.2s; } #guideline a:hover { color: #333333; background: #EEEEEE; border-color: #DDDDDD; } #guideline b { margin: 0px 5px; display: inline-block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; font-weight: normal; text-decoration: none; text-align: center; color: #FFFFFF; background: #19B794; border: 1px solid #DDDDDD; } #guideline span { margin: 0px 5px; display: inline-block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; text-decoration: none; text-align: center; color: #777777; } #guideline span:after { content: '...'; } #moregoods { margin: 15px auto 0px auto; display: block; } #moregoods:after { content: 'ЕЩЕ ТОВАРЫ (30)'; } /* ПАГИНАТОР */ /* ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ */ #faq-block { margin-top: 50px; } #faq-block h2 { margin-bottom: 10px; font-weight: normal; font-size: 14px; text-transform: lowercase; } #faq-block h2::first-letter { text-transform: uppercase; } #faq-block>div { margin-bottom: 5px; padding: 0px; } #faq-block>div:last-child { margin-bottom: 0px; } #faq-block>div h3 { margin: 0px; padding: 5px; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: none; cursor: pointer; } #faq-block>div>div { height: 0px; padding: 0px 5px 0px 23px; font-size: 14px; overflow: hidden; transition: 0.3s; } #faq-block>div>div a { text-decoration: none; } #faq-block>div>div a:hover { text-decoration: underline; } #faq-block>div.opened>div { height: auto; padding-bottom: 5px; } #faq-block>div>div ul { list-style: none; margin: 0px; padding: 0px; } #faq-block>div>div ul li { margin: 0px; padding: 5px 0px; } /* ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ */ /* СТРАНИЦА ТОВАРА */ #storeappendix { position: relative; min-height: 565px; padding-left: 700px; } #storeappendix h1 { margin-bottom: 25px; font-size: 32px; font-weight: normal; color: #19B794; } #storeappendix .rating { font-size: 14px; color: #777777; cursor: pointer; } #storeappendix .rating span { transition: 0.2s; } #storeappendix .rating span:nth-child(4) { margin-right: 30px; display: inline-block; width: 60px; heihgt: 11px; background: url('images/star12.png'); vertical-align: middle; } #storeappendix .rating span:nth-child(4):after { content: ''; display: block; height: 11px; background: url('images/star12.png') 0px -11px; } #storeappendix .rating.rating1 span:nth-child(4):after { width: 12px; } #storeappendix .rating.rating2 span:nth-child(4):after { width: 24px; } #storeappendix .rating.rating3 span:nth-child(4):after { width: 36px; } #storeappendix .rating.rating4 span:nth-child(4):after { width: 48px; } #storeappendix .rating.rating5 span:nth-child(4):after { width: 60px; } #storeappendix .rating span:nth-child(5):before { content: 'Отзывов:'; margin-right: 5px; } #storeappendix .rating span:nth-child(5):after { content: '/'; margin: 0px 5px; } #storeappendix .rating span:nth-child(6):before { content: 'Оценка:'; margin-right: 5px; } #storeappendix .rating:hover span:nth-child(5), #storeappendix .rating:hover span:nth-child(6) { color: #19B794; } #storeappendix .price { font-size: 14px; color: #777777; } #storeappendix .price.empty { content: 'Цена не указана'; } #storeappendix .price span { margin-left: 5px; font-size: 30px; color: #19B794; } #storeappendix .price del { margin-left: 10px; font-size: 14px; color: #E21B1B; text-decoration: line-through; } #storeappendix .link-discount-info { position: absolute; right: 0px; margin-top: -18px; display: block; width: auto; height: auto; border: none; font-size: 14px; color: #2765BA; text-decoration: underline; text-decoration-style: dashed; cursor: help; } #storeappendix .link-discount-info::after { content: 'Дисконтная программа!'; } #storeappendix .link-discount-info:hover { text-decoration: none; } #storeappendix .data { list-style: none; margin: 7px 0px 22px 0px; padding: 5px 0px; border: 1px solid #DDDDDD; border-width: 1px 0px; } #storeappendix .data li { margin: 0px; padding: 3px 0px; font-size: 14px; line-height: 20px; color: #777777; } #storeappendix .data li:nth-child(1):before { content: 'Бренд:'; margin-right: 5px; } #storeappendix .data li:nth-child(2):before { content: 'Код товара:'; margin-right: 5px; } #storeappendix .data li:nth-child(3):before { content: 'Статус:'; margin-right: 5px; } #storeappendix .data li a { text-decoration: none; } #storeappendix .data li.status_kShop:after { content: 'Есть в магазине'; color: #19B794; } #storeappendix .data li.status_kExist:after { content: 'Есть на складе'; color: #1DA1F2; } #storeappendix .data li.status_kToOrder:after { content: 'Под заказ'; color: #583475; } #storeappendix .data li.status_kExistOrder:after { content: 'Ожидается'; color: #FE9126; } #storeappendix .data li.status_kAbsent:after { content: 'Отсутствует'; color: #CB2027; } #storeappendix .params { margin-bottom: 7px; } #storeappendix .params .selectinput { display: block; } #storeappendix .buy { margin-right: 7px; display: inline-block; width: calc( ( 100% - 10px ) / 2 ); padding: 0px; } #storeappendix .buy:after { content: 'КУПИТЬ'; } #storeappendix .credit { display: inline-block; width: calc( ( 100% - 10px ) / 2 ); padding: 0px; background: #2765BA; } #storeappendix .credit:after { content: 'В КРЕДИТ'; } #storeappendix .credit:hover { background: #333333; } #storeappendix .compare { margin: 10px 7px 0px 0px; display: inline-block; width: calc( ( 100% - 10px ) / 2 ); height: 40px; background: #333333; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: 700; line-height: 40px; vertical-align: top; cursor: pointer; user-select: none; transition: 0.2s; } #storeappendix .compare svg { margin-right: 10px; display: inline-block; width: 28px; height: 28px; vertical-align: middle; } #storeappendix .compare svg use { fill: #FFFFFF; } #storeappendix .compare:after { content: 'ДОБАВИТЬ К СРАВНЕНИЮ'; } #storeappendix .compare:hover { background: #111111; } #storeappendix .compare.checked:after { content: 'ПЕРЕЙТИ К СРАВНЕНИЮ'; } #storeappendix .wishlist { margin: 10px 0px 0px 0px; display: inline-block; width: calc( ( 100% - 10px ) / 2 ); height: 40px; background: #333333; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: 700; line-height: 40px; vertical-align: top; cursor: pointer; user-select: none; transition: 0.2s; } #storeappendix .wishlist svg { margin-right: 10px; display: inline-block; width: 28px; height: 28px; vertical-align: middle; } #storeappendix .wishlist svg use { fill: #FFFFFF; } #storeappendix .wishlist:after { content: 'ДОБАВИТЬ В ИЗБРАННОЕ'; } #storeappendix .wishlist:hover { background: #111111; } #storeappendix .wishlist.checked:after { content: 'УДАЛИТЬ ИЗ ИЗБРАННОГО'; } #storeappendix .gift-list { position: relative; margin-top: 20px; height: 181px; overflow: hidden; } #storeappendix .gift-list .title { margin-bottom: 5px; } #storeappendix .gift-list .title svg { display: inline-block; width: 36px; height: 36px; vertical-align: top; } #storeappendix .gift-list .title svg use { fill: #19B794; } #storeappendix .gift-list .title::after { content: 'ПОДАРКИ К ЭТОМУ ТОВАРУ'; margin-left: 15px; display: inline-block; color: #19B794; padding-top: 8px; font-weight: bold; font-size: 18px; vertical-align: top; } #storeappendix .gift-list .swiper-container { width: 100%; height: auto; } #storeappendix .gift-list .swiper-slide { position: relative; display: flex; justify-content: center; align-items: center; padding: 10px 10px 0px 70px; width: 50%; height: 70px; box-sizing: border-box; } #storeappendix .gift-list .swiper-slide .icon { position: absolute; left: 0px; top: 10px; display: block; width: 60px; height: 60px; text-align: center; overflow: hidden; } #storeappendix .gift-list .swiper-slide .icon img { max-width: 100%; max-height: 100%; /*object-fit: cover;*/ } #storeappendix .gift-list .swiper-slide .name { display: block; width: 100%; } #storeappendix .gift-list .swiper-button-next { display: none !important; } #storeappendix .gift-list .swiper-button-prev { display: none !important; } #storeappendix .images { position: absolute; left: 0px; top: 0px; width: 565px; height: 565px; padding-left: 105px; } #storeappendix .images .slides { position: absolute; left: 0px; top: 0px; width: 87px; height: 565px; } #storeappendix .images .slides .swiper-container { position: relative; width: 100%; height: 100%; } #storeappendix .images .slides .swiper-slide { width: 85px; height: 85px; text-align: center; line-height: 85px; border: 1px solid #DDDDDD; overflow: hidden; } #storeappendix .images .slides .swiper-slide img { max-width: 85px; max-height: 85px; } #storeappendix .images .slides .swiper-slide.active { border-color: #000000; } #storeappendix .images .slides .swiper-button-prev { position: absolute; left: 0px; right: auto; top: 0px; margin-top: 0px; display: block; width: 100%; height: 32px; background: rgba(0,0,0,0.5); cursor: pointer; } #storeappendix .images .slides .swiper-button-prev:hover { background: #FD6d41; } #storeappendix .images .slides .swiper-button-prev:after { content: '<'; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -15px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 26px; font-weight: bold; color: #FFFFFF; transform: rotate(90deg); } #storeappendix .images .slides .swiper-button-next { position: absolute; left: 0px; right: auto; top: auto; bottom: 0px; margin-top: 0px; display: block; width: 100%; height: 32px; background: rgba(0,0,0,0.5); cursor: pointer; } #storeappendix .images .slides .swiper-button-next:hover { background: #FD6d41; } #storeappendix .images .slides .swiper-button-next:after { content: '<'; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -15px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 26px; font-weight: bold; color: #FFFFFF; transform: rotate(-90deg); } #storeappendix .images .slides .swiper-button-disabled { opacity: 0; } #storeappendix .images .photo-descr { display: none; } #storeappendix .images .mainimage { width: 563px; height: 563px; text-align: center; line-height: 563px; border: 1px solid #DDDDDD; overflow: hidden; } #storeappendix .images .mainimage img { max-width: 563px; max-height: 565px; } #storeappendix .images .zoom { position: absolute; right: 20px; bottom: 20px; display: block; width: 64px; height: 64px; cursor: pointer; } #storeappendix .images .zoom svg { display: block; width: 100%; height: 100%; } #storeappendix .images .zoom svg use { fill: #777777; transition: 0.2s; } #storeappendix .images .zoom:hover svg use { fill: #111111; } #storeappendix-description .title:after { content: 'ОПИСАНИЕ'; } #storeappendix-description .btext { font-size: 16px; } #storeappendix-description iframe { float: left; margin-right: 25px; } #storeappendix-info .title:after { content: 'ХАРАКТЕРИСТИКИ'; } #storeappendix-info .table { list-style: none; margin: 0px; padding: 0px; width: 100%; border: 1px solid #DDDDDD; border-width: 1px 1px 0px 0px; } #storeappendix-info .table .cell { width: 50%; padding: 15px 10px; border: 1px solid #DDDDDD; border-width: 0px 0px 1px 1px; font-size: 16px; } #storeappendix-info .table .row:nth-child(odd) { background: #F4F4F4; } #storeappendix-info .hint { margin-left: 10px; } #storeappendix-comments .title:after { content: 'ОТЗЫВЫ'; } #storeappendix-comments .comment { margin-bottom: 20px; } #storeappendix-comments .comment .stars { position: relative; width: 60px; height: 11px; background: url('images/star12.png'); } #storeappendix-comments .comment .stars:after { content: ''; position: absolute; left: 0px; top: 0px; height: 11px; background: url('images/star12.png') 0px -11px; } #storeappendix-comments .comment .star0:after { display: none; } #storeappendix-comments .comment .star1:after { width: 12px; } #storeappendix-comments .comment .star2:after { width: 24px; } #storeappendix-comments .comment .star3:after { width: 36px; } #storeappendix-comments .comment .star4:after { width: 48px; } #storeappendix-comments .comment .star5:after { width: 60px; } #storeappendix-comments .comment .fio { margin-top: 5px; font-weight: bold; font-size: 18px; color: #000000; } #storeappendix-comments .comment .fio span { margin-left: 20px; font-weight: normal; font-style: italic; font-size: 12px; color: #ABAAAA; } #storeappendix-comments .comment .text { font: 16px Arial; color: #000000; } #storeappendix-comments .comment .positive { margin-top: 5px; } #storeappendix-comments .comment .positive:before { content: 'Преимущества: '; color: #808080; } #storeappendix-comments .comment .negative { margin-top: 5px; } #storeappendix-comments .comment .negative:before { content: 'Недостатки: '; color: #808080; } #storeappendix-comments .comment .summary { margin-top: 5px; } #storeappendix-comments .comment .summary:before { content: 'Комментарий: '; color: #808080; } #storeappendix-comments .form { position: relative; width: 765px; padding-bottom: 45px; } #storeappendix-comments .form .rating { width: 100%; font: 16px/24px Arial; background: none; } #storeappendix-comments .form .rating .stars { position: relative; display: inline-block; width: 125px; height: 24px; background: url('images/star25.png'); vertical-align: middle; cursor: pointer; } #storeappendix-comments .form .rating .stars:after { content: ""; position: absolute; left: 0px; top: 0px; display: block; height: 24px; background: url('images/star25.png') 0px -24px; } #storeappendix-comments .form .rating .stars0:after { display: none; } #storeappendix-comments .form .rating .stars1:after { width: 25px; } #storeappendix-comments .form .rating .stars2:after { width: 50px; } #storeappendix-comments .form .rating .stars3:after { width: 75px; } #storeappendix-comments .form .rating .stars4:after { width: 100px; } #storeappendix-comments .form .rating .stars5:after { width: 125px; } #storeappendix-comments .form .rating .award { margin-left: 20px; } #storeappendix-comments .form .rating .award0:after { content: 'Нет оценки'; color: #ACACAC; } #storeappendix-comments .form .rating .award1:after { content: 'Очень плохой товар'; color: #CC0000; } #storeappendix-comments .form .rating .award2:after { content: 'Плохой товар'; color: #990000; } #storeappendix-comments .form .rating .award3:after { content: 'Обычный товар'; color: #FF7800; } #storeappendix-comments .form .rating .award4:after { content: 'Хороший товар'; color: #148514; } #storeappendix-comments .form .rating .award5:after { content: 'Отличный товар'; color: #56B318; } #storeappendix-comments .form .positive { position: absolute; left: 0px; top: 33px; width: 250px; } #storeappendix-comments .form .negative { position: absolute; left: 0px; bottom: 43px; width: 250px; } #storeappendix-comments .form .fio { position: absolute; left: 0px; bottom: 0px; width: 250px; } #storeappendix-comments .form .summary { margin-top: 10px; width: 505px; padding: 12px 10px; } #storeappendix-comments .form .butt2 { position: absolute; left: 285px; bottom: 0px; display: block; width: 220px; height: 33px; line-height: 33px; padding: 0px; } #storeappendix-comments .form .butt2:after { content: "ОСТАВИТЬ ОТЗЫВ"; } #storeappendix-boughtwiththis .title:after { content: 'С ЭТИМ ТОВАРОМ ПОКУПАЮТ'; } /* СТРАНИЦА ТОВАРА */ /* ПРЕИМУЩЕСТВА ТОВАРА */ #advantage-list { margin-top: 30px; padding: 30px 0px 30px 0px; text-align: center; border: 1px solid #19B794; } #advantage-list .advantage { position: relative; display: inline-block; width: 33.3333333%; height: 90px; padding: 10px 20px; color: #777777; box-sizing: border-box; white-space: nowrap; } #advantage-list .advantage .icon { display: inline-block; width: 68px; height: 68px; background: #FFFFFF; border-radius: 50px; text-align: center; line-height: 64px; overflow: hidden; vertical-align: top; } #advantage-list .advantage .icon img { max-width: 100%; max-heiht: 100%; } #advantage-list .advantage .wrp { margin-left: 15px; display: inline-block; text-align: left; color: #777777; white-space: normal; vertical-align: top; } #advantage-list .advantage .name { display: block; padding-top: 5px; font-weight: 700; font-size: 16px; color: #777777; } #advantage-list .advantage .link { display: block; color: #777777; } #advantage-list .advantage .link span { text-decoration: underline; cursor: pointer; } #advantage-list .advantage .link span:hover { text-decoration: none; } #advantage-list .advantage .link span::after { content: 'Подробнее'; } /* ПРЕИМУЩЕСТВА ТОВАРА */ /* АДРЕС Н КАРТЕ ГУГЛА */ #google-map-address { padding: 10px; font-size: 14px; line-height: 22px; } #google-map-address a { color: #000000; text-decoration: none; } #google-map-address .name { color: #000000; } #google-map-address .address { color: #000000; } /* АДРЕС Н КАРТЕ ГУГЛА */ /* ПОДВАЛ */ #footer { position: relative; margin-top: -265px; height: 265px; background: #191919; } #footer .menu { list-style: none; margin: 0px; padding: 20px 0px 0px 0px; } #footer .menu li { margin: 0px 15px 0px 12px; display: inline-block; width: 170px; padding: 0px; vertical-align: top; } #footer .menu li:first-child { margin-left: 0px; } #footer .menu li div { font-size: 16px; line-height: 21px; font-weight: bold; text-transform: uppercase; } #footer .menu li div a { color: #FFFFFF; text-decoration: none; transition: all 0.4s ease; } #footer .menu li div a:hover { color: #19B794; text-decoration: none; } #footer .menu li span { margin: 7px 0px 0px 0px; display: block; font-size: 12px; line-height: 20px; text-transform: uppercase; } #footer .menu li span a { color: #19B794; text-decoration: none; transition: all 0.4s ease; } #footer .menu li span a:hover { color: #FFFFFF; text-decoration: none; } #footer .breadcrumb { position: absolute; right: 0px; bottom: 0px; } #footer .breadcrumb span { margin: 0px 0px 7px 0px; display: block; font-size: 12px; line-height: 20px; text-transform: uppercase; text-align: right; } #footer .breadcrumb span a { color: #19B794; text-decoration: none; transition: all 0.4s ease; } #footer .breadcrumb span a:hover { color: #FFFFFF; text-decoration: none; } #footer .copyright { position: absolute; left: 0px; top: 230px; font-size: 13px; color: #777777; } #footer .copyright a { color: #777777; text-decoration: none; transition: all 0.4s ease; } #footer .copyright a:hover { color: #19B794; } #footer .logo-melbis { position: absolute; right: 0px; top: 20px; display: block; width: 116px; height: 25px; background: url('images/logo/melbis.png'); } #footer .logo-3wstudio { position: absolute; right: 5px; top: 70px; display: block; width: 107px; height: 25px; background: url('images/logo/3wstudio.png'); } #footer .visa-mastercard { position: absolute; right: 5px; top: 112px; display: block; width: 88px; height: 20px; background: url('images/visa-mastercard.png'); } /* ПОДВАЛ */ /* ПОДСКАЗКА ПОИСКА */ #searchhint { display: none; position: absolute; left: 0px; top: 35px; width: 100%; background: #FFFFFF; border: 1px solid #A6BBD6; box-sizing: border-box; z-index: 10; } #searchhint .store { padding: 3px 0px; } #searchhint .cnt { position: relative; display: block; min-height: 60px; padding: 8px 15px 8px 80px; color: #000000; cursor: pointer; border: 1px solid #FFFFFF; } #searchhint .store:hover .cnt { border-color: #A8D2FD; background: #EDF4FC; } #searchhint .icon { position: absolute; left: 10px; top: 8px; display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; } #searchhint .icon img { max-width: 60px; max-height: 60px; } #searchhint .name { font-size: 14px; line-height: 16px; color: #000000; height: 16px; overflow: hidden; } #searchhint .code { font-size: 12px; color: #000000; margin-top: 6px; } #searchhint .price { margin-top: 6px; font-size: 14px; color: #00000; } #searchhint .price span { font-size: 14px; color: #CC0000; } #searchhint .store:hover { background: #F4F4F4; } #searchhint .active .cnt { border-color: #A8D2FD; background: #EDF4FC; } #searchhint .searchhits { font-size: 14px; padding: 8px; } #searchhint .searchhits:before { content: 'Популярные запросы'; margin-bottom: 5px; display: block; color: #A6BBD6; } #searchhint .searchlast { font-size: 14px; padding: 8px; } #searchhint .searchlast div { padding-bottom: 3px; } #searchhint .searchlast:before { content: 'Последние запросы'; margin-bottom: 5px; display: block; color: #A6BBD6; } /* ПОДСКАЗКА ПОИСКА */ /* ОКНО АВТОРИЗАЦИИ */ #enter-layer { position: relative; } #enter-layer label { display: block; margin-top: 10px; } #enter-layer .to-forget { margin-top: 5px; text-align: right; } #enter-layer .to-forget span { font-weight: normal; font-size: 14px; color: #666666; cursor: pointer; border-bottom: 1px dotted #666666; } #enter-layer .to-forget span:hover { color: #666666; border-bottom: 0px; } #enter-layer .butt { margin-top: 20px; height: 42px; position: relative; } #enter-layer .butt span { position: absolute; left: 0px; top: 0px; display: block; padding-left: 26px; font-size: 14px; line-height: 22px; color: #666666; cursor: pointer; } #enter-layer .butt span:hover { color: #666666; } #enter-layer .butt span em { position: absolute; left: 0px; top: 10px; font-style: normal; } #enter-layer .butt .butt2 { position: absolute; right: 0px; top: 0px; width: 120px; } #enter-layer .register { margin: 10px -15px -15px -15px; padding: 10px 15px; background: #FFFFFF; border-radius: 0px 0px 5px 5px; border-top: 1px solid #A9A9A9; } #enter-layer .register .butt1 { display: block; padding: 0px; } #enter-layer .auto_enter { display: none; } #enter-layer .text { margin-top: 10px; font-size: 14px; line-height: 20px; color: #666666; } #enter-layer .forget { margin-top: 10px; height: 42px; position: relative; } #enter-layer .forget span { position: absolute; left: 0px; top: 10px; font-size: 14px; color: #666666; cursor: pointer; border-bottom: 1px dotted #666666; } #enter-layer .forget span:hover { color: #666666; border-bottom: 0px; } #enter-layer .forget .butt2 { position: absolute; right: 0px; top: 0px; padding: 0px 10px; } /* ОКНО АВТОРИЗАЦИИ */ /* СЛОЙ ПОКУПКИ ТОВАРА */ #buy-layer { position: relative; height: 405px; } #buy-layer .icon { position: absolute; left: 0px; top: 0px; width: 200px; height: 200px; line-height: 155px; text-align: center; overflow: hidden; } #buy-layer .icon img { max-width: 200px; max-height: 200px; } #buy-layer .name { position: absolute; left: 220px; bottom: 300px; font: 14px/18px Arial; color: #2786B6; } #buy-layer .how { position: absolute; left: 220px; bottom: 250px; line-height: 40px; } #buy-layer .how .textinput { width: 28px; line-height: 16px; padding: 10px 5px; } #buy-layer .how input { text-align: center; } #buy-layer .how .minus { margin-right: 8px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; cursor: pointer; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwMS45OTEgNDAxLjk5MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5MSA0MDEuOTkxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM5NCwxNTQuMTc0Yy01LjMzMS01LjMzLTExLjgwNi03Ljk5NS0xOS40MTctNy45OTVIMjcuNDA2Yy03LjYxMSwwLTE0LjA4NCwyLjY2NS0xOS40MTQsNy45OTUgICBDMi42NjIsMTU5LjUwMywwLDE2NS45NzIsMCwxNzMuNTg3djU0LjgyYzAsNy42MTcsMi42NjIsMTQuMDg2LDcuOTkyLDE5LjQxYzUuMzMsNS4zMzIsMTEuODAzLDcuOTk0LDE5LjQxNCw3Ljk5NGgzNDcuMTc2ICAgYzcuNjExLDAsMTQuMDg2LTIuNjYyLDE5LjQxNy03Ljk5NGM1LjMyNS01LjMyNCw3Ljk5MS0xMS43OTMsNy45OTEtMTkuNDF2LTU0LjgyQzQwMS45OTEsMTY1Ljk3MiwzOTkuMzMyLDE1OS41LDM5NCwxNTQuMTc0eiIgZmlsbD0iIzI3ODZiNiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } #buy-layer .how .minus:hover { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwMS45OTEgNDAxLjk5MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5MSA0MDEuOTkxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM5NCwxNTQuMTc0Yy01LjMzMS01LjMzLTExLjgwNi03Ljk5NS0xOS40MTctNy45OTVIMjcuNDA2Yy03LjYxMSwwLTE0LjA4NCwyLjY2NS0xOS40MTQsNy45OTUgICBDMi42NjIsMTU5LjUwMywwLDE2NS45NzIsMCwxNzMuNTg3djU0LjgyYzAsNy42MTcsMi42NjIsMTQuMDg2LDcuOTkyLDE5LjQxYzUuMzMsNS4zMzIsMTEuODAzLDcuOTk0LDE5LjQxNCw3Ljk5NGgzNDcuMTc2ICAgYzcuNjExLDAsMTQuMDg2LTIuNjYyLDE5LjQxNy03Ljk5NGM1LjMyNS01LjMyNCw3Ljk5MS0xMS43OTMsNy45OTEtMTkuNDF2LTU0LjgyQzQwMS45OTEsMTY1Ljk3MiwzOTkuMzMyLDE1OS41LDM5NCwxNTQuMTc0eiIgZmlsbD0iI2ZlNjkyOCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } #buy-layer .how .plus { margin-left: 8px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; cursor: pointer; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4Ny4yODIgMjg3LjI4MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg3LjI4MiAyODcuMjgxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTEwMy40NjYsMjMuNTM5YzAsMTQuNTk4LDAsNDMuMDcyLDAsNjEuOTA2YzAsMTAuMTktOC4yNTcsMTguNDUzLTE4LjQ0NywxOC40NTNoLTYyLjZjMCwwLTIyLjIzNiwxLjIxMy0yMi4yMzYsMjEuOTkgICB2MzMuMDIzYzAsMC0wLjczOCwyNS4zMjgsMjEuNDk3LDI1LjMyOGg2My4zMzljMTAuMTksMCwxOC40NDcsOC4yNjQsMTguNDQ3LDE4LjQ0N3Y2MS42NjljMCwwLDAsMjIuOTI3LDIyLjIzNiwyMi45MjdoMzQuNDI5ICAgYzAsMCwyMy42NjQtMS40MTEsMjMuNjY0LTIxLjUyMXYtNjIuOTY2YzAtMTAuMTg1LDguMjYzLTE4LjQ0NywxOC40NDctMTguNDQ3aDYxLjE3MWMwLDAsMjMuNjg4LDAuMzg1LDIzLjY4OC0yMi41OXYtMzUuODcgICBjMCwwLTAuNzIxLTIxLjg3OC0yMi45NDQtMjEuODc4aC02MS4xODNjLTEwLjE4NCwwLTE4LjQ0Ni04LjI1Ny0xOC40NDYtMTguNDQ3VjQxLjUzOGMwLTEwLjE5LTAuOTAxLTI3LjAxMy03LjMyNi0zNC40MDUgICBDMTczLjczMSwzLjE2MSwxNjguNzIzLDAsMTYxLjU2NSwwYy0xOS4zNjUsMC0zNS4xNjQsMC4zODEtMzUuMTY0LDAuMzgxUzEwMy40NjYsMC42MDksMTAzLjQ2NiwyMy41Mzl6IiBmaWxsPSIjMjc4NmI2Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } #buy-layer .how .plus:hover { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4Ny4yODIgMjg3LjI4MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg3LjI4MiAyODcuMjgxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTEwMy40NjYsMjMuNTM5YzAsMTQuNTk4LDAsNDMuMDcyLDAsNjEuOTA2YzAsMTAuMTktOC4yNTcsMTguNDUzLTE4LjQ0NywxOC40NTNoLTYyLjZjMCwwLTIyLjIzNiwxLjIxMy0yMi4yMzYsMjEuOTkgICB2MzMuMDIzYzAsMC0wLjczOCwyNS4zMjgsMjEuNDk3LDI1LjMyOGg2My4zMzljMTAuMTksMCwxOC40NDcsOC4yNjQsMTguNDQ3LDE4LjQ0N3Y2MS42NjljMCwwLDAsMjIuOTI3LDIyLjIzNiwyMi45MjdoMzQuNDI5ICAgYzAsMCwyMy42NjQtMS40MTEsMjMuNjY0LTIxLjUyMXYtNjIuOTY2YzAtMTAuMTg1LDguMjYzLTE4LjQ0NywxOC40NDctMTguNDQ3aDYxLjE3MWMwLDAsMjMuNjg4LDAuMzg1LDIzLjY4OC0yMi41OXYtMzUuODcgICBjMCwwLTAuNzIxLTIxLjg3OC0yMi45NDQtMjEuODc4aC02MS4xODNjLTEwLjE4NCwwLTE4LjQ0Ni04LjI1Ny0xOC40NDYtMTguNDQ3VjQxLjUzOGMwLTEwLjE5LTAuOTAxLTI3LjAxMy03LjMyNi0zNC40MDUgICBDMTczLjczMSwzLjE2MSwxNjguNzIzLDAsMTYxLjU2NSwwYy0xOS4zNjUsMC0zNS4xNjQsMC4zODEtMzUuMTY0LDAuMzgxUzEwMy40NjYsMC42MDksMTAzLjQ2NiwyMy41Mzl6IiBmaWxsPSIjZmU2OTI4Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } #buy-layer .price { position: absolute; left: 220px; bottom: 215px; font-size: 16px; } #buy-layer .price span { font-size: 20px; color: #008000; white-space: nowrap; } #buy-layer .butt2 { position: absolute; left: 0px; top: 210px; width: 200px; padding: 0px; } #buy-layer .continue { position: absolute; left: 220px; top: 210px; font: 14px/38px Arial; color: #2786B6; cursor: pointer; } #buy-layer .continue:before { content: ''; margin-right: 5px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MyA1MTEuNjMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuNjMgNTExLjYzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik00OTYuNSwyMzMuODQyYy0zMC44NDEtNzYuNzA2LTExNC4xMTItMTE1LjA2LTI0OS44MjMtMTE1LjA2aC02My45NTNWNDUuNjkzYzAtNC45NTItMS44MDktOS4yMzUtNS40MjQtMTIuODUgICBjLTMuNjE3LTMuNjE3LTcuODk2LTUuNDI2LTEyLjg0Ny01LjQyNmMtNC45NTIsMC05LjIzNSwxLjgwOS0xMi44NSw1LjQyNkw1LjQyNCwxNzkuMDIxQzEuODA5LDE4Mi42NDEsMCwxODYuOTIyLDAsMTkxLjg3MSAgIGMwLDQuOTQ4LDEuODA5LDkuMjI5LDUuNDI0LDEyLjg0N0wxNTEuNjA0LDM1MC45YzMuNjE5LDMuNjEzLDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4YzQuOTQ3LDAsOS4yMjktMS44MTQsMTIuODQ3LTUuNDI4ICAgYzMuNjE2LTMuNjE0LDUuNDI0LTcuODk4LDUuNDI0LTEyLjg0OHYtNzMuMDk0aDYzLjk1M2MxOC42NDksMCwzNS4zNDksMC41NjgsNTAuMDk5LDEuNzA4YzE0Ljc0OSwxLjE0MywyOS40MTMsMy4xODksNDMuOTY4LDYuMTQzICAgYzE0LjU2NCwyLjk1LDI3LjIyNCw2Ljk5MSwzNy45NzksMTIuMTM1YzEwLjc1Myw1LjE0NCwyMC43OTQsMTEuNzU2LDMwLjEyMiwxOS44NDJjOS4zMjksOC4wOTQsMTYuOTQzLDE3LjcsMjIuODQ3LDI4LjgzOSAgIGM1Ljg5NiwxMS4xMzYsMTAuNTEzLDI0LjMxMSwxMy44NDYsMzkuNTM5YzMuMzI2LDE1LjIyOSw0Ljk5NywzMi40NTYsNC45OTcsNTEuNjc1YzAsMTAuNDY2LTAuNDc5LDIyLjE3Ni0xLjQyOCwzNS4xMTggICBjMCwxLjEzNy0wLjIzNiwzLjM3NS0wLjcxNSw2LjcwOGMtMC40NzMsMy4zMzMtMC43MTIsNS44NTItMC43MTIsNy41NjJjMCwyLjg1MSwwLjgwOCw1LjIzMiwyLjQyMyw3LjEzNiAgIGMxLjYyMiwxLjkwMiwzLjg2LDIuODUxLDYuNzE0LDIuODUxYzMuMDQ2LDAsNS43MDgtMS42MTUsNy45OTQtNC44NTNjMS4zMjgtMS43MTEsMi41NjEtMy44MDYsMy43MS02LjI4MyAgIGMxLjE0My0yLjQ3MSwyLjQzLTUuMzI1LDMuODU0LTguNTYyYzEuNDMxLTMuMjM3LDIuNDMtNS41MTMsMi45OTgtNi44NDhjMjQuMTctNTQuMjM4LDM2LjI1OC05Ny4xNTgsMzYuMjU4LTEyOC43NTYgICBDNTExLjYzLDI5MS4wMzksNTA2LjU4OSwyNTkuMzQ0LDQ5Ni41LDIzMy44NDJ6IiBmaWxsPSIjMjc4NmI2Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } #buy-layer .continue:hover { color: #FE6928; } #buy-layer .continue:hover:before { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MyA1MTEuNjMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuNjMgNTExLjYzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik00OTYuNSwyMzMuODQyYy0zMC44NDEtNzYuNzA2LTExNC4xMTItMTE1LjA2LTI0OS44MjMtMTE1LjA2aC02My45NTNWNDUuNjkzYzAtNC45NTItMS44MDktOS4yMzUtNS40MjQtMTIuODUgICBjLTMuNjE3LTMuNjE3LTcuODk2LTUuNDI2LTEyLjg0Ny01LjQyNmMtNC45NTIsMC05LjIzNSwxLjgwOS0xMi44NSw1LjQyNkw1LjQyNCwxNzkuMDIxQzEuODA5LDE4Mi42NDEsMCwxODYuOTIyLDAsMTkxLjg3MSAgIGMwLDQuOTQ4LDEuODA5LDkuMjI5LDUuNDI0LDEyLjg0N0wxNTEuNjA0LDM1MC45YzMuNjE5LDMuNjEzLDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4YzQuOTQ3LDAsOS4yMjktMS44MTQsMTIuODQ3LTUuNDI4ICAgYzMuNjE2LTMuNjE0LDUuNDI0LTcuODk4LDUuNDI0LTEyLjg0OHYtNzMuMDk0aDYzLjk1M2MxOC42NDksMCwzNS4zNDksMC41NjgsNTAuMDk5LDEuNzA4YzE0Ljc0OSwxLjE0MywyOS40MTMsMy4xODksNDMuOTY4LDYuMTQzICAgYzE0LjU2NCwyLjk1LDI3LjIyNCw2Ljk5MSwzNy45NzksMTIuMTM1YzEwLjc1Myw1LjE0NCwyMC43OTQsMTEuNzU2LDMwLjEyMiwxOS44NDJjOS4zMjksOC4wOTQsMTYuOTQzLDE3LjcsMjIuODQ3LDI4LjgzOSAgIGM1Ljg5NiwxMS4xMzYsMTAuNTEzLDI0LjMxMSwxMy44NDYsMzkuNTM5YzMuMzI2LDE1LjIyOSw0Ljk5NywzMi40NTYsNC45OTcsNTEuNjc1YzAsMTAuNDY2LTAuNDc5LDIyLjE3Ni0xLjQyOCwzNS4xMTggICBjMCwxLjEzNy0wLjIzNiwzLjM3NS0wLjcxNSw2LjcwOGMtMC40NzMsMy4zMzMtMC43MTIsNS44NTItMC43MTIsNy41NjJjMCwyLjg1MSwwLjgwOCw1LjIzMiwyLjQyMyw3LjEzNiAgIGMxLjYyMiwxLjkwMiwzLjg2LDIuODUxLDYuNzE0LDIuODUxYzMuMDQ2LDAsNS43MDgtMS42MTUsNy45OTQtNC44NTNjMS4zMjgtMS43MTEsMi41NjEtMy44MDYsMy43MS02LjI4MyAgIGMxLjE0My0yLjQ3MSwyLjQzLTUuMzI1LDMuODU0LTguNTYyYzEuNDMxLTMuMjM3LDIuNDMtNS41MTMsMi45OTgtNi44NDhjMjQuMTctNTQuMjM4LDM2LjI1OC05Ny4xNTgsMzYuMjU4LTEyOC43NTYgICBDNTExLjYzLDI5MS4wMzksNTA2LjU4OSwyNTkuMzQ0LDQ5Ni41LDIzMy44NDJ6IiBmaWxsPSIjZmU2OTI4Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } #buy-layer .phoneorder { position: absolute; left: 0px; bottom: 0px; margin: 0px -15px -15px -15px; padding: 15px; height: 115px; background: #F3F1F0; border-radius: 0px 0px 5px 5px; } #buy-layer .phoneorder .title { font-size: 16px; } #buy-layer .phoneorder .descr { margin-top: 10px; font-size: 12px; line-height: 18px; color: #565656; } #buy-layer .phoneorder .input { margin-top: 10px; } #buy-layer .phoneorder .input .textinput { width: 150px; margin-right: 10px; } #buy-layer .phoneorder .butt1 { height: 32px; line-height: 32px; } /* СЛОЙ ПОКУПКИ ТОВАРА */ /* РЕЗУЛЬТАТ ОФОРМЛЕНИЯ БИСТРОГО ЗАКАЗА */ #phoneorder-result { position: relative; } #phoneorder-result .text { font: 12px/20px Tahoma; } #phoneorder-result .text span { font-weight: bold; } #phoneorder-result .input { margin-top: 10px; text-align: justify; } #phoneorder-result .input .textinput { width: 44%; } #phoneorder-result .input .notice { display: block; margin-top: 10px; width: auto; } #phoneorder-result .input:after { content: ''; display: inline-block; width: 100%; height: 1px; } #phoneorder-result .butt1 { margin: 10px auto 0px auto; display: block; width: 200px; } /* РЕЗУЛЬТАТ ОФОРМЛЕНИЯ БИСТРОГО ЗАКАЗА */ /* СЛОЙ КОРЗИНЫ */ #cart-layer { position: absolute; right: 0px; top: 38px; display: none; width: 260px; min-height: 40px; padding-top: 2px; z-index: 5; } #cart-layer .holder { padding: 10px; background: #FFFFFF; border: 1px solid #D9D9D9; box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-sizing: border-box; } #cart-layer .butt1 { display: block; } #cart-layer .store { position: relative; padding: 10px 20px 10px 65px; border-top: 1px solid #D9D9D9; text-align: left; } #cart-layer .store:first-child { border-top: 0px; } #cart-layer .store .icon { position: absolute; left: 5px; top: 5px; width: 55px; height: 55px; text-align: center; line-height: 55px; } #cart-layer .store .icon img { max-width: 55px; max-height: 55px; } #cart-layer .store .name { font: 12px/14px Arial; height: 42px; overflow: hidden; } #cart-layer .store .name a { text-decoration: none; color: #5F5F5F; } #cart-layer .store .name a:hover { text-decoration: none; color: #FF9100; } #cart-layer .store .offer { margin-top: 5px; font-size: 16px; line-height: 16px; color: #333333; } #cart-layer .minus { position: relative; margin-right: 8px; display: inline-block; width: 14px; height: 14px; vertical-align: middle; cursor: pointer; } #cart-layer .minus:before { content: ''; position: absolute; left: 0px; top: 5px; width: 14px; height: 4px; background: #333333; border-radius: 1px; transition: 0.2s; } #cart-layer .minus:hover:before { background: #FD6D41; } #cart-layer .plus { position: relative; margin-left: 8px; display: inline-block; width: 14px; height: 14px; vertical-align: middle; cursor: pointer; } #cart-layer .plus:before { content: ''; position: absolute; left: 0px; top: 5px; width: 14px; height: 4px; background: #333333; border-radius: 1px; transition: 0.2s; } #cart-layer .plus:after { content: ''; position: absolute; left: 5px; top: 0px; width: 4px; height: 14px; background: #333333; border-radius: 1px; transition: 0.2s; } #cart-layer .plus:hover:before, #cart-layer .plus:hover:after { background: #FD6D41; } #cart-layer .delete { position: absolute; right: 3px; top: 3px; display: block; width: 14px; height: 14px; cursor: pointer; } #cart-layer .delete:before, #cart-layer .delete:after { content: ''; position: absolute; left: 0px; top: 5px; width: 14px; height: 4px; background: #333333; border-radius: 1px; transition: 0.2s; } #cart-layer .delete:before { transform: rotate(45deg); } #cart-layer .delete:after { transform: rotate(-45deg); } #cart-layer .delete:hover:before, #cart-layer .delete:hover:after { background: #FD6D41; } #cart-layer .butt1:after { content: 'ОФОРМИТЬ ЗАКАЗ'; } #cart-layer .empty { padding: 20px 0px; background: #FFFFFF; font: 12px Arial; color: #F88600; text-align: center; } #cart-layer .empty:after { content: 'ВАША КОРЗИНА ПУСТА'; } /* СЛОЙ КОРЗИНЫ */ /* КЛИЕНТСКОЕ МЕНЮ */ #clientmenu { position: absolute; margin: 10px 0px 0px -95px; width: 190px; padding: 5px; background: #FFFFFF; box-shadow: 1px 3px 7px 0 rgba(200,200,200,.5); border: 1px solid #EAEAEA; border-bottom: 3px solid #CCCCCC; border-radius: 4px; z-index: 5; } #clientmenu a { display: block; padding: 5px; font-size: 16px; color: #333333; text-decoration: none; border-top: 1px solid #EAEAEA; } #clientmenu a:first-child { border-top: 0px; } #clientmenu a:hover { color: #6D8293; text-decoration: underline; } #clientmenu:before { content: ''; position: absolute; left: 50%; top: -11px; margin-left: -9px; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #EAEAEA; } #clientmenu:after { content: ''; position: absolute; left: 50%; top: -10px; margin-left: -8px; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #FFFFFF; } /* КЛИЕНТСКОЕ МЕНЮ */ /* ПОДСКАЗКА */ .hint { display: inline-block; width: 16px; height: 16px; text-align: center; font-family: Arial; font-size: 12px; line-height: 16px; color: #19B794; border: 1px solid #19B794; cursor: pointer; vertical-align: middle; } .hint:after { content: '?'; } #hint-layer { position: absolute; left: 0px; top: 0px; margin-top: 18px; padding: 25px; background: #FFFFFF; box-sizing: border-box; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); z-index: 1000000; } #hint-layer:after { content: ''; position: absolute; left: 50%; top: -14px; margin-left: -10px; display: block; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #FFFFFF; } #hint-layer .swiper-container { position: relative; width: 100%; height: 100%; max-height: 220px; } #hint-layer .swiper-slide { height: auto; padding-right: 30px; box-sizing: border-box; } #hint-layer.right { margin-top: 0px; margin-left: 18px; transform: translateY(-50%); } #hint-layer.right:after { content: ''; position: absolute; left: -14px; top: 50%; margin-top: -10px; display: block; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 14px solid #FFFFFF; } #error-hint-layer { position: absolute; margin: 32px 0px 0px -17px; display: block; border: 3px solid #2EAECC; width: 260px; padding: 20px; background: #FFFFFF; font-size: 14px; line-height: 20px; color: #8C8C8C; z-index: 1000001; } #error-hint-layer:before { content: ""; position: absolute; left: 15px; top: -10px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #2EAECC; } /* ПОДСКАЗКА */ /* СПИСОК ГОРОДОВ */ .city-list { margin-top: 10px; font-size: 16px; } .city-list span { margin-right: 5px; display: inline-block; white-space: nowrap; } .city-list span::after { content: ','; } .city-list span:last-child::after { content: ''; } .city-list a { color: #777777; } #city-seo-block { padding: 40px 0px; font-size: 12px; line-height: 18px; color: #777777; } #city-seo-block .title { font-size: 14px; line-height: 20px; color: #777777; } #city-seo-block .city-list { font-size: 12px; line-height: 18px; } #city-seo-block .city-list a { color: #777777; } /* СПИСОК ГОРОДОВ */ /* ОКНО КРЕДИТА */ #credit-window { position: relative; padding: 15px; } #credit-window .ajax-loader { padding: 15px; text-align: center; } #credit-window .ajax-loader span { display: inline-block; width: 32px; height: 32px; background: url('images/ajax-loader.gif'); } #credit-window .total_sum { font-size: 14px; color: #7F7F7F; } #credit-window .first-contribution { margin-top: 10px; font-size: 14px; color: #7F7F7F; } #credit-window .first-contribution .textinput { margin: 0px 10px 0px 83px; width: 80px; padding: 6px; vertical-align: middle; } #credit-window .first-contribution .textinput input { text-align: right; color: #7F7F7F; } #credit-window .user-sum-per-month { margin-top: 10px; font-size: 14px; color: #7F7F7F; } #credit-window .user-sum-per-month .textinput { margin: 0px 10px; width: 80px; padding: 6px; vertical-align: middle; } #credit-window .user-sum-per-month .textinput input { text-align: right; color: #7F7F7F; } #credit-window .user-sum-per-month button { padding: 0px 10px !important; height: 30px !important; line-height: 30px !important; } #credit-window .table { width: 100%; } #credit-window .table .cell { padding: 4px; font-size: 12px; text-align: center; vertical-align: middle; box-sizing: border-box; } #credit-window .table .cell:nth-child(1) { width: 25%; } #credit-window .table .cell:nth-child(2) { width: 20%; } #credit-window .table .cell:nth-child(3) { width: 20%; } #credit-window .table .cell:nth-child(4) { width: 35%; } #credit-window .header { margin-top: 18px; height: 40px; background: #7F7F7F; } #credit-window .header .table { height: 40px !important; } #credit-window .header .cell { color: #FFFFFF; height: 40px !important; } #credit-window .body { position: relative; width: 100%; height: auto; } #credit-window .bank { padding: 10px 0px 0px 0px; } #credit-window .bank .month-credit { font-size: 18px; color: #000000; } #credit-window .bank .month-cost { font-size: 18px; color: #000000; } #credit-window .bank .day-cost { font-size: 18px; color: #000000; vertical-align: middle; } #credit-window .bank .cell:nth-child(4) button { margin-left: 5px; padding: 0px 10px !important; height: 30px !important; line-height: 30px !important; } #credit-window .bank .intro { padding: 5px 10px; font-size: 11px; line-height: 15px; color: #7F7F7F; } #credit-window .bank .descr { margin: 5px 0px; display: none; max-height: 220px; padding: 10px; background: #EDEDED; font-size: 11px; line-height: 15px; color: #7F7F7F; overflow: auto; } #credit-window .bank .bopen { position: relative; margin-top: 3px; height: 22px; background: #C2C2C2; color: #FFFFFF; cursor: pointer; } #credit-window .bank .bopen::after { content: '\00BB'; position: absolute; left: 50%; top: 50%; margin: -8px 0px 0px 0px; color: #FFFFFF; text-shadow: 0px 0px 1px #FFFFFF; transform: rotate(90deg) scale(1, 3); } #credit-window .bank.opened .descr { display: block; } #credit-window .bank.opened .bopen::after { transform: rotate(-90deg) scale(1, 3); } #credit-window .hint { display: inline-block; margin: 0px 4px; display: inline-block; width: 16px; height: 16px; font-size: 12px; line-height: 16px; text-align: center; color: #2EADCB; border: 1px solid #2EADCB; border-radius: 50%; background: #FFFFFF; cursor: help; } #credit-window .hint::after { content: '!'; } #credit-window .bank.error .cell:nth-child(2) { width: 75% !important; text-align: left; font-size: 12px; line-height: 18px; color: #7F7F7F; } #credit-window .error { padding-top: 20px; font-size: 14px; line-height: 22px; color: #7F7F7F; } #credit-window .senks-title { margin-bottom: 15px; text-align: center; font-size: 18px; font-weight: bold; color: #7F7F7F; } #credit-window .senks-body { text-align: center; font-size: 14px; line-height: 22px; color: #7F7F7F; } /* ОКНО КРЕДИТА */ /* ВСЯКО-РАЗНОЕ */ #svg-icons { display: none; } #infobar { background: #F5F5F5; border-bottom: 1px solid #DDDDDD; } #infobar .wrap2 { padding: 7px 0px; text-align: center; font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #777777; } img.lazyload { display: inline-block; width: 32px; height: 32px; background: url('images/ajax-loader.gif') 50% 50% no-repeat; } .lg-sub-html-descroption { margin: 0px auto 20px auto; max-width: 400px; padding: 15px; background: rgba(0,0,0,0.7); color: #FFFFFF; font-size: 14px; line-height: 22px; text-align: center; border-radius: 10px; } #seo-booster1 {} /* ВСЯКО-РАЗНОЕ */ /* ШРИФТЫ */ .font-18-bold { font-size: 18px; font-weight: bold; } /* ШРИФТЫ */ /* ДЛЯ МЕНЬШЫХ РАЗМЕРОВ ЭКРАНА */ @media all and (max-width: 1150px) { #header .mainmenu ul { padding: 20px 17px 0px 17px; text-align: left; box-sizing: border-box; } #header .mainmenu ul li { padding: 7px 17px 7px 0px; } } @media all and (max-width: 1024px) /* 720 */ { #headerspace { height: 190px; } #footerspace { height: 740px; } .wrap1 { max-width: 720px; } .wrap2 { margin: 0px 10px; } #colleft { display: none; } #colright .colwrap { margin-left: 0px; } #header { height: 190px; } #header .top { height: 80px; } #header .cart { top: -80px; } #header .logo { height: 90px; padding-top: 20px; } #header .client { right: 15px; top: -40px; } #header .search { left: 0px; top: -45px; width: 320px; } #header .phones { left: 334px; top: -40px; } #header .phones .viber-phone { display: block !important; } #header .mainmenu ul li .layer { white-space: normal; } #header .mainmenu ul li .layer .col { margin-top: 20px; } #header .mainmenu ul li .layer .col:nth-child(1) { margin-top: 0px; } #header .mainmenu ul li .layer .col:nth-child(2) { margin-top: 0px; } #header .mainmenu ul li .layer .col:nth-child(3) { margin-top: 0px; } #header .mainmenu ul li .layer .col:nth-child(4n+4) { margin-left: 0px; } #header .lang { left: auto; right: 223px; top: -75px; } #centermenu li { float: left; position: relative; margin: 0px 10px 10px 0px; width: calc((100% - 10px) / 2); overflow: hidden; } #centermenu li:nth-child(4n+4) { margin-right: 10px; } #centermenu li:nth-child(2n+2) { margin-right: 0px; } #brands .swiper-button-next, #brands .swiper-button-prev { display: block; } .stores1 li { width: calc( (100% - 30px) / 2); height: auto; } .stores1 li:nth-child(3) { margin-top: 50px; } .stores1 li:nth-child(3n+3) { margin-right: 30px; } .stores1 li:nth-child(2n+2) { margin-right: 0px; } .stores1 .holder { position: relative; left: auto; top: auto; height: auto; } .stores1 li:hover .holder { left: 0px; top: 0px; padding: 0px; box-shadow: none; } .stores1 .info { display: none; } .stores1 .view { visibility: visible; top: 120px; opacity: 1; } .stores1 .compare { display: block; visibility: visible; opacity: 1; } .stores1 .wishlist { display: block; visibility: visible; opacity: 1; } .stores2 .store { width: calc( (100% - 30px) / 2); } .stores2 .store:nth-child(3) { margin-top: 50px; } .stores2 .store:nth-child(4) { margin-top: 50px; } .stores2 .store:nth-child(2n+2) { margin-right: 0px; } #whywe .wrap1 { max-width: 100%; padding: 0px 20px; box-sizing: border-box; } #whywe .col { padding-top: 40px; } #news-banners li { float: none; width: 100%; } #news-banners li:nth-child(2) { margin-top: 10px; } #news-banners li:nth-child(odd) { padding: 0px; } #news-banners li:nth-child(even) { padding: 0px; } #news-banners li a img { transform: translate(-50%, -50%) scale(1.1, 1.1); } #news-banners li:nth-child(odd) a { left: 0px; right: 0px; } #news-banners li:nth-child(even) a { left: 0px; right: 0px; } #orderline:before { display: none; } #orderline span { margin-left: 0px; } #orderline .select { position: absolute; left: 0px; top: 0px; height: 38px; padding: 0px 25px 0px 15px; } #orderline .select:before { content: 'СОРТИРОВКА'; color: #666666; transition: 0.2s; } #orderline .select:after { content: ''; position: absolute; right: 8px; top: 15px; display: block; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #666666; transition: 0.2s; } #orderline .select:hover:before { color: #19B794; } #orderline .select:hover:after { border-left-color: #19B794; } #orderline .select.default:before { content: 'ПОПУЛЯРНЫЕ'; } #orderline .select.cheap:before { content: 'НЕДОРОГИЕ'; } #orderline .select.expensive:before { content: 'ДОРОГИЕ'; } #orderline .select.new:before { content: 'НОВИНКИ'; } #orderline .select .layer { position: absolute; left: -1px; top: 38px; display: none; min-width: 150px; padding: 10px; box-sizing: border-box; border: 1px solid #DDDDDD; background: #FFFFFF; z-index: 6; } #orderline .select .layer span { display: block; } #orderline .select.opened:after { transform: rotate(90deg); } #orderline .select.opened .layer { display: block; } #orderline .filter-open { position: absolute; right: 0px; top: 0px; display: block; height: 38px; padding: 0px 15px 0px 25px; } #orderline .filter-open svg { position: absolute; left: 0px; top: 9px; display: block; width: 20px; height: 20px; } #orderline .filter-open svg use { fill: #666666; } #orderline .filter-open:after { content: 'Фильтры'; color: #666666; } #storeappendix { padding-left: 0px; min-height: 0px; } #storeappendix .images { position: relative; left: auto; top: auto; margin-bottom: 30px; width: 100%; box-sizing: border-box; } #storeappendix .images .mainimage { width: 100%; box-sizing: border-box; } #storeappendix .images .mainimage img { max-width: 100%; max-height: 100%; } #storeappendix-description iframe { float: none; margin-right: 0px; margin-bottom: 20px; max-width: 100%; } #storeappendix-comments .form { width: 100%; height: auto; padding: 25px 0px 43px 0px; } #storeappendix-comments .form .rating { position: absolute; left: 0px; top: 0px; } #storeappendix-comments .form .positive { left: 0px; top: 35px; width: calc((100% - 10px) / 2); } #storeappendix-comments .form .negative { left: auto; right: 0px; bottom: auto; top: 35px; width: calc((100% - 10px) / 2); } #storeappendix-comments .form .summary { position: relative; left: auto; top: auto; width: 100%; } #storeappendix-comments .form .fio { width: calc(100% - 200px); } #storeappendix-comments .form .butt2 { left: auto; right: 0px; width: 190px; } #news-comments .form { width: 100%; height: auto; padding: 125px 0px 43px 0px; } #news-comments .form .rating { position: absolute; left: 0px; top: 0px; } #news-comments .form .positive { left: 0px; top: 35px; width: calc((100% - 10px) / 2); } #news-comments .form .negative { left: auto; right: 0px; bottom: auto; top: 35px; width: calc((100% - 10px) / 2); } #news-comments .form .summary { position: relative; left: auto; top: auto; width: 100%; } #news-comments .form .fio { width: calc(100% - 200px); } #news-comments .form .butt2 { left: auto; right: 0px; width: 190px; } #advantage-list .advantage { width: 50%; } #footer { margin-top: -730px; height: 730px; } #footer .menu li:nth-child(4) { margin-left: 0px; margin-top: 20px; } #footer .menu li:nth-child(5) { margin-top: 20px; } #footer .copyright { top: 415px; } #clientmenu { margin: 10px 0px 0px -190px; border-radius: 4px 0px 4px 4px; } #clientmenu:before { left: 100%; top: -11px; margin-left: -17px; } #clientmenu:after { left: 100%; top: -10px; margin-left: -16px; } } @media all and (max-width: 720px) { #headerspace { height: 245px; } #footerspace { height: 0px; } #header { height: 220px; } #header .top { height: 110px; } #header .cart { top: -110px; } #header .client { top: -70px; } #header .search { top: -75px; } #header .phones { left: 0px; top: -35px; } #header .phones .layer { right: auto; left: 0px; } #header .mainmenu { top: 25px; width: 60px; height: 60px; padding-left: 0px; cursor: pointer; } #header .mainmenu:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 6px; background: #FFFFFF; border-radius: 2px; } #header .mainmenu:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 6px; background: #FFFFFF; border-radius: 2px; } #header .mainmenu ul { position: absolute; left: 0px; top: 27px; margin: 0px; width: 100%; height: 6px; padding: 0px; background: #FFFFFF; border-radius: 2px; } #header .mainmenu ul li { display: none; } #header .lang { left: 170px; right: auto; top: -35px; } #banner .swiper-slide h4 { top: 50%; } #banner .swiper-slide p { display: none; } #submenu { margin-right: 0px; } #whywe { height: auto; padding-top: 20px; } #whywe .wrap1 { max-width: 720px; padding: 0px; } #whywe .col { margin-left: 0px; display: block; width: 100%; padding: 20px 15px; } #footer { margin-top: 10px; height: auto; padding-bottom: 40px; } #footer .menu li { margin: 15px 0px 0px 0px; display: block; width: 100%; } #footer .menu li:first-child { margin-top: 0px; } #footer .menu li span { display: none; } #footer .copyright { top: auto; bottom: -25px; } } @media all and (max-width: 500px) { #headerspace { height: 126px; } #header { height: 126px; } #header .top { height: 40px; } #header .menu { display: none; } #header .logo { width: 234px; height: 76px; padding: 10px 0px 0px 0px; } #header .cart { top: -40px; } #header .cart:before { display: none; } #header .client { right: 80px; top: -40px; } #header .client:after { display: none; } #header .search { top: -40px; width: calc(100% - 150px); max-width: } #header .phones { display: none; } #header .mainmenu { right: 7px; top: 22px; width: 40px; height: 40px; } #header .mainmenu ul { top: 16px; } #header .lang { left: auto; right: 120px; top: -35px; } #banner .swiper-slide h4 { top: 40%; margin: -19px 0px 0px 0px; font-size: 20px; } #centermenu li { float: none; margin: 10px 0px 0px 0px; width: 100%; } #centermenu li:nth-child(1) { margin-top: 0px; } #centermenu li:nth-child(4n+4) { margin-right: 0px; } .stores1 li { margin: 30px 0px 0px 0px; width: 100%; height: auto; } .stores1 li:nth-child(3) { margin-top: 30px; } .stores1 li:nth-child(3n+3) { margin-right: 0px; } .stores2 .store { width: 100%; margin: 30px 0px 0px 0px; } .stores2 .store:nth-child(2) { margin-top: 30px; } .stores2 .store:nth-child(3) { margin-top: 30px; } .stores2 .store:nth-child(4) { margin-top: 30px; } #brands li { display: inline-block; width: 33.333333333%; } #storeappendix .images { display: none; width: 100%; height: auto; padding: 0px; border: 1px solid #DDDDDD; text-align: center; } #storeappendix .images img { max-width: 100%; } #storeappendix .images .swiper-button-prev { position: absolute; left: 0px; top: 50%; margin-top: -43px; display: block; width: 32px; height: 86px; background: rgba(0,0,0,0.5); cursor: pointer; } #storeappendix .images .swiper-button-prev:hover { background: #FD6d41; } #storeappendix .images .swiper-button-prev:after { content: '<'; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -15px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 26px; font-weight: bold; color: #FFFFFF; } #storeappendix .images .swiper-button-next { position: absolute; right: 0px; top: 50%; margin-top: -43px; display: block; width: 32px; height: 86px; background: rgba(0,0,0,0.5); cursor: pointer; } #storeappendix .images .swiper-button-next:hover { background: #FD6d41; } #storeappendix .images .swiper-button-next:after { content: '<'; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -15px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 26px; font-weight: bold; color: #FFFFFF; transform: rotate(180deg); } #storeappendix .images .swiper-button-disabled { opacity: 0 !important; } #advantage-list { text-align: left; } #advantage-list .advantage { width: 100%; padding: 10px 5px;; } #buy-layer { height: auto; padding-bottom: 295px; } #buy-layer .icon { position: relative; left: auto; top: auto; width: 100%; height: 200px; line-height: 200px; } #buy-layer .name { position: relative; left: auto; bottom: auto; margin-top: 15px; weidth: 100%; text-align: center; } #buy-layer .how { position: absolute; left: auto; right: 0px; bottom: 240px; } #buy-layer .price { position: absolute; left: 0px; bottom: 248px; } #buy-layer .butt2 { top: auto; bottom: 180px; width: 100%; } #buy-layer .continue { position: absolute; left: 0px; top: auto; bottom: 150px; width: 100%; line-height: 16px; text-align: center; } #buy-layer .phoneorder { height: 125px; } #buy-layer .phoneorder .input .textinput { width: 130px; } #buy-layer .phoneorder .butt4 { padding: 0px 7px; } #credit-window { padding: 0px; overflow-x: auto; } #credit-window .table { margin: 0px; display: table !important; } #credit-window .table .thead { display: table-header-group !important; } #credit-window .table .row { display: table-row !important; } #credit-window .table .cell{ display: table-cell !important; padding: 2px; } #credit-window .user-sum-per-month .textinput { margin: 0px 10px 0px 0px; } #credit-window .asdf { margin-top: 10px; display: block; } #credit-window .table .cell:nth-child(1) { width: 20%; } #credit-window .table .cell:nth-child(2) { width: 15%; } #credit-window .table .cell:nth-child(4) { width: auto; } #credit-window .hint { margin: 0px 0px 0px 4px; } } @media all and (max-width: 400px) { #mobile-menu.opened { width: 320px; } #banner .swiper-slide-active h4:before { display: none; } #brands li { display: inline-block; width: 50%; } #storeappendix .gift-list { height: 251px; } #mobile-filters.opened { width: 320px; } }