article, aside, b, body, div, footer, header, html, i, iframe, img, label, legend, object, section, span, strong, table, tbody, td, tfoot, th, thead, tr form, u {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: 0 0
}

input:focus, select:focus, textarea:focus {
    outline: 0
}

table, td, th, tr {
    border-collapse: collapse;
    border-spacing: 0
}

body, html {
    width: 100%;
    height: 100%
}

button, input, select, textarea {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000
}

button, input[type=button] {
    cursor: pointer
}

* {
    outline: 0
}

.clear {
    clear: both;
    font-size: 0
}

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 10, 2017 */
@font-face {
    font-display: swap;
    font-family: latoblack;
    src: url(fonts/lato-black-webfont.woff2) format('woff2'), url(fonts/lato-black-webfont.woff) format('woff'), url(fonts/lato-black-webfont.svg#latoblack) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latobold;
    src: url(fonts/lato-bold-webfont.woff2) format('woff2'), url(fonts/lato-bold-webfont.woff) format('woff'), url(fonts/lato-bold-webfont.svg#latobold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latoheavy;
    src: url(fonts/lato-heavy-webfont.woff2) format('woff2'), url(fonts/lato-heavy-webfont.woff) format('woff'), url(fonts/lato-heavy-webfont.svg#latoheavy) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latoitalic;
    src: url(fonts/lato-italic-webfont.woff2) format('woff2'), url(fonts/lato-italic-webfont.woff) format('woff'), url(fonts/lato-italic-webfont.svg#latoitalic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latolight;
    src: url(fonts/lato-light-webfont.woff2) format('woff2'), url(fonts/lato-light-webfont.woff) format('woff'), url(fonts/lato-light-webfont.svg#latolight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latolight_italic;
    src: url(fonts/lato-lightitalic-webfont.woff2) format('woff2'), url(fonts/lato-lightitalic-webfont.woff) format('woff'), url(fonts/lato-lightitalic-webfont.svg#latolight_italic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latomedium;
    src: url(fonts/lato-medium-webfont.woff2) format('woff2'), url(fonts/lato-medium-webfont.woff) format('woff'), url(fonts/lato-medium-webfont.svg#latomedium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latoregular;
    src: url(fonts/lato-regular-webfont.woff2) format('woff2'), url(fonts/lato-regular-webfont.woff) format('woff'), url(fonts/lato-regular-webfont.svg#latoregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latosemibold;
    src: url(fonts/lato-semibold-webfont.woff2) format('woff2'), url(fonts/lato-semibold-webfont.woff) format('woff'), url(fonts/lato-semibold-webfont.svg#latosemibold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: latothin;
    src: url(fonts/lato-thin-webfont.woff2) format('woff2'), url(fonts/lato-thin-webfont.woff) format('woff'), url(fonts/lato-thin-webfont.svg#latothin) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    font-family: latolight, Arial, "Helvetica Neue", Helvetica, sans-serif;
    background: #fff;
    color: #424242
}

.container {
    margin: 0 auto;
    max-width: 1110px;
    width: 100%
}

.btn {
    display: inline-block;
    border-radius: 25px;
    border: 1px solid #fffefe;
    text-transform: uppercase;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: inherit;
    margin-top: 40px;
    text-decoration: none;
    background: 0 0;
    padding: 10px 20px
}

.btn:hover {
    background: #4c8bf5;
    border: 1px solid #4c8bf5;
    color: #fff
}

.title {
    font-size: 32px;
    line-height: 35px;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 5%;
    font-weight: 400
}

.comments_title {
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    display: block;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 7%
}

.ic {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4c8bf5;
    border: 1px solid #4c8bf5;
    display: inline-block;
    margin-right: 10px
}

.ic::before {
    content: "";
    position: absolute;
    top: 6px;
    background: url(images/social_ic.png) no-repeat
}

.ic_f::before {
    width: 9px;
    height: 15px;
    background-position-x: 0;
    left: 8px
}

.ic_vk::before {
    width: 16px;
    height: 13px;
    background-position-x: -8px;
    left: 4px
}

.promo_product {
    padding-bottom: 100px
}

.bg_promo {
    display: none;
    width: 100%
}

.title_h3 {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin: auto
}

.promo_product {
    max-width: 1125px;
    margin: 0 auto;
    -webkit-box-shadow: 0 1px 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 1px 9px 0 rgba(0, 4, 2, .19)
}

.wrapper_header {
    width: 100%;
    width: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    position: absolute;
    -moz-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .75);
    background: rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .75);
    box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .75)
}

.header {
    max-width: 1230px;
    width: 100%;
    border-bottom: 1px solid #fffefe;
    margin: 0 auto;
    color: #fff;
    padding: 5px 0
}

#searchtoggl, .header .social_block {
    float: left
}

.header .logo {
    margin: 0;
    padding-left: 10px
}

.header .menu_header {
    -webkit-transition: .2s;
    transition: .2s;
    border-bottom-left-radius: 100%;
    top: -15px;
    right: 0;
    -webkit-animation: not-checked-anim .2s both;
    animation: not-checked-anim .2s both;
    background-color: #fff;
    width: 70px;
    text-align: center;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    z-index: 1;
    padding: 0;
    position: absolute;
    height: 70px
}

.menu_header .menu_items {
    position: relative;
    padding: 0 0;
    margin: 30px 0
}

.menu_header .menu_items:first-child {
    margin-top: 65px
}

.menu_header .menu_items:last-child {
    margin-bottom: 100px
}

.menu_items, .menu_link {
    display: none;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.menu_items:hover > a {
    opacity: 1
}

.menu_header a {
    color: #424242;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 14px;
    text-decoration: none;
    letter-spacing: 6px;
    font-family: latoheavy, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.menu_header .dropdown_menu {
    position: absolute;
    top: 34px;
    left: 0;
    webkit-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 1);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    width: 100%;
    z-index: 200;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    border-radius: 3px;
    display: none;
    background: #fff;
    color: #424242
}

.menu_header .dropdown_item {
    padding: 10px 0 10px 15px
}

.dropdown_item:hover {
    background: #4285f4;
    color: #fff;
    border-radius: 3px
}

.menu_header .dropdown_item a {
    color: inherit;
    display: block
}

.menu_items:hover > .dropdown_menu {
    display: block
}

.menu_items:active > .dropdown_menu {
    display: block
}

.menu_items:focus > .dropdown_menu {
    display: block
}

#searchtoggl {
    padding-right: 20px;
    display: inline-block;
    position: relative;
    margin: 20px
}

#searchtoggl::before {
    content: "";
    position: absolute
}

#searchtoggl::before {
    width: 28px;
    height: 28px;
    top: -20px;
    left: 0;
    background: url(images/search_ic.png) 5px 5px no-repeat
}

#burger, #burger:after, #burger:before, #trigger {
    position: absolute;
    top: 15px;
    background: #424242;
    width: 30px;
    height: 4px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    cursor: pointer;
    z-index: 2;
    display: block;
    right: 15px
}

#trigger {
    height: 25px;
    background: 0 0
}

#burger:before {
    content: " ";
    top: 10px;
    left: 0
}

#burger:after {
    content: " ";
    top: 20px;
    left: 0
}

#menu-toggle:checked + #trigger + #burger {
    top: 35px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

#menu-toggle:checked + #trigger + #burger:before {
    width: 20px;
    top: -2px;
    left: 18px;
    -webkit-transform: rotate(45deg) translateX(-5px);
    transform: rotate(45deg) translateX(-5px);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

#menu-toggle:checked + #trigger + #burger:after {
    width: 20px;
    top: 2px;
    left: 18px;
    -webkit-transform: rotate(-45deg) translateX(-5px);
    transform: rotate(-45deg) translateX(-5px);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

#menu-toggle:checked + #trigger + #burger + .menu_header {
    -webkit-animation: checked-anim .7s ease both;
    animation: checked-anim .7s ease both
}

#menu-toggle:checked + #trigger ~ .menu_header > .menu_items, .menu_link {
    display: block;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

[type=checkbox]:not(.checkbox):checked, [type=checkbox]:not(:checked,.checkbox) {
    display: none
}

