@font-face {
    font-family: 'Font Regular';
    src: url('font-regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Font Bold';
    src: url('font-bold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Font2';
    src: url('font2-regular.woff') format('woff2'),
          url('font2-regular.woff2') format('woff2');
    font-display: swap;
}
body {
  max-width: 100%;
  overflow-x: hidden;
}
.separator.slanted {
    display: none !important;
}
/* .bigSliderSections {
    height: auto;
    min-height: 90vh;
    padding-top: 120px;
}
.bigSliderSections #bigSliderLogos {
    width: 90%;
    margin-left: auto;
    margin-right: auto !important;
    margin-bottom: 70px;
}
.bigSliderSections #bigSliderLogos .col {
    opacity: var(--bigSliderLogos-opacity);
}
.bigSliderSections #bigSliderLogos .col:hover {
    opacity: var(--bigSliderLogos-hover-opacity);
}
.bigSliderColumns-cont {
    min-height: 430px;
} */
.ornamentRightSquere {
    bottom: 3rem;
}
.ornamentRightSqueres-cont {
    margin-bottom: calc(12% - -3.5rem);
}
/* .bigSliderSections .ornamentBck {
    left: -3%;
    background-size: 110% auto;
} */
#footer-bck .ornamentRightSquere {
    bottom: -3.5rem;
    width: 11%;
    padding-top: 11%;
}
#footer-bck .ornamentRightSqueres-cont {
    margin-bottom: calc(11% - 3rem);
    width: 7%;
}
.navbarLogo {
    padding-top: 10px;
    padding-bottom: 10px;
}
#header-main {
    height: auto;
}
#header-main .navbarLogo {
    z-index: 3000;
}
#header-main .navbar {
    align-self: center;
}
.submenu-cont {
    /* top: 60px; */
    top: 0;
}
.columnsProportion-cont {
    max-width: 1400px;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.columnsProportionPhotos.order-lg-2 {
    padding-right: 0 !important;
}
.columnsProportionPhotos.order-1 {
    padding-left: 0 !important;
}
.columnsProportionPhotos.order-lg-2 .columnsProportionPhotos-img {
    justify-content: flex-end;
    display: flex;
}
.columnsProportionPhotos {
    width: 45%;
}
.columnsProportionText {
    width: 45%;
    padding-right: 10% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.columnsProportionText.order-lg-1 {
    padding-left: 10% !important;
    padding-right: 0 !important;
}
.headerOrnament .headerCenter span::before, .headerOrnament .headerRight span::before {
    content: '';
    width: 18px;
    height: 18px;
    background: var(--columnsProportion-evenOdd-header-ornament-bck);
    right: -30px;
    bottom: 0px;
    display: block;
    position: absolute;
}
.headerOrnament .headerRight span::before {
    background: rgba(255, 255, 255, 0.7);
}
.columnsProportionText .desc {
    padding-bottom: 2rem;
}
.columnsProportionText .desc::after {
    content: '';
    display: block;
    position: absolute;
    width: 70%;
    height: 2px;
    background: var(--columnsProportion-evenOdd-sceneSeparator-bck);
    left: 0;
    bottom: 2rem;
}
.columnsProportionText h3.w-100 {
    font: var(--columnsProportion-header-font);
    color: var(--columnsProportion-header-color);
}
.columnsProportionText .desc .spans-cont {
    font: var(--columnsProportion-desc-font);
    color: var(--columnsProportion-desc-color);
}
.columnsProportionText .desc .spans-cont a {
    font: var(--columnsProportion-desc-link-font);
    color: var(--columnsProportion-desc-link-color);
    text-decoration: var(--columnsProportion-desc-link-decoration);
}
.columnsProportionText .desc .spans-cont a:hover {
    color: var(--columnsProportion-desc-link-hover-color);
    text-decoration: var(--columnsProportion-desc-link-hover-decoration);
}
.sliderContactMobBck {
    padding-bottom: 0 !important;
}
.sliderContact .circle {
    width: 7%;
    padding-top: 7%;
    height: auto;
    bottom: auto;
    top: 30px !important;
}
#footer-bck {
    overflow: hidden;
}
nav .submenu2 {
    max-height: 175px;
    display: inline-flex;
    background: transparent;
    flex-wrap: wrap;
    flex-flow:column;
    padding-right: 3rem;
    margin-top: 25px;
    padding-top: 0;
    overflow-y: auto !important;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    transition: scrollbar-color 0.3s;
}
/* nav .submenu2:hover {
    scrollbar-color: var(--submenuScrollbar-thumb-ff-bck) var(--submenuScrollbar-track-ff-bck);
    transition: scrollbar-color 0.3s;
}
nav .submenu2::-webkit-scrollbar {
    width: var(--submenuScrollbar-width);
}
nav .submenu2::-webkit-scrollbar-track {
    -webkit-box-shadow: var(--submenuScrollbar-track-shadow);
    border-radius: var(--submenuScrollbar-radius);
    background: var(--submenuScrollbar-track-bck);
}
nav .submenu2::-webkit-scrollbar-thumb {
    border-radius: var(--submenuScrollbar-radius);
    -webkit-box-shadow: var(--submenuScrollbar-thumb-shadow);
    background: var(--submenuScrollbar-thumb-bck);
} */
#header-main nav .nav-item2:not(.hasSubmenu) {
    width: 25%;
}
#header-main nav .submenuTwoLevels .nav-item2:not(.hasSubmenu) {
    min-width: 25%;
    align-self: flex-start;
}

