/*

Theme Name: iThylo by WCI

Author: We code it

Description: Thème personnalisé réalisé par Charles-Antoine Alba

Version: 0.0.1

Tags: responsive

*/

/*************************/

/*********WECODE-IT*******/

/*************************/

/* Fonts */



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-Regular.ttf");

}



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-Bold.ttf");

    font-weight: bold;

}



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-Italic.ttf");

    font-style: italic;

}



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-BoldItalic.ttf");

    font-weight: bold;

    font-style: italic;

}



@font-face{

    font-family: "MuseoSans";

    src: url("/wp-content/themes/ithylo/fonts/MuseoSans_500.otf");

}



.exposant{

    vertical-align: super

}



/* Defaults */



#wpadminbar{

    top: 54px!important;

}



html, body, *{

    margin: 0;

    padding: 0;

    font-family: "PlayFair Display";

    box-sizing: border-box;

    -webkit-appearance: initial;

}



html{

    overflow: hidden;

}



body{

    background-color: #f7f7f7;

    height: 100%;

    overflow: hidden;

    display: flex;

    box-sizing: border-box;

    flex-direction: column;

}

 

p{

    font-size: 1rem;

    font-family: "MuseoSans";

}



a:hover, .current_page_item a{

    transition: color 0.3s;

    color: rgb(29, 193, 155);

    cursor: pointer;

}



.page_item:hover:after

{

    transition: 0.3s;

    position: absolute;

    z-index: 200;

    bottom: -3px;

    width: 70%;

    left: 15%;

    border-bottom: 2px solid rgb(29, 193, 155);

    content: "";

}



.children li:after{

    display: none;

}



label{

    font-size: 0.7rem;

}



.content{

    height: 100vh;

    display: flex;

    justify-items: center;

    flex-direction: column;

    overflow-y: auto;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch!important;

}



.centereddiv{

    justify-items: center;

}



.orange-bg p {

    max-width: 50%;

    font-size: 0.9em;

    margin: 2em auto;

}



.orange-bg h2{

    font-size: 2.5em;

    margin: 0.5em auto;

}



.orange-bg .wpcf7-form{

    position: relative;

}



.orange-bg .form-container p{

    margin: 0;

    max-width: 100%;

}





.orange-bg input[type="submit"]

{

    padding: 15 50;

    background-color: #FFF;

    color: #000;

    border: 1px solid transparent;

}



.orange-bg input[type="submit"]:hover

{

    color: #FFF;

    border: 1px solid #FFF;

    background-color: #EF5024!important;

}



.orange-bg h5{

    display: flex;

    line-height: 0.7em;

    font-size: 46vw;

    height: 80%;

    margin: -5%;

    margin-top: -20%;

    color: rgba(255, 255, 255, 0.2);

    -webkit-user-select: none; /* Safari */        

    -moz-user-select: none; /* Firefox */

    -ms-user-select: none; /* IE10+/Edge */

    user-select: none; /* Standard */

}



/* HEADER */



header{

    padding: 15px;

    z-index: 2;

    background-color: #FFFFFF;

    border-bottom: 0.25px solid #000;

}



header .children{

    position: fixed;

    z-index: 100;

    align-items: flex-start;

    display: none;

    flex-direction: column;

    margin-top: 30px;

    width: 30%;

    text-align: left;

    background: #FFF;

    border: 1px solid transparent;

    border-top: 1px solid #f1f1f1;

    padding: 15px;

    -webkit-border-bottom-right-radius: 20px;

    -webkit-border-bottom-left-radius: 20px;

    -moz-border-radius-bottomright: 20px;

    -moz-border-radius-bottomleft: 20px;

    border-bottom-right-radius: 20px;

    border-bottom-left-radius: 20px;

}



header .children li a{

    color: #AAAAAA;

}



header .children li a:hover{

    color: #000;

}



header .children:hover ~  .page_item_has_children{

    color: rgb(29, 193, 155);

}



header .page_item_has_children:hover .children, header .children:hover .children{

    display: flex;

}



header nav, header nav ul{

    display: flex;

    flex-direction: row;

    list-style: none;

    justify-content: space-around;

    align-items: center;

}



header nav img, footer img{

    height: 1.4rem;

    margin-right: 5rem;

}



footer .wp-block-group__inner-container {

    width: 100%;

}



header nav li, header nav li a{

    transition: color 0.2s;

    position: relative;

    color: #000;

    text-decoration: none;

}



.page_item_has_children a{

    margin-bottom:0;

    padding-bottom: 30;

}



header nav li{

    margin: 15;

    font-size: 1rem;

}



header nav .children li{

    margin: 10;

    font-size: 0.9rem;

}



/* Inputs */

div [role="form"]{

    margin: auto;

    display: flex;



}



input[type="submit"]{

    margin: 15px!important;

    float: left;

    background-color: #FFF;

    color: #000;

}



input[type="text"], input[type="tel"], input[type="email"], textarea{

    margin: 15px;

    padding: 15px;

    transition: border 0.5s;

    background-color: #FFF;

    border: 2px solid transparent;

    font-family: "MuseoSans";

    font-weight: bold;

    outline: none;

}



input:not(:placeholder-shown){

    border: 2px solid #000;

}



input[type='email']:not(:placeholder-shown){

    transition: border 0.5s;

    background: #FFF url(./img/valid.png) no-repeat 98% center;

}



input[type='email']:not(:placeholder-shown):invalid{

    transition: border 0.5s;

    background: #FFF url(./img/invalid.png) no-repeat 98% center;

    border: 2px solid red;

}



textarea{

    border: none;

    resize: none;

    max-height: 230px;

}



.wpcf7-form{

    display: flex;

    margin: auto;

    justify-content: space-between;

}



.columns-form{

    display: flex;

    flex-direction: column;

}



.first-column, .second-column{

    display: flex;

    flex-direction: row;

}



.product-list{

    display: flex;

    text-align: left;

    width: 100%;

    flex-direction: row;

    justify-content: space-between;

}/*



.products .wpcf7-checkbox{

        display: block;

        position: relative;

        padding-left: 35px;

        margin-bottom: 12px;

        cursor: pointer;

        font-size: 22px;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

}



.products .wpcf7-checkbox input{

    position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



.products .wpcf7-checkbox input:checked ~ .checkmark {

    background-color: rgb(29, 193, 155);

  }



.wpcf7-list-item-label{

        position: absolute;

        top: 0;

        left: 0;

        height: 25px;

        width: 25px;

        background-color: rgb(29, 193, 155);



}*/