@-webkit-keyframes checked-anim {
    50% {
        width: 100%;
        height: 150vh
    }
    100% {
        width: 100%;
        height: auto;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@keyframes checked-anim {
    50% {
        width: 100%;
        height: 150vh
    }
    100% {
        width: 100%;
        height: auto;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@-webkit-keyframes not-checked-anim {
    0% {
        width: 100%;
        height: 150vh
    }
}

@keyframes not-checked-anim {
    0% {
        width: 100%;
        height: 150vh
    }
}

.promo {
    color: #fffefe;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 5%
}

.wrapper_promo_slider {
    padding: 31% 0 15% 0
}

.promo_content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.promo_text {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.promo_text h3 {
    display: inline-block;
    font-size: 25px
}

.promo_text p {
    font-size: 14px;
    line-height: 24px;
    padding-top: 0
}

.promo_image {
    width: 100%;
    padding: 50px 50px 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    position: relative
}

.promo_image > a {
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    display: block
}

.promo_image img {
    display: block;
    height: 250px
}

.section_offers {
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 40px
}

.section_offers .title {
    margin-bottom: 80px
}

.margin_minus {
    padding: 40px 0;
    max-width: 400px
}

.col_offers {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    margin: 0 4%
}

.col_offers_link {
    text-decoration: none;
    color: inherit;
    display: block
}

.image_offers {
    width: 100%;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 13px 0 rgba(0, 4, 2, .18);
    box-shadow: 0 4px 13px 0 rgba(0, 4, 2, .18);
    margin-top: -35px
}

.image_offers img {
    display: block;
    width: 100%;
    height: auto
}

.text_offers {
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.text_offers .product {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: block
}

.text_offers h4 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-family: latoheavy, Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
    padding-bottom: 14px
}

.text_offers .discount_price {
    font-size: 24px;
    line-height: 24px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.text_offers .real_price {
    font-size: 18px;
    line-height: 24px;
    color: #a8a8a8;
    text-decoration: line-through;
    text-align: right
}

.text_offers .country {
    font-size: 16px;
    line-height: 24px;
    font-family: latomedium, Arial, "Helvetica Neue", Helvetica, sans-serif;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 10%
}

.section_catalogs {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5% 15px;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper_col_catalogs {
    margin: 0 auto;
    width: 100%;
    max-width: 500px
}

.col_catalogs {
    position: relative;
    margin-bottom: 5%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.col_catalogs a {
    color: inherit
}

.col_catalogs img {
    display: block;
    width: 100%;
    height: auto
}

.col_catalogs:hover {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.col_catalogs > h5:hover::before {
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.col_catalogs h5 {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline-block;
    margin: 0
}

.bg {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 30px;
    cursor: pointer
}

.col_catalogs h5::after {
    content: "";
    position: absolute;
    top: -6px;
    right: -20px;
    width: 13px;
    height: 28px;
    background: url(images/arrows.png) no-repeat
}

.bg_default {
    color: #fff;
    background-color: rgba(30, 30, 30, .8)
}

.bg_default::after {
    background-position-x: 0
}

.bg_success {
    color: inherit;
    background-color: rgba(255, 255, 255, .8)
}

.bg_success h5::after {
    background-position-x: -14px
}

.comment_catalogs {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 785px;
    font-family: latolight_italic, Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 40px
}

.news_section {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3% 15px;
    border-bottom: 1px solid #e6e6e6
}

.about_us_block {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto
}

.about_us_block p {
    font-size: 18px;
    color: #646464;
    line-height: 24px
}

.news_block {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto
}

.news_block h5 {
    font-size: 26px;
    margin: 23px 0 4px 0
}

.col_news {
    border-bottom: 1px solid #e0e0e0 !important;
    position: relative;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.col_news:hover {
    background-color: #fff
}

.col_news:last-of-type {
    border-bottom: none
}

.col_news::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 28px;
    top: 57px;
    right: 9px;
    background: url(images/arrows.png) -13px 0 no-repeat
}

.col_news a {
    display: block;
    text-decoration: none;
    color: inherit
}

.col_news img {
    float: left
}

.text_news {
    float: left;
    font-size: 16px;
    color: #646464;
    padding-left: 30px;
    margin: 0;
    width: 50%
}

.text_news span {
    position: relative;
    display: block;
    font-size: 12px;
    font-family: latothin, Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 25px;
    padding-left: 30px
}

.text_news span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    background: url(images/clock_ic.png) no-repeat
}

.btn_default {
    color: inherit;
    border-color: #424242;
    float: right
}

.reviews_section {
    padding: 4% 0;
    border-bottom: 1px solid #e6e6e6
}

.slider_reviews {
    padding: 3% 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.col_review {
    text-align: center;
    margin-bottom: 2%
}

.image_review {
    display: inline-block;
    padding-bottom: 3%
}

.image_review img {
    display: inline-block;
    border-radius: 50%;
    width: 168px;
    height: 168px
}

.text_review_block {
    width: 100%;
    max-width: 765px;
    margin: 0 auto
}

.text_review_block p {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-family: latoitalic, Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-bottom: 26px
}

.name_review {
    color: #45526e;
    font-size: 24px;
    display: block
}

.profession_review {
    font-size: 14px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.our_team_section {
    padding: 4% 15px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center
}

.our_team_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.col_our_team {
    width: 100%;
    max-width: 500px;
    margin-bottom: 5%
}

.image_our_team {
    margin-bottom: 10%
}

.image_our_team img {
    display: inline-block;
    border-radius: 50%;
    width: 200px;
    height: 201px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19)
}

.profession_our_team {
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    display: block;
    line-height: 30px
}

.name_our_team {
    font-family: latosemibold, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px;
    display: block;
    margin-bottom: 40px
}

.col_our_team p {
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px
}

.contacts_section {
    padding: 5% 10px;
    text-align: center
}

#map {
    width: 100%;
    height: 400px
}

.contacts_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.col_contact {
    padding-top: 40px;
    margin: 0 auto;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%
}

.col_contact a, .col_contact span {
    text-decoration: none;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #828282;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.col_contact a:hover {
    text-decoration: underline;
    color: #4c8bf5
}

.ic_contact {
    position: relative;
    border-radius: 50%;
    background: #45526e;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 30px
}

.ic_contact::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 18px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -9px;
    background: url(images/contacts_ic.png) no-repeat;
    -ms-background-position-y: 0;
    background-position-y: 0
}

.ic_phone::before {
    -ms-background-position-y: 0;
    background-position-y: -17px
}

.ic_email::before {
    -ms-background-position-y: 0;
    background-position-y: -34px
}

.wrapper_footer {
    background: #1c2331;
    padding: 5% 15px
}

.footer {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    background: 0 0
}

.footer h6 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: latosemibold, Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin: 24px 0;
    font-weight: 400
}

.col_footer_logo {
    width: 100%;
    margin-bottom: 30px
}

.col_footer_logo .logo {
    margin: 11px 0
}

.col_footer_logo p {
    font-size: 14px;
    line-height: 18px;
    color: #fffefe
}

.col_footer_catalog {
    width: 100%;
    margin-bottom: 30px
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu li {
    display: block
}

.menu li a {
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    line-height: 24px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.menu li:hover a {
    color: #4c8bf5
}

.col_footer_menu {
    width: 100%;
    margin-bottom: 30px
}

.col_footer_news {
    width: 100%;
    margin-bottom: 30px
}

.item__footer_news {
    margin-bottom: 25px
}

.item__footer_news a {
    color: inherit;
    text-decoration: none
}

.item__footer_news a:hover {
    color: #4c8bf5
}

.item__footer_news img {
    float: left
}

.item__footer_news p {
    font-size: 12px;
    line-height: 16px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    float: left;
    margin: 0;
    padding-left: 15px;
    width: 40%
}

.item__footer_news span {
    color: #828282;
    font-size: 11px;
    line-height: 13px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: italic;
    display: block;
    padding-top: 10px
}

.footer_certificate {
    background: #161c27;
    padding: 30px 0;
    color: #fff
}

.certificate_block {
    text-align: center
}

.footer_certificate span {
    display: inline-block;
    text-align: center;
    position: relative;
    font-family: latothin, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px
}

.footer_certificate span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 3px;
    left: -18px;
    background: url(images/certificate_ic.png) no-repeat
}

.footer_certificate a {
    color: inherit;
    text-decoration: none
}

.footer_certificate a:hover {
    text-decoration: underline;
    color: #4c8bf5
}

.wrap_popup {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.wrap_contact {
    position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 700px;
    background: #d3d8dc;
    background: -webkit-gradient(linear, left top, left bottom, from(#d3d8dc), to(#7aa0a9));
    background: linear-gradient(to bottom, #d3d8dc 0, #7aa0a9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d8dc', endColorstr='#7aa0a9', GradientType=0);
    -webkit-box-shadow: 0 5px 51px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 5px 51px 0 rgba(0, 0, 0, .75);
    border-radius: 8px
}

.container_form {
    position: relative;
    margin-top: 10em
}

.search_form {
    margin: 0 auto;
    width: 90%;
    max-width: 455px;
    text-align: center;
    padding: 1px 0 31px;
    position: relative
}

.search_input {
    width: 100% !important;
    padding: 17px 10px 13px 10px;
    border: none;
    margin-top: 10px;
    border-bottom: 1px solid #fffefe;
    background-color: transparent;
    font-family: latolight, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 25px;
    color: #fffefe;
    margin-left: -100px
}

.search_input::-webkit-input-placeholder {
    color: #000
}

.search_input::-moz-placeholder {
    color: #000
}

.search_input:-moz-placeholder {
    color: #000
}

.search_input:-ms-input-placeholder {
    color: #000
}

.search_btn {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 20px;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#popup_close {
    position: absolute;
    top: -10px;
    left: 590px;
    padding: 15px;
    display: inline-block;
    cursor: pointer
}

#popup_close::after, #popup_close::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 4px;
    top: 0;
    left: 0;
    background: #fffefe
}

#popup_close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#popup_close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.portfolio_section {
    padding: 3% 15px
}

.cards_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px
}

.card_portfolio {
    position: relative;
    width: 100%;
    color: #fff;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 5px
}

.card_portfolio img {
    width: 100%;
    display: block;
    height: auto
}

.card_portfolio:hover > img {
    opacity: .8
}

.card_text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px
}

.btn_card {
    display: inline-block;
    background-color: rgba(16, 16, 17, .502);
    border-radius: 2px;
    font-family: latobold, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    padding: 0 12px
}

.btn_card:hover {
    background: rgba(76, 139, 245, .8)
}

.card_title {
    display: block;
    font-family: latobold, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin: 20px 0
}

.card_data {
    position: relative;
    display: block;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-left: 30px
}

.card_data:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(images/clock_ic_portfolio.png) no-repeat
}

.pagingControls {
    text-align: center;
    padding-top: 30px
}

.pagingControls ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    counter-reset: pagination
}

.pagingControls li {
    margin: 0 5px;
    display: inline-block
}

.pagingControls a:active::before, .pagingControls a:focus::before, .pagingControls a:hover::before {
    background: #1c2331;
    color: #fff
}

.pagingControls a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px
}

.pagingControls a::before {
    content: counter(pagination);
    counter-increment: pagination;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #1c2331;
    color: #302d34;
    font-size: 14px;
    line-height: 27px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    height: 30px;
    width: 30px;
    text-align: center
}

.section_description {
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    margin-bottom: 6%;
    width: 95%;
    margin: 0 auto
}

.description_block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 20px 35px 30px;
    margin: 40px 30px 20px 30px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.description_block .title_h3 {
    padding-top: 60px
}

.section_description .ic {
    background: #fff;
    border: 1px solid #405d9a
}

.section_description .ic::before {
    background: url(images/social_ic_blue.png) no-repeat
}

.section_description .ic_vk::before {
    -ms-background-position-x: 0;
    background-position-x: -10px
}

.share_block {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 40px
}

.share_block > span {
    margin-bottom: 30px;
    display: inline-block;
    font-size: 24px
}

.flexbox {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.section_stones_list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3% 15px
}

.section_stones_list .flexbox {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px
}

.aside_search {
    margin-bottom: 5%;
    margin: auto;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 65px
}

.select_block {
    width: 100%;
    max-width: 200px;
    margin: 0 20px 45px
}

.slider_horizontal_block {
    font-size: 18px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom: 45px;
    width: 100%;
    max-width: 500px
}

#slider_horizontal {
    height: 2px;
    background: #b8b8b8;
    border: none;
    margin: 20px 0;
    width: 100%
}

#slider_horizontal_1 {
    height: 2px;
    background: #b8b8b8;
    border: none;
    width: 100%;
    margin-top: 20px
}

.select {
    border: none;
    background: 0 0;
    font-size: 18px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #424242;
    width: 100%
}

.title_select {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 25px;
    display: block;
    font-family: latoregular, Arial, sans-serif
}

.section_stones_list .margin_minus {
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

.section_stones_list .col_offers {
    margin: 1%
}

.section_stones_list .real_price {
    float: right
}

.section_stones_list .country {
    margin-top: 15px;
    text-align: center;
    display: block;
    float: none
}

.stone_products_section {
    padding: 3% 15px
}

.title_description_block {
    width: 95%;
    max-width: 770px;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.title_description_block p {
    font-size: 16px;
    font-family: latolight_italic, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.flexbox_stone_products {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.card_stone_product {
    padding-bottom: 20px;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    background: #fff;
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
    max-width: 400px
}

.wrap_image_stone_product img {
    width: 100%;
    display: block
}

.title_card {
    color: #28282d;
    font-size: 24px;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin: 20px 0;
    padding: 0 20px
}

.btn_primary {
    background: #4285f4;
    color: #fff;
    padding: 10px 35px;
    margin: 0
}

.short_description_block {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0
}

.short_description_block h2 {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    padding: 15px 0;
    margin: 0;
    font-weight: 100 !important;
    border-bottom: 1px solid #e9e9e9
}

.short_description_block .btn_primary {
    padding-left: 50px;
    padding: 5px 35px
}

.short_description_block .btn_primary span {
    position: relative
}

.short_description_block .btn_primary span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    width: 17px;
    height: 20px;
    background: url(images/diamond_heart_call_rubl_ic.png) 0 0 no-repeat
}

.short_description_block .btn_success span {
    position: relative
}

.short_description_block .btn_success {
    text-align: center;
    width: 160px;
    padding: 5px 0
}

.btn_success {
    background: #2bbbad;
    color: #fff
}

.btn_success:hover {
    border: 1px solid #2bbbad;
    background: #2bbbad
}

.description_price_table {
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 8% 0
}

.description_price_table h4 {
    font-size: 36px
}

.table_description {
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    background: pink;
    text-align: left;
    width: 100%;
    margin: 0 0 4% 0;
    padding: 0
}

.table_description th {
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #45526e;
    font-weight: 400;
    padding: 24px 15px
}

.table_description tr:first-child {
    background-color: #45526e;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    border-radius: 2px
}

.table_description tr:nth-child(2) td {
    padding: 0;
    height: 35px
}

.table_description tr:nth-child(3) td {
    font-family: latobold, Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding: 20px 15px
}

.table_description td {
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    padding: 20px 15px 35px
}

.table_description tr:last-child td {
    border-bottom: none
}

.price_table {
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 39px;
    background-color: #6a7a9e;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    width: 30%;
    text-decoration: none;
    color: inherit
}

.price_table span {
    position: relative
}

.price_table span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: -27px;
    width: 20px;
    height: 22px;
    background: url(images/diamond_heart_call_rubl_ic.png) no-repeat;
    -ms-background-position-x: -28px;
    background-position-x: -28px
}

.ic_description {
    position: relative
}

.ic_description::before {
    content: "";
    position: absolute;
    top: 0;
    left: -34px;
    width: 30px;
    height: 25px;
    background: url(images/diamond_heart_call_rubl_ic.png) no-repeat;
    -ms-background-position-x: 0;
    background-position-x: -48px
}

.light_color {
    color: #b8b8b8
}

.bold_font {
    font-family: latobold, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.flexbox_gallery_block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrap_image_gallery {
    width: 100%;
    margin: auto;
    max-width: 400px;
    max-height: 250px;
    overflow: hidden
}

.wrap_image_gallery img {
    width: 100%;
    display: block;
    height: auto
}

.section_stones .margin_minus {
    margin: auto
}

.section_gallery {
    padding-bottom: 5%
}

ul.menu > li {
    float: left;
    position: relative
}

ul.menu > li > a {
    display: block;
    position: relative;
    z-index: 1
}

ul.menu > li > a:hover {
    background-color: #4285f4
}

ul.nav-child {
    display: none;
    position: absolute;
    width: 123px;
    top: 44px;
    left: 0;
    background: rgba(0, 0, 0, .8);
    padding-left: 0;
    border-radius: 4px
}

ul.nav-child > li {
    display: block
}

ul.nav-child > li > a {
    display: block
}

ul.nav-child > li > a:hover {
    background-color: #4285f4
}

ul.nav-child > li:hover ul.menu > li > a {
    background-color: #4285f4
}

ul.menu > li:hover > ul.nav-child {
    display: block
}

.menu_header li:hover a {
    color: #fff
}

ul.bottom-katalog-menu > li {
    float: inherit
}

.col_footer_menu > ul > li {
    float: inherit
}

ul.bottom-katalog-menu > li > a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #4285f4
}

.name > a {
    text-decoration: none !important;
    color: #000
}

.btn_search {
    position: absolute;
    bottom: 45px;
    left: 445px
}

span#mxcpr {
    display: none !important
}

.product_prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.item__footer_news {
    display: block;
    border-bottom: none !important;
    padding: 0
}

.item__footer_news.col_news::after {
    display: none !important
}

.main_page_banner {
    position: absolute;
    top: 0;
    left: 0
}

.disp_non {
    display: none !important
}

.top_banner {
    margin: 0 auto;
    max-width: 1110px;
    width: 100%
}

.btn_news {
    color: inherit;
    border-color: #424242;
    margin-top: 0;
    margin-bottom: 15px
}

.news {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.title_news {
    text-align: left;
    font-size: 25px;
    line-height: 21px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 100
}

.category_stones_img {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out
}

.category_stones_img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.extra_fields_el {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 10px;
    text-align: left;
    width: 100%
}

.extra_fields {
    border-bottom: none
}

.news_page {
    display: block
}

#bwg_standart_thumbnails_0 > a {
    position: relative
}

.bwg_title_spun1_0 > span {
    top: 55px;
    position: absolute;
    color: #fffeee !important;
    font-size: 25px !important;
    word-break: inherit !important;
    padding: 10px !important
}

.contacts_page .share_block {
    display: none
}

.jshop_list_product {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product {
    width: 33%;
    float: left
}

#comjshop_list_product > .row-fluid > .sblock3 > .block_product > .product {
    width: 100%
}

.itemid-118 .disp_yes {
    display: block !important
}

.mv-sb-center > a > img {
    width: 27px;
    height: 27px
}

.bg_css .header {
    border: 0
}

.bg_css {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.hjys {
    float: right
}

.header .menu_items {
    padding: 0 !important
}

.header {
    padding: 0 0 !important;
    padding-bottom: 5px !important
}

.bg_promo {
    top: 5px !important;
    position: relative
}

.header .menu_header {
    padding-top: 0 !important
}

.wrapper_header {
    padding: 5px 0
}

.wrapper_promo_slider .btn_success {
    background: 0 0
}

.promo_text h3 {
    padding-bottom: 10px !important;
    margin-bottom: 10px;
    font-weight: 400
}

.promo_text a {
    padding: 4px 20px !important
}

.promo_text a:hover {
    padding: 4px 20px !important;
    background: #4285f4;
    border: 1px solid #4285f4
}

.menu_header li a {
    font-size: 12px;
    padding: 5px 12px !important
}

#offers {
    margin-top: 0
}

@media screen and (min-width: 650px) {
    .slider_offers .slick-prev {
        top: -35px;
        right: 48%
    }

    .slider_offers .slick-next {
        top: -35px;
        right: 48%
    }
}

.image_offers a {
    display: block;
    height: 200px;
    overflow: hidden;
    border-radius: 3px
}

.kamen {
    text-align: center;
    display: block
}

.text_offers h4 {
    margin-top: 10px
}

.obj {
    overflow: hidden
}

.obj2 {
    float: left
}

.country {
    float: right !important;
    width: auto !important;
    margin-top: 0 !important
}

.col_news img {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .46);
    box-shadow: 0 0 6px rgba(0, 0, 0, .46)
}

.newsflash .col_news {
    margin-bottom: 0;
    padding: 25px 0
}

.newsflash .col_news a {
    display: block;
    width: 100%;
    z-index: 11
}

.newsflash .col_news a:hover {
    opacity: .7
}

.newsflash .col_news:last-child {
    border-bottom: 0 !important
}

.news_block .btn_default {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 5px 30px
}

.bottom-katalog-menu a {
    -webkit-transition: .3s all;
    transition: .3s all
}

.col_footer_menu ul.menu > li > a {
    -webkit-transition: .3s all;
    transition: .3s all
}

.col_footer_menu ul.menu > li > a:hover {
    background: 0 0
}

.item__footer_news {
    padding-top: 0 !important
}

.item__footer_news:hover {
    background: 0 0
}

.item__footer_news p {
    font-size: 13px;
    width: auto !important;
    padding: 0
}

.mv-sb-center > a:hover {
    opacity: .4
}

#searchtoggl:hover {
    opacity: .4
}

.wrap_contact {
    background: #fff;
    border-radius: 0
}

.search_input {
    color: #000;
    border-color: #000
}

.wrapper_promo_slider2s {
    height: 687px !important;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.clearfix:after, .clearfix:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {
    content: " ";
    display: table
}

.clearfix:after, .modal-footer:after, .modal-header:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.ef {
    display: block;
    position: absolute;
    height: 190px;
    top: 0;
    background: url(images/uijs.png) repeat-x;
    width: 100%
}

.dr {
    position: relative
}

.dr img {
    max-width: 100%
}

.wrapper_header3 .logo {
    margin-left: 10px
}

.wrapper_header3 header {
    max-width: 1050px
}

.breadcrumb {
    overflow: hidden;
    list-style: none;
    padding-left: 0 !important;
    margin-bottom: 50px
}

.breadcrumb li {
    float: left
}

.breadcrumb li:first-child {
    display: none
}

.breadcrumb li a {
    text-decoration: none;
    color: #000
}

.breadcrumb li .divider {
    padding-right: 4px
}

.uijks12 {
    margin-bottom: 40px;
    margin-top: -30px !important;
    font-size: 30px !important;
    font-weight: 100
}

.sirbar2 {
    margin-top: -10px
}

.sirbar2 .sirbar {
    width: 25%;
    float: left
}

.sirbar2 .sirbar_bt {
    width: 75%;
    float: left
}

.sirbar2 .uijks12 {
    margin-top: 0 !important;
    text-align: center
}

.sirbar_bt .image_offers {
    height: 150px;
    overflow: hidden
}

.sirbar_bt .text_offers h4 {
    font-size: 18px;
    margin-top: 0;
    padding-bottom: 10px
}

.sirbar_bt .kamen {
    font-size: 13px;
    padding-bottom: 0
}

.sirbar_bt .discount_price {
    font-size: 17px;
    display: inline-block;
    width: auto
}

.sirbar_bt .text_offers .real_price {
    font-size: 15px;
    padding-left: 10px
}

.sirbar_bt .text_offers .country {
    font-size: 13px
}

.wrap_image_gallery img:hover {
    opacity: .8
}

.dtt2 {
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #45526e;
    font-weight: 400;
    padding: 15px 15px;
    list-style: none;
    overflow: hidden
}

.dtt2 li {
    float: left
}

.dtt2 li a {
    color: #fff;
    text-decoration: none;
    display: block
}

.dtt2 li {
    top: 15px;
    left: 15px;
    line-height: 39px;
    width: 30%;
    text-decoration: none;
    color: inherit
}

.dtt2 li.active {
    top: 15px;
    left: 15px;
    line-height: 39px;
    background-color: #6a7a9e;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    box-shadow: 0 0 9px 0 rgba(0, 4, 2, .19);
    width: 30%;
    text-decoration: none;
    color: inherit
}

.dtt2 li a span {
    position: relative
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.dft {
    display: block
}

.dft span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: -27px;
    width: 20px;
    height: 22px;
    background: url(images/diamond_heart_call_rubl_ic.png) no-repeat;
    -ms-background-position-x: -28px;
    background-position-x: -28px
}

.dft2 span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -34px;
    width: 30px;
    height: 25px;
    background: url(images/diamond_heart_call_rubl_ic.png) no-repeat;
    -ms-background-position-x: 0;
    background-position-x: -48px
}

.short_description_block h1 {
    font-size: 40px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-top: -20px;
    font-weight: 400
}

.short_description_block .title_description_block > p {
    display: none
}

div.jshop_prod_description {
    padding-top: 0;
    padding-bottom: 0;
    font-style: italic
}

.efx3 {
    padding: 0 0;
    font-weight: 100 !important;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    display: block;
    width: auto;
    margin-bottom: -15px;
    overflow: hidden
}

.efx3 .bold_font {
    font-weight: 100 !important;
    font-size: 17px
}

.efx3 div {
    float: left
}

.efx3 div .bold_font {
    padding-left: 20px
}

.section_description .description_block {
    padding-bottom: 0;
    border-bottom: 0
}

.dr .pull-left {
    float: none !important
}

.view-article .page-header {
    margin-top: -10px !important;
    padding-top: 30px
}

.dr img {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .27);
    box-shadow: 0 0 5px rgba(0, 0, 0, .27);
    border-radius: 3px
}

.dsk {
    position: relative;
    background: rgba(0, 0, 0, .8) !important
}

.dsk .header {
    border: 0;
    max-width: 1110px
}

.galleries-item {
    padding-left: 2px;
    padding-right: 2px
}

.galleries-item-body {
    position: absolute;
    bottom: 0;
    background: 0 0 !important;
    width: 100%;
    border: 0 !important
}

.galleries-item {
    position: relative
}

.galleries-item-title a {
    display: block;
    font-family: latobold, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin: 20px 0;
    color: #fff;
    text-decoration: none
}

#fwgallery .galleries-list .galleries-item-info {
    background-color: rgba(255, 255, 255, 0);
    font-size: 12px;
    color: #fff
}

