/*
Theme Name:  Bureau d\'études NOVATLAS
Theme URI:   http://test.bureau-etudes.novatlas.com
Version:     1.1
Description: Un theme enfant de Divi. C\'est un thème enfant personnalisé crée spécifiquement pour le nouveau site du bureau d\'études du Groupe NOVATLAS.
Author:      YD Studio Créatif & Informatique
Author URI:  https://ydinformatique.fr
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/* Menu */

#main-header {
    z-index: 999999;
}

.mobile_menu {
    padding: 0 40px;
    display: flex;
    height: 100%;
    align-items: center;
    cursor: pointer;
}

.mobile_menu .mobile_menu_bar_label {
    position: relative;
    margin-right: 0.5rem;
    color: #fff;
    font-size: 1rem;
    font-family: "Stratos",sans-serif;
    text-transform: uppercase;
    line-height: 40px;
    transition: opacity 200ms linear;
    overflow: hidden;
}

.et_toggle_slide_menu .mobile_menu_bar_label {
    -webkit-transition: all .7s;
    transition: all .7s;
}

.et_pb_slide_menu_active .mobile_menu_bar_label.et_toggle_slide_menu {
    opacity: 0;
}

.mobile_menu .mobile_menu_bar_label_bottom {
    position: absolute;
    top: 0;
    left: 0
}

.mobile_menu .mobile_menu_bar_label_top span, .mobile_menu .mobile_menu_bar_label_bottom span {
    display: inline-block;
    transition: transform 750ms cubic-bezier(0.5, 0, 0, 1)
}

.mobile_menu .mobile_menu_bar_label_bottom span {
    transform: translate3d(0, 100%, 0);
}

.mobile_menu .mobile_menu_bar_label_top span:nth-of-type(2), .mobile_menu .mobile_menu_bar_label_bottom span:nth-of-type(2) {
    transition-delay: 20ms;
}

.mobile_menu .mobile_menu_bar_label_top span:nth-of-type(3), .mobile_menu .mobile_menu_bar_label_bottom span:nth-of-type(3) {
    transition-delay: 40ms;
}

.mobile_menu .mobile_menu_bar_label_top span:nth-of-type(4), .mobile_menu .mobile_menu_bar_label_bottom span:nth-of-type(4) {
    transition-delay: 60ms;
}

.mobile_menu:hover .mobile_menu_bar_label_top span {
    transform: translate3d(0, -100%, 0);
}

.mobile_menu:hover .mobile_menu_bar_label_bottom span {
    transform: translate3d(0, 0, 0);
}

.et_pb_slide_menu_active {
    height: 100%;
}

.mobile_menu_bar:before,
.mobile_menu_bar:after, .et_toggle_slide_menu:after {
    color: #fff !important;
}

.mobile_menu .mobile_menu_bar_label.et_toggle_slide_menu:after {
    content: none;
}

.et_header_style_slide #page-container {
    left: 0 !important;
}

@media all and (min-width: 981px) {
    .et_fixed_nav.et_header_style_slide #main-header {
        left: 0 !important;
    }

    .et_header_style_left #et-top-navigation {
        position: relative;
    }
}

.et_slide_in_menu_container.et_slide_in_menu_right {
    display: block !important;
    height: 0;
    right: 0 !important;
    width: 40% !important;
    overflow: hidden;
    transition: height 0.8s cubic-bezier(0.57, 0.12, 0, 1);
    -webkit-transition: height 0.8s cubic-bezier(0.57, 0.12, 0, 1);
}

.et_slide_in_menu_container.et_slide_in_menu_right ul {
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.57, 0.12, 0, 1);
    -webkit-transition: opacity 0.7s cubic-bezier(0.57, 0.12, 0, 1);
}

.et_slide_in_menu_container.et_slide_in_menu_right ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    opacity: 1;
}

.et_slide_in_menu_left {
    position: fixed;
    transform: translateY(-100%);
    width: 60%;
    height: 100%;
    overflow: hidden;
    z-index: 99999;
    transition: all 1.2s cubic-bezier(0.57, 0.12, 0, 1);
}

.et_slide_in_menu_container.et_slide_in_menu_right #mobile_menu_slide {
    margin-top: 80px !important;
    width: 80% !important;
}

