@charset "utf-8";


article, aside, details, figcaption, figure, footer, header, menu, nav, section {display:block;}

html {width: 100%; height: 100%; display: table;}
body {width: 100%; display: table-cell;}
body {
    min-width:320px;
    margin:0; padding:0; position:relative; font:400 16px/1.2 'Arial', Helvetica, sans-serif; color:#000;
    background: linear-gradient(180deg, #EFEFEF 0%, #F9F9F9 39.06%, #FFFFFF 100%);
    -webkit-text-size-adjust: none;
}


::-ms-clear { display:none; }

a img {border:0;}

*, *::before, *::after {
    box-sizing: border-box;
}

* {min-height:0; outline:none;}

.load--preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

a:link,
a:active,
a:visited {color:#000; text-decoration:underline; text-decoration-skip-ink: none;}
a:hover {text-decoration:none;}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {display:block; margin:10px 0; padding:0; font:800 54px/1.2 'Nunito', Arial, Helvetica, sans-serif; color:#1A1A1A;}

h1,.h1 {font-size:54px;}
h2,.h2 {font-size:48px;}
h3,.h3 {font-size:36px;}
h4,.h4 {font-size:24px;}
h5,.h5 {font-size:18px;}
h6,.h6 {font-size:16px;}

h5 small,.h5 small {font-weight:400; font-size: 0.8rem; opacity: 0.8;}

ul,
ol,
li,
dl,
dt,
dd {display:block; padding:0; margin:0; list-style:none; background:0;}


.hidden {display: none;}
.txt--bold {font-weight: bold;}
.txt--center {text-align: center;}

p {margin: 10px 0;}

form {display:block; padding:0; margin:0;}
input[type="image"]:hover {opacity:0.8;}
input, textarea, select, button {font:normal 14px/1.2 'Montserrat', Arial, Helvetica, sans-serif; color:#111; vertical-align:baseline;}
label {vertical-align:baseline;}

label, input[type=button], input[type=submit], button { cursor:pointer; }
textarea {overflow:auto; resize:vertical;}


svg[class^="ic-"],
svg[class^="svg-"] {pointer-events: none;}
svg.icon {width: 100%; height: 100%; vertical-align: top;}
.ics {width: 100%; height: 100%; display: inline-block; vertical-align: top;}

.svg-btn_scl_inst {width: 19px; height: 18px;}
.svg-btn_scl_tg {width: 20px; height: 21px;}
.svg-btn_scl_vk {width: 21px; height: 13px;}

.svg-contact_time {width: 20px; height: 20px;}
.svg-contact_inst {width: 18px; height: 18px;}
.svg-contact_tg {width: 18px; height: 15px;}
.svg-contact_vk {width: 20px; height: 12px;}

.svg-btn_filter_hide,
.svg-btn_filter_show {width: 28px; height: 13px;}


/* Inputs */
.input__text {width:100%; height: 35px; padding:0 14px 0 14px; display:inline-block; vertical-align:middle; margin:0; border:1px solid #d0d0d0;
    font-weight:400; font-size:14px; color:#000; outline:none;
    border-radius: 8px;
    background: #fff no-repeat right center;
    background-size: 20px 20px;
    background-position: right calc(.375em + .1875rem) center;

    transition:border-color .1s linear, box-shadow .1s linear;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea.input__text {min-height:150px; padding: 14px;}
.input__text:hover,
.input__text:focus {
    border-color: #ccc;
    box-shadow: 0 0 24px 0 rgba(19, 3, 3, 0.09);
}
.input__text.valid--request {
    box-shadow: 0 0 0 1px rgba(232, 11, 0, 0.71);
}
.input__text.is-invalid {
    box-shadow: 0 0 0 1px rgba(232, 11, 0, 0.71);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.input__text[readonly] {box-shadow: none;}

.input__text::-webkit-input-placeholder { color:#c8c8c8; -webkit-transition:color .1s linear;}
.input__text:focus::-webkit-input-placeholder { color:transparent;}
.input__text:-moz-placeholder { color:#c8c8c8; -moz-transition:color .1s linear;}
.input__text:focus:-moz-placeholder { color:transparent;}
.input__text::-moz-placeholder { color:#c8c8c8; -moz-transition:color .1s linear;}
.input__text:focus::-moz-placeholder { color:transparent;}
.input__text:-ms-input-placeholder { color:#c8c8c8; }
.input__text:focus:-ms-input-placeholder { color:transparent;}

.input__text[readonly] {background-color: #eee;}


/* Checkbox */
.o-check {
    width:16px; height:16px; display:inline-block; vertical-align:middle; overflow:hidden; position:relative; padding:0; margin:0; -webkit-appearance: none; cursor:pointer;
    box-shadow: 0 0 24px 0 rgba(19, 3, 3, 0.09);
    border: 1px solid #ffd7a0;
    border-radius: 2px;
}
.o-check input {
    width:100%; height:100%; padding:0; display:block; position:absolute; left:0; bottom:0; border:0; margin:0; background:0; opacity:0; z-index:10;
}
.o-check-icon {width:14px; height:14px; line-height:14px; content:' '; display:block; position:absolute; left:0; top:0; color:#000; text-align:center; z-index:3;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 11px rgba(200, 200, 200, 0.58);
}
.o-check .valid--request + .o-check-icon {
    box-shadow:inset 0 0 0 1px rgba(232, 11, 0, 0.71);
}
.o-check-icon:before {
    width:auto; height:auto; content:' '; position:absolute; left:2px; right:2px; top:2px; bottom:2px; z-index:1; opacity:0;
    background:no-repeat center center url('../img/icons/svg-check.svg');
    background-size: 100% 100%;
    border-radius: 2px;
}
.o-check input[disabled] + .o-check-icon {
    opacity:0.34;
    -webkit-box-shadow:inset 0 0 0 2px #000; -moz-box-shadow:inset 0 0 0 2px #000; box-shadow:inset 0 0 0 2px #000;
}
.o-check:hover .o-check-icon {background-color:rgba(0,0,0,0.1);}
.o-check input[type="radio"] + .o-check-icon { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.o-check:after {width:auto; height:auto; display:block; position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; z-index:2;}
.o-check input:checked + .o-check-icon:before {opacity:1;}


.o-check-wrapout {display:flex; align-items:center; justify-content: center; flex-wrap: wrap; margin: 12px 0 0 0; text-align: center;}
.o-check-wrapout .o-check {margin: 0 16px 0 0;}


/* Button */
a.o-button {color:#fff; text-decoration: none;}
.o-button {
    min-width:164px; max-width: 100%; height: 37px; padding: 0 16px; position: relative;
    display: inline-flex; align-items: center; justify-content: center;
    border: 0;
    font-weight:bold; font-size: 16px; color: #fff;
    border-radius: 10px;
    background: #f5665e;
    cursor: pointer;
    box-shadow: 2px 3px 8px 0 rgba(171, 171, 171, 0.41);

    transition: opacity 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.o-button input {width: 1px; height: 1px; display: block; border: 0; padding: 0; margin: 0; position: absolute; left: 0; top: 0; background: 0; opacity: 0;}
.o-button:after {
    width: 100%; height: 100%; content: ' '; display: block; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.2); opacity: 0; transition: all 0.3s ease;
    border-radius: 10px;
}
.o-button:hover:after {opacity:1;}

.o-button.bgs--orange {
    color: #fff;
    background-image: -moz-linear-gradient( 45deg, rgb(247,111,31) 0%, rgb(255,138,24) 99%);
    background-image: -webkit-linear-gradient( 45deg, rgb(247,111,31) 0%, rgb(255,138,24) 99%);
    background-image: -ms-linear-gradient( 45deg, rgb(247,111,31) 0%, rgb(255,138,24) 99%);
    box-shadow: 0 6px 12px 0 rgba(47, 47, 51, 0.1);
}

.o-button.btn--small {
    min-width:131px; height: 30px; padding: 0 8px; font-size: 12px;
}
.o-button[disabled] {cursor: pointer; opacity: 0.5;}



.bgs__src {
    width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: no-repeat center center;
    background-size: cover;
}
.bgs__src[data-background-image] {opacity: 0; transition: opacity 0.3s ease;}
.bgs__src[data-background-image][data-loaded="true"] {opacity: 1;}

img.lozad[data-src] {opacity: 0; transition: opacity 0.3s ease;}
img.lozad[data-src][data-loaded="true"] {opacity: 1;}




.idesc {line-height:1.24; color:#000;}
.idesc img {max-width:100%; height:auto;}

.idesc p {margin:15px 0;}
.idesc h1, .idesc .h1,
.idesc h2, .idesc .h2,
.idesc h3, .idesc .h3,
.idesc h4, .idesc .h4,
.idesc h5, .idesc .h5,
.idesc h6, .idesc .h6 {margin:30px 0 15px 0;}

.idesc ul {padding:0; display:block; margin:12px 10px 15px 0; overflow:hidden;}
.idesc ul li {display:block; padding:0 0 0 20px; margin:0 0 5px 0; list-style:disc;}
.idesc ul li:before {
    content:'\2022'; display: inline-block; margin: 0 10px 0 -10px; color: #ff8400;
    transform: scale(1.8);
}
.idesc ol {counter-reset: olCounter; padding:0; list-style: none; display:block; margin:12px 10px 15px 10px; overflow:hidden;}
.idesc ol li {display:block; padding:0 0 0 26px; margin:0 0 5px 0; list-style:none;}
.idesc ol li:before {
    counter-increment: olCounter;
    content:counter(olCounter) ".";
    width:16px; float: left; margin: 0 0 0 -26px; text-align: right;
}

.idesc ul ul,
.idesc ul ol,
.idesc ol ol,
.idesc ol ul {margin-left: 20px;}

.idesc p + ul,
.idesc p + ol {margin-top:-5px;}

.idesc ul:first-child,
.idesc p:first-child,
.idesc h1:first-child,
.idesc h2:first-child,
.idesc h3:first-child,
.idesc h4:first-child,
.idesc h5:first-child,
.idesc h6:first-child {margin-top:0 !important;}
.idesc p:first-child,
.idesc h1:first-child,
.idesc h2:first-child,
.idesc h3:first-child,
.idesc h4:first-child,
.idesc h5:first-child,
.idesc h6:first-child,
.idesc .h1:first-child,
.idesc .h2:first-child,
.idesc .h3:first-child,
.idesc .h4:first-child,
.idesc .h5:first-child,
.idesc .h6:first-child {margin-top:0 !important;}

.idesc ul:last-child,
.idesc p:last-child,
.idesc h1:last-child,
.idesc h2:last-child,
.idesc h3:last-child,
.idesc h4:last-child,
.idesc h5:last-child,
.idesc h6:last-child,
.idesc .h1:last-child,
.idesc .h2:last-child,
.idesc .h3:last-child,
.idesc .h4:last-child,
.idesc .h5:last-child,
.idesc .h6:last-child {margin-bottom:0 !important;}



.idesc table {width:100%; max-width:100%; border:1px solid #ccc; border-collapse:collapse; border-spacing:0;}
.idesc th,
.idesc td {padding:6px 10px; border:1px solid #ccc; font-size:14px; text-align:left;}
.idesc th,
.table-heads > td {font-weight:400; font-size:16px; color:#fff; text-align:center; background:#ff8400;}
.table-heads > td strong {font-weight:400;}
.idesc th,
.table-heads > td {border-left-color:rgba(255,255,255,0.2); border-right-color:rgba(255,255,255,0.2); }
.idesc th:first-child,
.table-heads > td:first-child {border-left-color:#ff8400; }
.idesc th:last-of-type,
.table-heads > td:last-of-type {border-right-color:#ff8400; }

.idesc table td > p {margin:0 !important;}


/* PLUGIN :: Remodal - v1.1.1 */
html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none}.remodal,[data-remodal-id]{display:none}.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}.remodal{position:relative;outline:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.remodal-is-initialized{display:inline-block}.remodal-bg.remodal-is-opened,.remodal-bg.remodal-is-opening{-webkit-filter:blur(3px);filter:blur(3px)}.remodal-overlay{background:rgba(43,46,56,.9)}.remodal-overlay.remodal-is-closing,.remodal-overlay.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes}.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes}.remodal-wrapper{padding:10px 10px 0}.remodal{box-sizing:border-box;width:100%;margin-bottom:10px;padding:35px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#2b2e38;background:#fff}.remodal.remodal-is-closing,.remodal.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes}.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes}.remodal,.remodal-wrapper:after{vertical-align:middle}.remodal-close{position:absolute;top:0;left:0;display:block;overflow:visible;width:35px;height:35px;margin:0;padding:0;cursor:pointer;-webkit-transition:color .2s;transition:color .2s;text-decoration:none;color:#95979c;border:0;outline:0;background:0 0}.remodal-close:focus,.remodal-close:hover{color:#2b2e38}.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;font-size:25px;line-height:35px;position:absolute;top:0;left:0;display:block;width:35px;content:"\00d7";text-align:center}.remodal-cancel,.remodal-confirm{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}.remodal-confirm{color:#fff;background:#81c784}.remodal-confirm:focus,.remodal-confirm:hover{background:#66bb6a}.remodal-cancel{color:#fff;background:#e57373}.remodal-cancel:focus,.remodal-cancel:hover{background:#ef5350}.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner{padding:0;border:0}@-webkit-keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@-webkit-keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@media only screen and (min-width:641px){.remodal{max-width:700px}}.lt-ie9 .remodal-overlay{background:#2b2e38}.lt-ie9 .remodal{width:700px}


/* Animate */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}




@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
/* END :: Animate */



/* Custom notify */
.notify-alert {width:100%; max-width:100%; height:1px; position:fixed; left:0; right:0; top:50px; text-align:center; z-index:119902;}
.notify-alert > div {
    width:400px; max-width:97%; padding:10px; display:inline-block; vertical-align:top; border: 2px solid #00b500;
    font-size:16px; background:#9bd49b;
    border-radius:6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow: 0 0 0 5px rgba(255,255,255,0.8);
}
.notify-alert > div.type-error {
    border: 2px solid rgb(77, 76, 76);
    background: rgb(255, 191, 48);
}



/* Loader */
[data-loader-frame],
.data-loader-frame { position: relative }
[data-loader-frame]:before,
.data-loader-frame:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden;
    background-color: rgba(255, 255, 255, 0.39); z-index: 100 }
.spinner-circle {width:80px; height:80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999;}

.lds-ripple {
    display: inline-block; vertical-align: top;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #111;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}



/* PLUGIN :: Remodal */
.remodal {padding: 16px;}
.remodal-close {left: auto; right: 0;}
.remodal-close:before {font-size: 35px;}

.modal__title {
    padding: 16px; border-bottom: 1px solid #ccc; margin:-16px -16px 10px;
    font-weight: bold; font-size: 16px;
}
.modal__content {padding:16px; margin: -10px -16px -16px;}

.modal__buy .s-form-label {width: 120px;}
.modal__buy-quantity {text-align: left;}
.modal__buy-from {display:inline-block; vertical-align:middle; font-size: 12px;}

.modal__buy-bottom {margin:16px 0 0 0; text-align: center;}


.modal__accept-info {width: 100%; table-layout: fixed;}
.modal__accept-info td,
.modal__accept-info th {padding: 5px; vertical-align: middle; text-align: left;}
.modal__accept-info th {width: 160px; text-align: right;}
.modal__accept-info th::after {content: ':';}



.paid__info-outer {width: 500px; margin: 0 auto;}
.paid__info {width: 100%; table-layout: fixed;}
.paid__info td,
.paid__info th {padding: 5px; vertical-align: middle; text-align: left;}
.paid__info th {width: 50%; text-align: right;}
.paid__info th::after {content: ':';}
.paid__info td {text-align: left;}


.paid__button {margin: 20px 0; text-align: center;}


/* Wrap */
.svg-hidden {
    width: 1px; height: 1px; position: absolute; left: 0; bottom: 0; overflow: hidden;
}
.wraps {
    width:100%; min-width: 320px; min-height:100%; display: flex; flex-direction: column;
    position:relative;
    box-sizing:content-box;
}
.wrapper {width:100%; max-width:1180px; padding: 0 16px; position:relative; margin: 0 auto;}



/* Elements */
.nav__list {display: flex; align-items: flex-start;}
.nav__list > li {position:relative; margin-left: 36px;}
.nav__list > li:first-child {margin-left: 0;}
.nav__list > li > a {
    display: inline-block; vertical-align: top;
    font:400 16px/1.2 'Kepler 296'; text-decoration: none; color: #1A1A1A;
}
.nav__list > li > a:hover {color: #B4ED68;}


/* Footer */
.footer {
    padding: 34px 0; position: relative; margin: 60px 0 0 0; z-index: 7; font-size: 14px;
    border-top: 1px solid #ccc; background: #f5f5f5;
}
.footer-nav .menu {display: flex; align-items: center; justify-content: center;}
.footer-nav .menu li {margin: 5px 12px;}
.footer-nav .menu a {
    display: block;
    color:#555; border-bottom: 1px dotted #555; text-decoration: none;
}
.footer-nav .menu a:hover {
    color:#f5665e; border-bottom: 1px dotted #f5665e;
}

.footer__bottom {display: flex; align-items: center; justify-content: space-between;}
.footer__copyright {flex: 1; display: flex; align-items: center; justify-content: flex-end; color:#555; text-align: right;}
.footer__copyright p + a,
.footer__copyright p + img {margin-left: 10px;}

.elite-designs_ru {width:183px; display:inline-block; vertical-align:middle; overflow:hidden; margin: 0;}
.elite-designs_ru a {width:183px; height:46px; display:block; text-decoration:none; background:url(../img/elite-designs_ru.png) no-repeat 0 0;}
.elite-designs_ru a:hover {background-position:0 -50px;}
.elite-designs_ru img {margin:0 0 0 -2000px;}

@media all and (max-width: 860px){
    .footer-nav {margin: 0 0 5px 0;}
    .footer__bottom {flex-direction: column;}
}


/* Header */
.header-outer {min-height: 74px; margin: 0 0 34px 0;}
.header {
    width: auto; min-height: 74px; position: fixed; left: 0; right: 0; top: 0; z-index: 3;
    background: #fff;
    transform: translate3d(0,0,0);
    box-shadow: 0 0 4px #888;
}
.header .wrapper {
    display: flex; align-items: center;
}

.header__logo {flex:none; padding: 5px 0 0 0; margin:0; font-weight: bold; font-size: 28px;}
.header__logo a {color: #f5665e; text-decoration: none;}
.header__logo img {vertical-align: top;}


.header__nav {
    flex:1 1 auto; display: flex; justify-content: flex-end; align-items: center;
    overflow:hidden; font-size:18px; text-align:right;
}
.header__nav a {
    padding:5px 11px; display:inline-block; vertical-align:top; color:#7b7b7b; text-decoration:none;
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.header__nav a:hover {color:#fff; background:#ec8785;}
.header__nav .menu {display: flex; align-items: center;}
.header__nav .menu > li {display:inline-block; vertical-align:top; margin:0 0 0 -2px; text-align: center;}
.header__nav .menu > li:first-child {margin-left:0;}
.header__nav .menu > li.current a {color:#fff; background:#f5665e;}

@media all and (max-width: 860px){
    .header {position: relative;}
    .header__logo {margin: 0 0 5px 0;}
    .header__nav {font-size: 12px;}
}

/* Content */
.content__wrap {flex:1 1 auto;}

.main__description-top {margin: 0 0 34px 0;}
.main__description-bottom {margin: 34px 0 0 0;}


/* Products */
.product__collums {
    height:32px; padding:0 218px 0 16px; position: relative; display: flex; align-items: center;
    margin: 0 0 12px 0; font-weight: bold; font-size: 12px; color: #555;
    background: rgba(198, 62, 24, 0.1);
    border-radius: 8px 8px 0 0;
}
.product__collums-name {flex:1; padding-left: 47px;}
.product__collums-cost {padding-left: 63px;}
.product__collums-pcs {padding-left: 63px;}
.product__collums .product__heads {margin-top:0;}

.product__heads {
    width:100%; padding:7px 8px 8px; display:table; margin:18px 0 13px 0;
    font-weight:800; font-size:16px; color:#fff; text-align:center; background: rgba(29, 29, 37, 0.46);
    border-radius:3px;
    box-sizing:border-box;
}
.product__subheads {
    width:100%; padding:7px 8px 8px; display:table; margin:18px 0 13px 0;
    font-weight:800; font-size:16px; color:#111; text-align:center; background: rgba(29, 29, 37, 0.09);
    border-radius:3px;
    box-sizing:border-box;
}

a.product__item-btn {color:#fff; text-decoration:none;}
.product__item-prop,
.product__item-btn {
    height:26px; line-height:1; padding:0; position: relative; display:inline-flex; vertical-align:top;
    align-items: center; justify-content: center;
    font-weight:400; font-size:15px; color:#292929; text-align:center; background:rgba(198, 62, 24, 0.1);
    border-radius:5px;
    box-sizing:border-box;
    transition:background-color .1s linear;
}
.product__item-prop {padding: 0 5px; display: flex;}
.product__item-prop .sc-rubl {margin-left: 3px;}
.product__item-prop .sc-rubl:after {font-weight: 400; font-size: 1.05em; text-shadow: 0 0 0 #000;}
.product__item-prop .sum--value {margin-right: 3px;}
.product__item-btn {
    width:auto; height:30px; line-height:30px; flex-grow: 1; font-size:14px; text-transform: uppercase;
    background:#f5665e no-repeat 0 center;
}
.product__item-btn.btn--favorite {flex: 0; min-width: 30px; margin-right: 10px;}
.product__item-btn.btn--favorite .btn--icon {width: 15px; height: 15px;}
.product__item-btn.btn--favorite.type--addfav {background: #7d726f;}
.product__item-btn.btn--info {flex: 0; min-width: 30px; margin-right: 10px;}
.product__item-btn.btn--info .btn--icon {width: 15px; height: 15px;}
.product__item-btn.btn--buy .btn--icon {width: 18px; height: 18px; margin: 0 8px 0 0;}

.product__item-btn:after {
    width: 100%; height: 100%; content: ' '; position: absolute; left: 0; top: 0;
    background: rgba(255,255,255,0.1); opacity: 0;
    transition: opacity 0.3s ease;
}
.product__item-btn:hover:after {opacity: 1;}

.product__item {
    width:100%; padding:5px 16px;  position: relative;
    display:flex; align-items: center;
    border-radius:5px;
    box-sizing:border-box;
}
.product__item-col {padding:6px 0 5px;}
.product__item-icon {width:36px; padding:5px;}
.product__item-icon img {width:auto; height:auto; max-width:36px; max-height:36px; vertical-align:middle;}
.product__item-title {
    flex:1; padding:0 8px 0 12px; position:relative;
    line-height:1.10; letter-spacing: -0.01em;
}
a.product__item-title {
    color:#1d1d25; text-decoration:none;
    transition:color .1s linear;
}
a.product__item-title:hover {color:#f5665e;}
a.product__item-title:after {width:56px; height:auto; content:' '; display:block; position:absolute; right:100%; top:0; bottom:0; z-index:3;}
.product__item-cost {width:110px; padding:6px 0 5px; margin:0 20px 0 20px; text-align:center; white-space: nowrap;}
.product__item-pcs {width:89px; padding:6px 0 5px; margin-right: 20px; text-align:center;}
.product__item-buy {width:180px; padding:6px 0 5px; margin-left:19px;}
.product__item-btns {width:100%; padding:6px 0 5px; display:inline-flex; justify-content:space-between; vertical-align:middle;}

.product__item-label {font-size:13px; color:#111;}

.product__item-fav {position: absolute; right: 0; top: 50%; margin: -15px 0 0 0;}
.product__item-btn.btn--showfavorite {min-width: 30px; background: #7d726f;}
.product__item-btn.btn--showfavorite .btn--icon {width: 15px; height: 15px;}



/* Page */
.page__title {display:flex; align-items: center; margin:0 0 34px 0; font-weight: 400; font-size: 26px; color: #f5665e; letter-spacing: -1px; text-transform: uppercase;}
.page__title > span {margin: 0 10px 0 0;}
.page__title:after,
.page__title:before {flex:1; width: auto; height:14px; content: ' '; display: block; margin: 0 10px; background: rgba(255, 102, 30, 0.26); opacity: 0.3;}
.page__title:after {border-radius:0 5px 5px 0;}
.page__title:before {border-radius:5px 0 0 5px;}
.page__content {padding:15px 10px; border:1px solid #f5f5f5; background: #fff; border-radius: 4px;}

@media all and (max-width: 860px){
    .page__title {font-size: 18px;}
}

/* Page :: Profile */
.s-form-input-static {
    height: 35px; padding: 0;
    display: flex; align-items: center; justify-content: flex-start;
}

.profile__balance .sum--value {font-weight: bold;}
.profile__balance + .o-button {margin-left: 5px;}


.cost__sum .sum--value {font-weight: bold;}
.cost__sum + .o-button {margin-left: 5px;}

.cost__sum-showinfo {
    padding: 8px; border:1px dashed darkred;
    font-weight: bold; font-size: 14px;
    border-radius: 6px;
}
.type--quantity-show .cost__sum-showinfo {display: block;}



.o-input-number {width:110px; height:35px; position:relative; display:inline-block; vertical-align:middle;}
.o-input-number button {
    width:35px; height:35px; padding:0; float:none; display:block; position:absolute; top:0; font-size:20px; color:#5c6064; border:0; background:0; z-index:5; cursor:pointer;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
.o-input-number button.left {left:0;}
.o-input-number button.right {right:0;}
.o-input-number button > span {width:35px; height:35px; line-height:35px; display:inline-block; vertical-align:top;}
.o-input-number button.left > span {
    -webkit-border-radius:8px 0 0 8px; -moz-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px;
}
.o-input-number button.right > span {
    -webkit-border-radius:0 8px 8px 0; -moz-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0;
}
.o-input-number button:hover > span {background:rgba(230, 121, 32, 0.2);}
.o-input-number button:active > span {background:rgba(230, 121, 32, 0.4);}

.o-input-number input[type="text"] {
    width:100%; height:35px; padding:0 20px; display:block; border:1px solid #d0d0d0; font-size:20px; color:#5c6064; text-align:center; background:#fff;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.o-input-number input[type="text"]:hover,
.o-input-number input[type="text"]:focus {border-color:#ccc;}




    /* Form fields and elements */
.form__container {
    width: 100%; max-width: 540px; margin: 0 auto;
    padding:15px 20px; border:1px solid #f5f5f5; background: #fff; border-radius: 8px;
}

.s-form-border {padding: 14px; border: 1px solid #ccc; margin-bottom: 20px; border-radius: 5px;}
.s-form-row + .s-form-header {margin-top:24px;}
.s-form-header {margin:0 0 20px 0; font-weight: bold; font-size: 14px; opacity: 0.4;}
.s-form-row {display: flex; align-items: flex-start; flex-wrap: wrap;}
.s-form-row span[role="alert"] {width: 100%; padding: 5px; margin:8px 0 0 0; border:1px solid #ffc9c9; color: darkred; font-size: 12px; border-radius: 6px;}
.s-form-row + .s-form-row {margin-top:12px;}
.s-form-label-help {display:block; margin: 6px 0 0 0; font-size: 0.8em; opacity: 0.6;}
.s-form-inputbox {flex:1; position: relative;}
.s-form-label {width:212px; display:block; padding: 0; margin:9px 12px 0 0; font-size:14px; color:#6f6f6f; text-align: right;}
.s-form-label::after {content: ':';}
.s-form-label .req {font-weight:bold; color: red;}
.s-form-inputs-group {display: flex; align-items: center;}
.s-form-inputs-group .s-form-input:first-child {flex: 1;}
.s-form-input {flex:1; position: relative;}

@media all and (max-width: 860px){
    .s-form-row {flex-direction: column;}
    .s-form-label {width: 100%;text-align: left;}
    .s-form-inputbox {width: 100%;}
}

.emutation__select-icon {
    width: 20px; height: 20px; content: ' '; display: block; color: #000;
    position: absolute; right: 10px; top: 50%;
    pointer-events: none; transform:translateY(-52%) rotate(90deg);
}

.s-form-input-remove {
    width:20px; height:20px;
    position: absolute; left: 8px; top: 50%; margin: -10px 0 0 0;
    cursor: pointer;
}
.s-form-input-remove .ics {
    width: auto; height: auto;
    position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
    color: #f5665e;
}
.s-form-input-remove .ics:hover {
    color: #53b2cb;
}
.s-form-input .s-form-input-remove + input {padding-left: 34px;}
.s-form-info {margin:-6px 0 6px 2px; font-size:11px; opacity: 0.8;}
.s-form-links {margin:29px 0 23px 0; color:#a4a4a4; text-align:center;}
.s-form-links:last-child {margin-bottom: 0;}
.s-form-links a {color:#ff5c36;}
.s-form-other {font-size:16px; text-align:center;}
.s-form-scl-auth {margin:13px 0 0 0; text-align:center;}
.s-form-scl-auth .s-button {
    height:36px; line-height:36px;
    border-radius:8px;
}
.s-form-checkeds > li + li {margin-top: 6px;}
.s-form-button {margin:16px 0; text-align:center;}
.s-form-button .btn__control-adf {min-width: 138px; padding-left: 14px; padding-right: 14px; margin: 5px 10px;}


.s-form-captcha {display:flex; align-items:center; justify-content: center; margin:15px 0; text-align: center;}


.s-form-inputbox .invalid-feedback {display:block; margin: 5px 0 0 5px; font-size: 12px; color: red;}



.profile__tabs {display:flex; flex-wrap: wrap; margin: 0 0 34px 0; text-align: center;}
.profile__tabs .o-button {flex:1; margin: 0 -5px; border-radius: 0; background: #69544f;}
.profile__tabs .o-button.current {background: #94726a;}
.profile__tabs .o-button:after {border-radius: 0;}
.profile__tabs .o-button:first-child,
.profile__tabs .o-button:first-child:after {border-radius: 10px 0 0 10px;}
.profile__tabs .o-button:last-child,
.profile__tabs .o-button:last-child:after {border-radius: 0 10px 10px 0;}



.remodal.modal--product-buy {
    max-width: 500px;
}


.nowrap {white-space: nowrap;}

table.orders__table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; font-size: 14px;
    border: 1px solid #ddd;
}
table.orders__table thead tr {
    background-color: #c5c5c5;
}
table.orders__table th,
table.orders__table td {
    text-align: left;
    padding: 16px;
}
table.orders__table tr {background: #fff;}
table.orders__table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.orders__table-date {white-space: nowrap;}

.o-button.btn--support {min-width: auto;}
.icon__support {
    width: 24px; height: 24px; display: inline-block; vertical-align: middle;
    background: no-repeat center center url(../img/icons/svg-email.svg);
    background-size: 100% 100%;
}


@media all and (max-width: 860px){
    table.orders__table,
    table.orders__table tbody,
    table.orders__table tr,
    table.orders__table th,
    table.orders__table td {width:100%; padding: 0; display: block;}
    table.orders__table thead {display: none;}
    table.orders__table tr {padding: 10px;}
    table.orders__table td + td {margin-top: 3px;}
    table.orders__table td:last-child {text-align: center;}
    table.orders__table td::before {content: attr(data-label);}
}





.alert {
    padding: 20px 30px 20px 20px; position: relative; margin: 0 0 30px 0;
    background-color: #f44336; border-radius: 8px;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
}
.alert.alert-success {background-color: #5fbd63;}
.alert.alert-info {background-color: #2196F3;}
.alert.alert-warning {background-color: #ff9800;}

.alert button.close {
    width: auto; height: auto; padding: 0; margin: 0;
    position: absolute; right: 10px; top: 19px; background: 0; border: 0; box-shadow: none;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    color: white;
    cursor: pointer;
    transition: 0.3s;
}

.alert button.close:hover {color: black;}



.page__contract-block + .page__contract-block {margin-top: 34px;}

.props__list {margin: 0 0 5px 0; overflow: hidden;}
.props__list dt {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    color: #808d9a;
}
.props__list dd  {padding: 0; margin-bottom: 5px;}


.page__contract-informs {display: flex; flex-wrap: wrap; align-items: flex-start; margin: -10px;}
.page__contract-inform {flex:1 1 auto; min-width: 280px; padding: 10px;}



table.apps__table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}
table.apps__table thead tr {
    background-color: #c5c5c5;
}
table.apps__table th,
table.apps__table td {
    text-align: left;
    padding: 5px;
}
table.apps__table th {padding:8px 5px; font-size: 12px;}
table.apps__table tr {background: #fff;}
table.apps__table tr:nth-child(even) {
    background-color: #f2f2f2;
}
table.apps__table .apps__button-remove {min-width: 30px; width:auto; padding: 4px 5px;}
.apps__button-controls {margin: 5px 0 0 0; text-align: right;}

@media all and (max-width: 860px){
    table.apps__table,
    table.apps__table tbody,
    table.apps__table tr,
    table.apps__table th,
    table.apps__table td {width:100%; display: block;}
    table.apps__table tr {padding: 5px;}
    table.apps__table thead {display: none;}
    table.apps__table td:last-child {text-align: center;}
    table.apps__table td::before {content: attr(data-label);}
}


/* Page :: Faq */
dl.faq {
    position: relative; overflow: hidden; margin: 0; text-align: center;
}
dl.faq dt {
    padding: 2px; position: relative; font-weight: 400; font-size: 20px; color: #000;
}
dl.faq dd {padding: 5px; position: relative; overflow: hidden; color: #808080;}
dl.faq dd + dt {padding-top: 16px; margin-top: 16px; border-top: 1px solid #e6e6e6;}



.pagination {margin: 20px 0 0 0; text-align: center;}
.pagination li {margin: 0 5px; display: inline-block; vertical-align: top;}
.pagination li span {font-weight: bold;}




.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


@media all and (max-width: 860px){
    .header .wrapper {flex-direction: column;}
}


/* END */