.galleries-item-info {
    position: relative;
    display: block;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-left: 30px
}

#fwgallery .galleries-list .galleries-item-info {
    background-color: rgba(255, 255, 255, 0);
    font-size: 15px;
    color: #fff
}

#fwgallery .galleries-list .galleries-item-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(images/clock_ic_portfolio.png) no-repeat
}

#fwgallery h2 {
    font-size: 40px;
    text-align: center;
    margin-top: -20px !important
}

a.img-eye-hover:hover:after {
    content: "\f06e";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -16px 0 0 -15px;
    font: 40px/40px FontAwesome;
    color: #fff;
    z-index: 10
}

a.img-eye-hover figcaption {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10;
    left: 0
}

#fwgallery .galleries-item {
    margin-bottom: 2px
}

.kik > ul {
    margin-bottom: -40px !important
}

.news_page {
    margin-top: -25px
}

.news_page .page-header {
    clear: both;
    display: block
}

.items-leading {
    clear: both;
    overflow: hidden;
    display: block
}

.items-leading .newv.news {
    overflow: hidden;
    border: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd
}

.items-leading .newv.news .newv2_img {
    width: 20%;
    margin-right: 3%;
    float: left
}

.items-leading .newv.news .newv2_img img {
    max-width: 100%;
    width: 100%
}

