/*
Theme Name: Generic
Theme URI: https://generic.tools/
Author: Bryan Hadaway
Author URI: https://calmestghost.com/
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy!
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Version: 99999999999
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: generic

Generic WordPress Theme © 2015-2022 GenericTools
Generic is distributed under the terms of the GNU GPL
*/

*{
    box-sizing: border-box;
    font-family: Red_R;
    transition: all .25s ease
}
html, body, h1, h2, h3, h4, h5, strong, b, p, li{
    margin: 0;
    padding: 0;
}

a{display: block; text-decoration: none; color: #000}
.container{width: 1200px; margin: 0 auto}
.mobile-block{display: none}

h2.title{font-size: 40px; font-family: Red_M; text-align: center; color: #3a3a3a; font-weight: 400}

@media(max-width: 1200px){
    h2.title{font-size: 24px}
    .container{width: 100%; padding: 0 30px}
    .mobile-block{display: block}
	
	#index-page .slider .container .language-absolute{display: none !important}
}

/* ========== ------- ШАПКА ------- ========== */
header{
    width: 100%;
    padding: 15px 0;
    position: relative
}
header::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 700px;
    background: #f9f1e6;
    content: '';
    z-index: 1
}
header::after{
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 700px;
    background: #fcf8f3;
    content: '';
    z-index: 0
}

header .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2
}
header .container .left{
    display: flex;
    align-items: center;
    width: 65%
}
header .container .left .block:nth-of-type(1){
    width: 65%;
    display: flex;
    align-items: center;
    margin-right: 3%;
    border-right: 1px solid rgba(0, 0, 0, 0.3)
}
header .container .left .block img{
    margin-right: 15px;
    width: 78px
}
header .container .left .block .text h4{
    font-size: 20px;
    font-family: Red_M;
    margin-bottom: 2px;
    font-weight: 400
}
header .container .left .block .text p{
    display: flex;
    align-items: center;
    margin: 3px 0;
    font-size: 15px;
    line-height: 20px;
}
header .container .left .block .text p i{
    width: 15px;
    text-align: center;
    margin-right: 5px
}

header .container .left .block:nth-of-type(2){
    width: 40%;
}
header .container .left .block a{
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
}
header .container .left .block a i{
    color: #000;
    font-size: 24px;
    margin-right: 15px;
    width: 24px;
    text-align: center
}

header .container .right{
    display: flex;
    align-items: center;
    width: 35%;
    justify-content: flex-end
}
header .container .right > a{
    padding: 0 14px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    color: #3a3a3a
}
header .container .right > a.active{
    font-family: Red_M
}
header .container .right > a:nth-of-type(2)::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1px;
    height: 16px;
    background: #000;
}
header .container .right > a:nth-of-type(2)::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1px;
    height: 16px;
    background: #000;
}
header .container .right > a i{
    font-size: 32px;
    color: #000
}

@media(max-width: 1200px){
    header{
        padding: 10px 0
    }
    header::before{
        width: 75%;
        height: 230px
    }
    header::after{
        width: 30%;
        height: 230px
    }
    
    header .container .left{
        width: 75%
    }
    header .container .left .block:nth-of-type(1){
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border-right: 0
    }
    header .container .left .block:nth-of-type(2){
        display: none
    }
    header .container .left .block img{
        width: 60px;
        margin-right: 8px
    }
    header .container .left .block .text h4{
        font-size: 14px
    }
    header .container .left .block .text p{
        font-size: 10px;
        line-height: 11px;
        align-items: flex-start
    }
    header .container .left .block .text p i{
        min-width: 10px;
        max-width: 10px;
        width: 10px;
    }
    
    header .container .right{
        width: 25%
    }
    header .container .right > a{
        display: none
    }
    header .container .right > a:nth-last-of-type(1){
        display: block;
        padding: 0;
        margin: 0 30px 0 0
    }
    header .container .right > a:nth-last-of-type(1) i{
        font-size: 24px
    }
}

/* ========== ------- ПОДВАЛ ------- ========== */
footer.container{
    margin: 170px auto 100px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    /* justify-content: space-between; */
    padding: 40px 0 60px
}
footer.container .column{
    width: 20%
}
footer.container .column:nth-of-type(1){
    width: 30%;
    padding-right: 5%
}

