/* fonts */
@font-face {
    font-family: 'din-round-pro-regular';
    src: url('../fonts/ff-din-round-pro-regular.woff2') format('woff2'),
    url('../fonts/ff-din-round-pro-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din-round-pro-bold';
    src: url('../fonts/ff-din-round-pro-bold.woff2') format('woff2'),
    url('../fonts/ff-din-round-pro-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din-round-pro-black';
    src: url('../fonts/ff-din-round-pro-black.woff2') format('woff2'),
    url('../fonts/ff-din-round-pro-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background: #fff;
}

.container {
    max-width: 1170px;
    padding: 0 15px;
}

.header {
    background: #f5f5f5;
    padding: 28px 0;
}
.header .holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header-block .title {
    font-family: 'din-round-pro-bold';
    font-size: 33px;
    color: #a53692;
}
.header-block p {
    font-size: 14px;
    line-height: 18px;
    color: #383838;
    margin-bottom: 15px;
}
.header .btn-search {
    background: url("../images/btn-search.png") 0 0 no-repeat;
    display: none;
    width: 15px;
    height: 15px;
}
.header .btn-nav {
    background: url("../images/btn-menu.png") 0 0 no-repeat;
    display: none;
    width: 22px;
    height: 20px;
}

.socials {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none
}
.socials li {
    margin-right: 9px;
}
.socials a {
    display: block;
    width: 40px;
    height: 40px;
}
.socials a.social-item1 {
    background: url("../images/ico-social1-hover.png") 0 0 no-repeat;
}
.socials a.social-item1:hover {
    /*background: url("../images/ico-social1-hover.png") 0 0 no-repeat;*/
    opacity: 0.8;
}
.socials a.social-item2 {
    background: url("../images/ico-social2-hover.png") 0 0 no-repeat;
}
.socials a.social-item2:hover {
    /*background: url("../images/ico-social2-hover.png") 0 0 no-repeat;*/
    opacity: 0.8;
}
.socials a.social-item3 {
    background: url("../images/ico-social3-hover.png") 0 0 no-repeat;
}
.socials a.social-item3:hover {
    /*background: url("../images/ico-social3-hover.png") 0 0 no-repeat;*/
    opacity: 0.8;
}
.socials a.social-item4 {
    background: url("../images/ico-social4.png") 0 0 no-repeat;
}
.socials a.social-item4:hover {
    background: url("../images/ico-social4.png") 0 0 no-repeat;
    opacity: 0.8;
}
.socials a.social-item5 {
    background: url("../images/ico-social5-hover.png") 0 0 no-repeat;
}
.socials a.social-item5:hover {
    /*background: url("../images/ico-social5-hover.png") 0 0 no-repeat;*/
    opacity: 0.8;
}
.logo {
    background: url("../images/logo1.png") 0 0 no-repeat;
    display: block;
    width: 333px;
    height: 149px;
    text-indent: -9999px;
}
.logo a {
    display: block;
    height: 100%;
}
header .header-block.header-block2 {
    padding-top: 25px;
}
.header .header-info a {
    margin-bottom: 10px;
}
.mail {
    background: url("../images/ico-mail.png") 0 3px no-repeat;
    display: block;
    padding-left: 26px;
    font-size: 13px;
    line-height: 18px;
    color: #383838;
    text-decoration: underline;
}
.phone {
    background: url("../images/ico-phone.png") 0 5px no-repeat;
    display: block;
    padding-left: 28px;
    font-size: 18px;
    line-height: 28px;
    color: #1e1e1e;
}

.btn-main {
    background: #d2b75c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    width: 155px;
    height: 33px;
    border-radius: 10px;
}
.btn-cart {
    display: flex;
    align-items: center;
    margin-left: 55px;
    font-size: 14px;
    color: #1e1e1e;
}
.btn-cart .ico-cart {
    background: #d2b75c;
    width: 37px;
    height: 37px;
    position: relative;
    margin-right: 12px;
    border-radius: 10px;
}
.btn-cart .count {
    font-family: 'din-round-pro-bold';
    color: #d2b75c;
}
.btn-cart .ico-cart:before {
    background: url("../images/ico-cart.png") 0 0 no-repeat;
    display: block;
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header-block2 {
    display: flex;
    flex-wrap: wrap;
}
.main-nav {
    background: #a53692;
    padding: 20px 0;
    margin-bottom: 38px;
}
.main-nav ul {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none
}
.main-nav li {
    margin: 0 30px;
}
.main-nav a {
    font-family: 'din-round-pro-bold';
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
.main-nav a:hover {
    color: #fe9eee;
    text-decoration: none;
}
.main-nav .active a {
    color: #e8c756;
}


.footer {
    background: #fff;
    padding: 30px 0;
}
.section-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.footer .section-row {
    justify-content: space-between;
    align-items: flex-start;
}
.footer .header-block p {
    margin-bottom: 0;
}
.footer .header-info {
    padding-top: 5px;
}
.footer .btns {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.footer .btns2 .btn-main {
    width: 210px;
    height: 33px;
    float: right;
    clear: both;
}
.footer .header-info a {
    margin-left: 20px;
}
.footer-nav .main-nav {
    margin-bottom: 0;
}
.main-slider {
    max-height: 447px;
    overflow: hidden;
}
.visual img {
    display: block;
    width: 100%;
    height: auto;
}
.main-slider2 {
    display: none;
}
.mobile-menu-list {
    display: none;
}
.footer .socials {
    padding-top: 25px;
    justify-content: flex-start;
}
.footer .socials li {
    margin: 0 5px;
}
.footer .btn-main {
    margin: 0 15px 15px;
    width: 155px;
}
.footer .btn-main:hover {
    background: #c3a232;
    color: #fff;
    text-decoration: none;
}
.footer .btn-main3 {
    background: #a53692;
    font-family: 'din-round-pro-bold';
    font-size:  14px;
}
.footer .btn-main3:hover {
    background: #a53692;
    opacity: .7;
}
.slick-dots {
    background: url("../images/bg-pagination.png") center 0 no-repeat;
    background-size: cover;
    width: auto;
    padding-left: 15px;
    padding-right: 5px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.post-mini .mobile-text {
    display: none;
}

/* mobile-menu */
/*.mobile-menu {display:none;}*/
.mobile-menu.active {
    /*display: block;*/
    right: 0;
}
.mmenu-btn {
        padding: 10px;
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        background-color: #ffebf9;
    }
    .mobile-menu {
        position: fixed;
        overflow: scroll;
        width:100%;
        height: calc(100% + 30px);
        top: 0;
        right: -100%;
        z-index: 50;
        background-color: #fff;
        padding: 10px;
        padding-bottom: 30px;
        padding-top: 60px;
        box-shadow: 0 0 10px rgba(0,0,0,0);
        
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .mobile-menu.active {
        right: 0;
        box-shadow: 0 0 10px rgba(0,0,0,0.4);
    }
    .mobile-menu .menu-bars {
        position: absolute;
        align-items: center;
    display: flex;
        top: 10px;
        left: 10px;
        font-size: 20px;
        z-index: 65;
    }
    .mobile-menu .menu-bars i {
        margin-right: 5px;
    }
    .mobile-menu .menu-bars .logotipe img {width: 100px;height:auto;}
    .mobile-menu .close {
        z-index: 65;
        background: none;
        border: 2px solid #A8157F;
        text-align: center;
        opacity: 1;
        
        
    }
    .mobile-menu .element-menu-block .element-category {
        display: inline-block;
        padding: 10px;
        width: 100%;
        border: 2px solid #A8157F;
        background-color: #ffebf9;
        margin-bottom: 5px;
        position: relative;
        font-weight: bold;
    }
    .mobile-menu .close::before {padding-top: 9px;color:#A8157F;}
    .mobile-menu .element-menu-block .element-category li {
        font-weight: normal;
    }
    .mobile-menu .element-menu-block .mobile-submenu {
        position: relative;
        width:100%;
        z-index: 51;
        /*background-color: #ffd9f4;*/
        /*padding: 10px;*/
        padding-bottom: 0;
        padding-top: 0;
        display: none;
        /*box-shadow: 0 0 10px rgba(0,0,0,0);*/
        
        -webkit-transition: all 0.5s ease-out;
	    -moz-transition: all 0.5s ease-out;
	    -o-transition: all 0.5s ease-out;
	    transition: all 0.5s ease-out;
    }
    .mobile-menu .element-menu-block .mobile-submenu.active,
    .mobile-menu .element-menu-block.active .mobile-submenu {
        display: block;
        height: auto;
        overflow: hidden;
    }
    .mobile-menu .element-menu-block .mobile-submenu.active ul {margin-top: -50px;}
    .mobile-menu .element-menu-block .mobile-submenu.visible-menu {
        height: auto;
        /*padding-bottom: 10px;*/
        /*padding-top: 10px;*/
    }
    .mobile-menu .element-menu-block .mobile-submenu.visible-menu ul {margin-top: 0;}
    .mobile-menu .element-menu-block .mobile-submenu ul {
        padding-left: 0;
    }
    .mobile-menu .element-menu-block .mobile-submenu ul li {position:relative;padding:0;}
    .mobile-menu .element-menu-block .mobile-submenu ul li a {
        font-weight: normal;
        color: #A8157F;
        display: block;
        padding: 10px;
        width:100%;
        text-decoration: none;
    }
    .mobile-menu .element-menu-block .mobile-submenu ul li.active {
        background-color: #A8157F;
    }
    .mobile-menu .element-menu-block .mobile-submenu ul li.active a {
        color: #fff;
    }
    .mobile-menu .element-menu-block .element-category i {
        font-size: 20px;
        color: #A8157F;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .mobile-menu .element-menu-block .element-category i.fa-caret-up {display:none;}
    .mobile-menu .element-menu-block .element-category.active i.fa-caret-up {display:inherit;}
    .mobile-menu .element-menu-block .element-category.active i.fa-caret-down {display:none;}
    
    .mobile-menu .element-menu-block.active .element-category i.fa-caret-up {display:inherit;}
    .mobile-menu .element-menu-block.active .element-category i.fa-caret-down {display:none;}
    
    .mobile-menu .element-menu-block .mobile-submenu .menu-back {
        display: inline-block;
        padding: 10px;
        width: 100%;
        background-color: #A8157F;
        margin-bottom: 5px;
        position: relative;
        font-weight: bold;
        color: #fff;
    }
    
    .mobile-menu .element-menu-block .mobile-submenu .menu-back i {
        margin-right: 10px;
        font-size: 20px;
        vertical-align: middle;
    }
    
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 131, 119, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;
 
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    padding-top: 10px;
}
/* кнопка закрытия при наведении */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    background: green;
    opacity: 1;
    position: absolute;
    /* display: flex; */
    right: 15px;
    top: 15px;
    /* align-items: center; */
    /* justify-content: center; */
    padding: 0;
}  

#search-window .modal-body form {position:relative}
#search-window .modal-body form input {padding-right: 100px}
#search-window .modal-body form button {position: absolute;top:0;right:0;height: 32px;padding-top:3px}
.col6 {
    width: 50%;
    padding: 0 15px;
}
.footer .col6 {
    width: auto;
}
.footer .col6 + .col6 {
    flex-grow: 1;
}

article {
    background: #fff;
}
.wrapper {
    max-width: 1170px;
    margin: 0 auto;
}
.content-base {
    width: 100%;
}

.product-title {
    border-bottom: 1px solid #ececec;
    display: flex;
    font-family: 'din-round-pro-bold';
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.size-option-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.btn-size {
    background: #24781d;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 155px;
    height: 33px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
}
.btn-size:hover {
    background: #24781d;
    color: #fff;
    opacity: .7;
}
#msProduct .form-horizontal .control-label {
    font-size: 20px;
    color: #555555;
    text-transform: uppercase;
    padding: 0;
}
.item-size {
    height: 33px;
    margin: 0 5px 10px;
    border-radius: 5px;
}
.size-holder .form-control-static {
    
}
.wrap-size-items {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    width: 100%;
}
.price-count {
    border-bottom: 4px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 17px;
}
.price-count .price {
    font-family: 'din-round-pro-bold';
    font-size: 30px;
    color: #a53692;
}
.product-order-title {
    font-family: 'din-round-pro-bold';
    font-size: 20px;
    color: #555555;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.product-order {
    margin-bottom: 30px;
}
.product-order-holder {
    display: flex;
    justify-content: space-between;
}
.product-order input[type="text"] {
    border: 1px solid #ededee;
    display: block;
    min-width: 220px;
    height: 45px;
    padding: 0 14px;
    font-size: 22px;
    color: #555555;
    margin-right: 28px;
}
.product-order input[type="submit"] {
    border: none;
    background: #d2b75c;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 180px;
    height: 45px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 5px;
}
.product-size-img {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
}
.product-description-title {
    font-family: 'din-round-pro-bold';
    font-size: 25px;
    color: #000;
    margin: 0 0 25px;
}
.product-description .tab-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: lato;
    font-size: 18px;
    line-height: 1.42857143;
    color: #333;
}
.product-description .tab-list ul li {
    margin-bottom: 7px;
    position: relative;
    padding-left: 14px;
}
.product-description .tab-list ul li:before {
    background: #a53692;
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    font-family: 'din-round-pro-regular';
    position: absolute;
    left: 0;
    top: 10px;
}
.product-description .tab-list p {
    font-family: lato;
    font-size: 18px;
    line-height: 1.42857143;
    color: #333;
}
.product-description .video img {
    display: block;
    width: 100%;
    height: auto;
}
.wrapper .content .content-base {
    padding-bottom: 10px;
}
.breadcrumbs {
    border-bottom: 7px solid #f7f7f7;
    width: 100%;
    padding-bottom: 10px;
    margin: 0 15px 20px;
}
.breadcrumbs span a,
.breadcrumbs .current a {
    font-style: normal;
    font-size: 18px;
    color: #000;
}
.breadcrumbs span a:hover {
    color: #a53692;
}
.socials-block {
    margin-left: 20px;
}
.socials-block span {
    display: block;
    font-family: 'din-round-pro-regular';
    font-size: 9px;
    color: #555555;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.socials-block .socials {
    flex-wrap: nowrap;
}


/* modal window callback new style */
#order-window .modal-dialog {
    max-width: 580px;
    margin-top: 100px;
}
#order-window .modal-content {
    background: #fff;
    border: none;
    position: relative;
    border-radius: 0;
}
#order-window .modal-header {
    border: none;
    padding: 0;
}
#order-window button.close {
    background: url("../images/modal-btn-close.png");
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    right: -35px;
    top: -30px;
}
#order-window .modal-body {
    padding: 25px 50px;
}
#order-window h4 {
    font-family: 'din-round-pro-bold';
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}
#order-window .label {
    display: block;
    font-family: 'din-round-pro-regular';
    font-size: 16px;
    color: #555555;
    text-align: left;
    margin-bottom: 8px;
} 
#order-window .form-group {
    margin: 0;
    padding: 0;
}
#order-window input[type="text"] {
    border: 1px solid #ededee;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 11px;
    font-size: 25px;
    color: #555555;
    margin-bottom: 18px;
    border-radius: 0;
}
#order-window .modal-body form .btnn input[type="submit"] {
    display: block;
    border: 1px solid #521b49;
    background: none;
    width: 224px;
    height: 50px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #521b49;
    cursor: pointer;
    border-radius: 3px;
}
#order-window .modal-body form .btnn  input[type="submit"]:hover {
    background: #521b49;
    color: #fff;
}
#order-window .agreement-check,
#order-window .agreement-check label {
    font-family: 'din-round-pro-regular';
    font-size: 12px;
    color: #555555;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#order-window .agreement-check label {
    margin-bottom: 0;
}
#order-window .agreement-check a {
    color: #521b49;
    text-decoration: underline;
}
.header .btn-main:hover {
     background: #c3a232;
    color: #fff;
    text-decoration: none
}

