@keyframes circletimer {
  0% {
    stroke-dashoffset: 50;
    stroke-dasharray: 50;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 50;
  }
}

#cookie-circle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  right: 13px;    
}

#circ1,#circ2 {
  background-color: transparent;
  position: absolute;
  background-color: transparent;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotateZ(-90deg);
}

#circ1 .circle.animate {
  animation: 15s circletimer linear;
}

#circ1 .circle {
  stroke: #222222;
  stroke-width: 2;
  fill: transparent;
  stroke-dashoffset: 50;
  stroke-dasharray: 50;
}
#circ2 .circle {
  stroke: #5e5e5e;
  stroke-width: 2;
  fill: transparent;
  stroke-dashoffset: 500;
  stroke-dasharray: 0;
}

#cookie-wrap {
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: auto;
  bottom: 30px;
  z-index: 999;
  display: block;
  text-align: center;    
}

#cookie {
  font-family: 'TT Interphases Pro';
  font-size: 16px;  
  display: inline-block;
  width: auto;
  position: relative;
  padding: 10px 36px 10px 15px;
  border-radius: 50px;
  background: rgba(0,0,0,.7);
  padding-left: 17px;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);    
}

.image-wrapper-inner {
  /*transform: translateY(-10%);*/
}
.image-wrapper {
  overflow: hidden;
  border-radius: 4px;
  background:#030406;
}

* {
  image-rendering: optimizeQuality;
}

.grid-container {
  padding-left: 30px;
  padding-right: 30px;
}

#body {
  opacity: 1;
}

#smolla {
  background-color:#fff;
}

#preloader_cover {
  background-color: #F9F9FA;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

#site {
  position: relative;
  z-index: 1;
  background-color: #101214;
  margin-bottom:250px;
}

#body.loaded {
  opacity: 1;
  transition: .6s ease-out all;
}

body,html {
  background-color: #101214;
}

html {
  background-color: #F9F9FA;
}



.grid-container {
  max-width: 1440px;
}

.outer {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.inner {
  transform: translateY(150%) rotate(20deg);
}

.innerSimple {
  transform: translateY(150%);
}

section,.section{
  padding-top:60px;
  position: relative;
  background-color: #101214;
}

section#head {
  background-color: #F9F9FA;
  overflow: hidden;
}

#parallaxy {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: scale(1) translateY(10px);  
}

#body.loaded #parallaxy {
  transform: scale(1.04) translateY(0);  
  transition: 1.4s ease-out all;
  
}

.head_bg {
  height: 60vh;
  min-height: 500px;
  position: relative;
  margin-top: 50%;
  text-align: center;
}

#head_bg {
  z-index: 2;
  background-image: url("../images/header_bg_mobile.png");
  background-size: cover;
  background-position: center top;
  position:relative;
  background-repeat: no-repeat;  
  position: absolute;
  top: 0;
  bottom:0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  
}
#head_bg2 {
  z-index: 1;
  background-image: url("../images/head_bg2.png");
  background-size: cover;
  background-position: center top;
  position:relative;
  background-repeat: no-repeat;  
  position: absolute;
  top: 20px;
  bottom:0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
#head_bg3 {
  z-index: 0;
  background-image: url("../images/head_bg3.png");
  background-size: cover;
  background-position: center top;
  position:relative;
  background-repeat: no-repeat;  
  position: absolute;
  top: 0;
  bottom:0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 30px;
  opacity: 1;
}

#head_bg:before {
  content:'';
  position:absolute;
  bottom:0;
  width:100%;
  height:75%;
  background: linear-gradient(180deg, rgba(16,18,20,0.00) 10%, #101214 85%);
  left: 0;
  right: 0;
}

h1#tit {
  font-family: 'PP Grafier';

  font-size: 24px;
  letter-spacing: -0.22px;
  line-height: 32px;

  margin-top:10vh;
  color: #1D252C;
  text-align: center;


  margin-top: -50%;
  position: relative;
  display: inline-block;
}

h1#tit span {display: block;}

h2 {
  font-family: 'PP Grafier';

  font-size: 18px;
  letter-spacing: -0.17px;
  line-height: 22px;

  color: #E3E3E3;  
  margin-bottom:30px;
}

h3 {
  font-family: 'PP Grafier';
  font-size: 18px;
  color: #E3E3E3;
  letter-spacing: -0.17px;
  line-height: 24px;
  /*max-width: 170px;*/
}

