@font-face {

    font-family: OpenSans;

    src: url("/views/template/fonts/OpenSans/OpenSans-Bold.eot");

    src: url("/views/template/fonts/OpenSans/OpenSans-Bold.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/OpenSans/OpenSans-Bold.woff") format("woff"), url("/views/template/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype"), url("/views/template/fonts/OpenSans/OpenSans-Bold.svg") format("svg");

    font-weight: 600;

    font-style: normal;

}

@font-face {

    font-family: OpenSans;

    src: url("/views/template/fonts/OpenSans/OpenSans-Regular.eot");

    src: url("/views/template/fonts/OpenSans/OpenSans-Regular.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("/views/template/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"), url("/views/template/fonts/OpenSans/OpenSans-Regular.svg") format("svg");

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: OpenSans;

    src: url("/views/template/fonts/OpenSans/OpenSans-Semibold.eot");

    src: url("/views/template/fonts/OpenSans/OpenSans-Semibold.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/OpenSans/OpenSans-Semibold.woff") format("woff"), url("/views/template/fonts/OpenSans/OpenSans-Semibold.ttf") format("truetype"), url("/views/template/fonts/OpenSans/OpenSans-Semibold.svg") format("svg");

    font-weight: 500;

    font-style: normal;

}

@font-face {

    font-family: Oswald;

    src: url("/views/template/fonts/Oswald/Oswald-Light.eot");

    src: url("/views/template/fonts/Oswald/Oswald-Light.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/Oswald/Oswald-Light.woff") format("woff"), url("/views/template/fonts/Oswald/Oswald-Light.ttf") format("truetype"), url("/views/template/fonts/Oswald/Oswald-Light.svg") format("svg");

    font-weight: 200;

    font-style: normal;

}

@font-face {

    font-family: Oswald;

    src: url("/views/template/fonts/Oswald/Oswald-LightItalic.eot");

    src: url("/views/template/fonts/Oswald/Oswald-LightItalic.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/Oswald/Oswald-LightItalic.woff") format("woff"), url("/views/template/fonts/Oswald/Oswald-LightItalic.ttf") format("truetype"), url("/views/template/fonts/Oswald/Oswald-LightItalic.svg") format("svg");

    font-weight: 200;

    font-style: italic;

}

@font-face {

    font-family: Oswald;

    src: url("/views/template/fonts/Oswald/Oswald-Regular.eot");

    src: url("/views/template/fonts/Oswald/Oswald-Regular.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/Oswald/Oswald-Regular.woff") format("woff"), url("/views/template/fonts/Oswald/Oswald-Regular.ttf") format("truetype"), url("/views/template/fonts/Oswald/Oswald-Regular.svg") format("svg");

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: Oswald;

    src: url("/views/template/fonts/Oswald/Oswald-RegularItalic.eot");

    src: url("/views/template/fonts/Oswald/Oswald-RegularItalic.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/Oswald/Oswald-RegularItalic.woff") format("woff"), url("/views/template/fonts/Oswald/Oswald-RegularItalic.ttf") format("truetype"), url("/views/template/fonts/Oswald/Oswald-RegularItalic.svg") format("svg");

    font-weight: 400;

    font-style: italic;

}

@font-face {

    font-family: Oswald;

    src: url("/views/template/fonts/Oswald/Oswald-Medium.eot");

    src: url("/views/template/fonts/Oswald/Oswald-Medium.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/Oswald/Oswald-Medium.woff") format("woff"), url("/views/template/fonts/Oswald/Oswald-Medium.ttf") format("truetype"), url("/views/template/fonts/Oswald/Oswald-Medium.svg") format("svg");

    font-weight: 500;

    font-style: normal;

}

@font-face {

    font-family: Oswald;

    src: url("/views/template/fonts/Oswald/Oswald-MediumItalic.eot");

    src: url("/views/template/fonts/Oswald/Oswald-MediumItalic.eot#?iefix") format("embedded-opentype"), url("/views/template/fonts/Oswald/Oswald-MediumItalic.woff") format("woff"), url("/views/template/fonts/Oswald/Oswald-MediumItalic.ttf") format("truetype"), url("/views/template/fonts/Oswald/Oswald-MediumItalic.svg") format("svg");

    font-weight: 500;

    font-style: italic;

}


body {

    font-family: OpenSans, Arial, sans-serif;

    font-weight: 400;

    font-size: 15px;

}


/*===== FONTS =====*/

/*===== BASE =====*/

a {

    color: #71bf45;

}


.modal_input {

    position: relative;

    display: inline-block;

}


input, textarea {

    padding: 8px 12px 9px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border: 1px solid #dadada;

    font-size: 14px;

    color: #222;

    outline: none;

    background: #f9f9f9;

    box-shadow: none;

}


input:focus:not[type="submit"], textarea:focus {
    border-color: #1a95e5;
}


.h1, .h2, .h3, .h4, .h5, .h6 {

    font-weight: 500;

    text-transform: uppercase;

    padding-bottom: 0px;

}


h1, h2, h3, h4, h5, h6 {

    font-weight: 500;

    text-transform: uppercase;

    padding-bottom: 25px;

    line-height: 1.3;

    font-family: Oswald;

}


.h_line {

    position: relative;

}

.h_line:before {

    width: 90px;

    height: 13px;

    content: "";

    bottom: -23px;

    left: 0;

    position: absolute;

    background: url(/views/template/img/sprite2.png) no-repeat -12px -244px;

}


.h_line-white:before {

    background-position: -12px -267px;

}


.h_link .h1 {

    display: inline-block;

}


.h_link a {

    display: inline-block;

    font-family: Oswald;

    color: #1a95e5;

    font-weight: 500;

    font-size: 14px;

    margin-left: 10px;

}


h1, .h1 {

    font-size: 28px;

}


h2, .h2 {

    font-size: 26px;

}


h3, .h3 {

    font-size: 24px;

}


h4, .h4 {

    font-size: 18px;

}


h5, .h5 {

    font-size: 16px;

}


h6, .h6 {

    font-size: 12px;

}


h1, .h1 {

    font-family: Oswald;

    font-weight: 500;

}


.h1 {

    margin-bottom: 40px;

}


@media (max-width: 500px) {

    .h1 {

        font-size: 20px;

    }

}


p {

    margin: 0 0 20px;

    line-height: 1.4;

}


html, body {

    height: 100%;

}


.container_full {

    padding: 0px 100px;

}


/*=btn==*/

.btn {

    font-size: 14px;

    padding: 12px 33px 13px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    text-decoration: none;

    text-align: center;

    display: inline-block;

    cursor: pointer;

}


.btn_link {

    display: inline-block;

    cursor: pointer;

    color: #1a95e5;

    text-decoration: none;

    margin-left: 10px;

    font-size: 14px;

    border-bottom: 1px dashed #1a95e5;

}

.btn_link:hover {

    border-bottom: none;

}


.btn-one {

    background-color: #71bf45;

    border: none;

    border-bottom: 2px solid #427d20;

    color: white;


    font-weight: 600;

    outline: none;

    cursor: pointer;

}

.btn-one:hover {

    background-color: #6ab540;

}


.btn-two {

    border: 1px solid #1a95e5;

    color: #1a95e5;

    -webkit-transition: all 0.15s ease;

    -moz-transition: all 0.15s ease;

    -ms-transition: all 0.15s ease;

    -o-transition: all 0.15s ease;

    transition: all 0.15s ease;

}

.btn-two:hover {
    background: #1a95e5;
    color: white;
}

.btn-three {
    background-color: #1a95e5;
    color: white;
    transition: all 0.15s ease;
}

.btn-three:hover {
    background-color: #178ad5;
}

.btn-four {
    background-color: #ffd200;
    border: none;
    border-bottom: 2px solid #b29200;
    color: white;
    font-weight: 600;
    outline: none;
    cursor: pointer
}

.btn-six {
    background-color: #1a95e5;
    border-bottom: 2px solid #0a6cab;
    color: white;
    font-weight: 600;
    transition: all 0.15s ease;
    outline: none;
    cursor: pointer
}

.btn-six:hover {
    background-color: #1181c9;
}

.btn-no_active, .btn-no_active:hover {
    background-color: #c1c1c1;
    border-bottom: 2px solid #9c9c9c;
    cursor: default;
}


.btn_text {

    display: inline-block;

    color: #888;

    font-size: 14px;

    position: relative;

    border-bottom: 1px solid #cccccc;

    text-decoration: none;

}


.btn_text:hover {

    color: #71bf45;

    border-bottom: none;

    margin-bottom: 1px;

}

.btn_text:hover:after {

    -moz-transform: scale(1) translateX(5px);

    -webkit-transform: scale(1) translateX(5px);

    -o-transform: scale(1) translateX(5px);

    -ms-transform: scale(1) translateX(5px);

    transform: scale(1) translateX(5px);

}

.btn_text:after {

    content: '';

    position: absolute;

    width: 5px;

    height: 9px;

    right: -12px;

    top: 4px;

    background: url(/views/template/img/sprite2.png) -41px 0;

    -moz-transform: scale(1) translateX(0px);

    -webkit-transform: scale(1) translateX(0px);

    -o-transform: scale(1) translateX(0px);

    -ms-transform: scale(1) translateX(0px);

    transform: scale(1) translateX(0px);

    -webkit-transition: transform 0.3s ease;

    -moz-transition: transform 0.3s ease;

    -ms-transition: transform 0.3s ease;

    -o-transition: transform 0.3s ease;

    transition: transform 0.3s ease;

}


/*=btn==*/


.box_content {

    margin-bottom: 50px;

}


.indent-s {

    padding-top: 50px;

    padding-bottom: 50px;

}


.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {

    display: table;

    content: " ";

}


.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {

    clear: both;

}


.title_center {

    text-align: center;

    padding-bottom: 40px;

}


.title_center span {

    position: relative;

}


.title_center span:after {

    position: absolute;

    width: 26px;

    height: 24px;

    content: '';

    left: -14px;

    top: -3px;

    background: url(/views/template/img/title_icon.png) no-repeat;

}


.hr {

    height: 1px;

    width: 100%;

    background-color: #ebebeb;

}


.shadow_inset {

    position: relative;

}

.shadow_inset:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    -webkit-box-shadow: inset 0 2px 3px 0 #e3e3e3;

    box-shadow: inset 0 2px 3px 0 #e3e3e3;

}

.shadow_inset:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 4px;

    -webkit-box-shadow: inset 0 -2px 3px 0 #e3e3e3;

    box-shadow: inset 0 -2px 3px 0 #e3e3e3;

}


.content_page {

    padding: 40px 0;

}


.content_page img {

    max-width: 100%;

}


.close_btn {

    position: absolute;

    left: -10px;

    top: -10px;

    width: 23px;

    height: 23px;

    background-color: #bcbcbc;

    -webkit-border-radius: 20px 20px 20px 20px;

    border-radius: 20px 20px 20px 20px;

}

.close_btn:hover {

    background-color: #1a95e5;

}

.close_btn:before, .close_btn:after {

    position: absolute;

    left: 15px;

    content: ' ';

    height: 12px;

    width: 3px;

    background-color: white;

    top: 5px;

    left: 10px;

}


.close_btn:before {

    transform: rotate(45deg);

}


.close_btn:after {

    transform: rotate(-45deg);

}


@media (max-width: 500px) {

    .indent-m {

        padding-top: 60px;

        padding-bottom: 60px;

    }


    .title_center {

        padding-bottom: 25px;

    }


    .h2, .h2 {

        font-size: 27px;

    }

}


/*inpyt number*/

.quantity {

    position: relative;

    width: 36px;

    display: inline-block

}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}


input[type=number] {

    -moz-appearance: textfield;

}


.quantity input {

    width: 36px;

    height: 34px;

    line-height: 1.65;

    display: block;

    padding: 0;

    margin: 0;

    padding-left: 0px;

    border: 1px solid #eee;

    text-align: center;

}


.quantity input:focus {

    outline: 0;

}


.quantity-nav {

    position: relative;

    height: 0px;

    width: 100%;

}


.quantity-button {

    position: relative;

    cursor: pointer;

    border-left: 1px solid #eee;

    width: 20px;

    text-align: center;

    color: #333;

    font-size: 13px;

    line-height: 1.7;

}


.quantity-button.quantity-up {

    position: absolute;

    height: 32px;

    bottom: 0px;

    border-bottom: 1px solid #e7e7e7;

    background: #d8d8d8;

    padding-top: 3px;

    right: -19px;

}


.quantity-button.quantity-down {

    position: absolute;

    height: 32px;

    border-bottom: 1px solid #e7e7e7;

    bottom: 0;

    background: #d8d8d8;

    padding-top: 3px;

    left: -19px;

}


.quantity_status-yes {

    font-size: 13px;

    color: #65c410;

    padding-left: 15px;

}


.quantity_status-no {

    font-size: 13px;

    color: #e78c00;

    padding-left: 15px;

}


/*ul list style*/

ul.style {

    font-size: 14px;

    padding-bottom: 15px;

}


ul.style > li {

    margin-bottom: 14px;

    padding-left: 25px;

    position: relative;

}


ul.style > li span {

    color: #888;

}


ul.style > li:after {

    content: '';

    position: absolute;

    left: 4px;

    top: 1px;

    width: 15px;

    height: 14px;

    background: url(/views/template/img/sprite2.png) -256px -172px;

}

/*ul list style*/


/*radio style*/

