.swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.ajax__searcher {

    position: absolute;

    max-height: 200px;

    width: 100%;

    top: 35px;

    left: 0;

    padding: 15px 0;

    display: none;

    overflow: hidden;

    background: #ffff;

    z-index: 99;

    border: 1px solid #dedede;

    overflow-y: scroll;

}



.ajax__searcher a {

    display: block;

    padding: 0px 10px 0px 10px;

    margin-bottom: 10px;

    text-decoration: none;

    color: #000;

}



.ajax__searcher a:hover {

    background: #dedede;

    color: #000;

}



.swiper-container-no-flexbox .swiper-slide {

    float: left;

}



.swiper-container-vertical > .swiper-wrapper {

    -webkit-box-orient: vertical;

    -ms-flex-direction: column;

    flex-direction: column;

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    transition-property: -webkit-transform;

    -webkit-transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.swiper-container-multirow > .swiper-wrapper {

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.swiper-container-free-mode > .swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto;

}



.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex: 0 0 auto;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

}



.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto;

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    transition-property: height, -webkit-transform;

    -webkit-transition-property: height, -webkit-transform;

    transition-property: transform, height;

    transition-property: transform, height, -webkit-transform;

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000;

}



.swiper-wp8-horizontal {

    -ms-touch-action: pan-y;

    touch-action: pan-y;

}



.swiper-wp8-vertical {

    -ms-touch-action: pan-x;

    touch-action: pan-x;

}



.swiper-button-next,

.swiper-button-prev,

.swiper-button-prev-st,

.swiper-button-next-st {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat;

}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    opacity: 0.35;

    cursor: auto;

    pointer-events: none;

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    left: 10px;

    right: auto;

}



.swiper-button-prev.swiper-button-black,

.swiper-container-rtl .swiper-button-next.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-prev.swiper-button-white,

.swiper-container-rtl .swiper-button-next.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    right: 10px;

    left: auto;

}



.swiper-button-next.swiper-button-black,

.swiper-container-rtl .swiper-button-prev.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-next.swiper-button-white,

.swiper-container-rtl .swiper-button-prev.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-prev-st {

	left: 10px;

    right: auto;

}

.swiper-button-next-st {

	right: 10px;

    left: auto;

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 10;

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0;

}



.swiper-container-horizontal > .swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%;

}



.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: 0.2;

}



button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -webkit-appearance: none;

    appearance: none;

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}



.swiper-pagination-white .swiper-pagination-bullet {

    background: #fff;

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff;

}



.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff;

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000;

}



.swiper-container-vertical > .swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

}



.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 5px 0;

    display: block;

}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

}



.swiper-pagination-progress {

    background: rgba(0, 0, 0, 0.25);

    position: absolute;

}



.swiper-pagination-progress .swiper-pagination-progressbar {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    transform-origin: left top;

}



.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

    -webkit-transform-origin: right top;

    transform-origin: right top;

}



.swiper-container-horizontal > .swiper-pagination-progress {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0;

}



.swiper-container-vertical > .swiper-pagination-progress {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0;

}



.swiper-pagination-progress.swiper-pagination-white {

    background: rgba(255, 255, 255, 0.5);

}



.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

    background: #fff;

}



.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

    background: #000;

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    -o-perspective: 1200px;

    perspective: 1200px;

}



.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10;

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-coverflow .swiper-wrapper,

.swiper-container-flip .swiper-wrapper {

    -ms-perspective: 1200px;

}



.swiper-container-cube,

.swiper-container-flip {

    overflow: visible;

}



.swiper-container-cube .swiper-slide,

.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

}



.swiper-container-cube .swiper-slide .swiper-slide,

.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active,

.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top,

.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.swiper-container-cube .swiper-slide {

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%;

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0;

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next + .swiper-slide,

.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible;

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0;

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    transition-property: opacity;

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

}



.swiper-zoom-container > canvas,

.swiper-zoom-container > img,

.swiper-zoom-container > svg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

}



.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, 0.1);

}



.swiper-container-horizontal > .swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%;

}



.swiper-container-vertical > .swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%;

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, 0.5);

    border-radius: 10px;

    left: 0;

    top: 0;

}



.swiper-scrollbar-cursor-drag {

    cursor: move;

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    animation: swiper-preloader-spin 1s steps(12, end) infinite;

}



.swiper-lazy-preloader:after {

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-position: 50%;

    background-size: 100%;

    background-repeat: no-repeat;

}



.swiper-lazy-preloader-white:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

}



@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



.mfp-bg {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1042;

    overflow: hidden;

    position: fixed;

    background: #0b0b0b;

    opacity: 0.8;

}



.mfp-wrap {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1043;

    position: fixed;

    outline: 0 !important;

    -webkit-backface-visibility: hidden;

}



.mfp-container {

    text-align: center;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    padding: 0 8px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.mfp-container:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.mfp-align-top .mfp-container:before {

    display: none;

}



.mfp-content {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin: 0 auto;

    text-align: left;

    z-index: 1045;

}



.mfp-ajax-holder .mfp-content,

.mfp-inline-holder .mfp-content {

    width: 100%;

    cursor: auto;

}



.mfp-ajax-cur {

    cursor: progress;

}



.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

    cursor: -webkit-zoom-out;

    cursor: zoom-out;

}



.mfp-zoom {

    cursor: pointer;

    cursor: -webkit-zoom-in;

    cursor: zoom-in;

}



.mfp-auto-cursor .mfp-content {

    cursor: auto;

}



.mfp-arrow,

.mfp-close,

.mfp-counter,

.mfp-preloader {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.mfp-loading.mfp-figure {

    display: none;

}



.mfp-hide {

    display: none !important;

}



.mfp-preloader {

    color: #ccc;

    position: absolute;

    top: 50%;

    width: auto;

    text-align: center;

    margin-top: -0.8em;

    left: 8px;

    right: 8px;

    z-index: 1044;

}



.mfp-preloader a {

    color: #ccc;

}



.mfp-preloader a:hover {

    color: #fff;

}



.mfp-s-ready .mfp-preloader {

    display: none;

}



.mfp-s-error .mfp-content {

    display: none;

}



button.mfp-arrow,

button.mfp-close {

    overflow: visible;

    cursor: pointer;

    background: 0 0;

    border: 0;

    -webkit-appearance: none;

    display: block;

    outline: 0;

    padding: 0;

    z-index: 1046;

    -webkit-box-shadow: none;

    box-shadow: none;

}



button::-moz-focus-inner {

    padding: 0;

    border: 0;

}



.mfp-close {

    width: 44px;

    height: 44px;

    line-height: 44px;

    position: absolute;

    right: 0;

    top: 0;

    text-decoration: none;

    text-align: center;

    opacity: 0.65;

    padding: 0 0 18px 10px;

    color: #fff;

    font-style: normal;

    font-size: 28px;

    font-family: Arial, Baskerville, monospace;

}



.mfp-close:focus,

.mfp-close:hover {

    opacity: 1;

}



.mfp-close:active {

    top: 1px;

}



.mfp-close-btn-in .mfp-close {

    color: #333;

}



.mfp-iframe-holder .mfp-close,

.mfp-image-holder .mfp-close {

    color: #fff;

    right: -6px;

    text-align: right;

    padding-right: 6px;

    width: 100%;

}



.mfp-counter {

    position: absolute;

    top: 0;

    right: 0;

    color: #ccc;

    font-size: 12px;

    line-height: 18px;

    white-space: nowrap;

}



.mfp-arrow {

    position: absolute;

    opacity: 0.65;

    margin: 0;

    top: 50%;

    margin-top: -55px;

    padding: 0;

    width: 90px;

    height: 110px;

    -webkit-tap-highlight-color: transparent;

}



.mfp-arrow:active {

    margin-top: -54px;

}



.mfp-arrow:focus,

.mfp-arrow:hover {

    opacity: 1;

}



.mfp-arrow .mfp-a,

.mfp-arrow .mfp-b,

.mfp-arrow:after,

.mfp-arrow:before {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent;

}



.mfp-arrow .mfp-a,

.mfp-arrow:after {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px;

}



.mfp-arrow .mfp-b,

.mfp-arrow:before {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7;

}



.mfp-arrow-left {

    left: 0;

}



.mfp-arrow-left .mfp-a,

.mfp-arrow-left:after {

    border-right: 17px solid #fff;

    margin-left: 31px;

}



.mfp-arrow-left .mfp-b,

.mfp-arrow-left:before {

    margin-left: 25px;

    border-right: 27px solid #3f3f3f;

}



.mfp-arrow-right {

    right: 0;

}



.mfp-arrow-right .mfp-a,

.mfp-arrow-right:after {

    border-left: 17px solid #fff;

    margin-left: 39px;

}



.mfp-arrow-right .mfp-b,

.mfp-arrow-right:before {

    border-left: 27px solid #3f3f3f;

}



.mfp-iframe-holder {

    padding-top: 40px;

    padding-bottom: 40px;

}



.mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px;

}