h4 {
  font-family: 'TT Interphases Pro';
  font-size: 14px;
  color: #D9E6F5;
  letter-spacing: 0.17px;
  line-height: 22px; 
}

h4.cit {
  font-family: 'PP Grafier';
  font-size: 16px;
  color: #E3E3E3;
  letter-spacing: -0.15px;
  line-height: 26px;  
}

p {
  font-family: 'TT Interphases Pro';
  font-size: 18px;
  color: #6C737A;
  letter-spacing: 0.18px;
  line-height: 30px;
}

p {
  font-family: 'TT Interphases Pro';
  font-size: 14px;
  color: #6C737A;
  letter-spacing: 0.31px;
  line-height: 24px;  
  margin-bottom: 30px;
}

p.big {
  color: #6C737A;

  font-size: 14px;
  letter-spacing: 0.17px;
  line-height: 26px;  
}

p.smollino {
  font-family: 'TT Interphases Pro';
  font-size: 11px;
  color: #44484D;
  letter-spacing: 0.33px;
  line-height: 15px;
}

section#s2 {
  padding-top:120px;
  padding-bottom: 100px;
}

section#s3,section#s5,section#s7,section#s8 {
  padding-bottom: 100px;
}

#s3 {
  /*display: none;*/
  background: linear-gradient(180deg, #101214 0%, #040505 100%);

}
#s4 {
  /*display: none;*/
  background: linear-gradient(180deg,  #040505 0%, #101214 100%);

}

#s3_1 {
  height: 100vh;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  background: #040505
  /*display: none;*/
}

.input-e {
  color:#FF0000;
  margin-left: 10px;
  display: none;
}

#s3_inner {
  width: 100%;
}

section#s7 {
  padding-top: 100px;
  padding-bottom: 400px;
}

section#s3 .grid-container,section#s5 .grid-container {
  /*height: 1000px;
  background:#E3E3E3;*/
}

.mcbtn {
  border-radius: 16px;
  position:relative;
  padding: 1px;
  display: inline-block;
}

a.mcbtn:hover .border,a.mcbtn.sent .border {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  transition: .4s ease filter;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);  
}

.mcbtn .border {
  transition: .4s ease filter;
  background-image: conic-gradient(from var(--rad) at 50% 50%, #522F52 0%, #A4B4B0 16%, #82A099 31%, #5F8993 50%, #F0241B 67%, #D61F48 78%, #5E1F4B 90%, #522F52 100%);


  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mcbtn .text {
  position: relative;
  background: #040505;
  border-radius: 16px;
  font-family: 'TT Interphases Pro';
  font-size: 14px;
  color: #D9E6F5;
  letter-spacing: 0.5px;
  line-height: 26px;
  padding: 2px 18px;
  display: inline-block;
}

.mcbtn.circle {
  width:53px;
  height:53px;
  overflow: hidden;;
}

.mcbtn.circle .border {
  border-radius: 100%;
}
.mcbtn.circle .text {
  position: relative;
  background: #040505;
  border-radius: 100%;
  padding: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}

.half1 img {
  width: 53px;
  position: relative;
  display: inline-block;
  height: auto;
}

.half2 p {
  margin-bottom: 0;
}

.half2 {
  display: flex;
  column-gap: 7px;
  align-items: center;
  justify-content: space-between;
  margin-bottom:120px;
  margin-top:120px;
}
.half2 h3{
  width: 35%;
}
.half2 p {
  width: 55%;
}

.innero {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  column-gap: 20px;
}

.gappa {
  margin-bottom: 0px;
}

.lineas {
  width: 100%;
  height: 1px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
}

#jewel_bg {
  width: 23px;
  height: 17px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  clip-path: url(#jewel_clip);
}
#web_bg {
  width: 23px;
  height: 23px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  clip-path: url(#web_clip);
}

#heart_bg {
  width: 23px;
  height: 20px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  clip-path: url(#heart_clip);
}

#lock_bg {
  width: 15px;
  height: 23px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  clip-path: url(#lock_clip);
}

#i-tomorrow,#i-tomorrow-bw {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 11.96px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  clip-path: url(#i-tomorrow-clip);

  position: absolute;
  bottom: 0;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: 0;
}
#i-tomorrow-bw{
  background-color: #3B3F43;
  z-index: 1;
}

