:root {
  --lotus-default-color: #fdef00;
  --lotus-default-color-light: #fdef00;
  --lotus-default-bg-color: var(--lotus-default-color);
  --lotus-default-border-color: var(--lotus-default-color);

  --lotus-default-color-rgb: rgb(254, 232, 0);

  --lotus-default-color2: #fff200;


  --cms-default-theme-color: #212529;
  --cms-default-theme-bg-color: var(--cms-default-theme-color);
  --cms-default-theme-border-color: var(--cms-default-theme-color);

  --cms-black: #000000;
  --cms-white: #ffffff;
  --cms-mid-grey: #f8f9fa;
  --cms-light-grey:#757575;

}


html {
  scroll-behavior: smooth;
}
body{
  font-family: Overpass, "Source Han Sans CN Normal", -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.iubenda-tp-btn:not([data-tp-nostyle]){
  display:none!important;
    }


  /*
*
* ==========================================
* FUNC CLASSES
* ==========================================
*
*/

.onlymobile{
  display:none;
}

.uppercase{
  text-transform: uppercase;
}

.underline{
  text-decoration: underline;
}

.link-none{
  text-decoration: none !important;
}

.bold{
  font-weight: bold;
}

/* FONT SIZE */
.fsize-8{
  font-size:8px!important;
}
.fsize-10{
  font-size:10px!important;
}
.fsize-12{
  font-size:12px!important;
}
.fsize-14{
  font-size:14px!important;
}
.fsize-16{
  font-size:16px!important;
}
.fsize-18{
  font-size:18px!important;
}
.fsize-20{
  font-size:20px!important;
}
.fsize-22{
  font-size:22px!important;
}
.fsize-24{
  font-size:24px!important;
}
.fsize-26{
  font-size:26px!important;
}
.fsize-28{
  font-size:28px!important;
}
.fsize-30{
  font-size:30px!important;
}

.fsize-40{
  font-size:40px!important;
}

.fsize-60{
  font-size:60px!important;
}

.headline-60{
  font-size:50px;
  line-height:56px;
}

/* OPACITY */
.bg-opacity-0{
  --bs-bg-opacity: 0;
}
.bg-opacity-1{
  --bs-bg-opacity: .1;
}
.bg-opacity-2{
  --bs-bg-opacity: .2;
}
.bg-opacity-3{
  --bs-bg-opacity: .3;
}
.bg-opacity-4{
  --bs-bg-opacity: .4;
}
.bg-opacity-5{
  --bs-bg-opacity: .5;
}
.bg-opacity-6{
  --bs-bg-opacity: .6;
}
.bg-opacity-7{
  --bs-bg-opacity: .7;
}
.bg-opacity-8{
  --bs-bg-opacity: .8;
}
.bg-opacity-9{
  --bs-bg-opacity: .9;
}


.opacity-0{
  opacity: 0;
}
.opacity-1{
  opacity: 0.1;
}
.opacity-2{
  opacity: 0.2;
}
.opacity-3{
  opacity: 0.3;
}
.opacity-4{
  opacity: 0.4;
}
.opacity-5{
  opacity: 0.5;
}
.opacity-6{
  opacity: 0.6;
}
.opacity-7{
  opacity: 0.7;
}
.opacity-8{
  opacity: 0.8;
}
.opacity-9{
  opacity: 0.9;
}
.opacity-10{
  opacity: 1;
}








  /*
*
* ==========================================
* CUSTOM CLASSES
* ==========================================
*
*/

.cust-main-container{
  padding-left:0px;padding-right:0px; overflow-x:hidden;
}

.bg-mid-grey{
  background-color: var(--cms-mid-grey);
}

.text-light-grey{
  color: var(--cms-light-grey);
}

/* loader */
.loader {
  width: 20px;
  height: 3px;
  display: block;
  margin: auto;
  position: relative;
  border-radius: 4px;
  color: var(--lotus-default-color);
  background: currentColor;
  box-sizing: border-box;
  animation: animloader 0.6s 0.3s ease infinite alternate;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  width: 20px;
  height: 3px;
  background: currentColor;
  position: absolute;
  border-radius: 4px;
  top: 0;
  right: 110%;
  animation: animloader  0.6s ease infinite alternate;
}
.loader::after {
  left: 110%;
  right: auto;
  animation-delay: 0.6s;
}

@keyframes animloader {
  0% {
    width: 20px;
  }
  100% {
    width: 48px;
  }
}
    

/* navbar */
button.navbar-toggler{
  border:0px!important;
}
button.navbar-toggler:focus{
  outline:0!important;
  box-shadow: none;
}

.navbar {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: -moz-transform 0.7s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1);
}

