html, body, header { max-width: 100vw; overflow-x: hidden; }
.container2{
    width: 1010px;
    margin: 0 calc(50% - 505px);
}
.flex{
    display: flex;
}
header img{
    /* width: 253px; */
    height: auto;
    max-width: 50vw;
}
header .navbar-left{
    margin-left: 3.5vw !important;
}
header li.headerLine{
    font-size: 22px;
    color: #fff;
    margin-top: 4px;
}
header ul li.menuItem{
    padding-right: 15px;
}
header ul li.menuItem i{
    color: #294f7f;
}
header ul li.menuList a{
    font-weight: 300 !important;
}
header .headerButton a{
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    background: linear-gradient(180deg, #629fcf 0%, #294f7f 100%);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
    padding: 10px 24px;
    display: block;
    transition: 1s;
    width: 180px;
    height: 37px;
    margin: 10px 0 0 73.5%;
}
header .headerButton a:hover{
    background: linear-gradient(180deg, #294f7f 0%, #629fcf 100%);
}
header .navbar-nav.navbar-icons li a i{
    font-size: 20px;
}
header .navbar .navbar-nav .li-icon:focus, .navbar .navbar-nav .li-icon{
    background-color: #79889A;

}


/* INDEX */
#underHeaderMobile{
    display: none;
}
#mainSlider{
    width: 100vw;
    height: auto;
    /*margin-bottom: -600px;*/
}
#mainSlider .owl-carousel{
    display: block;
}
#mainSlider .mainSliderLeft{
    width: 50%;
}
#mainSlider .mainSliderLeft img{
    width: 100%;
}
#mainSlider span.right-slider {
    position: absolute;
    right: 0;
    text-align: left;
    transform: rotate(-90deg);
    font-family: Montserrat;
    font-weight: 800;
    font-size: 120px;
    line-height: 160px;
    color: #79889a23;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: 160px;
    margin-top: 50%;
}
#mainSlider .owl-dots{
    position: absolute;
    left: calc(50vw + 25px);
    top: calc(300px);
}
#mainSlider .owl-dots .owl-dot {
    margin: 5px 0;
    width: 10px;
}
#mainSlider .owl-dots .owl-dot span{
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 1px solid #231F1F;
    border-radius: 50%;
    display: block;
}
#mainSlider .owl-dots .owl-dot.active span {
    background-color: #231F1F;
}
#mainSlider .carousel-bg {
    width: 100%;
    height: 100vh;
    background-position: top left;
    background-size: auto 100vh;
    background-repeat: no-repeat;
}
#mainSlider .mainSliderLeft h1{
    font-family: Montserrat;
    font-weight: 800;
    font-size: 100px;
    line-height: 100px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 400px;
    text-align: left !important;
    position: relative;
    bottom: 700px;
    left: 70px;
}
#mainSlider .mainSliderLeft h1 span{
    color: #294f7f;
    font-family: Montserrat;
    font-weight: 800;
    font-size: 100px;
    line-height: 100px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 400px;
    text-align: left !important;
}
#mainSlider .mainSliderLeft .sliderOrangeBlock{
    position: relative;
    background: rgba(236, 105, 31, 0.8);
    width: 586px;
    z-index: 12;
    padding: 24px 75px;
    bottom: 625px;
}
#mainSlider .mainSliderLeft .sliderOrangeBlock h3{
    font-family: Roboto;
    font-weight: 700;
    font-size: 27px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    text-align: left !important;
    width: 354px;
}
#mainSlider .mainSliderLeft .sliderOrangeBlock h5{
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    text-align: justify;
    color: #FFFFFF;
    margin: 20px 0 0;
    padding: 0;
}
#mainSlider .mainSliderLeft .sliderWhiteBlock{
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    width: 220px;
    padding-top: 6px;
    z-index: 13;
    bottom: 685px;
    left: 427px;
}
#mainSlider .mainSliderLeft .sliderWhiteBlock s{
    font-family: Montserrat;
    font-weight: 300;
    font-size: 27px;
    line-height: 33px;
    padding: 0 22%;
    margin: 0;
    text-decoration-line: line-through;
    color: #321612;
}
#mainSlider .mainSliderLeft .sliderWhiteBlock h4{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    color: #294f7f;
    padding: 0 0 6px;
    margin: -4px 0 0;
}
#mainSlider .mainSliderRight{
    padding: 230px 80px;
    width: 50%;
}
#mainSlider .mainSliderRight h2{
    font-family: Roboto;
    font-weight: 900;
    font-size: 27px;
    line-height: 24px;
    color: #231F1F;  
    text-align: left !important; 
    padding: 20px 0;
    margin: 0;
}
#mainSlider .mainSliderRight p{
    font-family: Roboto;
    font-weight: 500;
    font-size: 21px;
    line-height: 29px;
    color: rgba(0, 0, 0, 0.7);
    margin: 2px 0;
}
#mainSlider .mainSliderRight ul li{
    font-family: Roboto;
    font-weight: 300;
    font-size: 21px;
    line-height: 29px;
    color: rgba(0, 0, 0, 0.7);
}