.newv2_rt {
    width: 70%;
    float: left
}

.items-leading .newv.news .btn_primary {
    padding: 4px 30px
}

.newv2_r2t {
    margin-bottom: -10px;
    margin-top: 10px;
    font-size: 13px;
    font-family: latoregular;
    color: #5a5a5a
}

.sddr {
    text-align: center;
    margin-top: 30px
}

.mod-shop-search {
    text-align: center
}

.mod-shop-search input[type=text] {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 19px;
    border: 0;
    float: left;
    margin-bottom: 20px
}

.mod-shop-search input[type=submit] {
    background: #1a1a1a;
    color: #fff;
    padding: 10px;
    text-transform: none;
    border-radius: 40px;
    border: 1px solid #1a1a1a;
    width: 40%;
    font-size: 19px;
    margin-top: 0
}

.modal .close {
    background: rgba(255, 255, 255, 0);
    color: #fff;
    border: 0;
    font-size: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    line-height: 30px;
    top: 0;
    right: -40px;
    border-radius: 6px
}

.itemid-166 .jshop h1 {
    margin-top: 0;
    font-size: 35px;
    font-weight: 400;
    margin-top: -30px
}

.itemid-166 .image_offers {
    height: 180px;
    overflow: hidden
}

.newv2w_text {
    font-size: 13px;
    font-family: latoregular
}

.page-header h1 {
    font-weight: 300
}

#fwgallery h2, .title_h3 {
    font-weight: 300;
    font-size: 35px !important
}

a.img-eye-hover > img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%
}