footer.container .column .title{
    font-size: 24px;
    line-height: 32px;
    font-family: Red_B;
    margin-bottom: 20px
}
footer.container .column .desc{
    font-size: 16px;
    line-height: 150%;
    color: #616161;
    margin: 18px 0
}
footer.container .column .href{
    font-size: 16px;
    margin-bottom: 18px;
    font-family: Red_M;
    color: #616161
}

footer.container .column form{
    display: flex;
    align-items: center;
    margin-bottom: 50px
}
footer.container .column form input{
    font-size: 16px;
    border: 0;
    padding: 12px 10px;
    color: #000;
    background: #f4f5f7;
    border-radius: 14px;
}
footer.container .column form input::placeholder{
    color: #828282
}
footer.container .column form button{
    border: 0;
    padding: 0;
    background: transparent;
    height: 45px;
    cursor: pointer
}

footer.container .column .line{
    display: flex;
    align-items: center;
    margin-bottom: 10px
}
footer.container .column .line i{
    font-size: 21px;
    color: #616161;
    margin-right: 10px;
    width: 16px
}
footer.container .column .line img{
    width: 16px;
    height: auto;
    margin-right: 10px
}

@media(max-width: 1200px){
    footer.container{
        padding: 0;
        margin: 40px auto 60px;
        flex-wrap: wrap;
        width: calc(100% - 80px);
        border-top: 0;
        border-bottom: 0
    }
    
    footer.container .column{
        width: 100% !important;
        padding: 20px 0 !important;
        border-top: 1px solid #d8d8d8
    }
    footer.container .column .title{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px
    }
    footer.container .column .href{
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0;
        margin-top: 7px;
        font-family: Red_R
    }
    footer.container .column .desc{
        font-size: 14px;
        margin: 10px 0
    }
    footer.container .column .line{
        font-size: 14px
    }
    footer.container .column .line i{
        font-size: 18px;
        margin-right: 5px;
        width: 15px
    }
    
    footer.container .column:nth-of-type(4){
        display: flex;
        justify-content: space-between
    }
    footer.container .column:nth-of-type(4) .title, footer.container .column:nth-of-type(4) form{
        display: none
    }
    
    footer.container .column:nth-of-type(1) .desc:nth-last-of-type(1){
        margin: 10px 0 0
    }
}

/* ========== ------- ГЛАВНАЯ СТРАНИЦА ------- ========== */
#index-page .slider .container > b, #index-page .slider .container > br{display: none}

#index-page{
    position: relative
}

#index-page .index-background{
    background: #fcf8f3;
    padding: 40px 0 80px
}
#index-page .index-background .news_block{
    margin: 200px auto 0
}
/* Слайдер */
#index-page .slider{
    padding-top: 65px;
    width: 100%;
    height: 620px;
    margin-top: 10px;
    position: relative;
    z-index: 1
}
#index-page .slider .container{
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: calc(100% - 65px);
}
#index-page .slider .container .form-absolute{
    position: absolute;
    top: -65px;
    left: 0;
    padding: 20px 60px 60px;
    background: rgba(255, 255, 255, 0.76);
    backdrop-filter: blur(15.5px);
    border-radius: 15px;
    width: 500px;
    z-index: 1
}
#index-page .slider .container .form-absolute br{
    display: none;
}
#index-page .slider .container .form-absolute h3{
    font-size: 20px;
    margin-bottom: 5px;
    font-family: Red_M;
    font-weight: 400
}
#index-page .slider .container .form-absolute textarea{
    height: 145px;
}
#index-page .slider .container .form-absolute input, #index-page .slider .container .form-absolute textarea{
    margin-top: 20px;
    background: #fff;
    padding: 12px;
    width: 100%;
    font-family: Red_R;
    font-size: 17px;
    line-height: 20px;
    color: #000;
    border: 0
}
#index-page .slider .container .form-absolute input::placeholder, #index-page .slider .container .form-absolute textarea::placeholder{
    color: rgba(0, 0, 0, .5)
}
#index-page .slider .container .form-absolute input.wpcf7-submit{
    padding: 16px 0;
    width: 100%;
    text-align: center;
    background: #ff3d2b;
    border: 0;
    color: #fff;
    font-size: 30px;
    font-family: Red_B;
    cursor: pointer;
    margin-bottom: 0;
}
#index-page .slider .container .form-absolute span.wpcf7-spinner{
    display: none;
}