#mainCatalog{
    padding: 30px 0 10px;
}
#mainCatalog h2{
    font-family: Roboto;
    font-weight: 900;
    font-size: 34px;
    line-height: 40px;
    letter-spacing: 0.2em;
    color: #231F1F;
    text-align: center !important;
}
#mainCatalog .flex{
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 614px;
}
#mainCatalog .flex a.catalogBlock{
    width: 25%;
    height: 307px;
    margin: 0;
    padding: 0;
}
#mainCatalog .catalogBlock img{
    width: 100%;
}
#mainCatalog .flex a.catalogBlock .catalogText{
    width: 100%;
    height: 307px;
    background-color: rgba(1, 8, 17, 0.63);
    position: relative;
    z-index: 5;
    bottom: 307px;
}
#mainCatalog .flex .catalogText p{
    padding: 42% 0;
    margin: 0;
    font-family: Roboto;
    font-weight: 900;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #F8F8F8;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#mainCatalog .flex .catalogBorder{
    border: 1px solid #FFFFFF;
    width: 246px;
    height: 181px;
    position: relative;
    left: 36px;
    bottom: 180%;
    z-index: 6;
}
#mainCatalog .flex a.catalogBlock:hover .catalogText{
    background: rgba(236, 105, 31, 0.3);
    transition: 0.5s;
}
#mainCatalog .flex a.catalogBlock:hover .catalogBorder{
    height: 211px;
    bottom: 185%;
    transition: 0.5s;
}


#mainNumbers{
    padding: 50px 0;
    justify-content: space-around;
}
#mainNumbers .mainNumbersBlock h2{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 70px;
    line-height: 85px;
    color: #222426;  
    text-align: center;
    margin: 0 auto;
    padding-bottom: 10px;
}
#mainNumbers .mainNumbersBlock .mainNumbersLine{
    background-color: #294f7f;
    height: 5px;
    width: 60px;
    margin: 0 calc(50% - 30px);
}
#mainNumbers .mainNumbersBlock p{
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: rgba(0, 0, 0, 0.7); 
    margin-top: 15px;  
}


.discount{
    width: 100%;
    background: #79889A;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    margin: 64px auto;
    height: 146px;
    display: flex;
}
.discount img{
    padding: 15px 33px;
}
.discount h3{
    color: #FFFFFF !important;
    letter-spacing: 0.2em !important;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 27px !important;
    line-height: 32px !important;
    text-align: left !important;
    margin: 20px 0 5px;
}
.discount h6{
    font-family: Roboto !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #FFFFFF;  
    max-width: 400px;
    margin: 2px 100px 0 0;
}
.discount a{
    font-family: Roboto;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    background: linear-gradient(180deg, #629fcf 0%, #294f7f 100%);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
    padding: 15px 32px;
    display: block;
    margin: 44px auto 52px 0;
    transition: 1s;
    min-width: 252px;
    max-width: 266px;
}
.discount a:hover{
    background: linear-gradient(180deg, #294f7f 0%, #629fcf 100%);
}

#where{
    padding-left: 0;
    padding-right: 0;
    height: 310px !important;
}
#where .col-xs-3{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#where .whereItem{
    width: 25%;
    height: 100%;
    background: #294f7f;
}
#where .whereItem h2{
    font-family: Roboto;
    font-weight: 700;
    font-size: 21px;
    color: #FFFFFF;
    text-align: left !important;
    margin: 100px 30px 0 41px;
    line-height: 34px;
}
#where .whereImg{
    width: 25%;
    height: 100%;
}
#where .whereImg img{
    width: 100%;
    height: 100%;
}
#where .whereImg a{
    position: relative;
    top: -40px;
    left: 36px;
    font-family: Roboto;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    z-index: 4;
    text-transform: uppercase;
}
#where .whereWork{
    height: 0;
    overflow: hidden;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    width: 317.5px;
    position: relative;
    bottom: 299px;
    z-index: 3;
    padding: 0 36px;
}
#where .whereWork p{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #231F1F;
    margin: 3px 0;
}
#where .whereImg:hover .whereWork{
    height: 280px;
    transition: 0.5s;
    padding: 130px 36px 0;
}
#where .whereImg:hover a{
    color: #231F1F;
    top: -190px;
    transition: 0.5s;
}