.mfp-iframe-holder .mfp-close {

    top: -40px;

}



.mfp-iframe-scaler {

    width: 100%;

    height: 0;

    overflow: hidden;

    padding-top: 56.25%;

}



.mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000;

}



img.mfp-img {

    width: auto;

    max-width: 100%;

    height: auto;

    display: block;

    line-height: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 40px 0 40px;

    margin: 0 auto;

}



.mfp-figure {

    line-height: 0;

}



.mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #444;

}



.mfp-figure small {

    color: #bdbdbd;

    display: block;

    font-size: 12px;

    line-height: 14px;

}



.mfp-figure figure {

    margin: 0;

}



.mfp-bottom-bar {

    margin-top: -36px;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    cursor: auto;

}



.mfp-title {

    text-align: left;

    line-height: 18px;

    color: #f3f3f3;

    word-wrap: break-word;

    padding-right: 36px;

}



.mfp-image-holder .mfp-content {

    max-width: 100%;

}



.mfp-gallery .mfp-image-holder .mfp-figure {

    cursor: pointer;

}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

    .mfp-img-mobile .mfp-image-holder {

        padding-left: 0;

        padding-right: 0;

    }



    .mfp-img-mobile img.mfp-img {

        padding: 0;

    }



    .mfp-img-mobile .mfp-figure:after {

        top: 0;

        bottom: 0;

    }



    .mfp-img-mobile .mfp-figure small {

        display: inline;

        margin-left: 5px;

    }



    .mfp-img-mobile .mfp-bottom-bar {

        background: rgba(0, 0, 0, 0.6);

        bottom: 0;

        margin: 0;

        top: auto;

        padding: 3px 5px;

        position: fixed;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }



    .mfp-img-mobile .mfp-bottom-bar:empty {

        padding: 0;

    }



    .mfp-img-mobile .mfp-counter {

        right: 5px;

        top: 3px;

    }



    .mfp-img-mobile .mfp-close {

        top: 0;

        right: 0;

        width: 35px;

        height: 35px;

        line-height: 35px;

        background: rgba(0, 0, 0, 0.6);

        position: fixed;

        text-align: center;

        padding: 0;

    }

}



@media all and (max-width: 900px) {

    .mfp-arrow {

        -webkit-transform: scale(0.75);

        transform: scale(0.75);

    }



    .mfp-arrow-left {

        -webkit-transform-origin: 0;

        transform-origin: 0;

    }



    .mfp-arrow-right {

        -webkit-transform-origin: 100%;

        transform-origin: 100%;

    }



    .mfp-container {

        padding-left: 6px;

        padding-right: 6px;

    }

}



.mfp-ie7 .mfp-img {

    padding: 0;

}



.mfp-ie7 .mfp-bottom-bar {

    width: 600px;

    left: 50%;

    margin-left: -300px;

    margin-top: 5px;

    padding-bottom: 5px;

}



.mfp-ie7 .mfp-container {

    padding: 0;

}



.mfp-ie7 .mfp-content {

    padding-top: 44px;

}



.mfp-ie7 .mfp-close {

    top: 0;

    right: 0;

    padding-top: 0;

}



div.scrollWrapper {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

}



div.scrollableArea {

    position: relative;

    width: auto;

    height: 100%;

}



* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    word-spacing: normal;

}



div {

    position: relative;

}



html {

    height: 100%;

    width: 100%;

}



body {

    width: 100%;

    position: relative;

    font-family: 'PT Sans', sans-serif;

    margin: 0;

    padding: 0;

    background: #fff;

    color: #000;

    -webkit-text-size-adjust: none;

}



.content *,

.slider *,

.search * {

    font-family: 'Oswald', sans-serif;

}



img {

    border: none;

}



p {

    font-size: 16px;

    margin: 0 0 20px 0;

    line-height: 24px;

}



a {

    color: #23a2cb;

    outline: 0;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



button {

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



a:hover {

    text-decoration: none;

    color: #56bfe1;

}



h1 {

    font-size: 30px;

    margin: 0 0 40px 0;

    line-height: 1;

    color: #000;

    font-weight: 700;

    text-align: center;

}



h2 {

    font-size: 30px;

    margin: 0 0 30px 0;

    line-height: normal;

    color: #000;

    font-weight: 700;

    text-align: center;

}



h3 {

    font-size: 24px;

    margin: 0 0 20px 0;

    line-height: normal;

    color: #000;

}



h4 {

    font-size: 18px;

    margin: 0 0 15px 0;

    line-height: normal;

    color: #000;

}



h5 {

    font-size: 13px;

    margin: 0 0 15px 0;

    line-height: normal;

    color: #000;

    font-weight: 700;

}



table {

    border-collapse: collapse;

}



.table {

    width: 100%;

}



.table td {

    border: 1px solid #ddd;

    padding: 10px;

}



.table th {

    padding: 10px;

    text-align: left;

    background: #ddd;

    border: 1px solid #aaa;

}



blockquote {

    padding: 10px 20px;

    background: #ddd;

    font-size: 20px;

    font-style: italic;

    margin-bottom: 20px;

}



ol,

ul {

    margin: 0 0 25px 0;

    padding: 0 0 0 30px;

}



ol ol,

ol ul,

ul ol,

ul ul {

    margin: 10px;

}



ol li,

ul li {

    font-size: 14px;

    margin-bottom: 5px;

}



.clearfix {

    zoom: 1;

}



.clearfix:after,

.clearfix:before {

    content: '';

    display: table;

}



.clearfix:after {

    clear: both;

}



#overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    z-index: 10000;

    display: none;

    overflow: auto;

}



.modal {

    width: 435px;

    position: absolute;

    left: 50%;

    top: 150px;

    margin-left: -218px;

    background: #fff;

    padding: 30px 40px;

    display: none;

}



.modal--fz {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #fff;

    padding: 0;

    display: none;

    margin: 0;

}



.modal--cart {

    width: 495px;

    margin-left: -247px;

}



/*.j-noScroll {

overflow: hidden;

}*/



.modal__close {

    background-image: url(../img/sprite.png);

    background-position: -20px -82px;

    width: 14px;

    height: 14px;

    position: absolute;

    top: 20px;

    right: 20px;

    cursor: pointer;

}



.modal__close:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px -48px;

    width: 14px;

    height: 14px;

}



