@font-face {
    font-family: Proxima Bold;
    src: url('fonts/Proxima Nova Bold.otf')
}

@font-face {
    font-family: Proxima Regular;
    src: url('fonts/Proxima Nova Regular.otf')
}

@font-face {
    font-family: Proxima Light;
    src: url('fonts/Proxima Nova Light.otf')
}

@font-face {
    font-family: fontello;
    src: url('fonts/fontello/fontello.eot'),
        url('fonts/fontello/fontello.ttf'),
        url('fonts/fontello/fontello.woff'),
        url('fonts/fontello/fontello.woff2');
}

body {
    min-width: 300px
}

ul {
    padding-left: 0
}

li {
    list-style-type: none;
    font-family: Proxima Regular
}

a {
    color: #4a4e54;
    transition: color .3s, font-weight .3s
}

a:hover {
    text-decoration: none;
    color: #4a4e54
}

a:active {
    text-decoration: none;
    color: #4a4e54
}

a:focus,
button:focus {
    text-decoration: none;
    color: #4a4e54;
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Proxima Bold;
    color: #4a4e54;
    text-transform: uppercase
}

p,
span,
ol li,
ul li {
    font-family: Proxima Regular;
    color: #898b8f
}

img {
    max-width: 100%;
    height: auto
}

body.admin-bar #top-menu {
    top: 25px
}

.btn_coral,
.btn_white {
    display: inline-block;
    padding: 5px 10px;
    border: none;
    border-radius: 50px;
    box-shadow: 4.5px 7.794px 21px 0px rgba(20, 20, 21, 0.15);
    white-space: nowrap;
    text-transform: uppercase;
    transition-property: background, color;
    transition-duration: .3s
}

.btn_coral {
    background: #d9796b;
    color: white
}

.btn_white {
    background: white;
    color: #898b8f
}

h3.header_block {
    text-align: center
}

.fake_header {
    text-align: center;
    font-family: Proxima Bold;
    color: #4a4e54;
    text-transform: uppercase;
    line-height: 1.1;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase
}

.img_float_right {
    float: right
}

@media screen and (min-width: 769px) {
    #content,
    .advantages,
    .references,
    .extra_prod,
    .workflow,
    .delivery,
    .contacts,
    .about,
    .single-product-comments {
        padding-top: 3em;
        padding-bottom: 3em
    }
    #content .products,
    .inside,
    .footer {
        padding-top: 3em
    }
    .home .first_screen {
        padding-bottom: 3em
    }
    h3.header_block {
        margin-bottom: 2em
    }
    .btn_coral:hover {
        background: white;
        color: #898b8f
    }
    .btn_white:hover {
        background: #d9796b;
        color: white
    }
}

@media screen and (max-width: 768px) {
    #content,
    .advantages,
    .references,
    .extra_prod,
    .workflow,
    .delivery,
    .contacts,
    .about,
    .single-product-comments {
        padding-top: 1em;
        padding-bottom: 1em
    }
    #content .products,
    .inside,
    .footer {
        padding-top: 1em
    }
    .home .first_screen {
        padding-bottom: 1em
    }
    h3.header_block {
        margin-bottom: 1em
    }
}

#top-menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    padding-left: 0;
    padding-right: 0;
    background: rgba(255, 255, 255, .4);
    transition: background .3s
}

.logo>a {
    display: table-cell;
    text-align: left
}

.logo_text {
    font-size: 1.8em;
    line-height: 1;
    max-width: 145px
}

.logo_text span {
    font-family: Proxima Bold;
    color: #4a4e54;
    display: block
}

.logo_descr {
    text-align: left
}

.contacts-box li {
    text-align: center
}

.contacts-box a {
    font-size: 1.3em
}

.contacts-box a.btn_coral {
    font-size: 1em
}

@media screen and (min-width: 769px) {
    #top-menu {
        padding-top: 3vh
    }
}