@media all and (max-width: 980px) {

    .et_header_style_slide .et_slide_in_menu_container {
        max-width: 100%;
    }

    .et_slide_in_menu_wrapper .et_slide_in_menu_right {
        width: 100% !important;
    }

    .et_slide_in_menu_container.et_slide_in_menu_right #mobile_menu_slide {
        position: relative;
        margin: auto;
        padding: 0 !important;
        width: 80%;
    }

    .et_slide_in_menu_wrapper .et_slide_in_menu_left {
        visibility: hidden;
        /* display: none; */
    }
}

.et_pb_slide_menu_active .et_slide_in_menu_left {
    height: 100%;
    transform: translate(0px, 0%);
}

.et_slide_in_menu_left img {
    position: absolute;
    height: 100%;
    height: max-content;
    transform-origin: 50% 50%;
    object-fit: cover;
    object-position: center;
}

.et_slide_in_menu_left img {
    position: absolute;
    height: 100%;
    transform-origin: 50% 50%;
    object-fit: cover;
    object-position: center;
    transform: translate(0px, 95%) scale(1.2, 1.2);
    -webkit-transform: translate(0px, 95%) scale(1.2, 1.2);
    transition: all 1.2s cubic-bezier(0.57, 0.12, 0, 1);
}

.et_pb_slide_menu_active .et_slide_in_menu_left img {
    width: 100%;
    transform: translate(0px, 0) scale(1.0, 1.0);
    -webkit-transform: translate(0px, 0) scale(1.0, 1.0x);
}

.et_slide_in_menu_left::before {
    content: "";
    z-index: 1;
    position: absolute;
    inset: 0;
    background-color: #37bcff;
    opacity: .2;
    mix-blend-mode: screen;
}

.et_pb_slide_menu_active .et_slide_in_menu_right,
.et_pb_slide_menu_active .et_slide_in_menu_left {
    height: 100%;
}

.mobile_menu_bar:before {
    font-size: 40px;
}

.et_pb_slide_menu_active .et_slide_menu_bottom {
    opacity: 1;
    z-index: 99999;
}

.et_slide_in_menu_container .et_mobile_menu>.menu-item-has-children>a {
    font-weight: normal;
}

.et_slide_menu_bottom {
    position: absolute;
    padding: 40px 0;
    right: 0;
    width: 50%;
    bottom: 0;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.57, 0.12, 0, 1);
    -webkit-transition: opacity 0.7s cubic-bezier(0.57, 0.12, 0, 1);
}

.et_slide_menu_bottom:after {
    content: '';
    clear: both;
    display: block;
}

.et_slide_in_menu_container .et_slide_menu_bottom a {
    color: #fff;
}

.et_slide_menu_bottom ul.et-social-icons {
    margin: 0 auto;
    float: none;
    width: 60%;
}

.et_slide_menu_bottom ul.et-social-icons li {
    margin: unset;
    /* margin-left: 0; */
    /* margin-right: 10px; */
}

.et-social-twitter a.icon:before {
    content: "\e09d";
}

.et-social-rss a.icon:before {
    content: "\e09c";
}

/* End menu */
.et_pb_button.btn_nvtls,
.et_pb_button.btn_underline_nvtls,
.contact_nvtls .et_pb_button {
    background: none !important;
}

.et_pb_button.btn_underline_nvtls {
    font-size: unset !important;
}

.et_pb_button.btn_nvtls::after, .et_pb_button.btn_nvtls::before,
.contact_nvtls .et_pb_button::after, .contact_nvtls .et_pb_button::before {
    margin: 0;
    padding: 0;
}

.et_pb_button.btn_nvtls::after, .et_pb_button.btn_nvtls::before,
.et_pb_button.btn_underline_nvtls::after, .et_pb_button.btn_underline_nvtls::before,
.contact_nvtls .et_pb_button::after, .contact_nvtls .et_pb_button::before {
    margin-left: unset;
    font-size: unset;
    opacity: 1;
}

.btn_nvtls,
.contact_nvtls .et_pb_button {
    position: relative;
    display: inline-block;
    padding: 1.5em 4.5em 1.5em 2.3em !important;
    border: 2px solid #0f191d !important;
    border-radius: 5px;
    outline: none !important;
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    color: #0f191d;
    font-family: "MaisonNeue", sans-serif;
    font-size: inherit;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: 200ms color linear;
    z-index: 0;
}