.radio {

    vertical-align: top;

    width: 17px;

    height: 17px;

    margin: 0 3px 0 0;

}


.radio__row {

    margin-bottom: 10px;

}


.radio + label {

    cursor: pointer;

}

.radio:not(checked) {

    position: absolute;

    opacity: 0;

}

.radio:not(checked) + label {

    position: relative;

    padding: 0 0 0 35px;

}

.radio:not(checked) + label:before {

    content: '';

    position: absolute;

    top: -3px;

    left: 0;

    width: 22px;

    height: 22px;

    border: 1px solid #CDD1DA;

    border-radius: 50%;

    background: #FFF;

}


.radio:not(checked) + label:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 3px;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #9FD468;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);

    opacity: 0;

    transition: all .2s;

}

.radio:checked + label:after {

    opacity: 1;

}

.radio:focus + label:before {

    box-shadow: 0 0 0 3px rgba(255, 255, 0, .5);

}

/*radio style*/


/*checkbox style*/

input[type=checkbox] {

    display: none;

}


.inputPhone_valid__inform {

    display: none;

    position: absolute;

    top: -17px;

    left: 18px;

    font-size: 13px;

    color: #ec1200;

    letter-spacing: 0.6px;

}


.inputPhone_valid__inform.active {

    display: block;

}


.checkbox__label {

    display: inline-block;

    cursor: pointer;

    position: relative;

    padding-left: 25px;

    margin-right: 15px;

    font-size: 14px;

}


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

    content: "";

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);

    font-size: 15px;

    color: #f3f3f3;

    text-align: center;

    line-height: 15px;

}


input[type=checkbox]:checked + label:after {

    content: "";

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);

    font-size: 15px;

    color: #f3f3f3;

    text-align: center;

    background-color: #71bf45;

    line-height: 15px;

}


.checkbox .checkbox__label:after {

    border-radius: 3px;

    content: "";

    display: inline-block;

    width: 11px;

    height: 11px;

    margin-right: 10px;

    position: absolute;

    left: 4px;

    bottom: 5px;

}


.checkbox .checkbox__label:before {

    border-radius: 3px;

    content: "";

    display: inline-block;

    width: 19px;

    height: 19px;

    margin-right: 10px;

    position: absolute;

    left: 0;

    bottom: 1px;

    border: 2px solid #d4d4d4;

}


/*checkbox style*/


/*===== BASE =====*/


.text_center {
    text-align: center;
}

.center_wrap {
    padding-bottom: 40px;
}

.center {
    padding-bottom: 60px;
}

.wrapper_block {

    overflow: hidden;

}


.box {

    background-color: #f4f6f6;

    padding: 60px 0;

    margin-top: -31px;

}


/*===== breadcrumbs =====*/

.breadcrumbs {

    padding-top: 15px;

    color: #adadad;

}


.breadcrumbs > i {

    width: 5px;

    height: 8px;

    background: url(/views/template/img/sprite2.png) no-repeat -220px -65px;

    display: inline-block;

    margin: 10px 15px;

    vertical-align: middle;

}


.breadcrumbs a {

    display: inline-block;

    color: #e7e7e7;

    letter-spacing: 0.8px;

    font-size: 14px;

    text-decoration: none;

}

.breadcrumbs a:hover {
    color: #71bf45;
}


.breadcrumbs span {
    color: #1a95e4;
}


/*===== breadcrumbs =====*/


/*===== search =====*/

.mobile_search {

    width: 35px;

    height: 30px;

    margin-left: 0px;

    background-image: url(/views/template/img/sprite2.png);

    background-repeat: no-repeat;

    background-position: -283px -67px;

    display: none;

}


.mobile_search__form {
    position: relative;
}

.mobile_search__form .search__btn {

    right: 50px;

    left: auto;

    top: 8px;

    width: 21px;

    height: 21px;

    position: absolute;

    z-index: 10;

    background-image: url(/views/template/img/sprite2.png);

    background-repeat: no-repeat;

    background-position: -283px -38px;

    border: none;

    background-color: transparent;

    outline: none;

}

.mobile_search__form .search__input {
    width: 85%;
}


.highlight {
    background-color: #ffd200;
}

.search_form {
    width: 340px;
    position: relative;
}

.search_input {
    width: 100%;
    padding: 8px 12px 9px;
    border-radius: 5px;
    border: 1px solid #dadada;
    font-size: 14px;
    color: #222;
    outline: none;
    background: #f9f9f9;
}

.search_input:focus {
    background-color: #efefef;
}

.search_btn {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/views/template/img/sprite2.png) no-repeat -238px 3px;
    border: none;
    outline: none;
    width: 39px;
    height: 38px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    opacity: 0.3;
}

.search_btn:hover {
    opacity: 1;
}


/*===== search =====*/

/*===== head =====*/
.head_phone {
    text-align: center;
}

.head__phone_click {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.head_main_phone{
    padding-left: 70px;
    position: relative;
}

.head_main_phone .btn{
    font-size: 12px;
    padding: 6px 12px 7px;
    display: none;
}

.head_main_phone:before{
    content: "";
    position: absolute;
    left: 35px;
    top: 4px;
    width: 24px;
    height: 24px;
    background: url(/views/template/img/phone.svg) no-repeat center;
}

.head_main_phone__text {
    font-size: 12px;
}

.head_action .btn{
    padding: 8px 15px 8px;
    font-size: 11px;
    width: 100%;
    text-transform: uppercase;
}

.head_action .btn-six{
    margin-bottom: 5px;
}

.head_schedule{
    font-size: 13px;
}

.head_schedule__title{
    font-weight: 600;
}

.head_schedule__text a{
    color:#111;
    text-decoration: none;
}

.head__inform_basket_num, .head__inform_basket_sum {
    font-size: 14px;
    color: #222;
}

.head_right{
    flex: 1;
    padding-bottom: 25px;
}

.head_right__top{
    display: flex;
    justify-content: end;
}

.head_right__bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head__inform_basket{
    position: relative;
}

.head__inform_basket_info {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 10px;
    line-height: 1.4;
}

.basket_info__count {
    width: 20px;
    height: 20px;
    padding-top: 2px;
    background-color: #77BE46;
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    text-align: center;
    z-index: 10;
    left: 18px;
    top: 4px;
    border-radius: 20px;
}

.head__inform_basket_num span, .head__inform_basket_sum span {
    font-weight: 600;
}

.head__inform li {
    border-right: 1px solid #f2f2f2;
    cursor: pointer;
    display: inline-block;
}

.head__inform li:last-child {
    border: none;
}

.head__inform li i {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-image: url(/views/template/img/sprite2.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.head__inform_like {
    cursor: pointer;
    position: relative;
    padding-right: 15px;
    border-right: 1px solid #dfe1eb;
}

.head__inform_like i {
    background-position: -62px -6px;
}

.head__inform_like:hover i {
    background-position: -62px -61px;
}

.head__inform_liken i {
    background-position: -7px -6px;
}

.head__inform_liken:hover i {
    background-position: -7px -61px;
}

.head__inform_basket a {
    display: block;
    text-decoration: none;
}

.head__inform_basket svg{
    position: relative;
    top: 10px;
}

.head__inform_basket i {
    background-position: -117px -6px;
}

.head__inform_basket:hover i {
    background-position: -117px -61px;
}

@media (max-width: 700px) {
    .head__phone_click{
        margin-bottom: 5px;
        display: inline-block;
    }
    .head_main_phone__text{
        display: none;
    }
    .head_main_phone .btn{
        display: inline-block;
    }
}


@media (max-width: 1200px) {
    .head_schedule{
        display: none;
    }
}

@media (max-width: 400px) {

    .head__inform_basket_num, .head__inform_basket_sum {
        font-size: 12px;
    }

    .head__inform_basket_info {
        margin-left: 10px;
    }

}

.bottom__head{
    display: flex;
    align-items: center;
}

.top_head {
    background-color: #e7e7e7;
    padding: 5px 0 0px;
    border-bottom: 1px solid #d5d5d5;
}

.top_head__one {
   display: flex;
   justify-content: end;
}

.top_head__two {
    background-color: #333;
}

.top_head__two .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top_head__actions{
    display: flex;
}

.top_head__basket{
    position: relative;
    display: none;
}

.top_head__basket .basket_info__count{
    top: -6px;
}

.head_user {
    text-align: right;
    color: #333;
    font-size: 14px;
}


.head_user a {
    color: #333;
    text-decoration: none;
}


.head_user span {
    display: inline-block;
}

.head_user__hi {

    font-weight: 600;

    margin-right: 10px;

}


.head_login {
    padding: 0 0 0 15px;
    cursor: pointer;
    position: relative;
}

.head_login, .head_registration{
    display: flex;
    align-items: center;
    text-decoration: none;
}

.head_login:hover {
    color: #1a95e5;
}


.head_registration {
    padding-left: 15px;
    cursor: pointer;
    position: relative;
    color: #222;
}


.head_user__icon {

    display: none;

    width: 34px;

    height: 34px;

    background-image: url(/views/template/img/sprite2.png);

    background-repeat: no-repeat;

    vertical-align: middle;

    margin: 0 3px;

    cursor: pointer;

}


.head_registration .head_user__icon {
    background-position: -157px -208px;
}

.head_registration .head_user__icon:hover {
    background-position: -157px -246px;
}


.head_exit .head_user__icon {
    background-position: -197px -208px;
}

.head_exit .head_user__icon:hover {
    background-position: -197px -246px;
}


.head_room .head_user__icon {
    background-position: -236px -208px;
}

.head_room .head_user__icon:hover {
    background-position: -236px -246px;
}


.head_login .head_user__icon {
    background-position: -118px -208px;
}

.head_login .head_user__icon:hover {
    background-position: -118px -246px;
}


.head_registration:hover, .head_user__text:hover {

    color: #1a95e5;

}


.head_user__hr {

    border-right: 1px solid #ffffff;

    border-left: 1px solid #dadada;

    height: 20px;

    width: 0;

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px;

    margin-right: 10px;

}

.cellback {
    color: #1a95e5;
    font-size: 14px;
    border-bottom: 1px dashed #1a95e5;
    display: inline;
    cursor: pointer;
}

.cellback:hover {
    border-bottom: none;
    margin-bottom: 1px;
}


/*=certificate=*/

.certificate {

    display: inline-block;

    position: absolute;

    right: 0;

    top: 0;

}


.certificate__btn {

    color: #1a95e5;

    border: 1px dashed #1a95e5;

    padding: 12px 17px;

    font-weight: 600;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background-color: #d9d9d9;

    font-size: 13px;

    cursor: pointer;

}

.certificate__mobile {
    display: none;
}

.certificate__btn:hover {

    background-color: #1a95e5;

    color: white;

}


/*=logo=*/
.logo {
    padding-top: 0;
    padding-bottom: 15px;
    width: 250px;
}

.logo img {
    max-width: 100%;
}

.logo_in {
    display: inline-block;
    position: relative;
}

.logo a {
    display: inline-block;
    vertical-align: middle;
}

.logo__slogan {

    display: inline-block;

    font-size: 13px;

    font-weight: 200;

    vertical-align: middle;

    line-height: 1.3;

    padding-left: 10px;

}



@media (max-width: 1200px) {
    .search_form {
        width: 200px;
    }


    .nav > ul li{
        margin-right: 35px!important;
    }
}

@media (max-width: 992px) {
    .logo {
        padding-top: 0!important;
        padding-bottom: 15px!important;;
    }

    .navbar_right, .navbar_search{
        width: 100%;
    }

    .search_form{
        width: 100%;
    }

    .navbar_wrap{
        display: none;
    }

    .head_right__bottom{
        justify-content: flex-end;
    }

    .head_phone{
        padding-left: 50px;
        text-align: right;
    }

    .head_main_phone{
        margin-top: 10px;
        padding-left: 75px;
    }

    .head_main_phone br{
        display: none;
    }

    .head_action, .head__inform{
        display: none;
    }

    .top_head__one{
        justify-content: space-between;
    }

    .top_head__basket{
        display: block;
    }

    .top_head__actions{
        display: none;
    }

    .head_right{
        width: 100%;
    }

}

@media (max-width: 700px) {

    .head_phone{padding-left: 0;}

    .head_right{
        margin-top: 10px;
    }

    .head_right__bottom{
        justify-content: flex-end;
        align-items: flex-end;
        text-align: right;
        flex-flow: column-reverse !important;
    }
    
    .head_main_phone:before{
        display: none;
    }

    .head_main_phone{
        padding-left: 0;
    }

    .top_banner {
        display: none;
    }
    .head_user__icon {
        display: inline-block;
    }
}


/*===== head =====*/

.box__inside {

    background-color: #fff;

    -webkit-box-shadow: 0 2px 3px 0 #e3e3e3;

    box-shadow: 0 2px 3px 0 #e3e3e3;

}


.table_box {

    display: table;

}


/*===== menu =====*/


.menu {

    background-color: #f3f3f3;

    vertical-align: top;

    margin-bottom: 30px;

}


.menu__title {

    color: #333;

    font-family: Oswald;

    font-size: 28px;

    font-weight: 400;

    border-bottom: 1px solid #cecece;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);

    -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);

    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);

    padding: 20px;

    text-transform: uppercase;

    background-color: #e2e2e2;

}


.menu__up_ul > li > a {

    font-weight: 400;

    text-decoration: none;

    color: #222;

    font-size: 14px;

    padding: 12px 20px 13px;

    border-bottom: 1px solid #f3f3f3;

    display: block;

    -webkit-transition: all 0.15s ease;

    -moz-transition: all 0.15s ease;

    -ms-transition: all 0.15s ease;

    -o-transition: all 0.15s ease;

    transition: all 0.15s ease;

}


.menu__up_ul ul a {

    padding: 12px 20px 13px;

    padding-left: 30px;

    display: block;

    color: #222;

    text-decoration: none;

}


.menu__up_ul ul ul a {

    padding-left: 50px;

}


.menu__up_ul a:hover {

    background-color: #dbdbdb;

    color: #1a95e5;

}


.menu__up_ul > li.active > a, .menu__up_ul > li.active > a:hover, .menu__up_ul a.active {

    background-color: #1a95e5;

    color: white;

}


.menu__list_link {

    font-size: 15px;

    text-transform: uppercase;

    color: #222;

    text-decoration: none;

    display: block;

    padding: 0px 22px 0px 40px;

    margin-top: 20px;

}

.menu__list_link span {

    display: inline;

    border-bottom: 1px solid #e0e0e0;

    line-height: 1.6;

}

.menu__list_link:hover {

    color: #71bf45;

}

.menu__list_link:hover span {

    border: 0;

    margin-bottom: 1px;

}


/*===== menu =====*/

/*===== navbar =====*/
.navbar_wrap {
    position: relative;
    z-index: 1000;
    flex: 1;
}

.navbar:before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.navbar {
    position: relative;
}

.nav > ul {
    display: flex;
}

.nav > ul li {
    margin-right: 40px;
    transition: background 0.15s ease;
}

.nav > ul li.active, .nav > ul li.active:hover {
    color: #1a95e5;
}

.nav > ul li.active span, .nav > ul li.active:hover span {
    border-bottom: 2px solid #1a95e5;
}

.nav > ul li span {
    padding: 20px 0 20px;
    display: inline-block;
}

.nav > ul li:hover a {
    color: #7BC453;
}

.nav > ul li a {
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
    display: block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 992px) {

    .nav {
        display: none;
    }

    .navbar:before {
        display: none;
    }

    .products_list .l_col {
        display: none;
    }

    .product-page-container .l_col {
        display: none;
    }
}

@media (max-width: 400px) {

    .head__inform_basket_info {
        margin-left: 10px;
    }

}

/*===== navbar =====*/

.navbar_search {
    position: relative;
}

.navbar_right {
    display: flex;
    padding: 10px 0;
}


/*===== lang =====*/
.lang {
    position: relative;
    margin-left: 15px;
}

.lang a {
    display: inline-block;
    padding: 4px 10px 5px;
    font-size: 13px;
    letter-spacing: 0.04em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #111;
}

.lang a:hover {
    color: #fff;
    background-color: #71bf45;
}

/*===== lang =====*/

/*===== select_lang =====*/
.select_lang__btn {
    border: none;
    outline: none;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    padding: 10px 25px 10px 15px;
    background: #1E1E1E;
    border-radius: 5px;
}

.select_lang__btn .caret {
    position: absolute;
    top: 15px;
    right: 13px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 5px dashed;
    color: #ffffff;
}

.select_lang__btn:hover {
    color: #7BC453;
}

.select_lang.active .select_lang__drop {
    display: block;
}

.select_lang__drop {
    margin-top: 20px;
    background: #1e1e1e;
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 0;
    text-align: center;
    box-shadow: none;
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
    width: 100%;
}

.select_lang__drop a {
    color: #fff;
    display: block;
    padding: 11px;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
}

/*===== select_lang =====*/


/*===== hamburger =====*/

.hamburger {
    display: inline-block;

    cursor: pointer;

    transition-property: opacity, filter;

    transition-duration: 0.15s;

    transition-timing-function: linear;

    font: inherit;

    color: inherit;

    text-transform: none;

    background-color: transparent;

    border: 0;

    margin: 0;

    overflow: visible;

}


.hamburger:hover {

    opacity: 0.7;

}


.hamburger__box {

    width: 28px;

    height: 24px;

    display: inline-block;

    position: relative;

}

.hamburger__inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger__inner, .hamburger__inner::before, .hamburger__inner::after {
    width: 24px;
    height: 2px;
    background-color: #111;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger__inner::before, .hamburger__inner::after {
    content: "";
    display: block;
}

.hamburger__inner::before {
    top: -8px;
}

.hamburger__inner::after {
    bottom: -8px;
}


/*Squeeze*/

.hamburger-squeeze .hamburger__inner {

    transition-duration: 0.075s;

    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}


.hamburger-squeeze .hamburger__inner::before {

    transition: top 0.075s 0.12s ease, opacity 0.075s ease;

}


.hamburger-squeeze .hamburger__inner::after {

    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}


.hamburger-squeeze.is-active .hamburger__inner {

    transform: rotate(45deg);

    transition-delay: 0.12s;

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}


.hamburger-squeeze.is-active .hamburger__inner::before {

    top: 0;

    opacity: 0;

    transition: top 0.075s ease, opacity 0.075s 0.12s ease;

}


.hamburger-squeeze.is-active .hamburger__inner::after {

    bottom: 0;

    transform: rotate(-90deg);

    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);

}