#index-page .slider .container .language-absolute{
    position: absolute;
    top: -45px;
    right: 0;
    display: flex;
    z-index: 1
}
#index-page .slider .container .language-absolute > li{
    list-style-type: none;
    margin: 0 10px
}
#index-page .slider .container .language-absolute > li.lang-item-en{
    order: 1
}
#index-page .slider .container .language-absolute > li.lang-item-es{
    order: 2
}
#index-page .slider .container .language-absolute > li.lang-item-ru{
    order: 3
}
#index-page .slider .container .language-absolute > li.current-lang{
    padding: 0 5px;
    border: 1px solid #ff0000;
}

#index-page .slider .container .registr_fixed{
    position: absolute;
    bottom: 80px;
    right: 0;
    padding: 15px 20px 40px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(15.5px);
    border-radius: 15px;
    width: 280px;
    z-index: 1;
  display: none
}
#index-page .slider .container .registr_fixed .top{
    font-size: 28px;
    color: #3a3a3a;
    font-family: Red_M;
    margin-bottom: 5px
}
#index-page .slider .container .registr_fixed .mid{
    font-size: 16px;
    color: #616161;
    margin-bottom: 15px
}
#index-page .slider .container .registr_fixed .bot{
    font-size: 20px;
    color: #3a3a3a;
}

#index-page .slider .main-carousel{
    height: 100%;
    width: 100%;
}
#index-page .slider .main-carousel .carousel-cell{
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background-position: center !important;
    background-size: cover !important
}
#index-page .slider .main-carousel .carousel-cell:nth-of-type(1){
    padding: 0 15px 0 0;
}

#index-page .slider .main-carousel .flickity-viewport{
    height: 100% !important
}

#index-page .slider .main-carousel .flickity-page-dots{
    top: -40px;
    bottom: inherit
}
#index-page .slider .main-carousel .flickity-page-dots .dot{
    width: 11px;
    height: 11px;
    background: #d8d8d8;
    margin: 0 10px;
    opacity: 1
}
#index-page .slider .main-carousel .flickity-page-dots .dot.is-selected{
    background: #ff3d2b;
    position: relative
}
#index-page .slider .main-carousel .flickity-page-dots .dot.is-selected::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9px;
    margin: auto;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #ff3d2b;
    width: 27px;
    height: 27px
}

#index-page .slider .main-carousel .flickity-slider{
    transition: all .1s ease
}

#index-page .slider .main-carousel .flickity-button{
    width: 48px;
    height: 48px;
    background: #ff3d2b;
    color: #fff;
    top: -33px;
    z-index: 2
}
#index-page .slider .main-carousel .flickity-button.next{
    right: 15px
}
#index-page .slider .main-carousel .flickity-button.previous{
    right: 71px;
    left: inherit
}
#index-page .slider .main-carousel .flickity-button:disabled{
    opacity: 1;
    background: rgba(255, 61, 43, .3);
    color: #ff3d2b
}

/* Преимущества */
#index-page .prem_block{
    margin: 65px auto 70px;
    display: flex;
    justify-content: space-between
}
#index-page .prem_block .prem{
    display: flex;
    align-items: flex-start;
    width: 30%;
}
#index-page .prem_block .prem img{
    width: 40px;
}
#index-page .prem_block .prem .content{
    padding-left: 25px
}
#index-page .prem_block .prem .content .title{
    font-size: 18px;
    font-family: Red_M;
    margin-bottom: 7px;
}
#index-page .prem_block .prem .content .desc{
    font-size: 16px;
    line-height: 24px;
    color: #898989;
}
/* Видео */
#index-page .video_presentation{
    margin: 40px auto 200px
}
#index-page .video_presentation .all-iframe{
    margin-top: 45px;
    display: flex;
    justify-content: space-between
}
#index-page .video_presentation .all-iframe iframe{
    width: 48%;
    height: 330px;
    border: 0
}
/* Форма с доставкой */
#index-page .delivery{
    margin: 200px auto
}
#index-page .delivery .tabs{
    box-shadow: -1px 7px 16px rgba(198, 188, 188, 0.25);
    border-radius: 0px 0px 15px 15px;
    border: 0;
    margin-top: 45px
}
#index-page .delivery .tabs .tabs__content{
    padding: 30px 55px 50px;
    background: #fcf8f4;
    box-shadow: -1px 7px 16px rgba(198, 188, 188, 0.25);
    border-radius: 0px 0px 15px 15px;
    position: relative
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .title{
    font-size: 24px;
    color: #666363;
    margin-bottom: 25px;
    font-family: Red_M
}