.btn_nvtls.btn_nvtls_white {
    color: #fff;
    border: 2px solid #fff !important;
}

.btn_nvtls::before, .btn_nvtls::after,
.contact_nvtls .et_pb_button::before, .contact_nvtls .et_pb_button::after {
    display: block;
    content: "" !important;
    position: absolute;
}

.btn_nvtls.btn_nvtls_white::before {
    background-color: #fff;
}

.btn_nvtls::before,
.contact_nvtls .et_pb_button::before {
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: -1;
    background-color: #0f191d;
    border-radius: 100% 100% 0 0;
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms, border-radius 500ms cubic-bezier(0.5, 0, 0, 1);
}

.btn_nvtls:hover::before,
.contact_nvtls .et_pb_button:hover::before {
    transition: transform 400ms cubic-bezier(0.5, 0, 0, 1), border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms;
    transform: scaleY(1);
    border-radius: 5px;
}

.btn_nvtls.btn_nvtls_white::after {
    background-image: url(images/icons/arrow-w.svg);
}

.btn_nvtls.btn_nvtls_white:hover::after {
    background-image: url(images/icons/arrow-b.svg);
}

.btn_nvtls::after,
.contact_nvtls .et_pb_button::after {
    top: calc(50% - 9px);
    right: 30px;
    width: 14px;
    height: 16px;
    background-image: url(images/icons/arrow-b.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    transition: 0s background-image linear 180ms;
}

.btn_nvtls:hover::after,
.contact_nvtls .et_pb_button:hover::after {
    background-image: url(images/icons/arrow-w.svg);
    animation: arrowSlideUp 600ms cubic-bezier(0.3, 0.3, 0, 1) forwards;
    transition: 0s background-image;
}

.btn_nvtls.btn_nvtls_white:hover {
    color: #0f191d;
}

.btn_nvtls:hover,
.contact_nvtls .et_pb_button:hover {
    color: #fff;
    background-color: none;
}

.btn_underline_nvtls {
    position: relative;
    cursor: pointer;
    padding: 1em 2em 1em 1em !important;
    margin-left: -1em;
    border: none !important;
}

.btn_underline_nvtls::before {
    display: block;
    content: "";
    position: absolute;
    top: 54%;
    left: 1em;
    width: calc(100% - 3em);
    height: 1px;
    background-color: #fff;
    transform: scaleX(0) translateY(0.7em);
    transform-origin: top left;
    transition: transform 500ms cubic-bezier(0.22, 0.9, 0.5, 1);
}

.btn_underline_nvtls:hover::before {
    transform: scaleX(1) translateY(0.7em);
}

.btn_underline_nvtls.btn_nvtls_white::after {
    background-image: url(images/icons/arrow-w.svg);
}

.btn_underline_nvtls::after {
    content: "" !important;
    position: absolute;
    top: calc(50% - 9px);
    right: 0;
    width: 14px;
    height: 16px;
    background-image: url(images/icons/arrow-b.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.btn_underline_nvtls:hover::after {
    animation: arrowSlideSmall 580ms cubic-bezier(0.3, 0.3, 0, 1) forwards;
}

.card_nvtls {
    background-color: #1267f3;
    background-color: rgba(15,25,29,.1);
    padding: 40px;
    border-radius: 4px;
    color: #fff;
    width: var(--col-4);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* min-width: 380px; */
    max-width: 500px;
}

div.card_nvtls::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100% 100% 0 0;
    background-color: rgba(15, 25, 29, .1);
    transform-origin: bottom center;
    transform: scaleY(0);
    z-index: -1;
    transition: transform 600ms cubic-bezier(0.5, 0, 0, 1) 100ms, border-radius 700ms cubic-bezier(0.5, 0, 0, 1);
}

div.card_nvtls:hover::after {
    transition: transform 500ms cubic-bezier(0.5, 0, 0, 1), border-radius 720ms cubic-bezier(0.5, 0, 0, 1) 30ms;
    transform: scaleY(1);
    border-radius: 4px;
}

div.card_nvtls:hover .card_nvtls_arrow {
    animation: arrowSlide 700ms cubic-bezier(0.3, 0.3, 0, 1) forwards;
}

.card_nvtls_arrow {
    position: absolute;
    top: .3em;
    right: 0;
    width: 15px;
}

.img_nvtls > * {
    z-index: 1;
}

.post_nvtls article {
    position: relative;
}

.post_nvtls article::after {
    visibility: visible;
}

.img_nvtls::after,
.post_nvtls article::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100% 100% 0 0;
    transform-origin: bottom center;
    transform: scaleY(0);
    /* z-index: 1; */
    transition: transform 600ms cubic-bezier(0.5, 0, 0, 1) 100ms, border-radius 700ms cubic-bezier(0.5, 0, 0, 1);
}

/* .img_nvtls::after { */
/*     background-color: rgba(15, 25, 29, .1); */
/* } */

.img_nvtls::after,
.post_nvtls article::after {
    /* border-radius: 0px; */
    background-color: rgba(55, 188, 255, .7); /* #37bcff; */
}

.img_nvtls:hover::after,
.post_nvtls article:hover::after {
    transition: transform 500ms cubic-bezier(0.5, 0, 0, 1), border-radius 720ms cubic-bezier(0.5, 0, 0, 1) 30ms;
    transform: scaleY(1);
}

.post_nvtls article .entry-title {
    position: relative;
    transition: transform 500ms cubic-bezier(0.5, 0, 0, 1), color 200ms linear;
    z-index: 1;
}

.post_nvtls article:hover .entry-title {
    color: #fff;
}

.img_nvtls:hover::after,
.post_nvtls article:hover::after {
    border-radius: 0;
}

.post_nvtls article img {
    padding: 1px;
    /* height: 200px; */
    /* width: auto; */
    /* object-fit: cover; */
}

/* start */
.post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .column {
    opacity: 0;
}

.post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* visibility: hidden; */
    width: 100% !important;
    opacity: 1;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.5, 0.95), opacity 1000ms linear;
}