/* CONTACTS */
#contacts{
    padding-top: 150px;
}
#contacts .contactsItem{
    font-family: Roboto;
    font-weight: 700;
    font-size: 21px;
    line-height: 27px;
    color: #231F1F;
    text-align: left !important;
    width: 400px;
}
#contacts .contactsLeft p.contactsText{
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.7);
    margin: 25px 0;
    width: 380px;
}
#contacts .contactsLeft .contactPoint{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
    width: 380px;
}
#contacts .contactsLeft img{
    width: 23px;
    margin: 5px 18px 0 0;
}
#contacts .contactsLeft li a{
    font-family: Roboto;
    font-weight: 300;
    font-size: 21px;
    line-height: 27px;
    color: #231F1F;
}
#contacts .contactsLeft li a:hover{
    color: #294f7f;
}
#contacts .contactsRight{
    background-color: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    margin-top: -30px;
    padding: 35px 30px;
}
#contacts .contactsRight .forminfo .contactsFormText{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 45px;
}
#contacts .contactsRight .forminfo .contactsFormText p{
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.7);
    margin: 2px 0 0 15px;
}
#contacts .contactsRight .form-group button.buttDest{
    background-color: rgba(225, 225, 225, 0);
    border-color: rgba(225, 225, 225, 0);  
    color: #294f7f;
    margin-top: 20px;
}
#contacts .contactsRight .form-group button:hover{
    border-color: #294f7f;
}
#contacts .contactsImg{
    display: none;
}
#contacts .contactsMobileItem{
    display: none;
}
#contacts .contactsRight .form-group button.buttMob{
    display: none;
}
#myTabContent.tab-content{
    height: 422px !important;
}


/* DELIVERY */
.delivery{
    padding-top: 120px;
}
#productRow article{
    padding: 30px 0;
}
#productRow article .col-sm-4 img{
    background-color: #D3D4D4;
    width: 90%;
    margin: 0 30px 0 0 ;
}
#productRow article .col-sm-8 h2{
    font-family: Roboto;
    font-weight: 700;
    font-size: 21px;
    line-height: 23px;
    color: #000;
    text-align: left !important;
    margin-top: 0;
    margin-bottom: 30px;
}
#productRow article .col-sm-8 h4{
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    text-align: left !important;
    text-transform: uppercase;
    margin: 0 0 4px;
}
#productRow article .col-sm-8 p{
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    line-height: 23px;
    color: #000;
    text-align: left !important;
    margin: 0;
}



/* GALLERY */
.galleryMain{
    padding-top: 130px;
}
.galleryMain .galleryPoint{
    width: 33.33%;
}
.galleryMain .galleryPoint img{
    width: 100%;
    height: 322px;
}
.galleryMain .galleryPoint p{
    font-family: Roboto;
    font-weight: 900;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF !important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    text-align: center;
    bottom: 170px;
    z-index: 101;
}
.galleryMain .galleryPoint .galleryFilter{
    width: 337px;
    height: 322px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    z-index: 100;
    top: 130px;
}
.galleryMain .galleryPoint a:hover .galleryFilter{
    background-color: rgba(236, 105, 31, 0.8);
    transition: 0.5s;
}

.galleryText h1{
    font-family: Roboto;
    font-weight: 700;
    font-size: 27px;
    line-height: 32px;
    letter-spacing: 0.2em;
    color: #231F1F;
    margin: 40px auto 20px;    
}
.galleryText p{
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    line-height: 23px;
    color: #000000; 
}