.home .first_screen {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.first_screen_name h1,
.first_screen_name h1 span {
    color: white;
    text-shadow: 2.5px 4.33px 57.82px rgba(145, 179, 187, 0.92)
}

.first_screen h1 {
    display: inline-block
}

.first_screen h1 span {
    font-family: Proxima Bold;
    text-align: left;
    font-size: .32em;
    display: block
}

.first_screen_advant {
    padding-top: 5vh
}

.first_screen_advant>div {
    min-height: 89px;
    position: relative;
    display: table
}

.first_screen_advant>div * {
    display: table-cell;
    vertical-align: middle
}

.first_screen_advant>div::before {
    content: '';
    width: 89px;
    height: 89px;
    display: block;
    overflow: hidden;
    background: url('img/first_scr_adv.png')
}

.first_screen_advant>div span {
    font-family: Proxima Bold;
    font-size: 1.5em;
    text-transform: uppercase;
    color: white;
    line-height: 1;
    padding-left: 1em;
    position: relative;
    text-shadow: 2.5px 4.33px 57.82px rgba(145, 179, 187, 0.92)
}

.first_screen_advant>div.first_screen_advant_2::before {
    background-position: -89px
}

.first_screen_advant>div.first_screen_advant_3::before {
    background-position: -178px
}

.first_screen_btn-cont {
    text-align: center
}

.first_screen_btn-cont a {
    position: absolute;
    bottom: 10px;
    left: 40%;
    font-size: 1.5em;
    line-height: 3;
    padding-left: 110px;
    padding-right: 30px
}

.first_screen_btn-cont a::before {
    content: '';
    width: 65px;
    height: 53px;
    position: absolute;
    left: 30px;
    top: 8px;
    background: url('img/bear_btn_icon-min.png');
    opacity: 1;
    transition: opacity .3s
}

.first_screen_btn-cont a:hover::before {
    opacity: 0
}

@media screen and (min-width: 769px) {
    .first_screen_name {
        margin-top: 5vh
    }
    .first_screen h1 {
        font-size: 6em
    }
    .home .first_screen {
        background-image: url('img/bear_bg.jpg')
    }
}

@media screen and (max-width: 768px) {
    #header_contacts_box,
    .first_screen .logo,
    .first_screen_btn-cont a {
        display: none
    }
    .first_screen h1 {
        font-size: 4em
    }
    .home .first_screen {
        background-image: url('img/bear_bg-mobile.jpg')
    }
}

@media screen and (max-width: 500px) {
    .first_screen h1 {
        font-size: 3em
    }
}

#content {
    background: #EFEAE9
}

.woof_container_inner {
    position: relative
}

.woof_container_inner h4 {
    text-align: center;
    position: relative;
    background: white;
    padding: 1em 0;
    border-radius: 50px;
    cursor: pointer;
    margin: 10px 20px;
    transition: color .3s
}

.woof_container_inner h4:hover {
    color: #d9796b
}

.woof_container_inner h4::after {
    content: '\e114';
    font-family: 'Glyphicons Halflings';
    line-height: 1.1;
    display: inline-block;
    padding-left: 15px;
    color: #d9796b
}

.woof_redraw_zone>div .woof_container_inner .woof_block_html_items,
.woof_redraw_zone>div .woof_container_inner .irs-with-grid {
    opacity: 0;
    height: 0;
    transform: scale(1, 0);
    transition-property: transform, opacity, height;
    transition-duration: .3s;
    transform-origin: 100% 0
}

.woof_is_active .woof_redraw_zone>div .woof_block_html_items,
.woof_is_active .woof_redraw_zone>div .irs-with-grid {
    opacity: 1;
    height: 100%;
    transform: scale(1, 1);
    z-index: 2
}

.woof {
    border: none;
    height: 0;
    background: none;
    box-shadow: none;
    transition: background .3s, height .3s
}

.woof_is_active {
    height: 100%;
    background: white
}

.woof_products_top_panel {
    display: none !important
}

@media screen and (min-width: 769px) {
    .products .carousel-control .glyphicon-chevron-right,
    .products .carousel-control .glyphicon-chevron-left {
        opacity: 0;
        transition: opacity .3s
    }
    .products .carousel:hover .glyphicon-chevron-right,
    .products .carousel:hover .glyphicon-chevron-left {
        opacity: 1
    }
}

.woocommerce ul.products {
    margin-bottom: 0
}

.woocommerce .products>li {
    border: 2px solid white;
    background: white;
    box-shadow: 8.5px 14.722px 38px 0px rgba(0, 3, 1, 0.22);
    position: relative;
    top: 0;
    transition: top .3s
}

.woocommerce .products li:hover {
    top: -5px
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    z-index: 1;
    background: #bb2515;
    color: white;
    border-radius: 0;
    width: 9em;
    min-height: 2.5em;
    line-height: 2.5em
}

.woocommerce ul.products li.product .onsale {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    top: 5px;
    right: 5px
}