#index-page .delivery .tabs .tabs__content .tabs__pane form .block-inputs{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .block-inputs input{
    width: 49%;
    border: 1px solid #898989;
    padding: 12px 18px;
    border-radius: 15px;
    font-size: 24px;
    color: #000;
    margin-bottom: 12px
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .block-inputs input::placeholder{
    color: #666363
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .block-inputs input.big{
    width: 65%
}

#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs{
    display: flex;
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs input{
    border: 1px solid #898989;
    border-radius: 15px;
    padding: 12px 16px;
    font-size: 24px;
    color: #000;
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs > input{
    width: 16%;
    padding: 12px 16px;
    margin-left: 30px
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs input::placeholder{
    color: #666363
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs .left{
    width: 70%;
    display: flex;
    justify-content: space-between;
    position: relative
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs .left .input{
    width: 49%;
    position: relative
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs .left .input input{
    width: 100%;
    padding: 12px 0 12px 46px
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs .left .input i{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 18px;
    color: #ff695b;
    font-size: 24px;
    height: fit-content;
    line-height: 27px
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs .left a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.25);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .row-inputs .left a i{
    font-size: 18px
}

#index-page .delivery .tabs .tabs__content .tabs__pane form .button{
    width: 100%;
    text-align: right;
    margin-top: 15px
}
#index-page .delivery .tabs .tabs__content .tabs__pane form .button button{
    border: 0;
    width: 210px;
    padding: 14px 0;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    font-size: 24px;
    background: #ff695b;
    cursor: pointer
}

#index-page .delivery .tabs .tabs__nav{
    border-bottom: 0
}
#index-page .delivery .tabs .tabs__nav .tabs__btn{
    max-width: 215px;
    padding: 13px 0;
    border-radius: 15px 15px 0px 0px;
    font-size: 24px;
    color: #666363;
    font-family: Red_M;
    background: #fff;
    box-shadow: -1px 7px 16px rgba(198, 188, 188, 0.25);
}
#index-page .delivery .tabs .tabs__nav .tabs__btn:nth-of-type(2){
    margin-left: 55px
}
#index-page .delivery .tabs .tabs__nav .tabs__btn_active{
    background: #fcf8f4
}
/* Почему мы */
#index-page .why_choose{
    padding: 35px 0 140px;
    margin: 0 0 50px;
    position: relative
}
#index-page .why_choose::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #fcf8f4;
    content: '';
    z-index: 1
}
#index-page .why_choose .container{
    position: relative;
    z-index: 2
}
#index-page .why_choose .container .all-block{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 5px
}
#index-page .why_choose .container .all-block .block{
    margin: 40px 0;
    width: 45%;
    display: flex;
    align-items: center
}
#index-page .why_choose .container .all-block .block .icon{
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
    background: #ff3d2b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px
}
#index-page .why_choose .container .all-block .block .icon img{
    max-width: 100%;
    max-height: 100%
}
#index-page .why_choose .container .all-block .block .text{
    padding-left: 25px
}
#index-page .why_choose .container .all-block .block .text .title{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    font-family: Red_B;
}
#index-page .why_choose .container .all-block .block .text .desc{
    font-size: 16px;
    line-height: 22px;
    color: #898989;
    width: 65%
}
/* Форма */
#index-page .form_block{
    margin: 200px auto
}
#index-page .form_block .all-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px
}
#index-page .form_block .all-block .block{
    width: 42%
}
#index-page .form_block .all-block .block p{
    font-size: 16px;
    line-height: 26px;
    color: #626060;
}
#index-page .form_block .all-block .block form input{
    margin-top: 20px;
    background: #fcf8f4;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.25);
    padding: 12px;
    width: 100%;
    font-family: Red_R;
    font-size: 17px;
    line-height: 20px;
    color: #000;
    border: 0
}
#index-page .form_block .all-block .block form input::placeholder{
    color: rgba(0, 0, 0, .5)
}
#index-page .form_block .all-block .block form input.wpcf7-submit{
    margin-top: 20px;
    padding: 16px 0;
    width: 100%;
    text-align: center;
    background: #ff3d2b;
    border-radius: 15px;
    border: 0;
    color: #fff;
    font-size: 30px;
    font-family: Red_B;
    cursor: pointer
}
#index-page .form_block .all-block .block form br{
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #fff;
}

