/* fonts */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Exo2-Thin.ttf');
}
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/Exo2-ExtraLight.ttf');
}
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Exo2-Light.ttf');
}
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Exo2-Regular.ttf');
}
@font-face {
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Exo2-Italic.ttf');
}
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Exo2-SemiBold.ttf');
}
@font-face {
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: bold;
    src: url('../fonts/Exo2-SemiBoldItalic.ttf');
}
body {
    font-family: 'Exo 2', sans-serif !important;
}

p, a, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Exo 2', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.8em;
    font-weight: 400;
}


/*css for blog*/
.blogsite .item-content h2 a, .blogsite .com-content-category-blog h3 a {
    text-decoration: none;
    font-size: 0.7em;
    line-height: normal;
    color: #000;
}

.blogsite .item-content h2 a:hover, .blogsite .com-content-category-blog h3 a:hover {
    color: #000;
}
.blogsite .item-image img {
    height: 191px;
}
.blogsite .page-header h2 {
    line-height: 20px;
}
/*css for blog*/

/*image for articles*/
.img-article-left {
    float:left;
    margin: 0 17px 4px 0;
}
.img-article-right {
    float:right;
    margin: 0 0 4px 17px;
}
.bl {
    background: #030303;
}
.bl-1 {
    padding: 5px 0 10px;
}
.bl1-1 {
    padding-top: 10px;
}
.bl1-3 {
    text-align: center;
}
.bl1-3 .ostrov {
    position: absolute;
    top: 5px;
}
.bl2-1 {
    text-align: center;
}
#navbar1 {
    background-color: #b8d23e ;
    background-image: url("/images/templates/menu-left.png"), url("/images/templates/menu-right.png");
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
}
#navbar1 .metismenu {
    display: flex;
    justify-content: center;
    padding: 4px 0 9px;
}
.container-header nav {
    margin-top: inherit;
}
.blmp1 {
    background: #030303;
    color: #fff;
}
.blmp1-1 img, .blmp1-2 img {
    height: 17px;
    margin-top: -4px;
}
.blmp1-1 a, .blmp1-2 a {
    color: #fff;
}
    .blmp1-1 {
        text-align: left;
    }
    .blmp1-2 {
        text-align: right;
    }