.navbar.hidden {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.navbar.visible {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}


/* subnav */
.subnav .navbar-toggler-icon{
  width:1.2em;
  height:1.2em;
  transition: all 0.2s ease;
}

.subnav .nav-link:hover{
    color: var(--lotus-default-color);
  }

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

  .subnav .navbar-collapse {
      position: absolute;
      top: 40px;
      left: 100%;
      padding-left:15px;
      width: 100%;
      transition: all 0.2s ease;
      display: block;
      background:red;
  }
  .subnav .navbar-collapse.collapsing {
      height: auto !important;
      margin-left: 50%;
      left: 50%;
      transition: all 0.2s ease;
  }
  .subnav .navbar-collapse.show {
      left: 0;
  }

  .subnav-bg-black{
  background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important;
  }


  .subnav .navbar-toggler-icon-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")!important;
    opacity:0.8!important;background-size:60%!important;
    transition: all 0.2s ease;

  }

}  


/* tabsNavigation */
.tabsBackground{
background-size:cover; 
background-position:center; 
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
transition: background 0.5s linear;
}

.bg-black-op{
  background-size:cover; 
  background-position:center; 
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.8);
  transition: background 0.5s linear;
  }



.lotus-yellow{
  color:var(--lotus-default-color)!important;
}

.bg-lotus{
  background-color: var( --lotus-default-bg-color)!important;
}

.logo-header{
  max-width:250px;
  -webkit-transition: -webkit-all 0.7s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: -moz-all 0.7s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.logo-header.scale{
  transform: scale(0.8);
}

.logo-footer{
  max-width:60px;
}


.dropdown-item[aria-current="page"]{
  background-color: red;
}

.dropdown-item:active{
  background-color: var(--cms-black);
  color: var(--lotus-default-color)!important;
}

.btn-readmore{
  background-color:var(--cms-white);
  color:var(--cms-black);
  border-color:var(--cms-white);
  transition-property: background-color,color,border-color;
   transition-duration: 0.5s;
   transition-timing-function: ease;
}

.btn-readmore:hover,.btn-readmore:active{
  background-color:var(--cms-black);
  color:var(--cms-white);
  border-color:var(--cms-black);
}


.btn-lotus-rounded{
  background-color:var(--lotus-default-color);
  color:var(--cms-black);
  border-color:var(--lotus-default-color);
  transition-property: background-color,color,border-color;
   transition-duration: 0.5s;
   transition-timing-function: ease;
}

.btn-lotus-rounded:hover,.btn-lotus-rounded:active{
  background-color:var(--cms-white);
  color:var(--cms-black);
  border-color:var(--cms-white);
}

.lotus-news-row{
  border-bottom:1px solid var(--lotus-default-bg-color);
  transition-property: background-color,color,border-color;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.lotus-news-row:hover{
  background-color: var(--lotus-default-bg-color);
  color: var(--cms-black);
}


.mtopnav{
  padding-top:80px;
}

.headerVisible{
  visibility: visible;
  transition: all 1s;
}
.headerVisible2{
  visibility: visible;
  transition: all 0.3s;
  top:80px;
  z-index:10;
}


.headerHidden {
  visibility: hidden;
  transition: all 2s;
  transform: translateY(-100%);
}

.headerHidden2 {
  visibility: hidden;
  transition: all 0.3s;
  transform: translateY(-100%);
}


/* accordion */
.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0,0,0,.125);
  background:none;
}
.accordion-button:not(.collapsed) {
box-shadow: none;
  background:none;
  color: #000000;
}