.woocommerce span.onsale {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    top: 0;
    left: 0
}

.woo_cat_header {
    padding-left: 3em
}

.woocommerce ul.products li.product .price {
    padding-right: 3em
}

.woo_cat_header,
.woocommerce ul.products li.product .price {
    display: inline-block;
    width: 49%
}

.woo_cat_header .fake_header {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    text-align: left
}

li.product .price {
    text-align: right
}

.woocommerce .products li .price span {
    font-size: 1.2em;
    font-family: Proxima Bold
}

.woocommerce .products li.sale .price del span,
.woocommerce-page .price del span {
    position: relative;
    font-size: 1em;
    font-family: Proxima Regular
}

.woocommerce .products li .price ins,
.woocommerce-page .price ins {
    text-decoration: none
}

.woocommerce .products li .price ins span,
.woocommerce-page .price ins span {
    font-size: 1.2em;
    color: #d9796b
}

.woocommerce .products li.sale .price del span::after,
.woocommerce-page .price del span::after {
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d9796b
}

.woo_prod_cat_btns {
    padding-right: 1em;
    padding-bottom: 1.5em;
    text-align: right
}

.woo_prod_cat_btns a {
    margin-right: 1em
}

.woocommerce .woocommerce-breadcrumb {
    line-height: 1;
    font-size: 1em;
    margin-bottom: 3em
}

.woocommerce .woocommerce-breadcrumb a,
.active_breadcrumb {
    display: inline-block;
    margin: 0 .5em
}

.active_breadcrumb {
    font-family: Proxima Bold
}

.woocommerce div.product .product_title {
    color: #898b8f;
    margin-bottom: 1em;
    font-size: 36px
}

.single_product_height {
    margin-bottom: 2em
}

.single_prod_attr_label {
    font-family: Proxima Bold;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #4a4e54;
    margin-right: 1em
}

.single_variation {
    display: inline-block
}

.single-product #content {
    padding-bottom: 0
}

.variation>div {
    display: table-cell;
    vertical-align: top
}

.variation_name_value {
    padding-right: 20px
}

.value {
    width: 100%
}

.value .variation_buttons_wrapper .variation_button {
    display: block;
    text-align: left;
    padding-left: 30px
}

.variation_buttons_wrapper .variation_button {
    border: 1px solid transparent;
    padding: 3px;
    position: relative
}

.variation_buttons_wrapper .variation_button::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 15px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px white, 0 0 0 2px #898b8f;
    background: white;
    transition: background .3s
}

.variation_buttons_wrapper .selected::before {
    background: #898b8f
}

.variation_buttons_wrapper .variation_button span {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    padding-left: 1em
}

.value .variation_buttons .variation_button.selected {
    border: 1px solid #898b8f
}

.disable {
    cursor: not-allowed;
    opacity: .5
}

.woocommerce div.product form.cart {
    margin-bottom: 0
}

.woocommerce-tabs {
    padding-top: 2em
}

.woocommerce div.product form.cart .variations select {
    background: none;
    border: none;
    overflow: visible;
    color: #898b8f
}

.woocommerce div.product form.cart .variations select:active,
.woocommerce div.product form.cart .variations select:focus {
    outline: none
}

.woocommerce div.product form.cart .variations option {
    border: 1px solid transparent
}

.summary_extra_info {
    text-align: right
}

.summary_extra_inner {
    display: inline-block;
    background: white;
    padding: 10px 20px;
    box-shadow: 1px 1.732px 5px 0px rgba(21, 21, 21, 0.1)
}

.extra_info_block {
    position: relative;
    padding: 3px 0;
    min-height: 70px;
    border-bottom: 1px solid #898b8f;
    text-align: left;
    display: table;
    width: 100%
}

.extra_info_block>div {
    padding-left: 10px;
    width: 100%
}

.extra_info_block>div,
.extra_info_block::before {
    display: table-cell;
    vertical-align: middle
}

.extra_info_block::before {
    content: '';
    background: url('img/single_product_extra_info-min.png');
    display: inline-block;
    width: 60px;
    height: 60px
}

.extra_info_block_2::before {
    background-position: -60px 0
}

.extra_info_block_3::before {
    background-position: -120px 0
}

.extra_info_block_4::before {
    background-position: -180px 0
}

.extra_info_block_5::before {
    background-position: -240px 0
}

.extra_info_block_5 {
    border-bottom: none
}

.extra_info_header {
    font-family: Proxima Bold
}