.container-header {
    background: inherit;
    background-color: inherit;
}
.container-header .mod-menu {
    color: #000;
}
.bl4-2-1 {
    background: #3399cc;
    padding: 10px 25px;
}
.bl4 .mod-menu li {
    width: 178px;
}
.bl4 .mod-menu li img {
    float: left;
    margin-right: 5px;
}
.bl4 .mod-menu li:hover img {
    margin-top: -3px;
    transition: 2s;
}
.bl4 .mod-menu .item-210 {
    width: 145px;
}
.bl4 .mod-menu .item-210 img {
    margin-right: 13px;
}
.bl4 .mod-menu li a {
    display: flex;
    align-items: center;
}
.bl4 .mod-menu li a .image-title {
    font-size: 1em;
    line-height: 17px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 2px 1px 1px #494949;
}
.zagolovok_modula {
    text-align: center;
}
.blmp2 {
    text-transform: uppercase;
    text-align: center;
    border-bottom: 7px #3399cc solid;
    display: inline-block;
    font-weight: bold;
    color: #000;
    font-size: 2.1em;
}
.info-cat h2 {
    /*background: url("/images/templates/blue-line.png") bottom left no-repeat;*/
    border-bottom: 7px #3399cc solid;
    display: inline-block;
    font-weight: bold;
    color: #000;
    font-size: 2.3em;
}
.info-cat, #mod-custom149, #mod-custom151 {
    margin-top: 55px;
    margin-bottom: 10px;
}
.ph-item-content.grid .ph-item-desc {
    flex: inherit !important;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box h3{
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nashi-tovary .ph-item-content a img {
    height: 185px;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box .ph-item-desc {
    height: 150px;
    overflow: hidden;
    margin-bottom: 27px;
    background: url("/images/templates/bwhite.png") bottom left repeat-x;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box .ph-item-desc::after {
    content: ''; /* Выводим элемент */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; bottom: 50px; /* Положение элемента */
    width: 100%; /* Ширина градиента*/
    height: 25%; /* Высота родителя */
    /* Градиент */
    background: -moz-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);
    background: -ms-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0.0), #fff 100%);
    pointer-events: none;
}
.nashi-tovary .phProductScrollerModuleBox .ph-price-brutto {
    color: #3399cc;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box .ph-item-desc p {
    text-overflow: ellipsis;
}


/*слайдер*/
.nashi-tovary .phProductScrollerModuleBox .ph-item-box {
    border: 1px solid #297eaa;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box a h3 {
    text-decoration: none !important;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box h3 {
    font-size: 1em;
    font-weight: 800;
    margin: 0;
    text-decoration: none !important;
}
.nashi-tovary  .ph-category-price-box {
    font-size: 1.2em;
 }
.nashi-tovary .phProductScrollerModuleBox .ph-item-box .ph-item-desc {
    font-size: 0.8em;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box h3, .nashi-tovary .phProductScrollerModuleBox .ph-item-box .ph-item-desc {
    text-align: left !important;
    margin-top: 15px !important;
}
.nashi-tovary .phProductScrollerModuleBox .ph-item-box h3, .nashi-tovary .phProductScrollerModuleBox .ph-item-box .ph-item-desc a {
    text-decoration: none;
    color: #22262a;
}

.phProductScrollerModuleSwiperContainer150 .ph-item-box .ph-item-content .ph-item-desc {
    display: none;
}
.bottom_block_info h3 {
    margin-top: 55px;
    margin-bottom: 20px;
    border-bottom: 7px #3399cc solid;
    display: inline-block;
    font-weight: bold;
    color: #000;
    font-size: 2.1em;
    text-transform: uppercase;
}
.bottom_block_info .newsflash div h4 {
    font-size: 1em;
    padding: 10px 12px;
    margin-bottom: 0;
}
.bottom_block_info .newsflash .mod-articlesnews__item:nth-last-of-type(2n) {
    background: #c7e9f9;
}
.bottom_block_info .newsflash .mod-articlesnews__item:nth-last-of-type(2n):hover {
    background: #96d9f9;
}
.bottom_block_info .newsflash .mod-articlesnews__item:nth-of-type(2n):hover {
    background: #e4f1ff;
}
#djslider-loader109 {
    margin-top: 20px;
}

.bottom_block_info .newsflash div h4 a {
        text-decoration: none;
        color: #22262a;
        display: block;
    }
.footer {
    background-color: inherit;
    background: inherit;
    margin-top: 4em !important;
}
.bl8-1 {
    padding-top: 10px;
    text-align: center;
}
.bl8-2 {
    background-color: #3399cc;
    background-image: url("/images/templates/menu-left.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    text-align: right;
}
    .bl8-2 p {
        margin-top: 9px;
        font-size: 1.3em;
        margin-bottom: 11px;
    }
        .bl8-2 p a {
            text-decoration: none;
        }

.bl8_1-1 {
    background: #c7e9f9;
}
.bl8_1-2 {
    background: #e6f7ff;
}
    .bl8_1-1 a, .bl8_1-2 a {
        color: #030303;
    }
.bl8_1-1, .bl8_1-2 {
    text-align: right;
}
.bl8_1-2 {
    border-bottom: 1px solid #000;
}
.bl8_1-1 .nav, .bl8_1-2 .nav {
    display: inherit;
    padding: 13px 0;
}
.bl8_1-1 ul li a {
    text-decoration: none;
    padding: 5px 10px;
    text-transform: uppercase;
}
.bl8_1-2 ul li a {
    padding: 5px 10px;
    text-decoration: none;
}
.bl8_1-1 ul li, .bl8_1-2 ul li {
    display: inline;
}
.bl9 {
    text-align: right;
}
.bl9-1 {
    font-size: 0.8em;
    color: #959595;
    padding: 2px 15px;
}
.bl9-1 a {
    color: #959595;
}
.ostrov2 {
    float: left;
    margin-bottom: -45px;
    margin-top: -27px;
}
/*Вид категории*/
#ph-pc-category-box #phItems .thumbnail {
    border: 1px solid #297eaa;
}
#ph-pc-category-box #phItems .thumbnail .ph-product-header {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    text-align: left;
}
#ph-pc-category-box .ph-header {
    border-bottom: 7px #3399cc solid;
    display: inline-block;
    font-weight: bold;
    color: #000;
    font-size: 2.3em;
}
#ph-pc-category-box #phItems .thumbnail .ph-item-desc {
    height: 150px;
    overflow: hidden;
    margin-bottom: 27px;
    background: url(/images/templates/bwhite.png) bottom left repeat-x;
    font-size: 0.8em;
}
#ph-pc-category-box #phItems .thumbnail .ph-item-desc::after {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 43px;
    width: 95%;
    height: 25%;
    background: -moz-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);
    background: -ms-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0.0), #fff 100%);
    pointer-events: none;
}
#ph-pc-category-box #phItems .thumbnail .ph-price-brutto {
    color: #3399cc;
    font-weight: bold;
}
#ph-pc-category-box #phItems .thumbnail  .ph-category-price-box {
    font-size: 1.3em;
}
#ph-pc-category-box #phItems .thumbnail .ph-category-action-buttons {
    display: none;
}
.ph-item-price-panel .ph-item-price-box {
    font-size: 1.4em;
}
.ph-item-price-box .ph-price-brutto {
    color: #3399cc;
}


#events .item .eg-content .data {
    background-color: rgb(27 126 229 / 75%) !important;
}