.order-title {

    font-size: 26px;

    margin-bottom: 20px;

}



.form-line {

    margin-bottom: 15px;

}



.form-line input[type='text'] {

    width: 100%;

    height: 35px;

    border: 1px solid #cedae1;

    outline: 0;

    padding: 0 5px;

}



.form-line input[type='text']:focus {

    border-color: #23a2cb;

}



.form-line input[type='password'] {

    width: 100%;

    height: 35px;

    border: 1px solid #cedae1;

    outline: 0;

    padding: 0 5px;

}



.form-line label {

    font-size: 16px;

    display: block;

    margin-bottom: 5px;

}



.form-line textarea {

    width: 100%;

    height: 70px;

    border: 1px solid #cedae1;

    outline: 0;

}



.form-line button {

    display: inline-block;

    font-size: 14px;

    color: #23a2cb;

    text-transform: uppercase;

    padding: 5px 30px;

    border: 2px solid #23a2cb;

    text-decoration: none;

    font-weight: 700;

    background: 0 0;

    height: 35px;

    cursor: pointer;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



.form-line button:hover {

    color: #fff;

    background: #23a2cb;

}



.form-line label.error {

    font-size: 14px;

    color: #f64040;

    margin-top: 5px;

}



.form-line input[type='text'].error {

    border-color: #f64040;

}



.form-line input[type='password'].error {

    border-color: #f64040;

}



input[type='checkbox'] {

    position: absolute;

    opacity: 0;

}



input[type='checkbox'] + label {

    position: relative;

    cursor: pointer;

    padding-left: 25px;

    font-size: 14px;

}



input[type='checkbox'] + label:before {

    content: '';

    width: 15px;

    height: 15px;

    margin-right: 5px;

    display: block;

    position: absolute;

    top: 3px;

    left: 0;

    border: 1px solid #cedae1;

}



input[type='checkbox']:checked + label i {

    background-repeat: no-repeat;

    background-position: center;

    top: 7px;

    left: 2px;

    position: absolute;

    vertical-align: middle;

    display: block;

    background-image: url(../img/sprite.png);

    background-position: -103px -90px;

    width: 13px;

    height: 9px;

}



.placeholder::-webkit-input-placeholder {

    color: #000;

    font-style: italic;

}



.placeholder::-moz-placeholder {

    color: #000;

    font-style: italic;

}



.placeholder:-moz-placeholder {

    color: #000;

    font-style: italic;

}



.placeholder:-ms-input-placeholder {

    color: #000;

    font-style: italic;

}



body {

    min-height: 100vh;

    padding-bottom: 150px;

}



.reset {

    background: 0 0;

    margin: 0;

    padding: 0;

}



.wrap {

    max-width: 1000px;

    margin: 0 auto;

}



.header {

    padding-top: 20px;

    min-width: 1024px;

}



.header-logo {

    font-family: Arial, serif;

    color: #000;

    font-size: 26px;

    font-weight: 800;

    text-decoration: none;

    width: 240px;

    display: block;

    position: absolute;

    left: 0;

    top: -30px;

    text-align: center;

}



.header-logo span {

    font-family: 'PT Sans', sans-serif;

    font-size: 16px;

    font-weight: bold;

    display: block;

    line-height: 14px;

    color: #015d85;

    text-transform: uppercase;

    margin-top: -20px;

}



.header-inn {

    height: 110px;

}



.header-centr {

    position: absolute;

    left: 330px;

}



.header__phone {

    display: inline-block;

    font-size: 20px;

    font-weight: 700;

    margin-right: 20px;

    vertical-align: middle;

}



.header__call, .header__contanct {

    display: inline-block;

    font-size: 14px;

    color: #23a2cb;

    text-transform: uppercase;

    padding: 5px 30px;

    border: 2px solid #23a2cb;

    text-decoration: none;

    font-weight: 700;

    vertical-align: middle;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

    display: block;

}



.header__call:hover, .header__contanct:hover {

    color: #fff;

    background: #23a2cb;

}



.header-right {

    text-align: left;

    position: absolute;

    top: 5px;

    right: 0;

}



.header-personal {

    font-size: 15px;

    margin-bottom: 20px;

}



.header-personal:before {

    content: '';

    display: inline-block;

    background-image: url(../img/sprite.png);

    background-position: 0 -82px;

    width: 20px;

    height: 20px;

    vertical-align: middle;

    margin-right: 5px;

}



.header-personal a {

    color: #000;

    text-decoration: none;

}



.header-personal a:hover {

    color: #23a2cb;

    text-decoration: underline;

}



.header-cart {

    text-decoration: none;

    color: #000;

}



.header-cart:before {

    content: '';

    display: inline-block;

    background-image: url(../img/sprite.png);

    background-position: -80px 0;

    width: 23px;

    height: 21px;

    vertical-align: middle;

    margin-right: 5px;

}



.header-cart:hover {

    color: #000;

}



.header-cart:hover .header-cart__title {

    color: #23a2cb;

}



.header-cart__title {

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    margin-right: 25px;

}



.header-cart__qunt {

    display: inline-block;

    font-size: 15px;

}



.header-cart__qunt span {

    font-size: 17px;

    font-weight: 700;

}



.header-menu {

    background: #195273;

}



.header-menu-inn {

    width: 100%;

    text-align: center;

}



.header-menu-one {

    color: #c6e0ee;

    padding: 10px 34px;

    font-size: 16px;

    display: inline-block;

    text-decoration: none;

}



.header-menu-one:first-child {

    padding-left: 0;

    text-transform: uppercase;

}



.header-menu-one:last-child {

    padding-right: 0;

}



.header-menu-one:hover {

    color: #fff;

}



.search {

    background: #20779c;

    padding: 5px;

    min-width: 1024px;

    position: relative;

    z-index: 200;

}



.search-input {

    font-size: 15px;

    width: 100%;

    height: 35px;

    padding: 0 10px;

    border: none;

    outline: 0;

}



.search-input::-webkit-input-placeholder {

    color: #000;

    font-style: italic;

}



.search-input::-moz-placeholder {

    color: #000;

    font-style: italic;

}



.search-input:-moz-placeholder {

    color: #000;

    font-style: italic;

}



.search-input:-ms-input-placeholder {

    color: #000;

    font-style: italic;

}



.search-button {

    position: absolute;

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    border: none;

    background: #fff;

    outline: 0;

    cursor: pointer;

}



.search-button:after {

    content: '';

    background-image: url(../img/sprite.png);

    background-position: -80px -41px;

    width: 20px;

    height: 20px;

    display: block;

    position: absolute;

    top: 8px;

    left: 7px;

}



.slider {

    height: 400px;

    margin-bottom: 40px;

    background: #20789d;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #20789d), color-stop(50%, #1c6386), to(#195273));

    background: linear-gradient(#20789d 0, #1c6386 50%, #195273 100%);

}



.slider .swiper-slide {

    text-align: right;

}



.slider .swiper-pagination {

    text-align: left;

    bottom: 20px;

}



.slider .swiper-pagination .swiper-pagination-bullet {

    width: 16px;

    height: 16px;

    background: #fff;

    opacity: 1;

    cursor: pointer;

}



.slider .swiper-pagination .swiper-pagination-bullet-active {

    background: #23a2cb;

}



.slider .swiper-button-prev-st {

    background-image: url(../img/sprite.png);

    background-position: -63px 0;

    width: 17px;

    height: 30px;

    background-size: auto;

    top: -220px;

}



.slider .swiper-button-prev-st:hover {

    background-image: url(../img/sprite.png);

    background-position: -63px -30px;

    width: 17px;

    height: 30px;

}



.slider .swiper-button-next-st {

    background-image: url(../img/sprite.png);

    background-position: -63px 0;

    width: 17px;

    height: 30px;

    background-size: auto;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    top: -220px;

}



.slider .swiper-button-next-st:hover {

    background-image: url(../img/sprite.png);

    background-position: -63px -30px;

    width: 17px;

    height: 30px;

}



.slider .swiper-button-disabled {

    opacity: 0;

}



.slider-nav {

    max-width: 1150px;

    margin: 0 auto;

}



.slider-inn {

    max-width: 1000px;

    margin: 0 auto;

    overflow: hidden;

}



.slider-title {

    text-align: left;

    position: absolute;

    left: 0;

    top: 90px;

    color: #fff;

    max-width: 380px;

}



.slider-title a {

    font-size: 18px;

    color: #fff;

}



.slider-title__top {

    font-size: 41px;

    font-weight: 700;

}



.slider-title__bottom {

    font-size: 26px;

    font-weight: 700;

    margin-bottom: 10px;

}



.catalog {

    word-spacing: -0.35em;

}



.catalog-one {

    display: inline-block;

    width: 310px;

    margin-right: 25px;

    padding-left: 20px;

    margin-bottom: 40px;

    text-decoration: none;

    position: relative;

    vertical-align: top;

}



.catalog-one img {

    display: block;

    margin-bottom: 10px;

    border: 1px solid #d1dce3;

}



.catalog-one:nth-child(3n) {

    margin-right: 0;

}



.catalog-one__title {

    padding-left: 90px;

    font-size: 22px;

    color: #000;

    position: relative;

}



.catalog-one__title:after {

    content: '';

    position: absolute;

    top: -212px;

    left: -15px;

    width: 95px;

    height: 225px;

    border-left: 3px solid #23a2cb;

    border-bottom: 3px solid #23a2cb;

}



.footer {

    background: #195273;

    padding-top: 25px;

    min-height: 150px;

    position: absolute;

    width: 100%;

    bottom: 0;

    min-width: 1020px;

}



.footer-left {

    position: absolute;

    top: 0;

    left: 0;

    width: 150px;

    font-size: 14px;

    font-weight: 700;

    color: #7ea3b7;

}



.footer-left a {

    display: block;

    text-decoration: none;

    font-size: 14px;

    color: #7ea3b7;

    font-weight: 400;

    margin-top: 10px;

}



.footer-menu {

    padding-left: 250px;

    top: -3px;

}



.footer-menu a {

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    color: #c6e0ee;

    text-decoration: none;

    display: inline-block;

    line-height: 13px;

}



.footer-menu a:after {

    content: '|';

    font-weight: 400;

    margin: 0 5px;

}



.footer-menu a:last-child:after {

    display: none;

}



.footer-right {

    position: absolute;

    top: 0;

    right: 0;

    color: #7ea3b7;

    text-align: right;

}



.footer-phone {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 10px;

    line-height: 20px;

    color: #fff;

}

.footer-phone a {

    color: #fff !important;

}

.footer-adres {

    font-size: 14px;

}



.breadcrumbs {

    margin: 15px 0 30px;

    margin-top: 10px;

    margin-bottom: 25px;

    font-size: 14px;

    color: #b2b2b2;

}



.breadcrumbs a {

    color: #195273;

}



.content {

    margin-bottom: 50px;

    min-width: 1020px;

}



.catalog-list {

    margin-bottom: 50px;

}



.catalog-list ul {

    list-style: none;

    padding-left: 55px;

    margin-left: 30px;

    padding-top: 10px;

    margin-bottom: 10px;

}



.catalog-list li {

    position: relative;

    margin: 10px 0;

}



.catalog-list li:before {

    content: '';

    width: 40px;

    height: 30px;

    border-left: 2px solid #23a2cb;

    border-bottom: 2px solid #23a2cb;

    display: block;

    position: absolute;

    top: -20px;

    left: -50px;

}



.catalog-list a {

    color: #000;

    text-decoration: none;

}



.catalog-list a:hover {

    color: #23a2cb;

}



.catalog-list span {

    padding-left: 85px;

    font-size: 14px;

    display: none;

}



.catalog-list__title {

    display: inline-block;

    border-bottom: 2px solid #23a2cb;

    font-size: 22px;

    line-height: 36px;

}



.detals {

    position: relative;

    width: 100%;

}



.detal-list {

    width: auto;

    margin-right: 5px;

    float: left;

    width: 50%;

}



.detal-list table {

    max-width: 100%;

    width: 100% !important;

    border-collapse: collapse;

    /*table-layout: fixed;*/

}



.detal-list tr {

    transition: background-color 1s;

}



.detal-list .select_item {

    background: #c1c5c7;

}



.detal-list-one:hover {

    background: #eff4f7;

}



.detal-list table th {

    background: #eff4f7;

    text-align: left;

    font-size: 15px;

    padding: 10px 5px;

    width: 30px;

}



.detal-list table td {

    font-size: 14px;

    text-align: left;

    padding: 5px 5px;

    white-space: nowrap;

    width: 30px;

    text-overflow: ellipsis;

    overflow: hidden;

}

.detal-list table td:nth-child(4) {

    white-space: normal;

}

.detal-list table .even td {

    background: #eff4f7;

}



.detal-list table .detal-list-one {

    cursor: pointer;

}



.detal-list-one td:first-child,

.detal-list-one th:first-child {

    width: 50px;

    padding-left: 5px;

}



.detal-list table td:nth-child(3) span {

    display: block;

    white-space: nowrap;

    width: 165px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.detal-list table .detal-list-one.open {

    border: 1px solid #bfcdd6;

    border-bottom: none;

    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);

}



.detal-list table .detal-list-one.open td {

    background: #fff;

}



.scrollableArea {

    margin: 0 auto;

}



.detal-img {

    float: left;

    width: calc(50% - 5px);

    /*было 38%-20px*/

}



.detal-img img {

    display: block;

    width: 100%;

}



.detal-one-slider {

    width: 190px;

    overflow: hidden;

}



.detal-one-slider img {

    width: 100%;

}



.detal-one-slider .swiper-button-prev {

    background-image: url(../img/sprite.png);

    background-position: -103px -24px;

    width: 14px;

    height: 24px;

    background-size: auto;

    margin-top: -12px;

}



.detal-one-slider .swiper-button-prev:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px 0;

    width: 14px;

    height: 24px;

}



.detal-one-slider .swiper-button-next {

    background-image: url(../img/sprite.png);

    background-position: -103px -24px;

    width: 14px;

    height: 24px;

    background-size: auto;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-top: -12px;

}



.detal-one-slider .swiper-button-next:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px 0;

    width: 14px;

    height: 24px;

}