.woocommerce div.product p.price del {
    padding-right: 20px
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: 0;
    padding: 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    width: 25%
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
    margin: 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    border-color: transparent;
    box-shadow: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: none
}

.woocommerce div.product .woocommerce-tabs .panel {
    border-radius: 0;
    border-bottom: 1px solid #d3ced2;
    border-right: 1px solid #d3ced2;
    border-left: 1px solid #d3ced2;
    padding: 1em 3em;
    margin-bottom: 0
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    margin-bottom: 0
}

.woocommerce div.product .woocommerce-tabs .panel h1 {
    font-size: 30px
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 24px;
    color: #898b8f;
    text-transform: none;
    font-family: Proxima Regular
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    text-align: center
}

.woocommerce div.product .woocommerce-tabs .panel li {
    list-style-type: decimal
}

.single-product-comments {
    background: #EFEAE9
}

#reviews {
    background: white;
    box-shadow: 1px 1.732px 5px 0px rgba(21, 21, 21, 0.1)
}

.summary .btn_coral {
    padding: .5em 2em;
    font-size: 1.2em
}

.fa {
    display: inline-block
}

.fa-angle-left:after,
.fa-angle-right:after {
    font-family: 'Glyphicons Halflings';
    display: inline-block
}

.fa-angle-right:after {
    content: "\e080"
}

.fa-angle-left:after {
    content: "\e079"
}

.woocommerce .thumbnails .owl-nav .owl-prev,
.woocommerce .thumbnails .owl-nav .owl-next {
    padding: 2px 5px !important
}

@media screen and (min-width: 769px) {
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 35%
    }
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 60%
    }
    #reviews {
        padding: 2em 4em
    }
}

@media screen and (max-width: 768px) {
    #content .products li {
        width: 50%;
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    #reviews {
        padding: 1em
    }
    .commentlist {
        padding-left: 0
    }
    .woocommerce #content div.product div.images,
    .woocommerce #content div.product div.summary {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 550px) {
    #content .products li {
        width: 90%
    }
}

.advantages {
    position: relative;
    background: url('img/advantages_bg-min.jpg') no-repeat;
    background-size: cover
}

.advantages .row {
    opacity: .99
}

.advantages_block {
    padding: 5px 0;
    position: relative;
    display: table;
    margin-bottom: 1.5em
}

.advantages_block::before,
.advantages_block p {
    display: table-cell;
    vertical-align: middle
}

.advantages_block::before,
.advantages_block::after {
    content: '';
    overflow: hidden
}

.advantages_block::after {
    position: absolute
}

.advantages_block::before {
    background: url('img/advantages_items.png') no-repeat;
    width: 51px;
    min-height: 51px;
    top: 5px;
    left: 5px;
    display: inline-block
}

.advantages_block::after {
    border: 2px solid #898b8f;
    border-radius: 50%;
    width: 62px;
    min-height: 62px;
    top: 0;
    left: -5.5px
}

.advantages_block p {
    padding-left: 1em;
    font-size: 1.5em;
    line-height: 1;
    font-family: Proxima Light
}

.advantages_block_2::before {
    background-position: -51px
}

.advantages_block_3::before {
    background-position: -102px
}

.advantages_block_4::before {
    background-position: -153px
}

.advantages_block_5::before {
    background-position: -204px
}

@media screen and (min-width: 768px) {
    .advantages::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('img/advantages_bear_bg.png') no-repeat 0% 10%
    }
}

.references {
    position: relative;
    background: url('img/feedback_bear_bg.png') no-repeat 0 0, url('img/feedback_bear_bg_panda.png') no-repeat 100% 90%, #EFEAE9;
    overflow: hidden
}

.references .item .car_item_inner_block {
    background: white;
    box-shadow: 8.5px 14.722px 38px 0px rgba(0, 3, 1, 0.22);
    position: relative;
    top: 0;
    transition: top .3s
}

.references .item .car_item_inner_block:hover {
    top: -5px
}

.references .carousel-control {
    width: 3%
}