/* .post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .wrapper.active { */
/*     opacity: 1; */
/* } */

.post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post {
    margin-right: 3% !important;
    margin-bottom: 3% !important;
    border: 1px solid #d8d8d8;
    padding: 19px;
    background-color: #fff;
    opacity: 1;
    word-wrap: break-word;
    transition: transform 800ms cubic-bezier(0.2, 0, 0, 1), opacity 1000ms linear;
}

/* .post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post.active { */
/*     opacity: 1; */
/* } */

.post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post > a {
    margin: -20px -20px 29px;
    min-width: 100%;
    /* max-width: 100%; */
    height: auto;
}

@media (min-width: 981px) {
    .post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post {
        margin-right: 3%;
        width: 30.333%;
    }
}

@media (max-width: 980px) {
    .post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post {
        margin-right: 5.5%;
        margin-bottom: 5.5% !important;
        width: 44.25%;
    }
}

@media (max-width: 767px) {
    .post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post {
        margin-right: 5.5% !important;
        margin-bottom: 5.5% !important;
        width: 44.25% !important;
    }
}

@media (max-width: 479px) {
    .post_nvtls .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post {
        margin-bottom: 10% !important;
        width: 100% !important;
    }
}

/* start */
/* .post_nvtls .et_pb_ajax_pagination_container:not(.column) { */
/*     display: -webkit-box; */
/*     display: -ms-flexbox; */
/*     display: flex; */
/*     -ms-flex-wrap: wrap; */
/*     flex-wrap: wrap; */
/*     -webkit-box-pack: start; */
/*     -ms-flex-pack: start; */
/*     justify-content: flex-start; */
/*     width: 100% !important; */
/* } */

/* .post_nvtls .et_pb_ajax_pagination_container:not(.column) .et_pb_post { */
/*     margin-right: 3% !important; */
/*     margin-bottom: 3% !important; */
/*     border: 1px solid #d8d8d8; */
/*     padding: 19px; */
/*     background-color: #fff; */
/*     word-wrap: break-word; */
/* } */

/* .post_nvtls .et_pb_ajax_pagination_container:not(.column) .et_pb_post > a { */
/*     margin: -20px -20px 29px; */
/*     min-width: 100%; */
/*     /\* max-width: 100%; *\/ */
/*     height: auto; */
/* } */