@media(max-width: 1200px){
    #index-page .index-background{
        padding: 20px 0 30px;
        margin-bottom: 40px
    }
    
    #index-page .slider{
        padding-top: 0;
        height: 220px;
        margin-top: 0
    }
    #index-page .slider .container{
        height: 100%;
        position: relative;
        top: 0;
    }
     #index-page .slider .container .form-absolute{
        position: relative;
        top: 0;
        width: 100%;
        padding: 30px;
        margin: 18px 0 36px;
        overflow: hidden;
        box-shadow: 0 0 20px 0px #e7e7e7;
    }
    #index-page .slider .container .form-absolute input, #index-page .slider .container .form-absolute textarea {
        background: #f4f4f4;
    }
    #index-page .slider .main-carousel .carousel-cell{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 100%;
        text-align: center;
        padding: 0 30px
    }
    #index-page .slider .main-carousel .carousel-cell img{
        height: 100%;
        max-width: 100%
    }
    #index-page .slider .main-carousel .carousel-cell:nth-of-type(1){
        padding: 0 30px
    }
    #index-page .slider .main-carousel .flickity-button{
        display: none
    }
    #index-page .slider .main-carousel .flickity-page-dots{
        display: none
    }
    #index-page .slider .container .registr_fixed{
        bottom: 7px;
        right: 37px;
        width: 115px;
        padding: 12px 8px
    }
    #index-page .slider .container .registr_fixed .top{
        font-size: 14px;
        margin-bottom: 5px
    }
    #index-page .slider .container .registr_fixed .mid{
        display: none
    }
    #index-page .slider .container .registr_fixed .bot{
        font-size: 10px
    }
    
    #index-page .prem_block{
        margin: 10px auto 30px;
        flex-wrap: wrap
    }
    #index-page .prem_block .prem{
        width: 100%;
        margin-top: 15px
    }
    #index-page .prem_block .prem .content{
        padding-left: 15px
    }
    
    #index-page .video_presentation{
        margin: 0
    }
    #index-page .video_presentation .all-iframe{
        margin-top: 0;
        flex-wrap: wrap
    }
    #index-page .video_presentation .all-iframe iframe{
        width: 100%;
        height: 200px;
        margin-top: 15px
    }
    
    #index-page .why_choose{
        padding: 0 0 70px;
        margin: 0
    }
    #index-page .why_choose::before{
        content: inherit
    }
    #index-page .why_choose .container .all-block .block{
        margin: 10px 0;
        width: 100%;
        padding: 0 30px;
        align-items: flex-start
    }
    #index-page .why_choose .container .all-block .block .icon{
        min-width: 50px;
        max-width: 50px;
        min-height: 50px;
        max-height: 50px;
        padding: 7px
    }
    #index-page .why_choose .container .all-block .block .text{
        padding-left: 10px
    }
    #index-page .why_choose .container .all-block .block .text .title{
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 6px;
        font-family: Red_M
    }
    #index-page .why_choose .container .all-block .block .text .desc{
        font-size: 16px;
        line-height: 25px;
        width: 100%
    }
    
    #index-page .index-background .news_block{
        margin: 70px auto 0
    }
    #index-page .index-background .news_block .all-block{
        flex-wrap: wrap;
        margin-top: 15px
    }
    #index-page .index-background .news_block .all-block .block{
        width: 100%;
        margin-bottom: 15px
    }
    #index-page .index-background .news_block .all-block .block .top{
        height: 180px
    }
    #index-page .index-background .news_block .all-block .block .bot .title{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 5px
    }
    #index-page .index-background .news_block .all-block .block .bot .desc{
        font-size: 16px;
        line-height: 25px
    }
    
    #index-page .form_block{
        margin: 25px auto
    }
    #index-page .form_block .all-block{
        margin-top: 15px;
        flex-wrap: wrap
    }
    #index-page .form_block .all-block .block{
        width: 100%
    }
    #index-page .form_block .all-block .block form input{
        font-size: 14px;
        text-align: center;
        padding: 5px 0;
        border-radius: 4px;
        width: 75%;
        margin: 0 auto 10px;
        display: block
    }
    #index-page .form_block .all-block .block form button{
        padding: 5px 0;
        font-size: 14px;
        border-radius: 0;
        margin: 0 auto;
        width: 75%;
        display: block
    }
    #index-page .form_block .all-block .block:nth-of-type(2){
        margin-top: 15px
    }
    #index-page .form_block .all-block .block p{
        font-size: 16px;
        line-height: 25px;
    }
}

