.page-404-container{padding-top: 90px; padding-bottom: 90px;}

.btn-whatsapp {    display: inline-block;    vertical-align: middle;    width: 60px;    height: 60px;    background: url('i/whatsapp_icon_116.png') center center / contain no-repeat;}

/*MAIN_STYLES*/ body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #000; }
h1, .h1 { font-family: 'Montserrat'; font-weight: 800; color: #000; font-size: 34px; margin: 0 0 45px 0; }
h2, .h2 { font-family: 'Montserrat'; font-weight: 800; color: #000; font-size: 30px; margin: 0 0 30px 0; }
h3, .h3 { font-weight: 900; color: #000; font-size: 24px; margin: 0 0 30px 0; }
h4, .h4 { font-weight: 900; color: #000; font-size: 20px; margin: 0 0 30px 0; }
p { margin-bottom: 30px; }
.lead { font-weight: 400; }
b, strong { font-weight: 900; }
.title-style { line-height: 1.25; font-weight: 800; font-family: 'Montserrat'; }
.title-font { font-family: 'Montserrat'; font-weight: 800; }
.text-red { color: #ff3434; }
.text-grey { color: #808080; }
.text-big { font-size: 20px; }
.text-size-14 { font-size: 14px; }
.text-bg-red { background: #e54a41; color: #fff; }
@media(max-width: 767px) {
 h1, .h1 { font-size: 30px; margin-bottom: 30px; }
h2, .h2 { font-size: 24px; margin-bottom: 30px; }
h3, .h3 { font-size: 20px; margin-bottom: 30px; }
h4, .h4 { font-size: 18px; margin-bottom: 30px; }
.lead { font-size: 20px; font-weight: 400; }
 }
a { color: #0070c9; text-decoration: none; transition: all 200ms; }
a:hover { color: #0070c9; text-decoration: underline; }
a.link-dashed { color: #0070c9; text-decoration: none; border-bottom: 1px dashed transparent; transition: all 200ms; }
a.link-dashed:hover { color: #0070c9; text-decoration: none; border-bottom-color: #0070c9; }
a.red-link-dashed { color: #e54a41; text-decoration: none; border-bottom: 1px dashed transparent; transition: all 200ms; }
a.red-link-dashed:hover { color: #e54a41; text-decoration: none; border-bottom-color: #e54a41; }
a.white-link-dashed { color: #fff; text-decoration: none; border-bottom: 1px dashed transparent; transition: all 200ms; }
a.white-link-dashed:hover { color: #fff; text-decoration: none; border-bottom-color: #fff; }
a.red-link { color: #e54a41; text-decoration: none; border-bottom: 1px solid transparent; transition: all 200ms; }
a.red-link:hover { color: #e54a41; text-decoration: none; border-bottom-color: #e54a41; }
.mb-1 { margin-bottom: 20px!important; }
.mb-2 { margin-bottom: 40px!important; }
.mb-3 { margin-bottom: 60px!important; }
.mb-4 { margin-bottom: 80px!important; }
.mb-6 { margin-bottom: 6rem!important; }
.mt-1 { margin-top: 20px!important; }
.mt-2 { margin-top: 40px!important; }
.mt-3 { margin-top: 60px!important; }
.mt-4 { margin-top: 80px!important; }
@media(min-width: 768px) {
 .hidden-xs { display: none; }
 }
/*BUTTONS*/ .btn { height: 50px; min-width: 210px; line-height: 20px; padding: 15px 15px; border-radius: 5px; border:0; font-size: 16px; font-weight: normal; text-decoration: none; outline: 0; transition: all 200ms; }
.btn.btn-sm { height: 40px; min-width: 160px; padding: 10px 15px; }
.btn.btn-lg { height: 60px; min-width: 210px; padding: 20px 15px; }
.btn.btn-white { border: 2px solid #fff; color: #fff; padding: 13px 20px; background: rgba(255,255,255,0.0); }
.btn.btn-white:hover { border-color: #fff; color: #fff; background: rgba(255,255,255,0.1); }
.btn.btn-heart { background: #f4292b; color: #fff; line-height: 20px; font-weight: 900; }
.btn.btn-heart::before { display: inline-block; content:""; width: 20px; height: 20px; margin-right: 10px; line-height: 20px; vertical-align: middle; background-size: contain; background-position: center top; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26' fill='%23ffffff'%3E%3Cpath d='M15,4.6c0.1-0.2,0.2-0.4,0.3-0.6c1.2-2,2.9-3.3,5.1-3.8c4.3-1,8.4,1.7,9.4,5.8C30,7,30,7.9,29.9,8.9c-0.2,2-0.9,3.8-1.9,5.5 c-1.1,1.9-2.6,3.6-4.2,5.1c-2.5,2.5-5.3,4.5-8.4,6.3c-0.3,0.2-0.6,0.2-0.9,0c-3.4-2.1-6.6-4.5-9.4-7.4c-1.4-1.5-2.6-3.1-3.6-4.9 C0.9,12.3,0.4,11,0.1,9.6c-0.4-2.3,0-4.5,1.4-6.4c1.3-1.7,2.9-2.7,5-3.1c3.3-0.6,6.5,1.1,8.1,3.9C14.8,4.2,15,4.6,15,4.6z'/%3E%3C/svg%3E"); }
.btn.btn-heart:hover { transform: translateY(-5px); }
.btn.btn-default { color: #fff; background: #d71c2e; text-decoration: none; }
.btn.btn-added { color: #76d030; border: 2px solid #76d030; background: #fff; line-height: 16px; }
.btn.btn-black, .btn.btn-black:active { color: #e54a41; border: 2px solid #000; background: transparent; line-height: 16px; }
.btn.btn-black:hover { background: transparent; color: #e54a41; }
.btn.btn-primary { color: #fff; background: #d71c2e; text-decoration: none; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #d71c2e; border-color: #d71c2e; }
.btn.btn-red, .btn.btn-red:active { font-weight: 900; transition: all 300ms; background: linear-gradient(to bottom, #f88383 18%,#ff3434 87%)!important; color: #fff; border: 0; }
.btn.btn-red:hover { transform: translate(0px, -8px); }
.btn.btn-red2 { z-index: 1; position: relative; min-width: 260px; height: 60px; background-color: #d51313; color: #fff; font-weight: 900; padding: 20px 20px; box-shadow: 0 25px 60px 0 rgba(255,0,0,0.6); }
.btn.btn-red2:hover { transform: translateY(-5px); box-shadow: 0 30px 60px 0 rgba(255,0,0,0.6); }
.btn.btn-red-stroke { font-weight: 900; border: 1px solid #ff002a; color: #ff002a; background-color: transparent; }
.btn.btn-red-stroke:hover { color: #fff; background-color: #ff002a; border-color: #ff002a; box-shadow: none; }
.btn.btn-green, .btn.btn-green:active { font-weight: 900; transition: all 300ms; background: #76d030; color: #fff; border: 0; }
.btn.btn-green:hover { background: #8ad450; }
.btn.btn-tinkoff, .btn.btn-tinkoff:active { font-weight: 900; transition: all 200ms; background: #ffdd2d; color: #000; border: 0; }
.btn.btn-tinkoff:hover { background: #ffdd2d; transform: translateY(-5px); }
.btn.btn-secondary { min-width: 165px; min-height: 40px; height: auto; border: 1px solid #000; color: #000; background-color: transparent; padding: 9px 10px; font-weight: normal; font-size: 14px; }
.btn.btn-secondary:hover { color: #fff; background-color: #000; border-color: #000; box-shadow: none; }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none; }
.btn-whatsapp-header { outline: none!important; border: 0; background-color: transparent; background-image: url('i/contacts/icon-whatsapp.png'); width: 40px; height: 40px; display: inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat; transition: all 200ms; }
.btn-whatsapp-header:hover { transform: translateY(-8px); }
.m-info-nav { position: relative; padding: 20px 0 20px 0; }
.m-info-nav ul { list-style: none; padding: 0; margin:0; }
.m-info-nav ul li { padding:0; margin: 0px; display: block; }
.m-info-nav ul li a { display: block; color: #adadad; font-weight: 400; font-size: 16px; line-height: 40px; text-decoration: underline; }

.m-menu { z-index: 1001; position: fixed; left: 0; right: 0; bottom: 0px; top: 0px; transform: translateY(-100%); transition: all 400ms; padding: 60px 0 30px; background: #313131; visibility: hidden; overflow-y: scroll; overflow-x: hidden; }
.m-menu .container { max-width: 100%!important; }
.menu-on { overflow: hidden; }
.menu-on #m-menu { transform: translateY(0); visibility: visible; }
.m-menu__close { display: block; position: absolute; top: 0; right: 0px; width: 60px; height: 60px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath d='M12,10l8,8l-2,2l-8-8l-8,8l-2-2l8-8L0,2l2-2l8,8l8-8l2,2L12,10z'/%3E%3C/svg%3E%0A"); }
.m-menu__tel, .m-menu__email { display: inline-block; color: #e54a41; font-size: 14px; margin-bottom: 10px; text-decoration: none; }
.m-menu__tel:hover, .m-menu__email:hover { color: #e54a41; text-decoration: none; }
.mp-mobile-intro { padding-top: 150px; padding-bottom: 65px; padding-left: 20px; padding-right: 20px; }
.mobile-intro-title-1 { font-size: 22px; font-weight: 900; font-style: italic; margin-bottom: 20px; }
.mobile-intro-title-2 { font-size: 22px; font-weight: normal; font-style: italic; margin-bottom: 20px; }
#mobile-btn-whatsapp, #mobile-btn-menu, #mobile-btn-cart { display: block; width: 54px; height: 54px; position: fixed; right: 5px; background: #fff; border-radius: 10px; box-shadow: 0 0px 20px 0 rgba(0,0,0,0.20); }
#mobile-btn-menu { top: 5px; z-index: 700; background-position: center center; background-repeat: no-repeat; background-size: 22px 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20' fill='%23000'%3E%3Crect y='0' width='22' height='4'/%3E%3Crect y='8' width='22' height='4'/%3E%3Crect y='16' width='22' height='4'/%3E%3C/svg%3E "); }
#mobile-btn-whatsapp { bottom: 5px; z-index: 702; background: linear-gradient(135deg, #90fa8d 0%,#53b540 100%); outline: none!important; border: 0; }
#mobile-btn-whatsapp svg { width: 40px; height: 40px; position: absolute; left: 7px; top: 7px; }

.m-menu__catalog-nav ul{list-style: none; padding: 0; margin: 0; display: block;  border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d;}
.m-menu__catalog-nav ul li{display: block; padding: 0px; width: auto; text-align: left; margin: 0;}
.m-menu__catalog-nav ul li a{position: relative; display: block; color: #fff; text-decoration: none;}
.m-menu__catalog-nav ul li a:after{content:""; display: block; width: 12px;  position: absolute; top: 0px; bottom:0;  right: 5px;  background-size: 12px 20px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg fill='%23484848' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpolygon points='1.9,20 0,18.1 8.2,10 0,1.9 1.9,0 12,10 '/%3E%3C/svg%3E%0A");}
.m-menu__catalog-nav ul li a:hover{}
.m-menu__catalog-nav ul li a:hover .section-item-icon .red-hover{fill: #ff3434; opacity: 0;}
.m-menu__catalog-nav .section-item-icon{display: inline-block; vertical-align:middle; position: relative; margin: 0; width: 64px; height: 64px; background: transparent; background-clip: padding-box;  border: 0; }
.m-menu__catalog-nav .section-item-icon svg{position: relative; border-radius: 50%; fill: #fff; background: none;}
.m-menu__catalog-nav li.selected .section-item-icon{border-color: #ff3434;}
.m-menu__catalog-nav .section-item-icon .red-hover{fill: #ff3434; opacity: 0; transition: all 200ms;}
.m-menu__catalog-nav .section-item-name {display: inline-block; vertical-align:middle; font-weight: normal; line-height: 20px; font-size: 20px; text-decoration: none; color: #fff;}



.success-window {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 910;
    background: linear-gradient(135deg, rgba(177,200,26,1) 0%,rgba(14,228,155,1) 100%);
    color: #fff;
    min-height: 100vh;
    padding: 30px 0;
}

.success-window-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

.success-window-img {
    width: 110px;
    height: 98px;
    display: inline-block;
    background: url('i/done.png') center center / 110px 98px no-repeat;
}

.success-window-title {
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 30px;
    margin-top: 60px;
}

.success-window-text {
    margin-bottom: 45px;
}

.success-window.loading .success-loading {
    opacity: 1;
    visibility: visible;
}

.success-loading {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,1);
    display: flex;
    align-items: center!important;
    justify-content: center!important;
    transition: all 300ms;
}

.success-loading__inner {
    padding: 30px 15px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #f54c68;
}




/*FORM*/
.form-control {
    height: 50px;
}

.form-control:focus {
}

.form-control-required-text {
    color: #ff3434;
    font-size: 12px;
}

.form-style-1 .form-control {
    height: 60px;
    transition: all 200ms;
    text-align: left;
    padding: 20px 24px 10px 24px;
    line-height: 24px;
    color: #000;
    background-color: #e8e8e8;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.form-style-1 textarea.form-control {
    height: auto;
}

.form-style-1 .form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: #e44b42;
    box-shadow: 0 0 0 5px rgba(228,75,26,0.2);
}

.custom-control {
    display: inline-block;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #e54a41;
    border-color: #e54a41;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 50%;
    background-color: #fff;
}

.custom-checkbox .custom-control-label {
    text-align: left;
}

.bx-soa .form-control {
    height: 35px;
}

.bx-soa textarea.form-control {
    height: auto;
}

.input-holder .input-label {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 20px;
    left: 24px;
    right: 24px;
    text-align: left;
    font-size: 16px;
    color: #000;
    transition: all 200ms;
}

.input-holder.input-not-empty .form-control {
    background: #fff;
    border-color: #6ebb00;
}

.input-holder.input-not-empty .input-label, .input-holder.input-focused .input-label {
    top: 7px;
    font-size: 11px;
}

.form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-required-text {
    font-size: 12px;
    color: #a5afb5;
}

@media (max-width: 767px) {
    .input-holder .input-label {
        font-size: 13px;
    }
}


.form-check-input:checked {
    background-color: #e54a41;
    border-color: #e54a41;
}

.form-check {
    display: inline-block;}


.input-holder .input-label {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 20px;
    left: 24px;
    right: 24px;
    text-align: left;
    font-size: 16px;
    color: #000;
    transition: all 200ms;
}

.input-holder.input-not-empty .form-control {
    background: #fff;
    border-color: #6ebb00;
}

.input-holder.input-not-empty .input-label, .input-holder.input-focused .input-label {
    top: 7px;
    font-size: 11px;
}