/* @media (min-width: 981px) { */
/*     .post_nvtls .et_pb_ajax_pagination_container:not(.column) .et_pb_post { */
/*         margin-right: 3%; */
/*         width: 30.333%; */
/*     } */
/* } */

/* @media (max-width: 980px) { */
/*     .post_nvtls .et_pb_ajax_pagination_container:not(.column) .et_pb_post { */
/*         margin-right: 5.5%; */
/*         margin-bottom: 5.5% !important; */
/*         width: 44.25%; */
/*     } */
/* } */

/* @media (max-width: 767px) { */
/*     .post_nvtls .et_pb_ajax_pagination_container:not(.column) .et_pb_post { */
/*         margin-right: 5.5% !important; */
/*         margin-bottom: 5.5% !important; */
/*         width: 44.25% !important; */
/*     } */
/* } */

/* @media (max-width: 479px) { */
/*     .post_nvtls .et_pb_ajax_pagination_container:not(.column) .et_pb_post { */
/*         margin-bottom: 10% !important; */
/*         width: 100% !important; */
/*     } */
/* } */
/* end */
.menu_nvtls,
.menu_nvtls, .et_pb_menu__menu,
.menu_nvtls, .et_pb_menu__menu, .et-menu-nav,
.menu_nvtls, .et_pb_menu__menu, .et-menu-nav ul,
.menu_nvtls, .et_pb_menu__menu, .et-menu-nav ul a {
    width: 100%;
}

.menu_nvtls .et_pb_menu__menu {
    display: block !important;
}

.menu_nvtls .et_mobile_nav_menu {
    display: none !important;
}

.menu_nvtls, .et_pb_menu .et-menu {
    margin-right: 0;
    margin-left: 0;
}

.menu_nvtls, .et_pb_menu .et-menu li {
    padding: 0;
}

.menu_nvtls .et-menu.nav {
    display: block;
}

.menu_nvtls #menu-serv-menu.et-menu.nav {
    display: flex;
}

.menu_nvtls #menu-serv-menu.et-menu.nav li {
    margin: 0 22px;
    width: 100%;
}

@media(min-width: 600px) {
    .menu_nvtls #menu-serv-menu.et-menu.nav li {
        width: 44%;
    }
}

@media(min-width: 981px) {
    .menu_nvtls #menu-serv-menu.et-menu.nav li {
        width: 30%;
    }
}

.menu_nvtls .menu-item {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: -0.03em;
}

.menu_nvtls .menu-item a,
.menu_nvtls.submenu_nvtls .menu-item-content {
    position: relative;
    width: 100%;
}

.menu_nvtls .menu-item ul {
    width: 100%;
    border: none;
    box-shadow: none;
}

.menu_nvtls.submenu_nvtls .menu-item ul * {
    background: none;
}

.menu_nvtls.submenu_nvtls .menu-item ul > li > ul {
    display: none;
}

@media all and (max-width: 767px) {
    .submenu_nvtls ul.nav > li {
        display: block !important;
    }

    .submenu_nvtls ul.nav > li::after, .submenu_nvtls ul.nav > li::before {
        content: none !important;
    }
    
    .submenu_nvtls ul.nav > li > ul {
        position: relative;
        display: none;
    }

    .submenu_nvtls ul.nav > li.et-touch-hover > ul, .submenu_nvtls ul.nav li:hover > ul {
        display: block;
        padding: 0 20px;
        background-color: color-mix(in srgb, currentColor 10%, transparent) !important;
    }
}

@media all and (min-width: 768px) {
    .menu_nvtls.menu_horizontal_nvtls .menu-item {
        display: inline-block;
        width: auto;
    }

    .menu_nvtls.menu_horizontal_nvtls .menu-item > a {
        padding-right: 40px;
    }
    
    .submenu_nvtls ul.nav {
        position: relative;
    }

    .submenu_nvtls ul.nav > li {
        position: unset !important;
        margin: 0 !important;
        padding-right: 40px;
        border-right: 1px solid;
        width: 50%;
    }
    
    .submenu_nvtls ul.nav > li > ul {
        position: absolute;
        padding: 0 0 0 40px;
        top: 0 !important;
        right: 0;
        left: unset !important;
        width: 50%;
        border: none;
        box-shadow: none;
    }

    .submenu_nvtls ul.nav > li > ul > li {
        display: block;
    }

    .submenu_nvtls ul.nav > li > ul > li > a {
        width: 100%;
    }

    .submenu_nvtls ul.nav > li > a {
        position: relative;
    }

    .submenu_nvtls ul.nav > li::after, .submenu_nvtls ul.nav > li::before {
        width: calc(50% - 40px);
        bottom: auto;
    }
}