/* product page */
#msProduct {
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
}
#msProduct:after {
    display: block;
    content: "";
    clear: both;
}
#msProduct .product-gallery {
    border-right: 1px solid #e5e5e5;
    padding-top: 18px;
    padding-bottom: 18px;
}
#msProduct .product-info {
    padding-top: 17px;
}
.info-nav {
    border-bottom: 2px solid #ccc;
    display: flex;
    padding: 0;
    margin: 0 0 17px;
    list-style: none;
}
.info-nav li {
    margin-right: 35px;
}
.info-nav li:last-child {
    margin-right: 0;
}
.info-nav a {
    border: 2px solid #ccc;
    border-bottom: none;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 25px;
        font-family: 'din-round-pro-bold';
    font-size: 20px;
    color: #555555;
    text-transform: uppercase;
    position: relative;
}
.info-nav a:focus,
.info-nav a:hover {
    text-decoration: none;
}
.info-nav a.active {
    color: #000;
}
.info-nav a.active:after {
    background: #fff;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.product-description .tab-list {
    padding: 0 18px;
}

.price-count {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price-count .label-next-count {
    font-size: 16px !important;
    color: #555555;
    margin-top: 7px;
}
.sale_slider .slick-dots {
    display: none !important;
}
#msMiniCart i {
        background: #d2b75c;
    width: 37px;
    height: 37px;
    position: relative;
    margin-right: 12px;
    border-radius: 10px;
}
.btn-cart {
    display: flex;
    align-items: center;
    margin-left: 55px;
    font-size: 14px;
    color: #1e1e1e;
}
#msMiniCart i:before {
    display: none;
}
#msMiniCart i:after  {
     background: url(../images/ico-cart.png) 0 0 no-repeat;
    display: block;
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 }
 #msMiniCart .badge {
     font-family: 'din-round-pro-bold';
    color: #d2b75c;
    background: none;
 }
 