/* GALERY DETAL */
.videocontainer .contentv{
    top: calc(100vh - 56px) !important;
}
.videocontainer .contentv .container{
    width: 200px;
    padding-right: 60px;
}
.videocontainer .contentv p{
    width: 38px;
    height: 38px;
    background-color: rgba(255, 255, 255, 0);
    border: 3px solid rgba(255, 255, 255, 0);
}
.videocontainer .contentv .container .sound{
    animation-name: none;
    margin: -3px auto 0;
}
.sound svg:hover path{
    fill: #294f7f;
    stroke: #294f7f;
}
.videocontainer .contentv a i{
    font-size: 44px;
    margin: 20px 0;
}

footer.footer{
    background-color: #999;
}
footer .col-sm-4{
    margin: 0;
    padding: 0;
    width: 44%;
}
footer .col-sm-2{
    margin: 0;
    padding: 0;
    width: 12%;
}
footer .col-sm-3{
    width: 22%;
    padding: 0;
}
footer .footerLogo a img{
    width: 253px !important;
    height: auto; 
    margin: 25px 0 15px;
}
footer .footerLogo p{
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    margin: 3px 0;
}
footer .footerLogo p a{
    color: #294f7f;
    margin: 10px 0;
}
footer .footerLogo p a:hover{
    color: #fff;
}
footer .footerLogo .footerButton a{
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    padding: 12px 24px;
    background: linear-gradient(180deg, #629fcf 0%, #294f7f 100%);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
    width: 242px;
    position: relative;
    top: 20px;
}
footer .footerLogo .footerButton a:hover{
    background: linear-gradient(180deg, #294f7f 0%, #629fcf 100%);
}
footer .footerIcons{
    margin-top: 40px;
}
footer .footerIcons .flex img{
    width: 56px;
    height: 56px;
    margin: 5px 10px 5px 0;
}
footer .footerList{
    margin: 30px 0 30px 30px;
}
footer .footerList p{
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    margin: 5px 0;
}
footer .footerContacts{
    margin: 30px 0 0 10px;
}
footer .footerContacts svg{
    margin: 0 10px;
}
footer .footerEnd p{
    font-family: Roboto;
    font-weight: 300;
    font-size: 10px;
    line-height: 24px;
    text-align: center;
    color: #F8F8F8;
    margin-top: 25px;
}
footer svg path{
    transition: 0.5s
}
.svgFooter:hover .svg1{
    stroke: #294f7f;
}
.svgFooter:hover .svg2, .svgFooter:hover .svg3, .svgFooter:hover .svg4{
    fill: #294f7f;
}
#kryva{
    display: none;
}


@media(max-width: 1199px){
    .container2 {
        width: 98vw;
        margin: 0 1vw;
    }
    #mainSlider{
        /*margin-bottom: -450px;*/
    }
    #mainSlider .mainSliderLeft h1{
        font-size: 60px;
        line-height: 60px;
        width: 300px;
        bottom: 500px;
        left: 50px;
    }
    #mainSlider .mainSliderLeft h1 span{
        font-size: 60px;
        line-height: 60px;
        width: 300px;
    }
    #mainSlider .mainSliderLeft .sliderOrangeBlock{
        width: 400px;
        padding: 24px 45px;
        bottom: 450px;
    }
    #mainSlider .mainSliderLeft .sliderOrangeBlock h3{
        font-size: 20px;
        line-height: 25px;
    }
    #mainSlider .mainSliderLeft .sliderOrangeBlock h5{
        font-size: 12px;
        line-height: 18px;
        margin: 16px 0 0;
    }
    #mainSlider .mainSliderLeft .sliderWhiteBlock{
        bottom: 490px;
        left: 250px;
    }
    #mainSlider .mainSliderLeft .sliderWhiteBlock s{
        font-size: 20px;
        line-height: 25px;
    }
    #mainSlider .mainSliderLeft .sliderWhiteBlock h4{
        font-size: 26px;
        line-height: 30px;
    }
    #mainSlider .mainSliderRight{
        padding: 100px 0 0 50px;
    }

    #mainCatalog .flex{
        width: 980px;
        margin: 0 calc(50% - 490px);
        height: 480px;
    }
    #mainCatalog .flex a.catalogBlock{
        width: 245px;
        height: 240px;
    }
    #mainCatalog .flex a.catalogBlock .catalogText{
        height: 240px;
        bottom: 240px;
    }
    #mainCatalog .flex .catalogText p{
        padding: 45% 0;
        font-size: 16px;
        line-height: 20px;
    }
    #mainCatalog .flex .catalogBorder{
        width: 190px;
        height: 150px;
        left: 26px;
        bottom: 180%;
    }
    #mainCatalog .flex a.catalogBlock:hover .catalogBorder{
        height: 170px;
        bottom: 183%;
    }

    header #navbar ul {
        padding: 0 12vw;
    }
    header .headerButton a{
        display: none;
    }
}