.carousel-control.right,
.carousel-control.left {
    background: none
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left {
    opacity: 1;
    color: white;
    font-size: 3em;
    text-shadow: 4.5px 7.794px 21px rgba(20, 20, 21, 0.15);
    width: auto;
    height: auto;
    transition: color .3s
}

.carousel-control.right:hover .glyphicon-chevron-right,
.carousel-control.left:hover .glyphicon-chevron-left {
    color: #d9796b
}

.car_item_img {
    text-align: center
}

.car_item_text {
    padding: 2em 0 5em 0;
    padding-left: 2em;
    padding-right: 2em
}

.car_item_text .fake_header {
    text-align: left
}

.references_btn_cont {
    text-align: center
}

.references_btn_cont .btn_coral {
    font-size: 1.5em;
    line-height: 3;
    padding-right: 2em;
    padding-left: 2em
}

@media screen and (min-width: 769px) {
    .references h3 {
        margin: 2em 0
    }
    .references .item {
        padding: 30px 40px
    }
}

@media screen and (max-width: 768px) {
    .references .item .car_item_inner_block {
        margin-bottom: 1em
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .glyphicon-chevron-left {
        color: #d9796b
    }
}

.inside {
    position: relative;
    background: rgb(221, 229, 231)
}

.inside p {
    font-size: 2em;
    line-height: 1
}

.inside p span {
    font-family: Proxima Bold
}

@media screen and (min-width: 1200px) {
    .inside {
        height: 710px
    }
    .inside p {
        padding-bottom: 95px
    }
    .inside_text {
        padding-top: 35px
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .inside {
        height: 590px
    }
    .inside p {
        padding-bottom: 55px
    }
    .inside_text {
        padding-top: 25px
    }
}

@media screen and (min-width: 993px) {
    .inside::before {
        content: 'ЧТО В МИШКЕ?';
        position: absolute;
        top: 30%;
        width: 100%;
        text-align: center;
        color: rgba(174, 193, 198, 0.502);
        font-size: 10vw;
        font-family: Proxima Bold
    }
    .inside .col-sm-4 p {
        text-align: right
    }
}

@media screen and (max-width: 992px) {
    .inside_text {
        width: 100%
    }
    .inside .inside_img_block {
        display: none
    }
    .inside p {
        position: relative;
        min-height: 107px;
        display: table
    }
    span.inside_text_content {
        display: table-cell;
        vertical-align: middle;
        padding-left: 1em
    }
    .inside p::before {
        content: '';
        display: block;
        width: 107px;
        height: 107px;
        background: url('img/inside_sprite.png') no-repeat
    }
    .inside .inside_text_2::before {
        background-position: -107px
    }
    .inside .inside_text_3::before {
        background-position: -214px
    }
    .inside .inside_text_4::before {
        background-position: -321px
    }
}

@media screen and (max-width: 425px) {
    .inside p {
        font-size: 1.5em;
        min-height: 65px
    }
    .inside p::before {
        width: 65px;
        height: 65px;
        background-size: cover
    }
    .inside .inside_text_2::before {
        background-position: -65px
    }
    .inside .inside_text_3::before {
        background-position: -130px
    }
    .inside .inside_text_4::before {
        background-position: -195px
    }
}

.extra_prod {
    position: relative;
    background: linear-gradient(#EFEAE9 0%, #EFEAE9 80%, rgb(199, 213, 217) 80%, rgb(199, 213, 217) 100%)
}

.extra_prod .extra_prod_block .fake_header {
    text-align: left
}

.extra_prod p {
    line-height: 1
}

.extra_block_sub-text {
    font-style: italic;
    font-weight: bold
}

.extra_block-price {
    font-family: Proxima Bold
}

.extra_prod_block:nth-child(3) .extra_block_sub-text {
    font-weight: normal;
    padding-left: 3em
}

.extra_img_cont {
    text-align: center
}

@media screen and (min-width: 993px) {
    .extra_prod .container {
        overflow: hidden
    }
    .extra_prod_block:nth-child(4) .extra_img_cont img,
    .extra_prod_block:nth-child(2) .extra_img_cont img {
        position: relative;
        left: -30%;
        max-width: 120%
    }
    .extra_prod_block:nth-child(4) .extra_img_cont img {
        top: -2em
    }
    .extra_prod_block:nth-child(2),
    .extra_prod_block:nth-child(4) {
        padding-top: 7em
    }
    .extra_prod_block:nth-child(3) {
        padding-top: 15em
    }
}

@media screen and (min-width: 768px) {
    .extra_prod::before {
        content: 'ЧТО КУПИТЬ ЕЩЁ?';
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
        text-align: center;
        color: rgba(174, 193, 198, 0.501961);
        font-size: 10vw;
        font-family: "Proxima Bold"
    }
}

.workflow {
    position: relative;
    background: #EFEAE9
}

.workflow_block p {
    font-family: Proxima Bold;
    font-size: 1.1em;
    color: #4a4e54;
    text-align: center
}

.workflow_img {
    margin: 2em 0;
    text-align: center
}

.workflow_block_4 .workflow_img::after {
    content: none
}

@media screen and (min-width: 768px) {
    .workflow_img::after {
        content: '\e080';
        font-family: 'Glyphicons Halflings';
        font-size: 2em;
        line-height: 1.1;
        display: inline-block;
        position: absolute;
        top: 35%;
        right: -5%;
        color: #d9796b
    }
}

.delivery {
    position: relative;
    background: #E3EEF0
}

.delivery_block {
    height: 100%;
    margin: 0 20px;
    padding: 25px 20px;
    background: white;
    box-shadow: 2px 3.464px 15px 0px rgba(21, 21, 21, 0.1)
}

.delivery_block h3 {
    margin: 0;
    padding-bottom: 1em;
    text-align: center
}

.delivery_block ol {
    padding-left: 15px
}

.delivery_block ol li {
    list-style-type: decimal;
    padding-left: 10px;
    padding-bottom: 15px
}

@media screen and (min-width: 769px) {
    .delivery .row {
        display: flex
    }
}

@media screen and (max-width: 768px) {
    .delivery .row>div {
        margin-bottom: 1em
    }
}

.contacts {
    position: relative;
    background: #EAEAEA
}

.contacts_text {
    padding-top: 1em;
    padding-bottom: 1em
}

.contacts_header {
    font-family: Proxima Bold;
    margin: 10px 0
}

.contacts .container {
    background: white
}

.map {
    min-height: 320px;
    height: 100%;
    background: #4a4e54;
    margin-bottom: 15px
}

@media screen and (max-width: 375px) {
    .nav-tabs>div a {
        width: 140px
    }
}

#home_seo_description img {
    float: right;
    max-width: 50%;
    display: inline-block;
    padding-left: 1em;
    padding-bottom: 1em
}

#home_seo_description .img_float_none {
    float: none;
    max-width: 100%;
    padding-left: 0;
    padding-top: 1em
}

.footer {
    background: #F9F9F9
}

.footer .logo {
    display: inline-block
}

.footer .footer_logo_cont {
    text-align: center
}

.footer_soc_cont {
    text-align: center
}

.footer_soc_links {
    padding-top: 1em
}

.footer_soc_links span {
    font-size: 1.3em;
    color: #4a4e54;
    border-radius: 10px;
    box-shadow: 0.5px 0.866px 3px 0px rgba(0, 0, 0, 0.28);
    width: 30px;
    height: 30px;
    display: inline-block
}

.footer_soc_links span::before {
    line-height: 30px
}

.footer .menu_collapse li>a,
.footer #menu-footer-menu li>a {
    font-family: Proxima Bold;
    border: 1px solid transparent;
    transition: border .3s
}

.footer .menu_collapse li>a:hover,
.footer #menu-footer-menu li>a:hover {
    border-bottom-color: #d9796b
}