/* html:not(.touch-device) .menu_nvtls ul.active .menu-item a, */
/* html:not(.touch-device) .menu_nvtls ul:hover .menu-item a { */
html .menu_nvtls ul.active .menu-item a,
html .menu_nvtls ul:hover .menu-item a {
    opacity: .3;
}

/* html:not(.touch-device) .menu_nvtls ul:hover .menu-item:hover > a, */
/* html:not(.touch-device) .menu_nvtls ul .menu-item.active > a, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls ul:hover .menu-item:hover > .menu-item-content > a, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls ul .menu-item.active > .menu-item-content > a { */
html .menu_nvtls ul:hover .menu-item:hover > a,
html .menu_nvtls ul .menu-item.active > a,
html .menu_nvtls.submenu_nvtls ul:hover .menu-item:hover > .menu-item-content > a,
html .menu_nvtls.submenu_nvtls ul .menu-item.active > .menu-item-content > a {
    opacity: 1;
}

/* html:not(.touch-device) .menu_nvtls ul .menu-item a { */
html .menu_nvtls ul .menu-item a {
    transition: all 0.5s ease;
}

/* html:not(.touch-device) .menu_nvtls ul:hover > .menu-item:hover > a, */
/* html:not(.touch-device) .menu_nvtls ul > .menu-item.active > a, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls ul:hover > .menu-item:hover > .menu-item-content > a, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls ul > .menu-item.active > .menu-item-content > a { */
html .menu_nvtls ul:hover > .menu-item:hover > a,
html .menu_nvtls ul > .menu-item.active > a,
html .menu_nvtls.submenu_nvtls ul:hover > .menu-item:hover > .menu-item-content > a,
html .menu_nvtls.submenu_nvtls ul > .menu-item.active > .menu-item-content > a {
    padding-left: 30px;
    transition: all 0.5s ease;
}

.menu_nvtls .menu-item > a,
.menu_nvtls.submenu_nvtls .menu-item > .menu-item-content > a {
    display: block;
    padding: 0;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.5, 0.95);
    transition: transform 800ms cubic-bezier(0.2, 0, 0, 1), opacity 200ms linear;
}

/* html:not(.touch-device) .menu_nvtls ul:hover > .menu-item:hover > a::before, */
/* html:not(.touch-device) .menu_nvtls ul > .menu-item.active > a::before, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls ul:hover > .menu-item:hover > .menu-item-content > a::before, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls ul > .menu-item.active > .menu-item-content > a::before { */
html .menu_nvtls ul:hover > .menu-item:hover > a::before,
html .menu_nvtls ul > .menu-item.active > a::before,
html .menu_nvtls.submenu_nvtls ul:hover > .menu-item:hover > .menu-item-content > a::before,
html .menu_nvtls.submenu_nvtls ul > .menu-item.active > .menu-item-content > a::before {
    transform: rotate(0deg);
    opacity: 1;
}

.menu_nvtls.menu_only_nvtls .menu-item::after, .menu_nvtls.menu_only_nvtls .menu-item::before,
.menu_nvtls.submenu_nvtls .menu-item-content::after, .menu_nvtls.submenu_nvtls .menu-item-content::before,
.menu_nvtls.submenu_nvtls .sub-menu .menu-item::after, .menu_nvtls.submenu_nvtls .sub-menu .menu-item::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    pointer-events: none;
}

.menu_nvtls.menu_only_nvtls .menu-item::before,
.menu_nvtls.submenu_nvtls .menu-item-content::before,
.menu_nvtls.submenu_nvtls .sub-menu .menu-item::before {
    transform-origin: top left;
    opacity: 0;
}