/* modal */

.logo-modal{
  margin-left:20px; max-width:200px;
}

/* CTAS LOTUS */
.cta-lotus {
  background-color: var(--lotus-default-color2);
  color: var(--cms-black);
  padding: 17px 0px 15px 10px;
  max-width: 300px;
  width: auto;
  text-align: center;
}
.cta-lotus::after {
  content: '\2192';
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  left: 0px;
}
.cta-lotus:hover::after{
  opacity: 1;
  left: 10px;
 }


 .cta-lotus-black {
  background-color: var(--cms-black);
  color: var(--cms-white);
  padding: 15px 0px 13px 10px;
  max-width: 300px;
  width: auto;
  text-align: center;
  border: 1px solid var(--cms-white);
}
.cta-lotus-black::after {
  content: '\2192';
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  left: 0px;
}
.cta-lotus-black:hover::after{
  opacity: 1;
  left: 10px;
 }





 .cta-lotus-text {
  width: auto;
  text-align: left;
}
.cta-lotus-text::after {
  content: '\2192';
  position: relative;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  left: 5px;
}
.cta-lotus-text:hover::after{
  opacity: 1;
  left: 10px;
 }

 
 .cta-lotus-carousel{
    background-color: var(--lotus-default-color2);
    color: var(--cms-black);
    padding: 17px 0px 15px 10px;
    width: 200px;
    text-align: center;
    position:absolute;
    z-index:999;
  }
  .cta-lotus-carousel::after {
    content: '\2192';
    position: relative;
    opacity: 0;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    left: 0px;
  }
  .cta-lotus-carousel:hover::after{
    opacity: 1;
    left: 10px;
   }

   .btn-close-c{
    opacity:0.7;
   }
 
   .btn-close-c:hover{
    opacity:1;
   }


 /* BACKGROUND VIDEO */
 .video-background-holder {
  position: relative;
  background-color: black;
  height: calc(100vh);
 /* height: calc(100vh - 72px); */
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
  position: relative;
  z-index: 2;
}

.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0;
  z-index: 1;
}


/* HOME CAROUSEL */

.carousel-inner .carousel-control {
  z-index: 1 !important;
  }
  .carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
background-image: url("../img/svg/right-arrow-carousel.svg") !important;
}
.carousel-control-prev-icon {
background-image: url("../img/svg/left-arrow-carousel.svg") !important;
}


.galleria .carousel-control-next-icon {
  background-image: url("../img/svg/right-arrow-carousel-white.svg") !important;
  }
  .galleria .carousel-control-prev-icon {
  background-image: url("../img/svg/left-arrow-carousel-white.svg") !important;
  }


  /*
*
* ==========================================
* DEVICES RULES
* ==========================================
*
*/
@media all and (max-width:480px) {
  .btn-block-mobile { width: 100%; display:block; }
  
  .onlydesktop { display: none!important; }


  .onlymobile{
    display:block;
  }

  .headline-60{
    font-size:30px;
    line-height:34px;
  }

}  



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

  .onlydesktop-md { display: none!important; }

  .cta-lotus{
    width:100%;
    max-width: 100%;
  }

  .video-background-holder {
   height: calc(100vh - 72px); 
  }

  iframe{
    width:100%;
    max-width:768px;
  }

  .onlymobile{
    display:block;
  }


}   


@media all and (min-width:1024px) {
  .cust-col-targa{
    border-left:2px solid #141414;
    padding-left:20px;
  }
}   

@media all and (max-width:1024px) {
  .cta-lotus-carousel{
    display:none;
  }

}