/*===== hamburger =====*/


/*===== mobile_nav =====*/
.mobile_nav {
    padding: 50px 10px 30px;
    display: block;
    overflow: hidden;
    width: 250px;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: -320px;
    background: white;
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
}

.mobile_nav__title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
}

.mobile_nav__action{
    margin-bottom: 15px;
}

.mobile_nav__action .btn{
    padding: 12px 20px 13px;
    font-size: 12px;
    width: 100%;
}

.mobile_nav__action .btn-six{
    margin-bottom: 5px;
}

.mobile_nav__bottom{
    border-top:1px solid #d1d1d1;
    padding-top: 5px;
}

.mobile_nav__item {
    color: #222;
    font-weight: 400;
    font-size: 16px;
    display: block;
    padding: 8px 30px;
    margin-bottom: 7px;
    text-decoration: none;
    transition: color 0.15s ease;
    border-radius: 5px;
    cursor: pointer;
}

.mobile_nav__item:hover {
    background: #0F172A;
    color:white;
}

.mobile_nav .active a {
    background: #f4f6f6;
}


.mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 10000;
}


.mask_filter {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

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

    display: none;

    z-index: 400;

}


.mobile_nav .hide_show_menu {
    position: absolute;
    right: 10px;
    top: 15px;
}


.hide_show_menu {

    display: none;

}


@media (min-width: 992px) {

    .mobile_nav, .mask {

        display: none !important;

    }

}

@media (max-width: 992px) {

    .hide_show_menu {

        display: inline-block;

    }

}

/*===== mobile_nav =====*/


/*===== slider_wrap =====*/

.slider_wrap {

    overflow: hidden;

    width: 100%;

}


.slider_wrap.owl-carousel .owl-item img {

    width: auto;

    display: inline-block;

}


/*===== slider_wrap =====*/

/*===== catalog =====*/

.catalog {

    padding-bottom: 50px;

}


.catalog__list a {

    padding: 7px 7px 30px;

    text-decoration: none;

    color: #333;

}


.catalog__list a img {

    margin: auto;

    max-width: 80%;

    max-height: 85%;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

}


.catalog_head__title {

    margin-bottom: 10px;

    font-size: 13px;

    color: #a5a5a5;

    letter-spacing: 0.4px;

}


.catalog_head {

    margin-bottom: 20px;

}


.catalog__item {

    float: left;

    width: 20%;

    padding: 7px 7px 30px;

    text-decoration: none;

    color: #333;

}


.catalog__item:nth-child(5n+6) {
    clear: left;
}


.catalog__item img {

    margin: auto;

    max-width: 80%;

    max-height: 85%;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

}

.catalog__item:hover .catalog__img_in {

    background: #1a95e5;

}

.catalog__item:hover {

    color: #71bf45;

}


.catalog__img {

    position: relative;

    height: 0;

    padding-top: 70%;

    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

    border: 5px solid white;

}


.catalog__img_in {

    overflow: hidden;

    border: none;

    background: #e4e4e4;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

}


.catalog__title {

    text-align: center;

    font-size: 14px;

    line-height: 1.4;

    font-family: Oswald;

    text-transform: uppercase;

    font-weight: 500;

    margin-top: 15px;

}


@media (max-width: 992px) {

    .catalog__item {

        width: 25%;

    }

    .catalog__item:nth-child(5n+6) {
        clear: none;
    }

    .catalog__item:nth-child(4n+5) {
        clear: left;
    }

}


@media (max-width: 650px) {

    .catalog__item {

        width: 33.33%;

    }

    .catalog__item:nth-child(4n+5) {
        clear: none;
    }

    .catalog__item:nth-child(3n+4) {
        clear: left;
    }

}


@media (max-width: 650px) {

    .catalog__item {

        width: 50%;

        padding-bottom: 15px;

    }

    .catalog__item:nth-child(3n+4) {
        clear: none;
    }

    .catalog__item:nth-child(2n+3) {
        clear: left;
    }

}

/*===== catalog =====*/


/*===== catalog2 =====*/


.catalog__item2 {

    float: left;

    width: 25%;

    padding: 7px 7px 30px;

    text-decoration: none;

    color: #333;

}


.catalog__item2:hover .catalog__img_in {

    background: #1a95e5;

}

.catalog__item2:hover {

    color: #71bf45;

}


.catalog__item2:nth-child(4n+5) {
    clear: left;
}


@media (max-width: 650px) {

    .catalog__item2 {

        width: 33.33%;

    }

    .catalog__item2:nth-child(4n+5) {
        clear: none;
    }

    .catalog__item2:nth-child(3n+4) {
        clear: left;
    }

}


@media (max-width: 450px) {

    .catalog__item2 {

        width: 50%;

        padding-bottom: 15px;

    }

    .catalog__item2:nth-child(3n+4) {
        clear: none;
    }

    .catalog__item2:nth-child(2n+3) {
        clear: left;
    }

}

/*===== catalog2 =====*/


/*===== offers =====*/


.offers {
    padding: 89px 0;
}

.offers .owl-prev {
    left: -12px;
}

.offers .owl-next {
    right: -12px;
}


.offers-arrow .owl-next {
    background-position: -136px -115px !important;
}

.offers-arrow .owl-prev {
    background-position: -97px -115px !important;
}

.offers-arrow .h_link a {
    color: #1a95e5;
}


.offers__list {

    padding: 0 60px;

}


.offers-top_prodazh .h_link a {

    color: white;

}


.offers-novinka .owl-next {
    background-position: -137px -115px !important;
}


.offers-novinka .owl-prev {
    background-position: -93px -115px !important;
}


.offers-top_prodazh {

    background: url(/views/template/img/line_pattern-top.png) no-repeat top right, url(/views/template/img/line_pattern-bottom.png) no-repeat bottom left, url(/views/template/img/top_bg.jpg) no-repeat top right;

    background-color: #1893e3;

}


.offers-akcii {

    background: url(/views/template/img/line_pattern-top.png) no-repeat top right, url(/views/template/img/stock_bg.jpg) no-repeat top right;

    background-color: #a0b647;

}


.offers .product__item {

    margin-bottom: 0px;

}


.offers .owl-prev, .offers .owl-next {

    position: absolute;

    top: 50%;

    margin-top: -27px !important;

    background-repeat: no-repeat !important;

    background-image: url(/views/template/img/sprite2.png) !important;

    background-color: transparent !important;

    width: 55px;

    height: 55px;

}


.offers .owl-prev {
    background-position: -91px -119px !important;
}

.offers .owl-next {
    background-position: -137px -119px !important;
}


.offers-akcii .owl-prev, .offers-top_prodazh .owl-prev {
    background-position: 2px -119px !important;
}

.offers-akcii .owl-next, .offers-top_prodazh .owl-next {
    background-position: -40px -119px !important;
}


.offers .center {
    padding-bottom: 80px;
}


@media (max-width: 992px) {

    .offers {
        padding: 50px 0;
    }

    .offers__list {
        padding: 0 30px
    }

}


@media (max-width: 450px) {

    .offers .product__item {

        width: auto !important;

    }

}


/*===== offers =====*/


/*===== stiker =====*/

.stiker {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 100;

}

/*===== stiker =====*/


/*===== product =====*/

.product_list {

    margin-right: -10px;

    margin-left: -10px;

}


.product__item {

    position: relative;

    margin-bottom: 30px;

    padding-left: 10px;

    padding-right: 10px;

}


.product__btn {

    margin-top: 5px;

}

.product__btn .btn {
    margin-bottom: 5px;
}

.product__img {

    text-align: center;

    position: relative;

    height: 0;

    padding-top: 100%;

    background: white;

}


.product__img img {

    margin: auto;

    max-width: 80%;

    max-height: 85%;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

}


.product__info {

    height: 65px;

}


.product__item_in {

    background: #e4e4e4;

    padding: 15px 15px 20px 15px;

    border: 1px solid white;

    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);

}


.product__item_img {

    position: relative;

    height: 0;

    padding-top: 80%;

}


.product__img_in {

    overflow: hidden;

    border: none;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

}


.product__act {

    padding: 10px 10px 5px;

}


.product__price {

    font-size: 25px;

    font-weight: 500;

    padding-right: 0;

    line-height: 1;

}


.product__price span {

    font-weight: 400;

    font-size: 14px;

}