@media (max-width: 800px) {
    .header .logo {
        display: block !important
    }

    .header .bg_promo {
        display: block !important;
        max-width: 190px !important;
        height: auto
    }

    .header {
        border: 0
    }

    .hjys {
        float: left
    }

    .wrapper_header {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .menu_header li a:hover {
        color: #000
    }

    .promo_text {
        color: #fff
    }

    .promo_image {
        display: none
    }

    .col_news img {
        display: none
    }
}

@media (max-width: 650px) {
    .hjys {
        float: left;
        margin-top: 20px
    }
}

@media screen and (min-width: 850px) {
    .header .logo {
        margin-right: 2% !important
    }
}

@media (max-width: 768px) {
    .mod-shop-search input[type=text] {
        width: 100%;
        margin-top: 50px
    }

    .mod-shop-search input[type=submit] {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .modal .close {
        z-index: 100;
        left: 10px
    }

    .sirbar {
        display: none
    }

    .sirbar2 .sirbar_bt {
        width: auto;
        float: none !important
    }

    .margin_minus {
        max-width: 100%
    }
}

.modal .close {
    z-index: 100
}

.dropdown dd, .dropdown dt {
    margin: 0;
    padding: 0
}

.dropdown ul {
    margin: -1px 0 0 0
}

.dropdown dd {
    position: relative
}

.dropdown a, .dropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: 0;
    font-size: 12px
}

.dropdown dt a {
    background-color: #fff;
    display: block;
    min-height: 20px;
    line-height: 20px;
    color: #000 !important;
    min-height: 35px;
    border: 0;
    width: 90%;
    border-bottom: 1px solid #ddd;
    font-size: 16px !important;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.dropdown dt a {
    position: relative
}

.dropdown dt a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 10px;
    right: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown dt a span, .multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0
}

.dropdown dd ul {
    background-color: #fff;
    border: 0;
    color: #000;
    display: none;
    left: 0;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 0;
    width: 230px;
    -webkit-box-shadow: 0 5px 55px rgba(0, 0, 0, .27);
    box-shadow: 0 5px 55px rgba(0, 0, 0, .27);
    list-style: none;
    z-index: 100;
    height: 190px;
    padding: 15px;
    border: 1px solid #317dd7;
    overflow: auto
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li a {
    padding: 5px;
    display: block
}

.dropdown dd ul li a:hover {
    background-color: #fff
}

.dropdown dd ul li input {
    display: inline-block !important
}

.dropdown dd ul li label {
    display: block
}

#price_from {
    display: none
}

#price_to {
    display: none
}

.form-horizontal #list_characteristics .characteristic_name {
    text-transform: uppercase;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.closes1, .closes2, .closes3, .closes4 {
    color: #e42c2c !important;
    font-size: 11px;
    float: right;
    margin-right: 20px;
    text-decoration: none;
    text-transform: none !important;
    display: none
}

.multiSel {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 22px
}

.form-horizontal .btn-primary {
    background: #4b96ee;
    color: #fff;
    margin-top: 0 !important;
    padding: 7px 50px
}

.multiSel span {
    color: #317cca
}

.form-horizontal .btn-primary:hover {
    background: #4c8bf5;
    color: #fff;
    margin-top: 0 !important;
    padding: 7px 50px
}

.form-horizontal .control-label {
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom: 5px
}

.form-horizontal .controls > span {
    padding-bottom: 5px;
    display: block;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.form-horizontal .controls {
    margin-bottom: 20px
}

.cenm {
    text-transform: uppercase;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom: 10px
}

.search h3 {
    text-transform: uppercase;
    font-family: latoregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom: 20px;
    font-weight: 100
}

.control-group2_price {
    width: 90%
}

.input_type_radio {
    display: block !important
}

.input_type_radio label {
    display: block !important;
    border-bottom: 1px solid #e6e6e6
}

.input_type_radio input {
    display: none
}

.mutliSelect li {
    cursor: pointer
}

.attr_value_description {
    text-align: left;
    padding-left: 25px;
    margin-top: -25px;
    padding-bottom: 10px;
    color: #b8b8b8
}

.extra_fields div {
    border: 0 !important
}

@media (max-width: 768px) {
    .task-view .margin_minus {
        float: none;
        width: auto
    }
}

@media (min-width: 768px) {
    .menu_items:hover .nav-child {
        display: block;
        background: #fff;
        top: 30px;
        padding: 10px;
        width: 180px;
        -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .41);
        box-shadow: 0 20px 30px rgba(0, 0, 0, .41);
        left: 50%;
        margin-left: -100px
    }

    .menu_items:hover .nav-child a {
        text-transform: none;
        font-size: 14px;
        color: #000
    }

    .menu_items:hover .nav-child a:hover {
        background: #e0e0e0;
        border-radius: 3px
    }

    .menu_items:hover .nav-child:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 5px;
        margin-left: -5px
    }
}

.menu_items:hover .nav-child li.active {
    background: #fff;
    border-radius: 3px
}

.menu_items:hover .nav-child li.active a {
    color: #4285f4;
    font-family: latoheavy, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600
}

.dropdown dd ul:after, .dropdown dd ul:before {
    top: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.dropdown dd ul:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px
}

.dropdown dd ul:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #c2e1f5;
    border-width: 6px;
    margin-left: -6px
}

.multiSel b {
    background: #3079c6;
    color: #fff;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 4px;
    font-weight: 100;
    display: inline-block;
    margin-bottom: 4px
}

.jshop_pagination {
    clear: both
}

.sirbar_bt .list_product {
    clear: both;
    width: auto !important;
    float: none
}

.sirbar_bt .jshop_list_product {
    display: block !important;
    width: auto
}

.pagination-end, .pagination-next, .pagination-prev, .pagination-start {
    display: none !important
}

.pagination li {
    margin: 0 5px;
    display: inline-block
}

.pagination li span {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #7b7b7b;
    line-height: 30px;
    border-radius: 50px;
    color: #7b7b7b;
    text-align: center
}

.pagination li a {
    position: relative;
    display: block;
    width: 30px;
    line-height: 30px;
    border-radius: 50px;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
    height: 30px;
    text-align: center
}

.pagination li a:hover {
    border: 1px solid #7b7b7b;
    color: #7b7b7b
}

.nav-child .menu_items {
    display: block !important
}

.jshop_categ .image_offers {
    overflow: hidden;
    height: 220px;
    position: relative
}

.jshop_categ .image_offers:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .26);
    content: ''
}

.item-page.news_page img {
    width: 100% !important;
    height: auto !important
}

.text_offers h4 a {
    color: #000;
    text-decoration: none
}

.title_news a {
    color: #000;
    text-decoration: none
}

.newv2_img {
    overflow: hidden;
    height: 150px
}

.ya-share2 {
    margin-left: 80px
}

.share_block .ya-share2 {
    margin-left: 0
}

.speasyimagegallery-gallery-item-title {
    display: none
}

.dst a {
    border: 0;
    background: 0 0;
    text-decoration: none;
    color: #000;
    border-radius: 50px;
    padding: 5px 10px;
    border: 2px solid #000;
    width: 50px;
    display: inline-block;
    margin-left: 5px
}

.dst a.active {
    background: #000;
    color: #fff;
    -webkit-box-shadow: 0 0 20px transparent;
    box-shadow: 0 0 20px transparent;
    border-radius: 50px;
    padding: 5px 10px;
    text-decoration: none
}

.dst {
    background: 0 0 !important;
    border: 0 !important
}

.wrapper_promo_slider2s .video {
    position: absolute;
    z-index: 1;
    top: -30px;
    width: 140%
}

.wrapper_promo_slider2s:before {
    content: '';
    display: block;
    height: 707px;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    z-index: 10;
    top: 0
}

.wrapper_promo_slider2s .container {
    z-index: 11;
    position: relative
}

#contacts .nav-tabs {
    text-align: left;
    padding-left: 0;
    margin-bottom: 20px;
    z-index: 10;
    position: relative;
    margin-top: 0
}

#contacts .nav-tabs li {
    display: inline-block;
    background: #fff;
    line-height: 40px;
    font-size: 22px;
    border: 0 solid #fff;
    position: relative
}

#contacts .nav-tabs li a {
    color: #45526e;
    text-decoration: none;
    display: block;
    text-align: left;
    -webkit-transition: .3s all;
    transition: .3s all;
    font-size: 22px;
    line-height: 32px;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

#contacts .nav-tabs li.active {
    border: 0 solid #fff;
    border-bottom: 0 solid rgba(66, 133, 244, 0);
    font-family: latolight, Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-box-shadow: inset 4px 0 0 0 #fff;
    box-shadow: inset 4px 0 0 0 #fff
}

#contacts .nav-tabs li.active a {
    color: #000;
    font-size: 22px;
    border-bottom: 1px solid #000
}

#contacts .nav-tabs li.active {
    position: relative
}

#contacts .nav-tabs li:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    display: block;
    top: 15px;
    left: 5px;
    border-radius: 50px
}

#contacts .nav-tabs li.active:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    display: block;
    top: 15px;
    left: 5px;
    border-radius: 50px
}

.speasyimagegallery-album > div > a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 5px !important
}

.speasyimagegallery-gallery-item > div:after {
    bottom: 5px !important
}

.skil {
    background: #333;
    color: #fff;
    font-size: 14px;
    padding: 5px 13px;
    text-decoration: none;
    border-radius: 3px
}

.productfull .speasyimagegallery-gallery-item > div:after {
    bottom: 0 !important
}

.cat-children .card_stone_product {
    float: left;
    margin-right: -1px;
    width: 33% !important;
    margin-bottom: 0 !important
}

.cat-children {
    overflow: hidden;
    padding-top: 20px
}

.wrap_image_stone_product {
    height: 150px;
    overflow: hidden
}

.cat-children h4 a {
    text-decoration: none !important;
    color: #000
}

.card_stone_product .title_card {
    height: 48px;
    overflow: hidden
}

.layout-mramor-krym_templateizdelya .items-leading > div {
    float: left
}