#i-weekend,#i-weekend-bw {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  clip-path: url(#i-weekend-clip);

  position: absolute;
  bottom: 0;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: 0;  
}

#i-pick,#i-pick-bw {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  clip-path: url(#i-pick-clip);

  position: absolute;
  bottom: 0;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: 0;  
}

.cardo.active .i-b {
  opacity: 0;
  transition: .3s ease all;
}
.cardo .i-b {
  opacity: 1;
  transition: .3s ease all;
}

.cardo.active .i-c {
  opacity: 1;
  transition: .3s ease all;
}
.cardo .i-c {
  opacity: 0;
  transition: .3s ease all;
}

#testimonial-hr {
  --rad:0;
  width: 130px;
  height: 1.6px;
  background: radial-gradient(circle at var(--rad) 0, #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);;
  margin-bottom: 50px;
}

.cit {
  margin-bottom:55px;
  max-width: 400px;
}
.testimonial {
  display: flex;
  justify-content: flex-start;
  column-gap: 18px;  
}

.testimonial_text {
  font-family: 'TT Interphases Pro';
  font-size: 14px;
  color: #6C737A;
  letter-spacing: 0.31px;
  line-height: 24px;
}

.cars {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 10%;
}
#caro1 {
  width:50%;
}
#caro2 {
  width:70%;
}

.car {
  flex-grow: 1;
}

.car img {
  border-radius:4px;
}

#form {
  margin-top:20px;
}

.form-inner {
  margin-top: 95px;
}

.form-row {
  margin-bottom:20px;
}

.form-label {
  opacity: 0.7;
  font-family: 'TT Interphases Pro';
  font-size: 11px;
  color: #D9E6F5;
  letter-spacing: 0.33px;
  line-height: 15px;
  margin-left:10px;
}

.form-field {
  outline: none;
  outline: 0;
  border: 0;
  background-color: #111111;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #0A0B0D !important;
  border: 1px solid #1C1C1C;
  border-radius: 3px;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #D9E6F5;
  letter-spacing: 0;
  line-height: 22px;  
  padding: 10px;
}

.form-field:focus {
  --angle: 0deg;
  outline: none;
  outline: 0;
  border: 1px solid #1C1C1C;
  background-color: #111111;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-image-source: conic-gradient(from var(--angle) at 50% 50%, #522F52 0%, #A4B4B0 16%, #82A099 31%, #5F8993 50%, #F0241B 67%, #D61F48 78%, #5E1F4B 90%, #522F52 100%);
  border-image-slice: 1;
animation: 5s rotate linear infinite;
}

.form-field.invalid {
  border-image-source: conic-gradient(from 0 at 50% 50%, #FF0000 0%, #FF0000 100%);
  border-image-slice: 1;
}
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotate {
  to {
    --angle: 360deg;
  }
}

::-ms-input-placeholder { /* Edge 12-18 */
  opacity: 0.3;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #D9E6F5;
  letter-spacing: 0;
  line-height: 22px;
}

::placeholder {
  opacity: 0.3;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #D9E6F5;
  letter-spacing: 0;
  line-height: 22px;
}

textarea {
  height: 154px;
}

#footer {
  height: 550px;
  padding-top: 0;
  overflow: hidden;

  /* place on the bottom */
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
#innerFooter {
  background-image: url("../images/footer.jpg");
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: 0;
  top: 300px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 250px;
  transform: scale(1.2);
}

#footer .grid-x {
  height: 100%;
  align-items: center;
  margin-top:300px;
  height: 250px;
}

#over-tabs {
  background-color: #141618;
  border-radius: 16px;
  position: relative;
  height: 35px;
  width: 330px;
  margin: 0 auto;
  max-width: 100%;
  background: linear-gradient(180deg, rgba(6,7,8,1) 0%, rgba(16,18,20,1) 100%);
  padding: 1.6px;  
}

#tabs {
  background-color: #141618;
  border-radius: 16px;
  position: relative;
  height: 31.80px;
  width: 330px;
  margin: 0 auto;
  max-width: 100%;
  background: rgb(22,24,26);
  background: linear-gradient(180deg, rgba(22,24,26,1) 0%, rgba(15,16,18,1) 100%);  
}

#tabs-bw,#tabs-color,#tabs-links {
  display: flex;
  justify-content: space-between;

}
:root {
  --maskPos:0%;
  --left:33.33%;
}

#tabs-contenti {
  position: relative;
  width: 100%;
  height: 500px;
}