.product__price-old {

    text-align: left;

    padding-left: 15px;

    color: #8f8f8f;

    text-decoration: line-through;

    height: 18px;

    font-size: 14px;

    font-weight: 400;

}


.product__title {

    color: #333;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    margin-bottom: 15px;

    margin-top: 10px;

    height: 38px;

    overflow: hidden;

}

.product__title:hover {

    color: #71bf45;

}


.product__link {

    display: block;

    text-decoration: none;

}


@media (max-width: 450px) {

    .product_list {
        text-align: center;
    }

    .product__price, .product__act {
        float: left;
    }

    .product__item {

        display: inline-block;

        width: 300px;

        float: none;

        text-align: left;

    }

    .products_sort {

        text-align: center;

    }

}


/*===== product =====*/


/*===== product sort =====*/

.sort {
    position: relative;
    z-index: 1000;
}


.sort_list {

    display: none;

    background: white;

    position: absolute;

    top: 100%;

    left: 0px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 2px 2px #E6E6E6;

    box-shadow: 2px 2px 2px 2px #E6E6E6;

}


.sort_list__item.toggle {

    background: #f6f6f6;

    border: 1px solid #d1d1d1;

    padding: 7px 50px 7px 15px;

    border-radius: 5px;

    font-size: 13px;

    color: #7e7e7e;

    letter-spacing: 0.4px;

    outline: none;

    display: inline-block;

    cursor: pointer;

    position: relative;

}


.sort_list__item.toggle:before {

    content: "";

    display: block;

    width: 30px;

    height: 100%;

    border-left: 1px solid #d7d7d7;

    position: absolute;

    top: 0;

    right: 0;

    background: url(/views/template/img/sprite2.png) no-repeat -212px -113px;

}


.sort_list a {

    padding: 13px 20px;

    font-size: 13px;

    display: block;

    text-decoration: none;

    border-bottom: 1px solid #f0f0f0;

}


.sort_list a:hover {

    background-color: #f5f5f5;

}


.sort_list a:last-child {

    border-bottom: none;

}


/*===== product sort =====*/


/*===== act =====*/

.add_desires .modal_body span {

    color: #1a95e5;

    cursor: pointer;

}

.add_desires .modal_body a {

    text-decoration: none;

}


.desires_count {
    width: 17px;
    padding-top: 2px;
    height: 17px;
    background-color: #ffd200;
    position: absolute;
    border-radius: 15px;
    top: -3px;
    left: -10px;
    font-size: 8px;
    text-align: center;
    color: black;
}


.act__item {

    display: inline-block;

    margin: 0 2px;

}


.act__item-like.active i {

    background-position: -387px -119px;

}


.act__item i {

    width: 45px;

    height: 45px;

    display: inline-block;

    background-image: url(/views/template/img/sprite2.png);

    background-repeat: no-repeat;

    cursor: pointer;

}


.act__item-liken i {

    background-position: -329px -6px;

}


.act__item-liken:hover i {

    background-position: -329px -62px;

}


.act__item-like i {

    background-position: -387px -6px;

}


.act__item-like:hover i {

    background-position: -387px -62px;

}


/*===== act =====*/

/*===== raiting =====*/

.rating img {

    display: inline-block !important;

    width: auto !important;

}


.rating_none {
    height: 20px;
}


/*===== raiting =====*/

/*===== footer =====*/

.footer {

    background-color: #333333;

    padding: 40px 0 20px;

    line-height: 1.4;

}


.footer__title {

    color: #1a95e5;

    font-size: 28px;

    font-family: Oswald;

    font-weight: 400;

    text-transform: uppercase;

    margin-bottom: 47px;

}


.footer__contacts {

    color: #a6a6a6;

    font-size: 14px;

}


.footer__contacts_adres:before {

    content: "";

    display: inline-block;

    width: 10px;

    height: 14px;

    background: url(/views/template/img/sprite_footer.png) -5px -2px;

    position: absolute;

    left: -19px;

    top: 2px;

}


.footer__contacts_phone:before {

    content: "";

    display: inline-block;

    width: 10px;

    height: 14px;

    background: url(/views/template/img/sprite_footer.png) -7px -31px;

    position: absolute;

    left: -19px;

    top: 2px;

}


.footer__contacts_mail:before {

    content: "";

    display: inline-block;

    width: 12px;

    height: 15px;

    background: url(/views/template/img/sprite_footer.png) -7px -59px;

    position: absolute;

    left: -19px;

    top: 2px;

}


.footer__contacts_time:before {

    content: "";

    display: inline-block;

    width: 12px;

    height: 14px;

    background: url(/views/template/img/sprite_footer.png) -6px -87px;

    position: absolute;

    left: -19px;

    top: 2px;

}


.footer__contacts strong {

    color: #cdcdcd;

    margin-bottom: 7px;

    display: inline-block;

}


.footer__contacts ul {

    padding-left: 20px;

    margin-left: 10px;

}

.footer__contacts li {

    margin-bottom: 20px;

    position: relative;

}


.footer__logo_link i {

    width: 200px;

    height: 80px;

    display: inline-block;

    background: url(/user/upload/files/logo-happy-jump-footer.svg);
    background-size: cover;

}


.footer__desc p {

    color: #a6a6a6;

    line-height: 1.5;

    font-size: 14px;

}


.footer__pay i {

    display: inline-block;

    background-image: url(/views/template/img/sprite_footer.png);

    background-repeat: no-repeat;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray; /* IE 6-9 */

    margin: 0 5px;

}


.footer__pay i:hover {

    cursor: pointer;

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

    filter: gray; /* IE 6-9 */

}


.footer__pay_visa {

    background-position: -38px -3px;

    width: 44px;

    height: 30px;

}


.footer__pay_master {

    background-position: -92px -3px;

    width: 45px;

    height: 29px;

}


.footer__pay_privat {

    background-position: -146px -3px;

    width: 29px;

    height: 29px;

}


.footer__pay_web {

    background-position: -184px -1px;

    width: 124px;

    height: 32px;

}


.footer__pay_liq {

    background-position: -37px -48px;

    width: 130px;

    height: 22px;

}


.footer__links a {

    color: #a6a6a6;

    font-size: 14px;

    text-decoration: none;

    margin-bottom: 13px;

    display: inline-block;

}

.footer__links a:hover {

    color: #71bf45;

}


.sub_mail__input {

    background: #4a4a4a;

    padding: 8px 13px 10px;

    width: 270px;

    font-size: 13px;

    border: 1px solid #7e7e7e;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    outline: none;

}

.sub_mail__input:focus {

    background-color: #fff;

}


.btn_sand {

    border: none;

    background-color: #ffd200;

    border-bottom: 2px solid #b29200;

    display: inline-block;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    padding: 10px 25px 12px;

    color: #635202;

    margin-top: 10px;

    cursor: pointer;

    font-size: 14px;

    font-weight: 600;

    outline: none;

    text-decoration: none;

}


.footer__socials {
    margin-top: 50px;
}


.footer__soc_title {

    font-weight: 600;

    font-style: 14px;

    color: #cdcdcd;

    margin-bottom: 8px;

}


.footer__soc_icon {

    display: inline-block;

    margin-right: 5px;

    background-image: url(/views/template/img/sprite_footer.png);

    background-repeat: no-repeat;

}


.footer__soc_vk {

    background-position: 0 -110px;

    width: 31px;

    height: 19px;

}


.footer__soc_vk:hover {

    cursor: pointer;

    background-position: 0 -139px;

}


@media (max-width: 992px) {

    .footer__links {
        display: none;
    }

    .footer__title {
        margin-bottom: 15px;
    }

}

@media (max-width: 768px) {
    .footer__socials{
        margin-left: 30px;
        margin-bottom: 70px;
        margin-top: 30px;
    }
}



/*===== footer =====*/

.copyright_block {

    background: #333333;

    font-size: 14px;

    color: #797979;

}


.copyright_block > .container {

    border-top: 1px solid #424242;

    color: #797979;

    padding: 17px 0 19px;

}


.up_page {

    text-align: right;

    cursor: pointer;

}


/*===== h_head =====*/

.h_head {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}


.h_head__bg:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    background: url(/views/template/img/h_head__pattern.png) right bottom no-repeat;

    width: 100%;

    height: 100%;

}


.h_head__bg {

    position: absolute;

    width: 100%;

    height: 100%;

}


.h_head__text {

    position: relative;

    z-index: 100;

    padding: 50px 20px;

}


.h_head__text h1 {

    color: white;

    font-size: 28px;

    text-transform: uppercase;

    padding-bottom: 0;

}


@media (max-width: 992px) {

    .h_head {

        margin-bottom: 30px;

    }

}

/*===== h_head =====*/


/*===== filter =====*/

.filter__title {

    color: #333;

    font-family: Oswald;

    font-size: 28px;

    font-weight: 400;

    border-bottom: 1px solid #cecece;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);

    -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);

    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);

    padding: 20px;

    text-transform: uppercase;

    background-color: #e2e2e2;

    margin-bottom: 25px;

    margin-top: 45px;

}

.filter__input {
    margin-bottom: 15px;
}


.filter__input input {

    display: inline-block;

    background-color: #f7f7f7;

    width: 80px;

    padding: 6px 10px;

    outline: none;

    border: 1px solid #e0e0e0;

    font-size: 14px;

}


.filter__slide {
    padding: 0 10px;
}


.mob_filter__bt, .mob_menu__bt {
    padding: 12px 20px 13px;
}

/*===== filter =====*/


/*===== informers =====*/

.informers {
    margin-top: 50px;
}

.informer__item {
    margin-bottom: 40px;
}

/*===== informers =====*/


/*===== pagination =====*/

.pagination {
    margin-top: 20px;
}


.pagination li {

    display: inline-block;

    padding: 0 5px;

}


.pagination a {

    text-decoration: none;

    color: #333;

    font-size: 14px;

    padding: 5px 8px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    display: block;

}


.pagination a:hover {
    color: #1a95e5;
}


.pagination .prev {

    width: 11px;

    height: 11px;

    padding: 0;

    background: url(/views/template/img/sprite2.png) no-repeat -212px -85px;

}


.pagination .prev:hover {
    background-position: -212px -102px;
}


.pagination .next {

    width: 11px;

    height: 11px;

    padding: 0;

    background: url(/views/template/img/sprite2.png) no-repeat -227px -85px;

}


.pagination .next:hover {
    background-position: -227px -102px;
}


.pagination .active a {

    background-color: #1a95e5;

    color: white;

}

/*===== pagination =====*/


/*===== products_sort =====*/

.products_sort {

    display: none;

    margin-bottom: 20px;

}


@media (max-width: 992px) {

    .products_sort {

        display: block;

    }

}


/*===== products_sort =====*/


/*===== card =====*/

.card__r {
    padding-right: 0;
}

.card__l {
    text-align: center;
}


.card__quantity {

    margin-left: 25px;

    margin-right: 35px;

}


.card__gallery {

    padding: 0 40px;

    margin-top: 20px;

}


.card__anons, .card__text {

    padding-top: 30px;

}


.card__gallery .owl-next, .card__gallery .owl-prev {

    position: absolute;

}


.card__gallery .item {

    border: 1px solid #eeeeee;

    padding: 5px;

    position: relative;

    height: 0;

    padding-top: 80%;

}

.card__gallery .owl-prev, .card__gallery .owl-next {

    margin-top: 0px !important;

    width: 30px;

    height: 100%;

    background-color: #f4f4f4 !important;

    background-image: none !important;

    margin: 0px !important;

    -webkit-transition: background-color 0.15s ease;

    -moz-transition: background-color 0.15s ease;

    -ms-transition: background-color 0.15s ease;

    -o-transition: background-color 0.15s ease;

    transition: background-color 0.15s ease;

}


.card__variants_select {

    margin-left: 15px;

    margin-bottom: 15px;

}


.card__gallery .owl-prev:hover, .card__gallery .owl-next:hover {

    background-color: #1a95e5 !important;

}

.card__gallery .owl-prev {

    left: 0;

    top: 0;

}

.card__gallery .owl-prev:after {

    content: "";

    display: block;

    width: 9px;

    height: 15px;

    top: 50%;

    left: 10px;

    background: url(/views/template/js/owl/arrow.png) no-repeat 0 0;

    position: absolute;

    margin-top: -8px;

}

.card__gallery .owl-prev:hover:after {

    background-position: -50px 0;

}


.card__rating {

    margin-left: 14px;

    margin-bottom: 10px;

}


.rating_card {

    display: inline-block;

}


.rev_count_card {

    display: inline-block;

    font-size: 13px;

    color: #7f7f7f;

    text-decoration: none;

    margin-bottom: 5px;

}


.card__gallery .owl-next {

    right: 0;

    top: 0;

}

.card__gallery .owl-next:after {

    content: "";

    display: block;

    width: 9px;

    height: 15px;

    top: 50%;

    left: 10px;

    background: url(/views/template/js/owl/arrow.png) no-repeat -22px 0;

    position: absolute;

    margin-top: -8px;

}

.card__gallery .owl-next:hover:after {

    background-position: -72px 0;

}

.card__gallery .owl-dots {

    display: none;

}


.card__gallery a {

    display: block;

    overflow: hidden;

    border: 1px solid white;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: #eee;

}


.card__gallery a:hover {

    border-color: #1a95e5;

}


.card__gallery a img {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

}


.card__title {

    font-family: Oswald;

    font-size: 24px;

    color: #181712;

    text-transform: uppercase;

}


.card__info {

    margin-top: 15px;

    position: relative;

}