@media(max-width: 992px){
    footer .flex{
        display: block;
    }
    footer .container{
        margin: 0;
        padding: 0;
    }
    footer .col-sm-4{
        width: 100vw;
    }
    footer .col-sm-2{
        width: 100vw;
    }
    footer .col-sm-3{
        width: 100vw;
    }
    footer .footerLogo a img{ 
        margin: 20px calc(50% - 152px);
        width: 303px !important;
    }
    footer .footerLogo p{
        font-size: 21px;
        line-height: 24px;
        margin: 3px auto;
        text-align: center;
    }
    footer .footerLine{
        width: 100vw;
        background-color: #79889A;
        height: 1px;
        margin: 30px 0 22px;
    }
    footer .footerLogo .footerButton a{
        top: 230px;
        left: calc(50% - 145px);
    }
    footer .footerIcons{
        display: none;
    }
    footer .footerList{
        margin: -35px calc(50% - 140px) 0;
        width: 280px;
    }
    footer .footerList p{
        font-size: 18px;
        line-height: 21px;
        font-weight: 200;
        margin: 5px 0;
    }
    footer .footerContacts{
        margin: -40px calc(50% - 129px) 110px;
    }
    footer .footerContacts svg{
        margin: 0 15px;
        width: 56px !important;
        height: 56px !important;
    }
    footer .footerEnd p{
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        color: rgba(248, 248, 248, 0.7);
        width: 700px;
        margin: 16px auto;
    }

    #discount,
    #takeCall{
        display: none;
    }



    /* CONTACTS */
    #contacts{
        padding-top: 100px;
    }
    #contacts .contactsLeft{
        width: 400px;
        margin: 0 calc(50% - 200px);
    }
    #contacts .contactsRight{
        width: 600px;
        margin: 50px calc(50% - 300px);

    }


    /* DELIVERY */
    .delivery{
        padding-top: 80px;
    }
    #productRow article{
        padding: 40px 0;
        width: 700px;
        margin: 20px calc(50% - 350px) 0;
    }



    /* KRYVA */
    #kryva{
        height: auto;
        background-color: #E5E5E5;
        margin: 100px 0;
        display: block;
        padding-bottom: 20px;
    }
    #kryva:before {
        content: "";
        height: 0;
        border-left: 100vw solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 50px solid #E5E5E5;
        display: inline-block;
        z-index: 1;
        position: absolute;
        left: 0;
        margin-top: -49px;
    }
    #kryva:after {
        content: "";
        height: 0;
        border-left: 0 solid transparent;
        border-right: 100vw solid transparent;
        border-top: 50px solid #E5E5E5;
        margin-top: 19px;
        display: inline-block;
        z-index: 1;
        position: absolute;
        left: 0;
    }
    #kryva img.kryvaLogo{
        position: relative;
        width: 108px;
        margin: -80px calc(50% - 54px) 30px;
        z-index: 3;
    }
    #kryva h3{
        font-family: Montserrat;
        font-weight: 800;
        font-size: 21px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.2em;
        color: #2B2525;
        margin: 0 auto; 
    }
    #kryva p{
        font-family: Montserrat;
        font-weight: 300;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #7D7D7D;
        width: 210px;
        margin: 15px calc(50% - 105px);
    }
    #kryva svg.kryvaArrow{
        position: relative;
        z-index: 3;
        width: 30px;
        margin: 20px calc(50% - 15px);
    }
    #kryva a.kryvaButton{
        position: relative;
        z-index: 3;
        display: block;
        font-family: Roboto;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        background: linear-gradient(180deg, #629fcf 0%, #294f7f 100%);
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
        width: 214px;
        height: 45px;
        padding: 12px;
        margin: 10px calc(50% - 107px);
    }
    #kryva.kryva,
    #kryva.kryvaSale{
        background-color: #79889A;
    }
    #kryva.kryva:before,
    #kryva.kryvaSale:before{
        border-bottom: 51px solid #79889A;
    }
    #kryva.kryva:after,
    #kryva.kryvaSale:after{
        border-top: 50px solid #79889A;
    }
    #kryva.kryva p,
    #kryva.kryva p strong,
    #kryva.kryvaSale p{
        color: #fff;
    }
    #kryva.kryva svg.kryvaArrow{
        stroke: #fff;
        fill: #fff;

    }

    #kryva.kryvaSale h3{
        color: #fff;
    }
    #kryva.kryvaSale .kryvaLine{
        width: 80px;
        height: 2px;
        background-color: #fff;
        margin: 30px calc(50% - 40px);
    }

    #where{
        margin-bottom: 300px;
    }
    #where .whereItem{
        width: 50%;
    }
    #where .whereImg{
        width: 50%;
    }



    /* GALLERY */
    .galleryMain{
        padding-top: 130px;
        width: 100vw;
        margin: 0 auto;
    }

    .galleryMain .galleryPoint img{
        width: 100%;
        height: auto;
    }
    .galleryMain .galleryPoint .galleryFilter{
        width: 100%;
    }
    .galleryText{
        width: 98vw;
        margin: 0 1vw;
    }


    /* INDEX */
    #mainSlider{
        display: none;
    }

    #mainCatalog{
        padding: 50px 0;
        margin: 0 calc(50% - 322px);
    }
    #mainCatalog h2{
        display: block;
        font-family: Montserrat;
        font-weight: 700;
        font-size: 27px;
        line-height: 33px;
        text-align: center;
        text-transform: uppercase;
        color: #2E2828;
        width: 222px;
        margin: 0 calc(50% - 111px);
    }
    #mainCatalog .flex{
        width: 644px;
        height: auto;
        margin: 0;
        padding: 0;
    }
    #mainCatalog .flex a.catalogBlock{
        width: 322px;
        height: 311px;
    }
    #mainCatalog .catalogBlock img{
        width: 322px;
    }
    #mainCatalog .flex a.catalogBlock .catalogText{
        width: 322px;
        height: 311px;
        bottom: 311px;
    }
    #mainCatalog .flex .catalogText p{
        padding: 44% 0;
        font-size: 21px;
        line-height: 25px;
    }
    #mainCatalog .flex .catalogBorder{
        width: 246px;
        height: 181px;
        left: 36px;
        bottom: 180%;
    }

    #mainNumbers{
        display: block;
    }
    #mainNumbers .mainNumbersBlock{
        width: 100%;
        padding-bottom: 30px;
    }
    #mainNumbers .mainNumbersBlock h2{
        font-size: 60px;
        line-height: 73px;
        color: #232527; 
    }
    header ul li.notablet{
        display: none;
    }
    header #navbar ul li.headerLine{
        display: none;
    }
    header #navbar ul{
        padding: 15px 15vw 0;
    }
    header #navbar ul li{
        border-style: solid;
        border-width: 0 0 0.5px;
        border-color: #fff;
        width: 60vw;
    }
    header #navbar ul li a{
        font-family: Roboto;
        font-weight: 300;
        font-size: 16px;
        line-height: 19px;
    }
    header #navbar ul li.menuItem a{
        font-weight: 700;
    }
    header #navbar ul li.menuItem a i{
        display: none;
    }


}
@media(max-width: 768px){
    header ul li.notablet a i.lil-th{
        display: none !important;
    }
    header .navbar-header button{
        margin-right: 19vw;
    }
    header .navbar-header button span.icon-bar{
        height: 3px;
        background-color: rgba(255, 255, 255, 1) !important;
    }
    header .navbar .navbar-icons{
        right: 5vw;
    }
    header #navbar ul{
        padding: 15px 10vw 0;
        margin-left: 0 !important;
    }
    header #navbar ul li{
        width: 80vw;
        background-color: rgba(255, 255, 255, 0.297);
        margin-bottom: 2px;
    }

    .part12{
        width: 100vw;
    } 
    footer .footerLogo p{
        margin: 8px auto;
        text-align: center;
        width: 275px;
    }
    footer .footerLogo .footerButton a{
        top: 260px;
        left: calc(50% - 121px);
    }
    footer .footerEnd p{
        width: 260px;
    }
    .footerContacts p a {
        color: #294f7f;
        font-size: 16px !important;
    }


    /* CONTACTS */
    #contacts{
        padding-top: 100px;
        margin-bottom: -20px;
    }
    #contacts .contactsHide{
        display: none;
    }
    #contacts .contactsMobileItem{
        display: block;
        font-family: Montserrat;
        font-weight: 700;
        font-size: 21px;
        line-height: 27px;
        text-align: center;
        color: #231F1F;
        margin: 20px calc(50% - 130px);
        width: 260px;
        text-transform: none;
    }
    #contacts .contactsLeft .contactPoint{
        margin: 10px calc(50% - 140px);
        width: 280px;
    }
    #contacts .contactsLeft li a{
        font-size: 20px;
        line-height: 27px;
        color: rgba(0, 0, 0, 0.7);
        letter-spacing: -0.05em;
    }
    #contacts .contactsLeft li a.contTel{
        color: #294f7f;
    }
    #contacts .contactsRight{
        background-color: #294f7f;;
        box-shadow: none;
        margin: 0 auto;
        padding: 120px 20px 10px;
        width: 100vw;
    }
    #contacts .contactsRight .forminfo .contactsFormText{
        margin-bottom: 45px;
    }
    #contacts .contactsRight .forminfo .contactsFormText img{
        display: none;
    }
    #contacts .contactsRight .forminfo .contactsItem{
        font-family: Montserrat;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        text-align: center !important;
        color: #FFFFFF;
        width: 310px;
        margin: 0 calc(50% - 155px) 30px;
    }
    #contacts .contactsRight .forminfo .contactsFormText p{
        font-family: Roboto;
        font-weight: 300;
        font-size: 21px;
        line-height: 24px;
        text-align: center !important;
        color: #4B5561;
    }
    #contacts .contactsRight .form-group input,
    #contacts .contactsRight .form-group input::placeholder,
    #contacts .contactsRight .form-group textarea,
    #contacts .contactsRight .form-group textarea::placeholder{
        font-family: Roboto;
        font-weight: 300;
        font-size: 18px;
        line-height: 27px;
        color: #4B5561 !important;
    }
    #contacts .contactsRight .form-group input:focus,
    #contacts .contactsRight .form-group textarea:focus{
        border-bottom: 1px solid #fff !important;
    }
    #contacts .contactsRight .form-group button.buttDest{
        display: none;
    }
    #contacts .contactsRight .form-group button.buttMob{  
        font-family: Roboto;
        display: block;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.1em;
        color: #231F1F;
        text-transform: uppercase;
        background: linear-gradient(180deg, #FFFFFF 0%, #EBE9E9 100%) !important;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4) !important;
        width: 257px;
        height: 53px;
        text-align: center;
        padding: 15px 0;
        margin: 40px calc(50% - 129px);
    }
    #contacts .contactsImg{
        display: block;
        position: relative;
        width: 320px;
        margin: -60px calc(50% - 160px) 0;
        z-index: 8;
        top: 75px;
    }
    #contacts .contactLine{
        width: 188px;
        height: 1px;
        background-color: rgba(104, 118, 134, 0.9);
        margin: 0 calc(50% - 94px);
    }
    #myTabContent.tab-content{
        height: 80vh !important;
    }


    /* DELIVERY */
    .delivery{
        padding-top: 80px;
    }
    #productRow article{
        padding: 40px 0;
        width: 100vw;
        margin: 0 10px;
    }
    #productRow article .col-sm-4,
    #productRow article .col-sm-8,
    #productRow article .deliveryMove1,
    #productRow article .deliveryMove2,
    #productRow article .deliveryMove3,
    #productRow article .deliveryMove4{
        width: 100vw;
        padding: 0;
        margin: 0 0;
    }
    #productRow article .col-sm-4 img{
        width: 100vw;
        margin: 20px 0;
    }
    #productRow article .deliveryMove1 h2,
    #productRow article .deliveryMove2 h2,
    #productRow article .deliveryMove3 h2,
    #productRow article .deliveryMove4 h2{
        font-family: Montserrat;
        font-weight: 700;
        font-size: 27px;
        line-height: 23px;
        text-align: center !important;
        color: #2E2828;
    }
    #productRow article .deliveryMove1 h4,
    #productRow article .deliveryMove2 h4,
    #productRow article .deliveryMove3 h4,
    #productRow article .deliveryMove4 h4{
        font-family: Montserrat;
        font-weight: 500;
        color: #000;
        text-align: center !important;
        text-transform: uppercase;
        margin: 0 0 4px;
        width: 300px;
        margin: 0 calc(50% - 150px);
    }
    #productRow article .col-sm-8 p{
        font-size: 16px;
        color: #000;
        text-align: left !important;
        margin: 0 10px;
    }



    #where{
        height: auto !important;
        margin-bottom: 0;
    }
    #where .whereItem{
        width: 100%;
        height: 40%;
        background: none;
    }
    #where .whereItem h2{
        font-family: Montserrat;
        font-weight: 800;
        font-size: 24px;
        line-height: 29px;
        text-align: center !important;
        color: #231F1F;
        margin: 0 auto;
    }
    #where .whereItem h2 span{
        font-family: Montserrat;
        font-weight: 800;
        font-size: 24px;
        line-height: 29px;
        text-align: center !important;
        color: #294f7f;
    }
    #where .whereImg{
        width: 317px;
        height: 324px;
        margin: 0 calc(50% - 159px);
        padding-bottom: 60px;
    }
    #where .whereImg a{
        position: relative;
        top: 10px;
        left: 48px;
        z-index: 4;
        font-family: Montserrat;
        font-weight: 300;
        font-size: 21px;
        line-height: 26px;
        color: rgba(104, 118, 134, 0.9);
        text-align: center !important;
    }




    /* GALLERY */
    .galleryMain{
        padding-top: 100px;
    }
    .galleryMain .flex{
        display: block;
    }
    .galleryMain .galleryPoint{
        width: 100%;
        margin-bottom: -28px;
    }
    .galleryMain .galleryPoint img{
        width: 360px;
        height: 360px;
        margin: 0 calc(50% - 180px);
    }
    .galleryMain .galleryPoint a .galleryFilter{
        display: none;
    }
    .galleryText h1{
        font-family: Montserrat;
        font-weight: 700;
        font-size: 27px;
        line-height: 33px;
        text-align: center;
        color: #231F1F;
        margin: 40px auto 20px;    
    }
    .galleryText .flex{
        display: block;
    }
    .galleryText .col-sm-6{
        width: 100%;
        padding: 0 5px;
    }
    .galleryText p{
        font-family: Roboto;
        font-weight: 300;
        font-size: 16px;
        line-height: 23px;
        color: rgba(0, 0, 0, 0.7);
    }

    /* INDEX */
    #mainCatalog{
        padding: 20px 0 50px;
        margin: 0 calc(50% - 161px);
    }
    #mainCatalog .flex{
        width: 322px;
    }

    #underHeaderMobile{
        background-image: url(images/underHead.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: block;
        height: 100vh;
        padding-top: 90px;
    }
    #underHeaderMobile .underHBlock{
        margin: 10% 12%;
    }
    #underHeaderMobile h2{
        font-family: Montserrat;
        font-weight: 800;
        font-size: 50px;
        line-height: 52px;
        color: #FFFFFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
        text-align: left !important;   
    }
    #underHeaderMobile h2 span{
        font-family: Montserrat;
        font-weight: 800;
        font-size: 50px;
        line-height: 52px;
        color: #294f7f;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);    
    }
    #underHeaderMobile h5{
        font-family: Roboto;
        font-weight: 700;
        font-size: 16px;
        line-height: 23px;
        color: #FFFFFF; 
        letter-spacing: 0.1em;
        text-transform: none;
    }
    #underHeaderMobile a.underHeaderButton{
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.1em;
        font-family: Roboto;
        font-weight: 700;
        color: #FFFFFF;   
        background: linear-gradient(180deg, #629fcf 0%, #294f7f 100%);
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.3);
        width: 264px;
        display: block;
        margin: 50px calc(50% - 132px) 0;
        padding: 13px 40px;
    }
    .mobileNone{
        display: none;
    }
}
#myVideo {
    margin-top: 85px;
}