@charset "utf-8";
@import url('fonts.css');

/* ОБЩИЕ СТИЛИ */
html { height: 100%; position: relative; }
body { height: 100%; margin: 0px; padding: 0px; position: relative; font-size: 16px; font-family: 'Ubuntu', sans-serif; color: #707070; background: #FFFFFF; visibility: visible; }
td { font-size: 16px; }                                                                                     
p, form { margin: 0px; padding: 0px; }
h1 { padding: 0px; margin: 0px; font-weight: normal; font-size: 30px; text-transform: uppercase; color: #262A2B; }
h2 { padding: 0px; margin: 0px; font-weight: normal; font-size: 24px; text-transform: uppercase; color: #262A2B; }
h3 { padding: 0px; margin: 0px; font-weight: normal; font-size: 21px; text-transform: uppercase; color: #262A2B; }
h4 { padding: 0px; margin: 0px; font-weight: normal; font-size: 18px; text-transform: uppercase; color: #262A2B; }
h5 { padding: 0px; margin: 0px; font-weight: normal; font-size: 16px;   }
select, option, input, textarea { font-size: 14px; font-family: 'Ubuntu', sans-serif; vertical-align: middle; position: relative; color: #000000; }
input:focus, textarea:focus { outline: none; }
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], textarea { padding: 0px; border: 0px; }
a { color: #2A9DD1; text-decoration: underline; }
a:active { color: #EB7240; text-decoration: none; }
a:hover { color: #EB7240; text-decoration: none; }
img { border: 0px; vertical-align: middle; max-width: 100%;/* aspect-ratio: attr(width) / attr(height); */ }
ul { margin: 10px 0px; padding: 0px 0px 0px 22px; }
ul li { margin: 0px 0px 3px 0px; padding: 0px; }
label { cursor: pointer; }
iframe { border: 0px; max-width: 100%; }
svg { visibility: visible; }

#page { min-height: 100%; position: relative; }
#headerspace { height: 139px; }
#footerspace { height: 985px; }

#topbanner { position: relative; margin: 0px auto; width: 100%; max-width: 1266px; }
#topbanner::before { content: ''; position: relative; display: block; width: 100%; padding-top: 10%; }
#topbanner a,
#topbanner p { position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#topbanner img { width: auto !important; height: auto !important; }

#colleft { float: left; margin-left: -100%; width: 205px; }
#colright { float: left; width: 100%; }
#colright .colwrap { margin-left: 210px; }

.clear { clear: both; font-size: 0px; height: 0px; }
.wrap1 { position: relative; margin: 0px auto; max-width: 1366px; }
.wrap2 { position: relative; margin: 0px 50px; }
/* ОБЩИЕ СТИЛИ */

/* ВЫРАВНИВАНИЕ */
.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, .butt4 { display: inline-block; height: 36px; padding: 0px 30px; font-size: 14px; line-height: 36px; background: #FFCC01; text-align: center; color: #141414 !important; text-shadow: 0px 0px 0px #141414; border: 0px; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.3s; outline: none; }
.butt1:hover, .butt4:hover { color: #141414 !important;
    background: #FFD015;
    background: linear-gradient(to bottom, #FFD015 0%,#F9B706 100%);
}
.butt1:active, .butt4:active { color: #FFFFFF !important;
    background: #F9C804;
    background: linear-gradient(to bottom, #F9C804 0%,#F9B706 100%);
}
.butt2 { display: inline-block; height: 36px; padding: 0px 30px; font-size: 18px; line-height: 36px; background: #2EADCB; text-align: center; color: #FFFFFF !important; text-shadow: 0px 0px 0px #FFFFFF; border: 0px; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.3s; outline: none; }
.butt2:hover { color: #FFFFFF !important;
    background: #FFD015;
    background: linear-gradient(to bottom, #2EADCB 0%, #088FAF 100%);
}
.butt2:active { color: #FFFFFF !important; background: #2EADCB; }


.butt3 { display: inline-block; height: 36px; padding: 0px 30px; font-size: 14px; line-height: 36px; background: #2EADCB; text-align: center; color: #FFFFFF !important; text-shadow: 0px 0px 0px #FFFFFF; border: 0px; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.3s; outline: none; }
.butt3:hover { color: #FFFFFF !important;
    background: #FFD015;
    background: linear-gradient(to bottom, #2EADCB 0%, #088FAF 100%);
}
.butt3:active { color: #FFFFFF !important; background: #2EADCB; }

.butt5 { display: inline-block; height: 30px; padding: 0px 15px; font-size: 14px; line-height: 30px; background: #FFE993; border: 0px; text-align: center; color: #262A2B !important; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.3s; outline: none; }
.butt5:hover { color: #333333 !important; background: #FFDF64; }

.butt6 { display: inline-block; height: 36px; padding: 0px 30px; font-size: 14px; line-height: 36px; border: 1px solid #2EADCB; text-align: center; color: #262A2B !important; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; transition: 0.3s; outline: none; }
.butt6:hover { color: #FFFFFF !important; background: #2EADCB; }
/* КНОПКИ */

/* ПСЕВДОССЫЛКИ */
.anchor { color: #4097B4; text-decoration: underline; cursor: pointer; }
.anchor:active { color: #3A82B0; }
.anchor:hover { color: #3A82B0; }
/* ПСЕВДОССЫЛКИ */

/* ТАБЛИЦА */
.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: 10px; background: #FFFFFF; line-height: 0px; border: 1px solid #E3E3E3; box-sizing: border-box; vertical-align: top; transition: 0.2s; cursor: text; }
.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: #A2A2A2; opacity: 1; transition: opacity 0.3s ease; } 
.textinput input:-moz-placeholder, .textinput textarea:-moz-placeholder { color: #A2A2A2; opacity: 1; transition: opacity 0.3s ease; } 
.textinput input:-ms-input-placeholder, .textinput textarea:-ms-input-placeholder { color: #A2A2A2; 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: 14px; line-height: 0px; font-weight: bold; color: #F75163; }
.textinput:hover { border-color: #A2A2A2; }
.textinput.focused { border-color: #A2A2A2 !important; }
.textinput.error { border-color: #F75163 !important; border-color: #F75163 !important; }

.passwordinput { display: flex !important; align-items: center; }
.passwordinput > .look { margin-left: 10px; display: block; width: 20px; height: 20px; flex-shrink: 0; color: #111111; text-align: center; line-height: 20px; font-size: 16px; cursor: pointer; }
.passwordinput > .look::after { content: '\1F441'; }
.passwordinput > .look.checked { background: #EDEDED; }
.textinput.passwordinput { display: inline-flex !important; padding: 3px 10px; }
.textinput.passwordinput > .look { width: 30px; height: 30px; line-height: 30px; font-size: 22px; }
/* ПОЛЯ ВВОДА */

/* ФЛАЖОК / РАДИОКНОПКА */
.radioinput { position: relative; display: inline-block; height: 18px; padding-left: 20px; font-size: 14px; line-height: 18px; color: #292929; cursor: pointer; transition: 0.2s; }
.radioinput:before { content: ""; position: absolute; left: 0px; top: 2px; width: 14px; height: 14px; border: 1px solid #B4B4B4; transition: 0.2s; }
.radioinput:hover { color: #2EADCB; }
.radioinput.checked:after { content: ''; position: absolute; left: 4px; top: 6px; display: block; width: 8px; height: 8px; background: #FFCC01; border-radius: 50%; }
/* ФЛАЖОК / РАДИОКНОПКА */

/* ВЫПАДАЮЩИЙ СПИСОК */
.selectinput { position: relative; display: inline-block; height: 36px; padding: 10px 40px 10px 10px; background: #FFFFFF; border: 1px solid #E3E3E3; box-sizing: border-box; vertical-align: top; cursor: pointer; }
.selectinput input { border: 0px; padding: 0px; background: transparent; font-size: 14px; line-height: 16px; height: 16px; 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: 22px; top: 15px; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #383838; transition: 0.2s; }
.selectinput:hover { border-color: #A2A2A2; }
.selectinput .layer { display: none; position: absolute; left: -1px; top: 31px; min-width: 100%; max-height: 300px; padding: 0px 0px 10px 0px; border: 1px solid #A2A2A2; background: #FFFFFF; overflow: auto; z-index: 2; }
.selectinput .layer span { display: block; padding: 10px 20px; font-size: 16px; color: #252525; cursor: pointer; white-space: nowrap;}
.selectinput .layer span:hover { color: #2EADCB; }
.selectinput .layer .active { color: #2EADCB; }
.selectinput.opened { border-color: #A2A2A2 !important; }
.selectinput.opened:before { content: ""; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 4px; background: #FFFFFF; z-index: 3; }
.selectinput.opened:after { transform: rotate(-180deg); }
.selectinput.focused { border-color: #A2A2A2 !important; }
.selectinput.opened .layer { display: block; }

.selectinput.disabled { cursor: not-allowed; opacity: 0.6; }
.selectinput.disabled input { cursor: not-allowed; }
/* ВЫПАДАЮЩИЙ СПИСОК */

/* ПОЛЕ */
.field { display: block; }
.field .title { margin-bottom: 8px; display: block; font-size: 14px; color: #707070; }
/* ПОЛЕ */

/* ПОДСКАЗКИ */
.hint { margin-top: -2px; display: inline-block; width: 22px; height: 22px; background: #E2E2E2; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; line-height: 24px; color: #ABABAB; cursor: pointer; vertical-align: middle; border-radius: 50%; }
.hint:after { content: '?'; }
.hint:hover { background: #2A9DD1; color: #FFFFFF; } 
/* ПОДСКАЗКИ */

/* Спойлеры и кастомные точки для статей */
.sert{max-width:90%;border:1px solid gray; margin:10px;}
.spoiler_body {display:none;}
.spoiler_links {cursor:pointer; min-width:300px !important; white-space: normal !important;  width:90% !important; margin-left:2.8%  !important; text-align:center;}
.descrr {max-width: 1024px;}
.descrr li {margin-left:30px;}

h5 ul {line-height:36px; } 
h5 ul li {font-size: 14px; font-weight:normal; background: url(/images/chain1.png) no-repeat left top; padding: 0px 0px 3px 40px; list-style: none; margin: 0;}
h5 ol {line-height:36px; list-style-type: none; counter-reset: num; } 
h5 ol li {font-size: 16px; font-weight:normal; padding: 0px 0px 3px 10px; list-style: none; margin: 0;}
h5 ol li::before { content: counter(num) '. '; counter-increment: num; color: #56B2C8;  font-size:20px; font-style: bold; padding: 0px 10px 0px 0px; }
h6 { background: none repeat scroll 0 0 #FFDD55; color: #383838; font-size: 16px; margin-top:10px; margin-bottom:10px; font-style: italic; font-weight:normal; line-height: 1.45; padding: 1.25em 40px; position: relative; width: 90%; margin-left: 5%; border-radius:5px; }
h6:before { color: #7A7A7A; content: "\201C"; display: block; font-size: 80px; left: -10px; position: absolute; top: -10px; }
h6 cite { color: #999999; display: block; font-size: 14px; margin-top: 5px; }
h6 cite:before { content: "\2014 \2009"; }
/* Спойлеры и кастомные точки для статей */

/* ШАПКА САЙТА */
#header { position: absolute; left: 0px; top: 0px; width: 100%; height: 129px; background: #F8F8F8; z-index: 11; }
#header .topline { height: 50px; background: #292929; }
#header .topline .wrap1 { padding: 0px 351px 0px 30px; box-sizing: border-box; }
#header .topline .text1 { position: absolute; left: 0px; top: 0px; width: calc(100% - 476px); height: 50px; padding-left: 30px; line-height: 50px; font-size: 14px; color: #FFCC01; box-sizing: border-box; }
#header .client { position: absolute; right: 30px; top: 5px; width: 38px; height: 38px; border: 1px solid #8A8A8A; border-radius: 50%; background: #323D42; overflow: hidden; transition: 0.2s; cursor: pointer; }
#header .client svg { position: absolute; left: 2px; top: 6px; display: block; width: 26px; height: 26px; }
#header .client svg use { fill: #8A8A8A; transition: 0.2s; }
#header .client img { width: 100%; height: 100%; object-fit: cover; } 
#header .client:hover { border-color: #FBCB2C; }
#header .client:hover svg use { fill: #FBCB2C; }
#header .cmp { position: absolute; right: 140px; top: 13px; width: 24px; height: 24px; cursor: pointer; }
#header .cmp svg { width: 24px; height: 24px; }
#header .cmp svg use { fill: #8A8A8A; transition: 0.2s; }
#header .cmp:not(.cmp0):hover svg use { fill: #FFCF07; }
#header .cmp span { position: absolute; right: -20px; top: 0px; display: none; height: 24px; line-height: 24px; font-size: 16px; color: #848484; }

#header .cmp.cmp0 { cursor: default; }

#header .wl { position: absolute; right: 220px; top: 13px; width: 24px; height: 24px; cursor: pointer; }
#header .wl svg { width: 24px; height: 24px; }
#header .wl svg use { fill: #8A8A8A; transition: 0.2s; }
#header .wl:not(.wl0):hover svg use { fill: #FFCF07; }
#header .wl span { position: absolute; right: -20px; top: 0px; display: none; height: 24px; line-height: 24px; font-size: 16px; color: #848484; }

#header .wl.wl0 { cursor: default; }

#header .butt-search { position: absolute; right: 350px; top: 0px; width: 48px; height: 50px; border-right: 2px solid #343434; cursor: pointer; z-index: 2; transition: 0.2s; }
#header .butt-search svg { position: absolute; left: 15px; top: 15px; width: 20px; height: 20px; }
#header .butt-search svg use { stroke: #8A8A8A; fill: #292929; transition: 0.2s; }
#header .butt-search:hover svg use { stroke: #FFCF07; }
#header .butt-search.checked { background: #555555; }
#header .butt-search.checked svg use { stroke: #FFCF07; fill: #555555; }
#header .search { position: relative; display: block; width: 100%; height: 50px; z-index: 1; }
#header .search input { position: absolute; right: 0px; top: 0px; width: 0px; height: 50px; padding: 5px 0px; font-size: 14px; line-height: 18px; border: 0px; color: #8A8A8A; background: #555; box-sizing: border-box; transition: 0.2s; vertical-align: top; -webkit-appearance: textfield; }
#header .search input::-webkit-search-decoration { -webkit-appearance: none; }
#header .search input::-webkit-input-placeholder { color: #FFFFFF; opacity: 1; transition: opacity 0.3s ease; }
#header .search input::-moz-placeholder { color: #FFFFFF; opacity: 1; transition: opacity 0.3s ease; } 
#header .search input:-moz-placeholder { color: #FFFFFF; opacity: 1; transition: opacity 0.3s ease; } 
#header .search input:-ms-input-placeholder { color: #FFFFFF; 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.opened input { width: 100%; padding: 10px 0px 10px 30px; color: #FFFFFF; }
#header .botline { height: 79px; }
#header .logo { position: absolute; left: 0px; top: 0px; display: block; width: 189px; height: 79px; background: #FBCB2C; }
#header .logo svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 158px; height: 79px; }
#header .butt-menu { position: absolute; left: 189px; top: 0px; display: block; width: 88px; height: 79px; background: #7B7B7B; cursor: pointer; }
#header .butt-menu:before { content: ''; position: absolute; left: 26px; top: 18px; display: block; width: 35px; height: 15px; border: 5px solid #FFFFFF; border-width: 5px 0px; transition: 0.2s; }
#header .butt-menu:after { content: ''; position: absolute; left: 26px; top: 28px; display: block; width: 35px; height: 5px; background: #FFFFFF; transition: 0.2s; }
#header .butt-menu span { position: absolute; left: 0px; top: 51px; display: block; width: 100%; text-align: center; font-size: 13px; color: #F0F0F0; transition: 0.2s; }
#header .butt-menu span:after { content: 'Каталог'; }
#header .butt-menu:hover:before { border-color: #FFCF07; }
#header .butt-menu:hover:after { background: #FFCF07; }
#header .butt-menu:hover span { color: #FFCF07; }
#header .menu { position: absolute; left: 300px; top: 40px; list-style: none; margin: 0px; padding: 0px;  }
#header .menu li { max-width: 90px; transform: translate(0,-50%); float: left; margin: 0px; padding: 0px 25px 0px 0px; font-size: 14px; line-height: 20px; text-align:center; }
#header .menu li a { position: relative; color: #292929; text-decoration: none; transition: 0.2s; }
#header .menu li a:hover { color: #2A9DD1; text-decoration: underline; }
#header .cart { position: absolute; right: 30px; top: 0px; width: 77px; height: 79px; border: 1px solid #EAEAEA; border-width: 0px 1px; cursor: pointer; }
#header .cart svg { position: absolute; left: 18px; top: 22px; display: block; width: 38px; height: 38px; }
#header .cart svg use { fill: #B4B4B4; transition: 0.2s; }
#header .cart span { position: absolute; left: 47px; top: 14px; display: none; min-width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; color: #FFFFFF; background: transparent linear-gradient(272deg, #FCA752 0%, #DD4532 100%); border-radius: 50%; }
#header .cart:hover svg use { fill: #363636; }
#header .phone { position: absolute; right: 140px; top: 0px; height: 61px; padding: 18px 0px 0px 25px; border-left: 1px solid #EAEAEA; }
#header .phone span:before { content: '+38(ХХХ)'; margin-right: 5px; font-size: 18px; font-weight: bold; color: #262A2B; }
#header .phone span span { cursor: pointer; }
#header .phone span span:before { content: 'Показать номера'; margin-right: 0px; font-weight: 500; font-size: 12px; color: #2A9DD1; text-decoration: underline; text-decoration-style: dashed; transition: 0.2s; }
#header .phone span span:hover:before { text-decoration: none; }
#header .phone div { margin-top: 4px; font-size: 12px; color: #707070; text-align: right; }
#header .phone svg { display: none; }

#header .lang { position: absolute; right: 280px; top: 11px; height: 24px; font-size: 16px; line-height: 28px; color: #959392; }
#header .lang a { color: #7E7E7E; text-decoration: none; transition: 0.2s; }
#header .lang a::after { content: 'UA'; }
#header .lang a:hover { color: #FFCF07; }
#header .lang .cur { color: #FCFCFC; }
#header .lang .cur::after { content: 'RU'; }
#header .lang .space::after { content: ''; margin-left: 15px; }
/* ШАПКА САЙТА */

/* ГЛАВНОЕ МЕНЮ */
#main-menu { position: absolute; left: 0px; top: 129px; display: none; width: 100%; background: #FAFAFA; overflow: hidden; z-index: 50; }
#main-menu .wrap1 { width: 100%; }
#main-menu .wrap1::before { content: ''; position: absolute; left: 0px; top: 0px; display: block; width: 277px; height: 100%; background: #FFFFFF; border-right: 1px solid #F8F8F8; }
#main-menu .wrap1 .holder { display: flex; }
#main-menu.opened { display: block; }
#main-menu .menu { width: 277px; z-index: 6; }
#main-menu ul { list-style: none; position: relative; margin: 0px; padding: 19px 0px; width: 100%; z-index: 6; }
#main-menu li { position: relative; margin: 5px 0px; padding: 0px; }
#main-menu li a { display: block; padding: 5px 35px; font-size: 16px; line-height: 20px; color: #A7A5A5; text-decoration: none; transition: 0.2s; }
#main-menu li a:before { content: ''; position: absolute; right: 25px; top: 12px; display: block; width: 7px; height: 2px; background: #D9D9D9; transform: rotate(50deg); transition: 0.2s; }
#main-menu li a:after { content: ''; position: absolute; right: 25px; top: 17px; display: block; width: 7px; height: 2px; background: #D9D9D9; transform: rotate(-50deg); transition: 0.2s; }
#main-menu li a:hover { color: #252525; text-shadow: 0px 0px 0ox #252525; }
#main-menu li a:hover:before { background: #B0B0B0; }
#main-menu li a:hover:after { background: #B0B0B0; }
#main-menu li.active a { background: #F6F7F8; color: #252525; text-shadow: 0px 0px 0px #252525; }
#main-menu li.active a:before { background: #B0B0B0; }
#main-menu li.active a:after { background: #B0B0B0; }

#main-menu .menu-search { padding: 35px 25px 10px 30px; }
#main-menu .menu-search .textinput { position: relative; display: block; width: 100%; }
#main-menu .menu-search .textinput span { position: absolute; right: 5px; top: 5px; display: none; width: 26px; height: 26px; background: url('images/ajax-loader.gif'); background-size: 100%; }
#main-menu .menu-search.ajax .textinput span { display: block; }

#main-menu .submenu .search-result { column-count: auto; column-width: 200px; column-gap: 20px; }
#main-menu .submenu .search-result li { display: inline-block; break-inside: avoid; break-inside: avoid-column; }

#main-menu .layer { display: none; }
#main-menu .banner { position: absolute; right: 0px; top: 0px; bottom: 0px; display: block; z-index: 0; }
#main-menu .submenu { position: relative; width: calc(100% - 278px); }
#main-menu .submenu .loader { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url('images/ajax-loader.gif') no-repeat center; }
#main-menu .cols { position: relative; display: inline-block; padding: 30px 0px; background: #FAFAFA; z-index: 1; white-space: nowrap; }
#main-menu .cols .col { margin: 0px 20px; display: inline-block; width: 200px; vertical-align: top; }
#main-menu .cols .col a { margin-top: 7px; display: block; padding: 0px; white-space: normal; font-size: 14px; line-height: 18px; color: #252525; text-decoration: none; }
#main-menu .cols .col a:hover { text-decoration: underline; }
#main-menu .cols .col a:first-child { margin-top: 0px; }
#main-menu .cols .col span { margin-top: 7px; display: block; }
#main-menu .cols .col span a { margin-top: 0px; font-size: 16px; line-height: 22px; color: #56A50F; }
#main-menu .cols .col span:first-child { margin-top: 0px; }

#main-menu .cols .col a { margin-top: 7px; display: block; padding: 0px; white-space: normal; font-size: 14px; line-height: 18px; color: #252525; text-decoration: none; transition: 0.2s; }
#main-menu .cols .col a:hover { text-decoration: underline; }
#main-menu .cols .col a:first-child { margin-top: 0px; }
#main-menu .cols .col span { margin-top: 7px; display: block; }
#main-menu .cols .col span a { margin-top: 0px; font-size: 16px; line-height: 22px; color: #56A50F; }
#main-menu .cols .col span:first-child { margin-top: 0px; }
/* ГЛАВНОЕ МЕНЮ */

/* ИНФОРМАЦИОННАЯ СТРОКА */
.infobar { padding: 10px 5px 10px 5px; text-align: center; color: #D5FFEF; background: #63807D; margin-top: -10px; }
/* ИНФОРМАЦИОННАЯ СТРОКА */  

/* БЛОКИ */
.block { margin-top: 50px; }
.block:first-child { margin-top: 0px; }
.block h3, .block .title { margin: 20px; font-size: 30px; font-weight: bold; color: #262A2B; }
.block h3 .lookall, .block .title .lookall { margin-left: 25px; display: inline-block; font-size: 14px; font-weight: normal; color: #2EADCB; text-decoration: none; vertical-align: middle; }
.block h3 .lookall:hover, .block .title .lookall:hover { text-decoration: underline; }

.btext { line-height: 1.5em; }
.btext h1 { line-height: 36px; }
.btext h2 { line-height: 30px; }
.btext h3 { line-height: 26px; }
.btext h4 { line-height: 22px; }
.btext p { margin-top: 0px; }
.btext p:first-child { margin-top: 0px; }

.error { margin-top: 30px; padding: 20px 0px; font-size: 20px; color: #262A2B; }
/* БЛОКИ */

/* ГЕОСПАМ */
#geospam { margin-top: 20px; overflow: hidden; font-size: 14px; line-height: 22px; }
#geospam .icon { float: left; margin: 8px 10px 10px 0px; display: block; width: 40px; height: 30px; background: url('images/utp.png'); }
/* ГЕОСПАМ */

/* ПОДВАЛ */
#footer { position: relative; margin-top: -925px; height: 925px; background: #292929; overflow: hidden; }
#footer>.wrap1>.wrap2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; height: 850px; }
#footer .side { position: relative; width: 228px; height: 100%; padding: 50px 0px 0px 0px; box-sizing: border-box; }
#footer .side .phones { list-style: none; margin: 0px 0px 30px 0px; padding: 0px; }
#footer .side .phones::before { content: 'Обратная связь'; margin-bottom: 15px; display: block; font-size: 18px; font-weight: 600; color: #A8A8A8; }
#footer .side .phones li { margin: 0px 0px 5px 0px; padding: 0px; font-size: 14px; line-height: 30px; color: #BEBEBE; }
#footer .side .phones li a { margin-left: 10px; color: #BEBEBE; text-decoration: none; font-weight: bold; }
#footer .side .phones li a:hover { color: #BEBEBE; }
#footer .side .phones li svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

/*
#footer .side .phones li:nth-child(1)::before { content: 'Киев:'; }
#footer .side .phones li:nth-child(2)::before { content: 'Харьков:'; }
*/

#footer .side .phones li:nth-child(1) svg use { fill: #B57AF0; }
#footer .side .phones li:nth-child(2) svg use { fill: #0289D3; }
#footer .side .phones li:nth-child(3) svg use { fill: #B57AF0; }
#footer .side .phones li:nth-child(4) svg use { fill: #0289D3; }
#footer .side .phones li:nth-child(5) svg use { fill: #FFC10E; }
#footer .side .phones li:nth-child(6) svg use { fill: #FF0000; }
#footer .side .phones li:nth-child(7) svg use { fill: #3A76F0; }

#footer .side .shop { list-style: none; margin: 0px 0px 20px 0px; padding: 0px; }
#footer .side .shop::before { content: 'Адрес магазина:'; margin-bottom: 15px; display: block; font-size: 18px; font-weight: 600; color: #A8A8A8; }
#footer .side .shop li { margin: 0px 0px 5px 0px; padding: 0px; font-size: 14px; line-height: 30px; color: #BEBEBE; }

#footer .side .address { list-style: none; margin: 0px; padding: 0px; }
#footer .side .address::before { content: 'Адреса офисов:'; margin-bottom: 15px; display: block; font-size: 18px; font-weight: 600; color: #A8A8A8; }
#footer .side .address li { margin: 0px 0px 5px 0px; padding: 0px; font-size: 14px; line-height: 30px; color: #BEBEBE; }
#footer .side .address::after { content: 'В офисах нет витрин товаров, торговля и самовывоз в них не ведется.'; margin-top: 10px; display: block; font-size: 14px; font-weight: 600; color: #BEBEBE; }

#footer .side .socials { position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: justify; }
#footer .side .socials .anchor { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; vertical-align: top; }
#footer .side .socials .anchor::before { content: ''; position: absolute; left: 2%; top: 2%; display: block; width: 96%; height: 96%; background: #868686; border-radius: 50%; }
#footer .side .socials .anchor svg { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; z-index: 1; }
#footer .side .socials .anchor svg use { fill: #363636; }
#footer .side .socials::after { content: ''; display: inline-block; width: 100%; height: 1px; vertical-align: top; }
#footer .side .socials .anchor.tt::before { background: #363636; }
#footer .side .socials .anchor.tt svg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60%; height: 60%; }
#footer .side .socials .anchor.tt svg use { fill: #868686; } 

#footer .side .subscribe { margin-top: 20px; display: flex; flex-wrap: wrap; }
#footer .side .subscribe::before { content: 'Подписка на акции:'; margin-bottom: 15px; display: block; width: 100%; font-size: 18px; font-weight: 600; color: #A8A8A8; }
#footer .side .subscribe .textinput { width: calc(100% - 38px); }
#footer .side .subscribe button { height: 38px; line-height: 38px; width: 38px; padding: 0px; }
#footer .side .subscribe button::after { content: 'OK'; }
#footer .side .subscribe button.ajax { background-color: #F9C804; background-image: url('images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center; background-size: 60%; transition: 0s; }
#footer .side .subscribe button.ajax::after { display: none; }

#footer .menu { width: calc(100% - 308px); padding-top: 50px; column-count: 3; column-gap: 80px; }
#footer .menu .folder { margin-bottom: 30px; display: inline-block; width: 100%; }
#footer .menu .folder div { margin-bottom: 16px; font-size: 18px; font-weight: bold; }
#footer .menu .folder div a { color: #A8A8A8; text-decoration: none; }
#footer .menu .folder div a:hover { color: #FBCB2C; }
#footer .menu .folder span { display: block; font-size: 14px; line-height: 28px; }
#footer .menu .folder span a { color: #A8A8A8; text-decoration: none; }
#footer .menu .folder span a:hover { color: #FBCB2C; }
#footer .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 99px; border-top: 1px solid #303030; }
#footer .copyright { position: absolute; left: 0px; top: 40px; font-size: 13px; color: #6B6B6B; }
#footer .copyright:before { content: '© 2007-'; }
#footer .copyright span:before { content: ' \00AB'; }
#footer .copyright span:after { content: '\00BB  Все права защищены'; }
#footer .copyright a { color: #6B6B6B; text-decoration: none; }
#footer .copyright a:after { content: 'Veliki.com.ua'; }
#footer .copyright a:hover { text-decoration: underline; }
#footer .logo-sensepro { position: absolute; right: 0px; top: 35px; display: block; width: 128px; height: 25px; background: url('images/logo/sensepro.png'); }
#footer .logo-melbis { position: absolute; right: 148px; top: 35px; display: block; width: 116px; height: 25px; background: url('images/logo/melbis.png'); }
#footer .logo-3wstudio { position: absolute; right: 284px; top: 35px; display: none; width: 107px; height: 25px; background: url('images/logo/3wstudio.png'); }
/* ПОДВАЛ */

/* ШРИФТЫ */
.font-18-bold { font-size: 18px; font-weight: bold; }
/* ШРИФТЫ */

/* ОКНО КРЕДИТА */
#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; transition: 0.3s; }
#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; }
/* ОКНО КРЕДИТА */

/* КЛИЕНТСКОЕ МЕНЮ */
#clientmenu { position: fixed; margin: 15px 0px 0px -190px; width: 190px; padding: 20px; background: #FFFFFF; border: 1px solid #E5E5E5; z-index: 51; }
#clientmenu a { display: block; padding: 5px; font-size: 16px; color: #292929; text-decoration: none; border-top: 1px solid #EAEAEA; }
#clientmenu a:first-child { border-top: 0px; }
#clientmenu a:hover { color: #2EADCB; }
#clientmenu::before { content: ''; position: absolute; right: 30px; top: -10px; display: block; width: 0px; height: 0px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 10px solid #E5E5E5; }
#clientmenu::after { content: ''; position: absolute; right: 31px; top: -9px; display: block; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFFFFF; }
/* КЛИЕНТСКОЕ МЕНЮ */

/* СЛОЙ С ТЕЛЕФОНАМИ */
#phones-layer { position: fixed; top: 112px; margin-left: -90px; display: none; width: 180px; padding: 30px; background: #FFFFFF; border: 1px solid #E5E5E5; z-index: 51; }
#phones-layer div { font-size: 14px; line-height: 30px; color: #3A82B0; }
#phones-layer a { text-decoration: none; }
#phones-layer a:hover { text-decoration: underline; text-decoration-style: dotted; }
#phones-layer .city { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; }
#phones-layer .city div:nth-child(1)::before { content: 'Киев:'; margin-right: 5px; color: #292929; }
#phones-layer .city div:nth-child(2)::before { content: 'Харьков:'; margin-right: 5px; color: #292929; }
#phones-layer .mobile div { position: relative; padding-left: 22px; }
#phones-layer .mobile div svg { position: absolute; left: 3px; top: 9px; display: block; width: 13px; height: 13px; }
#phones-layer .mobile div::after { margin-left: 5px; color: #979797; font-size: 11px; }

#phones-layer .mobile div.telegram svg use { fill: #27A7E8; }
#phones-layer .mobile div.telegram::after { content: '(Telegram)'; }

#phones-layer .mobile div.viber svg use { fill: #B57AF0; }
#phones-layer .mobile div.viber::after { content: '(Viber)'; }
#phones-layer .mobile div.kyivstar svg use { fill: #0289D3; }
#phones-layer .mobile div.kyivstar::after { content: '(Киевстар)'; }
#phones-layer .mobile div.vodafone svg use { fill: #FF0000; }
#phones-layer .mobile div.vodafone::after { content: '(Vodafone)'; }
#phones-layer .mobile div.lifecell svg use { fill: #FFC10E; }
#phones-layer .mobile div.lifecell::after { content: '(Lifecel)'; }
#phones-layer .mobile div.signal svg use { fill: #3A76F0; }
#phones-layer .mobile div.signal::after { content: '(Signal)'; }
#phones-layer .time-on-site { margin-top: 20px; padding-top: 20px; font-size: 12px; line-height: 18px; color: #707070; text-align: right; border-top: 1px solid #E5E5E5; }
#phones-layer:before { content: ''; position: absolute; right: 60px; top: -10px; display: block; width: 0px; height: 0px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 10px solid #E5E5E5; }
#phones-layer:after { content: ''; position: absolute; right: 61px; top: -9px; display: block; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFFFFF; }
#phones-layer.opened { display: block; }
/* СЛОЙ С ТЕЛЕФОНАМИ */

/* СТРЕЛКА ВВЕРХ */
#uparrow { position: fixed; right: 6px; bottom: 250px; display: none; width: 54px; height: 54px; background: rgba(17,17,17,0.6); border-radius: 6px; z-index: 22; cursor: pointer; }
#uparrow:before { content: ""; position: absolute; left: 21px; top: 13px; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #FFFFFF; }
#uparrow:after { content: "\041D\0430\0432\0435\0440\0445"; position: absolute; left: 0px; bottom: 13px; width: 100%; text-align: center; font-size: 12px; color: #FFFFFF; }
/* СТРЕЛКА ВВЕРХ */

/* МОБИЛЬНОЕ МЕНЮ */
#mobile-menu { position: fixed; right: 0px; top: 79px; display: none; width: 0px; height: calc(100% - 79px); background: #1D1D1D; box-sizing: border-box; z-index: 23; }
#mobile-menu .swiper-container { width: 100%; height: 100%; }
#mobile-menu .swiper-slide { height: auto; }

#mobile-menu .swiper-slide .loader { position: relative; margin-top: 20px; height: 150px; background: url('images/ajax-loader.gif') no-repeat center; }

#mobile-menu .back { display: block; padding: 20px; font-size: 14px; color: #A8A8A8; background: #292929; }

#mobile-menu .parent-name { padding: 20px; font-size: 18px; color: #A8A8A8; font-weight: bold; }
#mobile-menu .parent-name a { color: #A8A8A8; text-decoration: none; }

#mobile-menu ul { list-style: none; margin: 0px; padding: 0px; }
#mobile-menu ul li { margin: 0px; padding: 0px; border-bottom: 1px solid #252525; }
#mobile-menu ul li a { position: relative; display: block; padding: 15px 54px 15px 20px; font-size: 14px; line-height: 20px; color: #A8A8A8; text-decoration: none; transition: 0.2s; }
#mobile-menu ul li a:hover { color: #FFCF07; }
#mobile-menu ul li a svg { position: absolute; right: 10px; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; }
#mobile-menu ul li a svg use { fill: #B3B3B3; transition: 0.2s; }
#mobile-menu ul li a:hover svg use { fill: #FFCF07; }
#mobile-menu ul li a .client-photo { position: absolute; right: 10px; top: 50%; margin-top: -12px; display: block; width: 22px; height: 22px; border: 2px solid #B3B3B3; box-shadow: 0px 0px 1px 0px #404040; border-radius: 50%; overflow: hidden; transition: 0.2s; }
#mobile-menu ul li a .client-photo img { width: 100%; height: 100%; object-fit: cover; }
#mobile-menu ul li a:hover .client-photo { border-color: #FFCF07; }
#mobile-menu ul li.drop a::after { content: ''; position: absolute; right: 17px; top: 50%; transform: translate(0px, -3px) rotate(45deg); display: block; width: 10px; height: 2px; background: #D1D1D1; }
#mobile-menu ul li.drop a::before { content: ''; position: absolute; right: 17px; top: 50%; transform: translate(0px, 3px) rotate(-45deg); display: block; width: 10px; height: 2px; background: #D1D1D1; }
#mobile-menu ul li.sub a { padding-left: 40px; color: #8A8A8A; }
#mobile-menu ul li.sub a::before { content: ''; position: absolute; left: 20px; top: 24px; display: block; width: 10px; height: 1px; background: #A8A8A8; } 

#mobile-menu ul:nth-child(2) { background: #292929; }
#mobile-menu ul:nth-child(2) li { border-bottom-color: #303030; } 

#mobile-menu .phones::before { content: 'Обратная связь'; display: block; padding: 50px 20px 0px 20px; font-size: 18px; color: #A8A8A8; }
#mobile-menu .phones div { padding-top: 20px; font-size: 14px; line-height: 20px; color: #F2F2F2; }
#mobile-menu .phones a { text-decoration: none; color: #F2F2F2; }
#mobile-menu .phones a:hover { text-decoration: underline; text-decoration-style: dotted; }
#mobile-menu .phones .city { padding: 0px 20px 20px 20px; } 
#mobile-menu .phones .city { padding-bottom: 20px; border-bottom: 1px solid #252525; }
#mobile-menu .phones .city div:nth-child(1)::before { content: 'Киев:'; margin-right: 5px; }
#mobile-menu .phones .city div:nth-child(2)::before { content: 'Харьков:'; margin-right: 5px; }
#mobile-menu .phones .mobile { padding: 0px 20px 20px 20px; }
#mobile-menu .phones .mobile div { position: relative; padding-left: 32px; }
#mobile-menu .phones .mobile div svg { position: absolute; left: 1px; top: 21px; display: block; width: 18px; height: 18px; }
#mobile-menu .phones .mobile div::after { margin-left: 5px; color: #F2F2F2; }
#mobile-menu .phones .mobile div.viber svg use { fill: #B57AF0; }
#mobile-menu .phones .mobile div.viber::after { content: '(Viber)'; }
#mobile-menu .phones .mobile div.kyivstar svg use { fill: #0289D3; }
#mobile-menu .phones .mobile div.kyivstar::after { content: '(Киевстар)'; }
#mobile-menu .phones .mobile div.vodafone svg use { fill: #FF0000; }
#mobile-menu .phones .mobile div.vodafone::after { content: '(Vodafone)'; }
#mobile-menu .phones .mobile div.lifecell svg use { fill: #FFC10E; }
#mobile-menu .phones .mobile div.lifecell::after { content: '(Lifecel)'; }

#mobile-menu .social { padding: 20px; border-top: 1px solid #252525; text-align: justify; }
#mobile-menu .social .anchor { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; vertical-align: top; }
#mobile-menu .social .anchor::before { content: ''; position: absolute; left: 2%; top: 2%; display: block; width: 96%; height: 96%; background: #868686; border-radius: 50%; }
#mobile-menu .social .anchor svg { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; z-index: 1; }
#mobile-menu .social .anchor svg use { fill: #363636; }
#mobile-menu .social::after { content: ''; display: inline-block; width: 100%; height: 1px; vertical-align: top; }

#mobile-menu.opened { display: block; width: 360px; }
/* МОБИЛЬНОЕ МЕНЮ */

/* ПОДСКАЗКА */
#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: 2500000000000; }
#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; display: block; border: 3px solid #2EAECC; width: 260px; margin: 32px 0px 0px -17px; padding: 20px; background: #FFFFFF; font-size: 14px; line-height: 20px; color: #8C8C8C; z-index: 100000000001; }
#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; }
#error-hint-layer.right:before { left: auto; right: 15px; }
/* ОШИБКА */

/* СЛОЙ ЗАТЕМНЕНИЯ */
#dimming-layer { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; background: rgba(0,0,0,0.45); z-index: 3; }
#dimming-layer.visible { display: block; }
/* СЛОЙ ЗАТЕМНЕНИЯ */

/* СЛОЙ ДЛЯ ВЫЧИСЛЕНИЯ ШИРИНЫ ТЕКСТА */
#text-node-size { position: absolute; left: -9999px; top: -9999px; }
#text-node-size.filter { font-size: 14px; line-height: 18px; }
/* СЛОЙ ДЛЯ ВЫЧИСЛЕНИЯ ШИРИНЫ ТЕКСТА */

/* ОКНО АВТОРИЗАЦИИ */
#enter-layer { position: relative; }
#enter-layer label { display: block; margin-top: 10px; font: 14px Tahoma; position: relative; }
#enter-layer label > span { display: block; margin-top: 5px; height: 18px; padding: 5px 10px; border: 1px solid #C3C3C3; border-radius: 3px; vertical-align: top; position: relative; }
#enter-layer label > span > input { border: 0px; padding: 0px; background: transparent; font-size: 14px; line-height: 18px; height: 18px; width: 227px; vertical-align: top; }
#enter-layer label b { position: absolute; right: 0px; top: 1px; font: normal 13px Tahoma; text-align: center; color: #004B51; cursor: pointer; border-bottom: 1px dotted #004B51; }
#enter-layer label b:hover { color: #F75163; border-bottom: 0px; }
#enter-layer .butt { margin-top: 10px; height: 42px; position: relative; }
#enter-layer .butt .radioinput { position: absolute; left: 0px; top: 10px; display: block; padding-left: 26px; font: 12px/20px Tahoma; color: #363A40; cursor: pointer; }
#enter-layer .butt .butt1 { position: absolute; right: 0px; top: 0px; width: 120px; }
#enter-layer .register { margin: 10px -20px 0px -20px; padding: 20px 20px 0px 20px; border-top: 1px solid #C3C3C3; background: #F5F5F5; }
#enter-layer .register .butt2 { display: block; }
#enter-layer .auto_enter { position: absolute; left: -9999px; top: -9999px; }
#enter-layer .text { margin-top: 10px; font: 16px/24px Roboto, Arial, sans-serif; color: #707070; }
#enter-layer .forget { margin-top: 10px; height: 42px; position: relative; }
#enter-layer .forget span { position: absolute; left: 0px; top: 10px; font: 13px Tahoma; color: #004B51; cursor: pointer; border-bottom: 1px dotted #004B51; }
#enter-layer .forget span:hover { color: #F75163; border-bottom: 0px; }
#enter-layer .forget .butt1 { position: absolute; right: 0px; top: 0px; padding: 0px 10px; }
/* ОКНО АВТОРИЗАЦИИ */

/* ПОДСКАЗКА ПОИСКА */
#searchhint { display: none; position: fixed; left: 20px; top: 20px; width: 407px; background: #FFFFFF; border: 1px solid #A6BBD6; z-index: 16; }
#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-heihgt: 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 .topic { padding: 3px 0px; }
#searchhint .topic .cnt { min-height: 40px !important; padding-top: 28px !important; }
#searchhint .topic .name { font-weight: bold; }
#searchhint .topic:hover .cnt { border-color: #A8D2FD; background: #EDF4FC; }
#searchhint .searchhits { font-size: 14px; line-height: 18px; padding: 8px; }
#searchhint .searchhits a { color: #4097B4; }
#searchhint .searchhits:before { content: 'Популярные запросы'; margin-bottom: 5px; display: block; color: #292929; }
#searchhint .searchlast { font-size: 14px; line-height: 18px; padding: 8px; }
#searchhint .searchlast div { padding-bottom: 3px; }
#searchhint .searchlast a { color: #4097B4; }
#searchhint .searchlast:before { content: 'Последние запросы'; margin-bottom: 5px; display: block; color: #292929; }
/* ПОДСКАЗКА ПОИСКА */

/* ОКНО "ХОТИТЕ ПОЛУЧИТЬ ОТВЕТ?" */
#comment-data-layer { position: relative; }
#comment-data-layer .text { margin-top: 10px; font-size: 16px; line-height: 24px; color: #707070; }
#comment-data-layer .field { margin-top: 10px; }
#comment-data-layer .field .title { margin-bottom: 5px; }
#comment-data-layer .field .textinput { width: 100%; }
#comment-data-layer .captcha { margin-top: 10px; position: relative; padding-left: 135px; height: 60px; }
#comment-data-layer .captcha img { position: absolute; left: 0px; top: 0px; cursor: pointer; }
#comment-data-layer .captcha label { margin-top: 0px; padding-top: 3px; }
#comment-data-layer .buttons { margin-top: 20px; white-space: nowrap; }
#comment-data-layer .buttons .butt1 { display: block; width: 100%; padding: 0px; }
#comment-data-layer .buttons.ajax { height: 36px; background: url('images/upload-loader.gif') no-repeat 50% 50%; }
#comment-data-layer .buttons.ajax .butt1 { display: none; }
/* ОКНО "ХОТИТЕ ПОЛУЧИТЬ ОТВЕТ?" */

/* НЕТ ВАШЕГО РАЗМЕРА РАМЫ? */
#nobike-layer .line1 { padding-top: 10px; font-size: 16px; line-height: 24px; color: #707070; }
#nobike-layer .line2 { margin-top: 10px; }
#nobike-layer .line3 { margin-top: 10px; }
#nobike-layer .line3 .textinput { width: 100%; }
#nobike-layer .line4 { margin-top: 10px; text-align: center; }
/* НЕТ ВАШЕГО РАЗМЕРА РАМЫ? */

/* ОКНО ДОБАВЛЕНИЯ ТОВАРА В ЛИСТ ОЖИДАНИЯ */
#wait-layer { position: relative; }
#wait-layer .text { padding-top: 10px; font-size: 16px; line-height: 24px; color: #707070; }
#wait-layer .buttons { margin-top: 20px; height: 48px; position: relative; }
#wait-layer .buttons .butt1 { position: absolute; left: 0px; top: 0px; display: block; width: 154px; padding: 0px; }
#wait-layer label { display: block; margin-top: 10px; font-size: 14px; position: relative; }
#wait-layer label span { display: block; margin-top: 5px; height: 18px; padding: 5px 10px; border: 1px solid #C3C3C3; border-radius: 3px; vertical-align: top; position: relative; }
#wait-layer label span input { border: 0px; padding: 0px; background: transparent; font-size: 14px; line-height: 18px; height: 18px; width: 227px; vertical-align: top; }
#wait-layer label b { position: absolute; right: 0px; top: 1px; font-weight: normal; font-size: 13px; text-align: center; color: #004B51; cursor: pointer; border-bottom: 1px dotted #004B51; }
#wait-layer label b:hover { color: #F75163; border-bottom: 0px; }
/* ОКНО ДОБАВЛЕНИЯ ТОВАРА В ЛИСТ ОЖИДАНИЯ */

/* СОДЕРЖИМОЕ КОРЗИНЫ */
#card-layer { position: relative; margin: 10px -20px -20px -20px; padding: 10px 10px 20px 10px; background: #FAFAFF; border-radius: 0px 0 5px 5px; border-top: 1px solid #E5E5E5; }

#card-layer .total_top { color: #555A5D; font-size: 14px; }
#card-layer .total_top span { margin-left: 33px; font-size: 16px; font-weight: bold; }

#card-layer .min-order-warning { margin-top: 15px; display: none; padding: 6px 20px; font-weight: bold; font-size: 14px; line-height: 22px; }

#card-layer .store { position: relative; margin-top: 10px; padding: 14px 30px 45px 105px; min-height: 34px; border: 1px solid #E5E5E5; background: #FFFFFF; }
#card-layer .store .icon { position: absolute; left: 7px; top: 7px; display: block; width: 90px; height: 90px; text-align: center; line-height: 90px; overflow: hidden; }
#card-layer .store .icon img { max-width: 90px; max-height: 90px; }
#card-layer .store .name { font-size: 13px; line-height: 16px; }
#card-layer .store .name a { color: #2EAECC; text-decoration: none; }
#card-layer .store .name a:hover { text-decoration: underline; }
#card-layer .store .price { position: absolute; left: 160px; bottom: 20px; display: block; font-weight: bold; font-size: 12px; color: #555555; } 
#card-layer .store .how { position: absolute; left: 105px; bottom: 14px; padding: 0px 15px 0px 4px; width: 17px; height: 24px; border: 1px solid #E5E5E5; border-radius: 1px; }
#card-layer .store .how .num { display: block; width: 17px; height: 24px; text-align: left; font-size: 13px; line-height: 24px; color: #333333; overflow: hidden; }
#card-layer .store .how .add { position: absolute; right: 2px; top: 2px; display: block; width: 10px; height: 10px; background-size: 10px; cursor: pointer;
    background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDMwNy4wNTQgMzA3LjA1NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA3LjA1NCAzMDcuMDU0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgaWQ9Il94MzRfODUuX1VwIj4KCQk8Zz4KCQkJPHBhdGggZD0iTTMwMi40NDUsMjA1Ljc4OEwxNjQuNjMsNjcuOTU5Yy02LjEzNi02LjEzLTE2LjA3NC02LjEzLTIyLjIwMywwTDQuNTk3LDIwNS43ODhjLTYuMTI5LDYuMTMyLTYuMTI5LDE2LjA2OSwwLDIyLjIwMSAgICAgbDExLjEwMSwxMS4xMDFjNi4xMjksNi4xMzYsMTYuMDc2LDYuMTM2LDIyLjIwOSwwbDExNS42Mi0xMTUuNjI2TDI2OS4xNTEsMjM5LjA5YzYuMTI4LDYuMTM2LDE2LjA3LDYuMTM2LDIyLjIwMSwwICAgICBsMTEuMTAxLTExLjEwMUMzMDguNTg5LDIyMS44NSwzMDguNTg5LDIxMS45MiwzMDIuNDQ1LDIwNS43ODh6IiBmaWxsPSIjNTU1NTU1Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');
}
#card-layer .store .how .dec { position: absolute; right: 2px; bottom: 2px; display: block; width: 10px; height: 10px; background-size: 10px; cursor: pointer;
    background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDMwNy4wNTMgMzA3LjA1MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA3LjA1MyAzMDcuMDUzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgaWQ9Il94MzRfODYuX0Rvd24iPgoJCTxnPgoJCQk8cGF0aCBkPSJNMzAyLjQ0NSw4MC43OTZsLTExLjEwMS0xMS4xMDNjLTYuMTIzLTYuMTMxLTE2LjA3NC02LjEzMS0yMi4yMDksMEwxNTMuNjcsMTgzLjcwN0wzNy45MDcsNjcuOTU5ICAgICBjLTYuMTM0LTYuMTMtMTYuMDgtNi4xMy0yMi4yMDksMEw0LjU5Nyw3OS4wNmMtNi4xMjksNi4xMzMtNi4xMjksMTYuMDY3LDAsMjIuMjAxbDEzNy44MywxMzcuODI5ICAgICBjNi4xMjksNi4xMzYsMTYuMDY3LDYuMTM2LDIyLjIwMywwbDEzNy44MTUtMTM2LjA5NkMzMDguNTg5LDk2Ljg2NCwzMDguNTg5LDg2LjkyNiwzMDIuNDQ1LDgwLjc5NnoiIGZpbGw9IiM1NTU1NTUiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
}
#card-layer .store .del { position: absolute; right: 7px; top: 7px; display: block; width: 10px; height: 10px; background-size: 10px; cursor: pointer;
    background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY3Jvc3MiPgoJCTxnPgoJCQk8cG9seWdvbiBwb2ludHM9IjYxMiwzNi4wMDQgNTc2LjUyMSwwLjYwMyAzMDYsMjcwLjYwOCAzNS40NzgsMC42MDMgMCwzNi4wMDQgMjcwLjUyMiwzMDYuMDExIDAsNTc1Ljk5NyAzNS40NzgsNjExLjM5NyAgICAgIDMwNiwzNDEuNDExIDU3Ni41MjEsNjExLjM5NyA2MTIsNTc1Ljk5NyAzNDEuNDU5LDMwNi4wMTEgICAgIiBmaWxsPSIjYTZhZWI0Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');
}
#card-layer .store .del:hover {
    background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY3Jvc3MiPgoJCTxnPgoJCQk8cG9seWdvbiBwb2ludHM9IjYxMiwzNi4wMDQgNTc2LjUyMSwwLjYwMyAzMDYsMjcwLjYwOCAzNS40NzgsMC42MDMgMCwzNi4wMDQgMjcwLjUyMiwzMDYuMDExIDAsNTc1Ljk5NyAzNS40NzgsNjExLjM5NyAgICAgIDMwNiwzNDEuNDExIDU3Ni41MjEsNjExLjM5NyA2MTIsNTc1Ljk5NyAzNDEuNDU5LDMwNi4wMTEgICAgIiBmaWxsPSIjNTU1NTU1Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');
}

#card-layer .total_bottom { margin-top: 20px; font-size: 20px; font-weight: bold; color: #111111; }
#card-layer .total_bottom span { margin-left: 40px; font-size: 16px; color: #555555; }
#card-layer .total_bottom em { display: block; padding-left: 107px; font-size: 16px; font-style: italic; font-weight: bold; color: #F75163; }
#card-layer .total_bottom.NO em { display: none; }

#card-layer .freedeliv { margin-top: 15px; display: none; }
#card-layer .freedeliv svg { margin-right: 10px; display: inline-block; width: 25px; height: 25px; vertical-align: middle; }
#card-layer .freedeliv svg path { fill: #8CD6E7; }
#card-layer .freedeliv span { margin-left: 10px; color: #4991AC; }

#card-layer .butt1 { display: block; margin-top: 15px; height: 62px; line-height: 62px; font-size: 20px; padding: 0px; }
#card-layer .butt2 { display: block; margin-top: 10px; }
#card-layer .butt3 { display: block; margin-top: 10px; }

#card-layer .empty { position: relative; margin-top: 10px; padding: 14px 30px; text-align: center; border: 1px solid #E5E5E5; background: #FFFFFF; font-size: 16px; font-weight: bold; color: #111111; }
/* СОДЕРЖИМОЕ КОРЗИНЫ */

/* ПОДАРОК */
#gift-layer { position: relative; }
#gift-layer .text { margin-top: 10px; }
#gift-layer .loading { margin-top: 10px; height: 50px; line-height: 50px; font-size: 16px; color: #A6A6A6; position: relative; text-align: center; }
#gift-layer .pluso { position: absolute; margin-top: -50px; margin-left: 85px; }
#gift-layer .pluso-more { display: none; }
/* ПОДАРОК */

/* ОКНО ЗАКАЗА В ОДИН КЛИК */
#phoneorder-layer { position: relative; width: 500px; margin: 0px auto; }
#phoneorder-layer div { margin-bottom: 25px; font-size: 16px; line-height: 24px; color: #777777; }
#phoneorder-layer div b { font-size: 18px; font-weight: bold; color: #111111; }
#phoneorder-layer .fields div { white-space: nowrap; }
#phoneorder-layer .fields div em { display: inline-block; vertical-align: top; width: 135px; font-style: normal; line-height: 42px; font-size: 14px; color: #252525; }
#phoneorder-layer .fields div em span { color: #898989; }
#phoneorder-layer .fields .textinput { width: 334px; }
#phoneorder-layer .fields label b { color: #F75163; font-size: 14px; line-height: 14px; }
#phoneorder-layer .butts { margin-bottom: 0px !important; text-align: right; }
#phoneorder-layer .butts .butt1 { width: 237px; padding: 0px !important; }
#phoneorder-layer .butts .butt2 { width: 124px; padding: 0px !important; }
/* ОКНО ЗАКАЗА В ОДИН КЛИК */

/* ОКНО ДОБАВЛЕНИЯ ФОТО К ТОВАРУ */
#comment-fileupload-layer { position: relative; padding-top: 10px; }
#comment-fileupload-layer .dropzone { position: relative; display: block; height: 88px; border: 1px solid #EDEDED; background: #FFFFFF; cursor: pointer; }
#comment-fileupload-layer .dropzone:before { content: 'ПЕРЕТАЩИТЕ СЮДА'; display: block; padding-top: 10px; font-size: 18px; font-weight: bold; text-align: center; color: #6A6A6A; }
#comment-fileupload-layer .dropzone:after { content: 'ВЫБРАТЬ'; margin: 10px auto 0px auto; display: block; width: 220px; height: 36px; font-size: 14px; line-height: 36px; background: #FFCC01; text-align: center; color: #141414; text-shadow: 0px 0px 0px #141414; transition: 0.2s; }
#comment-fileupload-layer .dropzone:hover:after { background: #FFD015; background: linear-gradient(to bottom, #FFD015 0%,#F9B706 100%); }
#comment-fileupload-layer .loader { position: relative; display: none; height: 88px; border: 1px solid #EDEDED; background: #FFFFFF url('images/upload-loader.gif') no-repeat 50% 50%; cursor: wait; }
#comment-fileupload-layer input[type=file] { position: absolute; left: -9999px; top: -9999px; }
/* ОКНО ДОБАВЛЕНИЯ ФОТО К ТОВАРУ */

/* СЛОЙ ЗАГРУЗКИ АВАТАРА */
#avatar-loader-layer { position: relative; padding-top: 30px; }

#avatar-loader-layer .tabs { border-bottom: 2px solid #FFCC01; }
#avatar-loader-layer .tabs span { display: inline-block; width: 50%; height: 34px; font-size: 18px; line-height: 34px; color: #292929; text-shadow: 0px 0px 0px #292929; text-align: center; vertical-align: top; cursor: pointer; transition: 0.2s; }
#avatar-loader-layer .tabs span:hover { background: #FFF6D1; }
#avatar-loader-layer .tabs .active { background: #FFCC01; cursor: default; }
#avatar-loader-layer .tabs .active:hover { background: #FFCC01; }

#avatar-loader-layer .tab { padding-top: 20px; }

#avatar-loader-layer .dropzone { position: relative; display: block; height: 88px; background: #FFFFFF; cursor: pointer; }
#avatar-loader-layer .dropzone:before { content: 'ПЕРЕТАЩИТЕ СЮДА'; display: block; padding-top: 10px; font-size: 18px; font-weight: bold; text-align: center; color: #6A6A6A; }
#avatar-loader-layer .dropzone:after { content: 'ВЫБРАТЬ'; margin: 10px auto 0px auto; display: block; width: 220px; height: 36px; font-size: 14px; line-height: 36px; background: #FFCC01; text-align: center; color: #141414; text-shadow: 0px 0px 0px #141414; transition: 0.2s; }
#avatar-loader-layer .dropzone:hover:after { background: #FFD015; background: linear-gradient(to bottom, #FFD015 0%,#F9B706 100%); }
#avatar-loader-layer .form { display: none; }
#avatar-loader-layer .preview { position: relative; margin: 0px auto; width: 100%; height: 200px; border: 1px solid #EDEDED; background: #FFFFFF; text-align: center; line-height: 200px; overflow: hidden; }
#avatar-loader-layer .preview img { width: 100%; height: auto; object-fit: scale-down; }
#avatar-loader-layer .butt { margin-top: 10px; text-align: center; }
#avatar-loader-layer input[type=file] { position: absolute; left: -9999px; top: -9999px; }

#avatar-loader-layer video { display:  block; width: 100%; }
#avatar-loader-layer .canvas { display:  none; }
#avatar-loader-layer .canvas canvas { width: 100%; }
/* СЛОЙ ЗАГРУЗКИ АВАТАРА */

/* BUG REPORTER */
#bug-reporter-button { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); opacity: 0.5; z-index: 20; }
#bug-reporter-button::after { content: 'Сообщить об ошибке'; }
#bug-reporter-button:hover { opacity: 0.8; }
/* BUG REPORTER */

/* БОНУС ЗА РЕГИСРАЦИЮ */
#bonus-for-registration-layer { position: relative; margin: 0px -21px -21px -21px; padding-top: 15px; }
#bonus-for-registration-layer > .holder { position: relative; display: flex; align-items: center; padding: 10px 0px 20px 0px; background: #FBCB2C; border-top: 30px solid #434343; border-radius: 0px 0px 7px 7px; }
#bonus-for-registration-layer > .holder > svg { transform: translateX(-7px); display: block; width: 120px; height: 120px; flex: 0 0 120px; }
#bonus-for-registration-layer > .holder > div { flex-grow: 1; padding: 0px 20px; text-align: center; }
#bonus-for-registration-layer > .holder > div > .title { font-size: 1rem; color: #434343; font-weight: 500; }
#bonus-for-registration-layer > .holder > div > .descr { margin-top: 15px; color: #434343; }
#bonus-for-registration-layer > .holder > div > .butt { margin-top: 15px; }
/* БОНУС ЗА РЕГИСРАЦИЮ */

/* ВСЯКОЕ РАЗНОЕ */
.texttopic {max-width:1000px; margin:auto;}
.texttopic img {max-width:100%; margin:10px auto 10px auto;}
#topicname { padding-top: 25px; text-transform: none; }
#topicname > h1 { display: inline; margin: 0px; text-transform: unset; }
#topicname .copy-button { position: relative; margin: 0px 0px 0px 15px; transform: translateY(5px); display: inline-block; width: 32px; height: 32px; padding: 0px; background: transparent; border: none; cursor: pointer; }
#topicname .copy-button svg { display: block; width: 100%; height: 100%; fill: none; stroke: #2EADCB; transition: 0.3s; }
#topicname .copy-button:hover svg { stroke: #FDD01B; }

img.lazyload { display: inline-block; background: url('images/ajax-loader.gif') no-repeat 50% 50%; }
iframe.lazyload { display: inline-block; background: url('images/ajax-loader.gif') no-repeat 50% 50%; }
div.lazyload { margin-top: 50px; height: 200px; background: #F8F8F8 url('images/ajax-loader.gif') no-repeat 50% 50%; }
#svglibrary { display: none; }
#page-intro.mce-edit-focus { margin-left: calc(33.3333333333333% - 0px); }
/* ВСЯКОЕ РАЗНОЕ */

/* ДЛЯ МЕНЬШЫХ РАЗМЕРОВ ЭКРАНА */
@media all and (max-width: 1366px) /* 1366 */
{
    .wrap2 { margin: 0px 30px; }
}
@media all and (max-width: 1240px)
{
    #header .topline .text1 { display: none; }
    
    #main-menu .cols { white-space: normal; }
    #main-menu .cols .col:nth-child(4) { margin-top: 30px; }
}
@media all and (max-width: 1200px)
{
    #header .topline .wrap1 { padding: 0px 314px 0px 30px; } 
    #header .client { right: 10px; }
    #header .cmp { right: 100px; }
    #header .wl { right: 175px; }
    #header .butt-search { right: 320px; } 
    #header .cart { right: 0px; border-right: 0px; }
    #header .phone { right: 110px; padding: 18px 0px 0px 15px; }
    #header .lang { right: 235px; }
    #header .menu { left: 278px; }
    #header .menu li { padding: 0px 10px 0px 0px; }
}
@media all and (max-width: 1140px)
{
    #header .phone { right: 95px; }
}
@media all and (max-width: 1100px)
{
    #header .topline .wrap1 { padding: 0px 297px 0px 30px; }
    #header .butt-search { right: 296px; }
    #header .lang { right: 230px; top: 13px; font-size: 20px; line-height: 24px; }
    #header .lang a { color: #FFFFFF; } 
    #header .lang .cur, #header .lang .space { display: none; } 
}
@media all and (max-width: 1060px)
{
    #header .menu li { padding: 0px; }
}
@media all and (max-width: 1024px)
{
    #headerspace { height: 90px; }
    #footerspace { height: 1260px; }
    
    .spoiler_links { min-width: 0px !important; margin-left: 0px !important; padding: 0px; }
    
    #header { position: fixed; height: 79px; }
    #header .topline { height: 0px; background: transparent; }
    #header .topline .wrap1 { padding: 0px; }
    
    #header .client { display: none; }
    
    #header .cmp { right: 79px; top: 0px; width: 79px; height: 79px; border-left: 1px solid #EAEAEA; }
    #header .cmp svg { position: absolute; left: 18px; top: 20px; display: block; width: 38px; height: 38px; }
    #header .cmp svg use { fill: #B4B4B4; transition: 0.2s; }
    #header .cmp span { right: auto; left: 47px; top: 14px; display: none; min-width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; color: #FFFFFF; background: transparent linear-gradient(272deg, #FCA752 0%, #DD4532 100%); border-radius: 50%; }
    #header .cmp:hover svg use { fill: #363636; }

    #header .wl { right: 158px; top: 0px; width: 79px; height: 79px; border-left: 1px solid #EAEAEA; }
    #header .wl svg { position: absolute; left: 18px; top: 20px; display: block; width: 38px; height: 38px; }
    #header .wl svg use { fill: #B4B4B4; transition: 0.2s; }
    #header .wl span { right: auto; left: 47px; top: 14px; display: none; min-width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; color: #FFFFFF; background: transparent linear-gradient(272deg, #FCA752 0%, #DD4532 100%); border-radius: 50%; }
    #header .wl:hover svg use { fill: #363636; }
    
    #header .butt-search { right: 237px; width: 79px; height: 79px; border-right: 0px; border-left: 1px solid #EAEAEA; }
    #header .butt-search svg { position: absolute; left: 18px; top: 20px; display: block; width: 38px; height: 38px; }
    #header .butt-search svg use { stroke: #B4B4B4; fill: #F8F8F8; }
    #header .butt-search:hover svg use { stroke: #363636; }
    #header .butt-search.checked { background: #555555; }
    #header .butt-search.checked svg use { stroke: #FFFFFF; fill: #555555; }
    
    #header .search { position: fixed; left: 0px; top: -80px; width: 100%; height: 80px; padding: 20px; background: #FFFFFF; z-index: 48; box-sizing: border-box; transition: 0.2s; }
    #header .search input { position: relative; right: auto; top: auto; width: 100%; height: 40px; padding: 11px 0px; background: #FFFFFF; }
    #header .search.opened { top: 0px; }
    #header .search.opened input { padding: 11px 0px; color: #363636; }

    #header .butt-menu { width: 79px; background: #555555; }
    #header .butt-menu:before { left: 25px; top: 27px; width: 30px; height: 19px; border-width: 3px 0px; }
    #header .butt-menu:after { left: 25px; top: 38px; display: block; width: 30px; height: 3px; }
    #header .butt-menu span { display: none; }

    #header .menu { display: none; }
    
    #header .cart { border-right: 1px solid #EAEAEA; }
    
    #header .phone { right: 415px; border-left: 0px; }
    
    #header .lang { right: 316px; top: 0px; width: 79px; height: 79px; font-size: 34px; font-weight: 300; line-height: 79px; text-align: center; border-left: 1px solid #EAEAEA; }
    #header .lang a { color: #B4B4B4; }
    
    #news_comment .comment .procontra { display: none; }
    #news_comment .comment .fio, #news_comment .comment .stars { z-index: 1; }    
    #news_comment .comment { margin-top: 30px; padding: 0px; }
    #news_comment .comment .fio { left: 20px; top: 20px; width: auto; text-align: left; }
    #news_comment .comment .stars { position: absolute; margin: 0px; left: 20px; top: 65px; }
    #news_comment .comment .procontra { right: 20px; top: 20px; }
    #news_comment .comment .text { padding: 100px 20px 20px 20px; }
    
    #footer { margin-top: -1200px; height: 1200px; }
    #footer>.wrap1>.wrap2 { height: 1070px; }
    #footer .menu { column-count: 2; }
    
    #phones-layer { top: 44px; }
    #phones-layer:before { content: ''; position: absolute; left: 110px; }
    #phones-layer:after { content: ''; position: absolute; left: 111px; }
    
    #card-layer { margin: 10px 0px 0px 0px; }
}
@media all and (max-width: 885px)
{
    h1 { font-size: 26px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    h5 { font-size: 16px; }
    
    #header .phone { right: 395px; width: 79px; height: 79px; padding: 0px; border-left: 1px solid #EAEAEA; cursor: pointer; }
    #header .phone span, #header .phone div { display: none; }
    #header .phone svg { position: absolute; left: 18px; top: 20px; display: block; width: 38px; height: 38px; }
    #header .phone svg use { fill: #8A8A8A; transition: 0.2s; }
    #header .phone:hover svg use { fill: #FFCF07; }
    
    .block { margin-top: 35px; }
    .block h3, .block .title { margin-bottom: 20px; font-size: 26px; }
}
@media all and (max-width: 800px)
{
    #footerspace { height: 1400px; }

    #footer { margin-top: -1300px; height: 1300px; }
    #footer>.wrap1>.wrap2 { height: 1090px; }
    #footer .menu { width: calc(100% - 268px); column-gap: 40px; }
    #footer .bottom { height: 158px; }
    
    #footer .logo-sensepro { right: auto; left: 0px; top: 90px; }
    #footer .logo-melbis { right: auto; left: 148px; top: 90px; }
    #footer .logo-3wstudio { right: auto; left: 284px; top: 90px; }
}
@media all and (max-width: 743px)
{
    .wrap2 { margin: 0px 15px; }
    
    #headerspace { height: 70px; }
    
    #header { height: 60px; }
    
    #header .cmp { right: 60px; width: 60px; height: 60px; }
    #header .cmp svg { left: 10px; top: 11px; }
    #header .cmp span { left: 37px; top: 10px; }
    
    #header .wl { right: 120px; width: 60px; height: 60px; }
    #header .wl svg { left: 10px; top: 11px; }
    #header .wl span { left: 37px; top: 10px; }
    
    #header .butt-search { right: 180px; width: 60px; height: 60px; }
    #header .butt-search svg { left: 10px; top: 11px; }
    
    #header .logo { width: 144px; height: 60px; background-size: 100%; }
    #header .logo svg { width: 120px; height: 60px; }
    /*#header .logo span { top: 7px; font-size: 10px; }*/
    
    #header .butt-menu { left: 144px; width: 67px; height: 60px; }
    #header .butt-menu:before { left: 18px; top: 17px; width: 30px; height: 19px; border-width: 3px 0px; }
    #header .butt-menu:after { left: 18px; top: 28px; display: block; width: 30px; height: 3px; }
    
    #header .cart { width: 59px; height: 60px; }
    #header .cart svg { left: 10px; top: 11px; }
    #header .cart span { left: 37px; top: 10px; }
    
    #header .phone { right: 300px; width: 60px; height: 60px; }
    #header .phone svg { left: 10px; top: 11px; }
    
    #header .lang { right: 240px; width: 60px; height: 60px; font-size: 32px; line-height: 60px; }
    
    #mobile-menu { top: 60px; height: calc(100% - 60px); }
}
@media all and (max-width: 664px)
{
    #footerspace { height: 0px; }
    
    #footer { margin-top: 30px; height: auto; padding-bottom: 180px; }    
    #footer>.wrap1>.wrap2 { height: auto; flex-direction: column-reverse; }
    #footer .side { width: 100%; height: auto; }
    #footer .menu { width: 100%; padding-top: 50px; }
    #footer .side .phones { margin-bottom: 20px; }
    #footer .side .socials { position: relative; left: auto; bottom: auto; margin-top: 20px; text-align: left; }
    #footer .side .socials::after { display: none; }
}

@media all and (max-width: 610px) /* 320 */
{
    h1 { font-size: 18px; }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4 { font-size: 14px; }
    h5 { font-size: 14px; }
    
    #headerspace { height: 60px; }
    #footerspace { height: auto; }
    .wrap1 {  }     /*width: 320px; max-width: 320px;*/
    
    #header { height: 50px; background: #292929; }
    #header .botline { height: 50px; }
    #header .logo { width: 110px; height: 50px; }
    #header .logo svg { width: 110px; height: 50px; }

    #header .cmp { right: 100px; width: 50px; height: 50px; border: 0px; background: transparent; }
    #header .cmp svg { left: 14px; top: 14px; width: 22px; height: 22px; }
    #header .cmp span { left: 25px; top: 6px; min-width: 15px; height: 15px; line-height: 14px; font-size: 11px; border: 2px solid #292929; }

    #header .wl { right: 150px; width: 50px; height: 50px; border: 0px; background: transparent; }
    #header .wl svg { left: 14px; top: 14px; width: 22px; height: 22px; }
    #header .wl span { left: 25px; top: 6px; min-width: 15px; height: 15px; line-height: 14px; font-size: 11px; border: 2px solid #292929; }
    
    #header .butt-search { right: 200px; width: 50px; height: 50px; border: 0px; background: transparent; }
    #header .butt-search svg { left: 14px; top: 14px; width: 22px; height: 22px; }
    #header .butt-search svg use { fill: #292929; }
    
    #header .butt-menu { left: auto; right: 0px; width: 50px; height: 50px; background: transparent; }
    #header .butt-menu:before { left: 15px; top: 17px; width: 20px; height: 12px; border-color: #B3B3B3; border-width: 2px 0px; }
    #header .butt-menu:after { left: 15px; top: 24px; width: 20px; height: 2px; background: #B3B3B3; }
    
    #header .cart { right: 50px; width: 50px; height: 50px; border: 0px; background: transparent; }
    #header .cart svg { left: 14px; top: 14px; width: 22px; height: 22px; }
    #header .cart span { left: 25px; top: 6px; min-width: 15px; height: 15px; line-height: 14px; font-size: 11px; border: 2px solid #292929; }
    
    #header .phone { right: 300px; width: 50px; height: 50px; border: 0px; }
    #header .phone svg { left: 14px; top: 14px; width: 22px; height: 22px; }
    
    #header .lang { right: 250px; width: 50px; height: 50px; font-size: 20px; line-height: 50px; border: 0px; }
    #header .lang a { color: #B3B3B3; }
    
    #news_comment h2 { font-size: 18px; }
    #news_comment .comment .procontra { display: none; }
    #news_comment .comment .fio, #news_comment .comment .stars { z-index: 1; }
    
    #news_comment .commentform { margin: 20px 0px 0px 0px; padding: 20px; }
    #news_comment .commentform .fio .cell:nth-child(1) { padding: 10px 0px 0px 0px; }
    #news_comment .commentform .fio .cell:nth-child(2) .textinput { width: 100%; }
    #news_comment .commentform .positive .cell:nth-child(1) { padding: 10px 0px 0px 0px; }
    #news_comment .commentform .negative .cell:nth-child(1) { padding: 10px 0px 0px 0px; }
    
    #phones-layer { top: 52px; }

    #mobile-menu { top: 50px; height: calc(100% - 50px); }
    #mobile-menu.opened { width: 320px; }

    #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: 520px)
{
    .table { margin: 0px; display: block; }
    .table .thead { display: block; }
    .table .row { display: block; }
    .table .cell{ display: block; }
    
    #footer .menu { padding-top: 0px; column-count: 1; column-gap: 0px; }
    #footer .menu .folder { margin-bottom: 0px; }
    #footer .menu .folder div { position: relative; margin-bottom: 0px; padding: 17px 45px 17px 15px; font-size: 16px; line-height: 26px; border-bottom: 1px solid #303030; }
    #footer .menu .folder div::before, #footer .menu .folder div::after { content: ''; position: absolute; right: 15px; top: 50%; margin-top: -1px; display: block; width: 12px; height: 2px; background: #D1D1D1; }
    #footer .menu .folder div::before { transform: rotate(45deg) translate(0px, -5px); }
    #footer .menu .folder div::after { transform: rotate(-45deg) translate(0px, 5px); }
    #footer .menu .folder span { display: none; padding: 5px 15px; line-height: 26px; }
    #footer .menu .folder.opened { border-bottom: 1px solid #303030; }
    
    #footer .menu .folder.opened div a { color: #FBCB2C; }
    #footer .menu .folder.opened div::before, #footer .menu .folder.opened div::after { background: #FBCB2C; }
    
    #footer .menu .folder.opened span { display: block; }
    #footer .menu .folder.opened span:nth-child(2) { padding-top: 15px; }
    #footer .menu .folder.opened span:last-child { padding-bottom: 15px; }
}
@media all and (max-width: 455px)
{
    h1 { font-size: 18px; }
    h2 { font-size: 16px; }
    h3 { font-size: 16px; }    

    #header .cmp, #header .wl { display: none; }
    #header .butt-search { right: 100px; }
    #header .phone { right: 200px; }
    #header .lang { right: 150px; }
    
    .block h3, .block .title { font-size: 18px; }
}
@media all and (max-width: 420px)
{
    #footer .copyright { top: 20px; }
    #footer .logo-sensepro { top: 60px; }
    #footer .logo-melbis { top: 60px; }
    #footer .logo-3wstudio { left: 0px; top: 110px; }
}
@media all and (max-width: 400px)
{
    #for_tab_info table td { padding: 10px; font-size: 13px; line-height: 15px; }
}
@media all and (max-width: 360px)
{
    #header .butt-search { right: 90px; width: 40px; }
    #header .butt-search svg { left: 9px; }
    #header .cart { width: 40px; }
    #header .cart svg { left: 9px; }
    #header .phone { right: 170px; width: 40px; }
    #header .phone svg { left: 9px; }
    #header .lang { right: 130px; width: 40px; }    
}

.spng {  margin: 40px 3% 0px 3%;  padding: 30px 2% 10px 2%; border-width: 20px; border-radius: 20px; font-size: 16px; background: #F5F5F5; } 
.spng ol { list-style-type: none; line-height:30px; counter-reset: num; } 
.spng ol li { list-style: none; margin: 0; padding: 0px; font-size: 16px; font-weight:normal; } 
.spng ul li { padding: 0px; margin: 3px 0 0 2%; font-size: 16px; font-weight:normal; }                  
.spng ol li::before { content: counter(num) '. '; counter-increment: num; padding: 0px 0 0px 0px; color: #56B2C8;  font-size:20px; font-style: bold; } 
.spng ul{ list-style-type: circle;  margin-left: 10px; }