.card__info_list {

    padding-left: 15px;

    font-weight: 600;

}


.card__info_list span {

    font-weight: 400;

}


.card__info_list li {

    color: #989898;

    font-size: 13px;

    margin-bottom: 5px;

}


.card__img {

    position: relative;

    display: inline-block;

    text-align: center;

}


.card__tabs {

    margin-top: 20px;

}


.card__number {

    margin: 10px 0;

}


.card__numb input {

    width: 40px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border: 1px solid #c4c4c4;

    outline: none;

    padding: 3px 5px;

    text-align: center;

    font-weight: 400;

    margin-left: 5px;

}


.card__numb input:focus {

    border-color: #1a95e5;

    background-color: #fff;

}


.card__buyBlock {

    background-color: #e7e7e7;

    display: table;

    width: 100%;

    border: 1px solid white;

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

    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);

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

    margin-top: 15px;

}


.card__price {

    display: table-cell;

    vertical-align: middle;

    width: 150px;

    padding: 15px;

    font-size: 28px;

    font-weight: 500;

    background-color: #bdbdbd;

    line-height: 1.4;

    text-align: center;

}


.card__price-old {

    color: #919191;

    font-size: 15px;

    text-decoration: line-through;

}


.card__price span.mod {

    font-size: 14px;

    font-weight: 400;

}


.card__buy {

    display: table-cell;

    padding: 15px;

}


.card__info .act {

    position: absolute;

    right: 20px;

    top: 0;

}


.card__buy .act {

    display: inline-block;

    margin-left: 5px;

}


.card__buy > div {

    vertical-align: middle;

}


.follow {

    text-align: right;

    padding-top: 6px;

}


.follow span {

    color: #1a95e5;

    font-weight: 600;

    border-bottom: 1px dashed #1a95e5;

    cursor: pointer;

    font-size: 14px;

}


.follow span:hover {

    border: none;

}


@media (max-width: 1200px) {

    .card__buy {
        text-align: center;
    }

    .card__buy .card__btn {
        margin-bottom: 10px;
    }

    .card__quantity {

        margin-left: 30px;

        margin-right: 30px;

        margin-bottom: 10px;

    }

}


@media (max-width: 992px) {

    .card__buy .card__btn {
        margin-bottom: 0px;
    }

    .card__price {
        width: auto;
    }

    .card__quantity {
        margin-bottom: 0px;
    }

}


@media (max-width: 500px) {

    .card__buyBlock {
        display: block;
    }

    .card__price, .card__buy {
        width: 100%;
        display: block;
    }

}


/*===== card =====*/


/*===== reviews =====*/

.reviews {

    margin-top: 40px;

}


.review__item {

    padding: 0px 0 30px;

    margin-bottom: 30px;

    border-bottom: 1px solid #dcdcdc;

    font-size: 14px;

    color: #333;

    overflow: hidden;

}


.review__list ul {

    padding-left: 30px;

    list-style-type: none;

}


.review__ul > li .review__parent {

    padding: 0px 0 15px;

    border-bottom: 1px dotted #c7c7c7;

    margin-bottom: 20px;

}


.review__ul ul li .review__parent {

    padding: 30px;

    background-color: #e7e7e7;

    position: relative;

    margin-top: 20px;

}


.review__ul ul li .review__parent:after {

    content: "";

    position: absolute;

    top: -14px;

    left: 30px;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 15px solid #e7e7e7;

}


.review__name {

    font-size: 14px;

    color: #1a95e5;

    font-weight: 600;

    margin-right: 30px;

    float: left;

}


.review__text {

    line-height: 1.5;

    margin-bottom: 5px;

}


.write_answer {

    color: #71bf45;

    display: inline-block;

    border-bottom: 1px dotted #71bf45;

    font-size: 13px;

    margin-bottom: 15px;

    cursor: pointer;

}


.write_success {

    margin-bottom: 15px;

}


.write_success .error {

    color: #000000;

    background: #ffadad;

    padding: 8px 15px;

    border-radius: 4px;

    font-size: 14px;

    border: 1px solid #ffadad;

}


.write_success .success {

    color: #19381e;

    background: #79ec8e;

    padding: 8px 15px;

    border-radius: 4px;

    font-size: 14px;

    border: 1px solid #79ec8e;

}


.write_answer__drop {

    display: none;

}


.write_answer:hover {

    border: none;

    margin-bottom: 16px;

}


.review__date {

    float: left;

}


.review__rating {

    float: right;

}


.review__info {

    margin-bottom: 10px;

}

.reviews h2 {

    font-weight: 400;

}


.review__answer {

    width: 70%;

    float: right;

    margin-top: 10px;

    background-color: #e7e7e7;

    position: relative;

    padding: 20px;

}


.review__answer:after {

    content: "";

    position: absolute;

    top: -10px;

    left: 20px;

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-bottom: 20px solid #e7e7e7;

}


@media (max-width: 500px) {

    .review__col_l {
        display: none;
    }

    .review__col_r {
        width: 100%;
        float: none;
    }

    .review__answer {
        width: 100%;
    }

}

/*===== reviews =====*/


/*===== variants_select =====*/

.variants_select {

    outline: none;

    background: #f9f9f9;

    border: 1px solid #dbdbdb;

    padding: 5px 10px;

    font-size: 14px;

    border-radius: 3px;

    width: 80%;

    box-sizing: border-box;

}

/*===== variants_select =====*/


/*===== write_rev =====*/

.write_rev {
    padding-top: 50px;
}


.write_rev .h2 {

    font-weight: 400;

    font-family: Oswald;

}

.write_rev__rating {

    margin: 15px 0;

}

.write_rev__input textarea, .write_rev__input input:not[type="submit"] {

    background-color: #e8e8e8;

    border: 1px solid #d0d0d0;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    padding: 9px 14px 11px;

    outline: none;

    font-size: 14px;

}


.write_rev__input textarea:focus, .write_rev__input input:focus:not[type="submit"] {

    border-color: #1a95e5;

    background-color: white;

}


.write_rev__help {

    margin: 10px 0;

}


.write_rev__input input:not[type="submit"] {
    width: 50%;
    margin-bottom: 15px;
}


.write_rev__input {

    width: 100%;

    margin-bottom: 20px;

}


.write_rev__texarea textarea {

    width: 100%;

    min-height: 200px;

    resize: vertical;

}


.write_rev__rating .rating {
    display: inline-block;
}

.write_rev__rating span {

    display: inline-block;

    margin-right: 15px;

}

/*===== write_rev =====*/


/*===== tabs =====*/

.tabs {

    font-size: 14px;

    font-weight: 400;

}

.tabs_content {

    padding-left: 20px;

    background-color: #e7e7e7;

    -webkit-border-radius: 5px;

    -webkit-border-top-left-radius: 0;

    -moz-border-radius: 5px;

    -moz-border-radius-topleft: 0;

    border-radius: 5px;

    border-top-left-radius: 0;

    line-height: 1.4;

    border: 1px solid white;

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

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

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

}

.tabs > div {

    padding: 25px;

}

.tabs ul {

    margin: 0px;

    padding: 0px;

}

.tabs ul:after {

    content: "";

    display: block;

    clear: both;

    height: 0px;

    background: #e7e7e7;

}

.tabs ul li {

    margin: 0px;

    padding: 0px;

    cursor: pointer;

    display: block;

    float: left;

    padding: 10px 20px;

    color: #707070;

    background: #c2c3c7;

    margin-right: 5px;

    -webkit-border-top-left-radius: 3px;

    -webkit-border-top-right-radius: 3px;

    -moz-border-radius-topleft: 3px;

    -moz-border-radius-topright: 3px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    position: relative;

    bottom: -2px;

}

.tabs ul li.active, .tabs ul li.active:hover {

    background: #e7e7e7;

    color: #1a95e5;

    bottom: -1px;

    border: 1px solid white;

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

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

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

}

.tabs ul li.active:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 4px;

    background: #e7e7e7;

    left: 0;

    bottom: -4px;

}

.tabs ul li:hover {

    background: #1a95e5;

    color: white;

}

/*===== tabs =====*/


/*===== comparison  =====*/

.comparison table {

    border-spacing: 0px;

    border-collapse: collapse;

    font-size: 14px;

}


.comparison td div {

    padding: 11px 15px;

    background-color: #ececec;

}


.comparison tr td:nth-child(1) {

    position: relative;

    min-width: 180px;

    font-weight: 600;

}


.comparison tr td:nth-child(1) div:after {

    content: "";

    width: 100%;

    height: 100%;

    background-color: #dfdfdf;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

/*===== comparison  =====*/


/*===== table responsive  =====*/

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

    table.responsive {
        margin-bottom: 0;
    }


    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th, .pinned table td {
        white-space: nowrap;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }


    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    div.table-wrapper div.scrollable table {
        margin-left: 35%;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }


    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
        display: none;
    }


}

/*===== table responsive  =====*/


/*===== Восстановление пароля  =====*/

.forgot_wrap {

    padding: 50px 0;

    text-align: center;

    background: #f4f4f4;

}


.forgot_wrap .form {

    display: inline-block;

}


.warning_forgot {

    font-size: 14px;

    padding: 0 36px;

    color: #c90000;

    margin-top: 20px;

}


.forgot__input {

    margin: 10px 0 20px;

}

/*===== Восстановление пароля  =====*/


/*===== Регистрация (ajax подсказки)  =====*/

#errors {

    color: #7F5354;

}

.auth {

    margin: 0 0 20px 0;

}

.auth label,
.auth input {

    width: auto;

    float: none;

    display: block;

}

.auth p {

    margin: 0;

}

p.submit {

    margin: 5px 0 0 0;

}


#forgot {

    display: none;

}


.info_wrap {

    display: block;

}


.reg-check,
.reg-cross,
.reg-loader {

    display: inline-block;

    width: 16px;

    height: 16px;

}

.reg-check {
    background: url(/views/template/img/user/check.png);
}

.reg-cross {
    background: url(/views/template/img/user/cross.png);
}

.reg-loader {
    background: url(/views/template/img/user/loader2.gif);
}

/*===== Регистрация (ajax подсказки)  =====*/


.select {

    background: #f6f6f6;

    border: 1px solid #d1d1d1;

    padding: 6px 11px;

    border-radius: 5px;

    font-size: 13px;

    color: #7e7e7e;

    letter-spacing: 0.4px;

    outline: none;

}


.capcha_click {

    color: #999;

    display: inline-block;

    border-bottom: 1px dotted #999;

    margin-left: 10px;

    cursor: pointer;

    font-size: 14px;

}


.form_reg label {

    width: 180px;

    display: inline-block;

}


.form_reg input {

    width: 250px;

}


/*===== agreement  =====*/

.agreement input, .agreement label {

    width: 100%;

    vertical-align: top;

}


.btn--agreement_wrap {

    display: inline-block;

    margin-top: 20px;

}


.agreement .checkbox__label:after, .agreement .checkbox__label:before {

    content: "";

    vertical-align: top;

    position: absolute;

    top: 0px;

}


.agreement .checkbox__label:after {

    top: 4px;

}


.agreement label {
    color: #929292;
}

/*===== agreement  =====*/


/*===== form login  =====*/

.login_tab__head > ul li {

    display: inline-block;

    font-size: 14px;

    color: #1a95e5;

    border-bottom: 1px dashed #1a95e5;

    margin: 0 10px;

    cursor: pointer;

    font-weight: 600;

}


.login_tab__head > ul li:hover {

    border-bottom: none;

    margin-bottom: 1px;

}


.login_tab__head > ul .active {

    color: #797979;

    border: none;

    cursor: default;

}


.login_tab__head > ul {

    margin-bottom: 20px;

}


.login_bottom {

    margin-top: 20px;

    color: #c7c7c7;

}


.login_bottom a {

    padding: 10px;

    display: inline-block;

}

/*===== form login  =====*/


/*===== Корзина  =====*/

/*шапка*/

.cart__head {

    margin-bottom: 50px;

}


.cart__head_item {

    text-decoration: none;

}


.cart__head_item_in {

    background-color: #ececec;

    border: 1px solid white;

    -webkit-box-shadow: 0 0 4px 4px #DBDBDB;

    box-shadow: 0 0 4px 4px #DBDBDB;

    position: relative;

    font-family: Oswald;

    color: #a3a3a3;

    padding: 15px 20px 20px;

    padding-left: 20px;

    line-height: normal;

    padding-left: 70px;

    -webkit-transition: background 0.3s ease;

    -moz-transition: background 0.3s ease;

    -ms-transition: background 0.3s ease;

    -o-transition: background 0.3s ease;

    transition: background 0.3s ease;

    height: 100px;

}


.cart__head_item:hover .cart__head_item_in {

    background-color: white;

}


.cart__head_item_in:after {

    content: "";

    position: absolute;

    right: -23px;

    top: 50%;

    margin-top: -12px;

    background: url(/views/template/img/sprite2.png) no-repeat -220px -174px;

    width: 14px;

    height: 24px;

}


.cart__head_item.active .cart__head_item_in:after {

    background: url(/views/template/img/sprite2.png) no-repeat -220px -144px;

}


.cart__head_item:last-child .cart__head_item_in:after {
    display: none;
}


.cart__head_number {

    position: absolute;

    left: 20px;

    top: 7px;

    font-size: 57px;

    font-weight: 500;

}


.cart__head_title {

    font-size: 28px;

}