.box {

    max-width: 1880px;

    margin: 0 auto;

    overflow: hidden;

}



.detal-one {

    display: none;

    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);

    border: 1px solid #bfcdd6;

    border-top: none;

}



.detal-one > td {

    padding: 2px !important;

}



.detal-art {

    text-decoration: none;

}



.detal-price {

    color: #23a2cb;

}



.detal-one-top {

    padding: 10px 10px 20px 10px;

}



.detal-one__title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 20px;

    padding-left: 30px;

}



.detal-one-slider {

    display: inline-block;

    vertical-align: top;

    margin-right: 10px;

    padding: 0 30px;

}



.detal-one-slider .swiper-slide {

    border: 1px solid #cedae1;

}



.detal-one__video {

    display: inline-block;

    vertical-align: top;

    margin-right: 20px;

}



.detal-one__descr {

    display: inline-block;

    vertical-align: top;

    width: 360px;

}



.detal-one__descr p {

    margin-bottom: 5px;

    font-size: 15px;

    line-height: 18px;

}



.detal-one__more {

    color: #fff;

    background: #23a2cb;

    font-size: 14px;

    text-transform: uppercase;

    padding: 5px 10px;

    font-weight: 700;

    text-decoration: none;

    margin-top: 10px;

    display: block;

    margin-left: 30px;

    width: 95px;

}