/* ========== ------- СТРАНИЦА ЗАПИСИ ------- ========== */
#single-page{
    width: 100%;
    position: relative;
    z-index: 1
}

#single-page .head-single{
    width: 100%;
    height: 400px;
    background-size: cover !important;
}
#single-page .head-single .content{
    width: 100%;
    height: 100%;
    background: rgba(39, 39, 39, 0.26);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#single-page .head-single .content h3{
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: Red_M;
    text-align: center
}
#single-page .head-single .content > p{
    margin-bottom: 65px;
    font-size: 24px;
    color: #fff;
    line-height: 24px
}
#single-page .head-single .content .author{
    display: flex;
    align-items: center
}
#single-page .head-single .content .author p{
    font-size: 24px;
    margin-left: 20px;
    color: #fff
}

#single-page .body-single{
    margin-top: 90px;
}
#single-page .body-single h1{
    font-size: 40px;
    color: #ff3d2b;
    font-weight: 400;
    font-family: Red_B;
    margin-bottom: 30px
}
#single-page .body-single h2{
    font-size: 24px;
    color: #ff3d2b;
    font-weight: 400;
    font-family: Red_B;
    margin-bottom: 30px;
}
#single-page .body-single h3{
    margin-bottom: 35px;
    font-size: 26px;
    font-family: Red_M;
    font-weight: 400
}
#single-page .body-single p{
    font-size: 16px;
    line-height: 26px;
}

#single-page .body-single .row-block{
    display: flex;
    align-items: center;
    margin: 90px 0
}
#single-page .body-single .row-block img{
    width: 55%
}
#single-page .body-single .row-block p{
    width: 45%;
    padding-left: 45px
}

#single-page .body-single .tags{
    margin-top: 70px;
    display: flex;
    align-items: center;
    font-size: 16px;
}
#single-page .body-single .tags a{
    margin-left: 7px;
    color: #ff3d2b;
}

@media(max-width: 1200px){
    #single-page .head-single{
        height: 200px
    }
    #single-page .head-single .content h3{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px;
        padding: 0 10%
    }
    #single-page .head-single .content > p{
        margin-bottom: 0;
        font-size: 12px;
        line-height: 14px
    }
    
    #single-page .body-single{
        margin-top: 25px
    }
    #single-page .body-single h1{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px
    }
    #single-page .body-single p{
        font-size: 12px
    }
    #single-page .body-single .tags{
        margin-top: 25px;
        font-size: 12px
    }
}

/* ========== ------- СТРАНИЦА КАТЕГОРИЙ ------- ========== */
#page-category{
    position: relative;
    margin-top: 40px;
    z-index: 1
}
#page-category .category-post{
    margin-bottom: 30px;
    width: 100%
}
#page-category .category-post img{
    width: 80%
}
#page-category .category-post h1{
    margin-top: 12px;
    font-size: 40px;
    line-height: 48px;
    color: #ff3d2b;
    width: 50%;
    margin-bottom: 25px
}
#page-category .category-post p{
    font-size: 24px;
    line-height: 36px
}

@media(max-width: 1200px){
    #page-category{
        margin-top: 30px
    }
    #page-category .category-post img{
        width: 100%
    }
    #page-category .category-post h1{
        font-size: 16px;
        line-height: 18px;
        margin-top: 10px;
        margin-bottom: 15px;
        width: 100%
    }
    #page-category .category-post p{
        font-size: 14px;
        line-height: 16px
    }
}