.tabs-contenti {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .5s ease all;
}

.tabs-contenti.active {
  opacity: 1;
  transition: .5s ease all;
}
#cards {
  position: relative;
  width: 100%;
  height: 200px;
}

.cardo-content {
  display: flex;
  width: auto;
  background: #16181A;
  margin: 1px;
  border-radius: 20px;
  overflow: hidden;
  height: calc(100% - 2px);  
}

.cardo {
  width: 100%;
  height: 100%;
  max-width: 300px;
  height: 260px;  
  border-radius: 20px;
  position: absolute;
  transform-origin: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-box-shadow: 0px 12px 9px -4px rgba(0,0,0,0.45);
  box-shadow: 0px 12px 9px -4px rgba(0,0,0,0.45);
  /*border: 1px solid #1E2226;*/
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(36,41,46,1) 0%, #060708 100%);

  -webkit-box-shadow: 0px 0px 31px 5px #040505;
  box-shadow: 0px 0px 31px 5px #040505;
}



.cardo-text {
  padding: 10px 30px;
  height: 80px;
  text-align: center;
}

.tt-titolo {
  font-family: 'TT Interphases Pro';
  font-size: 21px;
  color: #D9E6F5;
  letter-spacing: 0.4px;
  line-height: 26px;  
  margin-bottom: 5px;
}
.tt-anno {
  font-family: 'TT Interphases Pro';
  font-size: 14px;
  color: #6C737A;
  letter-spacing: 0.31px;
  line-height: 18px;
  margin-bottom: 5px;
  display: none;
}

#card1 {
  
  z-index: 4;
  
}
#card2 {
  z-index: 3;
  transform: translateY(18%) scale(.9);
  
}
#card3 {
  z-index: 2;
  transform: translateY(36%) scale(.8);
  
}

#card4{
  z-index: 0;
  transform: translateY(54%) scale(.7);
  opacity: 0;
}

#card5{
  z-index: 0;
  transform: translateY(54%) scale(.7);
  opacity: 0;
}

#card6{
  z-index: 0;
  transform: translateY(54%) scale(.7);
  opacity: 0;
}

#card7{
  z-index: 0;
  transform: translateY(54%) scale(.7);
  opacity: 0;
}

.cardo-content {
  display: flex;
  flex-direction: column;
}

.cardo-text {
  opacity: 0;
  transition: .3s ease all;
}

.cardio[style*="z-index: 4"] .cardo-content {
  background:#16181A;
}
.cardio[style*="z-index: 3"] .cardo-content {
  background:#111314;
}
.cardio[style*="z-index: 2"] .cardo-content {
  background:#0D0E0F;
}

.cardio[style*="z-index: 4"] .cardo-content .cardo-text{
  opacity: 1;
  transition: 0s ease all;
}


.cardo-pic {
  width: 300px;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.cardo .cardo-pic{
  position: relative;
}
.cardo-pic:after {
  content: '';
  position: absolute;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

#card1 .cardo-pic:after {
  background-image: url("../images/anydrive/Porsche-GT3-RS_Blur.jpg");
}
#card2 .cardo-pic:after {
  background-image: url("../images/anydrive/Ferrari-Purosangue_Blur.jpg");
}
#card3 .cardo-pic:after {
  background-image: url("../images/anydrive/Lamborghini_Huracan-Supertrofeo_Blur.jpg");
}
#card4 .cardo-pic:after {
  background-image: url("../images/anydrive/Ferrari-F12-TDF_Blur.jpg");
}
#card5 .cardo-pic:after {
  background-image: url("../images/anydrive/Lamborghini_Miura_Blur.jpg");
}
#card6 .cardo-pic:after {
  background-image: url("../images/anydrive/Ferrari_458-Speciale-Aperta_Blur.jpg");
}
#card7 .cardo-pic:after {
  background-image: url("../images/anydrive/Pagani_Huayra_Blur.jpg");
}

#cards .cardo.active .cardo-pic:after{
  opacity: 0;
}

#mini-cards .cardo-content {
  display: flex;
  justify-content: space-between;
  padding: 22px 25px;
  flex-direction: row;
}

#mini-cards .cardo{
  height: 70px;
}

.mini-card-left,.mini-card-right {
  font-family: 'TT Interphases Pro';
  font-size: 18px;
  color:#717880;
  letter-spacing: 0.34px;
  line-height: 24px;
  text-shadow: 0 0 10px rgba(0,0,0,0.70);  
  transition: .6s ease all;
}