.detal-one-table table {

    width: 100%;

}



.detal-one-table table tr:hover,

.detal-one-table table tr:nth-child(2n+1):hover td {

    background: #d1dce3;

}



.detal-one-table table th {

    background: #d1dce3;

    text-align: left;

    font-size: 15px;

    padding: 15px 10px;

    border-color: #d1dce3;

}



.detal-one-table table td {

    font-size: 14px;

    text-align: left;

    padding: 10px 10px;

}



.detal-one-table table tr:nth-child(2n+1) td {

    background: #eff4f7;

}



.good-quant {

    word-spacing: -0.35em;

}



.good-quant__minus {

    display: inline-block;

    width: 20px;

    height: 25px;

    vertical-align: middle;

    text-align: center;

    border: 1px solid #cedae1;

    font-size: 20px;

    font-weight: 700;

    color: #23a2cb;

    background: #fff;

    cursor: pointer;

    line-height: 25px;

}



.good-quant__input {

    width: 35px;

    display: inline-block;

    height: 25px;

    vertical-align: middle;

    text-align: center;

    border: 1px solid #cedae1;

    font-size: 15px;

}



.good-quant__plus {

    display: inline-block;

    width: 20px;

    height: 25px;

    vertical-align: middle;

    text-align: center;

    border: 1px solid #cedae1;

    font-size: 20px;

    font-weight: 700;

    color: #23a2cb;

    background: #fff;

    cursor: pointer;

    line-height: 25px;

}



.good-quant__plus,

.good-quant__minus {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.to-cart {

    font-family: 'PT Sans', sans-serif;

    color: #23a2cb;

    border: none;

    outline: 0;

    background: 0 0;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 700;

    cursor: pointer;

    text-decoration: none;

}



.detal-photo {

    cursor: pointer;

    background-image: url(../img/sprite.png);

    background-position: -25px -63px;

    width: 25px;

    height: 19px;

}



.detal-photo:hover {

    background-image: url(../img/sprite.png);

    background-position: -50px -63px;

    width: 25px;

    height: 19px;

}



.detal-photo.disable {

    background-image: url(../img/sprite.png);

    background-position: 0 -63px;

    width: 25px;

    height: 19px;

}



.good-item {

    margin-bottom: 20px;

}



.good-img {

    float: left;

    margin-right: 20px;

    width: 135px;

}



.good-img img {

    width: 100%;

    border: 1px solid #bfcdd6;

}



.good-title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 10px;

}



.good-art {

    font-size: 14px;

}



.button-line {

    word-spacing: -0.35em;

}



.button-one {

    display: inline-block;

    font-size: 14px;

    margin-right: 15px;

    color: #23a2cb;

    text-transform: uppercase;

    padding: 6px 10px;

    text-align: center;

    border: 2px solid #23a2cb;

    text-decoration: none;

    font-weight: 700;

    background: 0 0;

    height: 35px;

    width: 200px;

    vertical-align: top;

    cursor: pointer;

}



.button-one:nth-child(2n) {

    margin-right: 0;

}



.hover-img {

    position: absolute;

    bottom: 50%;

    margin-bottom: -300px;

    left: 20px;

    z-index: 10;

    border: 1px solid #bfcdd6;

    max-width: 600px;

}



.tooltip {

    position: absolute;

    bottom: 0;

    left: 20px;

    z-index: 10;

    background: #eff4f7;

    font-size: 12px;

    width: 70px;

    text-align: center;

    padding: 5px 10px;

}



.cart-list table {

    width: 100%;

}



.cart-list table th {

    background: #d1dce3;

    text-align: left;

    font-size: 15px;

    padding: 15px 10px;

    border-color: #d1dce3;

}



.cart-list table td {

    font-size: 14px;

    text-align: left;

    padding: 10px 10px;

    border-bottom: 1px solid #eff4f7;

}



.table {

    width: 100%;

}



.table th {

    background: #d1dce3;

    text-align: left;

    font-size: 15px;

    padding: 15px 10px;

    border: none;

}



.table td {

    font-size: 14px;

    text-align: left;

    padding: 10px 10px;

    border: none;

    border-bottom: 1px solid #d1dce3;

}



.table tr:nth-child(2n+1) td {

    background: #eff4f7;

}



.cart-list-title a {

    display: block;

    text-decoration: none;

    font-weight: 700;

}



.cart-list-bottom td {

    background: #d1dce3;

}



.good-remove {

    background-image: url(../img/sprite.png);

    background-position: -103px -76px;

    width: 14px;

    height: 14px;

    cursor: pointer;

}



.good-remove:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px -62px;

    width: 14px;

    height: 14px;

}



.good-total-title {

    font-size: 18px;

    font-weight: 700;

}



.good-total {

    font-size: 24px !important;

    font-weight: 700;

    text-align: right !important;

}



.content-form {

    width: 350px;

    margin: 0 auto;

    left: 80px;

}



.content-form__title {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 20px;

}



.inline-form {

    margin-bottom: 20px;

}



.inline-form input[type='text'] {

    width: 100%;

    height: 35px;

    border: 1px solid #cedae1;

    outline: 0;

    padding: 0 5px;

}



.inline-form textarea {

    width: 100%;

    height: 70px;

    border: 1px solid #cedae1;

    outline: 0;

}



.inline-form label {

    font-size: 16px;

    display: block;

    position: absolute;

    width: 170px;

    text-align: right;

    right: calc(100% + 20px);

}



.inline-form label span {

    color: red;

}



.inline-form label.error {

    font-size: 14px;

    color: #f64040;

    margin-top: 5px;

    right: auto;

    left: calc(100% + 20px);

    text-align: left;

    width: 230px;

    top: 0;

}



.inline-form input[type='text'].error {

    border-color: #f64040;

}



#map {

    height: 330px;

    margin-bottom: 30px;

}



.search-top {

    margin-bottom: 20px;

}



.search-request {

    font-size: 20px;

}



.search-result {

    font-size: 16px;

}



.search-results {

    counter-reset: myCounter;

}



.search-results li {

    list-style: none;

    font-size: 15px;

    margin-bottom: 20px;

}



.search-results li:before {

    counter-increment: myCounter;

    content: counter(myCounter);

    position: absolute;

    left: 0;

}



.search-results p {

    margin-bottom: 5px;

    font-size: 15px;

    line-height: 18px;

}



.search-results__title {

    font-weight: 700;

    margin-bottom: 5px;

}



.pagination a {

    font-size: 16px;

    font-weight: 700;

    margin: 0 5px;

    text-decoration: none;

    color: #000;

}



.pagination .curr {

    color: #23a2cb;

}