/* html:not(.touch-device) .menu_nvtls.menu_only_nvtls .menu-item:hover::before, */
/* html:not(.touch-device) .menu_nvtls.menu_only_nvtls .menu-item.active::before, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .menu-item:hover .menu-item-content::before, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .menu-item.active .menu-item-content::before, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .sub-menu .menu-item:hover::before, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .sub-menu .menu-item.active::before { */
html .menu_nvtls.menu_only_nvtls .menu-item:hover::before,
html .menu_nvtls.menu_only_nvtls .menu-item.active::before,
html .menu_nvtls.submenu_nvtls .menu-item:hover .menu-item-content::before,
html .menu_nvtls.submenu_nvtls .menu-item.active .menu-item-content::before,
html .menu_nvtls.submenu_nvtls .sub-menu .menu-item:hover::before,
html .menu_nvtls.submenu_nvtls .sub-menu .menu-item.active::before {
    transform: scaleX(1);
    opacity: 1;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.5, 0.95);
}

.menu_nvtls.menu_only_nvtls .menu-item::after,
.menu_nvtls.submenu_nvtls .menu-item-content::after,
.menu_nvtls.submenu_nvtls .sub-menu .menu-item::after {
    transform-origin: top right;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.5, 0.95);
}

/* html:not(.touch-device) .menu_nvtls.menu_only_nvtls .menu-item:hover:hover::after, */
/* html:not(.touch-device) .menu_nvtls.menu_only_nvtls .menu-item:hover.active::after, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .menu-item:hover:hover > .menu-item-content::after, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .menu-item:hover.active > .menu-item-content::after, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .sub-menu .menu-item:hover:hover::after, */
/* html:not(.touch-device) .menu_nvtls.submenu_nvtls .sub-menu .menu-item.active::after { */
html .menu_nvtls.menu_only_nvtls .menu-item:hover:hover::after,
html .menu_nvtls.menu_only_nvtls .menu-item:hover.active::after,
html .menu_nvtls.submenu_nvtls .menu-item:hover:hover > .menu-item-content::after,
html .menu_nvtls.submenu_nvtls .menu-item:hover.active > .menu-item-content::after,
html .menu_nvtls.submenu_nvtls .sub-menu .menu-item:hover:hover::after,
html .menu_nvtls.submenu_nvtls .sub-menu .menu-item.active::after {
    transition: none;
    transform: scaleX(1);
    opacity: 0;
}

.menu_nvtls .menu-item a {
    display: block;
    font-size: 1.2rem;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    transition: opacity 200ms linear;
}

.menu_nvtls .menu-item a::before {
    background-image: url(images/icons/icon.svg);
}

.menu_nvtls.menu_nvtls_white .menu-item a::before {
    background-image: url(images/icons/icon-w.svg);
}

.menu_nvtls .menu-item a::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    width: 16px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    transform-origin: 50% 50%;
    opacity: 0;
    transform: translate(-30px, -12px) rotate(-45deg);
    transition: transform 700ms cubic-bezier(0.22, 1, 0.5, 0.95), opacity 200ms linear;
}

.menu_nvtls .menu-item a::after {
    background-color: currentColor !important;
    opacity: 0.1;
    /* background-color: rgba(15, 25, 29, .1); */
}

.menu_nvtls .menu-item a::after {
    content: "" !important;
    position: absolute;
    bottom: -1px;
    top: unset !important;
    left: 0;
    width: 100%;
    height: 1px;
    transition: transform 800ms cubic-bezier(0.8, 0, 0, 1);
    transform-origin: 0% 0%;
}

.footer_shape_nvtls {
    pointer-events: none;
    z-index: -1;
    position: absolute;
    bottom: 0;
    right: 0;
    stroke: #fff;
    width: 40vw;
    line-height: 0;
    opacity: .15;
    overflow: hidden;
}

.footer_shape_nvtls svg {
    transform-origin: 50% 50%;
    transform: translate(20%, 40%);
}

.transition { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999999; pointer-events: none; overflow: hidden }
.touch-device .transition { min-height: 100%; height: 100%; height: -moz-available; height:-webkit-fill-available; height: fill-available }

