/*** Переменные цветов шаблона ***/
html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
body {background-color: #ffffff;color: #231803;font-family: 'Nunito', sans-serif;font-size: 16px;line-height: 1.3;font-weight: 400;position: relative;overflow-x: hidden;margin:0;padding:0;}
/*** Основной контейнер ***/
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container {margin-right:auto;margin-left:auto;padding-left: 1rem;padding-right: 1rem;}
.container:before, .container:after {display: table;line-height: 0;content: '';}
.container:after {display: block;content: '.';clear: both;font-size: 0;line-height: 0;height: 0;overflow: hidden;}
.row {margin-left: -1rem;margin-right: -1rem;}
.row:before, .row:after {content: ' ';display: table;}
/*** Скрол всего сайта ***/
::-webkit-scrollbar {width: 1rem;height: 0;}
::-webkit-scrollbar-thumb {border-radius: 0;background-color: #ffae89;}
::-webkit-scrollbar-track {border-radius: 0;background-color: #ebded6;}
/* Настройки максимальных размеров генерируемых изображений */
.goods-image-icon {max-width:100px; max-height:100px;}
.goods-image-icon-square {width:200px;height:200px;} 
.goods-image-small {max-width:130px; max-height:130px;}
.goods-image-small-square {width:260px; height:260px;}
.goods-image-medium {max-width:260px; max-height:260px;}
.goods-image-medium-square{width:520px; height:520px;}
.goods-image-other{max-width:150px; max-height:150px;}
.goods-image-other-square {width:300px; height:300px;}
.goods-image-large{max-width:1560px; max-height:1560px;}
.goods-image-large-square {width:1560px; height:1560px;}
.goods-cat-image-icon {max-width:100px; max-height:100px;}
.goods-cat-image-icon-square{width:200px; height:200px;}
.goods-cat-image-medium {max-width:260px; max-height:260px;}
.goods-cat-image-medium-square{width:520px; height:520px;}
.goods-cat-image-other{max-width:100px; max-height:100px;}
.goods-cat-image-other-square {width: 200px; height:200px;}
/* END Настройки максимальных размеров генерируемых изображений */
/* Иконки форматов файлов */
.file_extension_icon        {width:1rem;height:1rem;display:block;float: left;margin-right: 0.625rem;background:#ffffff url('icons-files-extensions.gif?design=Deluxe') no-repeat left top;}
.file_extension_icon.torrent{background-position:-1rem 0}
.file_extension_icon.xls    {background-position:-2rem 0}
.file_extension_icon.ie7    {background-position:-48px 0}
.file_extension_icon.ppt    {background-position:-64px 0}
.file_extension_icon.htm,
.file_extension_icon.html   {background-position:0 -1rem}
.file_extension_icon.avi    {background-position:-1rem -1rem}
.file_extension_icon.bmp,
.file_extension_icon.gif    {background-position:-2rem -1rem}
.file_extension_icon.js,
.file_extension_icon.css,
.file_extension_icon.txt    {background-position:-48px -1rem}
.file_extension_icon.pptm   {background-position:-64px -1rem}
.file_extension_icon.rtf,
.file_extension_icon.doc    {background-position:0 -2rem}
.file_extension_icon.jpg    {background-position:-1rem -2rem}
.file_extension_icon.png    {background-position:-2rem -2rem}
.file_extension_icon.ini    {background-position:-48px -2rem}
.file_extension_icon.pptx   {background-position:-64px -2rem}
.file_extension_icon.php    {background-position:0 -48px}
.file_extension_icon.mht,
.file_extension_icon.mhtml  {background-position:-1rem -48px}
.file_extension_icon.psd    {background-position:-2rem -48px}
.file_extension_icon.zip    {background-position:-48px -48px}
.file_extension_icon.xps    {background-position:-64px -48px}
.file_extension_icon.exe    {background-position:0 -64px}
.file_extension_icon.xml    {background-position:-1rem -64px}
.file_extension_icon.wma,
.file_extension_icon.mp3    {background-position:-2rem -64px}
.file_extension_icon.xlsx   {background-position:-48px -64px}
.file_extension_icon.xlsb   {background-position:-64px -64px}
.file_extension_icon.pdf    {background-position:0 -80px}
.file_extension_icon.csv    {background-position:-1rem -80px}
.file_extension_icon.docx   {background-position:-2rem -80px}
.file_extension_icon.accdb  {background-position:-48px -80px}
.file_extension_icon.xlsm   {background-position:-64px -80px}
.file_extension_icon.dll    {background-position:0 -96px}
/* END Иконки форматов файлов */
/******************************************************************************
Вспомогательные классы
*******************************************************************************/
a {color: #231803;text-decoration:none;cursor:pointer;transition: all 0.3s ease;outline:0;}
a:hover, a:active {color: #df5642;outline:0;text-decoration:none;}
img {max-width: 100%;height: auto;vertical-align: middle;border: 0;}
p {margin: 0 0 1rem 0;line-height: 1.3;}
ol.unstyled, ul.unstyled {margin: 0;padding: 0;list-style: none;list-style-position: inside;}
dt, dd {line-height: 1.6;}
.required em {color: red;}
.noscript {position: relative;text-align: center;background-color: #df5642;color: #fff;top: 0;z-index: 999;width: 100%;padding: 0.625rem 0;}
.unselectable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.selectable {-webkit-user-select: auto;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.fadeout, .out {opacity: 0;filter: alpha(opacity=0);}
.fadein, .in {opacity: 1;filter: alpha(opacity=100);}
.tc {color: #df5642 !important;}
.blockquote {padding: 0 0 0 1rem;margin: 0 0 1.5rem;border-left: 3px solid #df5642;text-align: left;line-height: 25px;}
.DescriptionBlock {margin: 2rem 0;}
.htmlDataBlock {overflow: hidden;}
.flex {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;}
.inner {display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;justify-content: flex-start;}
.mask {overflow: hidden;-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 90%);mask-image: linear-gradient(to bottom, black 50%, transparent 90%);}
.text-center {text-align: center;}
/*** Инпут поля ***/
input, select, textarea {height: 40px;line-height: 40px;padding: 0 1.5rem;color: #231803;background-color: #ffffff;border-color: #ecdfd4;border-width: 1px;border-style: solid;border-radius: 0;outline: 0;font-size: 1rem;font-weight: 400;font-family: 'Nunito', sans-serif;display: block;width: 100%;text-transform: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
@media all and (max-width: 639.98px) {
input, select, textarea {padding: 0 1rem;}
}
input:focus, select:focus, textarea:focus {outline: 0;border-color: #ffaf88;color: #231803;}
input:focus + i, select:focus + i, textarea:focus + i {color: #ffaf88;}
input.error + i, select.error + i, textarea.error + i {color: red;border-color: red;}
textarea {height: auto;line-height: 1;padding: 1rem;}
select {cursor: pointer;-webkit-appearance: menulist;}
input[type="file"] {margin-top: 0.25rem;height: auto;line-height: 1;border: 0;padding: 0;border-radius: 0;background: transparent;}
/*** Выпадающий список ***/
.selectBox {position: relative;height: auto;display: flex;align-items: center;justify-content: flex-start;}
.selectBox:after {content: '\e915';font-family: 'icomoon';background-color: #fff4f2;position: absolute;right: 1rem;line-height: 1;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;pointer-events: none;box-sizing: border-box;}
.selectBox:hover:after {color: #ffaf88;}
.selectBox select, .selectBox .select {background-color: #fff4f2;width: 100%;height: 50px;padding: 0 2.5rem 0 1.5rem;font-size: 1rem;font-weight: 400;line-height: 1.2;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
@media all and (max-width: 479.98px) {
.selectBox:after {right: .5rem;}
.selectBox select, .selectBox .select {padding: 0 1.5rem 0 1rem;}
}
/*** Квадратный чекбокс ***/
input.square {width: 1.25rem;height: 1.25rem;background: #FFFFFF;border: 1px solid #ffaf88;border-radius: 0;margin: 0 1rem 0 0;padding: 0;display: block;position: relative;text-align: center;cursor: pointer;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;transition: all 0.3s ease;}
input.square:checked, input.square:hover {background: #ffaf88;border-color: #ffaf88;}
input.square:after {opacity: 0;content: '\e91c';font-family: 'icomoon';vertical-align: top;color: #fff;line-height: 1;transition: all 0.3s ease;}
input.square:checked:after, input.square:hover:after {opacity: 1;}
input.square[disabled] {background-color: #ecdfd4;border-color: #ecdfd4;cursor: default;}
input[disabled] + label {cursor: default;color: #ecdfd4;}
/*Текст в не активном инпуте TODO*/
::-webkit-input-placeholder {color: #c1b1a9;}
::-moz-placeholder          {color: #c1b1a9;}
:-moz-placeholder           {color: #c1b1a9;}
:-ms-input-placeholder      {color: #c1b1a9;}
:focus::-webkit-input-placeholder {color: #231803;transition: opacity .3s ease;}
:focus::-moz-placeholder          {color: #231803;transition: opacity .3s ease;}
:focus:-moz-placeholder           {color: #231803;transition: opacity .3s ease;}
:focus:-ms-input-placeholder      {color: #231803;transition: opacity .3s ease;}
/*Ошибка в инпуте*/
input.error, textarea.error {border-color: red;}
input.error::-webkit-input-placeholder {color: red;}
input.error::-moz-placeholder          {color: red;}
input.error:-moz-placeholder           {color: red;}
input.error:-ms-input-placeholder      {color: red;}
textarea.error::-webkit-input-placeholder {color: red;}
textarea.error::-moz-placeholder          {color: red;}
textarea.error:-moz-placeholder           {color: red;}
textarea.error:-ms-input-placeholder      {color: red;}
/* Ошибка в инпуте TODO проверить на вывод */
label.error {display: none;position: absolute;bottom: -2rem;margin: 0.5rem 0 0.25rem 0;padding: 5px 0.625rem;color: #fff;font-size: 0.75rem;background: #000000;border: 1px solid #000000;box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3);border-radius: 5px;z-index: 4;}
label.error:before {content: '\e92c';font-family: 'icomoon';display: inline-block;font-size: 1.25rem;line-height: 1;color: red;margin-right: 0.625rem;vertical-align: middle;}
label.error:after {content: ' ';position: absolute;top: -7px;left: 0.875rem;width: 0.75rem;height: 0.75rem;background: #000000;border-top: 1px solid #000000;border-left: 1px solid #000000;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/******************************************************************************
Кнопки
*******************************************************************************/
.button, button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {font-family: 'Nunito', sans-serif;color: #ffffff;background: #ffaf88;box-shadow: none;padding: 0 2rem;line-height: 38px;font-size: 1rem;font-weight: 400;text-transform: none;border-width: 1px;border-style: solid;border-color: #ffaf88;border-radius: 0;overflow: visible;text-align: center;margin: 0;outline: 0;cursor: pointer;white-space: nowrap;text-shadow: none;backface-visibility: hidden;transform: translateZ(0);-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline-block;position: relative;transition: all 0.3s ease;}
.button:hover, .button.active, button:hover, button.active, .paymentFormSubmitLink:hover, .paymentFormTbodySubmitButton:hover {color: #ffffff;background-color: #df5642;border-color: #df5642;box-shadow: none;}
.button2 {color: #231803;background: #fff4f2;border-color: #fff4f2;}
.button2:hover, .button2.active {color: #ffffff;background: #ffaf88;border-color: #ffaf88;}
.button3 {color: #ffffff;background: #df5642;border-color: #df5642;}
.button3:hover, .button3.active {color: #ffffff;background: #ffaf88;border-color: #ffaf88;}
.button4 {color: #231803;background: transparent;border-color: #df5642;}
.button4:hover, .button3.active {color: #ffffff;background: #df5642;border-color: #df5642;}
.button5 {color: #ffaf88;background: transparent;border: 0;border-radius: 0;box-shadow: none;text-transform: none;line-height: 1;padding: 0;}
.button5:hover, .button5.added {color: #231803;background: transparent;border-color: transparent;box-shadow: none;}
.button.big {font-size: 1.25rem;padding: 0 4rem;line-height: 4rem;border-radius: 1.875rem;text-transform: uppercase;letter-spacing: 3px;}
.button.small {font-size: 0.75rem;padding: 0 1rem;line-height: 2rem;letter-spacing: 1px;}
.button.medium {line-height: 40px;}
.button.disabled, .button[disabled] {background: #ecdfd4;border-color: #ecdfd4;color: #FFFFFF;box-shadow: none;cursor: default;}
.more {color: #ffaf88;font-size: 1rem;display: flex;align-items: center;}
.more:hover {color: #df5642;}
.more i {margin: 0 0 0 0.5rem;transition: all 0.3s ease;}
.more:hover i {margin: 0 0 0 1rem;}
.more span {border-bottom: 1px solid #ffaf88;}
.more:hover span {border-color: #df5642;}
.remove.x {display: inline-block;color: #dddddd;font-size: 1.5rem;line-height: 1;text-align: center;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.remove.x:hover {color: #231803;}
.remove.x:after {content: '\e903';font-family: 'icomoon';display: inline-block;}
.remove.x:hover:after {transform: rotate(90deg);}
.paymentFormSubmitLink {padding: 0 1rem;}
/******************************************************************************
Основные элементы шаблона
*******************************************************************************/
/*** Оверлей. Темный фон ***/
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity: 0;filter: alpha(opacity=0);visibility: hidden;background-color: transparent;-webkit-transition: opacity .25s ease,visibility 0s ease .25s;transition: opacity .25s ease,visibility 0s ease .25s;}
#overlay.transparent {background-color: rgba(0, 0, 0, 0.5);}
#overlay.opened {opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transition: opacity .25s ease,visibility 0s ease;transition: opacity .25s ease,visibility 0s ease;cursor: pointer;}
/*** Уведомления. Системные сообщения ***/
.success, .warning, .attention, .information, .help {position: relative;width: 100%;min-height: 40px;margin-bottom: 1.5rem;padding: 1rem 3rem 1rem 1.5rem;text-shadow: none;overflow: hidden;font-size: 1.125rem;line-height: 1.25rem;border: 1px solid transparent;text-transform: none;font-weight: normal;}
.success {background-color: #4bb38e;border-color: #4bb38e;color: #ffffff;}
.warning {background-color: #b30020;border-color: #b30020;color: #ffffff;}
.attention {background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;}
.information {background-color: #3FCBFC;border-color: #1ce7fb;color: #fff;}
.help {border-color: #cecece;}
.success .close, .warning .close, .attention .close, .information .close {float: right;padding-top: 4px;padding-right: 4px;cursor: pointer;}
.success a, .warning a, .attention a, .information a {margin-left: 4px;color: inherit;font-weight: 600;text-decoration:underline;}
/*** Рейтинг ***/
.ratings {display: inline-block;position: relative;vertical-align: middle;line-height: 0;overflow: hidden;}
.ratings:before {font-size: 14px;color: #cabdb6;line-height: 1;font-family: 'icomoon';content: '\e932\20\e932\20\e932\20\e932\20\e932';}
.ratings .rating {position: absolute;left: 0;top: 0;overflow: hidden;}
.ratings .rating:before {font-size: 14px;color: #df5642;line-height: 1;white-space:nowrap;font-family: 'icomoon';content: '\e932\20\e932\20\e932\20\e932\20\e932';}
.stars {overflow: hidden;}
.star {color: #cabdb6;display:block;width:24px;height: 20px;line-height: 20px;font-size: 20px;white-space: nowrap;float:left;cursor: pointer;zoom:1;}
.star:after {content: '\e932';font-family: 'icomoon';}
.stars .fullStar {color: #df5642;}
.stars .tmp_fs {color: #df5642;}
.stars .tmp_es {color: #cabdb6;}
/* END jQuery.Rating Plugin CSS */
/*** Предзагрузчик ***/
.preloader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff4f2;z-index: 40;display: flex;align-items: center;justify-content: center;}
.preloader .loading {display: inline-block;width: 100px;height: 100px;}
.preloader .loading:after {content: '';display: block;width: 100px;height: 100px;margin: 1px;border: 5px solid #fff;border-radius: 50%;border-color: #ffaf88 transparent #ffaf88 transparent;animation: loading 1.2s linear infinite;}
.preloader.small .loading {display: inline-block;width: 50px;height: 50px;}
.preloader.small .loading:after {content: '';display: block;width: 50px;height: 50px;}
.preloader.top {align-items: flex-start;}
.preloader.top .loading {margin-top: 100px;}
@keyframes loading {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.scroll {width: 100%;}
@media all and (max-width: 767.98px) {
.scroll {width: 100%;overflow-x: scroll;margin-bottom: 1rem;}
.scroll::-webkit-scrollbar {width: 0;height: 1rem;}
.scroll::-webkit-scrollbar-thumb {background-color: #ffae89;}
.scroll::-webkit-scrollbar-track {background-color: #ebded6;}
}
/*** Цена ****/
.price__now {font-size: 20px;font-weight: 600;line-height: 1;white-space: nowrap;}
.price__old {color: #cabdb6;font-weight: 400;line-height: 1;white-space: nowrap;text-decoration: line-through;}
.RUB .price__now:after, .RUB .price__old:after, .RUB.price__now:after, .RUB.price__old:after {content: "₽";font-size: 80%;line-height: 1;margin-left: 0.125rem;}
.RUB .price__now span + span, .RUB .price__old span + span, .RUB.price__now span + span, .RUB.price__old span + span {display: none;}
/*** Показать пароль. НУЖНА ИКОНКА ЗАМКА ОТДЕЛЬНЫМ ФАЙЛОМ SVG ***/
.showPassBlock {position: absolute;right: 0;top: 6px;cursor: pointer;}
.showPassBlock:before {content: '\e935';font-family: 'icomoon';font-size: 1.5rem;vertical-align: middle;margin-right: 0.5rem;}
.showPassBlock.active:before {content: '\e92b';color: #df5642;}
.showPassBlock:hover:before {color: #df5642;}
.showPassBlock .showPass {vertical-align: middle;display: none;}
/*** Капслок ***/
#capslock {display: none;text-align: center;margin: 1rem 0;width: 100%;}
#capslock i {font-size: 1.875rem;color: red;}
/*** Формализованный список ***/
.form__list {width: 100%;}
.form__fields {margin-bottom: 1rem;position: relative;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.form__fields:last-child {margin-bottom: 0;}
.form__fields label {margin-bottom: 0.5rem;display: block;cursor: pointer;}
.form__fields label em {display: none;}
.form__fields label.required em {display: inline-block;color: red;font-weight: bold;font-size: 1.25rem;}
.form__fields .form__field {width: 100%;}
.form__fields .form__field + .form__field {margin-top: 1rem;}
.form__fields.two {-webkit-justify-content: space-between;justify-content: space-between;}
.form__fields.two .form__field {width: 48%;margin-top: 0;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.form__fields input {transition: all 0.3s ease;}
.form__field {position: relative;}
.form__pp {font-size: 12px;margin-top: 1rem;}
.form__pp a {text-decoration: underline;}
.form__buttons {margin-top: 1rem;}
.form__field i {position: absolute;top: 0;left: 0;color: #c1b1a9;border-right: 1px solid #ecdfd4;font-size: 24px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.form__field input:focus + i {color: #ffaf88;border-color: #ffaf88;}
@media all and (max-width: 767.98px) {
.form__fields {margin-bottom: 1rem;}
}
/*** Таблицы ***/
.table-box {margin-bottom: 1rem;width: 100%;background-color: #ffffff;border-collapse: collapse;line-height: 1.125rem;text-align: center;border-radius: 0;}
.table-box > tbody > tr > th, .table-box > tfoot > tr > th, .table-box > tbody > tr > td {border: 1px solid #ecdfd4;line-height: 1.125rem;padding: 0.75rem 0.625rem;text-align: center;}
.table-box thead td, .table-box tfoot td {color: #999999;background-color: #fbfbfb;border: 1px solid #ecdfd4;line-height: 1.125rem;padding: 0.75rem;text-align: center;}
.table-box tfoot td {color: #231803;font-weight: bold;}
.table-box tbody tr td.cell1 {text-align: right;width: 50%;}
.table-box tbody tr td.cell2 {text-align: left;width: 50%;}
.table-box .hide {display: none;}
/*** Страницы ***/
.pages {margin: 0;padding: 0;list-style: none;display: flex;align-items: center;justify-content: center;}
.pages li {position: relative;margin: 0 .25rem;}
.pages li span, .pages li i {width: 50px;height: 50px;background: #fff4f2;font-size: 1rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;cursor: pointer;position: relative;z-index: 2;}
.pages li.current {cursor: default;}
.pages li:hover span, .pages li.current span {background-color: #ffaf88;color: #ffffff;}
.pages li a {line-height: 1;}
.pages li i {font-size: 24px;}
/*** Общие блоки ***/
section {margin: 4rem 0;}
#main {margin: 2rem 0;position: relative;}
.main-block {display: flex;flex-wrap: wrap;}
.main-block__left {width: 25%;padding-right: 1rem;}
.main-block__right {width: 100%;flex-grow: 1;}
.main-block__right.hasSidebar {width: 75%;padding-left: 1rem;}
@media all and (max-width: 1199.98px) {
.main-block__left {width: 100%;order: 2;padding: 0;margin-top: 2rem;}
.main-block__right {order: 1;}
.main-block__right.hasSidebar {width: 100%;padding: 0;}
}
@media all and (max-width: 991.98px) {
section {margin: 2rem 0;}
}
/*** Наверх ***/
#toTop {display: none;border: 1px solid #ecdfd4;background-color: #ffffff;width: 50px;height: 50px;line-height: 50px;text-align: center;bottom: 1rem;right: 1rem;position: fixed;z-index: 19;transition: all 0.3s ease;}
#toTop:hover {cursor: pointer;background-color: #df5642;border-color: #df5642;color: #ffffff;}
.toTop {display: none;}
@media (max-width: 767.98px) {
.toTop {display: block;}
#toTop {display: none !important;}
}
/*** Заголовки ***/
h1, h2, h3, h4, h5, h6 {text-rendering: optimizelegibility;text-transform: none;line-height:1.5;margin:0;padding:0;font-weight: 400;}
h1 {font-size: 2rem;}
h2 {font-size: 1.75rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.25rem;}
h5 {font-size: 1rem;}
h6 {font-size: 0.875rem;}
/*** Заголовки ***/
.block__title {margin-bottom: 1rem;width: 100%;position: relative;}
.block__title .title {font-weight: bold;line-height: 1.2;}
#page__title {text-align: center;margin-bottom: 2rem;}
/* Заголовки с навигацией */
.block__title.block__nav {padding: 1.25rem;}
.block__nav {margin-bottom: 2rem;padding: 0;background-color: #fff4f2;position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
.block__nav .owl-nav {top: calc(50% - 10px);right: 0.75rem;}
.block__nav .title {width: calc(100% - 60px);overflow: hidden;}
.nav__tabs {padding: 10px;width: calc(100% - 80px);overflow-y: auto;display: flex;align-items: center;flex-wrap: nowrap;}
.nav__tabs::-webkit-scrollbar {width: 0;height: .5rem;}
.nav__tab {font-size: 18px;padding: 0 2rem;line-height: 40px;display: inline-block;}
.nav__tab:hover, .nav__tab.active {color: #ffffff;background-color: #ffaf88;}
.results {color: #c1b1a9;font-size: 14px;margin-left: .5rem;text-transform: lowercase;}
.block__nav-bottom {display: none;}
.block__nav-bottom .owl-nav {position: relative;margin: 2rem auto 0;height: 20px;}
@media all and (max-width: 639.98px) {
.block__title .title {font-size: 1.5rem;}
}
@media all and (max-width: 479.98px) {
.block__nav .owl-dots {display: none;}
.block__title.block__nav {padding: 1rem;}
.block__title .title {font-size: 1.25rem;}
}
/*** Модальные окна ***/
#fancybox__callback {max-width: 400px;padding: 0;}
#fancybox__feedback {max-width: 400px}
#fancybox__notify {max-width: 400px}
.fancybox-content {max-width: 900px;padding: 0;}
.modal__title {text-align: center;margin-bottom: 0;display: flex;flex-wrap: wrap;align-items: stretch;}
.modal__title .title {width: calc(100% - 50px);padding: 1rem;background-color: #df5642;color: #ffffff;font-size: 18px;font-weight: normal;text-transform: capitalize;}
.modal__close {width: 50px;color: #ffffff;background-color: #df5642;position: relative;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.modal__close:hover {background-color: #ffaf88;cursor: pointer;}
.modal__close:before {content: '';background-color: #ffffff;width: 1px;height: 60%;top: 20%;left: 0;position: absolute;transition: all 0.3s ease;}
.modal__close:hover:before {opacity: 0;}
.modal__close i {transition: all 0.3s ease;}
.modal__close:hover i {transform: rotate(90deg);}
.modal__content {border: 5px solid #f8e9e6;border-top: 0;padding: 1rem;}
.modal__content + button {display: none;}
.modal__content .form__buttons {text-align: center;}
.modal__content .form__buttons .button {width: 100%;}
.modal__content .form__pp {text-align: center;}
.modal__content .form__text {text-align: center;}
.modal__content .form__field input {padding-left: 3.5rem;}
.dropdown__content .form__field input {padding-left: 3.5rem;}
.modal .fancybox-close-small {color: #ffffff;border-left: 1px solid #ffffff;}
.modal .fancybox-close-small:hover {color: #ffaf88;}
.fancybox-slide--html .fancybox-close-small {top: 6px;right: 6px;width: 40px;height: 40px;padding: 0;}
@media (max-width: 374.98px) {
.fancybox-close-small {width: 34px;height: 30px;}
}
/*** Выпадающее меню ***/
.dropdown__content {transform: translate(200%, 0px);transition: all 0.3s ease-in-out;position: fixed;right: 0;top: 0;width: 320px;height: auto;background: #ffffff;box-shadow: none;border: 5px solid #f8e9e6;border-top: 0;border-radius: 0;z-index: 11;}
.opened .dropdown__content, .dropdown__content.opened {transform: translate(0px, 0px);opacity: 1;}
.dropdown__content.left {transform: translate(-200%, 0px);right: auto;left: 0;}
.dropdown__content.left.opened {transform: translate(0px, 0px);}
.dropdown__open {position: relative;cursor: pointer;}
/*.dropdown__open:before {content: "";display: block;position: absolute;right: 0;bottom: -4rem;height: 6rem;width: 100%;}*/
.dropdown__title {width: 100%;padding: 0;display: flex;align-items: stretch;flex-wrap: wrap;position: relative;}
.dropdown__label {width: calc(100% - 50px);background-color: #df5642;color: #ffffff;font-size: 20px;padding: .75rem 2rem;display: flex;align-items: center;cursor: pointer;}
.dropdown__label.active {background-color: #ffaf88;}
a.dropdown__label:hover {color: #ffffff;background-color: #ffaf88;}
.dropdown__close {width: 50px;color: #ffffff;background-color: #df5642;position: relative;display: flex;align-items: center;justify-content: center;z-index: 12;transition: all 0.3s ease;}
.dropdown__close:hover {background-color: #ffaf88;cursor: pointer;}
.dropdown__close i {transition: all 0.3s ease;}
.dropdown__close:hover i {transform: rotate(90deg);}
.dropdown__close:before {content: '';background-color: #ffffff;width: 1px;height: 60%;top: 20%;left: 0;position: absolute;transition: all 0.3s ease;}
.dropdown__close:hover:before {opacity: 0;}
.dropdown__content.right .dropdown__close {right: auto;left: -60px;}
.dropdown__inner {padding: 1rem;}
.dropdown .dropdown__content {width: 100%;margin-top: 3.75rem;border-top: 5px solid #f8e9e6;position: absolute;transform: scale(0,0);overflow: hidden;}
.dropdown .dropdown__content.opened {height: auto;transform: scale(1,1);}
@media all and (min-width: 768px) {
.dropdown .dropdown__open:before {content: "";display: block;position: absolute;right: 0;bottom: -2rem;height: 3rem;width: 100%;}
.dropdown:hover .dropdown__content {height: auto;transform: scale(1,1);}
}
@media all and (max-width: 991.98px) {
}
@media all and (max-width: 479.98px) {
.dropdown__content.right .dropdown__close {left: auto;right: 0;}
.dropdown__content .dropdown__close {left: auto;right: 0;}
.dropdown__label {padding: .75rem 1rem;}
}
@media all and (max-width: 374.98px) {
.dropdown__content {width: 100%;}
}
/*** Элементы в списках. Корзина, Избранное, Сравнение ***/
.addto__items {max-height: calc(100vh - 148px);overflow-y: auto;}
.addto__cart .addto__items {max-height: calc(100vh - 200px);}
.addto__items::-webkit-scrollbar {width: 0.5rem;height: 0;}
.addto__items::-webkit-scrollbar-thumb {background-color: #ffae89;}
.addto__items::-webkit-scrollbar-track {background-color: #ebded6;}
.addto__item {margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #ecdfd4;display: flex;flex-wrap: wrap;align-items: flex-start;}
.addto__item:last-child {margin-bottom: 0;}
.addto__image {width: 70px;height: 70px;background: #ffffff;display: flex;align-items: center;justify-content: center;}
.addto__image img {max-width: 100%;max-height: 100%;}
.addto__shop {width: calc(100% - 70px);padding: 0 0.5rem 0 1.5rem;display: flex;flex-wrap: wrap;align-items: flex-start;}
.addto__name {width: 100%;font-size: 1rem;display: block;max-height: 2.25rem;overflow: hidden;}
.addto__mod {display: none;font-size: 12px;margin-top: 0.5rem;}
.addto__price {width: 100%;padding: 1rem 0 0 0;display: flex;align-items: flex-start;flex-wrap: wrap;flex-direction: row;}
.addto__price [class^="price__"] {flex-grow: 1;font-size: 18px;}
.addto__price .price__old {margin-top: 0.5rem;}
.addto__remove {line-height: 1;transition: all 0.3s ease;display: flex;}
.addto__remove:before {content: '\e91a';font-family: 'icomoon';transition: all 0.2s ease;font-size: .825rem;}
.addto__remove:hover:before {transform: rotate(90deg);}
.addto__remove span {display: none;}
.addto__title {display: none;font-size: 1.25rem;font-weight: bold;margin-bottom: 1rem;}
.addto__empty {display: block;text-align: center;}
.addto__empty .addto__title {display: block;font-weight: normal;font-size: 1rem;}
.addto__buttons {display: none;margin-top: 1rem;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.addto__buttons .button {flex-grow: 1;padding: 0 1rem;}
.addto__buttons .button5 {padding: 0;flex-grow: 0;}
.addto__buttons.client__buttons {display: flex;}
.addto__buttons .button:nth-child(1) {margin-right: .5rem;}
.addto__buttons .button:nth-child(2) {margin-left: .5rem;}
.addto__total {display: none;}
.hasItems .addto__title {display: block;}
.hasItems .addto__buttons {display: flex;}
.hasItems .addto__empty {display: none;}
.hasItems .addto__total {padding: 1rem 0;display: flex;justify-content: space-between;align-items: center;}
.addto__total .price__now {font-weight: 800;}
@media all and (max-width: 767.98px) {
.addto__items {max-height: calc(100vh - 198px);}
.addto__cart .addto__items {max-height: calc(100vh - 292px);}
}
@media all and (max-width: 639.98px) {
.addto__image {width: 60px;height: 60px;}
.addto__image img {max-width: 60px;max-height: 60px;}
.addto__shop {width: calc(100% - 60px);}
.addto__name {width: 100%;}
.addto__price {margin-top: 0.75rem;flex-wrap: wrap;width: 100%;padding: 0;}
}
@media all and (max-width: 479.98px) {
.addto__buttons {margin-top: 0;}
.addto__buttons .button:nth-child(n) {margin: 1rem 0 0 0;width: 100%;}
}
/*** Адаптивный Каталог и Меню ffaf88***/
/*[data-content="catalogMenu"] [data-content] {max-height: calc(100vh - 174px);overflow-y: auto;}*/
[data-content="catalogMenu"] {max-height: 100vh;overflow-y: auto;}
#catalogMenu .dropdown__label {font-size: 1rem;padding: 0;background-color: #df5642;}
#catalogMenu .dropdown__label > span {width: 50%;padding: 1rem;text-align: center}
#catalogMenu .dropdown__label span {vertical-align: middle;transition: all 0.3s ease;display: inline-block;}
#catalogMenu .dropdown__label span > span {padding: .25rem 1.25rem;}
#catalogMenu .dropdown__label .active > span, #catalogMenu .dropdown__label span:hover > span {background-color: #ffaf88;}
/* Меню */
#addtoMenu ul {margin: 0;padding: 0;list-style: none;}
#addtoMenu li {padding: .75rem;}
#addtoMenu li + li {border-top: 1px solid #f8e9e6;}
/* Каталог */
.addto__catalog .catalog__link {padding: .75rem;display: flex;flex-wrap: nowrap;align-items: center;}
.addto__catalog .catalog__item + .catalog__item {border-top: 1px solid #f8e9e6;}
.addto__catalog .catalog__item .open {margin-left: 0.5rem;vertical-align: middle;width: 1.25rem;height: 1.25rem;line-height: 1.25rem;display: inline-block;text-align: center;}
.addto__catalog .catalog__item .open:before {content: "\e917";font-family: 'icomoon';font-size: 1rem;}
.addto__catalog .catalog__item .open.opened:before, .addto__catalog .catalog__item.opened > a .open:before {content: "\e915";}
.addto__catalog .catalog__item .sub {padding-left: 1rem;display: none;}
/* Контакты */
#addtoContacts {background-color: #fff4f2;}
#addtoContacts .contacts__block {margin: 0;padding: 1rem;border-bottom: 1px solid #ecdfd4;}
#addtoContacts .contacts__block i {font-size: 30px;color: #ffaf88;}
#addtoContacts .contacts__block a {display: block;}
#addtoContacts .social-links {justify-content: center;padding: .75rem 0;}
/* ЛК */
#addtoLogin .form__text {margin: 1rem 0;}
#addtoLogin .form__text.sm {font-size: 14px;}
#addtoLogin .dropdown__inner {padding-top: 0;}
.mainnav__links a {padding: 1rem;display: block;}
.mainnav__links a + a {border-top: 1px solid #f8e9e6;}
@media (max-width: 767.98px) {
[data-content="catalogMenu"] {max-height: calc(100vh - 50px);}
}
/******************************************************************************
Все Основные страницы
*******************************************************************************/
/*** Фон в шапке ***/
.page-cart #pre-header,
.page-discount #pre-header,
.page-user #pre-header,
.page-compare #pre-header {height: 310px;}
.index #pre-header {height: 760px;}
#pre-header {width: 100%;height: 440px;position: absolute;top: 0;left: 0;background-color: #fff4f2;overflow: hidden;}
#pre-header:before {left: 0;top: 0;width: 500px;height: 1200px;content: '';background-color: #FFF3E5;position: absolute;-webkit-transform: skew(-45deg);-moz-transform: skew(-45deg);-o-transform: skew(-45deg);}
#pre-header > div {z-index: 2;}
#pre-header header {position: relative;z-index: 2;}
@media (max-width: 1439.98px) {
#pre-header:before {left: -40%;}
}
@media (max-width: 767.98px) {
.index #pre-header {height: 500px;}
#pre-header {height: 300px;}
#pre-header:before {left: -60%;}
}
@media (max-width: 639.98px) {
.page-cart #pre-header,
.page-discount #pre-header,
.page-user #pre-header,
.page-compare #pre-header {height: 290px;}
}
@media (max-width: 479.98px) {
#pre-header {height: 260px;}
#pre-header:before {left: -80%;}
}
/*** Шапка ***/
header {padding: 2rem 0;position: relative;}
.logo {flex-grow: 1;}
.logo a {max-width: 225px;display: inline-block;}
/* Иконка */
.header__block {margin-left: 3rem;display: flex;flex-wrap: wrap;align-items: center;}
.header__block-icon {width: 40px;height: 40px;font-size: 24px;color: #FFFFFF;background-color: #ffaf88;box-shadow: -4px 4px 0px 0px rgba(255, 83, 0, 0.2);position: relative;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.header__block-icon:hover {background-color: #df5642;cursor: pointer;}
.header__block-content {width: calc(100% - 40px);text-align: right;padding-left: 1rem;}
.header__block-content a {font-size: 20px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.header__block-flex {display: flex;align-items: center;}
.header__block-contacts {margin-left: .5rem;position: relative;}
.header__block-contacts .dropdown__open i {font-size: 20px;}
.header__block-contacts .dropdown__open:hover, .header__block-contacts .dropdown__open.opened {color: #ffaf88;}
.header__block-contacts .contacts {opacity: 0;transform: scale(0);width: 260px;position: absolute;top: 4rem;right: 0;padding: 1rem;border-top: 5px solid #f8e9e6;flex-direction: column;justify-content: flex-start;align-items: flex-start;height: auto;left: auto;z-index: 10;}
.header__block-contacts.opened .contacts, .header__block-contacts .contacts.opened {opacity: 1;transform: scale(1);}
.header__block-contacts .contacts__block {width: 100%;}
.header__block-contacts .contacts__block i {font-size: 30px;color: #ffaf88;}
.header__block-contacts .contacts__content {width: calc(100% - 30px);text-align: left;}
.header__block-contacts .contacts__content a {font-size: 16px;}
.header__block-contacts .contacts__block + .contacts__block {margin-top: 1rem;padding-top: 1rem;border-top: 1px solid #f8e9e6;}
.header__block-contacts .contacts__block.region, .header__block-contacts .contacts__block.worktime {display: flex;align-items: center;flex-wrap: wrap;font-size: 16px;white-space: normal;}
/* Контакты */
header .contacts {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.fancybox__link {margin-top: .25rem;color: #c1b1a9;text-decoration: underline;cursor: pointer;transition: all 0.3s ease;}
.fancybox__link:hover {color: #ffaf88;}
/* Соц Сети */
.contacts .social-links {margin-top: .25rem;}
.social-links {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.social-links a {font-size: 20px;color: #cabdb6;}
.social-links a + a {margin-left: 1rem;}
.social-links a:hover {color: #ffaf88;}
.social-links a span {display: none;}
/* Корзина */
.page-cart .cart.header__block {display: none;}
.cart.header__block {align-items: flex-end;max-width: 154px;}
.cart .header__block-icon {width: 60px;height: 60px;font-size: 40px;}
.cart .header__block-content {width: calc(100% - 60px);padding-left: .5rem;}
.cart.header__block .cart__count {display: none;position: absolute;top: 0;right: -40px;font-size: 14px;color: #231803;background-color: #fed8c3;width: 40px;height: 25px;line-height: 25px;text-align: center;}
.cart.hasItems.header__block .cart__count {display: block;}
.cart.header__block .cartSumNow {font-size: 1rem;font-weight: 400;}
.cart .header__block-content {display: none;}
.cart.hasItems .header__block-content {display: block;}
@media (max-width: 1199.98px) {
header .mail {display: none;}
}
@media (max-width: 991.98px) {
.header__block {margin-left: 2rem;}
}
@media (max-width: 767.98px) {
.cart.header__block {display: none;}
}
@media (max-width: 639.98px) {
.header__block {margin-left: 1.5rem;}
.header__block-content a {font-size: 16px;}
.header__block-contacts {display: none;}
.fancybox__link {font-size: 14px;}
}
@media (max-width: 479.98px) {
header {padding: 1rem 0;}
.logo {width: 100%;max-width: 100%;text-align: center; }
header .contacts {display: none;}
}
/*** Меню ***/
#menu {position: relative;}
#menu .inner {align-items: flex-end;position: relative;}
/* Каталог */
.catalog--icon {width: 140px;height: 60px;font-size: 18px;color: #FFFFFF;background-color: #df5642;display: flex;align-items: center;justify-content: center;}
.catalog--icon:hover {cursor: pointer;}
.catalog--icon .dropdown__open {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.catalog--icon i.dropdown__open {display: none;}
#menu .catalog__inner {padding: .5rem;height: 450px;overflow-y: auto;display: flex;flex-wrap: wrap;}
#menu .catalog__inner::-webkit-scrollbar {width: 0.5rem;height: 0;}
#menu .catalog__items {width: calc(100% - 240px);padding-right: 2rem;display: flex;flex-wrap: wrap;max-height: 300px;}
#menu .catalog__item[data-level="0"] {width: 33.333333%;padding: .5rem 1rem;}
#menu .catalog__item[data-level="1"] {display: none;}
#menu .catalog__item[data-level="1"]:nth-child(-n+4) {display: block;}
#menu .catalog__link {line-height: 24px;font-size: 14px;}
#menu .catalog__link[data-level="0"] {color: #df5642;font-weight: bold;font-size: 1rem;}
#menu .catalog__link[data-level="0"]:hover {color: #ffaf88;}
#menu .catalog__link[data-level="0"] .open {display: none;}
#menu .sub[data-level="1"] {margin-top: .5rem;}
/*#menu .catalog__item[data-level="1"] {border-bottom: 1px solid #ecdfd4;padding-bottom: .25rem;margin-bottom: .25rem;}*/
#menu .sub[data-level="2"] {padding-left: 1rem;margin-top: 0.5rem;display: none;}
#menu .catalog__item .open {margin-left: 0.5rem;vertical-align: middle;width: 1.25rem;height: 1.25rem;line-height: 1.25rem;display: inline-block;text-align: center;}
#menu .catalog__item .open:before {content: "\e917";font-family: 'icomoon';font-size: .75rem;}
#menu .catalog__item .open.opened:before {content: "\e915";}
#menu .catalog__more .catalog__link {color: #c1b1a9;}
#menu .catalog__more .catalog__link:hover {color: #df5642;}
.catalog__banner {width: 260px;height: 380px;position: absolute;top: 2rem;right: 1rem;background-repeat: no-repeat;background-size: contain;}
.catalog__banner-content {width: 90%;padding: 10px 0 0 10px;position: absolute;bottom: 0;right: 0;}
.catalog__banner-content:before {content:'';width: 80%;height: 80%;position: absolute;left: 0;top: 0;background-color: #f8e9e6;z-index: 1;}
.catalog__banner-inner {padding: 1rem;background-color: #fff8ef;position: relative;z-index: 2;}
.catalog__banner-title {color: #df5642;margin-bottom: .5rem;font-weight: bold;}
.catalog__banner-subtitle {font-size: 14px;}
/* Меню */
#menu .mainnav {background-color: #ffffff;width: 608px;position: relative;}
#menu .mainnav ul {margin: 0;padding: 0 1rem;list-style: none;overflow: hidden;display: flex;align-items: center;flex-wrap: nowrap;}
#menu .mainnav ul li {display: inline-block;}
#menu .mainnav ul li a {padding: 0 .75rem;display: block;white-space: nowrap;}
#menu .mainnav ul li a.active {color: #df5642;}
#menu .mainnav .mainnav__list {height: 50px;overflow: hidden;}
#menu .mainnav .overflowMenu {display: none;}
#menu .mainnav .overflowMenu.opened {display: block;position: absolute;padding: 1rem;right: 0;background-color: #FFFFFF;border: 5px solid #f8e9e6;z-index: 11;}
#menu .mainnav .overflowMenu li {display: block;text-align: center;}
#menu .mainnav .overflowMenu li + li {margin-top: 1rem;padding-top: 1rem;border-top: 1px solid #f8e9e6;}
#menu .opened .mainnav__more a {color: #df5642;}
#menu .mainnav--icon {display: none;}
@media (max-width: 1199.98px) {
#menu .mainnav {width: 420px;}
}
@media (max-width: 991.98px) {
#menu .catalog__items {width: 100%;}
.catalog__banner {display: none;}
#menu .mainnav {display: none;}
#menu .mainnav--icon {width: 190px;background-color: #ffffff;text-align: center;line-height: 50px;display: flex;align-items: center;justify-content: center;}
#menu .mainnav--icon i {margin-left: .5rem;}
#menu .mainnav--icon:hover i {margin-left: 1rem;}
#menu .mainnav--icon:hover {color: #df5642;}
}
@media (max-width: 767.98px) {
#menu .mainnav--icon {display: none;}
.catalog--icon {width: 120px;height: 50px;font-size: 30px;}
.catalog--icon .dropdown__open {display: none;}
.catalog--icon i.dropdown__open {display: flex;}
}
@media (max-width: 479.98px) {
.catalog--icon {width: 50px;height: 50px;font-size: 24px;}
}
/** Избр, Срав, ЛК **/
#addto {background-color: #ffffff;height: 50px;display: flex;flex-wrap: wrap;align-items: center;}
.addto__block {padding: 0 .5rem;position: relative;}
.addto__block.hasItems:after {right: .5rem;bottom: 0;background-color: #ffaf88;width: .5rem;height: .5rem;border-radius: 100%;position: absolute;content: '';}
.addto__block.cart {display: none;}
.page-favorites .addto__block.favorites {display: none;}
.addto__label i {font-size: 28px;}
.addto__label i + span {display: none;}
.addto__label [data-count] {display: none;}
@media (max-width: 767.98px) {
.wrapper {padding-bottom: 50px;}
#addto {border: 1px solid #ecdfd4;background-color: #ffffff;padding: 0;justify-content: center;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 19;}
.addto__block {border-left: 1px solid #ecdfd4;padding: 0 1rem;}
.addto__block:first-child {border-left: 0;}
.addto__block.cart {display: block;}
.page-cart .addto__block.cart {display: none;}
.addto__block.hasItems:after {right: 1rem;}
.addto__label {display: flex;align-items: center;}
.addto__label [data-count] {background-color: #fed8c3;font-size: 12px;width: 30px;height: 20px;line-height: 20px;margin-left: 0.5rem;text-align: center;display: none;}
}
/* Поиск */
.search {background-color: #ffffff;height: 50px;flex-grow: 1;}
.search.search__focused, .search.search__filled {width: calc(100% - 140px);right: 0;position: absolute;z-index: 2;}
.search.search__focused .search__input, .search.search__filled .search__input {max-width: 100%;border: 0;}
.search__form {position: relative;display: flex;align-items: center;justify-content: flex-end;}
.search__input {max-width: 240px;height: 30px;line-height: 30px;margin: 10px 0;padding: 0 4rem 0 2rem;border-top: 0;border-bottom: 0;border-color: #ecdfd4;}
.search__submit {color: #231803;font-size: 24px;line-height: 30px;padding: 0 1rem;position: absolute;right: 0;background-color: transparent;border: 0;}
.search__submit:hover {background-color: transparent;color: #df5642;}
.search__reset {display: none;align-items: center;position: absolute;left: 0.5rem;top: 0;height: 100%;cursor: pointer;font-size: 12px;vertical-align: middle;line-height: 50px;}
.search__filled .search__reset {display: flex;}
.search__loading .lds-ring {display: block;}
.lds-ring {display: none;position: absolute;right: 3rem;width: 1rem;height: 1rem;}
.lds-ring div {border: 2px solid #df5642;border-color: #df5642 transparent transparent transparent;display: block;position: absolute;width: 1rem;height: 1rem;margin: 0;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
/** Поисковая выдача **/
#search__result {display: none;width: 100%;max-height: 450px;position: absolute;right: 0;padding: 1rem;border: 1px solid #ecdfd4;background: #FFFFFF;overflow-y: auto;z-index: 3;}
#search__result .inner {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;-webkit-align-items: stretch;-webkit-box-align: stretch;align-items: stretch;flex-direction: column;}
#search__result .result__item {display: none;width: 100%;line-height: 20px;padding: 10px 0;}
#search__result .result__item:nth-child(-n+6) {display: block;}
#search__result .result__item a {display: flex;align-items: center;flex-wrap: wrap;font-size: 1rem;}
#search__result .result__item a.active {color: #df5642;}
#search__result .result__item .result__image {width: 40px;margin-right: 20px;text-align: center;}
#search__result .result__item .result__name {width: calc(100% - 60px);}
#search__result .result__item img {max-width: 40px;max-height: 40px;}
#search__result .result__goods {width: 100%;flex-grow: 1;padding: 0 1rem;}
#search__result .result__category {width: 100%;flex-grow: 1;padding: 0 1rem 1rem 1rem;margin-bottom: 1rem;border-bottom: 1px solid #ecdfd4;}
#search__result .result__category .result__image {display: none;}
#search__result .result__category .result__name {width: 100%;}
#search__result .result__category a {font-weight: bold;}
#search__result .result__showAll {margin: 1rem auto 0;width: 200px;display: inline-block;}
#search__result::-webkit-scrollbar {width: 0.5rem;height: 0;}
#search__result::-webkit-scrollbar-thumb {background-color: #ffae89;}
#search__result::-webkit-scrollbar-track {background-color: #ebded6;}
@media (max-width: 1199.98px) {
.search__input {max-width: 220px;}
}
@media (max-width: 767.98px) {
.search {flex-grow: 1;}
.search.search__focused {width: calc(100% - 120px);}
.search__input {max-width: 100%;border: 0;}
}
@media (max-width: 479.98px) {
.search {width: calc(100% - 50px);}
.search.search__focused, .search.search__filled {width: calc(100% - 50px);}
}
/*** Обратный звонок. Бесплатная консультация ***/
#callback {margin: 5rem 0;}
#callback .inner {background-color: #fff4f2;padding: 1.5rem 2rem;position: relative;align-items: center;}
#callback .callback__title {font-size: 28px;font-weight: 800;}
#callback .callback__subtitle {font-size: 18px;margin-top: .25rem;}
#callback .callback__subtitle span {display: block;}
#callback .callback__content {width: 672px;overflow: hidden;}
#callback .form__callback {margin-top: 1rem;display: flex;align-items: center;flex-wrap: wrap;}
#callback .form__field {margin-right: 1rem;}
#callback .form__field input {max-width: 14rem;padding-left: 3.5rem;}
#callback .form__buttons {margin: 0;}
#callback .form__pp {color: #c1b1a9;font-size: 12px;text-align: right;width: 100%;}
#callback .form__pp a {color: #c1b1a9;}
#callback .callback__image {position: absolute;right: 0;/*box-shadow: 10px 10px 0px 0px #f8e9e6;*/}
#callback .callback__image:before {content:'';width: 80%;height: 80%;position: absolute;right: -10px;bottom: -10px;background-color: #f8e9e6;z-index: 1;}
#callback .callback__image img {z-index: 2;position: relative;}
@media (max-width: 1199.98px) {
#callback {margin: 2rem 0;}
#callback .callback__content {width: 55%;text-align: center;}
#callback .form__callback {justify-content: center;flex-direction: column;}
#callback .form__field {margin: 0 0 1rem 0;}
#callback .form__field input {max-width: 20rem;}
#callback .callback__title {font-size: 24px;}
#callback .callback__subtitle {font-size: 16px;}
#callback .callback__subtitle span {display: inline;}
#callback .form__buttons .button {width: 262px;}
#callback .form__pp {text-align: center;}
}
@media (max-width: 991.98px) {
#callback .inner {padding: 1.5rem 1rem;}
#callback .callback__image {width: 300px;}
}
@media (max-width: 767.98px) {
#callback .callback__image {display: none;}
#callback .callback__content {width: 100%;}
}
@media (max-width: 479.98px) {
#callback .form__field input {width: 99%;}
}
/*** Преимушества ***/
#advantage {margin: 3rem 0;position: relative;overflow: hidden;}
.advantage__title {margin-bottom: .5rem;font-size: 18px;font-weight: 700;}
.advantage__item {width: 33.333333%;min-width: 333px;display: flex;align-items: center;flex-wrap: wrap;}
.advantage__icon {font-size: 64px;color: #FFFFFF;background-color: #ffaf88;box-shadow: -.5rem .5rem 0px 0px rgba(255, 83, 0, 0.18);width: 100px;height: 100px;margin: .5rem;display: flex;align-items: center;justify-content: center;}
.advantage__content {width: calc(100% - 116px);padding: 0 1rem;}
.advantage__items {display: flex;flex-wrap: nowrap;overflow-y: auto;padding-bottom: 1rem;}
.advantage__items::-webkit-scrollbar {width: 0;height: .5rem;}
.advantage__items::-webkit-scrollbar-thumb {background-color: #ffae89;}
.advantage__items::-webkit-scrollbar-track {background-color: #ebded6;}
@media (max-width: 991.98px) {
#advantage {margin: 2rem 0;}
}
/*** Фон в Подвале ***/
#footer {background-color: #fff4f2;position: relative;overflow: hidden;}
#footer:before {right: 0;top: 0;width: 500px;height: 1200px;content: '';background-color: #FFF3E5;position: absolute;-webkit-transform: skew(45deg);-moz-transform: skew(45deg);-o-transform: skew(45deg);}
#footer .container {position: relative;z-index: 2;}
/*** Подвал ***/
.footer__top {padding: 2rem 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.footer__top .logo {flex-grow: 1;text-align: center;}
.footer__middle {background-color: #FFFFFF;display: flex;flex-wrap: wrap;}
.footer__middle ul {margin: 0;padding: 0;list-style: none;}
.footer__middle ul li {margin-bottom: .75rem;}
.footer__block {width: 25%;padding: 3rem 2rem;position: relative;overflow: hidden;}
.footer__title {font-size: 18px;font-weight: 700;display: flex;justify-content: space-between;position: relative;}
.footer__content {margin-top: 1rem;}
.footer__block.contacts .footer__content {margin-top: 0;}
.footer__open {display: none;}
/* Соц Сети */
.footer__top .social-links a {margin-right: 1rem;font-size: 24px;color: #FFFFFF;background-color: #ffe0d1;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
.footer__top .social-links a + a {margin-left: 0;}
.footer__top .social-links a:hover {color: #FFFFFF;background-color: #ffaf88;}
/* Оплата */
.payments a {display: flex;flex-wrap: wrap;align-items: center;}
.payments i {margin-left: 1rem;font-size: 24px;color: #FFFFFF;background-color: #ffe0d1;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.payments i:hover {color: #FFFFFF;background-color: #ffaf88;}
/* Контакты */
.contacts__block {display: flex;flex-wrap: wrap;align-items: center;}
.contacts__block + .contacts__block {margin-top: 2rem;}
.contacts__icon {width: 60px;height: 60px;font-size: 32px;color: #FFFFFF;background-color: #ffaf88;box-shadow: -5px 4px 0px 0px rgba(255, 83, 0, 0.18);display: flex;align-items: center;justify-content: center;}
.contacts__content {width: calc(100% - 60px);padding-left: 1rem;}
.contacts__content a {line-height: 24px;display: block;}
.contacts__content .footer__title {margin-bottom: .5rem;}
/* Подписаться */
.footer__block.subscribe {background-color: #fff3e5;padding: 3rem 1rem;}
.footer__block.subscribe .subscribe__text {margin-bottom: 1rem;}
.footer__block.subscribe .form__field {flex-grow: 1;}
.footer__block.subscribe input {padding-left: 60px;}
.footer__block.subscribe .form__buttons {margin-top: 1rem;flex-grow: .5;}
.footer__block.subscribe .form__buttons .button {width: 100%;}
.footer__block.subscribe .form__pp {text-align: center;font-size: 12px;color: #c1b1a9;}
.footer__block.subscribe .form__pp a {color: #c1b1a9;}
.footer__block.subscribe .form__pp a:hover {color: #df5642;}
/* Копирайт */
.footer__bottom {padding: 1rem;font-size: 14px;color: #c1b1a9;text-align: center;}
.copyright > div {display: inline-block;}
@media (min-width: 480px) {
.footer__content {display: block !important;}
}
@media (max-width: 1199.98px) {
#footer:after {display: none;}
.contacts__icon {width: 40px;height: 40px;font-size: 24px;}
.contacts__content {width: calc(100% - 40px);}
.footer__block.contacts {padding: 3rem 1rem;}
}
@media (max-width: 991.98px) {
.footer__top .logo {order: 1;width: 100%;margin-bottom: 2rem;}
.footer__top .social-links {order: 2;}
.footer__top .payments {order: 3;}
.footer__block {width: 30%;}
.footer__block.contacts {width: 40%;}
.footer__block.subscribe {width: 100%;padding: 2rem 1rem;}
.footer__block.subscribe .form__callback {display: flex;flex-wrap: wrap;}
.footer__block.subscribe .form__buttons {margin: 0 0 0 1rem;}
}
@media (max-width: 767.98px) {
.footer__top .logo {order: 2;}
.footer__top .social-links {order: 1;width: 100%;justify-content: center;margin-bottom: 2rem;}
.footer__top .payments {order: 3;width: 100%;}
.footer__top .payments a {justify-content: center;}
.payments i {margin: 0 1rem 0 0;}
.footer__block {width: 50%;padding: 2rem 1rem}
.footer__block.contacts {width: 100%;padding-top: 0;}
.footer__block.contacts .contacts {display: flex;flex-wrap: wrap;align-items: flex-start;}
.footer__block.contacts .contacts__block {width: 50%;}
.footer__block.contacts .contacts__block:nth-child(2) {margin-top: 0;}
.footer__block.subscribe .form__buttons .button {padding: 0 1.5rem;}
}
@media (max-width: 479.98px) {
#footer:before {display: none;}
.footer__block {width: 100%;order: 3;padding: 1rem;}
.footer__block.subscribe {order: 1;}
.footer__block.subscribe .form__field {width: 100%;}
.footer__block.subscribe input {max-width: 100%;}
.footer__block.subscribe .form__buttons {width: 100%;margin: 1rem 0 0 0;}
.footer__block.contacts {order: 2;padding: 1rem;}
.footer__block.contacts .contacts__block {width: 100%;}
.footer__block.contacts .contacts__block:nth-child(2) {margin-top: 2rem;}
.footer__block.opening {background-color: #fff3e5;}
.footer__block.opening + .opening {border-top: 1px solid #ecdfd4;}
.opened .footer__title i:before {content: '\e915'}
.opening .footer__content {display: none;}
.footer__open {display: inline-block;transition: all 0.3s ease;}
.footer__open:hover, .opened .footer__open {color: #ffaf88;cursor: pointer;}
}
@media (max-width: 374.98px) {
.footer__top .social-links a {width: 40px;height: 40px;}
.payments i {width: 40px;height: 40px;}
}
/******************************************************************************
  Фиксы для браузеров
*******************************************************************************/
/******************************************************************************
Адаптивная часть
*******************************************************************************/
.col-fx-12{width:100%}
.col-fx-11{width:91.66666667%}
.col-fx-10{width:83.33333333%}
.col-fx-9{width:75%}
.col-fx-8{width:66.66666667%}
.col-fx-7{width:58.33333333%}
.col-fx-6{width:50%}
.col-fx-5{width:41.66666667%}
.col-fx-4{width:33.33333333%}
.col-fx-3{width:25%}
.col-fx-2{width:16.66666667%}
.col-fx-1{width:8.33333333%}
@media all and (min-width: 480px) {
.container {min-width: 448px;}
}
@media all and (min-width: 576px) {
.container {min-width: 544px;}
}
@media all and (min-width: 768px) {
.container {width: 736px;}
}
@media all and (min-width: 992px) {
.container {width: 960px;}
}
@media all and (min-width: 1200px) {
.container {width: 1168px;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 639.98px) {}
@media (max-width: 479.98px) {}
@media (max-width: 374.98px) {}
/***
	Основные цвета шаблона
 */
.first-border-color {border-color: #ecdfd4;}
.second-border-color {border-color: #f8e9e6;}
.first-background-color {background-color: #ffaf88;}
.second-background-color {background-color: #fff4f2;}
.third-background-color {background-color: #df5642;}
.gray-color {color: #c1b1a9;}
.hover-color:hover {color: #df5642;}
.catalog__link.opened {color: #df5642;}
@media all and (max-width: 480px) {
#filters form.form__filters {padding-bottom: 40px;}
}