/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */

.stickers .stickers-wrapper .sticker_top {
    background-color: #e64264;
}
.stickers .stickers-wrapper .sticker_pro {
    background-color: #f5b333;
}
.catalog-video {
    display: block;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.catalog-detail-social svg{position:absolute;top:50%;left:0;}
.catalog-detail-social a{position:relative;height:33px;margin:15px 30px 0 0;display:inline-block;transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;-webkit-transition: opacity 0.3s ease;}
.catalog-detail-social a{opacity:0.5;}
.catalog-detail-social a:hover{opacity:1;}
.catalog-detail-social a.social_vk{width:15px;}
.catalog-detail-social a.social_vk svg{margin-top:-5px;}
.catalog-detail-social a.social_fb{width:7px;}
.catalog-detail-social a.social_fb svg{margin-top:-7px;}
.catalog-detail-social a.social_inst{width:15px;}
.catalog-detail-social a.social_inst svg{margin-top:-8px;}
.catalog-detail-social a:hover svg{opacity:1;}
.catalog-detail-social a svg path {
    fill: #ec425e;
}

.item-views.table .item .image {
    width: 100%;
}

.module_products_list td {
    vertical-align: top;
}

.module_products_list table.add-company td {
    vertical-align: middle;
}
.module_products_list table.add-company .footer-button {
    margin: 0;
    padding: 0;
}
.module_products_list table.add-company a {
    margin: 0;
}

.catalog.item-views .item .image {
    top: 10px;
}

.a-block {
    padding: 30px 0;
}

.item-views.blocks .title_block .right_link_block svg {
    margin-right: 5px;
}

.item-views.table.with-comments .item .info {
    padding: 10px 0 20px;
}

.detail .small-gallery-block .slides li .item .image.this-is-video .lupa svg,
.owl-carousel .item .image.this-is-video .lupa svg,
.type-gal-3 .item .image.this-is-video .lupa svg
{
    display: none
}
.detail .small-gallery-block .slides li .item .image.this-is-video .lupa,
.owl-carousel .item .image.this-is-video .lupa,
.type-gal-3 .item .image.this-is-video .lupa
{
    background: url(../images/youtube.svg) no-repeat center / 70px auto;
    opacity: 1;
    visibility: visible;
}

.owl-carousel {
    height: 250px;
}

.owl-carousel .item {
    position: relative;
}

.owl-carousel .item img {
    height: 250px;
    width: auto;
}

.owl-carousel .item a {
    display: block;
}

.owl-carousel .item .image:hover .lupa {
    opacity: 1;
    visibility: visible;
}

.owl-carousel .item .image .lupa {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}

.owl-carousel .item .image .lupa .svg {
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    top: 50%;
    margin-top: -21px;
}

.owl-carousel .item .image .lupa svg path {
    fill: #FFF;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    width: 100%;
}
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 95px;
    font-size: 0 !important;
    background: url(../images/arrow_c.svg) no-repeat center / contain !important;
    width: 35px;
    height: 60px;
    transform: rotate(180deg);
    left: -60px;
    transition: all .3s;
}
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 95px;
    font-size: 0 !important;
    background: url(../images/arrow_c.svg) no-repeat center / contain !important;
    width: 35px;
    height: 60px;
    right: -60px;
    transition: all .3s;
}
.owl-carousel:hover .owl-nav .owl-prev {
    left: 20px;
}
.owl-carousel:hover .owl-nav .owl-next {
    right: 20px;
}

.owl-carousel .owl-dots {
    display: block;
    top: 258px;
    position: absolute;
    width: 100%;
    text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
    background: #cad2d6;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 100%;
}
.owl-carousel .owl-dots .owl-dot.active {
    background: #ec425e;
}


.type-gal-3 .grid {
    content: "";
    display: table;
    clear: both;
}
.type-gal-3 .grid {
    width: 100%;
}
.type-gal-3 .grid-cell {
    float: left;
    height: 100%;
}
.type-gal-3 .grid-50-50 > .grid-cell--1, .grid-50-50 > .grid-cell--2 {
    width: 50%;
}
.type-gal-3 .flex {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;

    background-size: cover;
    background-position: center;
}
.type-gal-3 .flex--vertical {
    flex-flow: column nowrap;
}
.type-gal-3 .flex--vertical .flex-child {
    flex: 0 0 50%;
    height: 50%;
    width: 100%;
}
.type-gal-3 .grid {
    height: 600px;
}

.type-gal-3 .item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.type-gal-3 .item img {
    height: 250px;
    width: auto;
}

.type-gal-3 .item a {
    display: block;
    width: 100%;
    height: 100%;
}

.type-gal-3 .item .image {
    width: 100%;
    height: 100%;
}

.type-gal-3 .item .image:hover .lupa {
    opacity: 1;
    visibility: visible;
}

.type-gal-3 .item .image .lupa {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}

.type-gal-3 .item .image .lupa .svg {
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    top: 50%;
    margin-top: -21px;
}

.type-gal-3 .item .image .lupa svg path {
    fill: #FFF;
}

.fancybox-overlay {
    background-color: rgba(0,0,0,0.7);
}

.fancybox-close {
    background-image: url(../images/close.svg);
    background-size: contain;
    background-color: #000;
    border-radius: 100%;
}

.fancybox-prev span {
    background: url(../images/arrow_c.svg) no-repeat center / contain !important;
    transform: rotate(180deg);
}
.fancybox-next span {
    background: url(../images/arrow_c.svg) no-repeat center / contain !important;
}

.ask_a_question .inner .text-block.face_ask_block {
    padding-top: 0;
}
.ask_a_question .inner .text-block.face_ask_block img {
    padding-bottom: 10px;
}

.ask_a_question .inner .text-block.face_ask_block  img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
} 
.ask_a_question .inner .text-block {padding-top: 0;}
.ask_a_question .inner .text-block.face_consultant img { 
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}
.mega-menu table td:not(.wide_menu) .dropdown-menu   {
text-transform: uppercase;
}

.fancybox-nav {
    top: 20%;
    width: 20%;
    height: 60%;
}
.wrap_pagination {
padding-top: 15px;
}

.last-articles .elem {
    height: 325px;
}

.search-tags-cloud.detail_blog h3 {
    display: none;
}

#instagram-block {
    margin-top: 50px;
}
#instagram-block .title_block {
    margin-bottom: 30px;
}
#instagram-block .ig-acc {
    text-align: right;
}
#instagram-block a.ig-link {
    height: 220px;
    display: block;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
}
#instagram-block a.ig-link.big {
    height: 470px;
}

#get-calc {
    text-align: right;
}


@media (max-width: 500px) {
    .full-list {
        font-size: 1.6em;
        line-height: 1.2857em;
    }
    .module_products_list table.add-company td {
        vertical-align: top;
    }
    .type-gal-3 .grid {
        height: 300px;
    }
    #instagram-block .ig-acc {
        text-align: left;
        padding-top: 10px;
    }
    #instagram-block .cnt_3,
    #instagram-block .cnt_4,
    #instagram-block .cnt_5,
    #instagram-block .cnt_6
    {
        display: none;
    }
    #instagram-block a.ig-link.big {
        height: 220px;
    }
}