.layout-mramor-krym_templateizdelya .items-leading > div {
    float: left;
    width: 33%;
    max-width: 400px
}

.layout-mramor-krym_templateizdelya .items-leading {
    overflow: hidden
}

.joe_menu1 div {
    max-width: 100%
}

.cat-children .jshop_categ {
    margin-bottom: 40px
}

.blog .category_description {
    padding-top: 20px
}

.layout-mramor-krym_templateizdelya .items-leading {
    padding-top: 20px
}

.layout-mramor-krym_templateizdelya .items-leading h4 {
    max-width: 270px
}

.item-page img {
    max-width: 100% !important;
    height: auto !important
}

.speasyimagegallery-albums {
    margin-top: 40px !important
}

.view-albums h1 {
    text-align: center;
    margin-bottom: 90px !important
}

.status {
    font-size: 25px;
    color: #17bee5;
    margin-top: -10px
}

.jshop_categ {
    margin-bottom: 30px !important
}

.shj1 {
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 10px 15px 15px;
    background: #fff;
    margin-right: 20px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
}

.shj__phone {
    color: inherit;
    text-decoration: none;
}

.shj1 p {
    margin-bottom: 0;
    margin-top: 5px
}

.shj1 strong {
    font-size: 20px;
    color: #333;
    font-family: latosemibold, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.shj2 {
    overflow: hidden
}

@media (max-width: 768px) {
    .shj1 {
        width: auto !important;
        float: none
    }
}

.speasyimagegallery-image {
    width: 100%
}

.speasyimagegallery-image-content {
    display: none
}

@media (max-width: 768px) {
    .shj1 {
        width: auto !important;
        float: none
    }

    .speasyimagegallery-image {
        width: 100%
    }

    .speasyimagegallery-image-content {
        display: none
    }
}

.wrapper_promo_slider2s .wrapper_promo_slider {
    max-height: 370px
}

.slick-track {
    position: static
}

.wrapper_promo_slider2s .slick-list {
    max-height: 300px
}

@media (max-width: 1000px) {
    .col_offers .clearfix {
        width: 80%
    }
}

@media (max-width: 768px) {
    .layout-mramor-krym_templateizdelya .items-leading > div {
        width: 100%;
        float: none;
        margin: 0 auto
    }

    .col_offers .clearfix {
        width: 80%
    }

    .section_description .description_block {
        padding: 0;
        margin-top: 10px
    }

    #fwgallery h2, .title_h3 {
        font-size: 22px !important
    }

    .description_block {
        margin: 0;
        padding: 10px
    }

    .short_description_block h1, .short_description_block h2 {
        font-size: 22px !important
    }

    .dtt2 li {
        float: none;
        width: 100%
    }

    .dtt2 li.active {
        float: none;
        width: 100%
    }

    .speasyimagegallery-col-xs-6 {
        width: 100% !important;
        float: none
    }

    .jshop_list_product .col_offers .clearfix, .productfull .col_offers .clearfix {
        width: auto
    }

    .text_offers .discount_price {
        font-size: 17px
    }

    .text_offers h4 {
        font-size: 17px
    }

    #comjshop_list_product > .row-fluid > .sblock3 > .block_product > .product {
        padding-bottom: 0
    }

    .items-leading .newv.news .newv2_img {
        display: none
    }

    .newv2_rt {
        width: auto
    }

    .blog {
        padding: 20px;
        padding-top: 0
    }

    #offers .col_offers .clearfix {
        width: 100%
    }

    .wrapper_promo_slider2s .video {
        height: 110%;
        width: auto
    }

    .wrapper_promo_slider2s .slick-list, .wrapper_promo_slider2s .wrapper_promo_slider {
        max-height: 1000px !important
    }
}

@media (max-width: 768px) {
    .extra_fields div {
        width: 100% !important;
        float: none;
        clear: both;
        display: block
    }
}

.col_offers {
    position: relative
}

.productfull {
    position: relative
}

.productfull .akcia {
    top: -150px
}

.acgh, .acgh2 {
    text-decoration: line-through;
    margin-left: 20px
}

.jimbos1 {
    background: #df3818;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 12px
}

#myModal2 .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1 !important
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.modal-open {
    overflow: hidden
}

#myModal2 .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

#myModal2 .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

#myModal2 .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .7)
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

#myModal2 .modal-backdrop.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

#myModal2 .modal-header {
    padding: 15px
}

#myModal2 .modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
    padding-left: 20px
}

.modal-body {
    position: relative;
    padding: 35px;
    padding-top: 20px;
    padding-bottom: 40px
}

#myModal2 .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 350px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .18)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.clearfix:after, .clearfix:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {
    content: " ";
    display: table
}

.clearfix:after, .modal-footer:after, .modal-header:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.modal-header .close {
    font-size: 40px;
    position: absolute;
    right: 10px;
    top: 0
}

.modal-body .order_form input {
    border: 1px solid #e5e5e5;
    width: 100%
}

body {
    height: 1500px
}

.gh h4 {
    font-size: 50px;
    font-weight: 300;
    text-align: center
}

.gh .item {
    float: left;
    width: 16.66%
}

.gh .item a {
    text-decoration: none
}

.gh .item .gogo1 {
    background: url(images/io_imgsfdddf89.png) -15px -20px no-repeat;
    width: 130px;
    height: 130px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
    -webkit-transition: 1s all;
    transition: 1s all;
    border-radius: 50%
}

.gh .item .title {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    max-width: 120px;
    font-weight: 700;
    margin: 0 auto
}