#msCart .image img {
    max-width: 150px;
}

#msProduct .product-size-img img {
    display: block;
    width: 100%;
    height: auto;
}


/* media queries */
@media screen and (max-width: 1200px) {
    .header .logo {
        background-size: contain;
        width: 265px;
    }
    .header .header-block {
        padding-right: 20px;
    }
    .header .header-block.header-block2 {
        display: block;
        padding-left: 20px;
        padding-right: 0;
    }
    .header .btn-cart {
        margin-left: 0;
    }
    .footer .col6 {
        width: auto;
    }
}
@media screen and (max-width: 1024px) {
    .main-nav li {
        margin: 0 15px;
    }
    .main-nav a {
        font-size: 14px;
    }
    .header .header-block {
        display: none;
    }
    .header .header-block.header-block2 {
        padding-top: 0;
    }
}
@media screen and (max-width: 960px) {
    .footer .section-row {
        justify-content: center;
    }
    .footer .col6 {
        margin-bottom: 15px;
    }
    .footer .btns {
        justify-content: center;
    }
    .footer .btns2 {
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 768px) {
    #msMiniCart .bos_not_empty {
        background: none;
        position: static;
        width: auto;
        height: auto;
    }
    #msMiniCart {
        position: static;
        float: right;
    }
}
@media screen and (max-width: 765px) {
    .main-nav {
        display: none;
    }
    .header .logo {
        background: url("../images/logo-mobile.png") 0 0 no-repeat;
        width: 60px;
        height: 29px;
    }
    .header-info {
        display: flex;
        align-items: center;
    }
    .header-info a {
        margin-left: 25px;
        margin-bottom: 0;
    }
    .header .btn-callBack {
        display: none;
    }
    .header-cart {
        display: none;
    }
    .header .btn-search {
        display: block;
    }
    .header .btn-nav {
        display: block;
    }
    .header .mail {
        text-indent: -9999px;
        width: 26px;
    }
    .header .phone {
        text-indent: -9999px;
        width: 26px;
        line-height: 22px;
    }
}
@media screen and (max-width: 580px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0;
    }
    .header {
        background: #fff;
        padding: 15px;
    }
    .footer {
        overflow-x: hidden;
    }
    .footer .header-info {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer .header-block {
        text-align: center;
    }
     .footer .btns {
        flex-wrap: wrap;
    }
    .footer .btns2 {
        flex-wrap: wrap;
    }
    .mobile-menu-list {
        display: block;
        padding: 15px  15px 0;
    }
    .mobile-menu-list a {
        background: #a53692;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        margin-bottom: 12px;
        border-radius: 5px;
    }
    .footer .socials {
        display: flex;
        justify-content: center;
    }
    /*.footer .btn-main {
        width: 100%;
    }*/
    .wrap-gallery {
        display: flex;
        flex-wrap: wrap;
    }
    .wrap-gallery .small-images {
        order: 2;
        padding-top: 20px;
    }
    .wrap-gallery .big-image {
        order: 1;
    }
    .product-order {
        display: none;
    }
    .product-size-img {
        overflow: hidden;
        margin-bottom: 10px;
    }
    .info-nav {
        border: 1px solid #979797;
        display: block;
        padding: 15px 15px 5px;
    }
    .info-nav li {
        margin-right: 0;
    }
    .info-nav a {
        border: none;
        border-bottom: 1px solid #979797;
        font-family: 'din-round-pro-bold';
        font-size: 16px;
        color: #000;
        height: 40px;
        padding: 0;
    }
    .info-nav a.active {
        color: #979797;
    }
    .info-nav li:last-child a {
        border-bottom: none;
    }
    .info-nav a.active:after,
    .info-nav a:after {
        background: url("../images/ico-plus.png") 0 0 no-repeat;
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        left: auto;
        right: 0;
        top: 12px;
        bottom: auto;
    }
    .wrapper .content .content-base {
        padding-bottom: 25px;
    }
    .price-count .price {
        white-space: nowrap;
    }
    .frame-count {
        display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    }
    #order-window .modal-dialog {
        padding-left: 5px;
        padding-right: 5px;
    }
    #order-window .modal-body {
        padding-left: 15px;
        padding-right: 15px;
    }
    #order-window button.close {
        right: 0;
        top: -40px;
    }
    .mobile-menu .element-menu-block .mobile-submenu.active ul {
        margin-top: 0;
    }
    .wrap-top-panel-sort {
        display: none;
    }
    .mobile-menu .menu-bars .logotipe img {
        width: 60px;
    }
}