.b-thumbnail a > img {
    float: left;
}
.row-item-subcategory h3 {
    text-align: left;
}
#ph-pc-category-box .row-item-subcategory {
    margin-bottom: 33px;
}
.ph-categories h3, #ph-pc-category-box h3 {
    font-size: 1.3em;
}
.nav.nav-tabs {
    background-color: #c7e9f9;
}
.nav.nav-tabs .nav-link.active {
    background-color: rgb(0 173 191 / 30%);
}
.container-header .navbar-toggler {
    border: 1px solid #0081cd;
    color: #0081cd;
    margin: 15px auto;
}
.icon-menu:before {
    font-family: 'Exo 2', sans-serif !important;
}

.container-header .metismenu>li.level-1>ul {
    background: #e9e9e9;
    border-radius: 10px;
    border: 1px solid #3399cc;
    box-shadow: 1px 1px 4px #9b9b9b;
}
.metismenu.mod-menu .mm-collapse>li {
    display: block;
}
.metismenu.mod-menu .mm-collapse>li>a {
    color: #000;
    display: block;
}
.metismenu.mod-menu .mm-collapse>li:hover {
    background: #3399cc;
    border-radius: 5px;
}
.metismenu.mod-menu .mm-collapse>li:hover >a{
    color: #fff;
}
.bl_button_open_closet {
    display: none;
    background: #3399cc !important;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.bl_button_open_closet a {
    color: #fff;
}
.newsflash .allmaterial {
    text-align:right;
}
    .newsflash .allmaterial a {
        color:#000;
    }
.site-grid .com-content-category-blog h1, .site-grid .page-header h1 {
    border-bottom: 7px #3399cc solid;
    display: inline-block;
    font-weight: bold;
    color: #000;
    font-size: 2.3em;
    margin-bottom:50px;
}
.ph-item-thumbnail-related h4 {
    font-size: 1.1em;
    text-align: left;
}
.ph-item-thumbnail-related .ph-item-content div:nth-child(3) {
   /*display:none;*/
   text-align:left;
}
/*.pc-item-view .ph-item-bottom-box .nav-tabs .nav-item:nth-child(2)  {*/
/*    display:none;*/
/*}*/

.btn-right-zakaz {
    float:right;
    width: 100%;
    margin-bottom:20px;
    background-color: #239721;
    text-transform: uppercase;
}
    .btn-right-zakaz:hover {
        background-color: #b8d23e;
    }
.voprosy_otvet {
    text-align:center;
    background-color: #ffd700;
    border-radius: 3px;
    color: #000;
    padding: 15px 30px;
}
@media (min-width: 1024px) {
    /*menu in left in desctop*/
    .bl4-2 nav {
        float: left;
    }
    
    /*fixed menu scrolling*/
    .bl4-2-1.fixed {
        width:100%;
        position: fixed;
        top: 0;
    }
}

@media (max-width: 1199px) {

}

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

}

@media (max-width: 1460px) {
    #navbar1 {
        background-image: none;
    }
}

    @media (max-width: 770px) {
    .icon-menu:before {
        content: "МЕНЮ НАВИГАЦИИ";
        font-weight: normal;
    }
    .bl4-2 nav .navbar-toggler {
        margin-top: 15px;
    }
    .bl4-2 nav .icon-menu {
        padding: 5px;
    }
    .ph-cart-module-box .fa-shopping-bag {
        font-size: 1.9em;
    }
    .ph-cart-count-sup {
        font-size: 1.9em;
        top: 2px !important;
    }

        #navbar1 .level-1 {
            font-size: 2em;
        }
        #navbar1 ul li {
            padding: 7px 10px;
        }
        .zagolovok_modula {
            text-align: left;
        }
}

@media (max-width: 668px) {
    table {
        overflow-x: auto;
        display: block;
    }
    .img-article-left, .img-article-right, .img-mob {
        float: inherit;
        width: 100%;
        text-align: center;
        margin: 0 auto 5px auto !important;
        padding: 0;
    }
}
@media (max-width: 1500px) {
    .bl1-3 {
        display: none;
    }
}

@media (max-width: 547px) {
    .bl8-2 {
        background-image: none;
    }
    .bl8-1 {
        margin-bottom: 24px;
    }
}


@media (min-width: 300px) and (max-width: 960px) {
    .bl_button_open_closet {
        display: block;
        cursor: pointer;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .button_open_closet img {
        margin-top: 8px;
        margin-right: 8px;
        float: left;
    }
    .button_open_closet {
        font-size: 1.3em;
        text-align: left;
    }
    .bl4-2-1 {
        padding: 10px 25px 1px;
    }
    .bl4 .mod-menu li {
        width: 178px;
        padding-bottom: 20px;
    }
    .bl4 .mod-menu .item-210 {
        margin-left: 11px;
    }
    .bl4 .mod-menu .item-212 {
        margin-left: 2px;
    }
    .bl4 .mod-menu .item-362 {
        margin-left: 18px;
    }
    .bl4 .mod-menu .item-363 {
        margin-left: 8px;
    }
    .bl4 .mod-menu li a .image-title {
        font-size: 1.3em;
        line-height: 25px;
    }
}

@media (min-width: 1024px) and (max-width: 1080px) {

}