@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.otf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.otf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.otf') format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.otf') format('truetype');
        font-weight: 300;
}


html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Gotham', sans-serif;
    font-size: 17px; 
    line-height: 32px;
    color: #000;
    font-weight: 400;
}

.fw-li{font-weight: 200;}
.fw-me{font-weight: 300;}
.fw-re{font-weight: 400;}
strong, .fw-bo{font-weight: 500;}

.fs-62{font-size: 62px;}
.fs-42{font-size: 42px;}
.fs-36{font-size: 36px;}
.fs-30{font-size: 30px;}
.fs-24{font-size: 24px;}



a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #EF4B54; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.bg-grey{background-color: #484c4c!important; }
.bg-dark{background-color: #5D5D5D!important; }
.bg-brand{background-color: #EF4B54;}
.bg-light{background-color: #F4F4F4!important;}
.bg-y{background-color: #FFDE91!important;}

.btn-brand{background-color: #EF4B54;  transition: all 0.32s ease-out; color: #FFF; font-weight: bold; font-size: 21px; padding: 10px 35px; letter-spacing: 1.5px; border: none; display: inline-block; border-radius: 50px;}
.btn-brand:hover{background-color: #339999; color: #FFF!important;}

.btn-share{outline:none; background-color: #AAAAAA; background-image: url('../images/misc/share.png'); background-position: 90% 52%; background-repeat: no-repeat; padding-right: 65px; border: 0;}
.btn-share:hover{background-color: #EF4B54;}
.btn-share:focus {border: none; outline: none; }

.btn-login{background-color: #000; color: #FFF; border:none; padding: 5px 10px; font-weight: 400;  transition: all 0.32s ease-out; }
.btn-login:hover{background-color: #80BABA;}

.text-brand{color:#EF4B54!important;}
.text-black{color:#000!important;}
.text-grey{color:#BAB3B3!important;}
.text-y{color:#FFDE91!important;}

.has-bg{background-position: center; background-size: cover; }
.has-border{border-top: 1px solid #BAB3B3;}

.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.text-linked{color: inherit;}
.text-linked:hover{color: inherit; text-decoration: underline;}

.mt-md-100{margin-top: 100px;}
.mb-md-100{margin-bottom: 100px;}

.contaianer{max-width: 1170px;}

.customList{margin-left: -15px;}
.customList li{margin-bottom: 10px;}

.border-link {
    border:1px solid #EF4B54;
    max-width:176px;
}

@media screen and (min-width: 1199px){
    .border-r{border-right: 200px solid #FFF; border-left: 200px solid #F4F4F4;}
    .border-l{border-left: 200px solid #FFF;  border-right: 200px solid #FFDE91;}
}


@media screen and (max-width: 767px){
    body{font-size: 16px; }
    .fs-62{font-size: 42px;}
    .fs-42{font-size: 32px;}
    .fs-36{font-size: 32px;}
    .fs-30{font-size: 24px;}
}


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

    .fs-62{font-size: 32px;}
    .fs-42{font-size: 24px;}
    .fs-36{font-size: 22px;}
    .fs-30{font-size: 20px;}
}



#topNavigation .img-logo{width: 222px;}
#topNavigation .logo-lormel{width: 130px;}
#topNavigation .nav-link{color:#5D5D5D; font-weight: 300;}
#topNavigation .nav-link:hover{color:#EF4B54;}

#sideNav{position: fixed; top: 300px; right: 0; z-index: 589; width: 50px; display: block;}
#sideNav .nav-register{padding: 11px;  background-color: #EF4B54;  transform: rotate(-90deg);top: -96px; width: 92px; position: absolute; width: 112px; left: -30px;}
#sideNav .nav-register:hover{background-color: #339999;}
#sideNav .nav-register a{color: #FFF; font-weight: 500; display: block; }
#sideNav .btn-social{padding: 11px;}
#sideNav .btn-fb{background-color: #0A6A9B;}
#sideNav .btn-ig{background-color: #489993;}
#sideNav .bt-share{background-color: #80BABA;}

.nav-btn-wrapper{margin-left: -63px;}
.btn-nav{font-weight: 200; font-size: 16px;     padding: 5px 8px;     margin: 3px;   width: 125px;}

footer{background-color: #5D5D5D; margin-top: -1px;}
.footer-text{font-size: 14px; letter-spacing: 1px; line-height: 24px;}
.btn-brand-map{font-size: 15px; font-weight: 400; padding: 5px 8px 5px 50px;  background-image: url('../images/misc/compas.png'); background-position: 10px center; background-repeat: no-repeat;}


#map{width: 100%; height: 450px;}
footer .logo-lormel{width: 135px;}


#login .nav-register{display: none;}
.frm-container{position: absolute; left: 50%; top: 50%; height: 100%;transform: translate(-50%, -50%);}
#frm-wrapper{position: absolute; left: 50px; top: 50px; background-color: #EF4341; width: 475px; height: 475px; border-radius: 50%; color: #FFF;padding: 15px; display: flex; align-items: center; justify-content: center;}
#frm-wrapper h1{font-size: 52px; line-height: 50px;}
#frm-wrapper p{font-size: 18px; line-height: 25px;}
#frm-wrapper .form-control{border-radius: 0; border: 2px solid #000;}
.img-leaf{position: absolute; top: 40%; left: -60px;}

#RenderingCarousel .carousel-indicators{position: relative; margin-top: 20px; margin-left: 0; margin-right: 0;}
#RenderingCarousel .carousel-indicators button{width: 200px; margin: 5px; padding: 0;} 
@media screen and (max-width: 991px){
    
}

@media screen and (max-width: 767px){
       #topNavigation .img-logo{width: 125px; }
       #topNavigation .logo-lormel{width: 75px;}
       .nav-btn-wrapper{margin-left: 0px; margin-top: 4px; display: none;}
            #sideNav{top: 220px;}


       #frm-wrapper{width: 300px; height: 300px; text-align: center;}
       #frm-wrapper h1{font-size: 22px; line-height: 50px;}
        #frm-wrapper p{font-size: 14px; line-height: 25px;}
        .img-leaf{width: 80px;}

    #RenderingCarousel .carousel-indicators{display: none;}

}

@media screen and (min-width: 1400px) and (max-width: 1460px){
    .navbar-nav .nav-link {
        font-size:16px;
    }

}  




@media screen and (max-width: 1399px){
    #topNavigation .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(239, 75,84, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #topNavigation .navbar-toggler {border-color: rgba(255,255,255,0);} 
    #topNavigation  .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none;  }
    .border-link {
        max-width:165px;
    }
}




@media screen and (max-width: 576px){
 
    /* #sideNav{top: 0px; max-width: 100%; width:auto;}
    #sideNav .nav-register {padding: 9px;transform: rotate(0); left: -116px; top: 0;} */

   #thank-you .fs-42{font-size: 24px;}
   #thank-you .fs-30{font-size: 18px;}
}

@media screen and (max-width:440px){
    /* #sideNav .nav-register {padding: 12px; left: 82px; transform: rotate(-90deg); top: 83px;} */
}


#registrationForm .form-control{border: none; border-bottom: 1px solid #4C4C4C; border-radius: 0; margin-bottom: 50px; font-size: 18px;  background-color: transparent;}
#registrationForm .form-control:focus{outline: none;  box-shadow: none;}
#registrationForm .form-control::placeholder { color: #4C4C4C; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #4C4C4C;}
#registrationForm .form-control::-ms-input-placeholder { color: #4C4C4C;}
#registrationForm .btn-brand{font-weight: 400;}
#registrationForm label{color: #4C4C4C;}
#registrationForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%4C4C4C0F%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    color: #4C4C4C;
}

#sharePopUp .modal-header{border: none;}

 #heroSlider{margin-bottom: -30px; position: relative; z-index: 1;}

@media screen and (min-width:1200px){
    #heroSlider{margin-bottom: -90px;}
}