.cart__head_subtitle {

    font-size: 14px;

    font-family: OpenSans;

}


.cart__head_item.active .cart__head_title, .cart__head_item.active .cart__head_subtitle {
    color: #333;
}

.cart__head_item.active .cart__head_number {
    color: #1a95e5;
}


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

    .cart__head_subtitle {
        display: none;
    }

    .cart__head_title {
        font-size: 20px;
    }

    .cart__head_number {

        left: 18px;

        top: 4px;

        font-size: 35px;

    }

    .cart__head_item_in {

        padding: 13px 10px 13px;

        padding-left: 50px;

        height: 60px;

    }

}


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

    .cart__head {

        margin-bottom: 30px;

        border-bottom: 1px solid #eaeaea;

    }

    .cart__head_item_in {

        background-color: transparent;

        border: none;

        padding: 13px 0px 13px;

        padding-left: 30px;

        height: auto;

        box-shadow: none;

    }


    .cart__head_number {

        left: 6px;

        top: 8px;

        font-size: 26px;

    }

    .cart__head_item_in:after {
        display: none;
    }

}


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

    .cart__head_title {

        font-size: 14px;

    }

}


/*таблица*/

.cart_table {

    width: 100%;

    background-color: #ececec;

    border-collapse: collapse;

}


.cart_table td {

    border: 1px solid #d5d5d5;

}


.cart_table > thead {

    background-color: #e7e7e7;

    font-family: Oswald;

    color: #333;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

}


.cart_table > thead td {

    padding: 12px 17px;

}


.cart_table > tbody td {

    padding: 20px;

}


.cart__product_title {

    font-size: 14px;

    font-weight: 600;

    color: #333;

    text-decoration: none;

    margin-bottom: 10px;

    display: inline-block;

}


.cart__product_title:hover {
    color: #1a95e5;
}


.cart__product_info {

    color: #333;

    overflow: hidden;

}


.cart__product_info li {

    margin-bottom: 5px;

    font-size: 13px;

}


.cart__product_img {

    float: left;

    width: 100px;

    margin-right: 20px;

    position: relative;

}

.cart__product_img img {
    max-width: 100%;
}


/*общий блок*/

.cart__base_head {

    background-color: #d6d6d6;

    font-family: Oswald;

    color: #333;

    font-size: 14px;

    text-transform: uppercase;

    padding: 12px 17px;

}


.cart__base_body {

    padding: 20px;

    background-color: #dfdfdf;

    font-size: 14px;

    margin-bottom: 20px;

}


.cart__base_sum {

    margin-bottom: 15px;

}


.cart__base_sum_l {

    float: left;

    margin-top: 7px;

    width: 140px;

}


.cart__base_sum_r {

    text-align: right;

}


.cart__base_sum_r span {

    font-weight: 600;

    font-size: 24px;

}


.cart__base_sertificate {

    margin-top: 25px;

}


.cart__base_sertificate .input {

    background-color: #fff;

    border: 1px solid #c1c1c1;

    border-radius: 2px;

    margin-bottom: 10px;

    width: 100%;

    margin-top: 10px;

}


.cart__base_sum-total {
    margin-top: 50px;
}

.cart__base_sum-total .cart__base_sum_l {
    font-size: 28px;
    font-weight: 600;
    margin-top: 0px;
}

.cart__base_sum-total .cart__base_sum_r span {
    font-size: 28px;
}


/*Личные данные*/

.cart_login {
    margin-bottom: 25px;
}

.cart_login span {

    color: #1a95e5;

    border-bottom: 1px dashed #1a95e5;

    cursor: pointer;

}


.cart_login span:hover {

    border-bottom: none;

}


.cart_userform__item {
    margin-bottom: 20px;
}

.cart_userform__btn {
    text-align: right;
}

.cart_userform__btn {

    padding-right: 20px;

}


.cart_show_reg {

    margin-top: 30px;

    display: none;

}


.cart_show_reg.active {

    display: block;

}


.cart_userform__btn a {

    margin-right: 10px;

}


.sure {
    color: #f20000;
}


.cart_userform__item label {


    display: inline-block;

    margin-left: 20px;

}


.cart_userform__item input {

    width: 100%;

}


.cart_userform__textarea {

    width: 100%;

    height: 150px;

}


/*Корзина пуста*/

.cart_clear {

    text-align: center;

    padding: 20px 0 30px;

}


.cart_clear img {
    max-width: 100%;
}


.cart_clear__title {

    margin-top: 40px;

    font-family: Oswald;

    font-size: 28px;

    color: #1a95e5;

    text-transform: uppercase;

    font-weight: 500;

}


.cart_clear__subtitle {

    margin-top: 30px;

    color: #333333;

}


.cart_clear__subtitle {

    margin-top: 15px;

    color: #333333;

    margin-bottom: 30px;

}


/*Финальный этап оформления*/

.orderfinal {

    padding: 0 30px;

    margin-bottom: 50px;

}


.orderfinal_list span {

    font-weight: 600;

    display: inline-block;

    width: 150px;

}


.orderfinal_title {

    font-family: Oswald;

    font-size: 28px;

    text-transform: uppercase;

    color: #222;

    margin-bottom: 18px;

}


.orderfinal_list ul {

    list-style-type: none;

}


.orderfinal_list li {

    margin-top: 12px;

}


.orderfinal__message {

    padding-bottom: 35px;

    padding-top: 35px;

    margin-bottom: 40px;

    background: #f8f8f8;

    margin-left: 15px;

    margin-right: 15px;

    text-align: center;

}


.orderfinal__message_title {

    font-size: 28px;

    font-family: Oswald;

    color: #1a95e5;

    margin-top: 20px;

}


.orderfinal__message_subtitle {

    font-size: 14px;

    color: #333333;

    margin-top: 10px;

}


.cart_mobile_info-show {
    display: none;
}


@media (max-width: 992px) {

    .cart__product_img {

        float: none;

    }

    .cart__product_info {

        margin-top: 10px;

    }

    .cart__product_title {

        font-size: 13px;

    }

}


@media (max-width: 599px) {

    .cart_mobile_td-hide {

        display: none;

    }

    .cart_mobile_info-show {
        display: block;
    }

}


/*===== Корзина  =====*/


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

.order_link {

    font-size: 14px;

    font-weight: 600;

    color: #1a95e5;

}

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


/*===== Спасибо за регистрацию =====*/

.reg_success {

    text-align: center;

}


.reg_success__title {

    margin-top: 30px;

    font-family: Oswald;

    text-transform: uppercase;

    font-size: 28px;

}


.reg_success__subtitle {

    margin-top: 20px;

    color: #666;

}


.error {

    color: #ec181d;

}


.success {

    color: #00ce18;

    margin: 10px 0;

}


.error li {

    margin-top: 10px;

}


/*===== Спасибо за регистрацию =====*/


/*===== ajax поиск =====*/

.ui-widget-content {
    background-color: #fff !important;
}


.ui_search__title {

    font-size: 13px;

    font-weight: 600;

    padding: 10px 20px 5px;

    color: #d1d1d1;

}


.ui_search a {

    display: block;

    padding: 7px 20px;

    border-bottom: 1px solid #f5f5f5;

    font-size: 13px;

}


.ui-autocomplete {

    box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px 0;

}

/*===== ajax поиск =====*/


/*===== news =====*/

.news_list {

    margin-right: -10px;

    margin-left: -10px;

}


.news__item {

    position: relative;

    margin-bottom: 30px;

    padding-left: 10px;

    padding-right: 10px;

}


.news__date {

    position: absolute;

    padding: 7px 19px;

    background: #1a95e5cc;

    font-family: Oswald;

    font-weight: 500;

    color: white;

    font-size: 14px;

    bottom: 10px;

}


.news__btn {

    margin-top: 15px;

}


.news__img {

    text-align: center;

    position: relative;

    height: 0;

    padding-top: 100%;

    background: white;

}


.news__img img {

    margin: auto;

    max-width: 80%;

    max-height: 85%;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

}


.news__item_in {

    background: #e4e4e4;

    padding: 15px 15px 20px 15px;

    border: 1px solid white;

    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);

    text-align: center;

}


.news__item_img {

    position: relative;

    height: 0;

    padding-top: 80%;

}


.news__img_in {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    overflow: hidden;

    border: none;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0;

}


.news__title {

    color: #333;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    margin-bottom: 15px;

    margin-top: 20px;

    font-family: Oswald;

    height: 24px;

    font-weight: 500;

    overflow: hidden;

    text-transform: uppercase;

}


.news__title:hover {

    color: #71bf45;

}


.news__link {

    display: block;

    text-decoration: none;

}


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

    .news__item {
        width: 100%;
    }

}

/*===== news =====*/


/*===== animated =====*/

.animated {

    animation-duration: 1s;

    animation-fill-mode: both;

}


.animated.infinite {

    animation-iteration-count: infinite;

}


.animated.hinge {

    animation-duration: 2s;

}


.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {

    animation-duration: .75s;

}


@keyframes bounce {

    from, 20%, 53%, 80%, to {

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        transform: translate3d(0, 0, 0);

    }


    40%, 43% {

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        transform: translate3d(0, -30px, 0);

    }


    70% {

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        transform: translate3d(0, -15px, 0);

    }


    90% {

        transform: translate3d(0, -4px, 0);

    }

}


.bounce {

    animation-name: bounce;

    transform-origin: center bottom;

}


@keyframes flash {

    from, 50%, to {

        opacity: 1;

    }


    25%, 75% {

        opacity: 0;

    }

}


.flash {

    animation-name: flash;

}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@keyframes pulse {

    from {

        transform: scale3d(1, 1, 1);

    }


    50% {

        transform: scale3d(1.05, 1.05, 1.05);

    }


    to {

        transform: scale3d(1, 1, 1);

    }

}


.pulse {

    animation-name: pulse;

}


@keyframes rubberBand {

    from {

        transform: scale3d(1, 1, 1);

    }


    30% {

        transform: scale3d(1.25, 0.75, 1);

    }


    40% {

        transform: scale3d(0.75, 1.25, 1);

    }


    50% {

        transform: scale3d(1.15, 0.85, 1);

    }


    65% {

        transform: scale3d(.95, 1.05, 1);

    }


    75% {

        transform: scale3d(1.05, .95, 1);

    }


    to {

        transform: scale3d(1, 1, 1);

    }

}


.rubberBand {

    animation-name: rubberBand;

}


@keyframes shake {

    from, to {

        transform: translate3d(0, 0, 0);

    }


    10%, 30%, 50%, 70%, 90% {

        transform: translate3d(-10px, 0, 0);

    }


    20%, 40%, 60%, 80% {

        transform: translate3d(10px, 0, 0);

    }

}


.shake {

    animation-name: shake;

}


@keyframes headShake {

    0% {

        transform: translateX(0);

    }


    6.5% {

        transform: translateX(-6px) rotateY(-9deg);

    }


    18.5% {

        transform: translateX(5px) rotateY(7deg);

    }


    31.5% {

        transform: translateX(-3px) rotateY(-5deg);

    }


    43.5% {

        transform: translateX(2px) rotateY(3deg);

    }


    50% {

        transform: translateX(0);

    }

}


.headShake {

    animation-timing-function: ease-in-out;

    animation-name: headShake;

}


@keyframes swing {

    20% {

        transform: rotate3d(0, 0, 1, 15deg);

    }


    40% {

        transform: rotate3d(0, 0, 1, -10deg);

    }


    60% {

        transform: rotate3d(0, 0, 1, 5deg);

    }


    80% {

        transform: rotate3d(0, 0, 1, -5deg);

    }


    to {

        transform: rotate3d(0, 0, 1, 0deg);

    }

}


.swing {

    transform-origin: top center;

    animation-name: swing;

}


@keyframes tada {

    from {

        transform: scale3d(1, 1, 1);

    }


    10%, 20% {

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

    }


    30%, 50%, 70%, 90% {

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }


    40%, 60%, 80% {

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }


    to {

        transform: scale3d(1, 1, 1);

    }

}


.tada {

    animation-name: tada;

}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@keyframes wobble {

    from {

        transform: none;

    }


    15% {

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }


    30% {

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }


    45% {

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }


    60% {

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }


    75% {

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }


    to {

        transform: none;

    }

}


.wobble {

    animation-name: wobble;

}


@keyframes jello {

    from, 11.1%, to {

        transform: none;

    }


    22.2% {

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }


    33.3% {

        transform: skewX(6.25deg) skewY(6.25deg);

    }


    44.4% {

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }


    55.5% {

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }


    66.6% {

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }


    77.7% {

        transform: skewX(0.390625deg) skewY(0.390625deg);

    }


    88.8% {

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

}


.jello {

    animation-name: jello;

    transform-origin: center;

}


@keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }


    0% {

        opacity: 0;

        transform: scale3d(.3, .3, .3);

    }


    20% {

        transform: scale3d(1.1, 1.1, 1.1);

    }


    40% {

        transform: scale3d(.9, .9, .9);

    }


    60% {

        opacity: 1;

        transform: scale3d(1.03, 1.03, 1.03);

    }


    80% {

        transform: scale3d(.97, .97, .97);

    }


    to {

        opacity: 1;

        transform: scale3d(1, 1, 1);

    }

}


.bounceIn {

    animation-name: bounceIn;

}