nav .submenuTwoLevels {
    top: 60px;
}
.fixed nav .submenuTwoLevels {
    top: 50px;
}
.footerSocialIcons {
    padding-right: 100px;
}
.footerSocialIcons a {
    width: 34px;
    height: 34px;
    opacity: 0.5;
    background: url(../../img/icons/facebook-footer.svg) center center no-repeat;
    background-size: auto 30px;
    font-size: 0;
    margin-right: 20px;
}
.footerSocialIcons a:hover {
    opacity: 1;
}
.footerSocialIcons a.twitter {
    background-image: url(../../img/icons/twitter-footer.svg);
}
.footerSocialIcons a.youtube {
    background-image: url(../../img/icons/youtube-footer.svg);
}
#productsSearchBoxIcon {
    height: 60px !important;
}
#productsSearchBox {
    align-items: center;
    display: flex;
}
#productsContainer.page {
    padding-bottom: 0 !important;
}
.productBox .productBoxImage {
    height: 200px;
}
.productBox .productBoxImage img {
    max-height: 200px;
}
.productFeaturesTable td:first-child {
    width: 200px;
}
#header-main .page-logo-cont a, #header-main .page-logo-cont {
    align-self: center;
}

/* RWD */

@media screen and (max-width: 1700px) {
    /* #header-main.open .normal-logo-cont {
        max-height: 50px;
        width: auto;
        transition: max-height: 0.3s !important;
    }
    #header-main.open .normal-logo-cont svg {
        max-height: 50px;
        width: auto;
        transition: max-height: 0.3s !important;
    } */
    nav .submenu {
        padding-top: 40px;
    }
    nav .submenuTwoLevels {
        top: 60px;
    }
}
@media screen and (max-width: 1600px) {
    /* .bigSlider .logos {
        padding-left: 0 !important;
    }
    .bigSliderSections #bigSliderLogos {
        width: 80%;
    } */
}
@media screen and (max-width: 1400px) {
    /* .bigSliderSections #bigSliderLogos {
        margin-top: 70px !important;
        margin-bottom: 40px !important;
    } */
    .footerSocialIcons {
        padding-right: 200px;
    }
}
@media screen and (max-width: 1300px) {
    /* .bigSlider .logos .img-responsive {
        max-height: 200px;
    }
    .bigSliderSections #bigSliderLogos {
        width: 80%;
    } */
}
@media screen and (max-width: 1200px) {
    /* .bigSliderSections #bigSliderLogos {
        width: 70%;
    } */
    .footerSocialIcons {
        padding-right: 160px;
    }
}
@media screen and (max-width: 1024px) {
    /* .bigSliderSections #bigSliderLogos {
        margin-bottom: 0 !important;
    } */
}
@media screen and (max-width: 992px) {
    .columnsProportionText, .columnsProportionText.order-2 {
        width: 45%;
    }
    .columnsProportionPhotos.order-lg-2 {
        order: 2 !important;
        padding-left: 2.5rem !important;
    }
    #responsive-x-768 .nav {
        padding-top: 110px;
    }
    #header-main .container-md-fluid {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    #responsive-x-768 nav .nav-item {
        padding-right: 1.5rem !important;
    }
    #responsive-x-768 .plus-minus svg {
        padding-left: 5px;
        padding-right: 5px;
    }
    #responsive-x-768 nav .nav-item a.level2, #responsive-x-768 nav .nav-item2 a.level3 {
        width: calc(100% - 30px);
    }
    #responsive-x-768 .plus-minus {
        display: flex !important;
    }
    nav .submenu2 {
        margin-top: 10px;
    }
    .burger-container {
        justify-content: flex-end !important;
    }
    #burger {
        margin-right: 4px;
    }
}
@media screen and (max-width: 991px) {

    .columnsProportionText, .columnsProportionPhotos, .columnsProportionText.order-lg-1 {
        padding-left: 0 !important;
    }
    .columnsProportionPhotos-img-cont {
        padding: 0 !important;
    }
    .columnsProportion-cont, .columnsProportionText.order-2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* #productsContainer #pagesTop-subcategories {
        max-width: 100%;
        overflow-x: auto;
        scrollbar-color: rgba(168, 7, 36, 0.5) rgba(168, 7, 36, 1);
    } */
    .footerSocialIcons {
        padding-right: 120px;
    }
}
@media screen and (max-width: 768px) {
    .sliderContactMobBck {
        background: url() -50px bottom no-repeat;
        background-size: auto;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .columnsProportionText.order-2, .columnsProportionText, .columnsProportionPhotos, .columnsProportionPhotos.order-lg-2, .columnsProportionText.order-lg-1, .columnsProportionPhotos.order-1 {
        width: 100% !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .columnsProportionPhotos, .columnsProportionPhotos.order-lg-2 {
        order: 1 !important;
    }
    .columnsProportionText {
        order: 2 !important;
    }
    .columnsProportionPhotos-img {
        justify-content: center !important;
    }
    .bigSliderNoPhoto {
        padding-top: 120px;
    }
    /* .bigSliderSections #bigSliderLogos {
        width: 100%;
    } */
    body #header-main.fixed {
        height: 60px;
    }
}
@media screen and (max-width: 767px) {
    /* .bigSliderSections .ornamentBck {
        left: auto;
        right: -5%;
        background-position: left bottom;
    } */
}
@media screen and (max-width: 600px) {
    #footer-bck .ornamentRightSquere {
      bottom: -5rem;
      width: 20%;
      padding-top: 20%;
    }
    #footer-bck .ornamentRightSqueres-cont {
        width: 10%;
        margin-bottom: calc(20% - 4.5rem);
        right: calc(15% - -20px);
    }
}
@media screen and (max-width: 576px) {
    .contactSliderMobNoPadding {
        padding-top: 1rem !important;
    }
    .sliderContactMobBck {
        padding-bottom: 170px !important;
    }
}
