@charset "utf-8";


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

html {height: 100%;}
body {min-height: 100%;}
body {
    min-width:320px; margin:0; padding:0; position:relative;
    font:500 16px/1.34 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; background: #fafafa;
}
@media all and (max-width: 1170px){
    body {font-size: 16px;}
}

::-ms-clear { display:none; }
a img {border:0;}

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

* {min-width:0; 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;}

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;}



/* 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;}
select.input__text {
    background-image: url(../img/icons/select-arrw.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px 6px;
}
.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;} 

.btn-reset {
    width: auto; height: auto; padding: 0; margin:0; border: 0; background: 0; box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline:none;
}

a.button {color:#fff; text-decoration: none;}
.button {
    height: 38px; padding:2px 20px; position: relative; z-index: 1;
    border: 0; overflow:hidden;
    display:inline-flex; align-items: center; justify-content: center;
    vertical-align:middle; margin: 0;
    font-weight: 500; font-size: 17px;
    line-height: 1; color:#fff; text-decoration:none; text-align:center; text-overflow:ellipsis;
    border-radius: 50px; background: #222629;
    transition: color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline:none;
}
.button:hover {background: #282e31;}
.button:active {background: #101113;}

.button--small {height: 28px; padding: 2px 14px; font-size: 14px;}

.button__icon {
    flex: none; width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center; margin:0 -17px 0 12px;
    background: #222629 no-repeat center center; border-radius: 50%;
}
.button__label {flex: none; padding-bottom: 2px;}
.button__arrw {width: 10px; height: 6px; margin-left: 6px;}

.button__icon.icon--buy {background-image: url(../img/cart.svg); background-size: 18px;}

a.button--white {color:#222629;}
.button--white {
    background-color: #fff; border: 1px solid #fff;
    color: #222629;
    box-shadow: 0 5px 10px rgba(24, 26, 42, 0);
}
.button--white:hover {border-color:transparent; box-shadow: 0 5px 10px rgba(24, 26, 42, 0.15); background-color: #FFFFFF;}
.button--white:active {border-color:#EEEEEF; box-shadow: 0 5px 10px rgba(24, 26, 42, 0); color: #96979B; background-color: #FFFFFF;}

a.button--black {color:#fff;}
.button--black {background-color: #181A2B; color: #fff;}
.button--black:hover {background-color: #313448;}
.button--black:active {background-color: #0D0E17;}
.button--black .button__icon {background-color: #fff; color: #000;}

a.button--light {color:#B1AE96;}
.button--light {background-color: #FAF9F1; color: #B1AE96;}
.button--light:hover {background-color: #F7F5EC;}
.button--light:active {background-color: #EEECDC;}

a.button--blue {color:#fff;}
.button--blue {background-color: #2196f3; color: #fff;}
.button--blue:hover {background-color: #2a9df8;}
.button--blue:active {background-color: #1e84d5;}

a.button--green {color:#fff;}
.button--green {background-color: #3BC740; color: #fff;}
.button--green:hover {background-color: #3FD645;}
.button--green:active {background-color: #37BD3C;}
.button--green .button__icon {background-color: #fff; color: #000;}

a.button--gray {color:#fff;}
.button--gray {background-color: #888; color: #fff;}
.button--gray:hover {background-color: #7a8d7a;}
.button--gray:active {background-color: #444e45;}
.button--gray .button__icon {background-color: #fff; color: #000;}

.button[disabled],
.button.disabled {opacity: 0.5; cursor:default;}



/* Checkbox */
.input__check {
    flex:none; width:24px; height:24px; display:inline-block; vertical-align:middle; position:relative; padding:0; margin:0; border:0; -webkit-appearance: none; cursor:pointer;
    transform: translate3d(0,0,0);
}
.input__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;}
.input__check-icon {
    width:24px; height:24px; line-height:1.34; content:' '; display:block; overflow: hidden;
    position:absolute; left:0; top:0; color:#fff; text-align:center; z-index:3;
    box-shadow: inset 0 0 0 1px #eee, inset 0 2px 4px rgba(238, 238, 239, 0.5);
    border-radius:6px;
}
.input__check-icon:before {
    width:auto; height:auto; content:' '; position:absolute; left:0; right: 0; top:0; bottom: 0; z-index:1; opacity:0;
    background: no-repeat center center url('../img/icons/check.svg');
    background-size: 100% 100%; transform: scale(1.8,1.8);
    transition: all 0.3s ease;
}
.input__check input[disabled] + .input__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;
}
.input__check:hover .input__check-icon {box-shadow: inset 0 0 0 2px #45166A;}
.input__check input[type="radio"] + .input__check-icon { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.input__check::after {width:auto; height:auto; display:block; position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; z-index:2;}
.input__check input:focus + .input__check-icon {box-shadow: inset 0 0 0 2px #45166A, 0 0 0 2px #5b922f;}
.input__check input:checked + .input__check-icon:before {opacity:1; transform: scale(1,1);}
.input__input-box {display:inline-flex; align-items: flex-start; vertical-align:top;}
.input__input-box .input__check-icon {flex:none; vertical-align:middle;}
.input__input-text {flex:1 1 0; padding:0 0 0 20px; vertical-align:middle;}


.checkbox__button {position: relative;}
.checkbox__button input {
    width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; padding: 0; border: 0; margin: 0; opacity: 0; background: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.checkbox__button-label {
    height: 40px; padding: 0 20px; display: flex; align-items: center; justify-content: center;
    color: #424D5E;
    background: #EBEEF3; border-radius: 12px;
    transition: background-color 0.3s ease;
}
.checkbox__button input:checked + .checkbox__button-label {color: #fff; background: #5CB446;}

@media all and (max-width: 772px){
    .checkbox__button-label {height: 30px; padding: 0 15px; font-size: 12px;}
}


/* Form */
.form__row {padding:0; display:block; margin: 0 0 24px 0;}
.form__label {margin:0 0 12px 0; font-weight: 500; font-size: 18px; color: #CBCBCB;}
.form__place {display:block; position: relative;}
.form__place-icon.icon--error {color:#EC6A32;}
.form__place-icon svg {
    width: auto; height: auto; max-width: 100%; max-height: 100%;
}
.form__place-icon + .input__place {padding-left: 80px;}

.form__controls {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin: 30px 0 0 0;}
.form__controls .button {margin-left: 10px;}
.form__button {width: 100%; height: 80px; font-weight: 800; font-size: 20px;}

@media all and (max-width: 772px){
    .form__label {font-size:initial;}
}
@media all and (max-width: 572px){
    .form__controls {margin: 25px 0 0 0;}
    .form__controls .button {margin:0 auto;}
    .form__controls .button + .button {margin-top: 5px;}
}
/* End form */


.none,
.display-none {display:none;}

.txt-center {text-align: center;}
.txt-strong {font-weight: 800;}

p {display:block; margin:20px 0;}

blockquote,
.blockquote {padding:14px 10px; margin:12px 0; border-left:10px solid #ec5943; font:300 14px/1.3 Arial, Helvetica, sans-serif; color:#222; background:#eee;}


/* Next */
.idesc {line-height:1.62; font-size: 14px; word-break: break-word;}
.idesc iframe {max-width: 100%;}
.idesc p {margin:12px 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:20px 0 10px 0; line-height: 1.22;}

.idesc ul {padding:0; display:block; margin:10px 10px 10px 0; overflow:hidden; line-height: 1.64;}
.idesc p + ul {margin-top: 0;}
.idesc ul li {padding-left:23px; position: relative; display:block; margin:7px 0; list-style:disc;}
.idesc ul > li:first-child {margin-top: 0;}
.idesc ul > li:last-child {margin-bottom: 0;}
.idesc ul li::before {
    content:' '; width: 10px; height: 10px;
    display: inline-block; vertical-align: middle; margin:0 13px 0 -23px;
    background: no-repeat center center url(../img/icons/list-dotts.svg);
    background-size: 100% 100%;
}
.idesc ul.list--gray li::before {color: #00345b;}

.idesc ol {counter-reset: olCounter; padding:0; list-style: none; display:block; margin:10px 10px 10px 10px; overflow:hidden; line-height: 1.24;}
.idesc ol li {display:block; padding:0 0 0 26px; margin: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: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 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%; margin:12px 0; border:0; border-top:1px solid #ddd; border-collapse:collapse;}
.idesc table td,
.idesc table th {padding:6px 9px; border:0; border-bottom:1px solid #ddd;}
.idesc table tr:first-child td,
.idesc table th { font-weight:bold;}
.idesc table tr:hover > td {background-color:rgba(0,0,0,0.01);}

.idesc img {max-width: 500px; height: auto; border-radius: 5px;}

.wordbreak {word-break: break-all;}




/* 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;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}
.remodal {
    border-radius: 8px;
    box-shadow: 0 2px 92px 0 rgba(0, 0, 0, .07);
}

/* 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; max-width: 100%; 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;}

@media all and (max-width: 560px){
    .paid__info,
    .paid__info tbody,
    .paid__info tr,
    .paid__info td,
    .paid__info th {display: block; margin: 0; border: 0; padding: 0; text-align: left;}
    .paid__info tr + tr {margin-top: 5px; border-top: 1px solid #eee; padding-top: 5px;}
}



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



/* Icons */
.ics {
    display:inline-block; vertical-align:middle;
    background:no-repeat center center;
    background-size:100% 100%;
}

.logo {font-weight: 700; font-size: 17px;}
a.logo-link {
    display: inline-block; vertical-align: top;
    line-height: 1.1; color: #000; text-decoration: none; transition: color 0.3s ease;
}
a.logo-link:hover {color: #337ab7;}
a.logo-link img {width: 120px; display: block;}

.contacts__label {margin:0 0 10px 10px; font-size: 12px;}
.contacts__icon {
    width: 40px; height: 40px; position: relative; z-index: 10; margin: 0 0 10px 5px;
    background: no-repeat center center url(../img/icons/support.svg); background-size: 100% 100%; border-radius: 50%;
    box-shadow: 0 2px 32px 0 rgba(4, 123, 248, .3);
}
.contacts__list {position: relative;}
.contacts__list > li {
    padding: 0 0 0 44px; position: relative; margin: 15px 0 0 0;
    font-size: 13.5px; color: #7F7F7F;
}
.contacts__list > li::before {
    content: ""; width: 8px; height: 8px; display: block;
    position: absolute; z-index: 7; left: 20px; top: 50%; margin: -4px 0 0 0;
    border: 2px solid #000; border-radius: 50px;
    font-weight: 400; background: #fff;
}
.contacts__list > li::after {
    width: 2px; height: 50px; content: ' '; display: block;
    position: absolute; left: 23px; bottom: 50%; margin: 4px 0 0 0; background: #eee;
}


.nav-list > li {position: relative; z-index: 77;}
.nav-list > li + li {margin-top: 10px;}
.nav-list > li > a {
    padding:9px 36px 9px 16px; display: flex; align-items: center; justify-content: flex-start; position: relative;
    font-weight: 400; font-size: 14px; color:#fff; text-decoration: none; text-align: left;
    background: #000; border-radius: 34px; transition: background-color 0.3s ease;
}
.nav-list > li > a::after {
    width: 27px; height: 27px; content: ' '; display: block;
    position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
    background: #fff no-repeat center center url(../img/icons/cat.svg); background-size: 10px; border-radius: 50%;
}
.nav-list > li > a:hover {background: #8c8c8c;}



/* Wrap */
.svg-hidden {
    width: 1px; height: 1px; position: absolute; left: 0; bottom: 0; overflow: hidden;
}
.wraps {
    min-width:350px; max-width:100%; min-height:100vh; padding: 12px 0 20px 0;
    display: flex; flex-direction: column;
}
.wrapper,
.content__wrapper {
    width:1270px; max-width:100%; padding:0 15px; margin:0 auto;
}

@media all and (max-width: 1100px){
    .wraps {padding: 10px 0 10px 0;}
}


.header__panel {margin-bottom: 12px;}
.header__panel-nav {display: flex; align-items: center; justify-content: flex-end;}

.header__panel-list {display: flex; align-items: center;}
.header__panel-list > li + li {margin-left: 20px;}
.header__panel-list a {color:#000; text-decoration: none;}
.header__panel-list a:hover {color: #2196f3;}
.header__panel-list a.current {color: #2196f3;}
.header__panel-list a.button {color: #fff;}

.panel__list {margin:14px 0 0 0;}
.panel__list a {
    padding: 5px 10px; display: flex; align-items: center; justify-content: start;
    color: #000; text-decoration: none; text-align: left;
}
.panel__list li + li a {border-top: 1px solid #ccc;}
.panel__list a.current {color: #2196f3;}
.panel__list li a.button {border: 0; color: #fff;}

@media all and (max-width: 1100px){
    .panel__list {display: block;}
}


/* Footer */
.footer {margin: 50px 0 0 0;}
.footer .wrapper {
    flex:none; padding: 15px 16px; display: flex; align-items: center; justify-content: center;
    font-size:14px; color: #9c9c9c; text-align: center;
    background: #1e1e1e; border-radius: 8px;
    box-shadow: 0 2px 92px 0 rgba(0, 0, 0, .07);
}
.footer__wrap {display: flex; align-items: center;}
a.footer__elitedesigns {
    flex:none; width: 108px; padding: 5px; display: block; margin-right: 20px; text-decoration: none;
    background:#fafafa; border-radius: 8px; opacity: 0.8; transition: opacity 0.3s ease;
}
a.footer__elitedesigns:hover {opacity: 1;}
.footer__elitedesigns img {width: 92px; height: 24px; vertical-align: top;}

.footer__copyright {flex:1 0; text-align: right;}

@media all and (max-width: 772px){
    .footer .wrapper {flex-direction: column; align-items: center;}
    a.footer__elitedesigns {order:2; margin: 14px 0 0 0;}
    .footer__copyright {order:1; flex:none; width: 100%; text-align: center;}
}


/* Container */
.content__wrapper {display: flex;}

.content__sidebar {
    width: 25%; position: relative; margin: 0 30px 0 0;
}
.content__sidebar-block {
    padding-bottom: 15px;
    /*position: sticky; top: 20px;*/
    background: #fff; border-radius: 6px;
    box-shadow: 0 2px 92px 0 rgba(0, 0, 0, .07);
}
.sidebar__header {padding: 20px;}

.sidebar__title {margin: 0 0 20px 0;}
.sidebar__title > span {
    padding:0 5px; position: relative; margin: 0;
    display: inline-block; vertical-align: top; font-weight: normal;
}
.sidebar__title > span::after {
    width: 100%; height: 7px; content: ' ';
    position: absolute; bottom: 0; left: 0;
    background:#000; opacity: .3;
}

.header__logo {margin: 0 0 20px 0;}
.header__logo img { margin: 0 0 8px 0;}

.content__wrap {
    flex:1 0;
    background: #fff; border-radius: 6px;
    box-shadow: 0 2px 92px 0 rgba(0, 0, 0, .07);
}

.content__desc,
.content__inner {
    padding: 30px;
}

@media all and (max-width: 772px){
    .content__desc,
    .content__inner {
        padding: 15px;
    }
}

.header__nav {padding: 0 15px;}

.header__button-menu {}


@media all and (max-width: 1100px){
    .adap-header {
        width: auto; height: 50px; padding:0 10px; display: flex; align-items: center; justify-content: space-between;
        position: fixed; z-index: 916; left: 0; right: 0; top: 0;
        color: #fff;
        background: #000;
        box-shadow: 0 2px 92px 0 rgba(0, 0, 0, .07);
    }
    .adap-header__logo {width: 120px;}
    .adap-header__logo img {width: 100%; height: auto; vertical-align: top;}
    .adap-header__logo .logo-link {
        flex:none; height: 42px; font-size: 18px; color: #fff;
    }
    .adap-header__logo .logo-link img {width: auto; max-height: 100%; height: 100%;}
    .adap-header__logo .logo-name {display:block;}
    .adap-header__content {flex:1 0; display: flex; align-items: center; justify-content: flex-end;}
    .adap-header__button-myorder {height:30px; padding:0 12px; margin: 0 6px 0 0; font-size: 14px;}

    .header__button-menu {display: flex; color: #fff;}
    .header__button-menu .menu-icon {width: 30px; height: 30px;}
    .header__button-menu .menu-icon__close {display: none;}

    .dropshow--main_menu .header__button-menu .menu-icon__close {display: block;}
    .dropshow--main_menu .header__button-menu .menu-icon__open {display: none;}

    .content__wrapper {flex-direction: column;}
    .content__sidebar {
        width: 300px; height: auto; padding: 0 0 30px 0;
        display: block; overflow: hidden; overflow-y: auto;
        position: fixed; right: 0; top: 50px; bottom: 0; margin: 0; color:#000; background: #fff;
        z-index: 912;
        transform: translateX(350px);
        transition:transform 0.5s ease;
    }
    .dropshow--main_menu .content__sidebar {
        transform: translateX(0);
    }

    .layer__panel__nav {
        width: auto; height: auto; display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0;
        background: rgba(0,0,0,0.3);
        z-index: 900;
        opacity: 0; visibility: hidden; pointer-events: none;
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }
    .dropshow--main_menu .layer__panel__nav {opacity: 1; visibility: visible; pointer-events: auto;}
}



/* Products */
.products__category {
    padding: 8px 18px 8px 18px; display: flex; align-items: center; justify-content: center;
    font-weight: bold; font-size: 18px; color: #fff; text-align: center;
    background: #222629;
}
.products__subcategory {
    padding: 5px 18px 5px 18px; display: flex; align-items: center; justify-content: center;
    font-weight: bold; font-size: 15px; color: #fff; text-align: center;
    background: #5f666d;
}
@media all and (max-width: 772px){
    .products__category {font-size: 16px;}
    .products__subcategory {font-size: 13px;}
}


.products__header {
    display: flex; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
    font-weight: 800; font-size: 13px; color: #000;
    background: #fff;
}
.products__header div[class^="products__col-"] {padding: 20px 5px; display: flex; align-items: center; justify-content: center;}
.products__header div.products__col-title {padding-left: 15px; justify-content: start;}
.products__item {display: flex; color: #000; border-bottom: 1px solid #ddd; background:#fff;}
.products__item + .products__category {margin-top: -1px;}
.products__item:last-of-type {border-radius: 0 0 8px 8px;}

@media all and (min-width: 773px){
    div[class^="products__col-"] {
        flex:none; padding: 14px 10px; text-align: center;
        border-left: 1px solid #ddd;
    }
    div.products__col-title {flex:1 0; padding-left: 15px; border-left: 0; text-align: left;}
    div.products__col-stock {width: 110px;}
    div.products__col-price {width: 110px;}
    div.products__col-buy {width: 150px; min-width: 150px;}
    div.products__col-buy .button {margin-top: -6px;}
}

.products__col-title {
    overflow: hidden;
    word-break: break-all;
    word-break: break-word;
}
div.products__col-title b {font-weight:bold; color: #337ab7;}
.products__col-title a {color: inherit; text-decoration: none;}
.products__col-title a:hover {color: #23527c;}
.products__col-title img {
    width: 32px; height:auto; max-height: 32px; vertical-align: middle;
    border-radius: 6px;
}
.products__col-title ul {display: flex; flex-wrap: wrap; margin-top: 5px;}
.products__col-title ul > li {
    flex:none; width: 50%;
    padding: 0 0 0 16px; position: relative;
}
.products__col-title ul > li::after {
    width: 6px; height: 6px; content: ' '; display: block;
    position: absolute; left: 0; top: 10px;
    background: #222629; border-radius: 50%;
}

@media all and (min-width: 773px) and (max-width: 1170px){
    .products__category {font-size: 20px;}
    .products__header {font-size: 16px;}
    .products__header div.products__col-title {padding-left: 20px;}
    div.products__col-title {padding-left: 20px;}
}
@media all and (min-width: 773px) and (max-width: 990px){
    .products__category {font-size: 18px;}
    .products__header {font-size: 16px;}
    .products__header div[class^="products__col-"] {padding-top: 20px; padding-bottom: 20px;}
}
@media all and (max-width: 772px){
    .products__header {display: none;}
    .products__header + .products__category + .products__item {border-radius: 8px 8px 0 0;}
    .products__item {
        padding: 24px; display: block; text-align: center;
    }
    .products__item [data-label]::before {content: attr(data-label) ":"; margin: 0 5px 0 0;}
    .products__col-title {margin-bottom: 12px; text-align: left;}
    .products__col-stock,
    .products__col-price {display: inline-block; vertical-align: middle; margin: 5px 10px 0;}
    .products__col-price br {display: none;}
    .products__col-buy {margin:16px 0 0 0; text-align: center; display: flex; justify-content: center;}
    .products__col-buy .div-ssd {width: 120px;}
    .products__col-buy .div-ssd .form {right: 2px;}
    .modal__buy .s-form-row {flex-direction: row;align-items: center;}
    .modal__buy .s-form-label {text-align: right;}
    .modal__buy .s-form-row:nth-child(2) .s-form-label {margin-bottom: 15px;}
}
@media all and (max-width: 432px){
    .products__col-title ul {display: block;}
    .products__col-title ul > li {width: auto;}
}


/* Product */
.product-width__title {margin:0 0 34px 0;}
.product-width__container {padding:10px; overflow: hidden; margin: -10px;}
.product-width__sidebar {flex:none; float: left; margin: 0 30px 0 0;}
.product-width__content {}
.product-width__content-title {
    margin:0 0 14px 0; font-weight: bold; font-size: 16px;
}

.product-width__image {
    width:200px; min-height: 120px; padding: 5px; display: flex; align-items: center; justify-content: center;
    position: relative; margin: 0 auto;
    border:1px solid #ddd; border-radius: 8px;
}
.product-width__image img {width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: top; border-radius: 8px;}
.product-width__control {margin: 12px 0 0 0; text-align: center;}
.product-width__buy_min {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 11px;
    color: #555;
    text-align: center;
}
.product-width__price {
    padding: 5px 10px; position: absolute; right: 0; top: 0;
    font-weight:bold; font-size: 16px; color: #fff;
    background:#3bc740; border-radius:0 8px 0 0;
    border-bottom: 2px solid #fff; border-left:2px solid #fff;
}
.product-width__pcs {
    padding: 5px 10px; position: absolute; left: 0; bottom: 0;
    font-weight:bold; font-size: 12px; color: #fff;
    background:#337ab7; border-radius:0 0 0 8px;
    border-top: 2px solid #fff; border-right:2px solid #fff;
}

@media all and (max-width: 560px){
    .product-width__sidebar {float: none; margin: 0 auto 24px;}
}


/* Breadcrumbs */
.breadcrumbs {
    padding: 14px; margin:0 0 24px 0; line-height: 160%; font-weight: 500; font-size: 13px; color: #3F455A;
    background: #f5f5f5; border-radius: 8px;
}
.breadcrumbs li {display: inline; vertical-align: top;}
.breadcrumbs li::before {content: ' / '; color: #A7A7A7;}
.breadcrumbs li:first-child::before {display: none;}
.breadcrumbs a {color: #A7A7A7; text-decoration: none;}
.breadcrumbs a:hover {color: #F84F5A;}



/* Page */
.page__title {
    padding: 0 6px; position: relative; z-index: 7; display: flex; align-items: center; justify-content: flex-start; margin: 0 0 14px 0;
    font-weight: bold; font-size: 22px; color: #000; text-align: center;
}
.page__title > span {margin: 0 10px 0 0;}
.page__title:before {
    flex:1; width: auto; height:8px; content: ' '; display: block;
    position: absolute; z-index: -1; left: 0; right: 0; bottom: 2px;
    background: #000; opacity: 0.18;
}
.page__content {padding:15px 10px; border:1px solid #f5f5f5; background: #fff; border-radius: 4px;}


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

.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: 540px; max-width: 100%; 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; align-items: center; gap: 12px;}
.s-form-row.display-none {display: none;}
.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-inputbox {flex:1; position: relative;}
.s-form-label {width:172px; display:block; padding: 0;  font-size:14px; color:#6f6f6f; text-align: right;} /* margin:9px 12px 0 0; */
.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;}

.s-form-promocode__notice {
    width: 100%; padding: 10px; margin: 10px 0 0 0; border: 1px dotted #ccc;
    font-weight: bold; font-size: 14px; text-align: center;
}
.s-form-promocode__notice.show--success {display: block; color: green; border-color: green;}
.s-form-promocode__notice.show--error {display: block; color: red; border-color: red;}


.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: #ff661e;
}
.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 1 auto; padding: 8px 5px; margin: 0 -5px; border-radius: 0;
    color: #fff; text-decoration: none; background: #000;
}
.profile__tabs .o-button:hover {background: #222;}
.profile__tabs .o-button.current {background: #2196f3;}
.profile__tabs .o-button:after {border-radius: 0;}
.profile__tabs .o-button:first-child,
.profile__tabs .o-button:first-child:after {border-radius: 34px 0 0 34px;}
.profile__tabs .o-button:last-child,
.profile__tabs .o-button:last-child:after {border-radius: 0 34px 34px 0;}



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




table.orders__table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    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;}



.alert {
    padding: 20px 30px 20px 20px; position: relative; margin: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 :: 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;}


/* Page :: My order */
.myorder__form {max-width:600px; display: flex; align-items: center; margin: 20px 0;}
.myorder__form .input__text {flex:1 0;}
.myorder__form .button {flex:none; width: 120px; margin: 0 0 0 10px;}


/* Search product */
.search-product {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    padding: 20px;
    margin:0;
    background: #eee;
}
.search-product__label {
    font-weight: bold;
    font-size: 14px;
}
.search-product__input {
    width: 100%;
    height: 38px;
}


/* END */

.data-ref ul {
    display: flex;
    gap: 20px;
}
.data-ref ul li {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.ref-link {
    display: flex;
    gap: 10px;
}
.wrap-ref.btns {
    display: flex;
    align-items: center;
    gap: 20px;
}
.wrap-ref.btns .sum {
    font-size: 20px;
}
.table-ref {
    width: 100%;
    margin-top: 50px;
}
.table-ref thead tr {
    background-color: #111;
    color: #fff; 
}
.table-ref tbody tr td { 
    border: 1px solid
}
.table-ref .no-data {
    text-align: center;
}
td .link-ssd {
    display: block;
    max-width: 460px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.ssd-tt-btn {
    position: relative;
}
.ssd-tt-btn::before {
    content: attr(data-quantity);
    position: absolute;
    padding: 0 4px;
    background-color: #222629;
    border-radius: 50%;
    color: #fff;
    top: -5px;
    right: -5px;
}
.form-ssd {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}
.form-ssd .s-form-row {
    flex-direction: column;
    align-items: flex-start
}
.form-ssd .s-form-label {
    width: auto;
}
.div-ssd {
    position: relative;
}
.div-ssd a {
    width: 120px;
    margin-top: 0 !important;
    justify-content: flex-start
}
.div-ssd .form {
    position: absolute;
    top: 1px;
    right: 6px;
    z-index: 99;
}
.header__panel-list .button.button--gray {
    margin-bottom: 0;
}
.cart-icon {
    position: fixed;
    bottom: 40px;
    right: 40px;
}
.cart-icon .button__icon.icon--buy {
    background-size: 22px;
    width: 70px;
    height: 70px;
}
.header__panel-list .cart-ssd-btn {
    position: relative;
}
.cart-ssd-btn::before {
    content: attr(data-quantity);
    position: absolute;
    padding: 0 6px;
    background-color: #222629;
    border-radius: 50%;
    color: #fff;
    top: -5px;
    right: -5px;
}
.header__panel-list .cart-ssd-btn::before {
    font-size: 12px;
    padding: 0 4px;
}

@media (max-width: 760px) {
    .s-form-row {
        flex-direction: column;
        align-items: flex-start
    }
    .s-form-label {
        text-align: left;
    }
    .profile__tabs {
        flex-direction: column;
    }
    .profile__tabs .o-button:first-child, .profile__tabs .o-button:first-child:after,
    .profile__tabs .o-button:last-child, .profile__tabs .o-button:last-child:after {
        border-radius: 0;
    }
    .data-ref ul {
        flex-wrap: wrap;
    }
    .data-ref ul li {
        flex: auto;
        max-width: 147px;
    }
    .idesc .table-ssd tr td:first-child , .idesc .table-ssd tr th:first-child {
        display: none;
    }
    .idesc table td, .idesc table th {
        padding: 6px 5px;
    }
    .idesc table td .btn.button {
        padding: 0 10px;
    }
    .idesc table td form .btn.button {
        padding: 0 5px;
        font-size: 14px;
        font-weight: 400;
        width: 70px;
    }
    td .link-ssd {
        max-width: 80px;
    }
}