.gogo2 {
    background: #fff url(images/io_imgsfdddf89.png) -150px -15px no-repeat;
    width: 130px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gogo3 {
    background: #fff url(images/io_imgsfdddf89.png) -290px -15px no-repeat;
    margin: 0 auto;
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gogo4 {
    background: #fff url(images/io_imgsfdddf89.png) -430px -15px no-repeat;
    width: 130px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    width: 130px;
    -webkit-transition: 1s all;
    transition: 1s all;
    height: 130px
}

.gogo5 {
    background: url(images/io_imgsfdddf89.png) -565px -15px no-repeat;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gogo6 {
    background: url(images/io_imgsfdddf89.png) -705px -15px no-repeat;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-transition: 1s all;
    transition: 1s all
}

.acciya_bokovaya {
    position: fixed;
    width: 300px;
    right: 0;
    bottom: 20px;
    padding-bottom: 40px;
    -webkit-box-shadow: 0 10px 20px #0003;
    box-shadow: 0 10px 20px #0003;
    z-index: 1000
}

.header_ac {
    background: #000;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    padding: 15px;
    padding-left: 85px;
    font-size: 20px
}

.cenaf {
    padding-left: 35px;
    font-size: 13px;
    font-weight: 700
}

.cenaf b {
    font-size: 40px
}

.cenaf_button {
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 20px
}

.dg_o {
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    background: #1992f7;
    border-radius: 50px;
    text-decoration: none;
    -webkit-box-shadow: 0 10px 20px #0000001f;
    box-shadow: 0 10px 20px #0000001f
}

.dg_o_w {
    display: block;
    display: block;
    color: #000;
    font-size: 13px;
    text-align: center;
    padding: 10px 20px;
    background: #fff;
    font-weight: 700;
    margin-top: 20px;
    border-radius: 50px;
    text-decoration: none;
    -webkit-box-shadow: 0 10px 20px #0000001f;
    box-shadow: 0 10px 20px #0000001f
}

.item1s {
    width: 16% !important
}

@media (min-width: 1000px) {
    .gogo1:before {
        width: 20px;
        height: 2px;
        background: #088af7;
        position: absolute;
        right: -25px;
        top: 50%;
        display: block;
        content: ''
    }

    .gogo2:before {
        width: 20px;
        height: 2px;
        background: #088af7;
        position: absolute;
        right: -25px;
        top: 50%;
        display: block;
        content: ''
    }

    .gogo3:before {
        width: 20px;
        height: 2px;
        background: #088af7;
        position: absolute;
        right: -25px;
        top: 50%;
        display: block;
        content: ''
    }

    .gogo4:before {
        width: 20px;
        height: 2px;
        background: #088af7;
        position: absolute;
        right: -20px;
        top: 50%;
        display: block;
        content: ''
    }

    .gogo5:before {
        width: 20px;
        height: 2px;
        background: #088af7;
        position: absolute;
        right: -20px;
        top: 50%;
        display: block;
        content: ''
    }
}

.header_body img {
    position: absolute;
    right: 0;
    top: -40px;
    max-width: 40%;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
    border-radius: 50%
}

.text_acciya {
    width: 85%;
    font-size: 13px;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    padding-left: 20px;
    line-height: 19px;
    font-weight: 700
}

.acciya_bokovaya {
    background: #fff
}

.dg_o:hover {
    background: #127cd5
}

.dg_o_w:hover {
    background: #efefef
}

.gh .item a .title {
    color: #000;
    text-decoration: none !important
}

.gh .item:hover a .title {
    color: #108ef7
}

.item1s .title {
    margin-top: -10px !important
}

#myModal2.modal .modal-dialog {
    width: 80%;
    max-width: 900px;
    border: 0;
    margin: auto;
    top: 20px
}

#myModal2.modal .modal-dialog .modal-content {
    background-image: url(images/bgs.png);
    background-position: center;
    background-size: cover;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.closka {
    position: absolute;
    right: 20px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    padding: 15px 25px;
    border-radius: 50px
}

.perezvon_zagal {
    font-size: 30px;
    text-align: center;
    padding-top: 50px;
    color: #fff;
    padding-bottom: 0
}

.perezvon_send {
    text-align: center
}

.perezvon_send .ghs input {
    width: 90%;
    height: 52px;
    padding-left: 40px;
    border: 0;
    border-radius: 50px;
    font-size: 15px;
    font-family: Lato;
    outline: 0;
    font-family: latolight, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.ghs {
    width: 40%;
    display: inline-block;
    vertical-align: top
}

.ghs2 {
    display: inline-block;
    margin-left: 15px
}

.ghs2 button {
    height: 55px;
    border: 0;
    border-radius: 50px;
    padding-left: 30px;
    color: #fff;
    line-height: 52px;
    padding-right: 30px;
    position: relative;
    font-size: 15px;
    background: #2196f4;
    outline: 0;
    width: 220px
}

.g {
    font-size: 12px;
    color: #fff;
    padding-top: 10px;
    letter-spacing: 2px
}

.dd span {
    width: 25px;
    height: 25px;
    background: url(images/phone.png);
    display: block;
    position: relative;
    float: left;
    top: 12px
}

.perezvon > p {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 40px
}

.perezvon > p:before {
    width: 140px;
    height: 1px;
    background: #fff;
    content: '';
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: -20px
}

.h_op {
    width: 50%;
    float: left
}

.h_op2 {
    width: 50%;
    float: left
}

.podpiska {
    overflow: hidden
}

.header_pod {
    font-size: 33px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 20px;
    max-width: 440px;
    color: #fff;
    margin: 0 auto;
    margin-top: 30px
}

.header_pod:after {
    content: '';
    width: 140px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 30px
}

.gh_pod {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    max-width: 440px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 30px
}

.email_send {
    max-width: 340px;
    margin: 0 auto;
    font-size: 13px;

    a {
        color: inherit;

        &:hover {
            color: #4c8bf5;
        }
    }
}

.form-error {
    margin-block: 0.5em;
    color: red;
}

.email_send_row + .email_send_row {
    margin-top: 15px;
}

.email_send .input {
    display: block;
    width: 100%;
    border: 0;
    height: 40px;
    padding-inline: 2rem;
    border-radius: 50px;
}

.buttond {
    --btn-clr-primary: #1992f7;

    width: 100%;
    font-size: 15px;
    background-color: var(--btn-clr-primary);
    color: #fff;
    cursor: pointer;

    &:hover {
        --btn-clr-primary: #007be0;
    }
}

.buttond,
.dd {
    &[disabled],
    &.isDisabled {
        opacity: 0.75;
        pointer-events: none;
        cursor: not-allowed;
    }
}

.gh_pod_op > p {
    color: #fff;
    font-size: 12px;
    text-align: center
}

.dd {
    background: #127cd5
}

.perezvon_send .ghs .dd:hover {
    background: #127cd5
}

.buttond:hover, .ghs2 button:hover {
    background: #0f71c0;
    cursor: pointer
}

.ghs2 button {
    outline: 0
}

.closka:hover {
    background: #fff;
    cursor: pointer;
    color: #000
}

.email_send input {
    outline: 0
}

.email_send input[type=submit] {
    cursor: pointer
}

.email_send input[type=text]:focus {
    -webkit-box-shadow: 0 0 20px #00000059;
    box-shadow: 0 0 20px #00000059
}

.acciya_bokovaya {
    display: none
}

.acciya_bokovaya.show {
    display: block
}

#ouibounce-modal {
    font-family: 'Open Sans', sans-serif;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#ouibounce-modal .underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    -webkit-animation: fadein .5s;
    animation: fadein .5s
}

#ouibounce-modal .modal {
    width: 80%;
    max-width: 1000px;
    height: 420px;
    min-width: 290px;
    background-color: #f0f1f2;
    z-index: 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    display: block;
    -webkit-animation: popin .3s;
    animation: popin .3s;
    background: url(images/bgs.png);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.email_send_row__accept {
    text-align: left;
}

#ouibounce-modal .modal-title {
    font-size: 18px;
    background-color: #252525;
    color: #fff;
    padding: 10px;
    margin: 0;
    border-radius: 4px 4px 0 0;
    text-align: center
}

#ouibounce-modal h3 {
    color: #fff;
    font-size: 1em;
    margin: .2em;
    text-transform: uppercase;
    font-weight: 500
}

#ouibounce-modal .modal-body {
    padding: 20px 35px;
    font-size: .9em
}

#ouibounce-modal form {
    text-align: center;
    margin-top: 35px
}

#ouibounce-modal form p {
    text-align: left;
    margin-left: 35px;
    opacity: .8;
    margin-top: 1px;
    padding-top: 1px;
    font-size: .9em
}

#ouibounce-modal .modal-footer {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%
}

#ouibounce-modal .modal-footer p {
    text-transform: capitalize;
    cursor: pointer;
    display: inline;
    border-bottom: 1px solid #344a5f
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.jk2sf {
    display: none
}

.jk1sf {
    display: none
}

.number1 .jk1sf {
    display: block
}

.number2 .jk2sf {
    display: block;
    padding-bottom: 50px
}

@media (max-width: 1200px) {
    .gh .clearfix .item {
        width: 33%
    }

    .gogo4:before, .gogo5:before {
        display: none
    }

    .gogo1:before, .gogo2:before, .gogo3:before {
        display: none
    }

    .item1s {
        width: 33% !important
    }

    .gh .item .gogo1 {
        margin: 0 auto
    }
}

@media (max-width: 1000px) {
    .h_op2 {
        display: none
    }

    .h_op {
        width: auto;
        float: none
    }

    .header_pod {
        margin-top: 50px
    }

    .gh_pod {
        display: none
    }
}

@media (max-width: 768px) {
    .gh .clearfix .item {
        width: 100%
    }

    .gogo4:before, .gogo5:before {
        display: none
    }

    .gogo1:before, .gogo2:before, .gogo3:before {
        display: none
    }

    .item1s {
        width: 100% !important
    }

    .gh .item .gogo1 {
        margin: 0 auto
    }

    .gogo1, .gogo2, .gogo3, .gogo4, .gogo5 {
        margin-bottom: 0;
        margin-top: 5px
    }

    .modal .modal-dialog {
        width: 90%;
        margin: 0 auto
    }

    .perezvon_zagal {
        font-size: 17px;
        padding-top: 20px
    }

    .ghs {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        width: auto
    }

    .perezvon_send .ghs input {
        padding-left: 25px
    }

    .ghs2 {
        margin: 0
    }

    .perezvon > p {
        font-size: 13px;
        display: none
    }

    .gh h4 {
        margin-top: 20px;
        margin-bottom: 0
    }

    .gh h4 {
        font-size: 30px
    }

    .header_pod {
        font-size: 18px;
        padding-bottom: 0
    }

    .header_pod:after {
        display: none
    }
}

.acciya_bokovaya.show {
    -webkit-animation: cssAnimation .2s linear;
    -moz-animation: cssAnimation .2s linear;
    -o-animation: cssAnimation .2s linear
}

@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: rotate(0) scale(1) skew(0) translate(120px);
        -moz-transform: rotate(0) scale(1) skew(0) translate(120px);
        -o-transform: rotate(0) scale(1) skew(0) translate(120px)
    }
    to {
        -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
        -moz-transform: rotate(0) scale(1) skew(0) translate(0);
        -o-transform: rotate(0) scale(1) skew(0) translate(0)
    }
}

#myModal .close {
    color: #000 !important;
    top: 20px
}