@keyframes bounceInDown {

    from, 60%, 75%, 90%, to {

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }


    0% {

        opacity: 0;

        transform: translate3d(0, -3000px, 0);

    }


    60% {

        opacity: 1;

        transform: translate3d(0, 25px, 0);

    }


    75% {

        transform: translate3d(0, -10px, 0);

    }


    90% {

        transform: translate3d(0, 5px, 0);

    }


    to {

        transform: none;

    }

}


.bounceInDown {

    animation-name: bounceInDown;

}


@keyframes bounceInLeft {

    from, 60%, 75%, 90%, to {

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }


    0% {

        opacity: 0;

        transform: translate3d(-3000px, 0, 0);

    }


    60% {

        opacity: 1;

        transform: translate3d(25px, 0, 0);

    }


    75% {

        transform: translate3d(-10px, 0, 0);

    }


    90% {

        transform: translate3d(5px, 0, 0);

    }


    to {

        transform: none;

    }

}


.bounceInLeft {

    animation-name: bounceInLeft;

}


@keyframes bounceInRight {

    from, 60%, 75%, 90%, to {

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }


    from {

        opacity: 0;

        transform: translate3d(3000px, 0, 0);

    }


    60% {

        opacity: 1;

        transform: translate3d(-25px, 0, 0);

    }


    75% {

        transform: translate3d(10px, 0, 0);

    }


    90% {

        transform: translate3d(-5px, 0, 0);

    }


    to {

        transform: none;

    }

}


.bounceInRight {

    animation-name: bounceInRight;

}


@keyframes bounceInUp {

    from, 60%, 75%, 90%, to {

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }


    from {

        opacity: 0;

        transform: translate3d(0, 3000px, 0);

    }


    60% {

        opacity: 1;

        transform: translate3d(0, -20px, 0);

    }


    75% {

        transform: translate3d(0, 10px, 0);

    }


    90% {

        transform: translate3d(0, -5px, 0);

    }


    to {

        transform: translate3d(0, 0, 0);

    }

}


.bounceInUp {

    animation-name: bounceInUp;

}


@keyframes bounceOut {

    20% {

        transform: scale3d(.9, .9, .9);

    }


    50%, 55% {

        opacity: 1;

        transform: scale3d(1.1, 1.1, 1.1);

    }


    to {

        opacity: 0;

        transform: scale3d(.3, .3, .3);

    }

}


.bounceOut {

    animation-name: bounceOut;

}


@keyframes bounceOutDown {

    20% {

        transform: translate3d(0, 10px, 0);

    }


    40%, 45% {

        opacity: 1;

        transform: translate3d(0, -20px, 0);

    }


    to {

        opacity: 0;

        transform: translate3d(0, 2000px, 0);

    }

}


.bounceOutDown {

    animation-name: bounceOutDown;

}


@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        transform: translate3d(20px, 0, 0);

    }


    to {

        opacity: 0;

        transform: translate3d(-2000px, 0, 0);

    }

}


.bounceOutLeft {

    animation-name: bounceOutLeft;

}


@keyframes bounceOutRight {

    20% {

        opacity: 1;

        transform: translate3d(-20px, 0, 0);

    }


    to {

        opacity: 0;

        transform: translate3d(2000px, 0, 0);

    }

}


.bounceOutRight {

    animation-name: bounceOutRight;

}


@keyframes bounceOutUp {

    20% {

        transform: translate3d(0, -10px, 0);

    }


    40%, 45% {

        opacity: 1;

        transform: translate3d(0, 20px, 0);

    }


    to {

        opacity: 0;

        transform: translate3d(0, -2000px, 0);

    }

}


.bounceOutUp {

    animation-name: bounceOutUp;

}


@keyframes fadeIn {

    from {

        opacity: 0;

    }


    to {

        opacity: 1;

    }

}


.fadeIn {

    animation-name: fadeIn;

}


@keyframes fadeInDown {

    from {

        opacity: 0;

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

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInDown {

    animation-name: fadeInDown;

}


@keyframes fadeInDownBig {

    from {

        opacity: 0;

        transform: translate3d(0, -2000px, 0);

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInDownBig {

    animation-name: fadeInDownBig;

}


@keyframes fadeInLeft {

    from {

        opacity: 0;

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

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInLeft {

    animation-name: fadeInLeft;

}


@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        transform: translate3d(-2000px, 0, 0);

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInLeftBig {

    animation-name: fadeInLeftBig;

}


@keyframes fadeInRight {

    from {

        opacity: 0;

        transform: translate3d(100%, 0, 0);

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInRight {

    animation-name: fadeInRight;

}


@keyframes fadeInRightBig {

    from {

        opacity: 0;

        transform: translate3d(2000px, 0, 0);

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInRightBig {

    animation-name: fadeInRightBig;

}


@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translate3d(0, 100%, 0);

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInUp {

    animation-name: fadeInUp;

}


@keyframes fadeInUpBig {

    from {

        opacity: 0;

        transform: translate3d(0, 2000px, 0);

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.fadeInUpBig {

    animation-name: fadeInUpBig;

}


@keyframes fadeOut {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

    }

}


.fadeOut {

    animation-name: fadeOut;

}


@keyframes fadeOutDown {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

        transform: translate3d(0, 100%, 0);

    }

}


.fadeOutDown {

    animation-name: fadeOutDown;

}


@keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

        transform: translate3d(0, 2000px, 0);

    }

}


.fadeOutDownBig {

    animation-name: fadeOutDownBig;

}


@keyframes fadeOutLeft {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

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

    }

}


.fadeOutLeft {

    animation-name: fadeOutLeft;

}


@keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

        transform: translate3d(-2000px, 0, 0);

    }

}


.fadeOutLeftBig {

    animation-name: fadeOutLeftBig;

}


@keyframes fadeOutRight {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

        transform: translate3d(100%, 0, 0);

    }

}


.fadeOutRight {

    animation-name: fadeOutRight;

}


@keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

        transform: translate3d(2000px, 0, 0);

    }

}


.fadeOutRightBig {

    animation-name: fadeOutRightBig;

}


@keyframes fadeOutUp {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

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

    }

}


.fadeOutUp {

    animation-name: fadeOutUp;

}


@keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

        transform: translate3d(0, -2000px, 0);

    }

}


.fadeOutUpBig {

    animation-name: fadeOutUpBig;

}


@keyframes flip {

    from {

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        animation-timing-function: ease-out;

    }


    40% {

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        animation-timing-function: ease-out;

    }


    50% {

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        animation-timing-function: ease-in;

    }


    80% {

        transform: perspective(400px) scale3d(.95, .95, .95);

        animation-timing-function: ease-in;

    }


    to {

        transform: perspective(400px);

        animation-timing-function: ease-in;

    }

}


.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    animation-name: flip;

}


@keyframes flipInX {

    from {

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        animation-timing-function: ease-in;

        opacity: 0;

    }


    40% {

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        animation-timing-function: ease-in;

    }


    60% {

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }


    80% {

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }


    to {

        transform: perspective(400px);

    }

}


.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    animation-name: flipInX;

}


@keyframes flipInY {

    from {

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        animation-timing-function: ease-in;

        opacity: 0;

    }


    40% {

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        animation-timing-function: ease-in;

    }


    60% {

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }


    80% {

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }


    to {

        transform: perspective(400px);

    }

}


.flipInY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    animation-name: flipInY;

}


@keyframes flipOutX {

    from {

        transform: perspective(400px);

    }


    30% {

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }


    to {

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}


.flipOutX {

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}


@keyframes flipOutY {

    from {

        transform: perspective(400px);

    }


    30% {

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }


    to {

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}


.flipOutY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    animation-name: flipOutY;

}


@keyframes lightSpeedIn {

    from {

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }


    60% {

        transform: skewX(20deg);

        opacity: 1;

    }


    80% {

        transform: skewX(-5deg);

        opacity: 1;

    }


    to {

        transform: none;

        opacity: 1;

    }

}


.lightSpeedIn {

    animation-name: lightSpeedIn;

    animation-timing-function: ease-out;

}


@keyframes lightSpeedOut {

    from {

        opacity: 1;

    }


    to {

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}


.lightSpeedOut {

    animation-name: lightSpeedOut;

    animation-timing-function: ease-in;

}


@keyframes rotateIn {

    from {

        transform-origin: center;

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }


    to {

        transform-origin: center;

        transform: none;

        opacity: 1;

    }

}


.rotateIn {

    animation-name: rotateIn;

}


@keyframes rotateInDownLeft {

    from {

        transform-origin: left bottom;

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }


    to {

        transform-origin: left bottom;

        transform: none;

        opacity: 1;

    }

}


.rotateInDownLeft {

    animation-name: rotateInDownLeft;

}


@keyframes rotateInDownRight {

    from {

        transform-origin: right bottom;

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }


    to {

        transform-origin: right bottom;

        transform: none;

        opacity: 1;

    }

}


.rotateInDownRight {

    animation-name: rotateInDownRight;

}


@keyframes rotateInUpLeft {

    from {

        transform-origin: left bottom;

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }


    to {

        transform-origin: left bottom;

        transform: none;

        opacity: 1;

    }

}


.rotateInUpLeft {

    animation-name: rotateInUpLeft;

}


@keyframes rotateInUpRight {

    from {

        transform-origin: right bottom;

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }


    to {

        transform-origin: right bottom;

        transform: none;

        opacity: 1;

    }

}


.rotateInUpRight {

    animation-name: rotateInUpRight;

}


@keyframes rotateOut {

    from {

        transform-origin: center;

        opacity: 1;

    }


    to {

        transform-origin: center;

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}


.rotateOut {

    animation-name: rotateOut;

}


@keyframes rotateOutDownLeft {

    from {

        transform-origin: left bottom;

        opacity: 1;

    }


    to {

        transform-origin: left bottom;

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}


.rotateOutDownLeft {

    animation-name: rotateOutDownLeft;

}


@keyframes rotateOutDownRight {

    from {

        transform-origin: right bottom;

        opacity: 1;

    }


    to {

        transform-origin: right bottom;

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}


.rotateOutDownRight {

    animation-name: rotateOutDownRight;

}


@keyframes rotateOutUpLeft {

    from {

        transform-origin: left bottom;

        opacity: 1;

    }


    to {

        transform-origin: left bottom;

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}


.rotateOutUpLeft {

    animation-name: rotateOutUpLeft;

}


@keyframes rotateOutUpRight {

    from {

        transform-origin: right bottom;

        opacity: 1;

    }


    to {

        transform-origin: right bottom;

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}


.rotateOutUpRight {

    animation-name: rotateOutUpRight;

}


@keyframes hinge {

    0% {

        transform-origin: top left;

        animation-timing-function: ease-in-out;

    }


    20%, 60% {

        transform: rotate3d(0, 0, 1, 80deg);

        transform-origin: top left;

        animation-timing-function: ease-in-out;

    }


    40%, 80% {

        transform: rotate3d(0, 0, 1, 60deg);

        transform-origin: top left;

        animation-timing-function: ease-in-out;

        opacity: 1;

    }


    to {

        transform: translate3d(0, 700px, 0);

        opacity: 0;

    }

}


.hinge {

    animation-name: hinge;

}


@keyframes jackInTheBox {

    from {

        opacity: 0;

        transform: scale(0.1) rotate(30deg);

        transform-origin: center bottom;

    }


    50% {

        transform: rotate(-10deg);

    }


    70% {

        transform: rotate(3deg);

    }


    to {

        opacity: 1;

        transform: scale(1);

    }

}


.jackInTheBox {

    animation-name: jackInTheBox;

}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@keyframes rollIn {

    from {

        opacity: 0;

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }


    to {

        opacity: 1;

        transform: none;

    }

}


.rollIn {

    animation-name: rollIn;

}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@keyframes rollOut {

    from {

        opacity: 1;

    }


    to {

        opacity: 0;

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    }

}


.rollOut {

    animation-name: rollOut;

}


@keyframes zoomIn {

    from {

        opacity: 0;

        transform: scale3d(.3, .3, .3);

    }


    50% {

        opacity: 1;

    }

}


.zoomIn {

    animation-name: zoomIn;

}


@keyframes zoomInDown {

    from {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }


    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

}


.zoomInDown {

    animation-name: zoomInDown;

}


@keyframes zoomInLeft {

    from {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }


    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

}


.zoomInLeft {

    animation-name: zoomInLeft;

}


@keyframes zoomInRight {

    from {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }


    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

}


.zoomInRight {

    animation-name: zoomInRight;

}


@keyframes zoomInUp {

    from {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }


    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

}


.zoomInUp {

    animation-name: zoomInUp;

}


@keyframes zoomOut {

    from {

        opacity: 1;

    }


    50% {

        opacity: 0;

        transform: scale3d(.3, .3, .3);

    }


    to {

        opacity: 0;

    }

}


.zoomOut {

    animation-name: zoomOut;

}


@keyframes zoomOutDown {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }


    to {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform-origin: center bottom;

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

}


.zoomOutDown {

    animation-name: zoomOutDown;

}


@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

    }


    to {

        opacity: 0;

        transform: scale(.1) translate3d(-2000px, 0, 0);

        transform-origin: left center;

    }

}


.zoomOutLeft {

    animation-name: zoomOutLeft;

}


@keyframes zoomOutRight {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

    }


    to {

        opacity: 0;

        transform: scale(.1) translate3d(2000px, 0, 0);

        transform-origin: right center;

    }

}


.zoomOutRight {

    animation-name: zoomOutRight;

}


@keyframes zoomOutUp {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }


    to {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform-origin: center bottom;

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

}


.zoomOutUp {

    animation-name: zoomOutUp;

}


@keyframes slideInDown {

    from {

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

        visibility: visible;

    }


    to {

        transform: translate3d(0, 0, 0);

    }

}


.slideInDown {

    animation-name: slideInDown;

}


@keyframes slideInLeft {

    from {

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

        visibility: visible;

    }


    to {

        transform: translate3d(0, 0, 0);

    }

}


.slideInLeft {

    animation-name: slideInLeft;

}


@keyframes slideInRight {

    from {

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }


    to {

        transform: translate3d(0, 0, 0);

    }

}


.slideInRight {

    animation-name: slideInRight;

}


@keyframes slideInUp {

    from {

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }


    to {

        transform: translate3d(0, 0, 0);

    }

}


.slideInUp {

    animation-name: slideInUp;

}


@keyframes slideOutDown {

    from {

        transform: translate3d(0, 0, 0);

    }


    to {

        visibility: hidden;

        transform: translate3d(0, 100%, 0);

    }

}


.slideOutDown {

    animation-name: slideOutDown;

}


@keyframes slideOutLeft {

    from {

        transform: translate3d(0, 0, 0);

    }


    to {

        visibility: hidden;

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

    }

}


.slideOutLeft {

    animation-name: slideOutLeft;

}


@keyframes slideOutRight {

    from {

        transform: translate3d(0, 0, 0);

    }


    to {

        visibility: hidden;

        transform: translate3d(100%, 0, 0);

    }

}


.slideOutRight {

    animation-name: slideOutRight;

}


@keyframes slideOutUp {

    from {

        transform: translate3d(0, 0, 0);

    }


    to {

        visibility: hidden;

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

    }

}


.slideOutUp {

    animation-name: slideOutUp;

}

/*===== animated =====*/


/*===== inform_message =====*/

.inform_message {

    padding: 10px 15px;

    background: #f6fff1;

    color: #71bf45;

    border-radius: 5px;

    font-size: 14px;

}


.inform_message-error {

    background: #ffebeb;

    color: #e40000;

}


/*===== inform_message =====*/


/*===== filter_price =====*/

.slider_price {

    margin-top: 10px;

    background: #d4d4d4 !important;

    margin-bottom: 20px;

    margin-top: 20px;

}


.filter_price {

    margin-top: 40px;

    font-size: 14px;

}


.filter_price__item {

    display: inline-block;

    margin: 0 10px;

}


.filter_price__input {
    width: 70px;
}


.filter_price__title {

    color: #333;

    font-family: Oswald;

    font-size: 28px;

    font-weight: 400;

    text-transform: uppercase;

    margin-bottom: 20px;

}


.mobile_nav .filter_price {

    margin-top: 0;

    margin-left: 20px;

    margin-right: 20px;

}


.mobile_nav .filter_price__item {

    margin: 0px 4px;

}

/*===== filter_price =====*/


/*===============popup_inform================*/


.popup_inform {

    padding: 20px;

    background: white;

    position: fixed;

    text-align: left;

    top: 50%;

    left: 50%;

    width: 400px;

    height: auto;

    margin-left: -200px;

    z-index: 2000;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    font-size: 13px;

    color: #7d7d7d;

    -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.25);

    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.25);

}


.popup_title {

    display: block;

    color: #333;

    font-weight: bold;

    margin-bottom: 5px;

    font-size: 16px;

}


.popup_error {

    border-right: 4px solid #f32828;

    padding-left: 72px;

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

    background-repeat: no-repeat;

    background-position: 22px center;

}

.popup_error .popup_title {
    color: red;
}


.popup_success {

    border-right: 4px solid #05bc36;

    padding-left: 70px;

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

    background-repeat: no-repeat;

    background-position: 22px center;

}

.popup_success .popup_title {
    color: #05bc36;
}


.popup_bg {

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

    width: 100%;

    height: 100%;

    z-index: 2000;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

}

/*===============popup_inform================*/


/*===============leftbar================*/

.leftbar-wrap {

    position: fixed;

    height: 37px;

    bottom: 170px;

    right: 11px;

    z-index: 1000;

    max-width: 59px

}


.left-controlbar {

    height: 100%;

    display: block;

    text-decoration: none

}


#scroll-back {

    height: 100%;

    top: 0;

    display: none

}


.active-area {

    width: 100px;

    height: 100%;

    display: block;

    color: #b52d1f

}


#scroll-back img, .left-controlbar img {

    height: 55px;

    width: 55px;

    opacity: .5;

    border-radius: 50%

}