.pagination__prev {

    background-image: url(../img/sprite.png);

    background-position: -91px -63px;

    width: 7px;

    height: 11px;

    display: inline-block;

    -webkit-transition: none;

    transition: none;

}



.pagination__prev:hover {

    background-image: url(../img/sprite.png);

    background-position: 0 -102px;

    width: 7px;

    height: 11px;

}



.pagination__next {

    background-image: url(../img/sprite.png);

    background-position: -91px -63px;

    width: 7px;

    height: 11px;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    display: inline-block;

    -webkit-transition: none;

    transition: none;

}



.pagination__next:hover {

    background-image: url(../img/sprite.png);

    background-position: 0 -102px;

    width: 7px;

    height: 11px;

}



.login-link {

    position: absolute;

    width: 140px;

    bottom: 0;

    right: 0;

}



.login-link a {

    text-transform: uppercase;

    display: block;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

}



#login button {

    width: 190px;

}



.advance {

    background: #d1dce3;

    padding: 30px;

    font-size: 16px;

    margin-bottom: 40px;

}



.advance b {

    display: block;

}



.tab-menu {

    border-bottom: 2px solid #23a2cb;

    word-spacing: -0.3em;

}



.tab-menu-one {

    display: inline-block;

    width: 180px;

    text-align: center;

    border: 2px solid #23a2cb;

    top: 2px;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 8px 0;

    cursor: pointer;

    color: #23a2cb;

}



.tab-menu-one.active {

    background: #23a2cb;

    color: #fff;

}



.tab-list-one {

    display: none;

    padding-top: 30px;

}



.lk-col {

    width: 50%;

    float: left;

    padding-right: 140px;

}



.lk-col__title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 20px;

}



.garage-one {

    margin-bottom: 30px;

}



.garage-item {

    display: table;

    width: 100%;

    border: 1px solid #cedae1;

    margin-bottom: 10px;

}



.garage-item__img {

    display: table-cell;

    padding: 1px;

}



.garage-item__img img {

    display: block;

}



.garage-item__title {

    display: table-cell;

    vertical-align: middle;

    padding: 0 15px;

    height: 59px;

}



.garage-one__link {

    position: absolute;

    left: calc(100% + 30px);

    top: 20px;

    width: 130px;

    text-decoration: none;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 14px;

}



.garage-add {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    color: #23a2cb;

    border: 2px dashed #23a2cb;

    background: 0 0;

    width: 100%;

    height: 35px;

}



.garage-select {

    margin-bottom: 10px;

}



.garage-select input {

    display: none;

}



.select-list {

    position: absolute;

    z-index: 10;

    background: #fff;

    width: 100%;

    border: 1px solid #cedae1;

}



.select-list .garage-item {

    margin-bottom: 0;

    border: none;

}



.select-list .garage-item:hover {

    background: #f5fbff;

    cursor: pointer;

}



.garage-selected .garage-item {

    margin-bottom: 0;

}



.garage-new {

    display: none;

}



.garage-one__remove {

    background-image: url(../img/sprite.png);

    background-position: -103px -76px;

    width: 14px;

    height: 14px;

    position: absolute;

    top: 24px;

    right: 15px;

    cursor: pointer;

}



.garage-one__remove:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px -62px;

    width: 14px;

    height: 14px;

}



.select:before {

    content: '';

    background-image: url(../img/sprite.png);

    background-position: -48px -82px;

    width: 14px;

    height: 8px;

    position: absolute;

    top: 26px;

    right: 15px;

}



.select:hover:before {

    content: '';

    background-image: url(../img/sprite.png);

    background-position: -34px -82px;

    width: 14px;

    height: 8px;

}



.error {

    color: red;

}



.content-back {

    position: absolute;

    top: 80px;

    left: 15px;

    color: #fff;

    background: #23a2cb;

    font-size: 18px;

    text-transform: uppercase;

    padding: 0 10px;

    font-weight: 700;

    text-decoration: none;

    margin-top: -20px;

    display: inline-block;

    text-align: center;

    z-index: 100;

}

.content-back_list {

    top: -18px;

}

.content-back span {

    display: block;

    font-size: 12px;



}



.content-back:before {

    content: '';

    height: 8px;

    width: 8px;

    display: block;

    border-top: 1px solid #bfcdd6;

    border-left: 1px solid #bfcdd6;

    position: absolute;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

    top: 50%;

    left: -15px;

}



.content-back--bottom {

    top: 0;

    position: relative;

    margin-bottom: 20px;

    margin-top: 20px;

}



.card-top {

    margin-bottom: 20px;

}



.card-left {

    width: 48%;

    display: inline-block;

    margin-right: 3.5%;

    vertical-align: top;

}



.card-left img {

    width: 100%;

}



.card-right {

    width: 48%;

    display: inline-block;

    vertical-align: top;

}



.card-right-gallery {

    overflow: hidden;

    margin-bottom: 20px;

    margin: 0 30px;

}



.card-right-gallery .swiper-slide {

    border: 1px solid #ddd;

    overflow: hidden;

}



.card-right-gallery .swiper-slide img {

    width: 100%;

    display: block;

}



.card-right-gallery .detal-one__video {

    height: 80px;

}



.card-right-gallery .detal-one__video img {

    position: relative;

    top: -7px;

}



.card-right-gallery .detal-one__video:after {

    top: 10px !important;

}



.card-right-inn {

    margin-bottom: 20px;

}



.card-right-inn .card-button-prev {

    position: absolute;

    top: 50%;

    left: 0;

    background-image: url(../img/sprite.png);

    background-position: -103px -24px;

    width: 14px;

    height: 24px;

    background-size: auto;

    margin-top: -12px;

}



.card-right-inn .card-button-prev:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px 0;

    width: 14px;

    height: 24px;

}



.card-right-inn .card-button-next {

    position: absolute;

    top: 50%;

    right: 0;

    background-image: url(../img/sprite.png);

    background-position: -103px -24px;

    width: 14px;

    height: 24px;

    background-size: auto;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-top: -12px;

}



.card-right-inn .card-button-next:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px 0;

    width: 14px;

    height: 24px;

}



.detal-one__video {

    position: relative;

}



.detal-one__video:after {

    content: '';

    background-image: url(../img/sprite.png);

    background-position: 0 0;

    width: 63px;

    height: 63px;

    display: block;

    position: absolute;

    top: 15px;

    left: 50%;

    margin-left: -31.5px;

    opacity: 0.7;

}

.card-right-gallery .card-video {

    background-image: url(../img/video_block.png);

    height: 168px;

    width: 127px;

}

#video-popup {

    text-align: center;

}

#video-popup video {

    max-width: 800px;

}



#video-popup .mfp-close {

    width: 64px;

    height: 64px;

    color: white;

    right: calc((100% -  800px) / 2);

}



.card-right__descr p {

    margin-bottom: 10px;

    line-height: 20px;

}



.recomended-inn {

    overflow: hidden;

    margin: 0 50px 20px;

}



.recomended .recomended-button-prev {

    position: absolute;

    top: 50%;

    left: 0;

    background-image: url(../img/sprite.png);

    background-position: -103px -24px;

    width: 14px;

    height: 24px;

    background-size: auto;

    margin-top: -12px;

}



.recomended .recomended-button-prev:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px 0;

    width: 14px;

    height: 24px;

}



.recomended .recomended-button-next {

    position: absolute;

    top: 50%;

    right: 0;

    background-image: url(../img/sprite.png);

    background-position: -103px -24px;

    width: 14px;

    height: 24px;

    background-size: auto;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-top: -12px;

}