/* ========== ------- БИНДЫ ------- ========== */
/* Блог */
.our_blog{padding: 60px 0 100px; background: #fcf8f4; margin: 80px 0 60px}
.our_blog .all-block{margin: 45px auto 0; display: flex; justify-content: space-between}
.our_blog .all-block .block{width: 30%; padding: 60px 10px 0 40px; border-radius: 18px; background: #fff; display: flex; flex-direction: column; justify-content: space-between; border: 2px solid #fff}
.our_blog .all-block .block:hover{border: 2px solid #ff3d2b; box-shadow: 6px 1px 18px rgba(0, 0, 0, 0.25)}

.our_blog .all-block .block .top{width: 100%}
.our_blog .all-block .block .top .date{font-size: 16px; color: #d8d8d8; margin-bottom: 25px}
.our_blog .all-block .block .top .title{font-size: 24px; line-height: 32px; margin-bottom: 10px; font-family: Red_M}
.our_blog .all-block .block .top .desc{font-size: 16px; line-height: 20px; color: #746e6e; margin-bottom: 35px}

.our_blog .all-block .block .bot{width: 100%; display: flex; justify-content: end}
.our_blog .all-block .block .bot img{max-width: 100%; margin-right: -10px; border-radius: 50% 0 16px 0; height: 158px}

@media(max-width: 1200px){
    body .our_blog{
        padding: 30px 0 60px;
        margin: 30px 0 60px
    }
    body .our_blog .all-block{
        margin: 0 auto;
        flex-wrap: wrap
    }
    body .our_blog .all-block .block{
        width: 100%;
        margin-top: 20px;
        padding: 30px 15px 0 15px
    }
    body .our_blog .all-block .block .top .date{
        font-size: 16px;
        margin-bottom: 15px
    }
    body .our_blog .all-block .block .top .title{
        font-size: 18px;
        line-height: 20px
    }
    body .our_blog .all-block .block .top .desc{
        font-size: 16px;
        line-height: 24px
    }
}

/* Новости */
.news_block{margin: 200px auto}
.news_block .all-block{display: flex; justify-content: space-between; margin-top: 45px}
.news_block .all-block .block{width: 31.5%; background: #fff; border-radius: 14px; position: relative; bottom: 0}
.news_block .all-block .block:hover{bottom: 35px; box-shadow: 2px 7px 17px 3px rgba(0, 0, 0, 0.13)}

.news_block .all-block .block .top{border-radius: 14px 14px 0 0; width: 100%; height: 250px; background-size: cover !important; background-position: center !important}

.news_block .all-block .block .bot{padding: 15px 15px 75px; position: relative}
.news_block .all-block .block .bot .title{font-family: Red_M; font-size: 24px; line-height: 29px; color: #3a3a3a; margin-bottom: 10px}
.news_block .all-block .block .bot .desc{font-size: 16px; line-height: 24px; color: #898989}
.news_block .all-block .block .bot img{position: absolute; bottom: 25px; right: 25px}

/* ========== ------- ШРИФТЫ ------- ========== */
@font-face{
    font-family: Red_R;
    src: url(/wp-content/themes/generic/assets/font-family/RedHatText-Regular.ttf);
}
@font-face{
    font-family: Red_M;
    src: url(/wp-content/themes/generic/assets/font-family/RedHatText-Medium.ttf);
}
@font-face{
    font-family: Red_B;
    src: url(/wp-content/themes/generic/assets/font-family/RedHatText-Bold.ttf);
}

/* ========== ------- FIXED ЭЛЕМЕНТЫ ------- ========== */
#question_fixed{
    position: fixed;
    bottom: 30px;
    right: 25px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff695b;
    border-radius: 100px;
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    padding: 0 30px;
    z-index: 1;
    box-shadow: 1px 7px 12px rgba(0, 0, 0, 0.23);
    width: fit-content
}
#question_fixed img{
    margin-left: 20px;
    height: 60px
}

.contact-hrefs-fixed{
    position: fixed;
    bottom: 125px;
    right: 25px;
    display: flex;
    flex-direction: column;
    z-index: 2;
}
.contact-hrefs-fixed a{
    width: 50px;
    height: 50px;
    margin-top: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-hrefs-fixed a.phone{
    background: #000;
}
.contact-hrefs-fixed a.whatsapp{
    background: #25d366;
}

.contact-hrefs-fixed a i{
    color: #fff;
    font-size: 29px;
    line-height: 29px;
}
.contact-hrefs-fixed a.telegram i{
    font-size: 50px;
    line-height: 50px;
    color: #0088cc;
    background: #fff;
    border-radius: 50%;
}

@media(max-width: 1200px){
    #question_fixed{
        height: 60px;
        padding: 0 20px;
        font-size: 18px;
        z-index: 3;
        bottom: 10px;
        right: 10px
    }
    #question_fixed img{
        margin-left: 10px;
        height: 30px
    }
}

/* ========== ------- МЕНЮ - ГАМБУРГЕР ------- ========== */
header .hamb-menu #menu__toggle{
    opacity: 0;
    position: absolute
}
header .hamb-menu #menu__toggle:checked ~ .menu__box{
    visibility: visible;
    left: 0;
}
header .hamb-menu #menu__toggle:checked ~ .menu__btn > span{
    transform: rotate(45deg);
}
header .hamb-menu #menu__toggle:checked ~ .menu__btn > span::before{
    top: 0;
    transform: rotate(0);
}
header .hamb-menu #menu__toggle:checked ~ .menu__btn > span::after{
    top: 0;
    transform: rotate(90deg);
}
header .hamb-menu #menu__toggle:checked ~ .menu__btn span, header .hamb-menu #menu__toggle:checked ~ .menu__btn span::before, header .hamb-menu #menu__toggle:checked ~ .menu__btn span::after{
    background-color: #000
}