#menu-footer-menu {
    text-align: center;
    margin-bottom: 0
}

#menu-footer-menu ul,
#menu-footer-menu li {
    display: inline-block
}

#menu-footer-menu li {
    padding: 0 10px
}

.footer #menu-footer-menu li>a {
    font-family: Proxima Regular;
    display: inline-block
}

.modal-open{
    position: fixed;
    width: 100%;
}
.modal form h4 {
    text-align: center
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0
}

button.close {
    font-size: 4em;
    font-weight: 100;
    color: #d9796b;
    line-height: .5;
    opacity: .9
}

.modal-body label {
    display: block
}
.modal-body input,
.modal-body textarea{
    font-size: 16px;
}
.modal-body input {
    border: none;
    color: #4a4e54;
    border-bottom: 1px solid #898b8f;
    width: 100%;
    transition: border .3s
}
.modal-body input[type=checkbox] {
	width: auto;
}

.modal-body input:focus {
    outline: none;
    border-bottom: 1px solid #4a4e54
}

.form_btn_cont {
    text-align: center;
    padding-top: 2em
}

.form_btn_cont button {
    margin: 0 10px
}

.products ul.product_loop_colors {
    display: none
}

ul.product_loop_colors {
    border: 1px solid #898b8f
}

ul.product_loop_colors li {
    background: rgb(221, 229, 231);
    padding: 3px
}

