/**************************************/ /*** Основные стили шаблона ***/ /**************************************/ html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;} body {background-color: #ffffff;color: #656d72;font-family: 'Ubuntu', sans-serif;font-size: .875rem;line-height: 1.3;font-weight: 400;position: relative;overflow-x: hidden;margin: 0;padding: 0;} section {margin: 3rem 0;position: relative;} .mainBlock-left {width: 100%;flex-grow: 1;} .mainBlock-left.has-sidebar {width: 75%;padding-right: 1rem;flex-grow: 1;} .mainBlock-right {width: 25%;padding-left: 1rem;flex-grow: 1;} @media (max-width: 1199.98px) { .mainBlock-left {width: 100%;padding: 0;} .mainBlock-right {width: 100%;padding: 2rem 0 0 0;display: none;} } @media (max-width: 991.98px) { section {margin: 2rem 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: #00acc5;} ::-webkit-scrollbar-track {border-radius: 0;} /**************************************/ /*** Вспомогательные элементы ***/ /**************************************/ a {color: #656d72;text-decoration: none;outline: 0;cursor: pointer;transition: all 0.3s ease;} a:hover, a.active, a.opened {color: #00acc5;text-decoration: none;outline: 0;} img {max-width: 100%;max-height: 100%;width: auto;} p {margin-bottom: 1rem;line-height: 1.5;} ol.unstyled, ul.unstyled {margin: 0;padding: 0;list-style: none;} .required em {color: red;} .unselectable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .fadeout, .out {opacity: 0;filter: alpha(opacity=0);} .fadein, .in {opacity: 1;filter: alpha(opacity=100);} .tc {color: #00acc5 !important;} .text-center {text-align: center;} .flex {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;} .flex-start {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: flex-start;-webkit-align-items: flex-start;-webkit-box-align: flex-start;align-items: flex-start;} .flex-center {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;-webkit-justify-content: center;justify-content: center;} .justify-between {justify-content: space-between;} .mask {overflow: hidden;mask-image: linear-gradient(to bottom, black 50%, transparent 90%);} .noscript {position: relative;text-align: center;background-color: #00acc5;color: #ffffff;padding: 1rem;} .blockquote {padding: 0 0 0 1rem;margin: 0 0 1.5rem;border-left: .25rem solid #00acc5;} .DescriptionBlock {margin: 2rem 0 0 0;} .htmlDataBlock {overflow: hidden;} /**************************************/ /*** Оверлей. Темный фон ***/ /**************************************/ #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;} /**************************************/ /*** Инпут поля ***/ /**************************************/ input, select, textarea {width: 100%;height: 3rem;padding: 0 1.5rem;color: #656d72;background-color: #ffffff;border-color: #dae6ec;border-width: 1px;border-style: solid;border-radius: 0;outline: 0;font-size: 1rem;font-weight: 400;font-family: 'Ubuntu', sans-serif;-webkit-appearance: none;-moz-appearance: none;appearance: none;} input:focus, select:focus, textarea:focus {border-color: #00acc5;} textarea {height: auto;padding-top: 1rem;} select {cursor: pointer;} input.error {border-color: red;} input[type="file"] {margin-top: 0.25rem;height: auto;line-height: 1;border: 0;padding: 0;border-radius: 0;background: transparent;} .square {width: 1.5rem;height: 1.5rem;line-height: 1.5rem;border-radius: 0;margin: 0;padding: 0;text-align: center;} .square:checked, .square:hover {background-color: #0066a0;} .square:checked:after, .square:hover:after {content: '\e904';font-family: 'icomoon';color: #ffffff;} .square:disabled {background-color: #dae6ec;cursor: default} .square:disabled:after {display: none;} input + label {cursor: pointer;} .disabled label {cursor: default;} /* Текст в не активном инпуте */ ::-webkit-input-placeholder {color: #9facb3;} ::-moz-placeholder {color: #9facb3;} :-moz-placeholder {color: #9facb3;} :-ms-input-placeholder {color: #9facb3;} :focus::-webkit-input-placeholder {color: #23261d;transition: opacity .3s ease;} :focus::-moz-placeholder {color: #23261d;transition: opacity .3s ease;} :focus:-moz-placeholder {color: #23261d;transition: opacity .3s ease;} :focus:-ms-input-placeholder {color: #23261d;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;} /**************************************/ /*** Селекты ***/ /**************************************/ .selectBox {position: relative;} .selectBox:after {content: '\e939';line-height: 3rem;right: 1rem;position: absolute;font-family: 'icomoon';pointer-events: none;} .selectBox select {padding-right: 3rem;} .selectBox:hover {color: #00acc5;} .selectBox option[disabled] {color: #a0adb4;} @media (max-width: 479.98px) { .selectBox select {padding: 0 2rem 0 1rem;} } /**************************************/ /*** Кнопки ***/ /**************************************/ .button, button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {color: #ffffff;background: #00acc5;border-color: #00acc5;padding: 0 2rem;line-height: 3rem;font-size: 1rem;border-radius: 2rem;border-width: 1px;border-style: solid;text-align: center;font-family: 'Ubuntu', sans-serif;cursor: pointer;display: inline-block;position: relative;transition: all 0.3s ease;} .button:hover, button:hover, .paymentFormSubmitLink:hover, .paymentFormTbodySubmitButton:hover, .button.active, .button.opened {color: #ffffff;background-color: #0066a0;border-color: #0066a0;} .button2 {color: #ffffff;background-color: #0066a0;border-color: #0066a0;} .button2:hover, .button2.active, .button2.opened {color: #ffffff;background-color: #00acc5;border-color: #00acc5;} .button3 {color: #656d72;background-color: #ffffff;border-color: #eef2f4;} .button3:hover, .button3.active, .button3.opened {color: #ffffff;background-color: #00acc5;border-color: #00acc5;} .button4 {color: #656d72;background-color: #eef2f4;border-color: #eef2f4;} .button4:hover, .button4.active, .button4.opened {color: #ffffff;background-color: #00acc5;border-color: #00acc5;} .button5 {color: #00acc5;background-color: #ffffff;border-color: #00acc5;} .button5:hover, .button5.active, .button5.opened {color: #ffffff;background-color: #00acc5;border-color: #00acc5;} .button.empty {color: #656d72;background-color: #eef2f5;border-color: #eef2f4;} .button.empty:hover {color: #656d72;background-color: #eef2f5;border-color: #eef2f4;} .button i {vertical-align: middle;} .button span + i {margin-left: .5rem;} .button i + span {margin-left: .5rem;} .small {line-height: 2rem;padding: 0 1rem;} .remove i, .fancybox-close-small i {transition: all 0.3s ease;display: inline-block;} .remove:hover i, .fancybox-close-small:hover i {transform: rotate(90deg);} /**************************************/ /*** Иконки Товаров ***/ /**************************************/ /*** Избранное, Сравнение, В коризну, Уведомить, Нет в наличии ***/ [class^="add-"]:after {font-family: 'icomoon';line-height: 1;} .add-compare:hover, .add-favorites:hover, .quickview:hover {color: #00acc5;} .add-compare.added, .add-favorites.added {color: #00acc5;} .add-favorites:after {content: '\e909';} .add-compare:after {content: '\e907';} /*** Иконки Новинка, Хит, Скидка ***/ .product__ico {color: #ffffff;position: absolute;top: 1.25rem;left: 1.25rem;display: flex;align-items: center;justify-content: flex-start;z-index: 2;} .product__ico label {display: none;} .product__ico span {font-size: .75rem;margin: 0;padding: .25rem 1rem;border-radius: 1.5rem;text-transform: lowercase;display: flex;align-items: center;justify-content: center;} .ico__sales {background: #eef2f4;color: #656d72;} .ico__sale {background: #0066a0;z-index: 2;} .ico__sale:before {content: 'sale';} .ico__best {background: #f44d69;} .ico__best:before {content: 'hit';} .ico__new {background: #00acc5;} .ico__new:before {content: 'new';} .ico__sale + .ico__sales {margin-left: -1.5rem;padding-left: 2rem;} /**************************************/ /*** Рейтинг Товаров ***/ /**************************************/ .ratings {display: inline-block;position: relative;vertical-align: middle;line-height: 0;overflow: hidden;} .ratings:before {font-size: 1.5rem;color: #9facb3;line-height: 1;font-family: 'icomoon';content: '\e933\20\e933\20\e933\20\e933\20\e933';} .ratings .rating {position: absolute;left: 0;top: 0;overflow: hidden;} .ratings .rating:before {font-size: 1.5rem;color: #0066a0;line-height: 1;white-space:nowrap;font-family: 'icomoon';content: '\e933\20\e933\20\e933\20\e933\20\e933';} .stars {overflow: hidden;} .star {color: #9facb3;display:block;width: 1.5rem;height: 1.5rem;line-height: 1.5rem;font-size: 1.5rem;white-space: nowrap;float:left;cursor: pointer;zoom:1;} .star:after {content: '\e933';font-family: 'icomoon';} .stars .fullStar {color: #0066a0;} .stars .tmp_fs {color: #0066a0;} .stars .tmp_es {color: #9facb3;} /**************************************/ /*** Цены ***/ /**************************************/ .price__old {color: #9facb3;text-decoration: line-through;} .price__now {font-weight: bold;font-size: 1.125rem;} .num + span {display: none;} .num:after {content: "руб.";line-height: 1;margin-left: 0.125rem;} /**************************************/ /*** Уведомления. Системные сообщения ***/ /**************************************/ .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: #00acc5;border-color: #00acc5;color: #ffffff;} .warning {background-color: #b30020;border-color: #b30020;color: #ffffff;} .attention {background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;} .information {background-color: #64b93a;border-color: #64b93a;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 {color: inherit;font-weight: 600;text-decoration: underline;display: inline;} /**************************************/ /*** Заголовки ***/ /**************************************/ h1, h2, h3, h4, h5, h6 {text-rendering: optimizelegibility;text-transform: none;line-height: 1.5;margin: 0;padding: 0;font-weight: bold;} 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;} /**************************************/ /*** Предзагрузчик ***/ /**************************************/ .preloader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;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-radius: 50%;border: 5px solid #ffffff;border-color: #00acc5 transparent #00acc5 transparent;animation: loading 1.2s linear infinite;} .preloader.small .loading {display: inline-block;width: 3rem;height: 3rem;} .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);} } /**************************************/ /*** Навигация по страницам ***/ /**************************************/ .pages li {margin: 0 .5rem;width: 3rem;height: 3rem;line-height: 3rem;background-color: #eef2f4;text-align: center;} .pages li:hover, .pages li.current {background-color: #0066a0;color: #ffffff;} .pages li:hover a {color: inherit;} .pages li a {display: block;} .pages li.first, .pages li.last {background-color: transparent;} .pages li.first:hover, .pages li.last:hover {color: #0066a0;} /**************************************/ /*** Таблицы ***/ /**************************************/ .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 #dae6ec;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 #dae6ec;line-height: 1.125rem;padding: 0.75rem;text-align: center;} .table-box tfoot td {color: #656d72;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;} /**************************************/ /*** Показать пароль ***/ /**************************************/ .form__pass {display: flex;align-items: center;position: relative;} .showPassBlock {position: absolute;right: .25rem;cursor: pointer;} .showPassBlock:before {content: '\e937';margin-right: 0.5rem;color: #dae6ec;font-size: 1.5rem;font-family: 'icomoon';vertical-align: middle;} .showPassBlock.active:before {content: '\e936';} .showPassBlock .showPass {vertical-align: middle;display: none;} /*** Капслок ***/ #capslock {margin-top: 1rem;display: none;} /**************************************/ /*** Модальные окна ***/ /**************************************/ .fancybox-close-small {line-height: 1;} .fancybox-close-small:hover {color: #ffffff;} .fancybox-content {padding: 2.75rem 2rem 2rem 2rem;max-width: 50rem;} @media (max-width: 639.98px) { .fancybox-content {padding: 2.75rem 1rem 1rem 1rem;} } /**************************************/ /*** Формализованный список ***/ /**************************************/ .form__list {width: 100%;} .form__fields {margin-bottom: 2rem;position: relative;} .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: flex;flex-wrap: wrap;align-items: center;} .form__fields input {transition: all 0.3s ease;} .form__field {position: relative;} .form__pp {font-size: .75rem;margin-top: 1rem;} .form__pp a {text-decoration: underline;} .form__buttons {margin-top: 2rem;} .form__field i {position: absolute;top: 0;left: 0;font-size: 24px;width: 40px;height: 40px;display: none;align-items: center;justify-content: center;} @media all and (max-width: 767.98px) { .form__fields {margin-bottom: 1rem;} } /**************************************/ /*** Страницы: ЛК ***/ /**************************************/ .client, .form__client {width: 100%;} .client__blocks {width: 50%;} .client__block {width: calc(50% - 2rem);margin: 0 1rem;} .client__title {font-size: 1.75rem;margin-bottom: 2rem;display: flex;align-items: center;width: 100%;} .client .form__fields label {display: none;} .client .form__fields {max-width: 360px;} .client__buttons {width: 100%;display: block;} .client__buttons .button {margin: 1rem 1rem 0 0;} @media all and (max-width: 1199.98px) { .client__blocks {width: 100%;} .client__blocks + .client__blocks {margin-top: 2rem;} } @media all and (max-width: 639.98px) { .client__block {width: 100%;} .client__block + .client__block {margin-top: 2rem;} .client__title {margin-bottom: 1rem;} } /**************************************/ /*** Страница: Связь с администрацией ***/ /**************************************/ .page-feedback .maps {width: 100%;margin-top: 2rem;} /* Страница: Связь с администрацией. Контакты */ .page-feedback .contacts__content {margin: 0;padding: 0;list-style: none;width: 100%;} .page-feedback .contacts__block {margin-bottom: 2rem;width: 100%;} .page-feedback .contacts__block label {display: none;} .page-feedback .contacts__block-link {white-space: normal;max-width: 100%;} .page-feedback .contacts__block-link + .contacts__block-link {margin-top: .5rem;} /**************************************/ /*** Страницы новостей ***/ /**************************************/ /*** Страница: Список новостей ***/ .news__list .news__item {margin-bottom: 2rem;padding: 1.5rem;border: 1px solid #dae6ec;} .news__list .news__item:last-child {margin-bottom: 0;} .news__list .news__title {margin: 0 0 1rem 0;font-weight: bold;display: block;} .news__list .news__text {word-break: break-all;font-size: 0.875rem;} .news__list .news__date {margin: .5rem 0 0 0;position: relative;text-align: right;} .news__list + .pages {margin-top: 2rem;} @media all and (max-width: 639.98px) { .news__list .news__item {padding: 1rem;} } /*** Страница: Просмотр новости ***/ .news__buttons {margin-top: 1.5rem;} .news__buttons a {padding: 0 1.5rem;} .newsListBlockItemFiles {margin-top: 1rem;overflow: hidden;word-break: break-all;} .page-news .news__date {position: relative;text-align: right;margin-top: 1rem;} .page-news .htmlDataBlock {padding: 1.5rem;border: 1px solid #dae6ec;} .page-news .htmlDataBlock img {margin-bottom: 1rem;} /**************************************/ /*** Страница: Сравнение ***/ /**************************************/ .CompareGoods .buttons {margin: 2rem 0 0;} .CompareGoods .buttons i {margin-right: 6px;vertical-align: middle;} .CompareGoods .buttons span {margin-left: 3px;vertical-align: middle;} .CompareGoods__nav {width: 100%;margin-bottom: 2rem;position: relative;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .CompareGoods__nav .owl-nav {position: relative;} .CompareGoods__filter {display: -ms-flexbox;display: -webkit-flex;display: flex;line-height: 30px;} .CompareGoods__filter .button {padding: 0 1rem;} .CompareGoods__filter .hide {margin-left: 3px;} .CompareGoods__switch {background: #eef2f4;display: inline-block;position: relative;width: 60px;height: 30px;border-radius: 1.5rem;z-index: 0;margin: 0 0.625rem 0 0;padding: 0;border: none;cursor: pointer;transition-duration: 300ms;} .CompareGoods__switch:after {background: #ffffff;content: '';position: absolute;top: 3px;left: 3px;height: 1.5rem;width: 1.5rem;border-radius: 17px;transition-duration: 300ms;z-index: 1;} .CompareGoods__switch.switch-on {background: #0066a0;} .CompareGoods__switch.switch-on:after {left: 33px;} .CompareGoods .price__now {margin: 0;} .CompareGoods .price__old {margin-right: 1rem;} /** Таблица сравнений **/ .CompareGoodsTableTbody {width: 100%;} .CompareGoodsTableTbody > div {border-top: 1px solid #dae6ec;width: 100%;margin-bottom: 1rem;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .CompareGoodsTableTbody > div:not(.CompareGoodsTableTbodyComparisonLine) {border: 0;text-align: center;} .CompareGoodsTableTbody > div:not(.CompareGoodsTableTbodyComparisonLine) .cell {display: none;} .CompareGoodsTableTbody > div .cell {width: 100%;padding: 1rem 0 0.625rem;} .CompareGoodsTableTbody > div .cell label {font-weight: bold;} .CompareGoodsTableTbody > div .cell input {display: none;} .CompareGoodsTableTbody .image a:not(.remove) {display: block;line-height: 130px;} .CompareGoodsTableTbody .owl-item .image img {display: inline-block;width: auto;max-width: 100%;} .CompareGoodsTableTbody .remove {color: #dae6ec;background: #ffffff;border: 1px solid #dae6ec;position: absolute;top: 0;right: 0;z-index: 2;width: 2rem;height: 2rem;} .CompareGoodsTableTbody .remove:hover {color: #ffffff;background: #0066a0;border-color: #0066a0;} .CompareGoodsTableTbody .remove i {display: block;font-size: 1rem;line-height: 1.95rem;} .CompareGoodsTableTbody .CompareCheckbox {display: none;margin: 0 0.625rem 0 0;vertical-align: middle;} .CompareGoodsTableTbody .htmlDataBlock {text-align: left;overflow: hidden;} .CompareGoodsTableTbody .CompareGoodsHeader .title {display: block;max-height: 72px;line-height: 1.125rem;overflow: hidden;text-align: left;} .CompareGoodsTableTbody .CompareGoodsHeader .mod {display: block;margin-top: 5px;font-size: 13px;line-height: 15px;text-align: left;} .CompareGoodsTableTbody .actions {width: 100%;padding: 3px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .CompareGoodsTableTbody .actions [class^="add-"] {font-size: 1.5rem;} .CompareGoodsTableTbody .actions [class^="add-"] span {display: none;} .CompareGoodsTableTbody .product__price {border: 0;} .CompareGoodsTableTbody .owl-stage-outer {margin-right: -1px;} .page-compare .owl-prev, .page-compare .owl-next {width: 3rem;height: 3rem;line-height: 3rem;text-align: center;} .page-compare .owl-next {margin-left: 1rem;} @media all and (max-width: 479px) { .CompareGoods__filter .label {display: none;} .CompareGoods .price__old {margin-right: 0.5rem;} .CompareGoodsTableTbody .actions .price-box {width: 100%;margin-bottom: 1rem;} .CompareGoodsTableTbody .actions .price-box .price__old {display: block;margin-top: 5px;} .CompareGoodsTableTbody .actions .add-notify:before {display: none;} } /**************************************/ /*** Наверх ***/ /**************************************/ .toTop {background-color: #00acc5;color: #ffffff;font-size: 1.5rem;width: 4rem;height: 4rem;line-height: 4rem;text-align: center;border-radius: 100%;position: fixed;right: 1rem;bottom: 1rem;display: none;transition: all 0.3s ease;z-index: 12;cursor: pointer;} .toTop:hover {background-color: #0066a0;} /**************************************/ /*** Обесцвечивание изображений ***/ /**************************************/ .grayscale {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .grayscale:hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;} /**************************************/ /*** Шапка ***/ /**************************************/ .header__top {padding: 2rem 0;position: relative;} .header__top .flex {position: relative;} .header__bottom {display: none;} @media (max-width: 767.98px) { .header__top {padding: .75rem 0;margin-bottom: 1rem;background-color: #0066a0;} } /* Шапка. Контакты */ header .contacts {width: 27rem;height: 3rem;} header .contacts__block + .contacts__block {margin-left: 2.5rem;} .contacts__block-icon {font-size: 2.5rem;line-height: 1;} .contacts__block-content {width: calc(100% - 2.5rem);padding-left: 1rem;flex-direction: column;} .contacts__block-link {font-weight: bold;max-width: 11rem;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .contacts__block-fancy {color: #a0adb4;margin-top: .5rem;display: block;} .contacts__block-fancy:hover {color: #004e7c;} /* Шапка. Контакты. Адаптивность */ @media (max-width: 767.98px) { header .contacts {width: 24rem;height: auto;} .contacts__block-fancy {margin-top: .25rem;} .contacts__block-fancy:hover {color: #ffffff;text-decoration: underline;} } @media (max-width: 639.98px) { header .contacts__block-icon {font-size: 2rem;} header .contacts__block-content {width: calc(100% - 2rem);} } @media (max-width: 575.98px) { header .contacts {width: 19rem;} header .contacts__block + .contacts__block {margin-left: 1rem;} } @media (min-width: 480px) and (max-width: 575px) { header .contacts__block-icon {display: none;} header .contacts__block-content {width: 100%;} } @media (max-width: 479.98px) { header .contacts {width: calc(100% - 7.5rem);} header .contacts__block.email {display: none;} header .contacts__block-link {width: 8rem;} } /** Шапка. ЛК, Избр, Срав **/ .addto {width: 12rem;justify-content: flex-end;} .addto__block {margin-left: 2.5rem;} .addto__block-link {font-size: 1.5rem;position: relative;} .addto__block-link [data-count] {position: absolute;top: -.75rem;right: -.75rem;font-size: .75rem;display: none;} .has-items .addto__block-link [data-count] {display: block;} .addto .dropdown {position: initial;} /* ЛК */ .login .addto__buttons {margin-top: 2rem;} .login .form__text {margin-bottom: 2rem;} .login li a {display: block;margin: .5rem 0;white-space: nowrap;line-height: 2.2;} /* Шапка. ЛК, Избр, Срав. Адаптивность */ @media (max-width: 1199.98px) { .addto {width: 10.5rem;} .addto__block {margin-left: 2rem;} } @media (max-width: 767.98px) { .addto__block-link, header .contacts__block-icon, header .contacts__block-link {color: #ffffff} } @media (max-width: 639.98px) { .addto {width: 7.5rem;} .addto__block {margin-left: 1rem;} } /* Шапка. Логотип */ .logo {width: 15rem;} .logo a {display: block;} /* Шапка. Логотип. Адаптивность */ @media (max-width: 639.98px) { .logo {flex-grow: 1;} } @media (max-width: 479.98px) { .logo {width: 10rem;} } /* Шапка. Меню */ .mainnav {width: calc(100% - 15rem - 10rem);padding: 0 1rem;position: relative;} .page-cart .mainnav {width: calc(100% - 15rem);} .mainnav__list-link {margin: 0 1.5rem;line-height: 2.2;} .mainnav .mainnav__list {height: 2rem;overflow: hidden;} .mainnav.opened .mainnav__list {height: auto;} .mainnav .overflowMenu {display: none;} .mainnav .overflowMenu.opened {display: flex;flex-direction: column;top: 3rem;} .mainnav__more i {font-size: .625rem;padding-left: .5rem;} .mainnav__icon {display: none;} .mainnav .dropdown__content {padding: .5rem 2rem;width: auto;right: 1rem;text-align: left;} .mainnav .dropdown__content a {display: block;margin: .5rem 0;white-space: nowrap;} @media (min-width: 991.98px) { .mainnav__dropdown {display: none !important;} } /* Шапка. Меню. Адаптивность */ @media (max-width: 991.98px) { .mainnav ul {display: none;} .mainnav__icon {display: inline-block;} .mainnav {text-align: right;} } @media (max-width: 639.98px) { .mainnav {width: calc(100% - 15rem - 10rem);} .mainnav__icon {padding: 0 1.125rem;} } @media (max-width: 575.98px) { .mainnav {width: auto;} .mainnav__icon {padding: 0;width: 3rem;height: 3rem;display: flex;margin: 0 0 0 auto;} .mainnav__icon span {display: none;} .mainnav__icon i {margin: 0 !important;font-size: 1.25rem;} .mainnav__icon i:before {content: '\e920'} } /* Шапка. Корзина */ .page-cart .cart {display: none;} header .cart {width: 10rem;} .cart__block {border-radius: 2rem;padding: 1rem;transition: all 0.3s ease;} .cart__block-icon {font-size: 1.125rem;line-height: 1;position: relative;} .cart__block-icon .cart__count {display: none;} .cart__block-content {margin-left: .75rem;} .cart__block-price {display: none;} .has-items .cart__block-price {display: block;} .has-items .cart__block-empty {display: none;} /* Шапка. Корзина. Адаптивность */ @media (max-width: 575.98px) { header .cart {width: 3rem;} .cart__block {height: 3rem;} .cart__block-icon {margin: 0;} .cart__block-icon .cart__count {background-color: #0066a0;border: 2px solid #ffffff;border-radius: 100%;width: 2rem;height: 2rem;line-height: 1.75rem;font-size: .75rem;text-align: center; display: block;position: absolute;top: -1.75rem;right: -1.75rem;} .cart__block-content {display: none;} } /* Шапка. Поиск */ .search {width: calc(100% - 27rem - 12rem - 2.5rem);margin-left: 2.5rem;} .search__form {position: relative;} .search__input {height: 3.125rem;padding: 0 5rem 0 2rem;cursor: auto;border-radius: 1.5rem;border-width: 2px;} .search__submit {width: 3rem;height: 3rem;line-height: 2.75rem;padding: 0;background-color: #9facb3;border-color: #9facb3;font-size: 1.125rem;position: absolute;top: 1px;right: 0;} .search__submit:hover, .search__submit:focus, .search__input:focus + .search__submit {background-color: #00acc5;border-color: #00acc5;} .search__reset {opacity: 0;font-size: .875rem;position: absolute;top: 1rem;right: 4rem;} .search__filled .search__reset {opacity: 1;} .search__loading .lds-ring {display: block;} .search__icon {display: none;position: relative;top: auto;right: auto;} .lds-ring {display: none;position: absolute;top: 1rem;left: .5rem;width: 1rem;height: 1rem;} .lds-ring div {border: 2px solid #00acc5;border-color: #00acc5 transparent transparent transparent;width: 1rem;height: 1rem;margin: 0;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;display: block;position: absolute;} .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);} } /* Шапка. Поиск. Адаптивность */ @media (max-width: 1199.98px) { .search {width: calc(100% - 27rem - 10.5rem - 1.5rem);margin-left: 1.5rem;} } @media (max-width: 991.98px) { .search {text-align: right;} .search__form {display: none;} .search__icon {display: inline-block;} .search.opened {position: absolute;left: 0;margin: 0;width: calc(100% - 10.5rem);z-index: 11;} .search.opened .search__form {display: block;} .search.opened .search__icon {display: none;} } @media (max-width: 767.98px) { header {padding-bottom: 4rem;} .header__top .search {position: absolute;top: 9rem;} .header__bottom {display: block;margin-top: 1rem;} .search__icon {display: none;} .search__form {display: block;} .search {width: 100%;margin: 0;} } /** Поисковая выдача **/ #search__result {display: none;width: 100%;max-height: 33rem;position: absolute;top: 4rem;right: 0;padding: 1rem;border: 1px solid #dae6ec;background: #ffffff;text-align: left;overflow-y: auto;z-index: 11;} #search__result .flex-start {flex-direction: column;} #search__result .result__item {display: none;width: 100%;line-height: 20px;padding: 10px 0;} #search__result .result__item:nth-child(-n+4) {display: block;} #search__result .result__item a {font-size: 1rem;display: flex;flex-wrap: wrap;align-items: center;} #search__result .result__item a.active {color: #00acc5;} #search__result .result__item .result__image {width: 2.5rem;margin-right: 1.25rem;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 #dae6ec;} #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;} /**************************************/ /*** Подвал ***/ /**************************************/ .footer__top {background-color: #eef2f4;padding: 3rem 0;} .footer__middle {padding: 3rem 0;} .footer__bottom {background-color: #eef2f4;padding: 3rem 0;} /* Подвал. Меню */ footer .mainnav {width: calc(100% - 15rem);padding: 0;} footer .mainnav ul {justify-content: flex-end;} footer .mainnav .dropdown__content {top: auto;bottom: 4rem;display: none !important;} footer .mainnav .overflowMenu.opened {flex-direction: row;} footer .mainnav__more.opened {display: none;} /* Подвал. Контакты */ footer .contacts__block {width: 25%;padding: 0 1rem;flex-grow: 1;} footer .contacts__block-content {padding-left: 2rem;} footer .contacts__block-link {white-space: normal;} footer .contacts__block-link + .contacts__block-link {margin-top: .5rem;} /* Подвал. Соц Сети */ .social-links {width: 30%;} .social-links a {margin: 0 .5rem .5rem 0;border: 2px solid #9facb3;border-radius: 100%;font-size: 1rem;width: 2rem;height: 2rem;line-height: 1.875rem;display: inline-block;text-align: center;} .social-links a:hover {border-color: #00acc5} .social-links span {display: none;} /* Подвал. Копирайт */ .copyright {width: 40%;padding: 0 1rem;flex-direction: column;} .copyright div + div {margin-top: .25rem;} /* Подвал. Оплата */ .payments {width: 30%;} .payments a:hover {color: #656d72;} .payments i {margin: 0 .5rem .5rem 0;border: 2px solid #9facb3;border-radius: 100%;font-size: 1rem;width: 2rem;height: 2rem;line-height: 1.75rem;display: inline-block;text-align: center;transition: all 0.3s ease;} .payments i:hover {border-color: #00acc5;color: #00acc5;} /* Подвал. Адаптивность */ @media (max-width: 991.98px) { footer .contacts__block {width: 50%;margin-top: 2rem;} footer .contacts__block:nth-child(-n+2) {margin-top: 0;} footer .mainnav .dropdown__content.opened {display: block !important;right: 0;} .social-links {width: auto;} .payments {width: auto;} .copyright {width: 100%;order: 3;margin-top: 2rem;} } @media (max-width: 639.98px) { .social-links {width: 100%;justify-content: center;} .payments {width: 100%;text-align: center;margin-top: .5rem;} .payments i {margin: .5rem .5rem 0 0;} } @media (max-width: 479.98px) { footer .contacts__block {width: 100%;} footer .contacts__block:nth-child(2) {margin-top: 2rem;} footer .contacts__block-link {max-width: 100%;} .copyright {text-align: center;} } /**************************************/ /*** Слайдшоу ***/ /**************************************/ #slideshow {height: 27.5rem;overflow: hidden;} #slideshow .container {position: relative;} .slider__item {height: 27.5rem;overflow: hidden;border-radius: 0 0 0 17rem;background-color: #eef2f5;background-repeat: no-repeat;background-size: cover;} .slider__content {width: 55%;margin: 0 0 0 auto;padding: 2rem 2rem 2rem 0;} .slider__title {font-size: 2rem;font-weight: bold;line-height: 1.5;} .slider__content a {color: #656d72;} .slider__content .slider__subtitle {color: #656d72;} .slider__subtitle {margin-top: 3rem;} .slider__buttons {margin-top: 3rem;} .slider__nav {margin: 0 2rem;} .slider__nav .owl-dots {margin: 0 1.5rem;} .slider__nav .owl-count {margin-left: 1.5rem;} .slider__nav .owl-count .count {transform: rotate(-90deg);display: inline-block;} #slideshow .owl-prev, #slideshow .owl-next {position: relative;top: auto;background-color: transparent;border: 0;color: #656d72;width: auto;height: auto;font-size: 1.25rem;} #slideshow .owl-prev:hover, #slideshow .owl-next:hover {color: #00acc5;} #slideshow .owl-prev {left: auto;} #slideshow .owl-next {right: auto;} #slideshow .owl-prev:before {content: '\e93a';} #slideshow .owl-next:before {content: '\e93b';} #slideshow .owl-dots {display: none;} #slideshow .slider__buttons .owl-dots {display: block;} /* Слайдшоу. Адаптивность */ @media (max-width: 1199.98px) { #slideshow {height: 23rem;} .slider__item {height: 23rem;} .slider__title {font-size: 1.5rem;} .slider__subtitle {margin-top: 2.5rem;} .slider__buttons {margin-top: 2.5rem;} } @media (max-width: 991.98px) { #slideshow {height: 18rem;} .slider__item {height: 18rem;border-radius: 0 0 0 12rem;} .slider__content {padding-right: 1rem;} .slider__title {font-size: 1.25rem;} .slider__subtitle {margin-top: 2rem;} .slider__buttons {margin-top: 2rem;} .slider__nav {margin: 0 0 0 2rem;} .slider__nav .owl-dots {margin: 0 .5rem;} .slider__nav .owl-dots .owl-dot {margin: 0 .25rem;} .slider__nav .owl-count {margin-left: 0;} } @media (max-width: 767.98px) { #slideshow {height: 14rem;} .slider__item {height: 14rem;} .slider__title {font-size: 1rem;} .slider__subtitle {display: none;} .slider__buttons {justify-content: flex-end;} .slider__button {display: none;} } @media (max-width: 639.98px) { .slider__item {background-position: 20% 0;border-radius: 0 0 0 9rem;} .slider__nav .owl-prev, .slider__nav .owl-next {display: none;} .slider__nav .owl-count {display: none;} } @media (max-width: 479.98px) { .slider__item {background-position: 30% 0;} .slider__content {width: 60%;} } /**************************************/ /*** Открытие Каталога ***/ /**************************************/ .catalog .container {position: relative;} .page-cart .slider__catalog {display: none;} .slider__catalog {position: absolute;bottom: 1rem;left: 1rem;z-index: 10;} .catalog__icon {width: 8rem;height: 8rem;font-size: 2rem;color: #ffffff;background-color: #0066a0;border: .375rem solid #ffffff;border-radius: 100%;cursor: pointer;} .catalog__icon i:before {transition: all 0.3s ease;display: inline-block;} .opened .catalog__icon i:before {content: '\e906';transform: rotate(90deg);} .catalog__content.dropdown__content {padding: 2rem 2rem 2rem 16rem;top: 3rem;left: 1rem;width: calc(100% - 2rem);height: 27.5rem;background-color: #0066a0;border: 0;border-radius: 0 0 0 17rem;overflow: hidden;z-index: 10;} .catalog__content.dropdown__content a {color: #ffffff;} .catalog__content .catalog__item {width: 33.333333%;} .catalog__content .catalog__link {padding: 1.125rem 0;} .catalog__content .catalog__link:before {content: '\e904';font-family: 'icomoon';padding: .5rem;line-height: 1;border: 2px solid #ffffff;border-radius: 100%;color: #ffffff;transition: all 0.3s ease;} .catalog__content .catalog__link:hover:before {background-color: #00acc5;} .catalog__content .catalog__link span {padding: .75rem;width: calc(100% - 2.125rem);transition: all 0.3s ease;} .catalog__content .catalog__link:hover span {text-decoration: underline;} .catalog__content .dropdown__label {display: none;font-size: 1.25rem;color: #ffffff;position: absolute;top: 30%;left: 0;} .index .catalog__content .dropdown__label {display: block;} .catalog__content .dropdown__label span {transform: rotate(-90deg);display: inline-block;} .catalog__content .catalog__item .sub {display: none !important;} .catalog__content .catalog__link.opened, .catalog__content .catalog__item.opened > .catalog__link {color: #ffffff;} @media (max-width: 1199.98px) { .catalog__content.dropdown__content {height: 23rem;padding: 1.25rem 2rem 1.25rem 14rem;} .catalog__content .catalog__link {padding: 1.25rem 0;} } @media (max-width: 991.98px) { .slider__catalog {bottom: 0;} .catalog__icon {width: 7rem;height: 7rem;font-size: 2rem;} .catalog__content.dropdown__content {height: 18rem;border-radius: 0 0 0 12rem;top: 2rem;padding: 1.25rem 2rem 1.25rem 8rem;} .catalog__content .catalog__link {padding: .5rem 0;} .index .catalog__content .dropdown__label {display: none;} } @media (max-width: 767.98px) { .catalog__content.dropdown__content {height: 14rem;padding: 1rem 2rem 1rem 8rem;} .catalog__content .catalog__item {width: 50%;} .catalog__content .catalog__link {padding: .25rem 0;} } @media (max-width: 639.98px) { .catalog__icon {width: 5rem;height: 5rem;font-size: 1.5rem;} .catalog__content.dropdown__content {border-radius: 0 0 0 9rem;} } @media (max-width: 575.98px) { .catalog__content.dropdown__content {padding: .5rem 2rem .5rem 6rem;height: auto;} } @media (max-width: 479.98px) { .catalog__content .catalog__item {width: 100%;} } /**************************************/ /*** Промо ***/ /**************************************/ .promo__item {width: 25%;padding: 0 1rem;align-items: center;} .promo__icon {font-size: 3rem;} .promo__text {width: calc(100% - 3rem);padding-left: 2rem;} @media (max-width: 1199.98px) { .promo__icon {font-size: 2rem;} .promo__text {width: calc(100% - 2rem);padding-left: 1rem;font-size: 13px;} } @media (max-width: 767.98px) { .promo__item {width: 50%;} .promo__item:nth-child(-n+2) {margin-bottom: 1rem;} } /**************************************/ /*** Баннеры ***/ /**************************************/ .banners__item {width: calc(50% - 2rem);margin: 0 1rem;background-color: #eef2f5;background-position: right;background-repeat: no-repeat;background-size: cover;} .banners__content {padding: 3rem;} .banners__title {font-size: 1.5rem;font-weight: bold;display: block;line-height: 1.5;} .banners__title span {display: block;} .banners__button {margin-top: 2rem;} @media (max-width: 1199.98px) { .banners__content {padding: 3rem 2rem;} .banners__title {font-size: 1.25rem;} } @media (max-width: 991.98px) { .banners__button {display: none;} } @media (max-width: 767.98px) { .banners__item {height: 10rem;} .banners__content {padding: 0 2rem;} } @media (max-width: 639.98px) { .banners__item {width: 100%;} .banners__item + .banners__item {margin-top: 2rem;} .banners__content {padding: 1rem 0 1rem 1.5rem;width: 70%;} .banners__title span {display: inline;} } /**************************************/ /*** Преимущества ***/ /**************************************/ .advantage__item {width: calc(25% - 2rem);margin: 0 1rem;text-align: center;flex-direction: column;} .advantage__title {margin-top: 1rem;font-size: 1rem;font-weight: bold;white-space: nowrap;} .advantage__text {margin-top: 1rem;padding: 0 2rem;} .advantage__icon {width: 10rem;height: 10rem;border: 1px solid #00acc5;border-radius: 100%;font-size: 4rem;position: relative;} .advantage__index {position: absolute;top: .25rem;right: .25rem;font-size: 1.25rem;color: #ffffff;background-color: #00acc5;border-radius: 100%;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;} @media (max-width: 1199.98px) { .advantage__icon {width: 9rem;height: 9rem;} .advantage__text {padding: 0;} } @media (max-width: 767.98px) { .advantage__item {width: calc(50% - 2rem);} .advantage__item:nth-child(-n+2) {margin-bottom: 2rem;} } @media (max-width: 479.98px) { .advantage__icon {width: 8rem;height: 8rem;font-size: 3rem;} .advantage__title {white-space: normal;} .advantage__index {top: 0;right: 0;} } /**************************************/ /*** Новости ***/ /**************************************/ #news {overflow: hidden;} #news [data-content] {display: none;height: 27rem;position: relative;} #news [data-content].active {display: block;} #news .news__item {text-align: center;} #news .news__image {height: 16.25rem;} #news .news__date {margin: 1rem 0;color: #00acc5;} #news .news__title {margin: 1rem 0;height: 3.5rem;overflow: hidden;} #news .news__title span {max-height: 3.5rem;overflow: hidden;display: block;} @media (max-width: 991.98px) { #news [data-content] {height: 24rem;} #news .news__image {height: 13.25rem;} } @media (max-width: 767.98px) { #news [data-content] {height: 27rem;} #news .news__image {height: 16.25rem;} } @media (max-width: 639.98px) { #news [data-content] {height: 23.5rem;} #news .news__image {height: 12.5rem;} } @media (max-width: 479.98px) { #news [data-content] {min-height: 24.5rem;height: auto;} #news .news__image {height: 16.25rem;} #news .news__title {height: auto;} } /**************************************/ /*** Товары на главной ***/ /**************************************/ #pdt {overflow: hidden;} #pdt [data-tab-content] {display: none;height: 27.5rem;position: relative;} #pdt [data-tab-content].active {display: block;} #pdt__sales {overflow: hidden;} #pdt__sales [data-tab-content] {height: 30rem;position: relative;} @media (max-width: 1199.98px) { #pdt [data-tab-content] {height: 29.25rem;} #pdt__sales [data-tab-content] {height: 32rem;} } @media (max-width: 991.98px) { #pdt [data-tab-content] {height: 24.25rem;} #pdt__sales [data-tab-content] {height: 26.625rem;} } @media (max-width: 767.98px) { #pdt [data-tab-content] {height: 28.25rem;} #pdt__sales [data-tab-content] {height: 31rem;} } @media (max-width: 639.98px) { #pdt [data-tab-content] {height: 23.75rem;} #pdt__sales [data-tab-content] {height: 26.25rem;} } @media (max-width: 479.98px) { #pdt [data-tab-content] {height: 29.25rem;} #pdt__sales [data-tab-content] {height: 31rem;} } /*** Навигация на главной ***/ .index .owl-prev, .index .owl-next {position: absolute;top: calc(50% - 2rem);} .index .owl-prev {left: -2rem;} .index .owl-next {right: -2rem;} @media (max-width: 991.98px) { .index .owl-prev, .index .owl-next {top: calc(50% - 4rem);} .index .owl-prev {left: 0;} .index .owl-next {right: 0;} } /**************************************/ /*** Товары таблицей ***/ /**************************************/ .products__container .row {margin-top: -2rem;} .products__grid {display: flex;flex-wrap: wrap;align-items: stretch;} .product__item {width: calc(25% - 2rem);margin: 2rem 1rem 0 1rem;position: relative;} [class^="product__form-"] {padding: 1.25rem;border: 1px solid #dae6ec;transition: all 0.3s ease;} [class^="product__form-"]:hover {border-color: #00acc5;} .product__image {margin-bottom: 1rem;} .product__img {height: 13.625rem;} .product__img img {max-width: 100%;max-height: 100%;} .product__links {position: absolute;top: 1.25rem;right: 1.25rem;} .product__links a {font-size: 1.5rem;} .product__links a + a {margin-left: .5rem;} .product__shop {text-align: center;} .product__name {margin-bottom: 1rem;height: 3.5rem;overflow: hidden;} .product__name span {max-height: 3.5rem;overflow: hidden;display: block;} .product__price {margin-bottom: 1rem;} .product__price .price__old {margin-right: .5rem;} .product__addCart i {font-size: 1rem;vertical-align: middle;} .product__addCart .label {vertical-align: middle;} .product__addedInCart {display: none;align-items: center;color: #00acc5;border: 1px solid #00acc5;border-radius: 2rem;padding-right: .5rem;transition: all 0.3s ease;} .product__addedInCart .button {flex-grow: 1;padding: 0 1rem;} .product__addedInCart i {margin: 0 1rem;} .product__addInCart {width: 100%;padding: 0 1rem;} .inCart .product__addInCart {display: none;} .inCart .product__addedInCart {display: flex;} .empty .product__addedInCart {display: flex;border-color: #eef2f5;color: #656d72;} .product__addCart:hover .product__addedInCart {color: #0066a0;border-color: #0066a0;} .product__addCart:hover .button {color: #ffffff;background-color: #0066a0;} .product__addCart:hover .button.empty {border-color: #0066a0;} .product__discount {color: #ffffff;background: #00acc5;text-align: center;padding: .75rem;} /* Товары таблицей. Адаптивность */ @media (min-width: 1200px) { .has-sidebar .product__item {width: calc(33.333333% - 2rem);} } @media (max-width: 1199.98px) { .product__item {width: calc(33.333333% - 2rem);} .product__img {height: 15.375rem;} } @media (max-width: 991.98px) { [class^="product__form-"] {padding: 1rem;} .product__img {height: 10.75rem;} .product__price .price__old {display: block;margin: 0 0 .25rem 0;} } @media (max-width: 767.98px) { .product__item {width: calc(50% - 2rem);} .product__img {height: 14.875rem;} } @media (max-width: 639.98px) { [class^="product__form-"] {padding: .75rem;} .product__img {height: 10.875rem;} } @media (max-width: 479.98px) { .product__item {width: calc(100% - 2rem);} .product__img {height: 16.5rem;} .product__name {height: auto;} } /**************************************/ /*** Товары списком ***/ /**************************************/ .products__list {display: flex;flex-wrap: wrap;align-items: stretch;} .products__list .product__item {width: calc(50% - 2rem);} .products__list [class^="product__form-"] {padding: 0;} .products__list .product__image {margin: 0;align-items: stretch;} .products__list .product__img {width: 6rem;height: 6rem;} .products__list .product__name {margin: 0;padding: 1rem;width: calc(100% - 6rem - 3rem);height: 6rem;} .products__list .product__links {border-left: 1px solid #dae6ec;width: 3rem;text-align: center;position: relative;top: auto;right: 0;transition: all 0.3s ease;} .products__list .product__links a {height: 3rem;line-height: 3rem;margin: 0;display: block;} .products__list .product__item:hover .product__links {border-color: #00acc5;} .products__list .product__addCart {width: 3rem;height: 3rem;line-height: 3rem;border-left: 1px solid #dae6ec;text-align: center;transition: all 0.3s ease;} .products__list .product__addCart i {font-size: 1.5rem;} .products__list .product__item:hover .product__addCart {border-color: #00acc5;} .products__list .product__addCart a {display: block;} .products__list .product__addCart a:hover {color: #ffffff;background-color: #00acc5;} .products__list .product__price {margin: 0;padding: 0 1rem;width: calc(100% - 3rem);} .products__list .product__price i {display: none;} .products__list .inCart .product__price i {display: inline-block;flex-grow: 1;text-align: right;color: #00acc5;} .products__list .product__shop {text-align: left;border-top: 1px solid #dae6ec;transition: all 0.3s ease;} .products__list .product__item:hover .product__shop {border-color: #00acc5;} @media (max-width: 991.98px) { .product__price .price__now {display: inline-block;} .product__price .price__old {display: inline-block;margin: 0 .5rem 0 0;} } @media (max-width: 639.98px) { .products__list .product__item {width: 100%;} } /**************************************/ /*** Страница: Акции ***/ /**************************************/ .promotion__item.empty {opacity: .5;} .promotion__item .promotion__name {margin-bottom: 1rem;font-size: 1.25rem;font-weight: bold;text-align: center;} .promotion__item .promotion__date {text-align: center;} .promotion__item .promotion__percentage {position: absolute;top: 1.25rem;left: 1.25rem} .promotion__item .promotion__icon {margin-top: 2.5rem;font-size: 5rem;text-align: center;} .promotion__container {margin-bottom: 2rem;} .promotion__content {padding: 1rem;background-color: #00acc5;color: #ffffff;font-size: 1rem;} .promotion__content .promotion__date {margin-top: .5rem;} .promotion__text {margin-top: 1rem;} /**************************************/ /*** Блок Заголовков ***/ /**************************************/ .block__title {margin-bottom: 2rem;text-align: center;position: relative;} .tabs__navs {margin-bottom: 2rem;border: 1px solid #dae6ec;flex-wrap: nowrap;} .tabs__nav {padding: 1rem;text-align: center;flex-grow: 1;border-left: 1px solid #dae6ec;} .tabs__nav:first-child {border-left: 0;} .tabs__nav.active, .tabs__nav:hover {background-color: #dae6ec;color: #656d72;} /* Блок Заголовков. Адаптивность */ @media (max-width: 479.98px) { .tabs__navs {flex-wrap: wrap;} .tabs__nav:nth-child(3) {border-left: 0;border-top: 1px solid #dae6ec;width: 100%;} } /** Блок заголовков страниц **/ #page__title {margin-bottom: 3rem;padding: 2rem 4rem;background-color: #eef2f4;border-radius: 0 0 0 10rem;position: relative;} #page__title .slider__catalog {bottom: -2rem;} #page__title .subtitle {font-size: 0%;} /* Хлебные крошки */ #page__title .block__title {text-align: right;max-height: 9rem;overflow: hidden;} #page__title .results {display: none;} /* Заголовки страниц */ #breadcrumbs {overflow-x: auto;display: block;position: relative;} #breadcrumbs ul {justify-content: flex-end;flex-wrap: nowrap;} #breadcrumbs ul li {display: flex;white-space: nowrap;} #breadcrumbs ul li:before {content: "/";margin: 0 1.5rem;} #breadcrumbs ul li:first-child::before {display: none;} #breadcrumbs ul li span {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 20rem;display: inline-block;vertical-align: middle;} #breadcrumbs::-webkit-scrollbar {width: 0;height: 0.5rem;} #breadcrumbs::-webkit-scrollbar-thumb {background-color: #00acc5;} #breadcrumbs::-webkit-scrollbar-track {background-color: #dae6ec;} /* Блок заголовков страниц. Адаптивность */ @media (max-width: 991.98px) { #page__title {padding: 1.5rem 1.5rem 1.5rem 10rem;border-radius: 0 0 0 8rem;} } @media (max-width: 479.98px) { #page__title {padding: 1rem;border-radius: 0 0 0 6rem;} #page__title .block__title {margin-bottom: 1rem;} #page__title .block__title h1 {font-size: 1.5rem;} #page__title .slider__catalog {bottom: -1.5rem;left: 0;} #breadcrumbs {padding-left: 5rem;} #breadcrumbs ul {justify-content: flex-start;} } /**************************************/ /*** Категории ***/ /**************************************/ .has-sidebar .categories__list {margin-bottom: 2rem;} .categories__item {width: calc(25% - 2rem);margin: 2rem 1rem 0 1rem;} .categories__image {height: 16.25rem;} .categories__image img {max-width: 100%;max-height: 100%;} .categories__name {padding: 0 1rem;color: #ffffff;background-color: #0066a0;border-top: 1px solid #ffffff;height: 3.5rem;overflow: hidden;} .categories__item:hover .categories__name {color: #ffffff;background-color: #00acc5;} .categories__name i {border: 2px solid #ffffff;border-radius: 100%;padding: .5rem;margin-right: 1rem;} .categories__name span {width: calc(100% - 3.125rem);max-height: 2.25rem;overflow: hidden;display: block;} /* Категории. Адаптивность */ @media (min-width: 768px) { .has-sidebar .categories__item {width: calc(33.333333% - 2rem);} } @media (max-width: 767.98px) { .categories__item {width: calc(50% - 2rem);} } @media (max-width: 479.98px) { .categories__item {width: 100%;} } /**************************************/ /*** Тулбар ***/ /**************************************/ .toolbar {margin-bottom: 2rem;} .toolbar-bottom {margin: 2rem 0 0 0;} .form__toolbar {justify-content: space-between;} .form__toolbar .selectBox:after {line-height: 4rem;} .form__toolbar .selectBox select {height: 4rem;background-color: #eef2f4;border: 0;} .form__toolbar .selectBox + .selectBox {margin-left: 2rem;} .sort {flex-grow: 1;} .view__icon {margin-left: 2rem;font-size: 1.5rem;width: 4rem;height: 4rem;background-color: #eef2f4;} .view__icon.active {color: #0066a0;} .filters__icon {display: none;} @media (max-width: 1199.98px) { #filters.fancybox-content {padding: ;} .filters__icon {display: block;background-color: #eef2f4;margin-left: 2rem;padding: 0 3rem 0 1.5rem;height: 4rem;line-height: 4rem;font-size: 1rem;} .filters__icon:hover, .filters__icon.has-filters {color: #00acc5;cursor: pointer;} .filters__icon i {display: none;} } @media (max-width: 767.98px) { .sort .selectBox + .selectBox {margin-left: 1rem;} .view__icon {margin-left: 1rem;} .filters__icon {margin-left: 1rem;} } @media (max-width: 639.98px) { .sort {width: 100%;margin-bottom: 1rem;} .sort .sort-by {flex-grow: 1;} .view__icon:first-child {margin-left: 0;} } @media (max-width: 479.98px) { .filters__icon {padding: 0 1.5rem;text-align: center;} .filters__icon:after {display: none;} .filters__icon span {display: none;} .filters__icon i {font-size: 1.5rem;display: inline-block;vertical-align: middle;} } /**************************************/ /*** Сайдбар. Правая часть ***/ /**************************************/ .sidebar__title {background-color: #eef2f4;padding: 1.5rem;font-size: 1rem;line-height: 1;text-align: center;display: block;} .sidebar__content {padding: 1rem;border: 1px solid #dae6ec;border-top: 0;} .sidebar__buttons {margin-top: 1rem;text-align: center;} /* Сайдбар. Каталог */ .catalog__item .sub {padding-left: 1rem;display: none;} .catalog__item.opened > .sub {display: block;} .catalog__link {padding: .75rem 0;} .catalog__link:hover {color: #0066a0;} .catalog__link.opened, .catalog__item.opened > .catalog__link {color: #0066a0;font-weight: bold;} .catalog__link span + span {width: calc(100% - 2.25rem);} .catalog__link .open:before {content: '\e91e';font-family: 'icomoon';font-size: 1rem;margin-right: .75rem;padding: .25rem;opacity: 0;transition: all 0.3s ease;} .catalog__item.parent > .catalog__link .open:before {content: '\e91f';opacity: 1;} .catalog__item.parent > .catalog__link:hover .open:before, .parent.opened > .catalog__link > .open:before {content: '\e91d'} /* Сайдбар. Фильтры */ .filter__item + .filter__item {margin-top: 1rem;} .filter__item input {margin-right: 1rem;} .filter__item label {width: calc(100% - 2.5rem);} .filter__name {border: 1px solid #dae6ec;border-top: 0;padding: 1rem;} .goodsFilterPriceRangePointers {flex-wrap: nowrap;} .goodsFilterPriceRangePointers input {border-radius: 0;padding: 0 1rem;flex-grow: 1;text-align: center;} .goodsFilterPriceRangePointers .separator {margin: 0 .5rem;width: 1rem;height: 1px;background-color: #dae6ec;} .goodsFilterPriceSubmit {display: none;margin-top: 2rem;} .goodsFilterPriceSubmit .button {width: 3rem;height: 3rem;padding: 0;border-radius: 0;font-size: 1rem;line-height: 2.75rem;} .goodsFilterPriceSubmit .button span {display: none;} .goodsFilterPriceSubmit .button i {margin: 0;} /* Сайдбар. Фильтры цены */ .filters-price #goods-filter-price-slider {margin: 1rem 0 2rem 0;width: 100%;position: relative;border: 0;height: 6px;background: #dae6ec;cursor: pointer;} .filters-price .ui-slider-horizontal .ui-slider-handle {top: -5px;} .filters-price .ui-slider-handle {position: absolute;width: 1rem;height: 1rem;background: #0066a0;margin: 0 0 0 -1px;z-index: 2;} .filters-price .ui-slider-handle:last-child {left: auto;right: 0;margin-left: -1rem;} .filters-price .ui-slider-handle.ui-state-hover, .filters-price .ui-slider-handle.ui-state-focus {background: #0066a0;cursor: pointer;} .filters-price .ui-slider .ui-slider-range {position: absolute;top: 0;height: 6px;background: #0066a0;border: 1px solid #0066a0;border-radius: 0;cursor: pointer;} /**************************************/ /*** Карточка товара ***/ /**************************************/ .productView__images {width: calc(50% - 1rem);margin-right: 1rem;position: relative;} .thumblist__item a {height: 34rem;} .productView__images .product__ico span {font-size: 1rem;padding: .5rem 1.5rem;} .productView__links {position: absolute;top: 1.25rem;right: 1.25rem;z-index: 2;} .productView__links a {font-size: 2rem;} .productView__links a + a {margin-left: 1rem;} .productView__links a span {display: none;} .productView__shop {width: calc(50% - 1rem);margin-left: 1rem;} .productView__inner {margin-bottom: 1.5rem;} .productView__available i {margin-right: .5rem;} .available__true i {color: #00acc5;} .productView__name {margin-bottom: 1.5rem;font-size: 1.5rem;font-weight: normal;text-transform: capitalize;} .productView__price {margin-bottom: 1.5rem;} .productView__price .price__now {font-size: 1.5rem;} .productView__price .price__old {font-size: 1.25rem;margin-right: 1rem;} .productView__campaign {margin-bottom: 1.5rem;padding: 1rem;background-color: #00acc5;color: #ffffff;} .productView__text {margin-bottom: 1.5rem;} .goodsModificationsBlock {margin-bottom: .5rem;} .goodsModificationsProperty {width: calc(50% - 2rem);margin: 0 1rem 1rem 1rem;} .goodsModificationsProperty label {display: none;} .goodsModificationsProperty select {border-radius: 1.5rem;} .productView__qty {margin: 0 1rem 1.5rem 1rem;} .empty .productView__qty {display: none;} .qty {width: 9.125rem;border: 1px solid #dae6ec;border-radius: 1.5rem;} .qty input {width: 3rem;height: 3rem;border: 0;padding: 0 .5rem;text-align: center;} .qty a {width: 3rem;height: 3rem;text-align: center;} .productView__addto .button {margin: 0 1rem;flex-grow: .5;} .productView__addto .button i {font-size: 1rem;} .productView__addto .add-notify {display: none;} .empty .productView__addto .button {display: none;} .empty .productView__addto .add-notify {display: inline-block;flex-grow: .25;margin-top: 0 !important;} /* Карточка товара. Адаптивность */ @media (min-width: 992px) { .thumblist .owl-prev {left: -1rem;} .thumblist .owl-next {right: -1rem;} } @media (max-width: 1199.98px) { .thumblist__item a {height: 28rem;} } @media (max-width: 991.98px) { .productView__images {width: 100%;margin: 0 0 2rem 0;padding: 0;} .productView__shop {width: 100%;margin: 0;padding: 0;} } @media (max-width: 575.98px) { .productView__available {width: 100%;margin-top: 1.5rem;} } @media (max-width: 479.98px) { .productView__articles {width: 100%;margin-top: 1.5rem;} .productView__addto .button {width: 100%;} .productView__addto .button + .button {margin-top: 1rem;} .goodsModificationsProperty {width: 100%;} } /** Товар: Табы **/ .productView__tabs {margin-top: 2rem;} .productView__tabs .tabs__navs {border: 0;margin: 0;} .productView__tabs .tabs__tab {padding: 1.25rem 2rem;transition: all 0.3s ease;} .productView__tabs .tabs__tab:hover, .productView__tabs .tabs__tab.active {background-color: #eef2f4;cursor: pointer;} .productView__tabs .tabs__content {padding: 2rem;background-color: #eef2f4;position: relative;} .productView__tabs .tabs__content > div {display: none;} .productView__tabs .tabs__content > .active {display: block;} @media (max-width: 639.98px) { .productView__tabs .tabs__nav {border: 1px solid #dae6ec;} .productView__tabs .tabs__tab {width: 50%;border: 1px solid #dae6ec;padding: 1.25rem 1rem;flex-grow: 1;text-align: center;} .productView__tabs .tabs__content {padding: 1rem;} } /** Товар: Характеристики **/ .features__items {background-color: #ffffff;border: 1px solid #dae6ec;} .features__item {border-top: 1px solid #dae6ec;align-items: stretch;} .features__item:first-child {border-top: 0;} .features__name {padding: 1rem;width: 25%;border-right: 1px solid #dae6ec;} .features__value {padding: 1rem;width: 75%;} @media (max-width: 639.98px) { .features__name {width: 50%;} .features__value {width: 50%;} } /** Товар: Условия доставки **/ .productView__delivery .row {margin-top: -2rem;} .zone__list {display: none;} .zone__list .delivery__name {text-align: left;margin-bottom: .5rem;} [class^="zone-"] {margin-top: 1rem;} .zone__price {margin-top: .5rem;} .zone__open {margin-top: 1rem;color: #00acc5;display: inline-block;} .zone__open:hover, .zone__open.active {text-decoration: underline;} .delivery__items {align-items: stretch;} .delivery__item {width: calc(33.333333% - 2rem);margin: 2rem 1rem 0 1rem;padding: 1rem;background-color: #ffffff;border: 1px solid #dae6ec;position: relative;} .delivery__name {margin-bottom: 1rem;font-size: 1.25rem;font-weight: bold;text-align: center;} .delivery__index {display: none;margin-right: .5rem;} .delivery__text {text-align: center;} .delivery__icon {margin-top: 2.5rem;font-size: 5rem;text-align: center;} .delivery__price label {display: none;} .delivery__price.button {position: absolute;top: 1rem;left: 1rem;} /* Товар: Условия доставки. Адаптивность */ @media (max-width: 991.98px) { .delivery__items {align-items: stretch;} .delivery__item {width: calc(50% - 2rem);} } @media (max-width: 479.98px) { .delivery__item {width: 100%;} } /** Товар: Отзывы **/ .opinion__item {display: none;margin-top: 2rem;padding: 1.5rem;background-color: #ffffff;border: 1px solid #dae6ec;position: relative;} .opinion__item:nth-child(-n+3) {display: block;} .opinion__item.show {display: block;} .opinion__name {margin-bottom: 1rem;word-break: break-all;} .opinion__text {word-break: break-all;} .opinion__text > div + div {margin-top: .5rem;} .opinion__ratings {margin-bottom: 1rem;} .opinion__ratings .ratings:before {font-size: 1rem;} .opinion__ratings .ratings .rating:before {font-size: 1rem;} .opinion__date {margin-top: 1rem;} .opinion__delete {position: absolute;top: 1rem;right: 1rem;} /* Средний рейтинг товара */ .opinion__content {width: 50%;padding-right: 1rem;} .opinion__round {color: #0066a0;} .opinion__round.empty {color: #9facb3;} .rating__value {font-size: 1.5rem;font-weight: bold;margin: 0 1rem 0 2rem;} .rating__label {font-size: 1rem;font-weight: bold;} /* Форма добавления отзыва */ .opinion__addForm {width: 50%;padding-left: 1rem;} .opinion__label {margin-bottom: 1rem;font-size: 2rem;font-weight: bold;} .opinion__sublabel {margin-bottom: 1rem;} .opinion__block {margin-top: 1rem;} .opinion__block label {display: none;} .opinion__block.rating span {padding: 0 1.5rem;} .opinion__captcha {position: relative;} .opinion__captcha input {width: calc(100% - 4.5rem);} .opinion__captcha img {position: absolute;right: 0;} /* Навигация отзывов */ .opinion__nav {margin-top: 2rem;} .opinion__nav li {background-color: #ffffff;} .opinion__buttons {margin-top: 1rem;} .opinion__buttons .button.active {color: #ffffff;} @media (max-width: 991.98px) { .opinion__content {width: 100%;padding: 0;} .opinion__addForm {width: 100%;padding: 2rem 0 0 0;} } @media (max-width: 479.98px) { .opinion__round .ratings {width: 100%;margin-bottom: 1rem;} .rating__value {margin-left: 0;} .opinion__block.rating span {padding: 0 1rem 0 0;} } /** Сопутствующие, С этим товаром смотрят **/ [class^="related__"] {margin-top: 2rem;} /**************************************/ /*** Выбор модификации ***/ /**************************************/ .productViewMod {max-width: 22rem;} .productViewMod .productView__images {display: none;} .productViewMod .productView__ratings {display: none;} .productViewMod .productView__available {display: none;} .productViewMod .productView__campaign {display: none;} .productViewMod .productView__text {display: none;} .productViewMod .productView__shop {width: 100%;margin: 0;} .productViewMod .goodsModificationsProperty {width: 100%;} .productViewMod .productView__addto .button {flex-grow: 1;} .productViewMod .productView__addto .button.quick {display: none;} @media (max-width: 639.98px) { .productViewMod {max-width: 18rem;padding: 2rem;} .productViewMod .productView__addto .button {flex-grow: 1;} .productViewMod .productView__addto .button + .button {margin-top: 1rem;} .productViewMod .productView__inner {display: none;} .productViewMod .productView__price .price__old {display: block;margin-bottom: .5rem;} } /**************************************/ /*** Корзина ***/ /**************************************/ .page-cart {position: relative;} .cartTable.disable .cart__qty:before {content: "";display: block;width: 100%;height: 60px;z-index: 2;position: absolute;} .cartTable.disable .cart__actions {background-color: #eef2f4;border-color: #eef2f4;justify-content: center;} .cartTable.disable .qty input {background-color: #eef2f4;border: 0;} .cartTable.disable .cart__delete {display: none;} .cartTable.disable .cart__qty .qty {border: 0;} .cartTableList {width: calc(75% - 1rem);margin-right: 1rem;position: relative;overflow: hidden;} .cartTotal {width: calc(25% - 1rem);margin-left: 1rem;position: sticky;top: 0;} .cart__item {margin-bottom: 2rem;border: 1px solid #dae6ec;transition: all 0.3s ease;align-items: stretch;} .cart__image {width: 6rem;height: 6rem;} .cart__content {width: calc(100% - 6rem);} .cart__info {padding: .75rem 1rem;width: calc(100% - 9.125rem);} .cart__name {height: 2.25rem;overflow: hidden;display: block;} .cart__price {margin-top: .75rem;} .cart__art {margin-top: .25rem;display: none;} .cart__prop {display: none;} .cart__actions {flex-direction: column;align-items: flex-end;} .cart__qty .qty {border-radius: 0;border-top: 0;border-right: 0;} .cart__qty input {border-left: 1px solid #dae6ec;border-right: 1px solid #dae6ec;border-radius: 0;} .cart__delete {border-left: 1px solid #dae6ec;width: 3.125rem;height: 3rem;} .cartTotal .total__delivery {background-color: #ffffff;} .cartTotal .total__icon {font-size: 5rem;background-color: #ffffff;} .cartTotal .total__items {background-color: #eef2f4;border: 1px solid #dae6ec;text-align: center;} .cartTotal .total__item {padding-top: 1rem;} .cartTotal .total__item .button {background-color: #ffffff;border-color: #00acc5;color: #00acc5;cursor: default;} .cartTotal .total__item .total__price {display: inline-block;} .total__cart {padding-bottom: 1rem;font-size: 1.25rem;font-weight: bold;} .total__label {margin-right: .5rem;} .total__buttons {text-align: center;margin-top: 1rem;width: 100%;} .total__buttons .button {margin-top: 1rem;} .total__pp {font-size: .75rem;margin-top: 1rem;} #makeOrder {display: none;} .cartTable.disable #makeOrder {display: none;} #closeOrder {display: none;} @media (max-width: 991.98px) { .cartTableList {width: 100%;margin: 0;} .cartTotal {width: 100%;margin: 2rem 0 0 0;} } @media (max-width: 479.98px) { .cart__content {justify-content: flex-end;} .cart__info {width: 100%;} .cart__name {height: auto;} .cart__actions {flex-direction: row;} .cart__qty .qty {width: 8.375rem;border-bottom: 0;border-top: 1px solid #dae6ec;} .cart__qty .qty a {width: 2.75rem;height: 2.75rem;} .cart__qty .qty input {width: 2.75rem;height: 2.75rem;} .cart__delete {width: 2.75rem;height: 2.8125rem;border: 1px solid #dae6ec;border-bottom: 0;} .cart__item {align-items: center;} .cart__delete {border-right: 0;} } /**************************************/ /*** Быстрый заказ ***/ /**************************************/ .fastOrderContent {max-width: 50rem;} #globalOrder {margin-top: 2rem;} #globalOrder .block__title {text-align: left;padding: 2rem 2rem 0 2rem;margin-bottom: 0;background-color: #eef2f4;} .fastOrder__form {align-items: stretch;} .fastOrder__title {font-size: 1rem;font-weight: bold;margin-bottom: 1rem;} .fastOrderForm label {display: none;} .fastOrderForm label.error {display: none !important;} .fastOrderForm input, .fastOrderForm select, .fastOrderForm textarea {min-height: 4rem;} .fastOrderForm .selectBox:after {line-height: 4rem;} .fastOrderForm .col-left {width: 50%;padding: 2rem 1rem 2rem 2rem;background-color: #eef2f4;} .fastOrderForm .col-right {width: 50%;padding: 2rem 2rem 2rem 1rem;background-color: #eef2f4;} .fastOrderForm .form__fields {margin-bottom: 1rem;display: flex;align-items: center;} .fastOrderForm .form__fields:last-child {margin-bottom: 0;} .form__registration input {height: 1.5rem;min-height: auto;} .form__registration input + label {width: calc(100% - 1.5rem);padding-left: 1rem;margin: 0;display: inline-block;} .fastOrderForm .deliveryConvenientDate:nth-child(1) {width: calc(50% - 1rem);margin-right: 1rem;} .fastOrderForm .deliveryConvenientDate:nth-child(2) {width: calc(50% - 1rem);margin-left: 1rem;margin-top: 0;} .delivery__zoneSelect {margin-top: 2rem;} .delivery__descriptionBlock {margin-top: 1rem;} .delivery__description {margin-top: 1rem;} .delivery__priceBox {padding: 1rem;color: #ffffff;background-color: #00acc5;} .payment__description {margin-top: 1rem;} .fastOrderForm [order]:nth-child(2) {margin-top: 2rem;} .fastOrderForm [order]:nth-child(3) {margin-top: 2rem;} .coupon__order {position: relative;} .coupon__button {line-height: 3.875rem;position: absolute;right: 0;border-radius: 0;} .coupon__button i {display: none;} .coupon__code {padding-right: 9rem;} .coupon__reset {display: none;color: #d2d9cd;position: absolute;right: 10.5rem;bottom: 1.5rem;line-height: 1;cursor: pointer;} .coupon__reset.active {display: block;} .coupon__reset:after {content: "\e906";font-family: 'icomoon';} .total__summary {width: 100%;margin-top: 2rem;padding: 2rem;background-color: #eef2f4;} .total__summary .total__item {font-size: 1rem;} .total__summary .total__sum {flex-grow: 1;text-align: right;font-size: 1.5rem;font-weight: bold;justify-content: flex-end;} .total__summary .total__price {font-weight: bold;white-space: nowrap;} .fastOrderContent .total__pp {max-width: 40%;} @media (max-width: 991.98px) { .fastOrderForm .col-left {width: 100%;padding: 2rem 2rem 1rem 2rem;} .fastOrderForm .col-right {width: 100%;padding: 1rem 2rem 2rem 2rem;} .fastOrderContent .total__pp {max-width: 100%;} .total__summ-delivery {width: 50%;flex-direction: column;align-items: flex-start;} .total__summary .total__delivery {margin: .75rem 0 0 0;} .total__pp {order: 2;width: 100%;} } @media (max-width: 639.98px) { .total__summary .total__items {width: 100%;} .total__summary .total__sum {width: 100%;margin-top: 1rem;justify-content: flex-start;} } @media (max-width: 479.98px) { #globalOrder .block__title {padding: 1rem 1rem 0 1rem;} .fastOrderForm .col-left {padding: 1rem;} .fastOrderForm .col-right {padding: 1rem;} .coupon__code {padding-right: 4rem;} .coupon__button {padding: 0 1rem;} .coupon__button span {display: none;} .coupon__button span + i {display: inline-block;position: relative;width: auto;height: auto;padding: 0;margin: 0;} .total__summary {padding: 1rem;} .total__buttons {justify-content: center;} .total__buttons .button.button4 {display: none;} } /**************************************/ /*** Страница: Оформление заказа ***/ /**************************************/ .delivery__option, .payment__option {margin-top: 2rem;width: 100%;display: flex;flex-wrap: wrap;align-items: center;} .delivery__option .delivery__name, .delivery__option .zones__name {margin: 0 0 0 1rem;} .delivery__desc, .payment__desc {width: 100%;margin-top: 1rem;} .delivery__fields {width: 100%;margin-top: 1rem;} .delivery__zones {width: 100%;margin-top: 1rem;padding-left: 1rem;} .delivery__zone {margin-top: 0.5rem;display: flex;flex-wrap: wrap;align-items: center;} .delivery__zone .zones__price, .delivery__fields .delivery__price {margin-left: 1rem;font-weight: bold;} .delivery__zone > div {margin-top: 1rem;} .stages__list {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 2rem;} .stages__list .stages {width: 25%;position: relative;font-size: 1.125rem;line-height: 2em;padding-top: 2rem;} .stages__list .stages:after {content: '';position: absolute;top: calc(50% + 1rem);left: 0;width: 70%;height: 2px;margin-top: -1px;background: #dae6ec;opacity: 0.5;filter: alpha(opacity=50);} .stages__list .stages .title, .stages__list .stages a {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 26px;line-height: 1;font-weight: 600;cursor: default;} .stages__list .stages a:hover .title {cursor: pointer;} .stages__list .stages.active {opacity: 1;filter: alpha(opacity=100);} .stages__list .stages.active:before, .stages__list .stages:hover:before {color: #00acc5;opacity: 1;filter: alpha(opacity=100);display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;transform: translate(0,0);} .stages__list .stages.active:after, .stages__list .stages:hover:after {background: #00acc5;opacity: 1;filter: alpha(opacity=100);} .stages__list .stages .title:before {margin-right: 5px;} .stages__list .stages:nth-child(1) .title:before {content: '1.';} .stages__list .stages:nth-child(2) .title:before {content: '2.';} .stages__list .stages:nth-child(3) .title:before {content: '3.';} .stages__list .stages:nth-child(4) .title:before {content: '4.';} @media all and (max-width: 991.98px) { .stages__list {margin-bottom: 1rem;} .stages__list .stages {width: 50%;} .stages__list .stages:nth-child(1), .stages__list .stages:nth-child(2) {margin-bottom: 1rem;} } @media all and (max-width: 639.98px) { .stages__list .stages {width: 100%;margin-top: 1rem;} .stages__list .stages:first-child {margin-top: 0;} .stages__list .stages:after {width: 90%;} } .orderStrageContent {width: 100%;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;} .orderStrageContent__block {width: calc(50% - 1rem);} .orderStrageContent__block.full {width: 100%;} .orderStrageContent__buttons {width: 100%;} .orderStrageContent__buttons .button {margin-right: 0.625rem;margin-top: 1rem;} .orderStrageContent__buttons .button + .button {margin-right: 0;} .orderStrageContent__block .delivery__option {width: 100%;} .orderStrageContent__block .payment__option {width: 100%;} @media all and (max-width: 991.98px) { .orderStrageContent__block {width: 100%;margin: 0;padding: 0;} .orderStrageContent__block + .orderStrageContent__block {margin-top: 2rem;} } .orderStrageContent .text {text-transform: uppercase;margin: 0 0 1rem 0;} .orderStrageContent .text-italic {font-style: italic;margin-bottom: 1rem;} .orderStrageContent h3.title {margin-bottom: 20px;} .orderStrageContent .reg__item {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;margin-bottom: 1rem;} .orderStrageContent .reg__item i {margin-right: 0.625rem;font-size: 24px;} .orderStrageContent .form__fields.form__registration label {margin: 0;} /* Оплата */ .paymentQiwi .tr2 .ceil1 {padding: 20px 20px 20px 60px !important;} .paymentQiwi .tr6 .ceil1 {padding: 1rem !important;} .paymentQiwi .PhoneLabel {float: none !important;} .paymentQiwi .PhoneInput {float: none !important;} .paymentQiwi #form_phone {width: auto !important;margin: 1rem auto 0;} .payment .orderStagePaymentList .orderStagePayment .cell1 {display: inline-block;text-align: center;vertical-align: top;} .payment .orderStagePaymentList .orderStagePayment .cell2 {display: inline-block;width: calc(100% - 40px);padding: 0;vertical-align: middle;} /**************************************/ /*** Выпадающее обхекты ***/ /**************************************/ .dropdown {position: relative;} .dropdown__content {display: none;width: 28rem;margin-top: -1px;padding: 2rem;right: 0;top: 4rem;height: auto;background: #ffffff;border: 1px solid #dae6ec;position: absolute;z-index: 11;transition: all 0.3s ease-in-out;} .opened .dropdown__content, .dropdown__content.opened {display: block;} .dropdown__open {position: relative;cursor: pointer;} @media all and (min-width: 992px) { .dropdown .dropdown__open:before {content: "";right: 0;bottom: -4rem;height: 5rem;width: 100%;display: block;position: absolute;} .dropdown:hover .dropdown__content {display: block;} } @media (max-width: 479.98px) { .dropdown__content {width: 18rem;padding: 1rem;} } /**************************************/ /*** Выпадающий контент. Корзина, Сравнение, Избранное ***/ /**************************************/ .addto__title {display: none;font-size: 1.25rem;font-weight: bold;margin-bottom: 2rem;} .addto__empty {font-size: 1.25rem;font-weight: bold;} .addto__items {max-height: 24.375rem;overflow-y: auto;} .addto__item {margin-bottom: 2rem;border: 1px solid #dae6ec;transition: all 0.3s ease;align-items: stretch;} .addto__image {width: 6rem;height: 6rem;} .addto__content {width: calc(100% - 6rem);} .addto__info {padding: .75rem 1rem;width: calc(100% - 3rem);} .addto__name {max-height: 2.25rem;overflow: hidden;display: block;} .addto__price {margin-top: .75rem;} .addto__mod {display: none;} .addto__actions {flex-direction: column;} .addto__qty, .addto__remove {width: 3rem;height: 3rem;border-left: 1px solid #dae6ec;} .addto__qty {border-bottom: 1px solid #dae6ec;font-size: 1rem;} .addto__remove {height: 6rem;} .addto__cart .addto__remove {height: 3rem;} .addto__total {display: none;} .addto__empty {margin: 0;} .has-items .addto__title {display: block;} .has-items .addto__empty {display: none;} .addto__buttons {display: none;} .has-items .addto__buttons {display: flex;} .addto__buttons .button {padding: 0 3rem;} @media (max-width: 479.98px) { .addto__info {width: 100%;} .addto__actions {display: none;} .addto__buttons .button {padding: 0 1.5rem;} } /**************************************/ /* Модальные окна с фоном */ /**************************************/ .modal-bg {background-color: #0066a0;max-width: 24rem;padding: 2rem 3rem 4rem 3rem;border-radius: 0 0 0 6rem;overflow: visible;} .modal-bg .fancybox-close-small {color: #fff;background-color: #0066a0;border: .25rem solid #ffffff;border-radius: 100%;width: 4rem;height: 4rem;bottom: 0;left: 0;top: auto;right: auto;opacity: 1;} .modal-bg .modal__title {color: #ffffff;} .modal .form__fields input, .modal .form__fields textarea {color: #ffffff;background-color: transparent;padding-left: 0;border-radius: 0;border: 0;border-bottom: 2px solid #ffffff;} .modal .form__fields input::-webkit-input-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields input::-moz-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields input:-moz-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields input:-ms-input-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields input:focus::-webkit-input-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__fields input:focus::-moz-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__fields input:focus:-moz-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__fields input:focus:-ms-input-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__fields textarea::-webkit-input-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields textarea::-moz-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields textarea:-moz-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields textarea:-ms-input-placeholder {color: rgba(255,255,255,0.7);} .modal .form__fields textarea:focus::-webkit-input-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__fields textarea:focus::-moz-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__fields textarea:focus:-moz-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__fields textarea:focus:-ms-input-placeholder {color: #ffffff;transition: opacity .3s ease;} .modal .form__pp, .modal .form__pp a {color: #ffffff;text-align: center;} .modal .form__buttons {text-align: center;} .modal ul li a {margin: 0 0 .75rem 0;display: block;color: #ffffff;} .modal ul li a:hover {text-decoration: underline;} @media (max-width: 479.98px) { .modal-bg {padding: 1rem 2rem 4rem 2rem;} .modal__title {margin-bottom: 1rem;} } /**************************************/ /*** Если не работает JS ***/ /**************************************/ .nojs .preloader {display: none;} .nojs #toTop, .nojs .quickview, .nojs .filters-price #goods-filter-price-slider {display: none;} .nojs .owl-carousel {display: block;} .nojs .scriptOff {display: none;} /**************************************/ /*** Фиксы для IE 11 ***/ /**************************************/ .IE .owl-carousel .animated {animation-duration:0;animation-fill-mode:both} /**************************************/ /*** Фиксы для Firefox ***/ /**************************************/ .Firefox .inputText {-moz-appearance: textfield;} /**************************************/ /*** Адаптивность ***/ /**************************************/ .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;} } @media (max-width: 1199.98px) { } @media (max-width: 991.98px) { } @media (max-width: 767.98px) { } @media (max-width: 639.98px) { } @media (max-width: 575.98px) { } @media (max-width: 479.98px) { } @media (max-width: 374.98px) { } .thumblist__item a {background-color: #fff;} .owl-carousel .owl-stage-outer {background-color: #fff;} .footer_info { margin-bottom: 50px;text-align: center;}