.recomended .recomended-button-next:hover {

    background-image: url(../img/sprite.png);

    background-position: -103px 0;

    width: 14px;

    height: 24px;

}



.recomended-one {

    width: 140px !important;

}



.recomended-one img {

    display: block;

    margin-bottom: 10px;

}



.recomended-one__title {

    font-size: 14px;

    margin-bottom: 10px;

    text-decoration: none;

    color: #000;

    display: block;

    min-height: 18px;

    overflow: hidden;

    min-height: 36px;

    max-height: 60px;

}



.recomended-one__price {

    font-size: 14px;

    color: #23a2cb;

}



.recomended__to-cart {

    color: #fff;

    background: #23a2cb;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 10px 10px;

    text-decoration: none;

    margin-top: 10px;

    display: block;

    text-align: center;

}



.content__title {

    padding: 0 140px;

}



.header__phone a,

.footer-phone a {

    color: #000;

    text-decoration: none;

    font-size: 14px;

}



.header-centr {

    left: 300px;

    top: -5px;

}



.header__phone a {

    margin-top: 5px;

    display: inline-block;

}



.header__phone a:first-child {

    margin-top: 0;

}



.header-centr .header__call, .header__contanct {

    margin-left: 50px;

}



.content__title {

    margin-top: -20px;

    margin-bottom: 10px;

}



.card-artikul {

    text-align: center;

    color: #333333;

    font-size: 16px;

    margin-top: -10px;

    margin-bottom: 30px;

}



.card-artikul b {

    font-size: 19px;

}



.detal-one-table table td:first-child {

    width: 34px;

}



.recomended-one {

    padding-bottom: 51px;

    position: relative;

}



.recomended__to-cart {

    position: absolute;

    bottom: 0;

    width: 100%;

}



.photoviewer-modal .photoviewer-inner {

    background: rgba(0, 0, 0, 0.7);

}



.photoviewer-modal .photoviewer-title {

    color: #fff;

    text-align: center;

}



.photoviewer-modal .photoviewer-toolbar-head {

    position: absolute;

    right: 0;

    z-index: 1;

}



.photoviewer-modal .photoviewer-toolbar-head .photoviewer-button {

    font-size: 29px;

}



.photoviewer-modal .photoviewer-stage {

    background: transparent;

    border: 0;

}



.photoviewer-modal .photoviewer-button {

    color: #fff;

    font-size: 26px;

}



.photoviewer-modal .photoviewer-button:hover {

    color: #23a2cb;

}



img.-photo-viewer-image {

    cursor: pointer;

    opacity: 0.9;

}



img.-photo-viewer-image:hover {

    outline: 1px solid rgba(58, 162, 203, 0.26);

    opacity: 1;

}



.center {

    text-align: center;

}



.detal-img-open-trigger {

    display: inline-block;

    padding: 7px 24px;

}



@media only screen and (max-width: 1050px) {

    .photoviewer-button svg {

        width: 3em !important;

        height: 3em !important;

    }



    .photoviewer-button {

        width: 70px !important;

        height: 70px !important;

    }



    .photoviewer-footer {

        top: 10px !important;

        bottom: auto !important;

    }



    .photoviewer {

        position: fixed !important;

        top: 0px !important;

        bottom: auto;

    }



    .photoviewer-modal .photoviewer-button {

        margin: 10px !important;

    }



    #overlay > .modal {

        -webkit-transform: scale(2) translateY(50%);

        transform: scale(2) translateY(50%);

    }



    .catalog-list li:before {

        border-left: none;

        border-bottom: 4px solid #23a2cb;

        top: -21px;

    }



    .catalog-list ul {

        position: relative;

    }



    .catalog-list ul:before {

        content: '';

        display: block;

        width: 4px;

        height: 100%;

        position: absolute;

        background-color: #23a2cb;

        left: 2px;

        top: 0px;

    }



    .photoviewer-toolbar.photoviewer-toolbar-foot {

        background-color: #000;

    }



    .photoviewer-button-close {

        background-color: #000 !important;

    }



    .photoviewer-button-close svg {

        max-width: 100%;

        max-height: 100%;

    }



    .content-back {

        margin-top: -30px;

    }

    .content-back_list {

        margin-top: -20px;

    }

    .content-back--bottom {

        margin-top: 0;

    }

}



body .viewer-container [role="button"][data-viewer-action] {

    height: 36px;

    margin-bottom: -3px;

    margin-top: -3px;

    width: 36px;

}



body .viewer-container [role="button"][data-viewer-action]::before {

    content: '';

    width: 100%;

    height: 100%;

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    font-size: 24px;

    line-height: 1;

    letter-spacing: normal;

    text-transform: none;

    display: inline-block;

    white-space: nowrap;

    word-wrap: normal;

    direction: ltr;

    -webkit-font-feature-settings: 'liga';

    -webkit-font-smoothing: antialiased;

    background: none;

    margin: 0;

    padding: 0;

    color: #fff;

    font-size: 26px;

    line-height: 36px;

}



body .viewer-container [role="button"][data-viewer-action].viewer-close {

    background: none;

    position: absolute;

    right: 0;

    top: 0;

    margin: 0;

}



@media all and (max-width: 1050px) {

    body .viewer-container [role="button"][data-viewer-action] {

        height: 96px;

        width: 96px;

    }



    body .viewer-container [role="button"][data-viewer-action]::before {

        font-size: 66px;

        line-height: 96px;

    }

}



body .viewer-container [role="button"][data-viewer-action].viewer-close::before {

    content: 'close';

    bottom: 0;

    left: 0;

    position: static;

    text-align: center;

}



body .viewer-container [role="button"][data-viewer-action].viewer-prev::before {

    content: 'chevron_left';

}



body .viewer-container [role="button"][data-viewer-action].viewer-next::before {

    content: 'chevron_right';

}



body .viewer-container [role="button"][data-viewer-action].viewer-zoom-in::before {

    content: 'zoom_in';

}



body .viewer-container [role="button"][data-viewer-action].viewer-zoom-out::before {

    content: 'zoom_out';

}



body .viewer-container [role="button"][data-viewer-action].viewer-one-to-one::before {

    content: 'aspect_ratio';

}



body .viewer-container [role="button"][data-viewer-action].viewer-reset::before {

    content: 'refresh';

}



body .viewer-container [role="button"][data-viewer-action].viewer-play::before {

    content: 'play_arrow';

}



body .viewer-container [role="button"][data-viewer-action].viewer-rotate-left::before {

    content: 'rotate_left';

}



body .viewer-container [role="button"][data-viewer-action].viewer-rotate-right::before {

    content: 'rotate_right';

}



body .viewer-container [role="button"][data-viewer-action].viewer-flip-horizontal::before {

    content: 'swap_horiz';

}



body .viewer-container [role="button"][data-viewer-action].viewer-flip-vertical::before {

    content: 'swap_vert';

}



.card-left__info {

    text-transform: uppercase;

    font-style: italic;

    color: #232222;

    font-size: 11px;

    font-weight: normal;

    letter-spacing: 0.5px;

}



.detal-one-table__after {

    margin-top: 25px;

    background-color: #d1dce3;

    font-size: 15px;

    color: #232222;

    padding: 20px;

}



.detal-one-table__after p {

    margin-bottom: 5px;

    font-size: 15px;

    color: #232222;

    font-weight: normal;

    letter-spacing: 0.5px;

}



.detal-one-table__after p:last-child {

    margin-bottom: 0;

}