ul.product_loop_colors li span {
    vertical-align: middle
}

span.colors_image {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px
}

#form_input_colors {
    position: relative
}

#form_input_colors_cont::after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px
}

.single-product #form_input_colors_cont::after {
    content: none
}

.single-product #form_input_colors_cont,
.single-product .form_input_colors_label {
    display: none
}

#form_input_colors ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale( 1, 0);
    transform-origin: 100% 0;
    transition-property: transform, opacity;
    transition-duration: .3s
}

#form_input_colors ul li {
    cursor: pointer;
    transition: background .1s
}

#form_input_colors ul li:hover {
    background: white
}

textarea,
input {
    max-width: 100% !important
}

@media screen and (min-width: 769px) {
    .modal-body {
        padding: 0 8em 2em
    }
    .form_btn_cont button {
        padding: 8px 30px;
        min-width: 125px
    }
}

@media screen and(max-width: 768px) {
    .form_btn_cont button {
        padding: 8px 8px;
        min-width: 110px
    }
}

.archive #mishki_content,
.single-post {
    background: #EFEAE9
}

.page-title {
    color: #898b8f;
    text-align: center;
    margin-bottom: 9px;
    padding-bottom: 0
}

.entry-title {
    margin-bottom: 0
}

article.post,
.sidebar {
    background: white
}

article.post {
    padding: 1em;
    margin-bottom: 1em
}

article.post .page-header {
    padding-bottom: 0
}

.archive-date {
    margin-bottom: 1em
}

.archive-btn {
    text-align: right;
    margin-top: 1em
}

.archieve-pagination a,
.archieve-pagination span {
    display: inline-block;
    padding: 10px;
    background: #d9796b;
    color: white
}

.archieve-pagination .current {
    font-family: Proxima Bold
}

.page #mishki_content {
    background: rgb(221, 229, 231);
    padding-bottom: 2em
}

.page .page-header,
.error404 .page-header {
    border-bottom: 0
}

.page article {
    text-align: center
}

.thank_page a {
    min-width: 200px;
    max-width: 300px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 2em;
    margin-bottom: 2em
}

.thank_page_optios a span,
#thank_page_default_order,
#thank_page_order {
    color: #e86256;
    font-size: 1.3em
}

.entry-content span,
.page-id-119 .entry-content p,
.error404 .entry-content p {
    font-size: 1.1em;
    font-family: Proxima Bold
}

.thank_page_optios a span {
    display: inline-block;
    font-size: 1.5em;
    padding-left: 35px;
    position: relative
}

.thank_page_optios a span.thank_page_radio::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 2px white, 0 0 0 3px black;
    border-radius: 50%;
    background: white
}

.thank_page_optios>div {
    padding: 0;
    border: 1px solid transparent;
    transition: borer .3s
}

.thank_page_optios>div:hover {
    border-color: #e86256
}

.thank_page_optios>div a {
    display: block;
    padding: 1em
}

.thank_page_optios a span.selected_radio::before {
    background: black
}

@media screen and (min-width: 769px) {
    .thank_page_optios>div a img {
        max-width: 50%;
        display: block;
        margin: auto
    }
    .thank_page_optios a span {
        margin-top: 1.5em
    }
    #breadcrumbs {
        padding-top: 3em;
        padding-bottom: 2em
    }
}

@media screen and (max-width: 768px) {
    .thank_page_optios>div a {
        text-align: left
    }
    .thank_page_optios>div a img {
        max-width: 20%
    }
    .thank_page_optios a span {
        margin-top: 0;
        width: 80%
    }
    #breadcrumbs {
        padding-top: 1em;
        padding-bottom: 1em
    }
}

.error404 #mishki_content {
    background: rgb(221, 229, 231);
    min-height: 75vh
}

#page_404 {
    text-align: center
}

#page_404 h1 p {
    font-size: 4em;
    color: #4a4e54
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s
}

.cd-top span {
    color: white;
    line-height: 40px;
    font-size: 2em;
    width: 100%;
    text-align: center
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1
}

.cd-top.cd-fade-out {
    opacity: .5
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1
}

.woof_submit_search_form_container button {
    display: none !important
}

.woof_is_active .woof_submit_search_form_container button {
    display: inline-block !important
}