.gh .item:hover .gogo1 {
    -webkit-box-shadow: 0 0 20px #00000026;
    box-shadow: 0 0 20px #00000026;
    border-radius: 50%;
    z-index: 100;
    position: relative;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gh .item:hover .gogo2 {
    -webkit-box-shadow: 0 0 20px #00000026;
    box-shadow: 0 0 20px #00000026;
    border-radius: 50%;
    z-index: 102;
    position: relative;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gh .item:hover .gogo3 {
    -webkit-box-shadow: 0 0 20px #00000026;
    box-shadow: 0 0 20px #00000026;
    border-radius: 50%;
    z-index: 100;
    position: relative;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gh .item:hover .gogo4 {
    -webkit-box-shadow: 0 0 20px #00000026;
    box-shadow: 0 0 20px #00000026;
    border-radius: 50%;
    z-index: 100;
    position: relative;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gh .item:hover .gogo5 {
    -webkit-box-shadow: 0 0 20px #00000026;
    box-shadow: 0 0 20px #00000026;
    border-radius: 50%;
    z-index: 100;
    position: relative;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gh .item:hover .gogo6 {
    -webkit-box-shadow: 0 0 20px #00000026;
    box-shadow: 0 0 20px #00000026;
    border-radius: 50%;
    z-index: 100;
    position: relative;
    -webkit-transition: 1s all;
    transition: 1s all
}

.gh .item:hover {
    z-index: 100;
    position: relative
}

.modal-body .perezvon_zagal {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .col_offers {
        margin: 0;
        padding: 0
    }

    .acciya_bokovaya.show {
        display: none !important
    }

    .closka {
        right: auto;
        left: auto;
        position: relative;
        margin: 0 auto;
        width: 212px;
        display: block
    }

    #ouibounce-modal .modal-body {
        padding: 10px 15px
    }

    #ouibounce-modal form {
        margin-top: 15px
    }

    .header_pod {
        margin-top: 10px
    }

    .email_send input {
        width: 100%
    }

    .email_send input[type=submit] {
        width: 100%
    }

    #ouibounce-modal .modal {
        height: 340px
    }

    .g {
        display: none
    }

    .modal-body {
        padding: 30px 10px
    }

    .modal-body .perezvon_send {
        margin-top: 20px
    }
}

.contacts-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px
}

.contacts-row .col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.contacts-row .col:first-child {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px
}

@media screen and (min-width: 768px) {
    .contacts-row .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .contacts-row .col:first-child {
        border-right: 1px solid #eaeaea;
        border-bottom: none;
        padding-bottom: 0
    }
}

@media screen and (min-width: 500px) {
    .text_news {
        width: 50%
    }

    .col_footer_logo {
        width: 60%
    }

    .col_footer_catalog {
        width: 35%;
        text-align: right
    }

    .col_footer_menu {
        width: 28%
    }

    .col_footer_news {
        width: 70%;
        text-align: right
    }

    .item__footer_news img {
        float: right
    }

    .item__footer_news p {
        float: right;
        padding-right: 15px
    }
}

@media screen and (min-width: 650px) {
    .bg_promo {
        display: block;
        width: 100%
    }

    .promo_product {
        padding-bottom: 0
    }

    .wrapper_header {
        padding: 15px 0;
        -moz-box-shadow: none;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .header {
        padding: 15px 0
    }

    .bg_css {
        position: fixed;
        -moz-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .75);
        background: rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .75);
        box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .75)
    }

    .header .logo {
        float: left;
        margin-right: 10px;
        padding: 0
    }

    .header .menu_header {
        float: left;
        width: auto
    }

    .header .social_block {
        float: left;
        padding: 14px 0 0 15px
    }

    .header .menu_items {
        display: inline-block;
        margin: 0;
        padding-bottom: 10px !important;
        margin-bottom: -10px !important
    }

    .menu_header .menu_items:first-child {
        margin-top: 0
    }

    .menu_header .menu_items:last-child {
        margin-bottom: 0
    }

    .menu_header li a {
        color: inherit;
        font-size: 10px;
        font-family: latolight, Arial, "Helvetica Neue", Helvetica, sans-serif;
        letter-spacing: 0;
        padding: 10px 12px
    }

    .menu_items:hover > a {
        background: #4285f4;
        border-radius: 2px
    }

    .header .menu_header {
        position: static;
        width: auto;
        background: 0 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 10px;
        padding-top: 5px;
        text-align: left;
        height: auto
    }

    #searchtoggl {
        display: none
    }

    .header .social_block {
        display: none
    }

    #burger, #burger:after, #burger:before, #trigger {
        display: none
    }

    .menu_header .dropdown_menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: 120px;
        font-weight: 700;
        background: rgba(0, 0, 0, .8);
        color: #fff
    }

    #searchtoggl {
        float: left;
        margin: 33px 10px 0 10px
    }

    .title::after, .title::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: solid #fff;
        border-width: 0 40px;
        background: #666;
        height: 1px
    }

    .title::before {
        margin-left: -100%
    }

    .title::after {
        margin-right: -100%
    }

    .wrapper_promo_slider {
        padding: 180px 0;
        color: #fff
    }

    .section_catalogs {
        padding: 10px 0
    }

    .contacts_section {
        padding: 3% 10px
    }

    .col_contact {
        width: 30%
    }

    .card_stone_product {
        width: 49%;
        margin-bottom: 5px
    }

    .wrap_image_gallery {
        width: 50%;
        margin: inherit
    }
}

@media screen and (min-width: 800px) {
    .header .menu_header {
        margin-left: 20px
    }

    #searchtoggl {
        display: block
    }

    .header .social_block {
        display: block
    }

    .promo_image, .promo_text {
        width: 50%;
        max-width: 555px
    }

    .col_our_team {
        width: 28%;
        margin-bottom: 0
    }

    .description_block {
        padding: 40px 60px 35px 50px
    }

    .aside_search {
        width: 20%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0 3% 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .section_stones_list .flexbox {
        width: 78%;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .select_block {
        margin: 0 0 45px 0
    }

    #slider_horizontal {
        padding-right: 40px
    }

    #slider_horizontal_1 {
        padding-right: 40px
    }

    .wrap_image_gallery {
        width: 33.3%
    }
}

@media screen and (min-width: 850px) {
    .title_h3 {
        font-size: 40px
    }

    .header .logo {
        margin-right: 6%
    }

    #searchtoggl, .header .social_block {
        display: block
    }

    .wrapper_col_catalogs {
        width: 30%
    }

    .section_stones .margin_minus {
        width: 33%
    }

    .about_us_block {
        width: 47%
    }

    .news_block {
        width: 47%
    }

    .text_review_block p::after, .text_review_block p::before {
        content: "";
        position: absolute;
        width: 40px;
        height: 45px;
        background: url(images/quote_ic.png) -56px 0 no-repeat
    }

    .text_review_block p::before {
        top: -40px;
        left: -32px
    }

    .text_review_block p::after {
        bottom: -40px;
        right: -32px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .col_footer_logo {
        width: 30%
    }

    .col_footer_catalog {
        width: 18%;
        text-align: left
    }

    .col_footer_menu {
        width: 18%;
        text-align: left
    }

    .col_footer_news {
        width: 25%;
        text-align: left
    }

    .item__footer_news img {
        float: left
    }

    .item__footer_news p {
        float: left
    }

    .card_portfolio {
        width: 32.8%
    }

    .section_stones_list .margin_minus {
        width: 45%
    }
}

@media screen and (max-width: 850px) {
    .row-fluid .sblock3 {
        width: 100%
    }

    .row-fluid [class*=sblock] {
        padding-left: 0
    }
}

@media screen and (min-width: 950px) {
    .promo_text h3 {
        border-bottom: 1px solid #fffefe;
        padding-bottom: 20px
    }

    .title {
        font-size: 36px;
        line-height: 45px
    }

    .card_stone_product {
        width: 32.8%;
        margin-bottom: 3px
    }

    .section_stones .margin_minus {
        width: 33.3%;
        margin: inherit
    }
}

@media screen and (min-width: 1070px) {
    .header .menu_items {
        padding: 0 12px;
        padding-bottom: 10px
    }

    .menu_header li a {
        font-size: 12px;
        padding: 10px 12px
    }

    .header .social_block {
        float: right
    }

    .news_section {
        padding: 3% 0 0 0
    }

    .wrapper_footer {
        padding: 3% 0
    }

    .portfolio_section {
        padding: 3% 0
    }

    .col_review {
        margin-bottom: 0
    }

    .stone_products_section {
        padding-bottom: 3%
    }
}

@media screen and (min-width: 1150px) {
    .bg_promo {
        height: auto
    }

    .promo_text {
        padding: 0
    }

    .promo_text h3 {
        font-size: 31px
    }

    .promo_image {
        padding-top: 30px
    }

    .item__footer_news p {
        width: 40%
    }

    .section_stones_list {
        padding: 4% 0
    }

    .section_stones_list .margin_minus {
        width: 33%
    }
}

@media (max-width: 767px) {
    .jshop_list_product .block_product {
        border: none !important
    }
}

#searchtoggl::before {
    width: 28px;
    height: 28px;
    top: -20px;
    left: 0;
    background: url(images/search_ic.png) 5px 5px no-repeat;
    background: url(images/new_sprite.png) -325px 0 no-repeat
}

.ic_f::before {
    width: 9px;
    height: 15px;
    background-position-x: 0;
    left: 8px;
    background: url(images/new_sprite.png) -360px -5px no-repeat
}

.ic_vk::before {
    width: 16px;
    height: 13px;
    background-position-x: -8px;
    left: 4px;
    background: url(images/new_sprite.png) -368px -5px no-repeat
}

.footer_certificate span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 3px;
    left: -18px;
    background: url(images/new_sprite.png) -145px -4px no-repeat
}

.ic_contact::before {
    background: url(images/new_sprite.png) -193px -5px no-repeat
}

.ic_phone::before {
    background: url(images/new_sprite.png) -193px -22px no-repeat
}

.ic_email::before {
    -ms-background-position-y: 0;
    background-position-y: -34px;
    background: url(images/new_sprite.png) -193px -39px no-repeat
}

.text_news span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    background: url(images/new_sprite.png) -170px -5px no-repeat
}

.col_news::after {
    background: url(images/new_sprite.png) -107px -8px no-repeat
}

.slider_offers .slick-next::before, .slider_offers .slick-prev::before {
    background: url(images/new_sprite.png) -122px -4px no-repeat
}

.slider_reviews .slick-next::before, .slider_reviews .slick-prev::before {
    background: url(images/new_sprite.png) -252px -8px no-repeat
}

.slider_reviews .slick-next.slick-disabled:before, .slider_reviews .slick-next:focus:before, .slider_reviews .slick-next:hover:before {
    background: url(images/new_sprite.png) -220px -6px no-repeat
}

.text_review_block p::after, .text_review_block p::before {
    background: url(images/new_sprite.png) -280px -5px no-repeat
}

.sprite {
    background-image: url(images/new_sprite.png);
    background-repeat: no-repeat;
    display: block
}

.sprite-podarak {
    width: 453px;
    height: 328px;
    background-position: -5px -81px
}

@media (max-width: 768px) {
    .slider_offers .slick-prev {
        top: -37px;
        left: 30%
    }

    .slider_offers .slick-next {
        top: -37px;
        right: 30%
    }
}

.flex_block .sblock3, .com_speasyimagegallery .sblock3 {
    width: 33%;
    display: inline-block
}

@media (max-width: 768px) {
    .flex_block .sblock3, .com_speasyimagegallery .sblock3 {
        width: 100%;
        display: inline-block
    }
}