.products{

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.products .wpcf7-list-item{

    margin: 10px;

}



.quantity{

    display: flex;

    flex-direction: column;

}



.quantity input{

    margin: 10px;

    width: 50;

    border: 1px solid #000;

    outline: none;

    padding : 5px;

}



/* Divs */

.main-title

{

    padding: 5%;

}



.center-div{

    max-width: 80%;

    margin: auto;

    display: flex;

    justify-content: space-between;

    flex-direction: row;

}



.left-box .wp-block-button a, .right-box .wp-block-button a{

    padding: 10 50!important;

}



.left-box{

    text-align: left;

}



.right-box{

    text-align: right;

}



.introduction{

    max-width: 50%;

    margin: 150px auto;

    text-align: center;

}



.blue-img-text, .corail-img-text{

    display: flex;

    flex-direction: row;

    height: 20rem;

    max-width: 80%;

    margin: 50 auto;

}



.corail-div-text .white-btn a{

    text-decoration: none;

}



.blue-div-text h2, .corail-div-text h2{

    font-family: "PlayFair Display";

    font-size: 4.5em;

    margin-bottom: 10px;

}



.blue-div-text p, .corail-div-text p{

    font-size: 1rem;

}



.blue-div-text .wp-block-button a{

    font-size: 0.6rem;

}



.blue-div-text, .corail-div-text

{

    width: 50%;

    padding: 20px 50px;

    color: white;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}



.blue-div-text .wp-block-button__link, .corail-div-text .wp-block-button__link{

    color: #FFF!important;

}



.blue-div-text .wp-block-button__link:hover, .corail-div-text .wp-block-button__link:hover{

    color: #000!important;

}



.blue-div-text .wp-block-button a:hover, .corail-div-text .wp-block-button a:hover{

    border: 1px solid #FFF;

    background-color:transparent!important;

    color: #FFF;

}



.blue-img-text{

    text-align: right;

    background: rgb(29, 193, 155);

}



.corail-img-text{

    background: #EF5024;

}



.blue-img-text img{

    max-width: 55%;

    height: auto;

    object-fit: cover;

}



.wp-block-columns{

    align-items: center;

    justify-content: space-around;

    height: auto;

}



.columns-spacing{

    min-height: 400px;

    justify-content: space-between;

    display: flex;

    flex-direction: column;

}



.dualcolumns{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}



.reinvente h2{

    font-size: 1rem;

    height: 30px;

}



.reinvente p{

    font-size: 0.85rem;

    height: 35px;

}



#map {

    height: 100%;

  }



.columns-spacing *{

    margin: 10 0;

}



.modal .wpcf7-form-control-wrap, .modal .wpcf7-form-control{

    display: flex;

    flex-direction: column;

}



.modal input{

    font-size: 1rem;

}



.modal input{

    background: #f7f7f7;

}



.modal .wpcf7{

    text-align: left;

}



.modal .wp-block-button{

    z-index: 50;

    text-align: left;

    padding: 0;

    top: -60;

    left: 0;

    position: absolute;

}



.modal .wpcf7-form{

    flex-direction: column;

}



.huge-blue-div{

    margin-top: 200px;

    padding: 0 10%;

    color: #FFF;

    display: flex;

    text-align: center;

    flex-direction: column;

    justify-content: center;

    background: rgb(29, 193, 155);

}



.huge-blue-div h6{

    font-size: 10em;

    margin-top: -5%;

    color: #FFF;

    text-shadow: 2px 0 0 rgb(29, 193, 155), -2px 0 0 rgb(29, 193, 155), 0 2px 0 rgb(29, 193, 155), 0 -2px 0 rgb(29, 193, 155), 1px 1px rgb(29, 193, 155), -1px -1px 0 rgb(29, 193, 155), 1px -1px 0 rgb(29, 193, 155), -1px 1px 0 rgb(29, 193, 155);

}