.btn-fast-order {

    color: #fff;

    display: inline-block;

    text-transform: uppercase;

    margin-left: 10px;

    background-color: #23a2cb;

    border: 2px solid #23a2cb;

    padding: 5px 15px;

    text-decoration: none;

    font-weight: 700;

    vertical-align: middle;

    font-size: 14px;

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

}



.btn-fast-order:hover {

    color: #23a2cb;

    background-color: transparent;

}



#fast-order-form textarea {

    font: 400 13.3333px Arial;

    padding: 5px;

    max-width: 100%;

}



.order-text {

    margin-bottom: 15px;

}



.req {

    color: red;

}



table.table-items {

    table-layout: fixed;

}



table.table-items .item-order {

    width: 30px;

}



table.table-items .item-action {



    width: 100px;

}



table.table-items .item-price {

    width: 100px;

}



table.table-items .item-quantity {

    width: 100px;

}



table.table-items .item-articul {

    width: 130px;



}



table.table-items .item-image {

    width: 50px;

}



table.table-items .item-image .detal-photo {

    display: inline-block;

}



.-align-left {

    text-align: left !important;

}



.-align-center {

    text-align: center !important;

}



.-align-justify {

    text-align: justify !important;

}



.-align-right {

    text-align: right !important;

}



.special_list_item {

    display: inline-block;

    width: 140px;

    height: 280px;

    vertical-align: top;

    margin-right: 10px;

    margin-bottom: 30px;

}



.special_list_item .img {

    height: 140px;

    width: 140px;

    background-size: contain;

}



.navigation a {

    float: left;

    background: #fafafa;

    background: linear-gradient(to bottom, #fcfcfc, #f3f3f3);

    text-align: center;

    width: 37px;

    height: 35px;

    line-height: 35px;

    box-sizing: border-box;

    text-decoration: none;

    margin: 0 7px 5px 0;



    color: #000;

    border: 0 none;

    border: 1px solid #a7a9ac;

    box-shadow: none;

}



.navigation a.active {

    background: #23a2cb;

    color: #fff;

    border-color: #23a2cb;

}



.clear {

    clear: both;

}



/* Заказы Личный кабинет */

.order-list {

    list-style: none;

    margin: 0;

    padding: 0;

    margin-top: 20px;

}



.order-item-title {

    background-color: #e3eaef;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 20px 20px 20px 20px;

    font-size: 16px;

    color: #000000;

    cursor: pointer;

    position: relative;

    transition: opacity 0.5s ease;

}



.order-item-title-td {

    display: flex;

}



.order-item-title:hover {

    opacity: 0.7;

}



.order-date {

    font-weight: bold;

    font-size: 16px;

    line-height: 17px;

}



.order-number {

    font-weight: normal;

    margin: 0;

    padding: 0;

    font-size: 16px;

    line-height: 17px;

    margin-left: 5px;

}



.order-item {

    border: 2px solid #e3eaef;

    margin-bottom: 20px;

    transition: all 1s ease;



}



.order-item-title::after {

    content: "";

    right: 20px;

    position: absolute;

    width: 0;

    height: 0;

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    border-bottom: 17px solid #23a2cb;

    transition: all 1s ease;

    transform-origin: center;

}



.order-hide .order-item-title::after {

    transform: rotate(180deg);

}



.order-item-table {

    margin-left: 20px;

    margin-right: 20px;

    margin-top: 20px;

}



.order-item-table table {

    width: 100%;

    font-size: 15px;

}



.order-item-table thead {

    background-color: #f4f6f8;

    border-bottom: 2px solid #d1dce3;



}



.order-item-table th {

    padding-top: 15px;

    padding-bottom: 15px;

}



.order-item-table td {

    padding-top: 12px;

    padding-bottom: 12px;

    border-bottom: 1px solid #d1dce3;

    vertical-align: bottom;

}



.order-item-table .order-table-number {

    padding-left: 22px;

    width: 65px;

}



.order-item-table .order-table-photo {

    width: 75px;

}



/*.order-table-photo img{*/

/*width: 26px;*/

/*height: 20px;*/

/*!* text-align: center; *!*/

/*object-fit: contain;*/

/*vertical-align: bottom;*/

/*}*/

.order-table-quintity {

    width: 75px;

    padding-right:25px;

}



td.order-table-quintity {

    text-align: center;

}



.order-btn-wrap {

    margin-top: 30px;

    margin-bottom: 20px;

    text-align: center;

}



.order-btn {

    padding: 8px 35px;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 14px;

    font-weight: bold;

    display: inline-block;

    border: 2px solid #23a2cb;

    color: #23a2cb;

    transition: all 0.5s ease;

}



.order-btn:hover {

    opacity: 1;

    color: #fff;

    background: #23a2cb;

}



.btn-reorder {

    margin-right: 15px;

}



.order-item-title-td--total {

    width: 210px;

}



.order-bill-amount, .order-bill-total {

    font-size: 18px;

    line-height: 17px;

}



.order-bill-amount {

    margin-right: 5px;

}



.order-item-bill .order-table-article {

    width: 370px;



}



.order-item-bill .order-table-quintity {

    padding-right: 75px;

}



.order-table-price {

    width: 90px;

}



.order-item-big-total-wrap {

    float: right;

    margin-top: 15px;

    width: 205px;

    font-size: 20px;

    font-weight: bold;

    /* text-align: left; */

}



.order-item-big-total-amount {

    margin-right: 5px;

}



.order-item-bill .order-btn-wrap {

    margin-top: 15px;

}



.order-item-wrap {

    transition: all 1s ease;

    opacity: 1;

    /* max-height: 1500px; */

    max-height: 100vh;

    overflow: auto;



}

.order-item-wrap thead {

    position: sticky;

    top: 0px;

    z-index: 1000;

}

.order-hide .order-item-wrap {

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    will-change: height;

}



.recaptcha-error {

    color: red;

}

body .viewer-backdrop {

    background-color: rgba(0, 0, 0, 0.2);

}



.detal-list .detal-list-one td:nth-child(2) {

    max-width: 190px;

}



.detal-img__panel {

    display: flex;  

    align-items: center;

    justify-content: center;

    margin-top: 15px;

}

.detal-img__arrow {

    position: static;

    margin: 0;

    background-image: none;

} 

.detal-img__arrow:after {

    color: #23a2cb;

    font-size: 22px;

}  

.detal-img__arrow_prev {



}

.detal-img__arrow_next {



}

.detal-img__pagination {

    display: block !important;

    position: static;

    width: auto !important;

    margin-left: 10px;

    margin-right: 10px;

}

.detal-img__pagination .swiper-pagination-bullet {

    background: transparent;

    border: 2px solid #23a2cb;

    width: 14px;

    height: 14px;

    opacity: 1;

}

.detal-img__pagination .swiper-pagination-bullet-active {

    background: #23a2cb;

}

.detal-img img {

    cursor: pointer;

}
.whatsapp-fixed {
   
    position: fixed;
    right: 60px;
    bottom: 77px;
    z-index: 2000;
}
.whatsapp-fixed a {
    display: flex;
    align-items: center;
    border-radius: 50px;
    background: #FFF;
    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.3), 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
    padding: 8px;
    padding-right: 12px;
    text-decoration: none;
}
.whatsapp-fixed a svg {
    display: block;
    width: 48px;
    min-width: 48px;
    height: auto;
    margin-right: 12px;
    animation: pulse 2s infinite;
}
.whatsapp-fixed a span {
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
@media all and (max-width: 1051px) {
    .whatsapp-fixed {
        transform: scale(3);
        right: 200px;
        bottom: 105px;
    }
}