.social-likes {
    margin: 1em 0
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

i.icon-vkontakte {
    color: #45668e
}

i.icon-facebook {
    color: #3b5998
}

i.icon-twitter {
    color: #00aced
}

i.icon-pinterest {
    color: #C92228
}

i.icon-odnoklassniki {
    color: #EE8208
}

i.icon-gplus-1 {
    color: #dd4b39
}

.icon-facebook:before {
    content: '\f09a'
}

.icon-gplus-1:before {
    content: '\f0d5'
}

.icon-vkontakte:before {
    content: '\f189'
}

.icon-pinterest:before {
    content: '\f231'
}

.icon-odnoklassniki:before {
    content: '\f263'
}

.icon-instagram:before {
    content: '\f32d'
}

.icon-twitter:before {
    content: '\f099'
}

@media screen and (max-width: 768px) {
    div.pp_pic_holder {
        top: 10% !important
    }
}

.menu_collapse {
    text-align: center
}

.menu_collapse ul {
    padding-left: 0;
    display: inline-block;
    list-style-type: none
}

.menu_collapse li {
    display: inline-block;
    position: relative;
    padding: 5px 8px;
    text-shadow: 3.5px 6.062px 27px rgba(0, 0, 0, 0.61)
}

.menu_collapse li>a {
    position: relative;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none
}

.menu_button {
    padding: 15px
}

.menu_collapse_btn {
    width: 40px;
    height: 40px;
    background: none;
    float: right;
    border: 1px solid #34505B;
    border-radius: 3px
}

.menu_collapse_btn .icon-bar {
    display: block;
    border: 2px solid #34505B;
    border-radius: 3px
}

.menu_collapse_btn .icon-bar:nth-child(n+2) {
    margin-top: 4px
}

#top-menu .row>div {
    padding-left: 2px;
    padding-right: 2px
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .menu_collapse li {
        padding: 5px 3px
    }
}

@media screen and (min-width:993px) {
    .menu_button {
        display: none
    }
}

@media screen and (max-width:992px) {
    #top-menu .menu_collapse {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        overflow-y: auto;
        background: rgba(31, 31, 31, .94);
        z-index: 1000;
        transition: top .5s
    }
    #top-menu .menu_collapse>ul {
        margin-top: 10vh
    }
    .menu_collapse li {
        display: block
    }
    #top-menu .menu_collapse li a {
        color: white
    }
}

#top-menu .menu_collapse_open {
    top: 0
}

.body_on-menu {
    overflow: hidden
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .menu_grey {
        background: white !important
    }
}

@media screen and (min-width: 993px) {
    .menu_collapse::after,
    .menu_button::after {
        content: '';
        clear: both;
        display: table
    }
}

@media screen and (max-width: 992px) {
    #top-menu .menu_collapse li {
        margin-bottom: 1em
    }
    #top-menu #shape {
        stroke: white
    }
}

@media screen and (min-width:993px) {
    .menu_collapse .sub-menu,
    .widget_nav_menu .sub-menu {
        position: absolute;
        z-index: 20;
        display: block;
        opacity: 0;
        background: white;
        transform: scale(1, 0);
        transform-origin: 100% 0;
        transition: opacity .3s, transform .1s
    }
    .menu_collapse .sub-menu {
        top: 100%
    }
    .widget_nav_menu .sub-menu {
        bottom: 100%
    }
    .menu_collapse li:hover .sub-menu,
    .widget_nav_menu li:hover .sub-menu {
        opacity: 1;
        transform: scale(1, 1)
    }
    .menu_collapse .sub-menu li,
    .widget_nav_menu .sub-menu li {
        display: block
    }
    .menu_collapse .sub-menu li a {
        white-space: nowrap;
        padding: 5px 10px
    }
}

.spot {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.svg-wrapper {
    margin-top: 0;
    height: 40px;
    border-radius: 3px
}

#shape {
    stroke-width: 6px;
    fill: transparent;
    stroke: #4a4e54;
    transition: 1s all ease
}

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

#text a {
    color: #4a4e54;
    font-size: 1.1em
}

.current-menu-item #shape {
    stroke-dasharray: 50 0;
    stroke-width: 3px;
    stroke-dashoffset: 0
}

@media screen and (min-width: 993px) {
    .svg-wrapper:hover #shape {
        stroke-dasharray: 50 0;
        stroke-width: 3px;
        stroke-dashoffset: 0
    }
}

.woocommerce-Tabs-panel--html5_video iframe {
    width: 100%;
    height: 350px
}

@media screen and (max-width: 768px) {
    .woocommerce-Tabs-panel--html5_video iframe {
        height: 250px
    }
}