.transition-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.lotties-container { display: flex; align-items: center; justify-content: space-around; width: 100%; height: 100%;  }
.lottie-shutter { width: 100%; height: 100%; background-color: #1267f3; background-color: #37bcff; }
.lottie-shutter svg { max-width: 100% }
.lottie-shutter path { fill: #37bcff; }
/* .lottie-shutter path { fill: var(--primaryColor) } */

.transition.is-intro .lottie-ajax { display: none }
/* .transition:not(.is-intro) .lottie-intro { display: none } */


.lottie-ajax { width: 120px; height: 120px }
.lottie-intro { width: 448px; height: 192px }

@media (max-width: map-get($breakpoints-max, md)) {
  .lottie-shutter { width: 200%; margin-left:-50% }
}

/* html.has-scroll-smooth { */
/*     overflow: hidden */
/* } */

/* html.has-scroll-dragging { */
/*     user-select: none */
/* } */

/* .has-scroll-smooth body { */
/*     overflow: hidden */
/* } */

/* .has-scroll-smooth [data-scroll-container] { */
/*     min-height: 100vh */
/* } */

/* [data-scroll-direction=horizontal] [data-scroll-container] { */
/*     height: 100vh; */
/*     display: inline-block; */
/*     white-space: nowrap */
/* } */

/* [data-scroll-direction=horizontal] [data-scroll-section] { */
/*     display: inline-block; */
/*     vertical-align: top; */
/*     white-space: nowrap; */
/*     height: 100% */
/* } */

/* .c-scrollbar { */
/*     position: absolute; */
/*     right: 0; */
/*     top: 0; */
/*     width: 11px; */
/*     height: 100%; */
/*     transform-origin: center right; */
/*     transition: transform .3s,opacity .3s; */
/*     opacity: 0 */
/* } */

/* .c-scrollbar:hover { */
/*     transform: scaleX(1.45) */
/* } */

/* .c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar { */
/*     opacity: 1 */
/* } */

/* [data-scroll-direction=horizontal] .c-scrollbar { */
/*     width: 100%; */
/*     height: 10px; */
/*     top: auto; */
/*     bottom: 0; */
/*     transform: scaleY(1) */
/* } */

/* [data-scroll-direction=horizontal] .c-scrollbar:hover { */
/*     transform: scaleY(1.3) */
/* } */

/* .c-scrollbar_thumb { */
/*     position: absolute; */
/*     top: 0; */
/*     right: 0; */
/*     background-color: #000; */
/*     opacity: .5; */
/*     width: 7px; */
/*     border-radius: 10px; */
/*     margin: 2px; */
/*     cursor: grab */
/* } */
/* End */
@keyframes arrowSlide {
    0% { transform: translate3d(0,0,0); opacity:1; }
    28% { transform: translate3d(1.5em,0,0); opacity:0; }
    29% { transform: translate3d(-1.5em,0,0); opacity:0; }
    100% { transform: translate3d(0,0,0); opacity:1; }
}

@keyframes arrowSlideUp {
    0% { transform: translateY(40px); opacity:0; }
    100% { transform: translateY(0); opacity:1; }
}

@keyframes arrowSlideSmall {
    0% { transform: translate3d(0,0,0); opacity:1; }
    28% { transform: translate3d(.8em,0,0); opacity:0; }
    29% { transform: translate3d(-.8em,0,0); opacity:0; }
    100% { transform: translate3d(0,0,0); opacity:1; }
}

#mif-vtls .mif-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 30px
}

#mif-vtls .mif-logo {
    position: relative;
}

#mif-vtls .mif-logo::before, #mif-vtls .mif-logo::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: clamp(50px,20vw,300px)
}

#mif-vtls .mif-logo::before {
    right: calc(100% + clamp(30px,5vw,80px));
    background: linear-gradient(90deg, rgba(18, 103, 243, 0) 0%, #1267F3 100%)
}

#mif-vtls .mif-logo::after {
    left: calc(100% + clamp(30px,5vw,80px));
    background: linear-gradient(270deg, rgba(227, 0, 11, 0) 0%, #E3000B 100%)
}

@media(max-width: 599px) {
    #mif-vtls .mif-logo {
        width:200px
    }
}

@media(min-width: 600px) {
    #mif-vtls .mif-logo {
        width:260px
    }
}

.et_header_style_slide .et_slide_in_menu_container .et_mobile_menu > li > a {
    font-size: 28px !important;
}

@media (min-width: 981px) {
    .hide-on-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .hide-on-tablet {
        display: none !important;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    .hide-on-phone {
        display: none !important;
    }
}