.bar-desc {

    top: 0;

    position: relative;

    display: inline-block

}


.left-controlbar img {

    background: url(/views/template/img/user/arrow-spr.png) 14px 13px no-repeat #1a95d9

}


#scroll-back img {

    background: url(/views/template/img/user/arrow-spr.png) 14px -87px no-repeat #1a95d9

}


.overlay, .project_drop {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    display: none

}


#scroll-back img:hover, .left-controlbar img:hover {

    opacity: 1

}

/*===============leftbar================*/


#save {

    display: inline-block;

}


.main_banner {
    margin-top: 20px;
    margin-bottom: 30px;
}


/*===============================*/
.text-italic {
    font-style: italic;
}

.badge {
    padding: 10px 30px;
}

.badge p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.badge.badge-light {
    background-color: #E7E7E7;
}

.badge.badge-dark {
    background-color: #333;
    color: white;
}

.badge.badge-success {
    background-color: #71bf45;
    color: white;
}

@media (max-width: 768px) {
    .badge {
        padding: 10px 15px;
    }
}

.container-s {
    max-width: 700px;
    margin: auto;
}

/*====== Calculator ======*/

.calculator-wrap {
    padding-bottom: 100px;
    padding-top: 50px;
    border-top: 1px solid #E7E7E7;
}

/* ==== */

.calculator-wrap .file-upload {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #333;
    position: relative;
    overflow: hidden;
}

.calculator-wrap .file-upload:hover {
    background-color: #e0e0e0;
}

.calculator-wrap .file-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.calculator-wrap .file-upload-icon {
    margin-right: 10px;
    font-size: 16px;
}

/* ==== */

.btn-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.btn-radio-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.btn-radio-button:hover {
    border-color: #b0b2c1;
}

.btn-radio-button input[type="radio"] {
    display: none;
}

.btn-radio-button.selected {
    border-color: #71bf45;
}

/* ==== */


.calculator-success .badge-light {
    font-size: 14px;
}

.calculator-success__title {
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    text-align: center;
    margin-bottom: 0px;
}

.calculator-success__price {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
}

.calculator-success .calculator-btn {
    margin-bottom: 10px;
}

/* ==== */

.calculator-wrap .badge-light {
    font-size: 14px;
}

.calculator-wrap hr {
    color: #545454;
    margin-top: 30px;
    margin-bottom: 30px;
}

.calculator-wrap .badge-dark {
    font-size: 13px;
}

.calculator__top {
    margin-bottom: 25px;
    text-align: center;
}

.calculator__top h1 {
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.calculator__title {
    font-size: 16px;
    margin-bottom: 15px;
}

.calculator__inform {
    margin-bottom: 30px;
}

.calculator__catalog {
    margin-top: 40px;
}

.calculator_catalog__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.calculator_catalog__col {
    width: 33.33%;
    padding: 0 10px 20px 10px;
}

.calculator_catalog__item {
    border: 2px solid #C6C8DA;
    border-radius: 5px;
    padding: 30px;
    text-align: center;
    cursor: pointer;
    height: 100%;
    font-size: 14px;
    display: block;
    position: relative;
}

.calculator_catalog__item:hover {
    border-color: #b0b2c1;
}

.calculator_catalog__item img {
    margin-bottom: 10px;
    max-width: 100%;
}

.calculator_catalog__item.active {
    border-color: #71bf45;
}

.calculator_catalog__item .check-icon {
    display: none;
    position: absolute;
    left: -10px;
    top: -10px;
}

.calculator_catalog__item.active .check-icon {
    display: block;
}

.calculator__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.calculator__inputs .calculator__col {
    width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.calculator__col label {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.calculator__input {
    border: 1px solid #C6C8DA;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
}

.calculator__input:focus {
    background: white;
    border-color: #111;
}


/* Checkbox */
.calculator-wrap .checkbox-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.calculator-wrap .checkbox-button {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.calculator-wrap .checkbox-icon {
    width: 24px;
    height: 24px;
    background: url('/frontend/img/calculator/checkbox.svg') no-repeat center center;
    background-size: contain;
}

.calculator-wrap .checkbox-button input[type="checkbox"]:checked + .checkbox-icon {
    background: url('/frontend/img/calculator/checkbox-active.svg') no-repeat center center;
    background-size: contain;
}

.calculator-wrap .checkbox-button span {
    font-size: 16px;
    color: #000;
}

/* Radio */
.calculator-wrap .radio-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}

.calculator-wrap .radio-button {
    display: flex;
    align-items: center;
    padding-right: 20px;
    margin-bottom: 10px;
    cursor: pointer;
}

.calculator-wrap .radio-icon {
    width: 24px;
    height: 24px;
    background: url('/views/template/img/check.svg') no-repeat center center;
    background-size: contain;
    margin-right: 5px;
}

.calculator-wrap .radio-button input[type="radio"]:checked + .radio-icon {
    background: url('/views/template/img/check-active.svg') no-repeat center center;
    background-size: contain;
}

.calculator-wrap .radio-button span {
    font-size: 16px;
    color: #000;
}

/* Radio / */

.calculator__block {
    margin-top: 50px;
}

.term-calculator__block {
    padding-bottom: 20px;
}

.calculator__block .term-buttons {
    margin-bottom: 20px;
}

.calculator_from {
    margin-top: 50px;
}

.calculator_from__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.calculator_from__item {
    width: 50%;
    padding: 10px 10px;
}

.calculator_from__item label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

/*Checkbox*/
.calculator-wrap .checkbox-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.calculator-wrap .checkbox-button {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.calculator-wrap .checkbox-icon {
    width: 24px;
    height: 24px;
    background: url('/views/template/img/check.svg') no-repeat center center;
    background-size: contain;
}

.calculator-wrap .checkbox-button input[type="checkbox"]:checked + .checkbox-icon {
    background: url('/views/template/img/check-active.svg') no-repeat center center;
    background-size: contain;
}

.calculator-wrap .checkbox-button span {
    font-size: 16px;
    color: #000;
}

.calculator__footer {
    display: flex;
    margin-top: 20px;
    justify-content: end;
}

.calculator-btn {
    font-size: 16px;
    font-weight: 600;
    padding: 11px 30px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    border: 0;
}

.calculator-btn-primary {
    color: #000;
    background-color: #77BE46;
    border-bottom: 2px solid #427D20;
}

.calculator-btn-primary:hover {
    background-color: #7ec74b;
}

.calculator-btn-secondary {
    color: #000;
    background-color: #FFD200;
    border-bottom: 2px solid #B29200;
}

.calculator-btn-secondary:hover {
    background-color: #FFE414;
}

@media (max-width: 768px) {
    .calculator_catalog__col {
        width: 50%;
    }

    .term-buttons .radio-button {
        width: 33.33%;
    }
}

@media (max-width: 575px) {
    .calculator_catalog__item {
        padding: 15px;
    }

    .calculator_catalog__col {
        padding: 0 5px 10px 5px;
    }

    .calculator_from__item {
        width: 100%;
    }

    .calculator__col label {
        font-size: 13px;
    }

    .calculator__title {
        font-size: 14px;
    }

    .calculator-wrap .checkbox-button span {
        font-size: 14px;
    }

    .calculator-wrap .radio-button span {
        font-size: 14px;
    }

    .term-buttons .radio-button {
        width: 50%;
    }

    .btn-radio-group {
        gap: 10px;
    }
}

/*====== Calculator / ======*/

/*====== timer ======*/
.timer {
    position: relative;
    width: 150px;
    height: 150px;
}

.timer svg {
    transform: rotate(-90deg);
}

.timer circle {
    fill: none;
    stroke-width: 10;
}

.timer .background-circle {
    stroke: #e6e6e6;
}

.timer .progress-circle {
    stroke: #4caf50;
    stroke-linecap: round;
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    transition: stroke-dashoffset 0.3s linear;
}

.timer .time {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: bold;
}

/*====== timer ======*/

.remodal-overlay {
    backdrop-filter: blur(8px);
}

/*====== modal ======*/
.remodal.remodal-custom-modal {
    box-sizing: border-box;
    width: 100%;
    max-width: 700px;
    margin-bottom: 10px;
    position: relative;
    background: white;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
}

/*.custom-modal-overlay {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: rgba(0, 0, 0, 0.5);*/
/*  backdrop-filter: blur(8px);*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  z-index: 1050;*/
/*  visibility: hidden;*/
/*  opacity: 0;*/
/*  transition: visibility 0s, opacity 0.3s ease;*/
/*  overflow-y: auto; !* Додаємо вертикальну прокрутку *!*/
/*}*/

.custom-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.custom-modal__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.custom-modal__title {
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.custom-modal__subtitle {
    font-size: 14px;
}

.custom-modal .timer {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .remodal.remodal-custom-modal {
        padding: 15px;
    }
}

/*====== modal ======*/


.navbar_action_btn {
    position: absolute;
    right: 0;
    top: 10px;
}

.navbar_action_btn .btn {
    padding: 7px 20px 9px;
}

@media (max-width: 991px) {
    .navbar_action_btn {
        top: 0px;
    }
}