.cardo.active .mini-card-left {
  color: #D9E6F5;
  transition: .6s ease all;
}

#mini-card1 {
  transform: translateY(0) scale(1);
  z-index: 2;
}
#mini-card2 {
  transform: translateY(55px) scale(.9);
  z-index: 1;
}
#mini-card3 {
  transform: translateY(105px) scale(.8);
  z-index: 0;
}

.pulsello {
  width: 58.5%;
  height: auto;
  position: absolute;
  display: onli;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 20px;  
  opacity: 1;
  transition: .3s ease all;
  z-index: 1;
}
.pulsello_bw {
  width: 58.5%;
  height: auto;
  position: absolute;
  display: onli;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 20px;  
  opacity: 0;
  transition: .3s ease all;
  z-index: 0;
}


.splide__slide .pulsello_bw{
  opacity: 1;
  transition: .3s ease all;
}

.splide__slide .pulsello{
  opacity: 0;
  transition: .3s ease all;
}

.splide__slide.is-active .pulsello{
  opacity: 1;
  transition: .3s ease all;
}

.splide__slide.is-active .pulsello_bw{
  opacity: 0;
  transition: .3s ease all;
}


.slick-slide,.splide__slide {
  width:240px;
  height:240px;
  margin:0 10px;
  position: relative;
}

.slick-slide {
  width:240px;
  height:240px;
  margin:0 10px;
    
}

.cell-inner {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.carousel-cell {
  transform: 1s ease all;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: 102%;
  background-position: center;
  background-repeat: no-repeat;
}

.slick-slide .carousel-cell-bw,.splide__slide .carousel-cell-bw{
  opacity: 1;
  transition: .5s ease all;
  transition-delay: 0s;
}
.slick-slide.slick-current .carousel-cell-bw,.splide__slide.is-active .carousel-cell-bw{
  opacity: 0;
  transition: .5s ease all;
  transition-delay: 0s;
}

.splide__slide {
  transition: .5s ease all;
  opacity: .3;
}

.splide__slide.is-active {
  transition: .5s ease all;
  opacity: 1;
}


.slick-slide p,.splide__slide p {
  font-family: 'TT Interphases Pro';
  font-size: 24px;
  color: #838485;
  letter-spacing: 0.46px;
  text-align: center;
  line-height: 26px;
  text-shadow: 0 0 25px #111B1C;  
  transition: .5s ease all;
  transition-delay: 0s;  
  margin-top: 155px;
  position: relative;
}

.slick-slide.slick-current p ,.splide__slide.is-active p{
  color: #fff;
  transition: .5s ease all;
  transition-delay: 0s;  
}


.visual-p {

  margin-top:50px;
  margin-bottom: 60px;

  opacity: 0.5;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #D9E6F5;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 26px;
  padding: 0 30px;
}

#tabs i {
  width: 12px;
  height: 12px;
  position: relative;
  display: inline-block;
  margin-right: 5px;  
  display: none;
}

#tabs #i1{
  height: 11px;
  clip-path: url(#i1_clip);
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);  
}
#tabs #i2{
  clip-path: url(#i2_clip);
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);  
}
#tabs #i3{
  width: 9px;
  clip-path: url(#i3_clip);
  background-image: radial-gradient(circle at var(--rad), #A4B4B0 0%, #82A099 15%, #5F8993 33%, #F0241B 50%, #D61F48 61%, #5E1F4B 71%, #522F52 79%);  
}

#tabs-bw #i1-b{
  height: 11px;
  clip-path: url(#i1_clip);
  background: rgba(113,120,128,0.50);
}
#tabs-bw #i2-b{
  clip-path: url(#i2_clip);
  background: rgba(113,120,128,0.50);
}
#tabs-bw #i3-b{
  width: 9px;
  clip-path: url(#i3_clip);
  background: rgba(113,120,128,0.50);
}

#tabs-mask,#tabs-mask_blur {
  --rad:0;
  position: absolute;
  top: 0;
  background: conic-gradient(from var(--rad) at 50% 50%, #522F52 0%, #A4B4B0 16%, #82A099 31%, #5F8993 50%, #F0241B 67%, #D61F48 78%, #5E1F4B 90%, #522F52 100%);
  
  position: absolute;
  width: 33.33%;
  height: 35px;
  left: calc(var(--left) - 33.33%);
  top: 0;
  bottom: 0;
  mask-image: url(../images/border.png);
  mask-repeat: no-repeat;
  mask-position: var(--maskPos);
  mask-size: 100% 35px;
  margin-top: -1px;
}

#tabs-mask_blur {
  mask-image: url(../images/border_blur.png);
}