.constat-items{

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.meetdiscover{

    display: flex;

    flex-direction: row;

    text-align: center;

    text-align: -webkit-center;

    justify-content: center;

    max-height: 300px;

    color:#FFF;

    overflow: hidden;

    margin-bottom: 2rem;

}



.meetdiscover div a{

    margin-bottom: 40%;

}



.meetdiscover div p{

    position: absolute;

    top: 22%;

    height: 5rem;

    width: 80%;

    margin: auto;

}



.meetdiscover div img{

    width: 100%;

    max-height: 492;

    height: auto;

    object-fit: cover;

    filter: brightness(0.5);

    z-index: -1;

}



.partners{

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.partners div{

    background: #FFF;

    height: 9rem;

    width: 9rem;

    border: 1px solid #000;

    margin: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    filter: grayscale(1);

}



.partners div img{

    max-width: 100px;

    height: auto;

}



.constat-items div{

    background: #FFF;

    color: #EF5024;

    width: 15%;

    border: 2px solid rgb(29, 193, 155);

    height: 270px;

    padding: 30px;

    margin: 20;

    margin-bottom: -8%;

    margin-top: 5%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.constat-items div p{

    font-size: 16px;

}



.article{

    text-decoration: none;

    background-color: #FFF;

    min-height: 20rem;

    border: 1px solid #000;

    padding: 20px;

    margin-bottom: 50px;

    max-width: 80%;

    display: flex;

    flex-direction: column;

    justify-content: space-evenly;

}



.article p{

    font-size: 16px;

}



.article hr{

    border: 0.5px solid #000;

    margin-top: 50px;

    margin-bottom: 15px;

}



.article a{

    color: #000;

    text-decoration: none;

}



.article h2{

    color: rgb(29, 193, 155);

    font-family: "PlayFair Display";

    margin: 15px 0;

}



.article:hover{

    outline: 2px solid rgb(29, 193, 155);

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

    box-sizing: border-box;  

    border: 1px solid transparent;

    cursor: pointer;

}



.articles-meta, .articles-meta a{

    display: flex;

    flex-direction: row;

}



.articles-meta a:first-child{

    color: #909090;

    font-weight: lighter;

}



.articles-meta a{

    margin-left: 5px;

}



.articles-meta{

    margin: 20px 0;

}



.articles-meta li{

    margin: 0 10px;

    width: 5px;

}



.single-post p{

    color: #000;

    width: 80%;

    margin: auto;

}



.article-title{

    position: relative;

    display: flex;

    justify-content: center;

    margin-bottom: 3em;

}



.single-post hr{

    width: 50%;

    border: 0.5px solid #000;

    margin: 80px auto;

}



.article-content{

    width: 80%;

    margin: auto

}



blockquote{

    margin-top: 5em;

}



.single-post blockquote img{

    width: 100%;

    object-fit: cover;

    max-height: 350px;

}



.single-post blockquote p{



    display: flex;

    font-size: 30px;

    font-family: "PlayFair Sans";

    position: relative;

    z-index: 19;

    text-align: left;

    text-align-last: left;

    color: #000;

}



.single-post blockquote p:first-line{

    font-size: 45px;

}



.teamlist{

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.teamlist .teammember{

    width: 20%;

    padding: 10px 20px;

    min-height: 33rem;

    max-height: 700px;

    margin: 5px;

}



.teammember{

    border: 1px solid #000;

    display: flex;



    flex-direction: column;

    align-items: center;

}



.memberyou{

    width: 50%;

    padding: 10px 20px;

    margin: auto;

    margin-top: 180px;

    flex-direction: row;

}



.memberyou .left-col, .memberyou .right-col{

    width: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.memberyou .right-col p{

    width: 90%;

    font-size: 14;

    background-color: #EEEEEE;;

    margin-bottom: -20px;



}



.memberyou h2{

    align-self: baseline;

    display: flex;

}



.memberyou .right-col img{

    width: 95%;

    height: auto;

    z-index: -1;

}



.left-col .white-btn{

    margin-top: 30%!important;

    margin-bottom: -35%!important;

}





.contact-list{

    display: flex;

    flex-direction: row;

    background-color: #FFF;

    margin-bottom: -100px;

    width: 80%;

    padding: 30px;

    justify-content: space-around;

    margin: auto;

    position: relative;

    z-index: 1;

}



.modalmap

{

    position: absolute;

    z-index: 3;

    background: #FFF;

    padding: 40px;

    right: 10%;

    top: 25%;

}



.modalmap h1{

    font-size: 2rem;

    font-family: "MuseoSans";

}



.modalmap a:visited{

    color: #000;

}



.playvideo{

    position: absolute;

    width: 150px;

    height: auto;

    z-index: 2;

}



.playvideo a{

    background: #F7F7F7!important;

}



.centercontent{

    margin-top: -50;

    display: flex;

    justify-content: center;

    align-content: center;

    position: relative;

}



.videoyt{

    margin: 20px;

    transition: 0.3s;

    filter: brightness(0.5);

}



.wp-video-popup:hover{

    transition: 0.3s;

    filter: brightness(0.8);

}



.mapplaceholder{

    width: 90%;

    filter: grayscale(1);

    height: auto;

    margin: auto;

    margin-top: -50px;

    display: flex;

}



.contact-list .white-btn{

    margin-top: 40px;

}



.contact-list h2{

    margin-bottom: 20px;

}



.img-holder{

    color: #FFF;

    font-size: 50px;

    background: rgb(29, 193, 155);

    width: 195px;

    height: 150px;

    margin-top: -50%;

    margin-bottom: 20%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.text-right-div, .text-left-div{

    margin-top: 100px;

    width: 100%;

    display: flex;

    flex-direction: row;

}



.text-right-div img{

    width: 110%;

    height: auto;

}



.text-left-div img{

    width: 100%;

    height: auto;

}



.text-left-div div{

    padding: 20;

}



.text-right-div div, .text-left-div div{

    width: 50%;

    display: flex;

    flex-direction: column;

    align-self: center;

}



.img-holder p{

    color: #FFF;

}



.member-desc{

    height: 100%;

}



.member-desc p{

    text-align: justify;

    font-size: 15px;

    margin: 2em auto;

}



.teammember .wp-block-button{

    margin-bottom: -20px;

    margin-top: 40px;

}



.teammember .wp-block-button a{

    min-width: 160px;

    justify-content: center;

    text-decoration: none;

    font-size: 0.8rem;

}



.teamlist div img, .img-holder{

    height: 150px;

    width: auto;

    margin-top: -100px;

    margin-bottom: 40px;

}



.img-holder img{

    margin-bottom: auto!important;

    margin-top: auto!important;

}



.legals{

    margin: 5rem;

}



.legals p{

    margin-bottom: 1rem;

}



/* Slider */

.owl-carousel .owl-stage{

    display: block!important;

}



.sa_owl_theme .owl-dots .owl-dot{

    margin: 5px;

    margin-bottom: -5;

}



.owl-nav button{

    background: none;

    outline: none;

}

/*

.sa_hover_container div{

    text-align: left!important;

}

*/



.sa_hover_container{

    border: 3px solid rgb(29, 193, 155);

}



.owl-nav .owl-prev{

    background: none;

    transform: rotate(-90deg);

    font-size: 5rem;

    left: 32%!important;

    color: rgb(29, 193, 155);

    opacity: 0.5;

    font-family: "Comic Sans MS";

}



.owl-item h3{

    font-size: 1.5rem;

}



.owl-item img{

    margin-top: 20px;

    height: 77;

    width: auto;

}



.owl-nav .owl-next{

    background: none;

    transform: rotate(90deg);

    font-size: 5rem;

    right: 32%!important;

    color: rgb(29, 193, 155);

    opacity: 0.5;

    font-family: "Comic Sans MS";

}



.owl-dots button span{

    background-color: rgb(29, 193, 155)!important;

    opacity: 0.5;

}



.owl-nav .owl-next:hover, .owl-nav .owl-prev:hover{

    transition: 0.3s;

    opacity: 1;

}



.white{

    padding: 120 0!important;

    margin-bottom: 0;

    background-color: transparent!important;

}



/* Images */

.img-on-top{

    width: 40%;

    margin-top: 45%;

    margin-left: 30%;

    z-index: 1;

    transition: margin-top 0.3s ease;

    position: relative;

}



.wp-block-image img {

    max-width: 100%;

    width: auto;

}



.wp-block-image {

    margin-bottom: 0!important;

}



.img-background-div{

    height: 100%;

    position: absolute;

}



.background-img-001 img{

    width: 100%;

    height: auto;

    margin-top: -60%;

}



.scroll-txt{

    display: none;

    font-size: 0.7rem;

    text-transform: uppercase;

    margin-top: -120px;

    margin-bottom: 3.5%;

}



.parallax {

    perspective: 1px;

    height: 100vh;

    overflow-x: hidden;

    overflow-y: auto;

  }

  .parallax__layer {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }

  .parallax__layer--base {

    transform: translateZ(0);

  }

  .parallax__layer--back {

    transform: translateZ(-1px) scale(2);

  }

/* Titles */



h1, h2, h3, h4, h5, h6{

    font-weight: bolder;

}



h1, h1 *{

    font-family: "PlayFair Display";

    font-size: 3rem;

    margin-bottom: 20;

}



h2{

    font-size: 1.25rem;

}



.equipediv

{

    display: flex;

    flex-direction: row;

    align-items: center;

    margin-right: 3%;

}



/* buttons */

.disabledbtn{

    cursor: not-allowed!important;

    pointer-events: none;

    opacity: 0.6;

}



.wp-block-button a{

    font-size: 0.8rem!important;

    display: flex!important;

    align-items: center;

    align-self: center;

    justify-content: center;

}



.white > #showcase_nav .owl-prev{

    background: none!important;

}



.wp-block-group__inner-container

{

    width: 100%;

    margin-bottom: 80px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    max-width: 460px;

}

.wp-block-button a{

    font-weight: light;

    padding: 10 20;

    color: #FFF;

    background-color: #000;

    cursor: pointer;

    margin: 15 0;

    margin-left: 0;

}

.white-btn a .meetdiscover div img{

    z-index: 2;

}



.white-btn a{

    color: #000;

    background-color: #FFF;

}



.white-btn img, .wp-block-button a img{

    height: auto!important;

    width: auto!important;

    margin-right: 0.5rem;

    z-index: 1!important;

}



.wp-block-button a:hover, input[type="submit"]:hover{

    color: #FFF;

    background-color: rgb(29, 193, 155)!important;

}



.is-style-outline a{

    font-size: 0.8rem;

    color: #000;

    border: none!important;

    margin-right: 0;

    padding-right: 0;

}



.is-style-outline a:hover{

    background-color: transparent!important;

    color: rgb(29, 193, 155)!important;

}



/* Font colors */



.cyan{

    color: rgb(29, 193, 155)!important;

}



.water{

    color: rgb(11, 43, 42)!important;

}



.orange{

    color: #EF5024!important;

}



.grey{

    color: rgb(251, 251, 251)!important;

}



.mustard{

    color: rgb(198, 174, 0)!important;

}



.blue{

    color: rgb(38, 111, 111)!important;

}



/* Social medias hover */

.socials item a{

    text-decoration: none!important;

    color: #000!important;

    margin: auto 0 0 20;

    font-size: 16px;

}



.linkedin:hover{

    color: #2867B2!important;

}



.youtube:hover{

    color: #FF0000!important;

}



.twitter:hover{

    color: #1DA1F2!important;

}



.facebook:hover{

    color: #4267B2!important;

}



/* footer */

.contact-footer{



    background-color: #F7f7f7;

    padding: 40 0;

    border-top: 1px solid #000;

    text-align: center;

    justify-content: center;

}



.left-footer{

    width: 40%;

}



.left-footer *, .right-footer *{

    font-size: 1rem;

    margin-top: 20px;

}



.right-footer label{

    font-size: 0.7rem;

}



.left-footer label a{

    font-size: 0.7rem;

    margin-top: 0.5rem;

    text-decoration: none;

    color: #000;

}



.left-footer label a:hover{

    opacity: 0.7;

}



.left-footer img, .right-footer img{

    margin-top: 0;

}



.left-footer label{

    font-size: 0.7rem;

}



.right-footer{

    max-width: 33%;

    text-align: right;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



footer .wp-block-group__inner-container{

    justify-content: flex-end;

}



footer ul{

    display: flex;

    list-style: none;

    color: #000;

}



footer hr{

    border-top: 1px solid #000;

}



footer ul a, footer ul a:visited{

    text-decoration: none;

    color: #000;

    margin: 15px;

    margin-left: 0;

}



footer ul a:hover, footer .children a:hover{

    color: rgb(29, 193, 155);

}



footer .children{

    display: flex;

    flex-direction: column;

}



footer .children li{

    margin-top: 10px;

}



footer .children li a{

    color: #AAAAAA;

}



footer{

    z-index: 0;

    display: flex;

    min-height: fit-content;

    height: 100%;

    flex-direction: row;

    background-color: #FFF;

    margin: auto;

    width: 100%;

    justify-content: space-between;

    border-top: 1px solid #000;

    padding-top: 40px;

    padding-bottom: 80px;

    padding-left: 40px;

    padding-right: 40px;

    border-bottom: 30px solid rgb(29, 193, 155);

}

/*

Theme Name: iThylo by WCI

Author: We code it

Description: Thème personnalisé réalisé par Charles-Antoine Alba

Version: 0.0.1

Tags: responsive

*/

/*************************/

/*********WECODE-IT*******/

/*************************/

/* Fonts */



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-Regular.ttf");

}



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-Bold.ttf");

    font-weight: bold;

}



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-Italic.ttf");

    font-style: italic;

}



@font-face {

    font-family: "PlayFair Display";

    src: url("/wp-content/themes/ithylo/fonts/PlayfairDisplay-BoldItalic.ttf");

    font-weight: bold;

    font-style: italic;

}



@font-face{

    font-family: "MuseoSans";

    src: url("/wp-content/themes/ithylo/fonts/MuseoSans_500.otf");

}



.exposant{

    vertical-align: super

}



/* Defaults */



#wpadminbar{

    display:none;

}



html, body, *{

    margin: 0;

    padding: 0;

    font-family: "MuseoSans";

    box-sizing: border-box;

}



body{

    background-color: #FFF;

    height: 100%;

    overflow: hidden;

    display: flex;

    box-sizing: border-box;

    flex-direction: column;

}



a:hover, .current_page_item a{

    color: rgb(29, 193, 155);

    cursor: pointer;

}



.page_item:after, .current_page_item:after

{

    transition: 0.3s;

    position: absolute;

    z-index: 200;

    bottom: -3px;

    width: 0%;

    left: 15%;

    border-bottom: 2px solid rgb(29, 193, 155);

    content: "";

}



.page_item:hover:after, .current_page_item:after

{

    width: 70%;

}



.children li:after{

    display: none;

}



.centereddiv{

    justify-items: center;

}



.orange-bg{

    padding-top: 2%;

    height: 100%;

    background: #EF5024;

    overflow: hidden;

}



.orange-bg p {

    max-width: 50%;

    font-size: 0.9em;

    margin: 2em auto;

}



.orange-bg .wpcf7-form{

    position: relative;

}



.orange-bg .form-container p{

    margin: 0;

    max-width: 100%;

}





.orange-bg input[type="submit"]

{

    padding: 15 50;

    background-color: #FFF;

    color: #000;

    border: 1px solid transparent;

}



.orange-bg input[type="submit"]:hover

{

    color: #FFF;

    border: 1px solid #FFF;

    background-color: #EF5024!important;

}





/* Inputs */

div [role="form"]{

    margin: auto;

    display: flex;



}



input[type="submit"]{

    margin: 15px!important;

    font-size: 0.8rem;

    float: left;

    font-weight: light;

    padding: 10 20;

    cursor: pointer;

    border: none;

}



.modal input{

    width: 300px;

    max-width: 300px;

}



input::placeholder, textarea::placeholder{

    font-size: 0.8rem;

}



input, textarea{

    font-size: 1.2rem;

}



.wpcf7-form{

    display: flex;

    margin: auto;

    justify-content: space-between;

}



.columns-form{

    display: flex;

    flex-direction: column;

    align-items: center;

}



.first-column, .second-column{

    display: flex;

    flex-direction: row;

}



p input[name="your-email"]{

    width: -webkit-fill-available;

    max-width: 100%;

}

/* Divs */

.main-title

{

    padding: 5%;

}



.center-div{

    max-width: 80%;

    margin: auto;

    display: flex;

    justify-content: space-between;

    flex-direction: row;

}



.center-div .wp-block-button{

    width: fit-content;

}



.left-box, .right-box{

    height: 15rem;

    padding: 20px;

    padding-bottom: 70px;

    width: 49.7%;

    display: flex;

    flex-direction: column;

    border: 1px solid #000;

}



.left-box .wp-block-button a, .right-box .wp-block-button a{

    padding: 10 50!important;

}



.left-box{

    text-align: left;

}



.right-box{

    padding-bottom: 5px;

    text-align: right;

    justify-content: space-around;

}



.introduction{

    max-width: 50%;

    margin: 150px auto;

    text-align: center;

}



.blue-img-text, .corail-img-text{

    display: flex;

    flex-direction: row;

    max-width: 80%;

    margin: 50 auto;

}



.blue-div-text, .corail-div-text

{

    width: 50%;

    padding: 20px;

    color: white;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}



.blue-div-text .wp-block-button a:hover, .corail-div-text .wp-block-button a:hover{

    transition: color 0.3s, background-color 0.3s;

    border: 1px solid #FFF;

    background-color:transparent!important;

    color: #FFF;

}



.blue-img-text{

    text-align: right;

    background: rgb(29, 193, 155);

}



.corail-img-text{

    background: #EF5024;

}



.blue-img-text img{

    max-width: 55%;

    height: auto;

    object-fit: cover;

}



.wp-block-columns{

    align-items: center;

    justify-content: space-around;

    height: auto;

    margin-bottom: -22px!important;

}



.wp-block-columns h1, .wp-block-columns h1 span{

    font-size: 2.5rem;

}



.columns-spacing{

    min-height: 280px;

    justify-content: space-between;

    display: flex;

    flex-direction: column;

}



.dualcolumns{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}



.columns-spacing *{

    margin: 10 0;

}



.modal{

    background-color: #FFF;

    display: flex;

    outline: 100vh solid rgba(0, 0, 0, 0.3);

    display: none;

    position: absolute;

    z-index: 10;

    -webkit-transform: translate3d(0,0,0);

    -webkit-overflow-scrolling: touch;

    flex-direction: column;

    margin: 10% auto;

    left: 0;

    right: 0; 

    text-align: center;

    top: 5%;

    width: 70%;

}



.modalcontent {

    margin: 5% 10%;

}



.modal .wpcf7-form-control-wrap, .modal .wpcf7-form-control{

    display: flex;

    flex-direction: column;

}



.modal .wpcf7-form{

    flex-direction: column;

}



.huge-blue-div{

    margin-top: 200px;

    color: #FFF;

    display: flex;

    text-align: center;

    flex-direction: column;

    justify-content: center;

    background: rgb(29, 193, 155);

}



.huge-blue-div h6{

    font-size: 10em;

    margin-top: -6.8rem;

    color: #FFF;

    text-shadow: 2px 0 0 rgb(29, 193, 155), -2px 0 0 rgb(29, 193, 155), 0 2px 0 rgb(29, 193, 155), 0 -2px 0 rgb(29, 193, 155), 1px 1px rgb(29, 193, 155), -1px -1px 0 rgb(29, 193, 155), 1px -1px 0 rgb(29, 193, 155), -1px 1px 0 rgb(29, 193, 155);

}



.constat-items{

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.meetdiscover .white-btn{

    position: absolute;

    top: 30%;

    width: 100%;

}



.meetdiscover div{

    width: 50%;

    align-self: flex-start;

    height: 620px;

    display: flex;

    flex-direction: column;

    position: relative;

    align-items: center;

}



.meetdiscover div a{

    margin-bottom: 40%;

}



.wp-image-128{

    margin-bottom: -100vh;

    margin-top: 60%;

    margin-left: 4vw;

    width: 100%!important;

    height: auto;

}



.wp-image-654{

    height: 100vh!important;

    margin-top: -70%!important;

}



.wp-image-94{

    position: relative;

    z-index: -1;

}



.wp-image-475{

    width: 20rem;

}



.meetdiscover h1{

    top: 10%;

    position: absolute;

    padding: 0px;

    text-align: center;

    color: #FFF;

}



.devis, .blue-div-text .is-style-outline a{

    font-size: 0.8rem;

}



.corail-img-text h1{

    font-family: "MuseoSans";

}



.devis{

    border: 1px solid transparent;

    min-width: 104%;

}



.meetdiscover div img{

    width: 100%;

    max-height: 492;

    height: auto;

    filter: brightness(0.5);

    z-index: -1;

}



.meetdiscover div .white-btn img {

    transition: filter 0.25s;

    filter: brightness(0);

}



.meetdiscover div .white-btn a:hover img{

    transition: filter 0.3s;

    filter: brightness(1);

}



.partners{

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.partners div:hover{

    transition: filter 1s;

    filter: grayscale(0);

}



.constat-items div{

    background: #FFF;

    color: #EF5024;

    border: 2px solid rgb(29, 193, 155);

    width: 250px;

    height: 250px;

    padding: 30px;

    margin: 20;

    margin-bottom: -10%;

    margin-top: 5%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.constat-items div h2{

    font-size: 3rem;

}



.constat-items div p, .constat-items div{

    font-size: 0.9rem;

}



.article p{

    font-size: 16px;

}



.article hr{

    border: 0.5px solid #000;

    margin-top: 50px;

    margin-bottom: 15px;

}



.article a{

    color: #000;

    text-decoration: none;

}



.article h2{

    color: rgb(29, 193, 155);

    font-family: "PlayFair Display";

    margin: 15px 0;

}



.article:hover{

    outline: 2px solid rgb(29, 193, 155);

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

    box-sizing: border-box;  

    border: 1px solid transparent;

    cursor: pointer;

}



.articles-meta, .articles-meta a{

    display: flex;

    flex-direction: row;

}



.articles-meta a:first-child{

    color: #909090;

    font-weight: lighter;

}



.articles-meta a{

    margin-left: 5px;

}



.articles-meta{

    margin: 20px 0;

}



.articles-meta li{

    margin: 0 10px;

    width: 5px;

}



.single-post p{

    width: 80%;

    margin: 10px auto;

}



.single-post hr{

    width: 50%;

    border: 0.5px solid #000;

    margin: 80px auto;

}



.article-content, .single-post h1{

    width: 80%;

    margin: auto

}



blockquote{

    margin-top: 5em;

}



.single-post blockquote img{

    width: 100%;

    object-fit: cover;

    max-height: 350px;

}



.single-post blockquote p{



    display: flex;

    font-size: 30px;

    font-family: "PlayFair Sans";

    position: relative;

    z-index: 19;

    text-align: left;

    margin-top: -5em;

    margin-bottom: 5em;

}



.single-post blockquote p:first-line{

    font-size: 45px;

}



.teamlist{

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.teamlist div .img-holder img{

    height: auto;

    width: auto;

}



.teamlist .img-holder{

    color: #FFF;

    font-size: 50px;

    background: rgb(29, 193, 155);

    width: 195px!important;

    height: 222px!important;

    display: flex;

    align-items: center;

    justify-content: center;

}



.teammember{

    border: 1px solid #000;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.memberyou{

    width: 50%;

    padding: 10px 20px;

    margin: auto;

    margin-top: 180px;

    flex-direction: row;

}



.memberyou .left-col, .memberyou .right-col{

    width: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.memberyou .right-col p{

    width: 90%;

    font-size: 14;

    padding: 10px;

    background-color: #FFF;;

    margin-bottom: -20px;



}



.memberyou h2{

    align-self: baseline;

    display: flex;

}



.memberyou .right-col img{

    width: 95%;

    height: auto;

    z-index: -1;

}



.left-col .white-btn{

    margin-top: 30%!important;

    margin-bottom: -35%!important;

}



.welcomejungle{

    margin-top: 100%;

    text-decoration: none;

    border: 1px solid #000;

    color: rgb(29, 193, 155)!important;

    background-color: #FFF!important;

}



.welcomejungle:hover{

    color: #FFF!important;

}



.contactpage input, .contactpage textarea{

    background: #F7F7F7!important;

}



.contact-list{

    display: flex;

    flex-direction: row;

    background-color: #FFF;

    margin-bottom: -100px;

    width: 80%;

    padding: 30px;

    justify-content: space-around;

    margin: auto;

    position: relative;

    z-index: 3;

}



.whitebar{

    width: 90%;

    position: absolute;

    height: 50px;

    background: #FFF;

    z-index: 2;

    top: -50px;

}



.mapplaceholder{

    width: 90%;

    height: auto;

    margin: auto;

    margin-top: -50px;

    display: flex;

}



.contact-list .white-btn{

    margin-top: 40px;

}



.contact-list h2{

    margin-bottom: 20px;

}



.wp-image-629{

    margin-top: -270px;

    margin-left: 50px;

    z-index: -1;

    opacity: 0.2;

    width: 60%!important;

    object-fit: cover;

}



.text-right-div, .text-left-div{

    margin-top: 100px;

    width: 100%;

    display: flex;

    flex-direction: row;

    overflow: hidden;

}



.text-left-div *{

    margin: 0.5em 0;

}



.text-left-div{

    margin-left: 5%;

}



.text-right-div{

    margin-right: 5%;

}



.text-right-div img{

    width: 110%;

    height: auto;

}



.text-left-div img{

    width: 100%;

    height: auto;

}



.text-left-div div{

    padding: 20;

}



.text-right-div div, .text-left-div div{

    width: 50%;

    display: flex;

    flex-direction: column;

    align-self: center;

}



.img-holder p{

    color: #FFF;

}



.member-desc{

    height: 100%;

}



.member-desc p{

    font-size: 0.8rem;

    margin: 1.5em auto;

}



.teammember .wp-block-button{

    margin-bottom: -40px;

    margin-top: 40px;

}



.list-articles{

    padding: 1px;

    margin: 0 15rem;

    height: 150vh;

    overflow: hidden;

    overflow-y: scroll;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.list-articles a{

    text-decoration: none;

    color: #000;

}



.list-articles .article{

    max-width: 95%;

    margin: 20 auto;

    margin-right: 20px!important;

}



.list-articles::-webkit-scrollbar {

    width: 10px;

  }

  

  /* Track */

  .list-articles::-webkit-scrollbar-track {

    background: url('./img/vertical-line.png') center repeat-y;

  }

   

  /* Handle */

  .list-articles::-webkit-scrollbar-thumb {

    background: rgb(29, 193, 155); 

    border-radius: 10px;

  }

  

  /* Handle on hover */

  .list-articles::-webkit-scrollbar-thumb:hover {

    background: rgb(29, 193, 155); 

  }



/* Images */

.img-on-top{

    width: 40%;

    margin-top: 45%;

    margin-left: 30%;

    margin-bottom: -10%!important;

    z-index: 1;

    position: relative;

}



.img-background-div{

    height: 100%;

    position: absolute;

}



.background-img-001 img{

    width: 100%;

    height: auto;

    margin-top: -60%;

}

/* Titles */



h1, h2, h3, h4, h5, h6{

    font-weight: bolder;

}



/* buttons */

.wp-block-group__inner-container

{

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}



.white-btn a{

    transition: color 0.3s, background-color 0.3s;

    text-decoration: none;

    color: #000;

    background-color: #FFF;

}



.wp-block-button a:hover, input[type="submit"]:hover{

    transition: color 0.3s, background-color 0.3s;

    background-color: rgb(29, 193, 155)!important;

}



.is-style-outline a:hover{

    background-color: transparent!important;

    color: rgb(29, 193, 155)!important;

}



#top{

    cursor: pointer;

    display: flex;

    flex-direction: column;

    text-align: center;

    align-self: center;

    margin: 10% auto;

}



#top img{

    width: 7rem;

    transition: 0.3s;

    opacity: 0.5;

    margin: auto;

}



#top img:hover{

    transition: 0.3s;

    opacity: 1;

}



.langs li{

    margin: 4px;

}



.langs img{

    width: 1rem;

    opacity: 1;

    height: auto;

    margin: 0;

}



.langs img:hover{

    opacity: 0.5;

}



.top-btn{

    font-size: 70;

    margin-bottom: -50px;

    font-family: "Comic sans MS";

    color: rgba(29, 193, 155, 0.2)

}



/* Font colors */



.cyan{

    color: rgb(29, 193, 155)!important;

}



.water{

    color: rgb(11, 43, 42)!important;

}



.orange{

    color: #EF5024!important;

}



.grey{

    color: rgb(251, 251, 251)!important;

}



.mustard{

    color: rgb(198, 174, 0)!important;

}



.blue{

    color: rgb(38, 111, 111)!important;

}



.grey-bg{

    background: url('./img/ithylo-greydient.png');

    background-size: cover;

}



/* Social medias hover */

.socials item a{

    text-decoration: none!important;

    color: #000!important;

    margin: auto 0 0 20;

    font-size: 16px;

}



.linkedin:hover{

    color: #2867B2!important;

}



.youtube:hover{

    color: #FF0000!important;

}



.twitter:hover{

    color: #1DA1F2!important;

}



.facebook:hover{

    color: #4267B2!important;

}



/** Media queries - tablet version **/

.mobile-btn-menu{

    display: none;

}



@media only screen and (max-width: 1501px){

    .sc_partial{

        margin: -21.8%;

    }

    .meetdiscover div img{

        width: 100%;

        max-height: 492;

        object-fit: cover;

        height: 65%;

        z-index: -1;

    }

    .teamlist{

        flex-wrap: wrap;

    }

    .teamlist .teammember {

        width: 20%;

    }

    .sc_partial:last-child{

        opacity: 1;

    }

}

.mobile-modal{

    transition: opacity 0.2s;

    display: none;

}



/** Media queries - mobile version **/

@media only screen and (max-width: 999px){

    html{

        font-size: 15px;

    }

    p{

        font-size: 1.8rem;

        font-family: "MuseoSans";

    }

    h2{

        font-size: 2.1rem;

    }

    .hideonMobile{

        display:none;

    }

    .wp-image-38{

        margin-top: 0!important;

        width: 90%!important;

        transform: rotate(15deg);

        height: auto!important;    

    }

    .introduction, .wp-image-474, .wp-image-475{

        max-width: 80%!important;

        width: auto;

    }

    .wp-image-474, .wp-image-475{

        display: flex;

        margin: auto;

    }

    .teamlist{

        flex-wrap: nowrap;

        overflow-x: scroll;

        width: 80%;

        margin: auto;

        display: -webkit-box;

    }

    .teammember{

        width: 60%!important;

        height: 1300px!important;

        max-height: 1300px!important;

        margin: 85px 10!important;

    }

    .member-desc{

        font-size:1.85rem;

    }

    .member-desc h2{

        font-size: 2.5rem;

    }

    .member-desc p{

        font-size: 2rem;

    }

    .main-title{

        width: 80%;

        margin-left: -140px;    

    }

    .grey-bg{

        background: linear-gradient(320deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%);

    }

    .grey-bg .main-title{

        position: relative;

        z-index: 20;

    }

    .scroll-txt {

        font-size: 1.8rem;

        padding-top: 40%;

        margin-bottom: 0;

        padding-bottom: 40%;

        margin-bottom: -80%;

        padding-left: 60px;

        color: #F6F6F6;

        background: #F6F6F6;

    }

    .background-img-001{

        margin-top: -70%!important;

        margin-bottom: -80%;

    }

    

    .background-img-001 img{

        width: auto;

        max-width: initial!important;

        height: 700px;

        margin-left: -12%;

    }

    .wp-image-654{

        margin-top: -100%!important;

        margin-left: 20%!important;

    }

    .contact-list div{

        display: flex;

        flex-direction: column;

        flex-wrap: wrap;

    }

    p{

        text-align: justify!important;

        text-align-last: left;

    }

    header nav ul:first-of-type {

      display:none;

    }

    header nav{

        justify-content: space-between;

        padding: 15px;

    }

    .wp-block-columns h1, .wp-block-columns h1 span{

        font-size: 4.5rem;

    }

    .wp-block-column:not(:first-child){

        margin-top: 70px;

    }
    .first-col{
        margin-top: 700px!important;
    }

    .wp-block-button a{

        font-size: 1.5rem!important;

    }

    header nav img, footer img{

        height: 4rem;

        width: auto;

        margin: 30px;

    }

    .langs img{

        height: 2.5rem;

        width: auto;

    }

    .partners div{

        width: 200px;

        height: 200px;

    }

    .mobile-modal .page_item a{

        font-family: "museo-sans-display", sans-serif;

        font-weight: 800;

        font-style: normal;

        text-decoration: none;

        margin: 100px;

        color: #FFF;

        font-size: 3rem;

    }

    .wp-image-128, .wp-image-652, .wp-image-629{

        display: none;

    }

    .mobile-header{

        margin: 100px;

        display: flex;

        flex-direction: row;

        align-items: center;

    }

    .menu-list-mobile{

        display: flex;

        flex-direction: column;

        height: 35vh;

        justify-content: space-around;

        margin-top: 15%;

    }

    .children{

        display: flex;

        flex-direction: column;

        height: 100px;

        justify-content: space-evenly;

    

    }

    .mobile-modal  .children li a{

        font-family: "museo-sans-display", sans-serif;

        font-weight: 400;

        font-style: normal;

        font-size: 2rem;

    }

    .mobile-modal{

        height: 100vh;

        position: absolute;

        width: 100vw;

        background: rgb(29, 193, 155);

        z-index: 10;

        display: none;

        flex-direction: column;

    }

    .mobile-modal div{

        display: flex;

        flex-direction: row;

        justify-content: space-between;

    }

    .mobile-modal ul{

        color: #FFF;

    }

    input[type="text"], input[type="tel"], input[type="email"], textarea{

        width: 400px;

        font-size: 1.8rem;

        background: #F7F7F7;

    }

    textarea{

        width: 830px;

    }

    .form-container{

        position: relative;

    }

    .introduction p{

        font-size: 1.85rem;

    }

    label{

        font-size: 1.4rem;

    }

    .wpcf7-submit{

        font-size: 1.5rem!important;

        position: absolute;

        background-color: #f7f7f7!important;

        top: 185%;

        left: 0;

        padding: 20 50!important;

        z-index: 2;

    }

    .orange-bg .wpcf7-submit{

        top: 100%;

    }

    .blue-img-text, .corail-img-text{

        height: 30rem;

        max-width: 100%;

    }

    .blue-img-text div, .corail-img-text div{

        flex-direction: column!important;

        max-width: 85%;

    }

    .wpcf7-form{

        flex-direction: column;

        margin-bottom: 50px;

    }

    .contact-footer{

        background: #FFF;

        border: none;

    }

    input[type="text"]::placeholder, input[type="tel"]::placeholder, input[type="email"]::placeholder, textarea::placeholder{

        font-size: 1.8rem;

    }

    .wp-block-columns{

        flex-direction: column;

    }

    .dualcolumns{

        text-align: center;

    }

    .dualcolumns p{

        font-size: 2rem;

        position: relative;

        text-align: center;

        height: 100%;

        width: 60%;

        margin: 40px 0;

        padding-bottom: 20;

    }

    .reinvente{

        text-align-last: center;

        margin-top: 60px;

        margin-bottom: 120px!important;

    }

    .yt-container{

        flex-direction: column;

        text-align: center;

        text-align: -webkit-center;

    }

    .huge-blue-div h6{

        font-size: 8em;

        margin-top: -5.5rem;

        width: 140%;

        margin-left: -20%;

    }

    .constat-items div p, .constat-items div{

        font-size: 1.2rem;

    }

    .videoyt{

        height: 380px!important;

    }

    .yt-container div{

        width: 80%!important;

    }

    .equipediv, .text-left-div div{

        width: 80%;

        margin: auto;

        padding: 0;

    }

    .equipediv{

        margin: 100 auto;

    }

    .list-articles{

        margin: 0 4rem;

    }

    .article{

        max-width: 90%;

        min-height: 35rem;

    }

    .single-post blockquote img{

        max-height: 450px;

    }

    .single-post blockquote p{

        margin-top: -200;

    }

    .text-left-div{

        margin-left: auto;

    }

    .meetdiscover h1{

        margin-top: -70%;

        position: initial;

    }

    .meetdiscover .white-btn{

        position: initial;

        width: 30%;

    }

    .divMargin{

        margin-top: 100px;

    }

    .meetdiscover div p{

        display:none;

    }

    .meetdiscover div a{

        width: 220%;

    }

    .meetdiscover div{

        width: 100%;

    }

    .equipediv img{

        display: none;

    }

    .reinvente h2{

        font-size: 2.5rem;

        font-family: "museo-sans-display", sans-serif;

        font-weight: 800;

        width: 60%;

        height: 100%;

    }

    .columns-spacing{

        align-items: center;

    }

    .dualcolumns p:after{

        content: "";

        background: rgb(29, 193, 155);

        position: absolute;

        bottom: -10px;

        left: 40%;

        height: 5px;

        width: 20%;

    }

    .partners{

        overflow-x: scroll;

        width: 90%;

        margin: auto;

        display: -webkit-box;    

    }

    .partners::-webkit-scrollbar, .teamlist::-webkit-scrollbar {

        width: 10px;

      }

      

      /* Track */

      .partners::-webkit-scrollbar-track, .teamlist::-webkit-scrollbar-track {

        background: url('./img/vertical-line.png') center repeat-y;

      }

       

      /* Handle */

      .partners::-webkit-scrollbar-thumb, .teamlist::-webkit-scrollbar-thumb {

        background: rgb(29, 193, 155); 

        border-radius: 10px;

      }

      

      /* Handle on hover */

      .partners::-webkit-scrollbar-thumb:hover, .teamlist::-webkit-scrollbar-thumb:hover {

        background: rgb(29, 193, 155); 

      }

      #top img{

          width: 10rem;

      }

    .teamlist .img-holder{

        margin-bottom: 20!important;

        margin-top: -35px!important;

    }

    .mobile-btn-menu{

        font-size: 1.5rem;

        outline: none;

        border: none;

        display: flex;

        padding: 30px 60px;;

        background: rgb(29, 193, 155);

        color: #FFF;

    }

    .mobile-btn-close-menu{

        font-size: 1.5rem;

        outline: none;

        border: none;

        display: flex;

        padding: 30px 60px;;

        background: white;

        color: #000;

    }

    footer{

        flex-direction: column;

        border: none;

        height: 200px;

        margin-top: 80px;

        padding-left: 80px;

        padding-right: 80px;

    }

    .meetdiscover .white-btn{

        margin-left: -25%;

    }

    footer img{

        margin: 0;

        height: 3rem;

    }

    .left-footer{

        width: 100%;

    }

    .right-footer{

        max-width: 100%;

    }

    .right-footer p{

        text-align: right!important;

    }

    .discover-ithylo{

        text-align: right;

        text-align: -webkit-right;

    }

    .left-footer *, .right-footer *{

        font-size: 1.6rem;

    }

    .hubspot{

        display: none;

    }

    .modal{

        width: 100vw;

        height: 80vh;

    }

    .modal input[name='information']{

        height: 100px;

        width: 100%;

    }

    .modal .wp-block-button{

        top: 0;

    }

    .modalcontent{

        margin: 5%;

        padding-top: 10%;

    }

    .modal .wpcf7-submit{

        top: auto;

    }

  }



  /* Custom checkboxes */



  input[type="checkbox"] {

    position: absolute;

    opacity: 0;

    z-index: 200;

    width: 20px;

    height: 20;

  }

  input[type="checkbox"] + span {

    position: relative;

    cursor: pointer;

    padding: 0;

  }

  input[type="checkbox"] + span:before {

    content: '';

    margin-right: 10px;

    display: inline-block;

    vertical-align: text-top;

    width: 20px;

    height: 20px;

    background: white;

    border: 1px solid #000;

  }

  input[type="checkbox"]:hover + span:before {

    background: #F7F7F7;

  }

  input[type="checkbox"]:focus + span:before {

    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);

  }

  input[type="checkbox"]:checked + span:before {

    background: rgb(29, 193, 155);

  }

  input[type="checkbox"]:disabled + span {

    color: #b8b8b8;

    cursor: auto;

  }

  input[type="checkbox"]:disabled + span:before {

    box-shadow: none;

    background: #ddd;

  }



  .wpcf7-list-item{

      margin: 0.8rem!important;

  }



  .nopadding, .nopadding div{

      padding: 0!important;

  }