@keyframes a { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } html body{background: #fff;color: #262626;font-size: 14px;font-weight: 400;line-height: 1.5;overflow-y: scroll;-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: left;direction: ltr} html[lang*=en] body{font-family:Consolas, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif!important} html[lang*=zh] body{font-family: Consolas,Roboto,"华文细黑",STXihei,"PingFang TC","微软雅黑体","Microsoft YaHei New","微软雅黑","Microsoft Yahei","宋体",SimSun,"Helvetica Neue",Helvetica,Tahoma,sans-serif!important;} ::before {display: inline-block;white-space: nowrap;letter-spacing: normal;text-transform: none;word-wrap: normal;font-size: 1em;font-weight: 400;font-style: normal;line-height: initial;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;direction: ltr;-webkit-font-feature-settings: 'liga';font-feature-settings: 'liga'} body, html {height: 100%} a, a:hover {color: #005097} a:hover {text-decoration: none} body .site__body a:visited,body .site__body a:hover{text-decoration: underline} a.btn:visited,a.btn:hover,.product-tabs__item a:visited,.product-tabs__item a:hover{text-decoration: none!important;} .back-top a{color:#e52727} label {margin-bottom: .25rem;font-size: 14px} h1, h2, h3, h4, h5, h6 {font-weight: 500} h1 {font-size: 40px} h2 {font-size: 32px} h3 {font-size: 28px} h4 {font-size: 24px} h5 {font-size: 20px} h6 {font-size: 16px} small{color: #9b9b9b} input.form-control{border-top-width: 0;border-left-width: 0;border-right-width: 0} .document {max-width: 760px;margin: 0 auto} .document__header {text-align: center;padding: 44px 0 52px} .document__title {font-weight: 700;letter-spacing: .01em;margin: 0} .document__subtitle {font-size: 15px;color: #999;margin-top: 8px;margin-bottom: -4px} .document__content {padding: 50px} .document__signature {margin-top: 2.5rem} @media (max-width: 1199.98px) { .document__header {padding: 44px 0 48px} .document__subtitle {margin-top: 4px} } @media (max-width: 991.98px) { .document__content {padding: 40px} } @media (max-width: 767.98px) { .document__header {padding: 36px 0 40px} .document__title {font-size: 36px} .document__content {padding: 28px} } @media (max-width: 575.98px) { .document__title {font-size: 32px} .document__subtitle {font-size: 14px} .document__content {padding: 24px} .document__content .typography {font-size: 15px} .document__signature {margin-top: 24px} } .col-1of5 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%} .col-1of5, .col-2of5 {padding: 0 15px;position: relative;width: 100%} .col-2of5 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%} .col-3of5 {-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%} .col-3of5, .col-4of5 {padding: 0 15px;position: relative;width: 100%} .col-4of5 {-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%} .col-5of5 {padding: 0 15px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;position: relative;width: 100%} @media (min-width: 1200px) { .mobile-header, .mobile-menu {display: none} } @media (max-width: 1199.98px) { .header {display: none} .site__mobile-header{position: fixed;width: 100%;z-index: 9999} .site__body{margin-top: 50px!important;} } .site {min-height: 100%;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;overflow: hidden} .site__header {-ms-flex-negative: 0;flex-shrink: 0;position: fixed;width: 100%;z-index: 9999} .site__body {-ms-flex-positive: 1;flex-grow: 1;margin-top: 136px} .site__footer {-ms-flex-negative: 0;flex-shrink: 0} .alert {border: none;border-radius: 2px;font-size: 15px;line-height: 20px;padding: .75rem 1rem} .alert a {-webkit-box-decoration-break: clone;box-decoration-break: clone;color: currentColor;background: hsla(0, 0%, 100%, .5);border-radius: 1.5px;padding: 0 3px} .alert a:hover {background: hsla(0, 0%, 100%, .85)} .alert a:active {background: hsla(0, 0%, 100%, .5)} .alert hr {border-color: currentColor;opacity: .12} .alert-primary {background: #b2d9ff;color: #36414d} .alert-secondary {background: #d9d9d9;color: #4d4d4d} .alert-info {background: #b8e2e5;color: #2d3e40} .alert-success {background: #bde5a1;color: #34402d} .alert-danger {background: #ffb8b8;color: #473333} .alert-warning {background: #f2e291;color: #4d472e} .alert-lg {font-size: 16px;padding: 1.125rem 1.375rem} .alert-dismissible {padding-right: 3rem} .alert-dismissible .close {opacity: 1;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;padding: 0 1rem;height: 100%;transition: all .2s;fill: rgba(0, 0, 0, .3);background: transparent;right: 0;border-top-right-radius: 1.5px;border-bottom-right-radius: 1.5px} .alert-dismissible .close:focus {outline: none} .alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert-dismissible .close:not(:disabled):not(.disabled):hover {background: rgba(0, 0, 0, .08);fill: rgba(0, 0, 0, .5);opacity: 1} .arrow__button {display: -ms-flexbox;display: flex;position: relative;z-index: 0;-ms-flex-align: center;align-items: center;border: none;background: transparent;pointer-events: none;transition: color .15s;color: #fff} .arrow__button:before {background: #005097} .arrow__button svg {fill: currentColor;display: block;transform: scaleX(1)} .arrow__button:focus {outline: none} .arrow__button:before {position: absolute;display: block;content: "";height: 100%;transform-origin: center center;z-index: -1;border-radius: 2px;pointer-events: auto;transition: background .15s} .arrow__button:hover {color: #fff} .arrow__button:hover:before {background: #e32727} .arrow__button:active {color: #fff} .arrow__button:active:before {background: #e52727} .arrow__button:active, .arrow__button:active:before {transition-duration: 0s} .arrow__button:after {position: absolute;display: block;content: "";top: -2px;width: calc(100% + 4px);height: calc(100% + 4px);transition: background .2s;opacity: .01;left: -2px} .arrow__button:hover:after {background: rgba(0, 0, 0, .01)} .arrow__button:active:after {background: hsla(0, 0%, 100%, .01);transition-duration: 0s} .arrow--next svg {margin-right: -1px} .arrow--prev svg {margin-left: -1px} .arrow__button {height: 23px;padding: 0 14.37131px} .arrow__button:before {width: calc(100% - 8.37131px);left: 4.18566px} .breadcrumb {background: transparent;padding: 0;margin: 0;line-height: 20px;font-size: 14px;color: #6c757d} .breadcrumb:after {content: "";clear: both} .breadcrumb__list {display: block;list-style: none;padding: 0;margin: -4px 0 0;width: 100%} .breadcrumb__item {margin-top: 4px;margin-right: -7.12435px;float: left} .breadcrumb__item-link {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;position: relative;z-index: 0;height: 21px;padding: 0 15.12435px} .breadcrumb__item-link, .breadcrumb__item-link:hover {color: inherit} a.breadcrumb__item-link:hover{text-decoration: underline} .breadcrumb__item-link:after{pointer-events: auto;position: absolute;z-index: -1;border-radius: 3px;transition: background .1s} .breadcrumb__item--first .breadcrumb__item-link {padding-left: 0px} .breadcrumb__item--first .breadcrumb__item-link:after,.breadcrumb__item--parent .breadcrumb__item-link:after{content: "/";right: 0;transform: skewX(-15deg)} .breadcrumb__item--parent .breadcrumb__item-link:active:after{transition-duration: 0s} .breadcrumb__item--last {margin-right: 0} .breadcrumb__title-safe-area {display: block;height: 21px;width: calc(50% + var(--block-header-title-width, 0px) / 2 + 64px);margin-top: 4px;float: left} .breadcrumb__spaceship-safe-area {display: block;height: 21px;width: calc(50% + 480px / 2 + 20px);margin-top: 4px;float: right} @media (min-width: 1200px) and (max-width: 1399.98px) { .breadcrumb__spaceship-safe-area {width: calc(50% + 440px / 2 + 20px)} } @media (max-width: 1199.98px) { .breadcrumb__title-safe-area,.breadcrumb__spaceship-safe-area {display: none} } .btn {border: none;border-radius: 0px;fill: currentColor;font-weight: 300} .btn.disabled, .btn:disabled {cursor: default} .btn-icon {padding: 0} .btn-icon svg {display: block;margin: auto} .btn-loading {position: relative} .btn-loading:after {border-style: solid;animation-name: a;animation-duration: .5s;animation-timing-function: linear;animation-iteration-count: infinite;position: absolute;display: block;content: "";border-width: 2px;left: calc(50% - 12px);top: calc(50% - 12px);width: 24px;height: 24px;border-radius: 12px} .btn-loading.btn-xl:after {left: calc(50% - 21px);top: calc(50% - 21px);width: 42px;height: 42px;border-radius: 21px} .btn-loading.btn-lg:after {left: calc(50% - 16px);top: calc(50% - 16px);width: 32px;height: 32px;border-radius: 16px} .btn-loading.btn-sm:after {left: calc(50% - 10px);top: calc(50% - 10px);width: 20px;height: 20px;border-radius: 10px} .btn-loading.btn-xs:after {left: calc(50% - 8px);top: calc(50% - 8px);width: 16px;height: 16px;border-radius: 8px} .btn:not(.btn-icon) {font-size: 16px;line-height: 19px;padding: 8.5px 16px} .btn.btn-icon {height: 36px;width: 36px} .btn-sm:not(.btn-icon) {font-size: 14px;line-height: 17px;padding: 6.5px 12px} .btn-sm.btn-icon {height: 30px;width: 30px} .btn-xs:not(.btn-icon) {font-size: 13px;line-height: 15px;padding: 4.5px 9px} .btn-xs.btn-icon {height: 24px;width: 24px} .btn-lg:not(.btn-icon) {font-size: 18px;line-height: 22px;padding: 10px 24px} .btn-lg.btn-icon {height: 42px;width: 42px} .btn-xl:not(.btn-icon) {font-size: 20px;line-height: 26px;padding: 17px 40px} .btn-xl.btn-icon {height: 60px;width: 60px} .btn-primary:hover {border-color: #555;background: #555;color: #fff} .btn-primary, .btn-primary.disabled, .btn-primary:disabled {border-color: #e52727;background: #e52727;color: #fff} .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {border-color: #555;background: #555;color: #fff;box-shadow: none} .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {border-color: #4d4d4d;background: #4d4d4d;color: #fff} .btn-primary.btn-loading:not(:disabled):not(.disabled), .btn-primary.btn-loading:not(:disabled):not(.disabled).active, .btn-primary.btn-loading:not(:disabled):not(.disabled):active {border-color: #e52727;background: #e52727;cursor: default} .btn-primary.btn-loading, .btn-primary.btn-loading.disabled, .btn-primary.btn-loading.focus, .btn-primary.btn-loading:disabled, .btn-primary.btn-loading:focus, .btn-primary.btn-loading:hover, .btn-primary.btn-loading:not(:disabled):not(.disabled).active, .btn-primary.btn-loading:not(:disabled):not(.disabled):active {color: transparent;fill: transparent} .btn-primary.btn-loading:after {border-color: hsla(0, 0%, 100%, .1);border-top-color: hsla(0, 0%, 100%, .5)} .btn-secondary:hover {border-color: #e5e5e5;background: #e5e5e5;color: #333} .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {border-color: #f0f0f0;background: #f0f0f0;color: #333} .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {border-color: #e5e5e5;background: #e5e5e5;color: #333;box-shadow: none} .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus {border-color: #d6d6d6;background: #d6d6d6;color: #333} .btn-secondary.btn-loading:not(:disabled):not(.disabled), .btn-secondary.btn-loading:not(:disabled):not(.disabled).active, .btn-secondary.btn-loading:not(:disabled):not(.disabled):active {border-color: #f0f0f0;background: #f0f0f0;cursor: default} .btn-secondary.btn-loading, .btn-secondary.btn-loading.disabled, .btn-secondary.btn-loading.focus, .btn-secondary.btn-loading:disabled, .btn-secondary.btn-loading:focus, .btn-secondary.btn-loading:hover, .btn-secondary.btn-loading:not(:disabled):not(.disabled).active, .btn-secondary.btn-loading:not(:disabled):not(.disabled):active {color: transparent;fill: transparent} .btn-secondary.btn-loading:after {border-color: rgba(0, 0, 0, .1);border-top-color: rgba(0, 0, 0, .5)} .btn-light:hover {border-color: #f0f0f0;background: #f0f0f0;color: #333} .btn-light, .btn-light.disabled, .btn-light:disabled {border-color: transparent;background: transparent;color: #333} .btn-light.focus, .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus {border-color: #f0f0f0;background: #f0f0f0;color: #333;box-shadow: none} .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled):active:focus {border-color: #e1e1e1;background: #e1e1e1;color: #333} .btn-light.btn-loading:not(:disabled):not(.disabled), .btn-light.btn-loading:not(:disabled):not(.disabled).active, .btn-light.btn-loading:not(:disabled):not(.disabled):active {border-color: transparent;background: transparent;cursor: default} .btn-light.btn-loading, .btn-light.btn-loading.disabled, .btn-light.btn-loading.focus, .btn-light.btn-loading:disabled, .btn-light.btn-loading:focus, .btn-light.btn-loading:hover, .btn-light.btn-loading:not(:disabled):not(.disabled).active, .btn-light.btn-loading:not(:disabled):not(.disabled):active {color: transparent;fill: transparent} .btn-light.btn-loading:after {border-color: rgba(0, 0, 0, .1);border-top-color: rgba(0, 0, 0, .5)} .btn-muted:hover {border-color: #f2f2f2;background: #f2f2f2;color: #4d4d4d} .btn-muted, .btn-muted.disabled, .btn-muted:disabled {border-color: #fff;background: #fff;color: #ccc} .btn-muted.focus, .btn-muted:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .btn-muted:not(:disabled):not(.disabled):active:focus {border-color: #f2f2f2;background: #f2f2f2;color: #4d4d4d;box-shadow: none} .btn-muted:not(:disabled):not(.disabled).active, .btn-muted:not(:disabled):not(.disabled).active:focus, .btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled):active:focus {border-color: #ebebeb;background: #ebebeb;color: #4d4d4d} .btn-muted.btn-loading:not(:disabled):not(.disabled), .btn-muted.btn-loading:not(:disabled):not(.disabled).active, .btn-muted.btn-loading:not(:disabled):not(.disabled):active {border-color: #fff;background: #fff;cursor: default} .btn-muted.btn-loading, .btn-muted.btn-loading.disabled, .btn-muted.btn-loading.focus, .btn-muted.btn-loading:disabled, .btn-muted.btn-loading:focus, .btn-muted.btn-loading:hover, .btn-muted.btn-loading:not(:disabled):not(.disabled).active, .btn-muted.btn-loading:not(:disabled):not(.disabled):active {color: transparent;fill: transparent } .btn-muted.btn-loading:after {border-color: rgba(0, 0, 0, .1);border-top-color: rgba(0, 0, 0, .5)} .button-toggle__list {display: -ms-flexbox;display: flex} .button-toggle__item {margin: 0} .button-toggle__button {margin: 0;background: #f0f0f0;color: #333;font-weight: 500;font-size: 13px;line-height: 14px;padding: 5px 9px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: background .12s, color .12s} .button-toggle__button:hover {background: #e5e5e5;color: #333} .button-toggle__button:active {background: #d6d6d6;color: #333} .button-toggle__item:first-child .button-toggle__button {border-top-left-radius: 2px;border-bottom-left-radius: 2px} .button-toggle__item:last-child .button-toggle__button {border-top-right-radius: 2px;border-bottom-right-radius: 2px} .button-toggle__input {position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none} .button-toggle__input:checked ~ .button-toggle__button {background: #e52727;color: #fff} .card {background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, .09);border: none;border-radius: 0} .card-body--padding--2 {padding: 2rem} @media (max-width: 575.98px) { .card-body--padding--2 {padding: 1.5rem} } .card-divider {height: 1px;background: #ebebeb} .card-header {border-radius: 0;background: transparent;padding: 1.25rem 2rem;border: none} .card-header > h5 {margin-bottom: 0} .card-footer {border-radius: 0;background: transparent;padding: 1.25rem 2rem;border: none} .card-title {font-size: 24px;font-weight: 300;padding-bottom: 8px;margin-bottom: 2rem;margin-top: -4px} .card-title--lg {font-size: 28px} .card-table {font-size: 15px} .card-table a:hover {text-decoration: underline} .card-table table {width: 100%;min-width: 500px;text-align: left} .card-table thead th {border-bottom: 1px solid #ebebeb;text-transform: uppercase;font-size: 13px;padding: 10px 12px} .card-table tbody td, .card-table tbody th, .card-table tfoot td, .card-table tfoot th {padding: 12px} .card-table tfoot td, .card-table tfoot th {padding-top: 16px;padding-bottom: 16px} .card-table tbody + tbody tr td, .card-table tbody + tbody tr th, .card-table tbody + tfoot tr td, .card-table tbody + tfoot tr th, .card-table tbody tr + tr td, .card-table tbody tr + tr th {border-top: 1px solid #ebebeb} .card-table tbody tr:hover > *, .card-table tfoot tr:hover > * {background-color: #f7f7f7} .card-table td:first-child, .card-table th:first-child {padding-left: 2rem} .card-table td:last-child, .card-table th:last-child {padding-right: 2rem} .card-table .card-table__body--merge-rows td, .card-table .card-table__body--merge-rows th {padding-top: 3px;padding-bottom: 3px} .card-table .card-table__body--merge-rows tr:first-child td, .card-table .card-table__body--merge-rows tr:first-child th {padding-top: 12px} .card-table .card-table__body--merge-rows tr:last-child td, .card-table .card-table__body--merge-rows tr:last-child th {padding-bottom: 12px} .card-table .card-table__body--merge-rows tr + tr td, .card-table .card-table__body--merge-rows tr + tr th {border-top: none} @media (min-width: breakpoint(md-start)) and (max-width: breakpoint(md-end)) { .card-table {font-size: 14px} .card-table td:first-child, .card-table th:first-child {padding-left: 1.5rem} .card-table td:last-child, .card-table th:last-child {padding-right: 1.5rem} } @media (max-width: breakpoint(sm-end)) { .card-table {font-size: 14px} .card-table td:first-child, .card-table th:first-child {padding-left: 1.375rem} .card-table td:last-child, .card-table th:last-child {padding-right: 1.375rem} } @media (min-width: 576px) { .container--max--sm {max-width: 540px} } @media (min-width: 768px) { .container--max--md {max-width: 720px} } @media (min-width: 992px) { .container--max--lg {max-width: 960px} } @media (min-width: 1200px) { .container--max--xl {max-width: 1140px} } @media (min-width: 1400px) { .container--max--xxl {max-width: 1380px} } .container .container {padding: 0} .container {max-width: 1380px!important;} .filters-button {display: -ms-flexbox;display: flex;background: #f0f0f0;border: none;border-radius: 2px;font-size: 15px;line-height: 1;-ms-flex-align: center;align-items: center;color: inherit;font-family: inherit;transition: background-color .12s;padding: 7px 7px 7px 9px} .filters-button:focus {outline: none} .filters-button:hover {background: #ebebeb} .filters-button:active {background: #e0e0e0} .filters-button__icon {fill: #404040;margin-right: 7px} .filters-button__icon svg {display: block} .filters-button__title {padding-top: 1px} .filters-button__counter {background: #e52727;color: #fff;padding: 3px 4px 2px;font-size: 11px;border-radius: 1.5px;margin-left: 6px} .form-check {padding-left: 1.5rem} .form-check-input {position: absolute;margin-top: .1875rem;margin-left: -1.5rem} .form-control {border-radius: 2px;background-clip: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background .15s ease-in-out;color: #262626;border-width: 1px;border-color: rgba(0,0,0,0.6);height: 36px;padding: 5.5px 5px;font-size: 14px;line-height: 19px} .form-control::-webkit-input-placeholder {color: #6c757d} .form-control::-moz-placeholder {color: #6c757d} .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {color: #6c757d} .form-control::placeholder {color: #6c757d} .form-control[readonly] {color: #262626;background-color: #ebebeb;border-color: #ebebeb} .form-control[readonly]::-webkit-input-placeholder {color: #6c757d} .form-control[readonly]::-moz-placeholder {color: #6c757d} .form-control[readonly]:-ms-input-placeholder, .form-control[readonly]::-ms-input-placeholder {color: #6c757d} .form-control[readonly]::placeholder {color: #6c757d} .form-control:focus, .form-control:hover {border-color: #005097} .form-control:focus {box-shadow: none;background-color: #fff} .form-control:disabled {opacity: .7;color: #262626;background-color: #ebebeb;border-color: #ebebeb} .form-control:disabled::-webkit-input-placeholder {color: #6c757d} .form-control:disabled::-moz-placeholder {color: #6c757d} .form-control:disabled:-ms-input-placeholder, .form-control:disabled::-ms-input-placeholder {color: #6c757d} .form-control:disabled::placeholder {color: #6c757d} .form-control.is-invalid:focus, .form-control.is-valid:focus, .was-validated .form-control:invalid:focus, .was-validated .form-control:valid:focus {box-shadow: none} .form-control.is-invalid, .form-control.is-valid, .was-validated .form-control:invalid, .was-validated .form-control:valid {background-image: none} .form-control.is-valid, .was-validated .form-control:valid {color: #262626;background-color: #e2f2da;border-color: #e2f2da} .form-control.is-valid::-webkit-input-placeholder, .was-validated .form-control:valid::-webkit-input-placeholder {color: #6c757d} .form-control.is-valid::-moz-placeholder, .was-validated .form-control:valid::-moz-placeholder {color: #6c757d} .form-control.is-valid:-ms-input-placeholder, .form-control.is-valid::-ms-input-placeholder, .was-validated .form-control:valid:-ms-input-placeholder, .was-validated .form-control:valid::-ms-input-placeholder {color: #6c757d} .form-control.is-valid::placeholder, .was-validated .form-control:valid::placeholder {color: #6c757d} .form-control.is-valid:hover, .was-validated .form-control:valid:hover {border-color: #c3d9b8} .form-control.is-valid:focus, .was-validated .form-control:valid:focus {background-color: #fff;border-color: #8c6} .form-control.is-invalid, .was-validated .form-control:invalid {color: #262626;border-color: #f2dada} .form-control.is-invalid::-webkit-input-placeholder, .was-validated .form-control:invalid::-webkit-input-placeholder {color: #6c757d} .form-control.is-invalid::-moz-placeholder, .was-validated .form-control:invalid::-moz-placeholder {color: #6c757d} .form-control.is-invalid:-ms-input-placeholder, .form-control.is-invalid::-ms-input-placeholder, .was-validated .form-control:invalid:-ms-input-placeholder, .was-validated .form-control:invalid::-ms-input-placeholder {color: #6c757d} .form-control.is-invalid::placeholder, .was-validated .form-control:invalid::placeholder {color: #6c757d} .form-control.is-invalid:hover, .was-validated .form-control:invalid:hover {border-color: #d9a3a3} .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {background-color: #fff;border-color: #c66} .form-control-lg {height: 42px;padding: 9.5px 12px;font-size: 18px;line-height: 21px} .form-control-sm {height: 30px;padding: 5.5px 8px;font-size: 14px;line-height: 17px} select.form-control {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 27px;background-position: right 10px center} select.form-control:not(:disabled) {cursor: pointer} .was-validated select.form-control:invalid, .was-validated select.form-control:valid, select.form-control, select.form-control.is-invalid, select.form-control.is-valid {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M4.503 4H.497c-.403 0-.639-.508-.408-.878L2.095.233a.469.469 0 0 1 .816 0l2 2.889c.231.37-.005.878-.408.878zM.497 6h4.006c.403 0 .639.504.408.871L2.905 9.737a.47.47 0 0 1-.816 0l-2-2.866C-.142 6.504.094 6 .497 6z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 5px 10px} select.form-control::-ms-expand {display: none} select.form-control-lg {padding-right: 31px;background-position: right 12px center} select.form-control-sm {padding-right: 23px;background-position: right 8px center} .valid-feedback {color: #388020} .invalid-feedback {color: #b32d2d} .image--type--category .image__body, .image--type--product .image__body {display: block;position: relative;width: 100%} .image--type--category .image__tag, .image--type--product .image__tag {display: block;/*position: absolute;*/width: 100%;height: 100%;object-fit: scale-down; max-height: 200px} .image--type--category .image__body, .image--type--product .image__body {/*padding-bottom: 100%;padding-bottom: 60%*/} .input-check {display: inline-block} .input-check__body {display: block;position: relative;width: 16px;height: 16px} .input-check__input {opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: inherit} .input-check__box {display: block;width: 16px;height: 16px;border-radius: 1.2px;background: #fff;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);transition: background .15s, box-shadow .15s} .input-check__icon {pointer-events: none;position: absolute;left: 4px;top: 5px;fill: #fff;transform: scale(0);transition: fill .15s, transform .15s, visibility 0s .15s} .input-check__icon svg {display: block} .input-check__input:checked ~ .input-check__box {background: #e52727;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05)} .input-check__input:checked ~ .input-check__icon {fill: #fff;transition-delay: 0s, 0s, 0s;transform: scale(1)} .input-check__input:disabled ~ .input-check__box {background: #f2f2f2;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)} .input-check__input:disabled ~ .input-check__icon {fill: rgba(0, 0, 0, .2)} .input-check-color {display: inline-block} .input-check-color__body {display: block;position: relative;width: 22px;height: 22px;border-radius: 1.2px;overflow: hidden;cursor: inherit;margin: 0} .input-check-color__input {position: absolute;visibility: hidden} .input-check-color__box {display: block;width: 22px;height: 22px;border-radius: 1.2px;background: currentColor;cursor: inherit} .input-check-color__icon {position: absolute;left: 5px;top: 6px;fill: #fff;transform: scale(0);transition: transform .15s} .input-check-color__icon svg {display: block} .input-check-color__input:checked ~ .input-check-color__icon {transform: scale(1)} .input-check-color__input:disabled {cursor: default} .input-check-color__input:disabled ~ .input-check-color__box {position: relative;left: 0;top: 0;width: 22px;height: 22px;opacity: .5;cursor: default} .input-check-color__input:disabled ~ .input-check-color__stick {pointer-events: none;display: block;position: absolute;width: 2px;border-radius: 1px;height: 34px;left: calc(50% - 1px);top: -6px;background: hsla(0, 0%, 40%, .9);transform: rotate(45deg);transform-origin: center center} .input-check-color--light .input-check-color__icon {fill: #3d464d} .input-check-color--white .input-check-color__box {box-shadow: inset 0 0 0 2px #d9d9d9} .input-check-color--white .input-check-color__icon {fill: #bfbfbf} .input-number {display: block;width: 100%;position: relative} .input-number__input {-moz-appearance: textfield;display: block;width: 100%;min-width: 88px;padding-left: 24px;padding-right: 24px;text-align: center} .input-number__input::-webkit-inner-spin-button, .input-number__input::-webkit-outer-spin-button {-webkit-appearance: none} .input-number__add, .input-number__sub {position: absolute;height: 100%;width: 24px;top: 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;opacity: .3;transition: opacity .18s} .input-number__add:after, .input-number__add:before, .input-number__sub:after, .input-number__sub:before {display: block;content: "";position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background: currentColor} .input-number__add:before, .input-number__sub:before {width: 8px;height: 2px} .input-number__add:hover, .input-number__sub:hover {opacity: 1} .input-number__sub {left: 1px} .input-number__add {right: 1px} .input-number__add:after {width: 2px;height: 8px} .input-radio {display: inline-block} .input-radio__body {display: block;position: relative;width: 16px;height: 16px} .input-radio__input {opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: inherit} .input-radio__circle {display: block;width: 16px;height: 16px;border-radius: 8px;background: #fff;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17);transition: background .2s, box-shadow .2s} .input-radio__circle:after {display: block;content: "";position: absolute;left: 5px;top: 5px;width: 6px;height: 6px;border-radius: 3px;background: #fff;transform: scale(0);transition: background .2s, transform .2s, visibility 0s .2s;visibility: hidden} .input-radio__input:checked ~ .input-radio__circle {background: #e52727;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)} .input-radio__input:checked ~ .input-radio__circle:after {background: #fff;visibility: visible;transition-delay: 0s, 0s, 0s;transform: scale(1)} .input-radio__input:disabled ~ .input-radio__circle {background: #f2f2f2;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12)} .input-radio__input:disabled ~ .input-radio__circle:after {background: rgba(0, 0, 0, .2)} .input-radio-label__list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -3px} .input-radio-label__item {margin: 3px} .input-radio-label__input {position: absolute;pointer-events: none;opacity: 0} .input-radio-label__title {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;background: #fff;height: 28px;border-radius: 2px;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);font-size: 13px;font-weight: 500;padding: 0 12px 2px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: box-shadow .15s} .input-radio-label__title:hover {box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1)} .input-radio-label__title:active {box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2)} .input-radio-label__input:checked ~ .input-radio-label__title {box-shadow: inset 0 0 0 2px #e52727} .input-radio-label__input:disabled ~ .input-radio-label__title {color: #a6a6a6;font-weight: 400;cursor: default;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)} .layout-switcher__list {display: -ms-flexbox;display: flex} .layout-switcher__button {padding: 7px;margin: 0;border: none;display: block;border-radius: 2px;background-color: transparent;color: #95a0a6} .layout-switcher__button:focus {outline: none} .layout-switcher__button svg {display: block;fill: currentColor} .layout-switcher__button:hover {background-color: #f0f0f0} .layout-switcher__button--active {color: #e52727} .layout-switcher__button--active:hover {background-color: transparent} .modal {-webkit-overflow-scrolling: touch;padding-left: 0 !important;padding-right: 0 !important} .modal-backdrop {background: rgba(51, 51, 51, .8)} .modal-backdrop.show {opacity: 1} .modal-content {border: none;border-radius: 2px;box-shadow: 0 1px 10px rgba(0, 0, 0, .1)} .pagination {margin-bottom: 0;padding: 0;padding-top:1rem;border-top:1px dotted #ebebeb;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: center;justify-content: center} .pagination .page-item {margin-right: 6px;margin: auto 0;} .pagination .page-item:last-child {margin-right: 0} .page-link {font-size: 14px;line-height: 18px;padding: 5px 10px;transition: background .15s;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/*background-color: #f0f0f0;*/color: #005097} .page-link.page-link--with-arrow{color: #262626} .page-link:hover {background-color: unset;color: #262626} .page-link:active {transition-duration: 0s;background-color: unset;color: #262626} .page-link:focus {box-shadow: none} .page-item:first-child .page-link, .page-item:last-child .page-link {border-radius: 2px} .page-item.disabled .page-link {color: #b3b3b3} .page-item.active .page-link {background-color: unset;color: #e52727;cursor: default} .pagination__dots {position: relative;width: 2px;height: 2px;border-radius: 1px;background: rgba(0, 0, 0, .25);margin: 0 4px} .pagination__dots:after, .pagination__dots:before {display: block;content: "";position: absolute;width: inherit;height: inherit;border-radius: inherit;background: inherit} .pagination__dots:before {top: -5px} .pagination__dots:after {bottom: -5px} .page-item--dots, .page-link--with-arrow {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .page-link__arrow {display: block;margin: 3px 0 4px;fill: currentColor;opacity: .8;transform: scaleX(1)} .page-link__arrow svg {display: block} .page-link__arrow--left {margin-left: -1px;margin-right: 1px} .page-link__arrow--right {margin-left: 1px;margin-right: -1px} .pagination li.page-item{line-height: 28px} .pagination li.page-select{display: contents} .pagination li.page-select select{max-width: 50px;margin-right: .2rem} .pagination li.page-select span{margin-right: .5rem} .pagination li:first-child{margin-right: 1rem} .search-txt{font-size: 18px;font-weight: 300;} @media (max-width: 767.98px) { .pagination li:first-child { justify-content: end; margin-bottom: 0.5rem } .pagination li:nth-child(2) { justify-content: start; margin-bottom: 0.5rem } .pagination li:nth-child(-n+2) { width: 50%; display: flex; float: left; margin-right: 0; padding-right: 1rem; text-align: center; } } @media (max-width: 575.98px) { .page-link { padding: 5px 10px } } .section-header__body { margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .section-header__title { /*font-size: 20px; font-weight: 700;*/ margin: 0;position: relative;top: 2px; font-size: 28px;line-height: 32px;margin-bottom: 12px;font-weight: 300;color: #333 } .section-header__spring { -ms-flex-positive: 1; flex-grow: 1 } .section-header__divider { width: 100%; height: 2px; margin-top: 8px; background: #ebebeb } .section-header__arrows { display: -ms-flexbox; display: flex } .section-header__arrow--next { margin-left: -5.37131px } .section-header__links { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; font-size: 14px; -ms-flex-wrap: wrap; flex-wrap: wrap } .section-header__links-item { padding-right: 18px } .section-header__links-item:last-child { padding-right: 0 } .section-header__links-link { color: #005097; position: relative; transition: color .1s } .section-header__links-link:hover { color: inherit } .section-header__links + .section-header__arrows { margin-left: 18px } @media (max-width: 767.98px) { .section-header__body { -ms-flex-wrap: wrap; flex-wrap: wrap } .section-header__links { -ms-flex-order: 1; order: 1; width: 100%; padding: 9px 0 10px; border-bottom: 0px solid #ebebeb } .section-header__links-item { padding-top: 1px; padding-bottom: 1px } .section-header__divider { width: 100%; height: 2px; background: #ebebeb; margin-top: 8px } } .form-control + .select2-container { width: 100% } .form-control + .select2-container .select2-selection__arrow { display: none } .form-control + .select2-container .select2-selection--single { border-radius: 2px; border-width: 1px; border-style: solid; background-clip: border-box; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M4.503 4H.497c-.403 0-.639-.508-.408-.878L2.095.233a.469.469 0 0 1 .816 0l2 2.889c.231.37-.005.878-.408.878zM.497 6h4.006c.403 0 .639.504.408.871L2.905 9.737a.47.47 0 0 1-.816 0l-2-2.866C-.142 6.504.094 6 .497 6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 5px 10px; transition: border-color .15s ease-in-out, background .15s ease-in-out } .form-control + .select2-container .select2-selection--single:focus { outline: none } .form-control + .select2-container .select2-selection__rendered { box-sizing: border-box } .form-control + .select2-container .select2-selection--single { background-color: #ebebeb; border-color: #ebebeb } .form-control + .select2-container .select2-selection__rendered { color: #262626 } .form-control + .select2-container--disabled { opacity: .7 } .form-control + .select2-container:not(.select2-container--open):not(.select2-container--disabled):hover .select2-selection--single { border-color: #d9d9d9 } .form-control + .select2-container--open .select2-selection--single { background-color: #fff; border-color: #d9d9d9 } .form-control + .select2-container .select2-selection--single { height: 36px; background-position: right 10px center } .form-control + .select2-container .select2-selection__rendered { line-height: 19px; padding: 7.5px 10px; font-size: 16px; padding-right: 27px } .form-control-lg + .select2-container .select2-selection--single { height: 42px; background-position: right 12px center } .form-control-lg + .select2-container .select2-selection__rendered { line-height: 21px; padding: 9.5px 12px; font-size: 18px; padding-right: 31px } .form-control-sm + .select2-container .select2-selection--single { height: 30px; background-position: right 8px center } .form-control-sm + .select2-container .select2-selection__rendered { line-height: 17px; padding: 5.5px 8px; font-size: 14px; padding-right: 23px } .select2-dropdown { background: #fff; border: none; border-radius: 0; box-shadow: 0 1px 20px rgba(0, 0, 0, .2), 0 1px 5px rgba(0, 0, 0, .1) } .select2-search--dropdown { padding: 0; border-bottom: 1px solid #e5e5e5 } .select2-container--default .select2-search--dropdown .select2-search__field { border: none; padding: 6px 10px; font-size: 15px } .select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: none } .select2-container--default .select2-results__option[aria-selected=true] { background: #f2f2f2 } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #d9ecff; color: #36414d } .select2-results__option { padding: 4px 10px; font-size: 15px } .select2-results__options:after, .select2-results__options:before { display: list-item; content: ""; height: 6px } .share-links { display: block } .share-links__list { display: -ms-flexbox; display: flex; list-style: none; padding: 0; margin: 0; font-size: 11px; line-height: 18px; font-weight: 500; white-space: nowrap } .share-links__item + .share-links__item { margin-left: 4px } .share-links__item a { border-radius: 1.5px; display: block; padding: 2px 7px 1px } .share-links__item a, .share-links__item a:hover { color: inherit; text-decoration: none } .share-links__item--type--like a { background: #4267b2; color: #fff } .share-links__item--type--like a:hover { color: #fff; background: #3b5c9f } .share-links__item--type--tweet a { background: #1b95e0; color: #fff } .share-links__item--type--tweet a:hover { color: #fff; background: #1886c9 } .share-links__item--type--pin a { background: #e63939; color: #fff } .share-links__item--type--pin a:hover { color: #fff; background: #e32222 } .share-links__item--type--counter a { background: #fff; color: #737373; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2) } .share-links__item--type--counter a:hover { color: #666 } .shop-features__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; list-style: none; padding: 14px 0 } .shop-features__item { padding: 10px 28px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .shop-features__item-icon { color: #e52727; margin-right: 18px } .shop-features__item-icon svg { width: 38px; height: 38px; fill: currentColor; vertical-align: middle } .shop-features__item-title { font-size: 14px; font-weight: 500 } .shop-features__item-subtitle { font-size: 14px; color: #6c757d; margin-top: -2px } .shop-features__item { width: calc((100% - 0px) / 1) } .shop-features__divider { width: 1px } .shop-features__divider:nth-child(2n) { width: 100%; height: 1px } .shop-features__divider:nth-child(2n):last-child, .sidebar__header { display: none } @media (max-width: 991.98px) { .sidebar--offcanvas--mobile { visibility: hidden; transition: visibility 0s .25s } .sidebar--offcanvas--mobile .sidebar__backdrop { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(51, 51, 51, .8); opacity: 0; will-change: opacity; transition: opacity .25s cubic-bezier(.25, .46, .45, .94) } .sidebar--offcanvas--mobile .sidebar__body { position: fixed; top: 0; bottom: 0; z-index: 1000; background: #fff; width: 300px; transition: transform .25s cubic-bezier(.25, .46, .45, .94); will-change: transform; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: 0; transform: translateX(-100%) } .sidebar--offcanvas--mobile .sidebar__content { -ms-flex-positive: 1; flex-grow: 1; overflow-y: auto; overflow-x: hidden } .sidebar--offcanvas--mobile.sidebar--open { visibility: visible; transition-delay: 0s } .sidebar--offcanvas--mobile.sidebar--open .sidebar__backdrop { opacity: 1 } .sidebar--offcanvas--mobile.sidebar--open .sidebar__body { transform: translateX(0) } .sidebar--offcanvas--mobile .sidebar__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ebebeb; -ms-flex-negative: 0; flex-shrink: 0 } .sidebar--offcanvas--mobile .sidebar__title { -ms-flex-positive: 1; flex-grow: 1; font-size: 15px; font-weight: 500; padding: 0 20px } .sidebar--offcanvas--mobile .sidebar__close { width: 48px; height: 50px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border: none; fill: currentColor; padding: 0 0 2px; -ms-flex-negative: 0; flex-shrink: 0; transition: background-color .15s, color .15s; background-color: #fff; color: #ccc } .sidebar--offcanvas--mobile .sidebar__close:hover { background-color: #f2f2f2; color: #4d4d4d } .sidebar--offcanvas--mobile .sidebar__close:active { background-color: #ebebeb; color: #4d4d4d } .sidebar--offcanvas--mobile .sidebar__close:focus { outline: none } } .sidebar--offcanvas--always { visibility: hidden; transition: visibility 0s .25s } .sidebar--offcanvas--always .sidebar__backdrop { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(51, 51, 51, .8); opacity: 0; will-change: opacity; transition: opacity .25s cubic-bezier(.25, .46, .45, .94) } .sidebar--offcanvas--always .sidebar__body { position: fixed; top: 0; bottom: 0; z-index: 1000; background: #fff; width: 300px; transition: transform .25s cubic-bezier(.25, .46, .45, .94); will-change: transform; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: 0; transform: translateX(-100%) } .sidebar--offcanvas--always .sidebar__content { -ms-flex-positive: 1; flex-grow: 1; overflow-y: auto; overflow-x: hidden } .sidebar--offcanvas--always.sidebar--open { visibility: visible; transition-delay: 0s } .sidebar--offcanvas--always.sidebar--open .sidebar__backdrop { opacity: 1 } .sidebar--offcanvas--always.sidebar--open .sidebar__body { transform: translateX(0) } .sidebar--offcanvas--always .sidebar__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ebebeb; -ms-flex-negative: 0; flex-shrink: 0 } .sidebar--offcanvas--always .sidebar__title { -ms-flex-positive: 1; flex-grow: 1; font-size: 15px; font-weight: 500; padding: 0 20px } .sidebar--offcanvas--always .sidebar__close { width: 48px; height: 50px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border: none; fill: currentColor; padding: 0 0 2px; -ms-flex-negative: 0; flex-shrink: 0; transition: background-color .15s, color .15s; background-color: #fff; color: #ccc } .sidebar--offcanvas--always .sidebar__close:hover { background-color: #f2f2f2; color: #4d4d4d } .sidebar--offcanvas--always .sidebar__close:active { background-color: #ebebeb; color: #4d4d4d } .sidebar--offcanvas--always .sidebar__close:focus { outline: none } .social-links__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0; margin: -4px } .social-links__item { margin: 4px } .social-links__item a { font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: inherit; width: 36px; height: 36px; border-radius: 18px; transition: all .2s } .social-links__item a:hover { opacity: .8 } .social-links__item--facebook a { background: #3c5a99; color: #fff } .social-links__item--twitter a { background: #00a2e8; color: #fff } .social-links__item--youtube a { background: #e52e2e; color: #fff } .social-links__item--instagram a { background: #815dc7; color: #fff } .social-links__item--rss a { background: #ffc338; color: #664729 } .tags { font-size: 13px } .tags__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 500; margin: -2px } .tags__list a { display: block; margin: 2px; background: #f2f2f2; padding: 4px 11px; color: inherit; border-radius: 1.5px; transition: background .12s } .tags__list a:hover { color: inherit; background: #e5e5e5 } .tags__list a:active { transition-duration: 0s; background: #d9d9d9 } .tags--sm .tags__list a { padding: 2px 8px } .teammate { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .teammate__info { padding: 14px 16px 16px; text-align: center } .teammate__position { font-size: 14px; color: #6c757d } .tooltip { pointer-events: none; transition-duration: 0s; font-family: inherit } .tooltip.show { opacity: 1 } .tooltip-inner { background: #333; color: #fff; border-radius: 2px; position: relative; padding: 5px 8px; box-sizing: content-box; font-size: 14px; line-height: 1.25 } .tooltip .arrow { width: 8px; height: 8px } .tooltip .arrow:before { width: 8px; height: 8px; border-radius: 1px; border: none; background: #333; transform: rotate(45deg) scale(.78431) } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: 4px 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-auto[x-placement^=top] .tooltip-inner, .bs-tooltip-top .arrow, .bs-tooltip-top .tooltip-inner { bottom: 3px } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: 4px 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-auto[x-placement^=bottom] .tooltip-inner, .bs-tooltip-bottom .arrow, .bs-tooltip-bottom .tooltip-inner { top: 3px } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 4px } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-auto[x-placement^=right] .tooltip-inner, .bs-tooltip-right .arrow, .bs-tooltip-right .tooltip-inner { left: 3px } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 4px } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-auto[x-placement^=left] .tooltip-inner, .bs-tooltip-left .arrow, .bs-tooltip-left .tooltip-inner { right: 3px } .typography { line-height: 1.625 } .typography a:hover { text-decoration: underline } .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { margin-top: 1.5em; margin-bottom: .75em } .typography h2, .typography h3 { padding-bottom: 8px; border-bottom: 1px solid #ebebeb } .typography h3 { padding-bottom: 6px } .typography p { margin-bottom: 1.5em } .typography ol, .typography ul { margin: 1.5em 0; padding-left: 1rem } .typography li { margin-bottom: .5em } .typography hr { position: relative; width: 4px; height: 4px; border-radius: 2px; border: none; background: #d9d9d9; margin: 2.5em auto } .typography hr:after, .typography hr:before { position: absolute; content: ""; display: block; width: inherit; height: inherit; border-radius: inherit; background: inherit } .typography hr:after { left: -30px } .typography hr:before { right: -30px } .typography blockquote { margin: 2.25rem 0; text-align: center; font-size: 18px; font-style: italic; background: #f7f7f7; border-radius: 4px; padding: 2.25em 2.25em 2em } .typography blockquote cite { margin-top: -.5em; color: #6c757d; display: block; font-size: 15px; font-style: normal } .typography blockquote p { margin-bottom: 1.25em } .typography blockquote > :first-child { margin-top: 0 } .typography blockquote > :last-child { margin-bottom: 0 } .typography > :first-child { margin-top: 0 } .typography > :last-child { margin-bottom: 0 } .typography img { max-width: 100%; border-radius: 2px } .typography figure { margin: 1.875rem 0 2.25rem } .typography figcaption { font-size: 14px; text-align: center; color: #6c757d; padding-top: .875rem } @media (max-width: 575.98px) { .typography { font-size: 14px; line-height: 1.75 } .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { margin-top: 1.25em; margin-bottom: .5em } .typography h2 { font-size: 28px } .typography h3 { font-size: 24px } .typography h4 { font-size: 20px } .typography h5 { font-size: 18px } .typography p { margin-bottom: 1em } .typography ol, .typography ul { margin: 1.25em 0; /*padding-left: 2rem*/ } .typography hr { margin: 1.5em auto } .typography blockquote { padding: 1em; font-size: 16px; margin: 1.5rem 0 } .typography blockquote p { margin-bottom: .75em } .typography figure { margin: 1.5rem 0 } } .view-options { font-size: .9375rem } .view-options__body { padding: .75rem 1rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; position: relative } .view-options__body + .view-options__body { border-top: 1px solid #ebebeb } .view-options__body--filters { padding: .875rem 1rem } .view-options__label { position: absolute; background: #fff; padding: 0 8px; top: -5px; font-size: 10px; text-transform: uppercase; line-height: 1; color: #999; left: 50%; transform: translateX(-50%) } .view-options__filters-button, .view-options__layout { margin-right: 1.25rem } .view-options__legend { white-space: nowrap; margin-right: 1.25rem } .view-options__spring { -ms-flex-positive: 1; flex-grow: 1 } .view-options__select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 20px } .view-options__select > label { margin-bottom: 0; margin-right: 10px } @media (min-width: 992px) { .view-options--offcanvas--mobile .view-options__filters-button { display: none } } @media (max-width: 991.98px) { .view-options__legend { margin-right: 0; margin-left: auto } .view-options__spring { width: 100%; height: 8px } .view-options__select { margin-left: auto } .view-options__select + .view-options__select { margin-left: 20px } } @media (max-width: 575.98px) { .view-options__legend { width: 100%; padding-top: 10px } .view-options__select { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; margin-left: 0 } .view-options__select > label { margin: 0 0 2px } .view-options__layout { margin-left: auto; margin-right: 0 } } .widget + .widget { margin-top: 20px } .widget__header { padding: 1.375rem 1.5rem } .widget__header h4 { font-size: 20px; font-weight: 500; margin-bottom: 0 } .filter__title { display: block; border: none; padding: 6px 10px; cursor: pointer; width: calc(100% + 20px); position: relative; color: inherit; font-weight: 100; font-size: 15px; line-height: 18px; border-radius: 2px; margin: 0 -10px; transition: background-color .2s, fill .2s; background: transparent; fill: #ccc; text-align: left } .filter__title:focus, .filter__title:hover { transition-duration: .1s, .1s; background: #f2f2f2; fill: #b3b3b3 } .filter__title:focus { outline: none } .filter__arrow { position: absolute; top: 11px; transition: transform .2s; right: 10px } .filter__arrow svg { display: block } .filter__body { margin: 0 -1.5rem; overflow: hidden; visibility: hidden; height: 0; opacity: 0; transition: height .2s, opacity .2s, visibility 0s .2s } .filter__container { padding: 10px 1.5rem 16px } .filter--opened .filter__body { transition-delay: 0s, 0s; visibility: visible; height: auto; opacity: 1 } .filter--opened .filter__arrow { transform: rotate(180deg) } .filter-categories__list { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 18px } .filter-categories__list a { color: inherit; transition: color .15s } .filter-categories__list a:hover { /*color: #cb1818;*/ text-decoration: underline } .filter-categories__item { padding: 5px 0; display: -ms-flexbox; display: flex } .filter-categories__item > a { -ms-flex-positive: 1; flex-grow: 1; padding-right: 10px } .filter-categories__item--parent { position: relative; padding-left: 14px } .filter-categories__item--current { font-weight: 700 } .filter-categories__item--child { position: relative; font-size: 15px; padding-left: 14px } .filter-categories__arrow { fill: #ccc; position: absolute; top: 10px; left: 0; transform: scaleX(1) } .filter-categories__arrow svg { display: block } .filter-categories__counter { font-size: 12px; line-height: 12px; padding-top: 4px; font-weight: 400; color: #6c757d } .filter-list__list { margin: -8px 0 } .filter-list__item { padding: 1px 0; cursor: pointer; display: -ms-flexbox; display: flex; margin: 8px 0 } .filter-list__input { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 7px } .filter-list__title { padding: 1px 0; font-size: 14px; line-height: 16px; -ms-flex-positive: 1; flex-grow: 1 } .filter-list__counter { padding-top: 3px; font-size: 12px; line-height: 12px; color: #6c757d; margin-left: 12px } .filter-list__item--disabled { cursor: default } .filter-list__item--disabled .filter-list__title { color: #6c757d } .footer-contacts__title { font-size: 18px; color: #9e9e9e; margin-bottom: 26px; font-weight: 500 } @media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 1dppx) { .footer-contacts__title { font-weight: 400 } } .footer-contacts__text { line-height: 22px; list-style: none; margin: 0; font-size: 15px } .footer-contacts__text a { color: inherit } .footer-contacts__contacts { font-size: 14px; line-height: 20px; list-style: none; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left } .footer-contacts__contacts a { color: inherit } .footer-contacts__text a:hover, .footer-contacts__contacts a:hover{ text-decoration: underline; } .footer-contacts__contacts dt { font-size: 14px; font-weight: 400; letter-spacing: .04em; /*text-transform: uppercase;*/ margin-bottom: 2px } .footer-contacts__contacts dt:after { display: block; content: ""; height: 1px; background: #9e9e9e; opacity: .6; width: 3em; margin-top: .1rem; } .footer-contacts__contacts dd { color: #fff; margin: 0; font-weight: 500 } @media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 1dppx) { .footer-contacts__contacts dd { font-weight: 400 } } .footer-contacts__icon { display: inline-block; text-align: center; width: 22px; margin-right: 2px } @media (min-width: 1400px) { .footer-contacts { padding-right: 36px } } @media (min-width: 1200px) { .footer-contacts__contacts { margin: 24px -15px 0 } .footer-contacts__contacts dl { width: 100% /*calc(100% / 2 - 30px - 1px)*/; margin: 0 15px } .footer-contacts__contacts dl:nth-child(n+2) { margin-top: 18px } } @media (max-width: 1199.98px) { .footer-contacts__contacts { margin: -6px } .footer-contacts__contacts dl { width: calc(100% / 2 - 12px); margin: 6px } .footer-contacts { text-align: center; margin-bottom: 42px } .footer-contacts__title { font-size: 18px; margin-bottom: 12px } .footer-contacts__contacts { padding-top: 28px } .footer-contacts__contacts dl { background: hsla(0, 0%, 100%, .05); padding: 16px 12px; border-radius: 3px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center } } @media (max-width: 991.98px) { .footer-contacts__contacts { margin: -6px } .footer-contacts__contacts dl { width: calc(100% / 2 - 12px); margin: 6px; padding: 20px 16px } } @media (max-width: 767.98px) { .footer-contacts__contacts dl { padding: 16px } } @media (max-width: 479px) { .footer-contacts__contacts { margin: -4px } .footer-contacts__contacts dl { width: calc(100% / 1 - 8px); margin: 4px } } .footer-links__title { font-size: 18px; color: #9e9e9e; margin-bottom: 22px; font-weight: 500 } .footer-links__icon {line-height: 24px;fill: #fff;padding-top: 8px;display: none} @media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 1dppx) { .footer-links__title { font-weight: 400 } } .footer-links__list { font-size: 14px; line-height: 18px; list-style: none; padding: 0; margin: 0 } .footer-links__list a { color: inherit; transition: .15s } .footer-links__list a:hover { color: #fff; text-decoration: underline } .footer-links__item { padding: 5px 0 } @media (max-width: 767.98px) { .footer-links { text-align: left;margin-bottom: 1rem } .footer-links__title { margin-bottom: 12px; display: flex;justify-content: space-between;border-bottom: 1px solid #9e9e9e } .footer-links__icon {display: block} .is_open .footer-links__icon {transform: rotate(180deg)} .footer-links__list {overflow: hidden;max-height: 0;transition: max-height 100ms cubic-bezier(0.4, 0, 0.2, 1)} .footer-links__list.is_open{max-height: 270px} } .footer-newsletter__title { font-size: 18px; color: #9e9e9e; margin-bottom: 26px; font-weight: 500 } @media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 1dppx) { .footer-newsletter__title { font-weight: 400 } } .footer-newsletter__text { font-size: 14px; line-height: 22px; margin-bottom: 14px } .footer-newsletter__text--social { margin-top: 20px; margin-bottom: 0 } .footer-newsletter__social-links { margin-top: 8px } .footer-newsletter__form { display: -ms-flexbox; display: flex; max-width: 380px } .footer-newsletter__form-input { -ms-flex-negative: 1; flex-shrink: 1; border-radius: 2px; font-size: 14px; height: 38px; padding: 0 12px; -ms-flex-preferred-size: 0; flex-basis: 0; min-width: 0; -ms-flex-positive: 1; flex-grow: 1; font-family: inherit; border-color: transparent; background-clip: padding-box; transition: border .2s, background .2s; color: #fff; background-color: #4c4c4c; border: 2px solid #4c4c4c } .footer-newsletter__form-input::-webkit-input-placeholder { color: #b2b2b2 } .footer-newsletter__form-input::-moz-placeholder { color: #b2b2b2 } .footer-newsletter__form-input:-ms-input-placeholder, .footer-newsletter__form-input::-ms-input-placeholder { color: #b2b2b2 } .footer-newsletter__form-input::placeholder { color: #b2b2b2 } .footer-newsletter__form-input::-webkit-input-placeholder { transition: color .2s } .footer-newsletter__form-input::-moz-placeholder { transition: color .2s } .footer-newsletter__form-input:-ms-input-placeholder, .footer-newsletter__form-input::-ms-input-placeholder { transition: color .2s } .footer-newsletter__form-input::placeholder { transition: color .2s } .footer-newsletter__form-input:hover { background-color: hsla(0, 0%, 100%, .16); border-color: hsla(0, 0%, 100%, .16) } .footer-newsletter__form-input:focus { outline: none; background-color: transparent; border-color: hsla(0, 0%, 100%, .16) } .footer-newsletter__form-input:focus::-webkit-input-placeholder { color: #9e9e9e } .footer-newsletter__form-input:focus::-moz-placeholder { color: #9e9e9e } .footer-newsletter__form-input:focus:-ms-input-placeholder, .footer-newsletter__form-input:focus::-ms-input-placeholder { color: #9e9e9e } .footer-newsletter__form-input:focus::placeholder { color: #9e9e9e } .footer-newsletter__form-button { -ms-flex-negative: 0; flex-shrink: 0; border-radius: 2px; border: none; padding: 0 20px; font-family: inherit; font-size: 14px; transition: background .2s, color .2s; margin-left: 8px; background-color: #e52727; color: #fff } .footer-newsletter__form-button:hover { background-color: #545454; color: #fff } .footer-newsletter__form-button:active { background-color: #4c4c4c; color: #fff; transition-duration: .1s, .1s } .footer-newsletter__form-button:focus { outline: none } @media (max-width: 1199.98px) { .footer-newsletter{text-align: center;margin-top: 28px} .footer-newsletter__form {margin: 0 auto} } @media (max-width: 767.98px) { .footer-newsletter { text-align: center;margin-top: 28px } .footer-newsletter__title { font-size: 18px;margin-bottom: 16px} .footer-newsletter__form { margin: 0 auto } .footer-newsletter__text--social { margin-top: 24px } .footer-newsletter__social-links { margin-top: 12px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } } .site-footer { position: relative; background-color: #005097; color: #fff } .site-footer__widgets { padding: 56px 0 50px } .site-footer__bottom { background-color: #2b2b2b; font-size: 14px; color: #fff; font-weight: 400 } .site-footer__bottom a { color: #fff; font-weight: 500 } @media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 1dppx) { .site-footer__bottom a { font-weight: 400 } } .site-footer__bottom-row { display: -ms-flexbox; display: flex; height: 52px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } @media (max-width: 767.98px) { .site-footer__widgets { padding: 40px 0 36px } .site-footer__bottom-row { height: auto; -ms-flex-direction: column; flex-direction: column; padding: 20px 0 24px } .site-footer__payments { margin-top: 12px } } .about__body { display: grid; z-index: 0 } @media (min-width: 1200px) { .about__body { grid-template-columns: 1fr 380px 730px 1fr; grid-template-rows: 100px auto auto } .about__image { grid-column: 1/5; grid-row: 1/3 } .about__card { grid-column: 2; grid-row: 2/4 } .about__indicators { grid-column: 3; grid-row: 3 } } @media (max-width: 1199.98px) { .about__image { grid-column: 1/4; grid-row: 1/3 } .about__card { grid-column: 2; grid-row: 2/4 } .about__indicators { grid-column: 2; grid-row: 4 } } @media (min-width: 768px) and (max-width: 1199.98px) { .about__body { grid-template-columns: 1fr 690px 1fr; grid-template-rows: 80px auto 60px auto } } @media (min-width: 576px) and (max-width: 767.98px) { .about__body { grid-template-columns: 1fr 510px 1fr; grid-template-rows: 40px auto 60px auto } } @media (max-width: 575.98px) { .about__body { grid-template-columns: 20px calc(100% - 40px) 20px; grid-template-rows: 20px auto 60px auto } } .about__image { position: relative; overflow: hidden; z-index: -1 } .about__image-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-position: 50%; z-index: -1 } .about__image-bg:before { display: block; content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(51, 51, 51, .7), rgba(51, 51, 51, .4)) } .about__card { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); border-radius: 2px; padding: 32px 36px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .about__card-title { font-size: 40px; font-weight: 700; padding: 16px 0 40px; text-align: center; margin-bottom: 0 } .about__card-text { text-align: center; line-height: 1.75 } .about__card-author { color: #6c757d; font-size: 14px; position: relative; -ms-flex-item-align: center; align-self: center; margin-top: 16px; padding-left: 28px } .about__card-author:before { display: block; height: 1px; width: 20px; background: currentColor; content: ""; opacity: .8; position: absolute; top: 10px; left: 0 } .about__card-signature { padding: 40px 0 12px; margin-top: auto; -ms-flex-item-align: center; align-self: center } @media (min-width: 1200px) { .about__card { min-height: 530px } } @media (max-width: 1199.98px) { .about__card { padding: 32px 64px; margin: 0 auto; max-width: 510px } } @media (max-width: 767.98px) { .about__card { padding: 32px 36px } } @media (max-width: 575.98px) { .about__card-title { padding: 8px 0 24px; font-size: 32px } .about__card { padding: 24px 28px; font-size: 15px } } .about__indicators-body { margin: -12px } .about__indicators-item { margin: 12px; width: calc(100% / 3 - 24px) } .about__indicators { -ms-flex-item-align: center; align-self: center } .about__indicators-body { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .about__indicators-item-value { font-size: 48px; font-weight: 700; line-height: 1 } .about__indicators-item-title { color: #6c757d; font-size: 15px; margin-top: 6px; line-height: 18px } @media (min-width: 1200px) { .about__indicators { margin-top: 40px; margin-bottom: 40px; margin-left: 52px } } @media (max-width: 1199.98px) { .about__indicators { text-align: center; margin-top: 48px; width: 100% } } @media (max-width: 767.98px) { .about__indicators { margin-top: 40px } .about__indicators-item-value { font-size: 36px } } @media (max-width: 575.98px) { .about__indicators-body { margin: -16px } .about__indicators-item { margin: 16px; width: calc(100% / 1 - 32px) } } .contacts__map { position: relative; height: 300px } .contacts__map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% } @media (max-width: 991.98px) { .contacts__map { height: 300px } } @media (max-width: 767.98px) { .contacts__map { height: 300px } } .faq__header { padding: 44px 0 52px; text-align: center } .faq__header-title { font-weight: 700; margin: 0 } .faq__section { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); padding: 48px } .faq__section + .faq__section { margin-top: 30px } .faq__section-title { font-size: 24px; font-weight: 700; padding-bottom: 8px; border-bottom: 1px solid #ebebeb; margin-bottom: 2.5rem; margin-top: -4px } .faq__footer { margin-top: 56px; text-align: center } .faq__footer-title { font-size: 28px; margin-bottom: 8px } .faq__footer-subtitle { margin-bottom: 36px; color: #6c757d } .faq__section-body { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px } .faq__question { margin: 20px; width: calc(50% - 40px) } .faq__question-title { margin-bottom: 14px } @media (max-width: 1199.98px) { .faq__header { padding: 48px 0 } .faq__section { padding: 40px } } @media (max-width: 991.98px) { .faq__section-body { margin: -12px } .faq__question { margin: 12px; width: calc(100% - 24px) } } @media (max-width: 767.98px) { .faq__header { padding: 36px 0 32px } .faq__header-title { font-size: 32px } .faq__section { padding: 32px } .faq__section-title { margin-bottom: 32px } .faq__footer { margin-top: 40px } .faq__footer-title { font-size: 24px } .faq__footer-subtitle { font-size: 15px; margin-bottom: 24px } } @media (max-width: 575.98px) { .faq__header { padding: 32px 0 28px } .faq__section { padding: 24px } .faq__section-title { margin-bottom: 28px } .faq__question-title { font-size: 18px; margin-bottom: 12px } .faq__question-answer .typography { font-size: 15px } .faq__footer-subtitle { margin-bottom: 20px } } .not-found { text-align: center; padding: 36px 0 } .not-found__404 { font-size: 80px; font-weight: 700; color: #ebebeb; padding: 20px 0 4px } .not-found__content { width: 480px; max-width: 100%; margin: 0 auto } .not-found__title { margin-bottom: 24px; font-weight: 700 } .not-found__text { margin-bottom: 20px } .not-found__search { display: -ms-flexbox; display: flex; margin-bottom: 30px } .not-found__search-input { width: 1px; -ms-flex-positive: 1; flex-grow: 1; margin-right: 10px } @media (max-width: 991.98px) { .not-found__404 { font-size: 60px } } @media (max-width: 767.98px) { .not-found__404 { font-size: 50px; line-height: 54px; padding: 40px 0 32px } .not-found__title { margin-bottom: 20px } } .block-banners__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px } .block-banners__item { margin: 15px; width: calc(50% - 30px); height: 210px; padding: 32px 34px; position: relative; border-radius: 3px; overflow: hidden; z-index: 0 } .block-banners__item, .block-banners__item:hover { color: #fff } .block-banners__item:before { border-radius: 3px; z-index: -1; position: absolute; content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(90deg, rgba(26, 26, 26, .98) 25%, rgba(26, 26, 26, 0) 90%) } .block-banners__item-title { display: block; font-size: 28px; font-weight: 700; line-height: 1; text-transform: uppercase; color: #ffdf40 } .block-banners__item-details { display: block; margin-top: 12px; font-size: 15px } .block-banners__item-button { margin-top: 28px } .block-banners__item-image { border-radius: 3px; z-index: -3; position: absolute; content: ""; display: block; width: calc(100% + 20px); height: calc(100% + 20px); left: -10px; top: -10px; transition: transform .3s ease-out, opacity .3s ease-out } .block-banners__item-image img { width: 100%; height: 100%; object-fit: cover } .block-banners__item-image--blur { z-index: -2; opacity: 0 } .block-banners__item-image--blur img { filter: blur(3px) } .block-banners__item:hover .block-banners__item-image { transform: scale(1.03) } .block-banners__item:hover .block-banners__item-image--blur { opacity: 1 } .block-banners__item--style--two .block-banners__item-title { background: #ffdf40; display: inline-block; vertical-align: middle; padding: 2px 5px; border-radius: 1.5px; color: #262626; font-size: 24px; margin-top: -2px; margin-bottom: 2px } @media (max-width: 1199.98px) { .block-banners__list { margin: -10px } .block-banners__item { margin: 10px; width: calc(50% - 20px); height: 190px; padding: 24px } } @media (max-width: 991.98px) { .block-banners__list { margin: -10px } .block-banners__item { margin: 10px; width: calc(100% - 20px); height: auto; padding: 24px } } @media (max-width: 474px) { .block-banners__item:before { background: linear-gradient(90deg, rgba(26, 26, 26, .98) 35%, rgba(26, 26, 26, 0)) } } .block-categories__list { -ms-flex-wrap: wrap; flex-wrap: wrap } .block-categories__header, .block-categories__item, .block-categories__list { display: -ms-flexbox; display: flex } .block-categories__header { -ms-flex-pack: center; justify-content: center } .block-categories__title { font-size: 24px; font-weight: 700; text-align: center; position: relative; z-index: 1; margin-bottom: -24px; padding: 0 64px 28px } .block-categories__body { position: relative; background-color: #f6f6f6; padding: 76px 0 64px; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .08) } @media (min-width: 1400px) { .block-categories__list { margin: -12px } .block-categories__item { width: calc((100% - 72px) / 3); margin: 12px } } @media (min-width: 1200px) and (max-width: 1399.98px) { .block-categories__list { margin: -8px } .block-categories__item { width: calc((100% - 48px) / 3); margin: 8px } } @media (min-width: 992px) and (max-width: 1199.98px) { .block-categories__list { margin: -8px } .block-categories__item { width: calc((100% - 32px) / 2); margin: 8px } } @media (min-width: 768px) and (max-width: 991.98px) { .block-categories__list { margin: -8px } .block-categories__item { width: calc((100% - 48px) / 3); margin: 8px } } @media (max-width: 767.98px) { .block-categories__list { margin: -8px } .block-categories__item { width: calc((100% - 32px) / 2); margin: 8px } } @media (max-width: 474px) { .block-categories__list { margin: -8px } .block-categories__item { width: calc((100% - 16px) / 1); margin: 8px } } .block-features {background-color: #555;color: #fff;} .block-features__list { display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 13px 40px } .block-features__item { display: -ms-flexbox; display: flex; width: calc((100% - 3px) / 4); padding: .5rem 1.5rem; -ms-flex-pack: center; justify-content: center } .block-features__item-icon { fill: #fff; margin-right: .375rem } .block-features__item-title { font-size: 14px; } .block-features__item-subtitle { color: #6c757d; font-size: 15px } .block-features--layout--top-strip .block-features__list { border-bottom: 0px solid #ebebeb } .block-features--layout--bottom-strip .block-features__list { border-top: 2px solid #ebebeb } @media (max-width: 1399.98px) { .block-features__list { padding: 0 } .block-features__item { padding: 1.5rem; -ms-flex-pack: start; justify-content: flex-start } .block-features__item-title { font-size: 14px } .block-features__item-subtitle { font-size: 14px } } @media (max-width: 1199.98px) { .block-features__item { padding: 1.375rem .75rem } .block-features__item-icon { margin-right: .375rem } } @media (min-width: 768px) and (max-width: 991.98px) { .block-features__list { padding: 4px 0 } } @media (max-width: 767.98px) { .block-features__list { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 16px 0 } .block-features__item { width: 50%; padding: .75rem 1.25rem } } @media (max-width: 575px) and (min-width: 400px) { .block-features__item-icon { margin-bottom: 12px; } } @media (max-width: 399px) { .block-features__item { width: 100%; padding: .675rem 1.25rem } } .block-header__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .block-header__breadcrumb { padding-top: 16px; padding-bottom: 40px } .block-header__title { /*font-size: 2.25rem; font-weight: 700;*/ font-size: 1.8rem; font-weight: 300; margin: 0; padding-top: 36px; padding-bottom: 40px } @media (min-width: 1200px) { .block-header__title { margin: 0 auto } .block-header__breadcrumb + .block-header__title { margin-top: -77px } } @media (max-width: 1199.98px) { .block-header__title { padding-bottom: 20px; font-size: 2rem; padding-top: 32px } .block-header__breadcrumb + .block-header__title { margin-top: -44px } } .block-map { display: block; position: relative; height: 420px } .block-map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .block-map:after, .block-map:before { position: absolute; content: ""; display: block; left: 0; width: 100%; height: 3px; z-index: 1; pointer-events: none } .block-map:before { top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .03), transparent) } .block-map:after { bottom: 0; background-image: linear-gradient(0deg, rgba(0, 0, 0, .03), transparent) } @media (max-width: 1399.98px) { .block-map { height: 400px } } @media (max-width: 1199.98px) { .block-map { height: 380px } } @media (max-width: 991.98px) { .block-map { height: 360px } } @media (max-width: 767.98px) { .block-map { height: 340px } } .block-posts__item { display: -ms-flexbox; display: flex } .block-posts .post-card .post-card__content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .block-posts .post-card .post-card__title{ padding-bottom: 24px; position: relative; margin-bottom: 24px; } .block-posts .post-card .post-card__title:before { display: block; content: ""; height: 1px; background: currentColor; opacity: .6; position: absolute; bottom: 0; width: 3em; } .block-posts .post-card .post-card__title h2 { margin: 0; font-size: 20px; line-height: 28px } .block-posts .post-card .post-card__title a { color: inherit } .block-posts .post-card .post-card__title a:hover { text-decoration: underline } .block-posts .post-card .post-card__category a { color: #555; display: block } .block-posts .post-card .post-card__category a:hover { text-decoration: underline } .block-posts .post-card .post-card__category { font-size: 12px; margin-bottom: 24px; display: flex } .block-posts .post-card .post-card__excerpt { overflow: hidden;margin-bottom: 32px } .block-posts .post-card .post-card__excerpt .typography { line-height:22px;font-style: italic } /*.block-posts .post-card .post-card__image{ padding:0 15px }*/ .block-posts .post-card .post-card__image img { max-width: 100%; height: auto; max-height: 360px; width: 100%; object-fit: cover; } .block-posts .post-card .post-card__more { display: block; } .block-posts .post-card .post-card__more .btn{ background-color: #e52727;color:#fff; } @media (max-width: 767.98px) { .block-posts .post-card .post-card__more { width: 100%; } .block-posts .post-card .post-card__more .btn { width: 100%; } } @media (min-width: 992px) { .block-posts--list .post-card { display: -ms-flexbox; display: flex } .block-posts--list .post-card .post-card__image { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .block-posts--list .post-card .post-card__image img { width: 100%; height: 100%; object-fit: cover } .block-posts--list .post-card .post-card__content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; -ms-flex-line-pack: start; align-content: flex-start } .block-posts--list .post-card .post-card__excerpt { overflow: hidden; margin-bottom: 32px } } @media (min-width: 1400px) { .block-posts--list .post-card .post-card__image { min-height: 220px } .block-posts--list .post-card .post-card__excerpt { font-size: 14px; max-height: 66px; margin-bottom: 32px } } @media (min-width: 992px) and (max-width: 1399.98px) { .block-posts--list .post-card .post-card__title h2 { font-size: 20px; line-height: 28px } .block-posts--list .post-card .post-card__excerpt { font-size: 14px; max-height: 66px; margin-bottom: 32px } } @media (min-width: 992px) and (max-width: 1199.98px) { .block-posts--list .post-card { display: contents } .block-posts--list .post-card .post-card__image { width: 100%;min-height: 220px } .block-posts--list .post-card .post-card__title h2 { font-size: 20px; line-height: 28px } .block-posts--list .post-card .post-card__excerpt { font-size: 14px; max-height: 66px } .block-posts .post-card .post-card__excerpt { overflow: hidden; margin-bottom: 32px } } @media (min-width: 768px) and (max-width: 991.98px) { .block-posts--list .post-card { display: contents } .card-order{order:-1} .block-posts--list .post-card .post-card__image { width: 100%;min-height: 220px } .block-posts--list .post-card .post-card__title h2 { font-size: 20px; line-height: 28px } .block-posts--list .post-card .post-card__excerpt { font-size: 14px; max-height: 66px } } @media (min-width: 576px) and (max-width: 767.98px) { .block-posts--list .post-card { display: contents } .card-order{order:-1} .block-posts--list .post-card .post-card__image { width: 100% } .block-posts--list .post-card .post-card__title h2 { font-size: 20px; line-height: 28px } .block-posts--list .post-card .post-card__excerpt { font-size: 14px; max-height: 66px } } @media (max-width: 575.98px) { .block-posts--list .post-card { display: contents } .card-order{order:-1} .block-posts--list .post-card .post-card__image { width: 100% } .block-posts--list .post-card .post-card__image img { max-width: 100%;height: auto; } .block-posts--list .post-card .post-card__content { position: relative } .block-posts--list .post-card .post-card__excerpt { overflow: hidden } .block-posts--list .post-card .post-card__title h2 { font-size: 20px; line-height: 28px } .block-posts--list .post-card .post-card__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } } .block-posts-carousel__carousel .owl-stage-outer { margin: -10px; padding: 10px; position: relative } .block-posts-carousel__carousel .owl-stage { display: -ms-flexbox; display: flex } .block-posts-carousel__carousel .owl-item { display: -ms-flexbox; display: flex; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0 } .block-posts-carousel__item { display: -ms-flexbox; display: flex } .block-posts-carousel--layout--grid .post-card .post-card__content { position: relative } .block-posts-carousel--layout--grid .post-card .post-card__title h2 { margin: 0; font-size: 16px; line-height: 24px } .block-posts-carousel--layout--grid .post-card .post-card__title a { color: #005097 } .block-posts-carousel--layout--grid .post-card .post-card__title a:hover { text-decoration: underline } .block-posts-carousel--layout--grid .post-card .post-card__category a { color: #555; display: block } .block-posts-carousel--layout--grid .post-card .post-card__category a:hover { text-decoration: underline } .block-posts-carousel--layout--grid .post-card .post-card__category { font-size: 12px; margin-bottom: 16px; display: flex } .block-posts-carousel--layout--grid .post-card .post-card__excerpt { overflow: hidden } .block-posts-carousel--layout--grid .post-card .post-card__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0 15px } .block-company .company-bar .company-bar__title { padding-bottom: 24px; position: relative; margin-bottom: 24px; } .block-company .company-bar .company-bar__title h2 { margin: 0; font-size: 28px; line-height: 36px; color: #fff; } .block-company .company-bar .company-bar__content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; -ms-flex-line-pack: start; align-content: flex-start; padding:0 15px; color: #fff; font-size: 16px } .block-company .company-bar .company-bar__excerpt{ margin-bottom: 48px } .block-company .company-bar .company-bar__links{ width: 100%; display: flex; position: relative } .block-company .company-bar .company-bar__links-item{ display: -webkit-box;display: -ms-flexbox;display: flex;width: 50% } .block-company .company-bar .company__link-icon { fill: #fff;margin-right: 8px } @media (min-width: 992px) { .block-company .company-bar { display: -ms-flexbox; display: flex } .block-company .company-bar .company-bar__title { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; -ms-flex-line-pack: start; align-content: flex-start; } .block-company .company-bar .company-bar__content { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 1400px) { .block-company .company-bar .company-bar__title{ width: 33.333333% } .block-company .company-bar .company-bar__content { width: 66.666666%; min-height: 220px } .block-posts--list .post-card .post-card__excerpt { font-size: 14px; max-height: 66px } } @media (min-width: 992px) and (max-width: 1399.98px) { .block-company .company-bar .company-bar__title{ width: 33.333333% } .block-company .company-bar .company-bar__content { width: 66.666666%; } } @media (max-width: 1199.98px) { .block-company .company-bar { display: contents } .block-company .company-bar .company-bar__title { position: relative; margin-bottom: 24px } .block-company .company-bar .company-bar__content { width: 100%; padding:0 0px 15px } } @media (max-width: 767.98px) { .block-company .company-bar .company-bar__excerpt{ margin-bottom: 24px } .block-company .company-bar .company-bar__links{ display: block } .block-company .company-bar .company-bar__links-item{ display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;margin-bottom: 16px } } @media (max-width: 1199.98px) { .hide-only-pc{ background:#ebebeb } } .block-products-carousel__carousel { position: relative; display: -ms-flexbox; display: flex } .block-products-carousel__carousel .owl-stage-outer { margin: -10px; padding: 10px; position: relative } .block-products-carousel__carousel .owl-stage { display: -ms-flexbox; display: flex } .block-products-carousel__carousel .owl-item { -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex } .block-products-carousel__carousel-loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; visibility: hidden; opacity: 0; transition: opacity .3s, visibility 0s .3s } .block-products-carousel__carousel-loader:before { position: absolute; display: block; content: ""; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); background: #fafafa; opacity: .9 } .block-products-carousel__carousel-loader:after { left: calc(50% - 50px); top: calc(50% - 50px); width: 100px; height: 100px; border-radius: 50px; border: 2px solid rgba(0, 0, 0, .1); border-top-color: rgba(0, 0, 0, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: "" } .block-products-carousel__carousel--loading .block-products-carousel__carousel-loader { visibility: visible; transition-delay: 0s; opacity: 1 } .block-products-carousel__column { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100% } .block-products-carousel__cell { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; height: 100% } .block-products-carousel__cell .product-card { width: 100%; padding: 1.5rem; } .block-products-carousel[data-layout=grid-4] .block-products-carousel__cell + .block-products-carousel__cell, .block-products-carousel[data-layout=grid-5] .block-products-carousel__cell + .block-products-carousel__cell { margin-top: 20px } .block-products-carousel[data-layout=grid-6] .block-products-carousel__cell + .block-products-carousel__cell { margin-top: 16px } .block-products-carousel[data-layout|=horizontal] .block-products-carousel__cell + .block-products-carousel__cell { margin-top: 14px } .block-products-columns__title { border-bottom: 2px solid #ebebeb; margin-bottom: 20px; padding-bottom: 8px; font-size: 20px; font-weight: 700 } .block-products-columns__list-item + .block-products-columns__list-item { margin-top: 16px } .block-products-columns__list-item .product-card { position: relative; display: -ms-flexbox; display: flex } .block-products-columns__list-item .product-card .product-card__action--wishlist, .block-products-columns__list-item .product-card .product-card__addtocart-full, .block-products-columns__list-item .product-card .product-card__addtocart-icon, .block-products-columns__list-item .product-card .product-card__features, .block-products-columns__list-item .product-card .product-card__fit, .block-products-columns__list-item .product-card .product-card__meta, .block-products-columns__list-item .product-card .product-card__wishlist { display: none } .block-products-columns__list-item .product-card .product-card__image { padding: 8px 10px; width: 112px; -ms-flex-negative: 0; flex-shrink: 0 } .block-products-columns__list-item .product-card .product-card__actions-list { position: absolute; right: 0 } .block-products-columns__list-item .product-card .product-card__info { padding-top: 12px; padding-bottom: 40px; padding-right: 10px } .block-products-columns__list-item .product-card .product-card__name { font-size: 15px; line-height: 18px; max-height: 36px; overflow: hidden; padding-right: 26px } .block-products-columns__list-item .product-card .product-card__prices { position: absolute; bottom: 14px; -ms-flex-positive: 1; flex-grow: 1; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; left: 112px } .block-products-columns__list-item .product-card .product-card__price--old { font-size: 14px; margin-left: 6px } @media (min-width: 1400px) { .block-products-columns__list-item .product-card .product-card__image { padding: 8px 16px; width: 136px } .block-products-columns__list-item .product-card .product-card__info { padding-top: 14px; padding-bottom: 42px } .block-products-columns__list-item .product-card .product-card__name { font-size: 16px; line-height: 20px; max-height: 40px } .block-products-columns__list-item .product-card .product-card__prices { bottom: 16px; left: 136px } } @media (max-width: 1199.98px) { .block-products-columns { display: none } } .block-reviews__title { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 28px } .block-reviews__subtitle { color: #6c757d; text-align: center; margin-bottom: 28px; font-size: 15px; margin-top: -24px } .block-reviews__list .owl-stage-outer { margin: -10px; padding: 10px } .block-reviews__list .owl-dots { margin-top: 18px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .block-reviews__list .owl-carousel button.owl-dot:before { display: block; content: ""; width: 10px; height: 10px; border-radius: 5px; background: rgba(0, 0, 0, .12); transition: background .2s; margin: 6px } .block-reviews__list .owl-carousel button.owl-dot:focus { outline: none } .block-reviews__list .owl-carousel button.owl-dot:hover:before { background: rgba(0, 0, 0, .22) } .block-reviews__list .owl-carousel button.owl-dot.active:before { background: #e52727 } .block-reviews__item { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); max-width: 690px; margin: 0 auto; display: -ms-flexbox; display: flex } .block-reviews__item-avatar { width: 190px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 12px; margin-right: -12px } .block-reviews__item-avatar img { max-width: 100% } .block-reviews__item-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 32px } .block-reviews__item-text { font-size: 15px; font-style: italic; line-height: 24px } .block-reviews__item-meta { margin-top: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } .block-reviews__item-author { color: #6c757d; font-size: 14px; position: relative; line-height: 20px } .block-reviews__item-author:before { display: inline-block; height: 1px; width: 18px; background: currentColor; content: ""; opacity: .8; position: relative; vertical-align: middle; left: 0; margin-right: 4px } @media (max-width: 767.98px) { .block-reviews__item { -ms-flex-direction: column; flex-direction: column } .block-reviews__item-avatar { margin: 36px 36px 0; overflow: hidden; -ms-flex-item-align: center; align-self: center; width: 140px; border-radius: 70px; margin-left: 0; margin-right: 0 } .block-reviews__item-content { text-align: center } .block-reviews__item-meta { -ms-flex-direction: column; flex-direction: column; margin-top: 0; padding: 28px 0 20px } } .block-slideshow__item { border-radius: 2.5px; overflow: hidden; height: 500px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 84px 100px; position: relative; z-index: 0 } .block-slideshow__item .container{z-index: 3;flex-direction: inherit;display: inherit; height:inherit} .block-slideshow__item, .block-slideshow__item:hover { color: #262626;text-decoration: none!important; } .block-slideshow__item-image { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 100% 50% } .block-slideshow__item-image--mobile { display: none; background-position: top } .block-slideshow__item-offer { background: #ffdf40; color: #262626; -ms-flex-item-align: start; align-self: flex-start; font-size: 36px; line-height: 40px; font-weight: 700; padding: 2px 8px 0; margin-bottom: 12px; opacity: 0; transition: transform .5s .5s, opacity .5s .5s; transform: translateX(-24px) } .owl-item.active .block-slideshow__item-offer { transform: translateX(0); opacity: 1 } .block-slideshow__item-title { font-size: 28px; line-height: 36px; font-weight: 300; display: block; opacity: 0; transition: opacity .8s .2s } .owl-item.active .block-slideshow__item-title { opacity: 1 } .block-slideshow__item-details { color: #6c757d; font-size: 14px; line-height: 20px; display: block; margin-top: 16px; -ms-flex-positive: 1; flex-grow: 1; transform: translateY(12px); opacity: 0; transition: transform .5s .5s, opacity .5s .5s } a.block-slideshow__item:after { position: absolute;top: 0;left: 0;height: 100%;width: 100%;content: '\00a0'; background-image: linear-gradient(90deg,rgba(17,17,17,.9) 30%,rgb(17,17,17,.7) 40%,rgba(34,34,34,.5) 50%,rgba(51,51,51,0) 65%)} .block-slideshow__item-title,.block-slideshow__item-details,.block-slideshow__item-button{z-index: 1;color:#fff} /*.block-slideshow__item-title{font-size: 28px;line-height: 36px;font-weight: 300} .block-slideshow__item-details{font-size: 14px;line-height: 20px}*/ .owl-item.active .block-slideshow__item-details { transform: translateX(0); opacity: 1 } .block-slideshow__item-button { margin-top: 24px; -ms-flex-item-align: start; align-self: flex-start; font-size: 18px; line-height: 28px; padding: 10px 40px; border-radius: 0px; transition: background-color .2s, color .2s, opacity .5s .5s; background: #e52727; color: #fff; opacity: 0 } .owl-item.active .block-slideshow__item-button { opacity: 1 } .block-slideshow__item-button:hover { background: #333; color: #fff } .block-slideshow__item-button:active { background: #4d4d4d; color: #fff } .block-slideshow__carousel { position: relative } .block-slideshow__carousel .owl-dots { position: absolute; bottom: 26px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; pointer-events: none } .block-slideshow__carousel .owl-carousel button.owl-dot { pointer-events: auto } .block-slideshow__carousel .owl-carousel button.owl-dot:focus { outline: none } .block-slideshow__carousel .owl-carousel button.owl-dot:before { display: block; content: ""; width: 12px; height: 12px; border-radius: 6px; background: hsla(0, 0%, 80%, .7); margin: 5px; transition: background .12s } .block-slideshow__carousel .owl-carousel button.owl-dot:hover:before { background: hsla(0, 0%, 70%, .7) } .block-slideshow__carousel .owl-carousel button.owl-dot:active:before { background: hsla(0, 0%, 60%, .7) } .block-slideshow__carousel .owl-carousel button.owl-dot.active:before { background: #e52727 } @media (max-width: 1399.98px) { .block-slideshow__item { padding: 68px 80px; height: 460px } .block-slideshow__item-details { margin-top: 12px } } @media (max-width: 1199.98px) { .block-slideshow__item { padding: 60px; height: 380px } .block-slideshow__item-offer { font-size: 24px; line-height: 28px; padding: 1px 6px; margin-bottom: 8px } .block-slideshow__item-title { font-size: 36px; line-height: 44px } .block-slideshow__item-details { font-size: 16px; line-height: 26px; margin-top: 8px } .block-slideshow__item-button { font-size: 16px; line-height: 24px; padding: 8px 28px } .block-slideshow__carousel .owl-dots { bottom: 22px } } @media (max-width: 991.98px) { .block-slideshow__item { padding: 36px 40px 40px; height: 320px } .block-slideshow__item-offer { margin-bottom: 10px } .block-slideshow__item-title { font-size: 32px; line-height: 38px } .block-slideshow__item-button { font-size: 15px; line-height: 24px; padding: 6px 24px } .block-slideshow__carousel .owl-dots { bottom: 18px } } @media (max-width: 767.98px) { .block-slideshow__item { -ms-flex-align: center; align-items: center; text-align: center; height: 320px; justify-content: center } .block-slideshow__item-image--desktop { display: none } .block-slideshow__item-image--mobile { display: block } .block-slideshow__item-offer { -ms-flex-item-align: center; align-self: center } .block-slideshow__item-details { display: none } .block-slideshow__item-button { -ms-flex-item-align: center; align-self: center } .block-slideshow__item--dark { -ms-flex-pack: center; justify-content: center } } @media (max-width: 474px) { .block-slideshow__item { padding: 28px 32px 32px; height: 360px; justify-content: center } .block-slideshow__item-offer { font-size: 20px; line-height: 24px; padding: 1px 6px; margin-bottom: 8px } .block-slideshow__item-title { font-size: 24px; line-height: 30px } .block-slideshow__item-button { font-size: 14px; line-height: 21px; padding: 5.5px 20px; margin-top: 20px } } @media (min-width: 1200px) { .block-space--layout--after-header { height: 84px } .block-space--layout--after-header.block-space--header--classic { height: 72px } } @media (max-width: 1199.98px) { .block-space--layout--after-header { height: 56px } } @media (max-width: 767.98px) { .block-space--layout--after-header { height: 48px } } @media (max-width: 575.98px) { .block-space--layout--after-header { height: 36px } } .block-space--layout--before-footer { height: 80px } @media (max-width: 1199.98px) { .block-space--layout--before-footer { height: 72px } } @media (max-width: 575.98px) { .block-space--layout--before-footer { height: 48px } } .block-space--layout--divider-xl { height: 72px } .block-space--layout--divider-lg { height: 60px } .block-padding-lg { padding: 48px 0 } .block-space--layout--divider-nl { height: 1px; margin: 26px 0 } .block-space--layout--divider-sm { height: 40px } .block-space--layout--divider-xs { height: 36px } .block-space--layout--spaceship-ledge-height { height: 24px } @media (max-width: 1199.98px) { .block-space--layout--spaceship-ledge-height { display: none } } @media (min-width: 1400px) { .block-split--has-sidebar .block-split__item-sidebar { width: 270px } .block-split--has-sidebar .block-split__item-content { width: calc(100% - 310px) } .block-split--has-sidebar .block-split__item + .block-split__item { margin-left: 40px } } @media (min-width: 992px) and (max-width: 1399.98px) { .block-split--has-sidebar .block-split__item-sidebar { width: 260px } .block-split--has-sidebar .block-split__item-content { width: calc(100% - 292px) } .block-split--has-sidebar .block-split__item + .block-split__item { margin-left: 32px } } @media (max-width: 991.98px) { .block-split__item-sidebar { width: 100%; -ms-flex-order: 1; order: 1; margin-top: 52px } .block-split__item-content { width: 100% } } .block-teammates__title { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 40px } .block-teammates__subtitle { color: #6c757d; text-align: center; margin-bottom: 32px; font-size: 15px; margin-top: -36px } .block-teammates__list { display: -ms-flexbox; display: flex } .block-teammates__list .owl-stage-outer { margin: -10px; padding: 10px } .block-teammates__list .owl-dots { margin-top: 18px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .block-teammates__list .owl-carousel button.owl-dot:before { display: block; content: ""; width: 10px; height: 10px; border-radius: 5px; background: rgba(0, 0, 0, .12); transition: background .2s; margin: 6px } .block-teammates__list .owl-carousel button.owl-dot:focus { outline: none } .block-teammates__list .owl-carousel button.owl-dot:hover:before { background: rgba(0, 0, 0, .22) } .block-teammates__list .owl-carousel button.owl-dot.active:before { background: #e52727 } .block-teammates__item { -ms-flex-negative: 0; flex-shrink: 0; max-width: 240px; margin: 0 auto } @media (max-width: 767.98px) { .block-teammates__list { padding: 0 10px } } .block-zone__carousel-item .product-card .product-card__addtocart-full, .block-zone__carousel-item .product-card .product-card__wishlist { display: none } .block-zone__carousel-item .product-card:after { display: block; position: static; content: ""; -ms-flex-order: 1; order: 1; -ms-flex-positive: 1; flex-grow: 1 } .block-zone__carousel-item .product-card .product-card__actions-list { position: absolute; overflow: hidden; z-index: 1; right: 0 } .block-zone__carousel-item .product-card .product-card__image { display: block; position: relative } .block-zone__carousel-item .product-card .product-card__fit { position: absolute; bottom: 8px; left: 13px } .block-zone__carousel-item .product-card .product-card__meta { padding: 6px 16px } .block-zone__carousel-item .product-card .product-card__name { padding: 0 16px; line-height: 1.1875 } .block-zone__carousel-item .product-card .product-card__features { padding: 10px 16px 0; margin-bottom: -2px; display: none } .block-zone__carousel-item .product-card .product-card__footer { padding: 16px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-order: 2; order: 2 } .block-zone__carousel-item .product-card .product-card__prices { -ms-flex-positive: 1; flex-grow: 1; font-size: 18px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap } .block-zone__carousel-item .product-card .product-card__price--old { font-size: 14px; margin-left: 6px } .block-zone__carousel-item .product-card .product-card__addtocart-icon { margin: -3px } @media (hover: hover) { .block-zone__carousel-item .product-card .product-card__action--wishlist { transition: transform .2s, opacity .2s, color .12s, background .12s; opacity: 0; will-change: transform; transform: translateX(100%) translateX(6px) } .block-zone__carousel-item .product-card:active .product-card__action--wishlist, .block-zone__carousel-item .product-card:hover .product-card__action--wishlist { transform: none; opacity: 1 } } .block-zone__carousel-loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; visibility: hidden; opacity: 0; transition: opacity .3s, visibility 0s .3s } .block-zone__carousel-loader:before { position: absolute; display: block; content: ""; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); background: #fafafa; opacity: .9 } .block-zone__carousel-loader:after { left: calc(50% - 50px); top: calc(50% - 50px); width: 100px; height: 100px; border-radius: 50px; border: 2px solid rgba(0, 0, 0, .1); border-top-color: rgba(0, 0, 0, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: "" } .block-zone__carousel--loading .block-zone__carousel-loader { visibility: visible; transition-delay: 0s; opacity: 1 } @media (min-width: 1200px) { .block-zone__card { width: 285px; margin-right: 36px } .block-zone__widget { width: calc(100% - 321px) } } @media (min-width: 992px) and (max-width: 1199.98px) { .block-zone__card { width: 264px; margin-right: 28px } .block-zone__widget { width: calc(100% - 292px) } } @media (min-width: 768px) and (max-width: 991.98px) { .block-zone__card { width: 232px; margin-right: 24px } .block-zone__widget { width: calc(100% - 256px) } } @media (max-width: 767.98px) { .block-zone__body { display: block } .block-zone__widget { margin-top: 16px } .block-zone__tabs { -ms-flex-positive: 1; flex-grow: 1; overflow-x: auto; -webkit-overflow-scrolling: touch } .block-zone__tabs > :first-child { margin-left: auto } .block-zone__tabs > :last-child { margin-right: auto } .block-zone__arrow--prev { -ms-flex-order: -1; order: -1; margin-left: 0; margin-right: auto } .block-zone__arrow--prev .arrow__button:before { transform: skewX(20deg) } .block-zone__arrow--next { margin-left: 8px } } .widget-about-us__body { padding: 0 1.5rem 1.5rem; margin-top: -.25rem } .widget-about-us__text { font-size: 16px; line-height: 26px } .widget-about-us__social-links { margin-top: 16px } .widget-categories-list__body { padding: 1.5rem } .widget-categories-list__body a { color: inherit; transition: color .1s } .widget-categories-list__body a:hover { color: #cb1818 } .widget-categories-list__root { list-style: none; margin: 0; padding: 0 } .widget-categories-list__root-item { line-height: 20px } .widget-categories-list__root-item + .widget-categories-list__root-item { margin-top: .375rem } .widget-categories-list__root-link { font-weight: 600; font-size: 17px } .widget-categories-list__root-item--has-children + .widget-categories-list__root-item { margin-top: 1.375rem } .widget-categories-list__child { list-style: none; padding: 0; font-size: 15px; margin: 10px 0 0 } .widget-categories-list__child + .widget-categories-list__child { margin-top: 0; overflow: hidden; height: 0; opacity: 0; transition: height .2s ease-in-out, opacity .2s ease-in-out } .widget-categories-list__child-item { padding: 3px 0 } .widget-categories-list__show-more { position: relative; display: inline; border: none; background: transparent; padding: 0; color: #999; font-size: 14px; font-family: inherit; margin-top: 4px; padding-left: 16px } .widget-categories-list__show-more:hover { text-decoration: underline } .widget-categories-list__show-more:focus { outline: none } .widget-categories-list__show-more-arrow { fill: currentColor; position: absolute; top: 6px; transition: transform .2s; opacity: .78; left: 0 } .widget-categories-list__show-more-arrow svg { display: block } .widget-categories-list__show-more-collapse-text { display: none } .widget-categories-list--open .widget-categories-list__child + .widget-categories-list__child { height: auto; opacity: 1 } .widget-categories-list--open .widget-categories-list__show-more-expand-text { display: none } .widget-categories-list--open .widget-categories-list__show-more-collapse-text { display: inline } .widget-categories-list--open .widget-categories-list__show-more-arrow { transform: rotate(180deg) } .widget-categories__list { padding: 0; margin: 0; list-style: none } .widget-categories__item { position: relative } .widget-categories__link { display: block; color: inherit; padding: 5px 0; transition: color .12s; margin-right: 34px } .widget-categories__link:hover { color: #cb1818 } .widget-categories__expander { position: absolute; top: 2px; padding: 0; border: none; width: 26px; height: 26px; border-radius: 2px; transition: color .15s, background .15s; background-color: #fff; color: #ccc; right: 0 } .widget-categories__expander:hover { background-color: #f2f2f2; color: #4d4d4d } .widget-categories__expander:active { background-color: #ebebeb; color: #4d4d4d } .widget-categories__expander:focus { outline: none } .widget-categories__expander:after, .widget-categories__expander:before { display: block; position: absolute; content: ""; width: 10px; height: 2px; background: currentColor; top: 12px; left: 8px } .widget-categories__expander:after { transition: transform .2s ease-in-out; transform: rotate(90deg) } .widget-categories__expander:active { transition-duration: 0s } .widget-categories__container { overflow: hidden; height: 0; opacity: 0; transition: height .2s ease-in-out, opacity .2s ease-in-out } .widget-categories__container:after, .widget-categories__container:before { display: block; content: "" } .widget-categories__container:before { height: 4px } .widget-categories__container:after { height: 12px } .widget-categories__list--root { padding: 0 1.5rem 1.5rem; font-size: 15px; line-height: 20px } .widget-categories__list--root > .widget-categories__item { padding-left: 16px } .widget-categories__list--root > .widget-categories__item:before { position: absolute; display: block; content: ""; width: 4px; height: 4px; background: currentColor; opacity: .2; top: 13px; left: 2px } .widget-categories__list--child { background: #f5f5f5; border-radius: 3px; font-size: 14px; line-height: 18px; padding: 9px 18px } .widget-categories__list--child .widget-categories__link { padding: 5px 0 3px } .widget-categories__item--open .widget-categories__container { opacity: 1; height: auto } .widget-categories__item--open .widget-categories__expander:after { transform: none } .widget-comments__body { padding: 0 1.5rem 1.5rem } .widget-comments__body a { color: inherit; transition: color .15s } .widget-comments__body a:hover { color: #cb1818 } .widget-comments__list { list-style: none; margin: 0; padding: 0 0 2px } .widget-comments__item + .widget-comments__item { margin-top: 20px } .widget-comments__author { font-size: 15px; line-height: 18px } .widget-comments__author a { border-bottom: 2px solid #ebebeb; transition: border .15s } .widget-comments__author a:hover { border-color: rgba(203, 24, 24, .8) } .widget-comments__content { margin-top: 12px; font-size: 15px; line-height: 20px } .widget-comments__meta { margin-top: 4px; font-size: 13px; color: #999; display: -ms-flexbox; display: flex; white-space: nowrap } .widget-comments__date { -ms-flex-negative: 0; flex-shrink: 0 } .widget-comments__name { overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 20px } .widget-comments__name:before { position: absolute; content: ""; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 2px; top: 8px; opacity: .8; left: 8px } .widget-filters__item { padding: 8px 1rem; border-bottom: 1px solid #ebebeb } .widget-filters__item:first-child { border-top: 1px solid #ebebeb } .widget-filters__actions { padding: 20px 1.5rem 1.5rem } .widget-filters__actions > * + * { margin-left: 8px } .widget-filters--offcanvas--none { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } @media (min-width: 992px) { .widget-filters--offcanvas--mobile { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } } @media (max-width: 991.98px) { .widget-filters--offcanvas--mobile .widget-filters__header { display: none } .widget-filters--offcanvas--mobile .widget-filters__item { padding: 8px 20px } .widget-filters--offcanvas--mobile .widget-filters__item:first-child { border-top: none } } .widget-filters--offcanvas--always .widget-filters__header { display: none } .widget-filters--offcanvas--always .widget-filters__item { padding: 8px 20px } .widget-filters--offcanvas--always .widget-filters__item:first-child { border-top: none } .widget-newsletter { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); background: #333; border-radius: 2px; padding: 2.25rem 2.5rem 2.5rem; color: #fff; text-align: center } .widget-newsletter__title { font-size: 24px; letter-spacing: .02em; position: relative; margin-bottom: 1.375rem; padding-bottom: 1.25rem } .widget-newsletter__title:after { position: absolute; display: block; content: ""; height: 1px; width: 56px; background: #4d4d4d; bottom: 0; left: calc(50% - 28px) } .widget-newsletter__title h4 { margin-bottom: 0; font-weight: 500 } @media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 1dppx) { .widget-newsletter__title h4 { font-weight: 400 } } .widget-newsletter__text { font-size: 15px; color: #9e9e9e; line-height: 24px; margin-bottom: 1.625rem } .widget-newsletter__email { display: block; width: 100%; border-radius: 2px; border-color: transparent; height: 38px; padding: 0 12px; font-size: 15px; font-family: inherit; background-clip: padding-box; transition: border .2s, background .2s; color: #fff; background-color: #4c4c4c; border: 2px solid #4c4c4c } .widget-newsletter__email::-webkit-input-placeholder { color: #b2b2b2 } .widget-newsletter__email::-moz-placeholder { color: #b2b2b2 } .widget-newsletter__email:-ms-input-placeholder, .widget-newsletter__email::-ms-input-placeholder { color: #b2b2b2 } .widget-newsletter__email::placeholder { color: #b2b2b2 } .widget-newsletter__email::-webkit-input-placeholder { transition: color .2s } .widget-newsletter__email::-moz-placeholder { transition: color .2s } .widget-newsletter__email:-ms-input-placeholder, .widget-newsletter__email::-ms-input-placeholder { transition: color .2s } .widget-newsletter__email::placeholder { transition: color .2s } .widget-newsletter__email:hover { background-color: hsla(0, 0%, 100%, .16); border-color: hsla(0, 0%, 100%, .16) } .widget-newsletter__email:focus { outline: none; background-color: transparent; border-color: hsla(0, 0%, 100%, .16) } .widget-newsletter__email:focus::-webkit-input-placeholder { color: #9e9e9e } .widget-newsletter__email:focus::-moz-placeholder { color: #9e9e9e } .widget-newsletter__email:focus:-ms-input-placeholder, .widget-newsletter__email:focus::-ms-input-placeholder { color: #9e9e9e } .widget-newsletter__email:focus::placeholder { color: #9e9e9e } .widget-newsletter__button { border: none; font-size: 15px; border-radius: 2px; padding: .5rem 1.3125rem; margin-top: 1.25rem; width: 100%; transition: background .2s, color .2s; background-color: #e52727; color: #fff } .widget-newsletter__button:hover { background-color: #545454; color: #fff } .widget-newsletter__button:active { background-color: #4c4c4c; color: #fff; transition-duration: .1s, .1s } .widget-newsletter__button:focus { outline: none } .widget-posts__list { list-style: none; padding: 0 1.5rem 1.5rem; margin: 0 } .widget-posts__item { display: -ms-flexbox; display: flex } .widget-posts__item + .widget-posts__item { margin-top: 1rem } .widget-posts__image { -ms-flex-negative: 0; flex-shrink: 0; position: relative; margin-right: 14px } .widget-posts__image:before, .widget-posts__image img { display: block; border-radius: 1.5px } .widget-posts__image:before { position: absolute; content: ""; top: 0; bottom: 0; background: rgba(26, 26, 26, .2); opacity: 0; transition: opacity .2s; pointer-events: none; left: 0; right: 0 } .widget-posts__image:hover:before { opacity: 1 } .widget-posts__info { padding-top: 5px } .widget-posts__name { font-size: 15px; line-height: 19px; overflow: hidden; max-height: 38px } .widget-posts__name a { color: inherit; transition: color .12s } .widget-posts__name a:hover { color: #cb1818 } .widget-posts__date { font-size: 13px; color: #999; margin-top: 3px; position: relative; padding-left: 22px } .widget-posts__date:before { position: absolute; display: block; content: ""; height: 1px; width: 16px; background: currentColor; opacity: .6; top: 10px; left: 0 } .widget-products__list { padding-bottom: 1.5rem } .widget-products__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 1.5rem } .widget-products__item + .widget-products__item { margin-top: 12px } .widget-products__image { position: relative; border-radius: 2px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; width: 64px; margin-right: 12px } .widget-products__image:before { display: block; position: absolute; content: ""; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, .08); border-radius: inherit; pointer-events: none; left: 0; top: 0; z-index: 1 } .widget-products__info { padding-top: 2px } .widget-products__name { font-size: 14px; line-height: 17px; height: 34px; overflow: hidden; word-break: break-all } .widget-products__name a { color: inherit; transition: color .12s } .widget-products__name a:hover { color: #cb1818 } .widget-products__prices { display: -ms-flexbox; display: flex; padding-top: 2px } .widget-products__price { font-size: 14px; font-weight: 500; color: #262626 } .widget-products__price + .widget-products__price { margin-left: 3px } .widget-products__price--new { color: #262626 } .widget-products__price--old { font-weight: 400; font-size: 13px; text-decoration: line-through; color: #999; padding-top: 1px } .widget-search__form { display: -ms-flexbox; display: flex; position: relative; z-index: 0 } .widget-search__input { -ms-flex-positive: 1; flex-grow: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 15.5px 24px; font-family: inherit; font-size: 16px; line-height: 21px } .widget-search__input:focus { outline: none } .widget-search__button { -ms-flex-negative: 0; flex-shrink: 0; border: none; background: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #bfbfbf; fill: currentColor; width: 52px; height: 52px; padding: 0 } .widget-search__button:focus { outline: none } .widget-search__button:hover { color: #a6a6a6; background: #f5f5f5 } .widget-search__button:active { color: #a6a6a6; background: #f0f0f0 } .widget-search__field { position: absolute; display: block; content: ""; z-index: -1; left: 0; right: 0; width: 100%; height: 100%; border-radius: 1px; transition: box-shadow .2s } .widget-search__form:hover .widget-search__field { box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) } .widget-search__input:focus ~ .widget-search__field { box-shadow: 0 0 0 3px rgba(0, 0, 0, .1) } .widget-tags__body { padding: 0 1.5rem 1.5rem } .applied-filters__list { list-style: none; padding: 0; margin: -2px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .applied-filters__item { margin: 2px } .applied-filters__button { padding: 4px 11px; display: block; height: 21px; font-size: 13px; line-height: 1; color: inherit; background-color: #f0f0f0; transition: background .12s, color .12s; border-radius: 11.5px; position: relative; border: none } .applied-filters__button:focus { outline: none } .applied-filters__button:hover { background-color: #e5e5e5; color: inherit } .applied-filters__button--filter { padding-right: 33px } .applied-filters__button--filter:after { content: ""; display: block; position: absolute; width: 1px; top: 4px; bottom: 4px; background-color: rgba(0, 0, 0, .15); right: 25px } .applied-filters__button--filter svg { position: absolute; top: 6px; fill: rgba(0, 0, 0, .4); right: 10px } .applied-filters__button--clear { background: transparent; color: #999 } .cart { display: -ms-flexbox; display: flex } .cart__table { -ms-flex-positive: 1; flex-grow: 1 } .cart__totals { width: 400px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px } .cart__totals-table { width: 100%; margin-bottom: 32px; font-size: 15px } .cart__totals-table a:hover { text-decoration: underline } .cart__totals-table, .cart__totals-table tbody, .cart__totals-table td, .cart__totals-table tfoot, .cart__totals-table th, .cart__totals-table thead, .cart__totals-table tr { display: block } .cart__totals-table tr:after { display: block; content: ""; clear: both } .cart__totals-table td, .cart__totals-table th { padding: 0 } .cart__totals-table th { float: left } .cart__totals-table td { text-align: right } .cart__totals-table tbody, .cart__totals-table thead { line-height: 20px } .cart__totals-table tbody tr > * { padding-top: 8px } .cart__totals-table tbody tr:last-child > * { padding-bottom: 10px } .cart__totals-table tfoot { font-size: 20px } .cart__totals-table tfoot th { font-weight: 500 } .cart__totals-table tfoot td, .cart__totals-table tfoot th { padding-top: 12px; border-top: 1px solid #ebebeb } .cart__totals-table tfoot td { letter-spacing: -.02em } @media (max-width: 1399.98px) { .cart { -ms-flex-wrap: wrap; flex-wrap: wrap } .cart__table { width: 100% } .cart__totals { margin-top: 40px; width: 400px; margin-left: auto } } @media (max-width: 991.98px) { .cart__totals { width: 360px; margin-left: 0 } } @media (max-width: 767.98px) { .cart__totals { width: 100% } } .cart-table__table { width: 100%; border-spacing: 0 } .cart-table__head { font-size: 13px; text-transform: uppercase } .cart-table__column--product { line-height: 1.25 } .cart-table__column--price { width: 130px; text-align: right } .cart-table__column--quantity { width: 150px; text-align: center; padding-left: 36px } .cart-table__column--total { width: 130px; text-align: right } .cart-table__column--remove { width: 1px; white-space: nowrap; padding-left: 0 } .cart-table__product-name { color: inherit; transition: color .15s } .cart-table__product-name:hover { color: #cb1818 } .cart-table__options { margin: 4px 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.375; color: #6c757d } @media (min-width: 992px) { .cart-table { -ms-flex-item-align: start; align-self: flex-start; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .cart-table__foot td { padding: 20px 24px } .cart-table__column { padding: 14px 16px; border-bottom: 1px solid #ebebeb } .cart-table__column:first-child { padding-left: 28px } .cart-table__column:last-child { padding-right: 28px } .cart-table__column--image { width: 1px; text-align: center } .cart-table__column--image .image { width: 80px } .cart-table__options li { position: relative; padding-left: 12px } .cart-table__options li:before { display: block; position: absolute; content: ""; width: 4px; height: 4px; border-radius: 2px; background: currentColor; top: 7px; opacity: .7; left: 2px } .cart-table__remove { margin-right: -12px } .cart-table__actions { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .cart-table__coupon-form { width: 360px } } @media (max-width: 991.98px) { .cart-table__table { display: block } .cart-table__head { display: none } .cart-table__column { display: block; padding: 0 } .cart-table__body { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -8px } .cart-table__row { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; margin: 8px; width: calc(100% / 3 - 16px) } .cart-table__column--image { text-align: center; padding: 16px 14px } .cart-table__column--image .image { max-width: 220px; margin: 0 auto } .cart-table__column--product { -ms-flex-positive: 1; flex-grow: 1; text-align: center; padding: 0 14px 16px } .cart-table__column--price, .cart-table__column--quantity, .cart-table__column--total { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #ebebeb; padding: 10px 14px; font-size: 15px; padding-left: 14px } .cart-table__column--price:before, .cart-table__column--quantity:before, .cart-table__column--total:before { content: attr(data-title) ":"; display: block; width: calc(40% - 6px); -ms-flex-negative: 0; flex-shrink: 0; font-weight: 500; margin-right: 12px; text-align: left } .cart-table__remove { position: absolute; top: 0; right: 0 } .cart-table__foot, .cart-table__foot td, .cart-table__foot tr { display: block; padding: 0 } .cart-table__actions { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .cart-table__coupon-form, .cart-table__update-button { padding: 16px } .cart-table__quantity { max-width: 120px } } @media (min-width: 768px) and (max-width: 991.98px) { .cart-table__coupon-form { width: 60% } } @media (max-width: 767.98px) { .cart-table__row { width: calc(50% - 16px) } .cart-table__update-button { border-top: 1px solid #ebebeb } } @media (max-width: 767.98px) { .cart-table__actions { display: block } .cart-table__update-button { border-top: 1px solid #ebebeb; text-align: center } } @media (max-width: 474px) { .cart-table__row { width: 100% } } .categories-list__body { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); list-style: none; padding: 0; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .categories-list__item { padding: 1.125rem; text-align: center; position: relative } .categories-list__item a { display: block; font-size: 15px; font-weight: 500; line-height: 20px; color: inherit } .categories-list__item .image { width: 100%; max-width: 200px; margin: 0 auto } .categories-list__item:before { position: absolute; display: block; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .03); pointer-events: none; opacity: 0; transition: opacity .12s; z-index: 1 } .categories-list__item:hover:before { opacity: 1 } .categories-list__item-products { margin-top: 4px; font-size: 14px; color: #6c757d } .categories-list__divider { width: 1px; background-color: #ebebeb } @media (min-width: 576px) { .categories-list--layout--columns-3-sidebar .categories-list__item { width: calc((100% - 2px) / 3) } .categories-list--layout--columns-3-sidebar .categories-list__divider:nth-child(6n) { width: 100%; height: 1px } .categories-list--layout--columns-3-sidebar .categories-list__divider:last-child:nth-child(6n) { display: none } } @media (max-width: 575.98px) { .categories-list--layout--columns-3-sidebar .categories-list__item { width: calc((100% - 1px) / 2) } .categories-list--layout--columns-3-sidebar .categories-list__divider:nth-child(4n) { width: 100%; height: 1px } .categories-list--layout--columns-3-sidebar .categories-list__divider:last-child:nth-child(4n) { display: none } } @media (min-width: 1200px) { .categories-list--layout--columns-4-sidebar .categories-list__item { width: calc((100% - 3px) / 4) } .categories-list--layout--columns-4-sidebar .categories-list__divider:nth-child(8n) { width: 100%; height: 1px } .categories-list--layout--columns-4-sidebar .categories-list__divider:last-child:nth-child(8n) { display: none } } @media (min-width: 576px) and (max-width: 1199.98px) { .categories-list--layout--columns-4-sidebar .categories-list__item { width: calc((100% - 2px) / 3) } .categories-list--layout--columns-4-sidebar .categories-list__divider:nth-child(6n) { width: 100%; height: 1px } .categories-list--layout--columns-4-sidebar .categories-list__divider:last-child:nth-child(6n) { display: none } } @media (max-width: 575.98px) { .categories-list--layout--columns-4-sidebar .categories-list__item { width: calc((100% - 1px) / 2) } .categories-list--layout--columns-4-sidebar .categories-list__divider:nth-child(4n) { width: 100%; height: 1px } .categories-list--layout--columns-4-sidebar .categories-list__divider:last-child:nth-child(4n) { display: none } } @media (min-width: 992px) { .categories-list--layout--columns-4-full .categories-list__item { width: calc((100% - 3px) / 4) } .categories-list--layout--columns-4-full .categories-list__divider:nth-child(8n) { width: 100%; height: 1px } .categories-list--layout--columns-4-full .categories-list__divider:last-child:nth-child(8n) { display: none } } @media (min-width: 576px) and (max-width: 991.98px) { .categories-list--layout--columns-4-full .categories-list__item { width: calc((100% - 2px) / 3) } .categories-list--layout--columns-4-full .categories-list__divider:nth-child(6n) { width: 100%; height: 1px } .categories-list--layout--columns-4-full .categories-list__divider:last-child:nth-child(6n) { display: none } } @media (max-width: 575.98px) { .categories-list--layout--columns-4-full .categories-list__item { width: calc((100% - 1px) / 2) } .categories-list--layout--columns-4-full .categories-list__divider:nth-child(4n) { width: 100%; height: 1px } .categories-list--layout--columns-4-full .categories-list__divider:last-child:nth-child(4n) { display: none } } .category-card__body { position: relative } .category-card__overlay-image { display: none } .category-card--layout--classic .category-card__body { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); box-shadow: 0 1px 4px rgba(0, 0, 0, .05); -ms-flex-positive: 1; flex-grow: 1; width: 100% } .category-card--layout--classic .category-card__content { display: -ms-flexbox; display: flex } .category-card--layout--classic .category-card__image { width: 160px; padding: 24px 0; margin: 0 32px; -ms-flex-negative: 0; flex-shrink: 0 } .category-card--layout--classic .category-card__info { -ms-flex-positive: 1; flex-grow: 1; padding: 24px 28px 24px 0 } .category-card--layout--classic .category-card__children a, .category-card--layout--classic .category-card__name a { transition: color .12s } .category-card--layout--classic .category-card__children a:hover, .category-card--layout--classic .category-card__name a:hover { color: #cb1818 } .category-card--layout--classic .category-card__name { font-weight: 500; font-size: 18px; line-height: 24px } .category-card--layout--classic .category-card__name a { color: inherit } .category-card--layout--classic .category-card__children { list-style: none; margin: 10px 0 0; padding: 0; font-size: 15px } .category-card--layout--classic .category-card__children li { position: relative; color: #6c757d; padding: 1px 0 1px 11px } .category-card--layout--classic .category-card__children li:before { display: block; position: absolute; content: ""; width: 3px; height: 3px; background: currentColor; opacity: .7; top: 10px; left: 0 } .category-card--layout--classic .category-card__children a { color: inherit } .category-card--layout--classic .category-card__actions { margin-top: 8px } .category-card--layout--classic .category-card__link { font-size: 14px; font-weight: 500; color: #cb1818 } .category-card--layout--classic .category-card__link:hover { text-decoration: underline } @media (min-width: 1200px) and (max-width: 1399.98px) { .category-card--layout--classic .category-card__image { width: 120px; margin: 0 26px } } @media (max-width: 991px) and (min-width: 475px) { .category-card--layout--classic .category-card__image { width: 132px; margin: 0 26px; padding: 20px 0; -ms-flex-item-align: center; align-self: center } .category-card--layout--classic .category-card__content { -ms-flex-direction: column; flex-direction: column } .category-card--layout--classic .category-card__info { padding: 0 26px 20px } } @media (max-width: 474px) and (min-width: 360px) { .category-card--layout--classic .category-card__image { width: 132px } } @media (max-width: 474px) and (min-width: 360px) and (max-width: 420px) { .category-card--layout--classic .category-card__image { width: 100px; margin: 0 28px } } @media (max-width: 359px) { .category-card--layout--classic .category-card__image { width: 132px; margin: 0 26px; padding: 24px 0; -ms-flex-item-align: center; align-self: center } .category-card--layout--classic .category-card__content { -ms-flex-direction: column; flex-direction: column } .category-card--layout--classic .category-card__info { padding: 0 26px 24px } } .checkout__totals { width: 100%; font-size: 15px; line-height: 19px; border-spacing: 0; margin-bottom: 40px } .checkout__totals td, .checkout__totals th { padding: 0 } .checkout__totals td:last-child, .checkout__totals th:last-child { padding-left: 20px; text-align: right } .checkout__totals-header { font-size: 13px; text-transform: uppercase } .checkout__totals-header th { padding-bottom: 4px; border-bottom: 1px solid #ebebeb } .checkout__totals-products td { padding: 4px 0 } .checkout__totals-products tr:first-child td { padding-top: 16px } .checkout__totals-products tr:last-child td { padding-bottom: 16px } .checkout__totals-subtotals th { font-weight: 500 } .checkout__totals-subtotals td, .checkout__totals-subtotals th { padding: 4px 0 } .checkout__totals-subtotals tr:first-child td, .checkout__totals-subtotals tr:first-child th { padding-top: 16px; border-top: 1px solid #ebebeb } .checkout__totals-subtotals tr:last-child td, .checkout__totals-subtotals tr:last-child th { padding-bottom: 16px } .checkout__totals-footer { font-size: 24px } .checkout__totals-footer th { font-weight: 500 } .checkout__totals-footer tr:first-child td, .checkout__totals-footer tr:first-child th { padding-top: 20px; border-top: 1px solid #ebebeb } .checkout__payment-methods { margin-bottom: 20px } .checkout__agree { margin-bottom: 40px } .checkout__agree a:hover { text-decoration: underline } .order-header { padding: 1.625rem 2rem 1.375rem } .order-header:after { display: block; content: ""; clear: both } .order-header__actions { margin-top: -1px; float: right } .order-header__title { border-bottom: 2px solid #e5e5e5; padding-bottom: 4px; margin-bottom: 0; padding-right: 3.5rem; float: left } .order-header__subtitle { color: #6c757d; font-size: 14px; line-height: 1.375; clear: both; padding-top: 12px } .order-header__subtitle mark { padding: 0; color: #262626; background: transparent; font-weight: 500 } @media (min-width: 768px) and (max-width: 991.98px) { .order-header { padding: 1.375rem 1.5rem 1.25rem } } @media (max-width: 767.98px) { .order-header { padding: 1.125rem 1.375rem 1rem } } @media (max-width: 440px) { .order-header__actions { margin-bottom: .875rem; float: none } } .order-list a { color: inherit } .order-list a:hover { color: inherit; text-decoration: underline } .order-list table { width: 100%; font-size: 15px } .order-list__header td, .order-list__header th { text-transform: uppercase; color: #6c757d; font-size: 13px; font-weight: 500 } .order-list__footer { font-size: 20px } .order-list__footer th { font-weight: 500 } .order-list__column-image { width: 1px } .order-list__column-image .image { width: 40px } .order-list__column-product { line-height: 1.25 } .order-list__column-quantity { text-align: center } .order-list__column-total { text-align: right } .order-list__options { color: #6c757d; font-size: 13px; margin-top: 2px } .order-list__options-list { list-style: none; padding: 0; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .order-list__options-item:not(:last-child) { position: relative; padding-right: 19px } .order-list__options-item:not(:last-child):after { position: absolute; content: ""; display: block; background: #ccc; width: 1px; height: 10px; top: calc(50% - 5px); transform: skewX(-20deg); right: 9px } @media (min-width: 576px) { .order-list td, .order-list th { padding: 4px 12px } .order-list td:first-child, .order-list th:first-child { padding-left: 1.5rem } .order-list td:last-child, .order-list th:last-child { padding-right: 1.5rem } .order-list__header td, .order-list__header th { border-bottom: 1px solid #ebebeb; padding: 10px 12px } .order-list__products td, .order-list__products th { padding-top: 5px; padding-bottom: 5px } .order-list__products tr:first-child td, .order-list__products tr:first-child th { padding-top: 14px } .order-list__products tr:last-child td, .order-list__products tr:last-child th { padding-bottom: 14px } .order-list__products .order-list__column-product { padding-left: 4px } .order-list__subtotals td, .order-list__subtotals th { padding-top: 3px; padding-bottom: 3px } .order-list__subtotals tr:first-child td, .order-list__subtotals tr:first-child th { padding-top: 12px; border-top: 1px solid #ebebeb } .order-list__subtotals tr:last-child td, .order-list__subtotals tr:last-child th { padding-bottom: 12px } .order-list__footer td, .order-list__footer th { padding-top: 14px; padding-bottom: 14px; border-top: 1px solid #ebebeb } } @media (max-width: 575.98px) { .order-list table, .order-list td, .order-list th, .order-list tr { display: block; padding: 0 } .order-list__footer, .order-list__header, .order-list__products, .order-list__subtotals { display: block } .order-list__footer tr, .order-list__header tr, .order-list__products tr, .order-list__subtotals tr { padding: 0 1rem } .order-list__footer tr, .order-list__header tr, .order-list__subtotals tr { display: -ms-flexbox; display: flex } .order-list__footer .order-list__column-label, .order-list__header .order-list__column-label, .order-list__subtotals .order-list__column-label { -ms-flex-positive: 1; flex-grow: 1 } .order-list__footer .order-list__column-quantity, .order-list__header .order-list__column-quantity, .order-list__subtotals .order-list__column-quantity { display: none } .order-list__header tr { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb } .order-list__products tr { padding-top: .75rem; padding-bottom: .75rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .order-list__products tr:not(:first-child) { border-top: 1px solid #ebebeb } .order-list__products .order-list__column-image { width: 40px; -ms-flex-negative: 0; flex-shrink: 0 } .order-list__products .order-list__column-product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; width: calc(100% - 40px); padding-left: 1rem } .order-list__products .order-list__column-quantity:before { content: attr(data-title) " " } .order-list__products .order-list__column-total { -ms-flex-positive: 1; flex-grow: 1 } .order-list__products .order-list__column-quantity, .order-list__products .order-list__column-total { margin-top: .625rem; margin-bottom: -.125rem } .order-list__subtotals { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ebebeb } .order-list__subtotals td, .order-list__subtotals th { padding-top: 2px; padding-bottom: 2px } .order-list__footer { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ebebeb } } .order-success__body { max-width: 690px; margin: 0 auto } .order-success__header { padding: 60px 0 52px; text-align: center } .order-success__icon { fill: #e52727; margin: 0 auto; display: block } .order-success__title { margin-top: 24px; margin-bottom: 2px } .order-success__subtitle { font-size: 19px; font-weight: 500 } .order-success__actions { margin-top: 20px } .order-success__meta { padding: 16px 0; margin-bottom: 20px; text-align: center } .order-success__meta-list { list-style: none; padding: 0; margin: 0; -ms-flex-pack: center } .order-success__meta-item, .order-success__meta-list { display: -ms-flexbox; display: flex; justify-content: center } .order-success__meta-item { -ms-flex-preferred-size: 25%; flex-basis: 25%; line-height: 1.25; position: relative; padding: 2px 12px; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center } .order-success__meta-item:not(:last-child):before { position: absolute; display: block; content: ""; border-left: 2px dashed rgba(0, 0, 0, .1); width: 0; height: 100%; top: 0; right: -1px } .order-success__meta-title { display: block; font-size: 13px; color: #6c757d; margin-bottom: 4px } .order-success__meta-value { display: block; font-size: 14px; line-height: 16px; font-weight: 500 } .order-success__addresses { margin-left: -20px; display: -ms-flexbox; display: flex } .order-success__address { margin-left: 20px; margin-top: 20px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 767.98px) { .order-success__header { padding: 44px 0 40px } .order-success__meta-list { -ms-flex-wrap: wrap; flex-wrap: wrap } .order-success__meta-item { -ms-flex-preferred-size: 50%; flex-basis: 50% } .order-success__meta-item:nth-child(2n):before { display: none } .order-success__meta-item:nth-child(n+3) { margin-top: 16px } .order-success__addresses { display: block } } .payment-methods__list { list-style: none; padding: 0; margin: 0 } .payment-methods__item { border-radius: 2px; padding-bottom: 2px; border: 1px solid #ebebeb; transition: background .12s, border-color .12s } .payment-methods__item + .payment-methods__item { margin-top: 6px } .payment-methods__item:hover { background: #f5f5f5; border-color: #e5e5e5 } .payment-methods__item-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 18px; margin: 0; padding: 10px 12px 8px; cursor: pointer } .payment-methods__item-radio { margin-right: 8px } .payment-methods__item-details { font-size: 14px; line-height: 22px; padding: 0 12px 8px } .payment-methods__item-container { overflow: hidden; opacity: 0; height: 0; transition: height .3s, opacity .3s } .payment-methods__item--active, .payment-methods__item--active:hover { background: #f5f5f5; border-color: #e5e5e5 } .payment-methods__item--active .payment-methods__item-container { opacity: 1; height: auto } .product__header h1 { font-size: 26px; font-weight: 400; line-height: 32px; margin: 0 } .product__tabs { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .product__subtitle { padding-top: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .product__fit { margin-left: 12px } .product__info-card { position: relative } .product__info-body { padding: 28px 28px 24px } .product__prices-stock { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-top: 4px; padding-bottom: 22px } .product__meta { margin: -3px 0 } .product__meta table { width: 100%; font-size: 14px } .product__meta td, .product__meta th { padding: 3px 0 } .product__meta th { font-weight: 500; padding-right: 12px } .product__meta tr + tr > * { border-top: 1px solid #ebebeb } .product__meta a { color: #cb1818 } .product__meta a:hover { text-decoration: underline } .product__shop-features { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); margin-top: 30px } .product__badge { top: -7px; position: absolute; left: 22px } .product__prices { padding: 8px 0 7px; line-height: 1 } .product__price { font-size: 30px; font-weight: 700; letter-spacing: -.04em; color: #262626 } .product__price--new { color: #262626 } .product__price--old { font-size: 16px; text-decoration: line-through; font-weight: 400; color: #999; margin-bottom: 5px } .product__form { background: #f9f9f9; margin-bottom: 24px; margin-top: -4px; padding: 16px 28px 18px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb } .product__actions { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: nowrap; padding: 0 28px 24px } .product__actions-item--quantity { width: 100px; margin-right: 8px } .product__actions-item--addtocart { -ms-flex-positive: 1; flex-grow: 1 } .product__actions-item--wishlist { margin-top: 14px; margin-bottom: -8px; width: 50%; font-size: 13px; line-height: 16px; background: transparent; color: #262626; fill: #d9d9d9; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border: none; border-radius: 2px; transition: background .15s, fill .15s; padding: 7px 10px 5px 9px } .product__actions-item--wishlist svg { position: relative; top: -1px; margin-right: 8px } .product__actions-item--wishlist:focus { outline: none } .product__actions-item--wishlist:hover { background: #f5f5f5; fill: #bfbfbf } .product__actions-item--wishlist:active { background: #f0f0f0; fill: #b3b3b3 } .product__actions-divider { width: 100% } .product__tags-and-share-links { border-top: 1px solid #ebebeb; padding: 24px 28px } .product__tags + .product__share-links { margin-top: 18px } .product--layout--full { --product-gutter: 30px } .product--layout--full .product__body { display: grid; grid-template-columns: auto 1fr 370px; grid-template-rows: max-content auto auto 1fr } .product--layout--full .product__body { grid-template-rows: -webkit-max-content auto auto 1fr; } .product--layout--full .product__card--one { grid-column: 1/3; grid-row: 1/4 } .product--layout--full .product__gallery { grid-column: 1; grid-row: 1/4 } .product--layout--full .product__header { grid-column: 2; grid-row: 1 } .product--layout--full .product__main { grid-column: 2; grid-row: 2 } .product--layout--full .product__info { grid-column: 3; grid-row: 1/5 } .product--layout--full .product__tabs { grid-column: 1/3; grid-row: 4 } .product--layout--full .product__card { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .product--layout--full .product__card--two { display: none } .product--layout--full .product__gallery { width: 440px; padding: 36px 0 48px 40px } .product--layout--full .product__header { padding: 36px 40px 16px 36px } .product--layout--full .product__main { padding: 0 40px 48px 36px } .product--layout--full .product__info { margin-left: var(--product-gutter) } .product--layout--full .product__shop-features, .product--layout--full .product__tabs { margin-top: var(--product-gutter) } .product--layout--full .product__subtitle { padding-top: 8px } .product--layout--full .product__gallery-intro { display: -ms-flexbox; display: flex } .product--layout--full .product__excerpt { font-size: 15px } .product--layout--full .product__features { margin: 20px 0 0; font-size: 14px; border-radius: 3px } .product--layout--full .product__features ul { list-style: none; padding: 0; color: #6c757d; margin: -6px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .product--layout--full .product__features li { position: relative; margin: 0 6px; width: calc(100% / 1 - 12px); padding: 3px 0 2px 11px } .product--layout--full .product__features li:before { position: absolute; display: block; content: ""; width: 3px; height: 3px; border-radius: 1.5px; background: currentColor; top: 12px; opacity: .85; left: 0 } .product--layout--full .product__features-title { font-weight: 500; padding-bottom: 12px } .product--layout--full .product__features-link { margin: 20px -2px 0; padding: 20px 2px 0; font-size: 14px; border-top: 1px solid #ebebeb } .product--layout--full .product__features-link a:hover { text-decoration: underline } @media (min-width: 1200px) { .product--layout--full .product__subtitle { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start } .product--layout--full .product__fit { margin-bottom: 11px; -ms-flex-order: -1; order: -1; margin-left: -4px } } @media (min-width: 768px) { .product--layout--full .product__info-card { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } } @media (min-width: 768px) and (max-width: 991.98px) { .product--layout--full .product__gallery { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .product--layout--full .product__actions-item--addtocart .btn { padding-left: 16px; padding-right: 16px } } @media (max-width: 575.98px) { .product--layout--full .product__subtitle { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start } .product--layout--full .product__fit { margin-bottom: 11px; -ms-flex-order: -1; order: -1; margin-left: -4px } } @media (min-width: 768px) and (max-width: 991.98px) { .product--layout--full .product__title { padding-right: 80px } .product--layout--full .product__actions-item--wishlist { position: absolute; top: 19px; width: 40px; height: 40px; border-radius: 20px; padding: 0; margin: 0; right: 16px } .product--layout--full .product__actions-item--wishlist span { display: none } .product--layout--full .product__actions-item--wishlist svg { top: 0; display: block; margin: 0 } } @media (max-width: 1399.98px) { .product--layout--full { --product-gutter: 24px } .product--layout--full .product__body { grid-template-columns: auto 1fr 336px } .product--layout--full .product__gallery { width: 348px; padding: 24px 0 36px 28px } .product--layout--full .product__header { padding: 24px 28px 16px } .product--layout--full .product__main { padding: 0 28px 36px } .product--layout--full .product__actions, .product--layout--full .product__form, .product--layout--full .product__info-body, .product--layout--full .product__tags-and-share-links { padding-left: 20px; padding-right: 20px } } @media (max-width: 1199.98px) { .product--layout--full .product__body { grid-template-columns: auto 1fr 336px; grid-template-rows: -webkit-max-content auto auto 1fr; grid-template-rows: max-content auto auto 1fr } .product--layout--full .product__card { grid-column: 1/3; grid-row: 1/4 } .product--layout--full .product__gallery { grid-column: 1/3; grid-row: 3 } .product--layout--full .product__header { grid-column: 1/3; grid-row: 1 } .product--layout--full .product__main { grid-column: 1/3; grid-row: 2 } .product--layout--full .product__info { grid-column: 3; grid-row: 1/4 } .product--layout--full .product__tabs { grid-column: 1/4; grid-row: 4 } .product--layout--full .product__features { display: none } .product--layout--full .product__main { padding-bottom: 16px } .product--layout--full .product__excerpt { border-bottom: 1px solid #ebebeb; padding-bottom: 14px } .product--layout--full .product__gallery { --product-gallery-image-max-width: 380px; padding-top: 0; width: 100%; padding-right: 28px } .product--layout--full .product__header { padding-bottom: 10px } .product--layout--full .product__info { display: -ms-flexbox; display: flex } .product--layout--full .product__shop-features { display: none } } @media (max-width: 991.98px) { .product--layout--full { --product-gutter: 16px } .product--layout--full .product__body { grid-template-columns: auto 1fr; grid-template-rows: -webkit-max-content auto auto 1fr; grid-template-rows: max-content auto auto 1fr } .product--layout--full .product__card { grid-column: 1/3; grid-row: 1/3 } .product--layout--full .product__header { grid-column: 1/3; grid-row: 1 } .product--layout--full .product__main { grid-column: 1/3; grid-row: 2 } .product--layout--full .product__gallery { grid-column: 1; grid-row: 3 } .product--layout--full .product__info { grid-column: 2; grid-row: 3 } .product--layout--full .product__gallery { margin-top: var(--product-gutter); width: 385px; padding: 24px 24px 28px } .product--layout--full .product__info { margin-left: var(--product-gutter) } .product--layout--full .product__excerpt { border: none; padding-bottom: 8px } .product--layout--full .product__info-card { position: static; margin-top: var(--product-gutter); padding: 24px 24px 28px } .product--layout--full .product__info-body { padding: 0 0 16px } .product--layout--full .product__prices-stock { padding: 0 0 10px } .product--layout--full .product__price { font-size: 26px } .product--layout--full .product__price--old { font-size: 16px } .product--layout--full .product__meta { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 0; margin: 8px 0 } .product--layout--full .product__meta td, .product--layout--full .product__meta th { padding-top: 1px; padding-bottom: 1px } .product--layout--full .product__meta tr + tr > * { border: none } .product--layout--full .product__form { background: transparent; border: none; margin-bottom: 16px; padding: 0 } .product--layout--full .product__actions { padding: 0 } .product--layout--full .product__tags-and-share-links { border: none; padding: 20px 0 0 } .product--layout--full .product-gallery[data-layout=product-full] .product-gallery__zoom { top: -15px; right: -15px } } @media (min-width: 576px) and (max-width: 767.98px) { .product--layout--full .product__meta table, .product--layout--full .product__meta td, .product--layout--full .product__meta th { display: block } .product--layout--full .product__meta tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .product--layout--full .product__meta th, .product--layout--full .product__meta tr { width: calc(50% - 10px) } .product--layout--full .product__meta tr { display: -ms-flexbox; display: flex } .product--layout--full .product__meta tr:nth-child(2n) { margin-left: 20px } } @media (max-width: 767.98px) { .product--layout--full .product__body { grid-template-columns: 100%; grid-template-rows: auto } .product--layout--full .product__header { grid-column: 1; grid-row: 1 } .product--layout--full .product__gallery { grid-column: 1; grid-row: 2 } .product--layout--full .product__card--two { grid-column: 1; grid-row: 3/5 } .product--layout--full .product__main { grid-column: 1; grid-row: 3 } .product--layout--full .product__info { grid-column: 1; grid-row: 4 } .product--layout--full .product__tabs { grid-column: 1; grid-row: 5 } .product--layout--full .product__card--one { display: none } .product--layout--full .product__card--two { display: block } .product--layout--full .product__header { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); padding: 24px 24px 22px } .product--layout--full .product__title { font-size: 22px; line-height: 28px } .product--layout--full .product__subtitle { padding-top: 8px } .product--layout--full .product__body { width: 100% } .product--layout--full .product__gallery { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); --product-gallery-image-max-width: 360px; width: 100% } .product--layout--full .product__card--two, .product--layout--full .product__main { margin-top: var(--product-gutter) } .product--layout--full .product__main { padding: 24px 24px 18px } .product--layout--full .product__excerpt { padding-bottom: 0 } .product--layout--full .product__info { width: 100%; margin-left: 0 } .product--layout--full .product__info-card { margin-top: 0; padding-top: 0 } .product--layout--full .product__actions { margin-bottom: -6px } .product--layout--full .product__actions-item--addtocart { -ms-flex-positive: 0; flex-grow: 0 } .product--layout--full .product__actions-divider { height: 10px } .product--layout--full .product__actions-item--wishlist { width: auto; margin-top: 2px; margin-bottom: -2px } } .product-card { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .categories-product-card{ box-shadow: 1px 2px 3px 3px rgb(0 0 0 / 9%); } .product-card .product-card__action { position: relative; display: block; padding: 8px; margin: 0; border: none; transition: color .08s, background .08s; background-color: #fff; color: #ccc } .product-card .product-card__action:hover { background-color: #f2f2f2; color: #4d4d4d } .product-card .product-card__action:active { background-color: #ebebeb; color: #4d4d4d } .product-card .product-card__action svg { fill: currentColor; display: block } .product-card .product-card__action:focus { outline: none } .product-card .product-card__action:active { transition-duration: 0s } .product-card .product-card__action:last-child { border-bottom-left-radius: 2px } .product-card .product-card__action--loading, .product-card .product-card__action--loading:hover { cursor: default; background: transparent; color: transparent; transition-duration: 0s } .product-card .product-card__action--loading:before { left: calc(50% - 8px); top: calc(50% - 8px); width: 16px; height: 16px; border-radius: 8px; border: 2px solid rgba(0, 0, 0, .1); border-top-color: rgba(0, 0, 0, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: "" } .product-card .product-card__image { display: block } .product-card .product-card__features { color: #6c757d; font-size: 13px; line-height: 21px } .product-card .product-card__features ul { list-style: none; padding: 0; margin: 0 } .product-card .product-card__features li { position: relative; padding-left: 12px } .product-card .product-card__features li:before { display: block; position: absolute; content: ""; width: 3px; height: 3px; border-radius: 1.5px; background: currentColor; top: 9px; opacity: .7; left: 3px } .product-card .product-card__info{ flex: 1 1 auto } .product-card .product-card__name a { color: inherit } .product-card .product-card__link:hover{ text-decoration: underline } .product-card .product-card__meta { font-size: 12px; line-height: 1; color: #999 } .product-card .product-card__prices { font-weight: 500; letter-spacing: -.04em; line-height: 1; color: #262626 } .product-card .product-card__price--new { color: #262626 } .product-card .product-card__price--old { font-weight: 400; text-decoration: line-through; color: #999 } .product-card .product-card__addtocart-full { background: #e52727; color: #fff; border: none; border-radius: 2px; font-weight: 500; transition: background-color .15s, color .15s } .product-card .product-card__addtocart-full:focus { outline: none } .product-card .product-card__addtocart-full:hover { background: #333; color: #fff } .product-card .product-card__addtocart-full:active { background: #4d4d4d; color: #fff } .product-card .product-card__wishlist { border: none; background: transparent; color: #262626; fill: #d9d9d9; border-radius: 2px; transition: background .15s, fill .15s } .product-card .product-card__wishlist:focus { outline: none } .product-card .product-card__wishlist:hover { background: #f5f5f5; fill: #bfbfbf } .product-card .product-card__wishlist:active { background: #f0f0f0; fill: #b3b3b3 } .product-card .product-card__addtocart-icon { position: relative; border: none; padding: 8px; border-radius: 2px; background: transparent; color: #ccc; z-index: 0; transition: color .2s } .product-card .product-card__addtocart-icon svg { display: block; fill: currentColor } .product-card .product-card__addtocart-icon:before { top: -2px; left: -2px; display: block; content: ""; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); background: transparent; z-index: -1; border-radius: 50%; transform: scale(0); transition: transform .2s, background .2s } .product-card .product-card__addtocart-icon:focus { outline: none } .product-card:active .product-card__addtocart-icon, .product-card:hover .product-card__addtocart-icon { color: #fff } .product-card:active .product-card__addtocart-icon:before, .product-card:hover .product-card__addtocart-icon:before { transform: scale(1); background: #e52727 } .product-card:active .product-card__addtocart-icon:hover, .product-card:hover .product-card__addtocart-icon:hover { color: #fff } .product-card:active .product-card__addtocart-icon:hover:before, .product-card:hover .product-card__addtocart-icon:hover:before { background: #333 } .product-card:active .product-card__addtocart-icon:active, .product-card:hover .product-card__addtocart-icon:active { color: #fff } .product-card:active .product-card__addtocart-icon:active:before, .product-card:hover .product-card__addtocart-icon:active:before { transition-duration: .05s; background: #4d4d4d } .product-card--layout--grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative } .product-card--layout--grid .product-card__addtocart-full, .product-card--layout--grid .product-card__wishlist { display: none } .product-card--layout--grid:after { display: block; position: static; /*content: "";*/ -ms-flex-order: 1; order: 1; -ms-flex-positive: 1; flex-grow: 1 } .product-card--layout--grid .product-card__actions-list { position: absolute; overflow: hidden; z-index: 1; right: 0 } .product-card--layout--grid .product-card__image { display: block; position: relative } .product-card--layout--grid .product-card__fit { position: absolute; bottom: 8px; left: 13px } .product-card--layout--grid .product-card__meta { padding: 6px 16px } .product-card--layout--grid .product-card__name { font-size: 16px; color: #005097; font-weight: 600; line-height: 1.1875 } .product-card--layout--grid .product-card__label a{ color: #555; } .product-card--layout--grid .product-card_status{font-size: 12px;color: #555;fill: rgb(68, 187, 85)} .product-card--layout--grid .product-card__features { padding: 10px 16px 0; margin-bottom: -2px; display: none } .product-card--layout--grid .product-card__footer { padding: 16px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-order: 2; order: 2 } .product-card--layout--grid .product-card__prices { -ms-flex-positive: 1; flex-grow: 1; font-size: 18px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap } .product-card--layout--grid .product-card__price--old { font-size: 14px; margin-left: 6px } .product-card--layout--grid .product-card__addtocart-icon { margin: -3px } @media (hover: hover) { .product-card--layout--grid .product-card__action--wishlist { transition: transform .2s, opacity .2s, color .12s, background .12s; opacity: 0; will-change: transform; transform: translateX(100%) translateX(6px) } .product-card--layout--grid:active .product-card__action--wishlist, .product-card--layout--grid:hover .product-card__action--wishlist { transform: none; opacity: 1 } } .product-card--layout--horizontal { position: relative; display: -ms-flexbox; display: flex } .product-card--layout--horizontal .product-card__action--wishlist, .product-card--layout--horizontal .product-card__addtocart-full, .product-card--layout--horizontal .product-card__addtocart-icon, .product-card--layout--horizontal .product-card__features, .product-card--layout--horizontal .product-card__fit, .product-card--layout--horizontal .product-card__meta, .product-card--layout--horizontal .product-card__wishlist { display: none } .product-card--layout--horizontal .product-card__image { padding: 8px 10px; width: 112px; -ms-flex-negative: 0; flex-shrink: 0 } .product-card--layout--horizontal .product-card__actions-list { position: absolute; right: 0 } .product-card--layout--horizontal .product-card__info { padding-top: 12px; padding-bottom: 40px; padding-right: 10px } .product-card--layout--horizontal .product-card__name { font-size: 15px; line-height: 18px; max-height: 36px; overflow: hidden; padding-right: 26px } .product-card--layout--horizontal .product-card__prices { position: absolute; bottom: 14px; -ms-flex-positive: 1; flex-grow: 1; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; left: 112px } .product-card--layout--horizontal .product-card__price--old { font-size: 14px; margin-left: 6px } .product-form__row + .product-form__row { margin-top: 12px } .product-form__title { text-transform: uppercase; font-size: 11px; font-weight: 500; color: #6c7177; margin-bottom: 4px } .product-gallery__featured { position: relative;border:1px solid #ebebeb } .product-gallery__featured .owl-carousel a { display: block } .product-gallery__featured .image { max-width: 420px; margin: 0 auto; cursor: zoom-in; } .product-gallery__zoom { display: var(--product-gallery-zoom-display, block); bottom: 0; position: absolute; padding: 4px; margin: 0; border:0; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; fill: #262626; z-index: 2; transition: background .15s, color .15s; background-color: #fff; color: #ccc; right: -21px } .product-gallery__zoom:hover { background-color: #f2f2f2; color: #999 } .product-gallery__zoom:active { background-color: #ebebeb; color: gray } .product-gallery__zoom:focus { outline: none } .product-gallery__zoom svg { display: block } .product-gallery__thumbnails .owl-stage { margin: 0 auto } .product-gallery__thumbnails-item { position: relative; display: block; overflow: hidden; border-radius: 1.5px; padding: 1px; cursor: pointer } .product-gallery__thumbnails-item:before { position: absolute; display: block; content: ""; top: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px #ebebeb; transition: box-shadow .12s; left: 0 } .product-gallery__thumbnails-item:hover:before { box-shadow: inset 0 0 0 1px #ebebeb } .product-gallery__thumbnails-item--active { cursor: default } .product-gallery__thumbnails-item--active:before, .product-gallery__thumbnails-item--active:hover:before { box-shadow: inset 0 0 0 1px #e52727 } .product-gallery--layout--product-full .product-gallery__featured .image, .product-gallery--layout--product-sidebar .product-gallery__featured .image { max-width: var(--product-gallery-image-max-width, 100%) } .product-gallery--layout--product-full .product-gallery__zoom { bottom: 0; right: 0 } .product-tabs__list { display: -ms-flexbox; display: flex; padding: 0; margin: 0 0 -1px; list-style: none; overflow-x: auto; border-bottom: 1px solid #ebebeb; margin-bottom: 24px; background-color: #f7f7f7; } .product-tabs__item { position: relative; margin: 0 12px } .product-tabs__item a { font-size: 16px; font-weight: 400; color: inherit; display: -ms-flexbox; display: flex; line-height: 40px; transition: background .12s, box-shadow .12s } .product-tabs__item a:hover,.product-tabs__item a:active { background: transparent; box-shadow: inset 0 -2px #000000 } .product-tabs__item:first-child { margin-left: 0 } .product-tabs__item:last-child { margin-right: auto } .product-tabs__item-counter { color: #e52727; font-size: 14px; top: -4px; position: relative; margin-left: 3px; margin-right: -3px } .product-tabs__item--active a, .product-tabs__item--active a:active, .product-tabs__item--active a:hover { background: transparent; color: #005097; box-shadow: inset 0 -2px #005097 } .product-tabs__pane { display: block; overflow: hidden; height: 0; opacity: 0; transition: opacity .5s } .product-tabs__pane--active { overflow: visible; height: auto; opacity: 1; max-width: calc(100% - .001px) } .product-tabs--layout--full .product-tabs__pane--active { padding: 48px } @media (max-width: 991.98px) { .product-tabs--layout--full .product-tabs__pane--active { padding: 40px 44px 44px } } @media (max-width: 767.98px) { .product-tabs--layout--full .product-tabs__pane--active { padding: 24px 28px 28px } } @media (max-width: 419px) { .product-tabs--layout--full .product-tabs__pane--active { padding: 20px 24px 24px } } @media (min-width: 1400px) { .product-tabs--layout--sidebar .product-tabs__pane--active { padding: 36px } } @media (min-width: 1200px) and (max-width: 1399.98px) { .product-tabs--layout--sidebar .product-tabs__pane--active { padding: 48px } } @media (max-width: 1199.98px) { .product-tabs--layout--sidebar .product-tabs__pane--active { padding: 36px } } @media (max-width: 767.98px) { .product-tabs--layout--sidebar .product-tabs__pane--active { padding: 28px } } @media (max-width: 419px) { .product-tabs--layout--sidebar .product-tabs__pane--active { padding: 24px } } .products-list__content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .products-list__content + .products-list__content { margin-top: 10px } .products-list__item { -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex } .products-list__item .product-card { width: 100% } .spec { font-size: 14px; line-height: 18px } .spec__header { margin-bottom: 50px } .spec__section + .spec__section { margin-top: 40px } .spec__section-title { font-weight: 500; font-size: 17px; letter-spacing: -.03em; line-height: 20px; margin: 0 0 12px } .spec__row { padding: 8px 0; display: -ms-flexbox; display: flex; border-bottom: 1px dashed #ebebeb } .spec__row_item{display: flex;padding:0} @media (max-width: 767.98px) { .spec__row_item{display: unset;} } .spec__name { width: 230px; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 10px 0 0; font-weight: 500; } .spec__value{ padding: 0; } .spec__disclaimer { margin-top: 40px; font-size: 13px; line-height: 20px; color: #6c757d } @media (min-width: 576px) and (max-width: 767.98px) { .spec__name { width: 170px } } @media (max-width: 575.98px) { .spec__header { margin-bottom: 30px } .spec__section + .spec__section { margin-top: 24px } .spec__row { display: flex; word-break: break-all; padding: 8px 0; } .spec__name { /*width:auto;*/ margin-bottom: 2px; font-size: 14px; line-height: 15px; max-width: 180px; /*text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ padding-right: 5px; font-weight: 500; word-break: keep-all } .spec__disclaimer { margin-top: 28px } } .wishlist__table { width: 100%; border-spacing: 0 } .wishlist__column--head { font-size: 13px; text-transform: uppercase } .wishlist__product-name { line-height: 20px } .wishlist__product-name a { color: inherit; transition: color .15s } .wishlist__product-name a:hover { color: #cb1818 } @media (min-width: 768px) { .wishlist { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .wishlist__column { padding: 14px 16px } .wishlist__column:first-child { padding-left: 28px } .wishlist__column:last-child { padding-right: 28px } .wishlist__column--image { text-align: center; width: 1px } .wishlist__column--image .image { width: 80px } .wishlist__column--body { border-top: 1px solid #ebebeb } .wishlist__column--stock { text-align: center; width: 1px; white-space: nowrap } .wishlist__column--price { white-space: nowrap; width: 140px; text-align: right } .wishlist__column--button { white-space: nowrap; width: 200px; text-align: right } .wishlist__column--remove { width: 1px; white-space: nowrap; padding-left: 0 } .wishlist__remove { margin-right: -12px } } @media (min-width: 768px) and (max-width: 1199.98px) { .wishlist__column--button { width: 1px } } @media (min-width: 768px) and (max-width: 991.98px) { .wishlist__column:first-child { padding-left: 16px } .wishlist__column:last-child { padding-right: 16px } .wishlist__column--button, .wishlist__column--price, .wishlist__column--product, .wishlist__column--stock { padding-left: 0 } .wishlist__column--price { width: 1px } .wishlist__remove { margin: 0 -8px } } @media (max-width: 767.98px) { .wishlist__table { display: block } .wishlist__head { display: none } .wishlist__body { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -8px } .wishlist__column, .wishlist__row { display: block } .wishlist__column { padding: 0 } .wishlist__row { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09); position: relative; margin: 8px; width: calc(50% - 16px); text-align: center; padding: 16px } .wishlist__column--image { padding-bottom: 12px } .wishlist__column--image .image { max-width: 220px; margin: 0 auto } .wishlist__column--stock { margin-top: 16px; display: none } .wishlist__column--price { margin-top: 8px; font-weight: 500 } .wishlist__column--button { padding: 20px 0 12px } .wishlist__remove { position: absolute; top: 0; right: 0 } } @media (max-width: 474px) { .wishlist__row { width: calc(100% - 16px) } } .blog-view__body { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .blog-view__item-posts { -ms-flex-positive: 1; flex-grow: 1 } .blog-view__item-sidebar { width: 332px; -ms-flex-negative: 0; flex-shrink: 0 } .blog-view__item + .blog-view__item { margin-left: 48px } .blog-view--layout--classic .blog-view__item-posts { max-width: 730px } @media (min-width: 992px) and (max-width: 1199.98px) { .blog-view__item-sidebar { width: 290px } .blog-view__item + .blog-view__item { margin-left: 36px } } @media (max-width: 991.98px) { .blog-view__body { -ms-flex-direction: column; flex-direction: column } .blog-view__item-sidebar { width: 100%; margin-top: 48px; -ms-flex-order: 1; order: 1 } .blog-view__item + .blog-view__item { margin-left: 0 } } .post__body { padding: 48px } .post__pagination { border-top: 1px solid #ebebeb; margin: -28px 48px 0; padding-top: 20px; padding-bottom: 48px } .post__pagination-title { font-size: 12px; color: #999; text-transform: uppercase; margin-bottom: 5px } .post__pagination-list { font-size: 15px } .post__pagination-list ul { display: -ms-flexbox; display: flex; list-style: none; padding: 0; margin: -3px } .post__pagination-list li { margin: 3px } .post__pagination-link { padding: 2px 8px; display: block; border-radius: 1.5px; transition: background .2s; background-color: #f0f0f0; color: #262626 } .post__pagination-link:hover { background-color: #e5e5e5; color: #262626 } .post__pagination-link:active { transition-duration: 0s; background-color: #e0e0e0; color: #262626 } .post__pagination-link--current { cursor: default } .post__pagination-link--current, .post__pagination-link--current:active, .post__pagination-link--current:hover { background-color: #e52727; color: #fff } .post__footer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; padding: 0 48px 48px; margin-top: -24px } .post__tags { margin-right: 32px } .post__share-links { padding-bottom: 1px } .post__author { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: -24px 48px 0; padding: 24px 0 48px; border-top: 1px solid #ebebeb } .post__author img { display: block } .post__author-avatar { overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 2px; margin-right: 20px } .post__author-name { font-weight: 500 } .post__author-about { font-size: 15px; margin-top: 4px } @media (max-width: 767.98px) { .post__body { padding: 32px } .post__pagination { margin: 0 32px; display: -ms-flexbox; display: flex } .post__footer, .post__pagination { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center } .post__footer { padding: 0 32px 24px } .post__tags { margin-right: 0 } .post__tags .tags__list { -ms-flex-pack: center; justify-content: center } .post__share-links { margin-top: 20px; padding-bottom: 0 } .post__author { margin: 0 32px; padding: 32px 0; -ms-flex-direction: column; flex-direction: column } .post__author-avatar { border-radius: 50%; margin-right: 0 } .post__author-info { text-align: center; margin-top: 16px } .post__author-about { margin-top: 6px } } @media (max-width: 575.98px) { .post__body { padding: 24px } .post__pagination { margin: 0 24px } .post__author { margin: 0 24px; padding: 24px 0 } } /*-----article list style-----*/ .posts-list__item{margin-bottom: 2rem} .post-card--layout--list .post-card__image img{border: 1px solid #ebebeb} .post-card--layout--list .post-card__date { font-size: 14px; color: #555;font-weight: 300;margin-bottom: 10px; } .post-card--layout--list .post-card__date a:hover { color: #cb1818 } .post-card--layout--list .post-card__date:before { display: inline-block; vertical-align: middle; content: ""; height: 1px; width: 10px; background: currentColor; opacity: .6 } .post-card--layout--list .post-card__title { margin-bottom: 10px } .post-card--layout--list .post-card__title h2{ margin-bottom: 0rem } .post-card--layout--list .post-card__title a { color: #005097 } .post-card--layout--list .post-card__title a:hover { text-decoration: underline } @media (min-width: 768px) { .post-card--layout--list .post-card__image img { width: 100%; object-fit: cover; max-width: 100%;height: auto } .post-card--layout--list .post-card__excerpt { overflow: hidden; margin-bottom: auto } } @media (min-width: 1200px) { .post-card--layout--list .post-card__image { width: 400px; } .post-card--layout--list .post-card__title h2 { font-size: 18px; line-height: 26px } .post-card--layout--list .post-card__excerpt { max-height: 104px; margin-bottom: 48px } .post-card--layout--list .post-card__more { position: absolute; bottom: 32px } } @media (min-width: 992px) and (max-width: 1199.98px) { .post-card--layout--list .post-card__image { width: 280px; max-height: 220px } .post-card--layout--list .post-card__title h2 { font-size: 16px; line-height: 24px } .post-card--layout--list .post-card__excerpt { font-size: 14px; max-height: 66px } .post-card--layout--list .post-card__excerpt .typography { line-height: 22px } .post-card--layout--list .post-card__more { display: none } } @media (min-width: 768px) and (max-width: 991.98px) { .post-card--layout--list .post-card__image { width: 320px; min-height: 260px } .post-card--layout--list .post-card__image img { object-fit: scale-down } .post-card--layout--list .post-card__content { padding: 26px 15px 0 } .post-card--layout--list .post-card__title h2 { font-size: 16px; line-height: 24px } .post-card--layout--list .post-card__excerpt { max-height: 78px } .post-card--layout--list .post-card__more { display: none } } @media (max-width: 767.98px) { .post-card--layout--list .post-card__image img { max-width: 100%; height: auto } .post-card--layout--list .post-card__content { position: relative } .post-card--layout--list .post-card__date { font-size: 12px; } .post-card--layout--list .post-card__excerpt { overflow: hidden } } @media (max-width: 767.98px) and (min-width: 475px) { .post-card--layout--list .post-card__content { padding: 1.5rem 15px 0rem } .post-card--layout--list .post-card__date { font-size: 12px; } .post-card--layout--list .post-card__title h2 { font-size: 16px; line-height: 24px } .post-card--layout--list .post-card__more { margin-top: 18px } } @media (max-width: 474px) { .post-card--layout--list .post-card__date { font-size: 12px; } .post-card--layout--list .post-card__title h2 { font-size: 16px; line-height: 24px } .post-card--layout--list .post-card__excerpt { font-size: 14px; max-height: 96px } .post-card--layout--list .post-card__excerpt .typography { line-height: 24px } .post-card--layout--list .post-card__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 1.5rem 15px 0rem } .post-card--layout--list .post-card__more { display: none } } .post-header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; z-index: 0; overflow: hidden } .post-header__image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-position: 50%; z-index: -1; opacity: .22 } .post-header__body { max-width: 620px; margin: 0 auto; text-align: center; padding: 52px 30px } .post-header__title { margin: 0; font-size: 36px; font-weight: 700 } .post-header__categories { margin-bottom: 28px } .post-header__categories-list { list-style: none; margin: -3px; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .post-header__categories-item { margin: 3px } .post-header__categories-link { display: block; font-size: 10px; text-transform: uppercase; background: #e52727; padding: 3px 9px; border-radius: 1.5px; font-weight: 500 } @media (-webkit-max-device-pixel-ratio: 1),(max-resolution: 1dppx) { .post-header__categories-link { font-weight: 400 } } .post-header__categories-link, .post-header__categories-link:hover { color: #fff } .post-header__meta { font-size: 14px; margin-top: 24px; color: #999 } .post-header__meta-list { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center } .post-header__meta-item + .post-header__meta-item { position: relative; margin-left: 24px } .post-header__meta-item + .post-header__meta-item:before { display: block; position: absolute; content: ""; width: 4px; height: 4px; border-radius: 2px; background: currentColor; top: 9px; left: -14px } .post-header__meta-link { color: inherit; transition: color .1s } .post-header__meta-link:hover { color: #cb1818 } .post-header--has-image { background: #262626; margin-bottom: -150px; padding-bottom: 150px } .post-header--has-image .post-header__body { color: #fff; padding: 60px 30px } .post-header--has-image .post-header__meta, .post-header--has-image .post-header__title { text-shadow: 0 1px 5px rgba(0, 0, 0, .25) } .post-header--has-image .post-header__meta { color: inherit } .post-header--has-image .post-header__meta-link:hover { color: #ffdf40 } @media (max-width: 1199.98px) { .post-header { padding-top: 0 } } @media (max-width: 575.98px) { .post-header__body { padding: 36px 30px } .post-header__categories { margin-bottom: 20px } .post-header__title { font-size: 28px } .post-header__meta { margin-top: 16px } .post-header--has-image .post-header__body { padding: 48px 30px } } @media (max-width: 419px) { .post-header--has-image { padding-bottom: 0; margin-bottom: 0 } } .account-nav { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .account-nav__title { padding: 1.375rem 1.5rem; font-size: 20px; font-weight: 500; margin-bottom: 0 } .account-nav__list { list-style: none; padding: 0; margin: 0; font-size: 15px; line-height: 20px } .account-nav__item a { cursor: pointer; display: block; color: #6c757d; padding: 7px 1.5rem } .account-nav__item:hover a { background: #f2f2f2 } .account-nav__item--active a { color: inherit; font-weight: 500 } .account-nav__divider { height: 1px; background: #ebebeb; margin: 10px 0 } @media (min-width: 992px) { .account-nav__list { padding-bottom: 1.375rem } .account-nav__item--active a { box-shadow: inset 3px 0 #e52727 } } @media (max-width: 991.98px) { .account-nav { overflow-x: auto; max-width: 100% } .account-nav__list { display: -ms-flexbox; display: flex; white-space: nowrap; padding: 0 8px } .account-nav__title { display: none } .account-nav__item a { padding: 14px 20px } .account-nav__item--active a { box-shadow: inset 0 -3px #e52727 } } .address-card { position: relative } .address-card__badge { position: absolute; top: 12px; right: 12px } .address-card__body { padding: 1.5rem; font-size: 15px; line-height: 18px } .address-card__name { font-size: 16px; font-weight: 700; margin-bottom: 1.125rem } .address-card__row + .address-card__row { margin-top: .75rem } .address-card__row-title { font-size: 13px; color: #6c757d } .address-card__footer { margin-top: 1.625rem } .address-card__footer a:hover { text-decoration: underline } .address-card--featured .address-card__body { padding: 2rem } .address-card--featured .address-card__name { font-weight: 700 } @media (min-width: 768px) and (max-width: 991.98px) { .address-card--featured .address-card__body { padding: 1.5rem } } @media (max-width: 767.98px) { .address-card--featured .address-card__body { padding: 1.375rem } } .addresses-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .addresses-list__item { -ms-flex-negative: 0; flex-shrink: 0 } .addresses-list__item--new { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 2rem; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .09) } .addresses-list__divider:last-child { display: none } .addresses-list__plus { width: 60px; height: 60px; position: relative; border-radius: 30px; margin-bottom: 24px; color: #e0e0e0; border: 2px solid currentColor; transition: color .2s } .addresses-list__plus:after, .addresses-list__plus:before { content: ""; position: absolute; width: 32px; height: 4px; background: currentColor; border-radius: 1.5px; top: calc(50% - 2px); left: calc(50% - 16px) } .addresses-list__plus:after { transform: rotate(90deg) } .addresses-list__item--new:hover .addresses-list__plus { color: #ccc } @media (min-width: 768px) { .addresses-list__item { width: calc((100% - 32px - 1px) / 3) } .addresses-list__divider:nth-child(2n) { width: 16px } .addresses-list__divider:nth-child(6n) { width: 100%; height: 16px } } @media (min-width: 480px) and (max-width: 767.98px) { .addresses-list__item { width: calc((100% - 16px - 1px) / 2) } .addresses-list__divider:nth-child(2n) { width: 16px } .addresses-list__divider:nth-child(4n) { width: 100%; height: 16px } } @media (max-width: 479px) { .addresses-list__item { width: calc((100% - 0px - 1px) / 1) } .addresses-list__divider:nth-child(2n) { width: 16px; width: 100%; height: 16px } } .dashboard { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between } .dashboard__orders { margin-top: 24px; width: 100% } @media (min-width: 768px) { .dashboard__address, .dashboard__profile { width: calc(50% - 12px) } } @media (max-width: 767.98px) { .dashboard__address, .dashboard__profile { width: 100% } .dashboard__address { margin-top: 24px } } .profile-card__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .profile-card__avatar { width: 90px; height: 90px; border-radius: 50%; margin-bottom: 16px; background: url("/static/web/images/avatars/default-avatar.png"); } .profile-card__avatar img { border-radius: 50%; max-width: 100% } .profile-card__name { font-weight: 500; line-height: 20px } .profile-card__email { font-size: 15px; margin-bottom: 24px } .card--loading .card__loader { pointer-events: auto; opacity: 1; } .card__loader { opacity: 0; transition: opacity .3s ease-in-out; pointer-events: none; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .card__loader:before { opacity: 1; } .card__loader:before { left: 0; top: 0; width: calc(100% + 0px); height: calc(100% + 0px); background: #fff; opacity: .9; } .card__loader:after, .card__loader:before { position: absolute; display: block; content: ""; } .card__loader:after { left: calc(50% - 24px); top: calc(50% - 24px); width: 48px; height: 48px; border-radius: 24px; border: 2px solid rgba(0, 0, 0, .1); border-top-color: rgba(0, 0, 0, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; } .select__item--loading .select__item-loader { pointer-events: all; opacity: 1; } .select__item-loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: opacity .2s ease-in-out; } .select__item-loader:before { position: absolute; display: block; content: ""; left: 0; top: 0; width: calc(100% + 0px); height: calc(100% + 0px); background: #fff; opacity: .9; border-radius: 2.5px; } .select__item-loader:after { left: calc(50% - 10px); top: calc(50% - 10px); width: 20px; height: 20px; border-radius: 10px; border: 2px solid rgba(0, 0, 0, .1); border-top-color: rgba(0, 0, 0, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: ""; } .account-signup__form-forgot { position: relative; } .account-signup__form-forgot-link { position: absolute; top: 5px; bottom: 5px; border-radius: 2px; font-size: 12px; color: #6c757d; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 7px; transition: background .1s, color .1s; right: 5px; cursor: pointer; } .account-signup__form-forgot-link:active { background: #4d4d4d; color: #fff; } .account-signup__form-forgot-link:hover { background: #333; color: #fff; } .form-group-avatar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-group-avatar .profile-card__avatar { border: 1px solid #ebebeb; position: relative; } .form-group-avatar .profile-avatar-img { max-width: 100%; } .form-group-avatar .profile-avatar_file-input { display: block; margin: 0 auto; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; z-index: 10; cursor: pointer; border-radius: 50%; } .form-group-avatar .profile-avatar-remove { position: absolute; top: 0px; background-color: #e52727; right: 0px; border-radius: 50%; width: 16px; height: 16px; text-align: center; vertical-align: middle; z-index: 15; fill: white; line-height: 13px; cursor: pointer; } .product-card .product-card__label { font-size: 12px; text-transform: uppercase; font-weight: 400; line-height: 16px; } .product-card .product-card__addtocart-icon--loading, .product-card .product-card__addtocart-icon--loading:active, .product-card .product-card__addtocart-icon--loading:hover, .product-card:active .product-card__addtocart-icon--loading, .product-card:active .product-card__addtocart-icon--loading:active, .product-card:active .product-card__addtocart-icon--loading:hover, .product-card:hover .product-card__addtocart-icon--loading, .product-card:hover .product-card__addtocart-icon--loading:active, .product-card:hover .product-card__addtocart-icon--loading:hover { color: transparent; } .product-card .product-card__addtocart-icon--loading:active:before, .product-card .product-card__addtocart-icon--loading:before, .product-card .product-card__addtocart-icon--loading:hover:before, .product-card:active .product-card__addtocart-icon--loading:active:before, .product-card:active .product-card__addtocart-icon--loading:before, .product-card:active .product-card__addtocart-icon--loading:hover:before, .product-card:hover .product-card__addtocart-icon--loading:active:before, .product-card:hover .product-card__addtocart-icon--loading:before, .product-card:hover .product-card__addtocart-icon--loading:hover:before { transform: scale(1); background: #e52727; } .product-card .product-card__addtocart-icon--loading { cursor: default; } .product-card .product-card__addtocart-icon--loading:after { left: calc(50% - 11px); top: calc(50% - 11px); width: 22px; height: 22px; border-radius: 11px; border: 2px solid hsla(0, 0%, 100%, .1); border-top-color: hsla(0, 0%, 100%, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: ""; } @media (min-width: 768px) { [dir=ltr] .products-list[data-layout=list] .product-card .product-card__wishlist--loading:after { left: 7px; right: auto; } } .product-card .product-card__wishlist.product-card__wishlist--loading { background: transparent; fill: transparent; cursor: default; position: relative; } .product-card .product-card__wishlist--loading:after { left: calc(50% - 8px); top: calc(50% - 8px); width: 16px; height: 16px; border-radius: 8px; border: 2px solid rgba(0, 0, 0, .1); border-top-color: rgba(0, 0, 0, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: ""; } .product-card .product-card__addtocart-full.product-card__addtocart-full--loading { background: #e52727; color: transparent; cursor: default; position: relative; } .product-card .product-card__addtocart-full.product-card__addtocart-full--loading:after { left: calc(50% - 11px); top: calc(50% - 11px); width: 22px; height: 22px; border-radius: 11px; border: 2px solid hsla(0, 0%, 100%, .1); border-top-color: hsla(0, 0%, 100%, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: ""; } .product__actions-item--wishlist.product__actions-item--loading { background: transparent; fill: transparent; cursor: default; } [dir=ltr] .product__actions-item--wishlist.product__actions-item--loading:before { margin-right: -16px; } .product__actions-item--wishlist.product__actions-item--loading:before { left: calc(50% - 8px); top: calc(50% - 8px); width: 16px; height: 16px; border-radius: 8px; border: 2px solid rgba(0, 0, 0, .1); border-top-color: rgba(0, 0, 0, .5); animation-name: a; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; display: block; content: ""; position: static; } .news-view--loading, .review-view--loading, .product-view--loading { position: relative; } .news-view--loading .review-view__loader, .review-view--loading .review-view__loader, .product-view--loading .product-view__loader { opacity: 1; pointer-events: auto; } .news-view__loader, .review-view__loader, .product-view__loader { position: absolute; left: 0px; top: 0px; width: calc(100% + 0px); height: calc(100% + 20px); z-index: 4; background: hsla(0, 0%, 98%, .7); opacity: 0; pointer-events: none; transition: opacity .3s ease-in-out; } .toast-container {max-width: calc(100% - 24px);pointer-events: none;position: fixed;z-index: 999999;display: none} .toast-top-right {top: 12px;right: 12px} .toast-container .ngx-toastr {-webkit-user-select: none;-moz-user-select: none;user-select: none;box-shadow: 0 1px 3px rgba(0, 0, 0, .07);border-radius: 2px;padding: .875rem 1rem;transition: background .12s ease-in-out;max-width: 100%} .toast-container .ngx-toastr {position: relative;overflow: hidden;margin: 0 0 6px;padding: 15px 15px 15px 50px;width: 300px;border-radius: 3px 3px 3px 3px;background-position: 15px;background-repeat: no-repeat;background-size: 24px;box-shadow: 0 0 12px #999;color: #fff} .ngx-toastr {font-size: 15px;line-height: 1.375;background-color: #030303;pointer-events: auto} .toast-container .ngx-toastr {background: #b2d9ff;color: #36414d} .toast-container .toast-success {background: #bde5a1;color: #34402d} .toast-container .toast-error {background: #ffb8b8;color: #473333} .toast-message {font-size: 14px;word-wrap: break-word} .toast-container * {box-sizing: border-box} .block-empty__body {text-align: center} .block-empty__title {margin-top: 12px;font-size: 36px;font-weight: 700} .block-empty__message {margin-top: 16px} .block-empty__action {margin-top: 32px} .hide {display: none} .show {display: block} .alert-sm {font-size: 15px;padding: 7px 12px} .alert-xs {font-size: 14px;line-height: 1.25;padding: 6px 9px} .site__body-bg__image {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover;background-position: 50%} .header__indicators .dropcart__empty {text-align: center;font-size: 15px;padding: 20px 0} .mb-3 {margin-bottom: 12px} .mb-6 {margin-bottom: 24px} .bg-color-f7{background-color: #f7f7f7} .current-color{color:#005097!important;} .warning-color{color:#e52727} .border-bc-1{border-width: 0px; border-style: solid; border-bottom-color: rgba(0,0,0,0.2); border-bottom-width: 1px} b{font-weight: 600} .contact-us-item{margin-bottom: 30px} .contact-us_title{font-size: 18px;line-height:26px;font-weight: 400} .contact-us_title:after{display: block;content: "";height: 1px;background: currentColor;opacity: .6;width: 3em;margin-top: .5rem} .contact-us-info{margin-bottom: 1rem} .contact-us-info p{margin-bottom: 0.3rem} .form-group label.form-required:after { content: "*" !important; color: #e52727; position: relative; top: 0px; left: 1px; } .sample_form-des span{color:#e52727} .sample-specs__title {display: flex;justify-content: space-between;border-bottom: 1px solid #9e9e9e} .sample-spec__icon {line-height: 24px;fill: #005097;padding-top: 8px;display: none} @media (max-width: 991.98px) { .sample-spec__icon {display: block} .is_close .sample-spec__icon {transform: rotate(-180deg)} .sample-specs__list.is_close {overflow: hidden;max-height: 0;transition: max-height 100ms cubic-bezier(0.4, 0, 0.2, 1)} .sample-specs__list{max-height:fit-content} } @media (max-width: 767.98px) { #request-add-btn,#message-add-btn{width: 100%} } /*------ search style ------*/ .search_header h1,.search-header__title{font-size: 26px;font-weight: 400;line-height: 32px;margin: 0} .search_header__desc{font-size: 16px} .form-control{border-radius: 0} .search_header--btn{top: 0px;right: 5px!important; margin-left: 5px;position: absolute;background-color: unset;border: 0} .header-3_title{font-size: 16px;font-weight: 300} .search-group{margin-bottom: 1rem} .search-group--item{padding: .5rem 0;border-bottom:1px dashed #ebebeb} .search--item__desc{color:#555} .search--item__desc:before{display: inline-block; vertical-align: middle; content: ""; height: 1px; width: 10px; background: currentColor; opacity: .6;margin: 0 0.5rem} .search-content .pagination{border-top: 0} /*------ news style ------*/ .news_header h1,.post-header__title{ font-size: 26px;font-weight: 400;line-height: 32px;margin: 0 } .header-line{border-bottom: 1px solid #ebebeb;padding-top: 16px} .divide-line{border-width: 0px;border-style: solid;border-bottom-color: #ebebeb;border-bottom-width: 1px;height: 1px;margin: 24px 0} .news-filter .form-group{text-align: left} .news-filter .form-group select{height: 36px} .news-filter .col-lg-3:last-child{text-align: left} .post-header__meta{margin-top: 0px} @media (min-width: 1200px){ .news-filter .form-group{width: 100%;max-width: 280px} } @media (min-width: 992px) and (max-width: 1199.98px){ .news-filter .form-group{width: 100%;max-width: 280px} } @media (min-width: 520px) and (max-width: 991.98px){ .news_header h1,.post-header__title{ font-size: 20px;font-weight: 400;line-height: 26px;margin: 0 } .news-filter{display: flex;margin: 0 auto;text-align: center} .news-filter .col-lg-3{width: 33.333333%;flex: 0 0 33.333333%} .news-filter .col-lg-3{padding: 0 1rem 0 0} .news-filter .form-group{width:250px;max-width: 100%;} .post-header__meta{margin-top: 1rem} } @media (max-width: 519.98px){ .news_header h1,.post-header__title{ font-size: 20px;font-weight: 400;line-height: 26px;margin: 0 } .news-filter .btn{width:100%;} .post-header__meta{margin-top: 1rem} } .post-navigation{border-top:1px dashed #ebebeb} .post-navigation__body{display: block} .post-navigation__item{width: 50%} .post-navigation__direction{display: inline-flex; justify-content: right} .post-navigation__item--prev .post-navigation__direction{justify-content: left} .post-navigation__item--prev{float: left} .post-navigation__item--next{text-align: right;float: right} .post-navigation__item--prev .post-navigation__item-info{margin-right: 40px} .post-navigation__item--next .post-navigation__item-info{margin-left: 40px} .post-navigation__item--prev .post-navigation__direction-arrow{margin-right: 10px} .post-navigation__item--next .post-navigation__direction-arrow{margin-left: 10px} .post-navigation__direction-title{text-align: left} @media (max-width: 991.98px) { .post-navigation__body{display: block} .post-navigation__item--next, .post-navigation__item--prev{margin-bottom: 1rem;float: unset} .post-navigation__item{width: 100%;display: block;text-align: left} .post-navigation__item--prev .post-navigation__item-info{margin-right: 0px} .post-navigation__item--next .post-navigation__item-info{margin-left: 0px} .post-navigation__direction{display: inline-flex; justify-content: left;} } /*------ products style ------*/ .product_file {border-top:1px solid #ebebeb;padding-top: 16px;padding-bottom: 16px;margin-top: 8px;margin-bottom: 8px} .product_file svg {vertical-align: text-bottom} .product_file .product_file_link {flex-wrap: wrap; font-size: 14px} .product_file .product_file_link:hover {text-decoration: underline} .header-2_title{font-weight: 300; font-size: 20px} .header_description{font-weight: 300; font-size: 20px;word-break: break-all} .product__header-btn .col-lg-12{padding: 0} .product-labs label{background-color: #f2eeda;padding: 2px 5px;border-radius: 5px} @media (min-width: 1200px){ .product__header-btn{text-align: right} .product__header-btn .btn{width: 100%;max-width: 220px} } @media (min-width: 992px) and (max-width: 1199.98px){ .product__header-btn .btn{width: 100%;} } @media (min-width: 520px) and (max-width: 991.98px){ .product__header-btn{display: flex;margin: 0 auto;text-align: center} .product__header-btn .col-lg-12{width: 50%;} .product__header-btn .col-lg-12.mb-3{margin-bottom: 0} .product__header-btn .btn{width:220px;max-width: 100%;} } @media (max-width: 519.98px){ .product__header-btn .btn{width:100%;} } .product-info .image__tag{ border:1px solid #ebebeb;object-fit: scale-down;margin-bottom: 1.5rem;width: inherit;max-height: 300px; } @media (min-width: 768px) { .product-info .col-lg-4 {width: 33.33333333%; flex: unset;text-align: end} .product-info .col-lg-8 {width: 66.33333337%; flex: unset} .product-info .image__tag{width: 100%} } .typography ul li{list-style-type:disc } /*------ product-detail style ------*/ .product-info .product__gallery .image__tag{border:unset; object-fit: scale-down;width: inherit;margin-bottom:unset;max-height: 250px!important;} .product__actions,.product__actions .col-lg-12, .product__actions .col-lg-6{padding:0px} @media (min-width: 1200px){ .product__actions-item--addtocart{display: flex} .product__actions-item--addtocart .col-lg-2{width: 25%;max-width:25%;padding: 0px;-ms-flex: 0 0 25%;flex: 0 0 25%;} .product__actions-item--addtocart .col-lg-2:first-child{padding-right: 10px} .product__actions-item--addtocart .col-lg-2:last-child{padding-left: 10px} .product__actions-item--addtocart .btn{width:100%;} } @media (min-width: 992px) and (max-width: 1199.98px){ .product__actions-item--addtocart .col-lg-2{-ms-flex: 0 0 50%;flex: 0 0 50%;} } @media (min-width: 520px) and (max-width: 1199.98px){ .product__actions-item--addtocart{display: flex} .product__actions-item--addtocart .col-lg-2{width: 50%;padding: 0px;max-width: 50%} .product__actions-item--addtocart .col-lg-2:first-child{padding-right: 10px} .product__actions-item--addtocart .col-lg-2:last-child{padding-left: 10px} .product__actions-item--addtocart .btn{width:100%;} } @media (max-width: 519.98px){ .product__actions-item--addtocart .col-lg-2{padding:0px} .product__actions-item .btn{width:100%;display: block} .product__actions-item .btn:first-child{margin-bottom: 1rem} } .product__actions-item table th,.product__actions-item table td{padding-left:.5rem} .product_detail__shipping-info span{display: block;font-style: italic;font-size: 12px;white-space: break-spaces} .product-detail__aside-section{font-weight: 500;display: block;font-size: 1rem} .product__unitPrice-table thead{background-color: antiquewhite;border-bottom: 1px solid #efefef} .product__actions-item--quantity{display: flex;margin-right: 0} .product__actions-item--quantity label{line-height: 26px} .product__actions-item--quantity .input-number{max-width: 200px} .product__price-table thead{background-color: #f7f7f7} .form-group input,input.input-number__input{border-radius: 0} .layui-table-fixed-l{box-shadow: unset!important;border-right: 1px dashed #ebebeb} .layui-table, .layui-table-view {margin: 0!important} .layui-table-body{margin-bottom: 0!important;margin-right: 0!important;} .not-found__title{font-size: 34px;line-height: 40px;margin-bottom: 48px;font-weight: 300;color: #333;} .not-found__content{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .error-img-rect{color: #fff;font-weight: 600;width: auto;padding: 12px;min-width: 4rem;display: table-cell;} .error-img-line{fill: none;stroke: #000;stroke-width: 3px;stroke-linejoin: round;display: table-cell;} .error-red{background-color: #e52727} .error-blur{background-color: #005097} mark{padding:0} .cat-col-list a { display: block;overflow: hidden;height: 100%;padding: 10px 10px 10px 20px;color: #222;border:1px solid #d4d4d4;position: relative; } .cat-col-list .icon-class-categories { width: 40px;height: 40px;color: #005097;margin: 10px 15px 10px 0px;font-size: 40px;font-size: 2.5rem; } .cat-col-list h6 { position: absolute;top: 50%;left: 75px;width: 70%;transform: translate(0, -50%);margin: 0;font-size: 12px;font-size: 1rem;line-height: 15px;font-weight: 500;overflow: hidden; } .parts-sections-list a,.parts-sections-list a:hover{color:#fff;} .black-footer-line{border-bottom:2px solid #ebebeb} .browse_items{background-color: #f0f0f0;line-height: 36px;text-align: right} .browse_items .cursor{cursor: pointer;} .product-match{border: 1px solid #ebebeb} .product-match .header-2_title{background-color: #f7f7f7;padding:5px 2px} .product-match .product-match-item img{width: 45px} .product-match .un-msg{color:#b9b9b9;font-size: 20px} .series-cont-header{text-align: left;padding-left: 10px;background-color: #00509763;font-size: 16px} .series-content img{width: 100%;border: unset}