#tabs-color{
  position: absolute;
  width:100%;
  left:0;
  top: 0;
  bottom: 0;
  /*clip-path: inset(0% 400px 0% 0% round 16px);
  clip-path: url(#maskTabs);*/
  mask-image: url("../images/rectangle.png");
  mask-repeat: no-repeat;
  mask-position: var(--maskPos);
  background-color: #09090A;
  mask-size: 33.33% 35px;
}

#tabs-links{
  position: absolute;
  width:100%;
  left:0;
  top: 0;
  bottom: 0;
}
#tabs-links span{
  position: relative;
  width: 33.33%;
  height: 100%;
  cursor: pointer;
}
#tabs-color span{
  position: relative;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #D9E6F5;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 31.8px;
  display: inline-block;
  width: 33.33%;
}
#tabs-bw span{
  position: relative;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #5A6066;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 31.8px;
  display: inline-block;
  width: 33.33%;
}


._shiny::after {
  content: "";
  position: absolute;
  top: calc(var(--y, 0) * 1px - 15%);
  left: calc(var(--x, 0) * 1px - 15%);
  width: 30%;
  height: 30%;
  background: radial-gradient(#D61F48, #5E1F4B00 80%);
  mix-blend-mode:color;
  opacity: 0;
  transition: opacity 0.2s;
}

._shiny:hover::after {
  opacity: .4;
}


/*
LOGIN
*/

#login-site {
  width: 100vw;
  height: 100dvh;
  background: #101214;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;  
}

#login-logo {
  z-index: 1;
  position: relative;
}

#login-logo-wrapper {
  position: relative;  
  margin-bottom: 50px;
}

.login-form-field {
  border-radius: 14px 14px 0px 0px;
  border: 0;
  text-align: center;
  background-color: #000000 !important;
  margin-bottom: 4px;
}

.login-form-field::-ms-input-placeholder { /* Edge 12-18 */
  opacity: 0.5;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #EAEAEA;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 22px;
}

.login-form-field::placeholder {
  opacity: 0.3;
  font-family: 'TT Interphases Pro';
  font-size: 16px;
  color: #D9E6F5;
  letter-spacing: 0;
  line-height: 22px;
}

#login-form-wrapper {
  width: 196px;  
}

.login-form-field:focus {
  
  border: 0;
  border-image-source:none;
}

#login-logo-background {
  --angle: 20deg;
  position: absolute;
  width: 23px;
  height: 30px;
  background: red;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  left: 0;
  right: 0;  
  
  background-image: conic-gradient(from var(--angle)at 50% 50%, #522F52 0%, #A4B4B0 16%, #82A099 31%, #5F8993 50%, #F0241B 67%, #D61F48 78%, #5E1F4B);
  animation: 8s rotate linear infinite;
  background-position: 0px;
  background-size: 200%;
}
.mcbtn.login{
  width: 100%;
  padding: 1.86px;
  height: 38px;
}


.mcbtn.login .border {
  width: 100%;
  background-image: conic-gradient(from var(--angle)at 50% 50%, #522F52 0%, #A4B4B0 16%, #82A099 31%, #5F8993 50%, #F0241B 67%, #D61F48 78%, #5E1F4B);
  border-radius: 0px 0px 14px 14px;  
  animation: 5s rotate linear infinite;
}
.mcbtn.login .text {
  width: 100%;
  border-radius: 0px 0px 14px 14px;
  height: 100%;
  background: #101214;
}




#login-logo-wrapper {
  opacity: 0;
  transform: translateY(20%);
}
#login-form-wrapper{
  opacity: 0;
  transform: translateY(20%);  
}
#login-logo-wrapper.loaded {
  opacity: 1;
  transform: translateY(0);
  transition: .5s;
  transition-delay: .1s;  
}
#login-form-wrapper.loaded{
  opacity: 1;
  transform: translateY(0);
  transition: .5s;
  transition-delay: .2s;  
}

#mcpwd {
  color:#757575;
  height: 38px;
}
#mcpwd.c {
  color:#D9E6F5;
}


/*
FINE LOGIN
*/