header .hamb-menu .menu__btn{
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 5;
    width: 15px;
    height: 10px;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto 0
}
header .hamb-menu .menu__btn span::before{
    content: '';
    top: -5px;
}
header .hamb-menu .menu__btn span::after{
    content: '';
    top: 5px;
}
header .hamb-menu .menu__btn span, header .hamb-menu .menu__btn span::before, header .hamb-menu .menu__btn span::after{
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition-duration: .25s;
}
header.disabled .hamb-menu .menu__btn span, header.disabled .hamb-menu .menu__btn span::before, header.disabled .hamb-menu .menu__btn span::after{
    background-color: #fff
}

header .hamb-menu .menu__box{
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 4;
    margin: 0;
    background: #fff;
    transition-duration: .25s;
    overflow: auto;
    padding: 25px 20px 0;
}
header .hamb-menu .menu__box .href{
    font-size: 21px;
    color: #3a3a3a;
    margin-bottom: 6px;
    text-transform: uppercase;
    width: 100%
}
header .hamb-menu .menu__box .soc{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 16px;
}
header .hamb-menu .menu__box .soc.top{
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #d8d8d8
}
header .hamb-menu .menu__box .soc i{
    width: 18px;
    margin-right: 5px;
    font-size: 18px;
    text-align: center
}


.hamb-menu .menu__box .language-absolute{
    display: flex;
	margin-top: 20px
}
.hamb-menu .menu__box .language-absolute > li{
    list-style-type: none;
    margin: 0 10px
}
.hamb-menu .menu__box .language-absolute > li.lang-item-en{
    order: 1;
	margin: 0 10px 0 0
}
.hamb-menu .menu__box .language-absolute > li.lang-item-es{
    order: 2
}
.hamb-menu .menu__box .language-absolute > li.lang-item-ru{
    order: 3
}
.hamb-menu .menu__box .language-absolute > li.current-lang{
    padding: 0 5px;
    border: 1px solid #ff0000;
}


/*.body-slider-type-video header::before {
    display: none;
}*/
.slider_videos {
    height: calc(100vh - 179px);
    box-shadow: 0 0 40px rgba(0,0,0,.5);
    position: relative;
    z-index: -10;
    overflow: hidden;
}
.slider_videos video {
    float: left;
    object-fit: cover;
}


@media screen and (max-width: 1200px) {
    .slider_videos {
        height: auto;
    }
    #index-page .slider.slider-video-type {
        height: auto;
    }
}