@font-face {
  font-family: MarthinSlant;
  src: url(../fonts/Marthin.otf) format("opentype");
}

@font-face {
  font-family: Avenir;
  src: url(../fonts/AvenirLTStd-Roman.woff);
}

::-moz-selection { /* Code for Firefox */
  background: #d9c586;
  color: #fff;
}

::selection {
  background: #d9c586;
  color: #fff;
}

html{
    font-size: 16px;
}

body{
  font-family: Avenir;
  font-weight: 400 !important;
}

h1, h2, h3{
  font-family: MarthinSlant;
  font-weight: 400 !important;
}

h4, h5, h6{
  font-family: Avenir;
  font-weight: 400 !important;
}

p{
  font-family: Avenir;
}

.headefr-fexid .project-title .title-text-header .title-text-header-inner{
  font-family: MarthinSlant;
  font-weight: 400 !important;
}

.headefr-fexid .project-title .title-text-header .title-text-header-inner span{
  font-weight: 400 !important;
  font-size: 100px;
  line-height: 80px;
  color: #d9c586;
}

.intro-project h2{
  font-weight: 400;
}

html {
/*  scroll-behavior: smooth;*/
}

.box-seat.box-seat-full .pro-text{background-color: rgba(0,0,0,0);}.box-seat .pro-text p{margin-left: 0px;}

.img-corona{
  height: auto;
  width: 50px !important;
}

.our-services-2 .services-item .icon img{
    height: 50px;
}

.services-item .icon > img{
    width: 50px;
    height: 50px;
    transition: width 2s, height 2s, transform 2s;
}

.services-item .icon > img:hover {
  width: 200px;
  height: 200px;
  transform: rotate(180deg);
}

.box-seat .pro-text-left{
  left: 80px;
}

.pro-text{
  z-index: 99;
}

.pro-text strong{
    color: #fff;
}

.pro-text h3{
  font-size: 100px;
  color: #d9c586;
}

.pro-text h4{
  text-transform: uppercase;
}

h2 .dsn-word-wrapper{
  font-size: 80px;
  line-height: 1.5;
  color: #d9c586;
}

.one-title .title-main{
  font-size: 80px;
  color: #d9c586;
}

.our-services-2 .services-item .services-header h3,
.box-info-contact h3, .form-box h3{
  font-size: 45px;
}

.our-services-2{
    background-image: url('../img/corona-back.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.our-services-2 .col-md-4:nth-of-type(even) .services-item{
    background: unset;
}

.main-logo .light-logo{
    max-width: 50px;
}

.header-top-hamburger .header-container a[href="/?lang=it"]::after{
    content: ' ITALIANO';
}

.header-top-hamburger .header-container a[href="/?lang=en"]::after{
    content: ' ENGLISH';
}

@media (max-width:1024px){
  .headefr-fexid .bg .bg-image{
    background-size: 100%;
  }

  .headefr-fexid .bg {
    width: 60%;
  }

  .box-seat .pro-text{
    right: 0px;
    max-width: 60%;
  }

  .box-seat .pro-text.pro-text-left{
    left: 0px;
  }
}

@media (max-width: 992px){
  .headefr-fexid .bg .bg-image{
    background-image: url('../img/corona-mobile.png') !important;
  }

  .headefr-fexid .bg {
    width: 100%;
  }

  .headefr-fexid .project-title .title-text-header{
    padding-top: 40vh;
  }

  .headefr-fexid .project-title .title-text-header,
  .headefr-fexid .project-title .sub-text-header{
    width: 100%;
    text-align: center;
    padding-left: 0px;
  }

  .headefr-fexid .project-title .title-text-header .cat:after{
    width: 0px;
  }

  .headefr-fexid .project-title .title-text-header .cat{
    padding-left: 0px;
  }

  .pro-text{
    text-align: center;
  }

  #img-smeraldo{
    content: url('../img/smeraldo-mobile.png') !important;
  }

  #img-corona-smeraldo{
    content: url('../img/corona-smeraldo-completa.png') !important;
    margin: 0 auto;
  }

  #img-diamante{
    content: url('../img/diamante-mobile.png') !important;
  }

  #img-corona-diamante{
    content: url('../img/corona-diamante-completa.png') !important;
    margin: 0 auto;
  }

  #img-rubino{
    content: url('../img/rubino-mobile.png') !important;
  }

  #img-corona-rubino{
    content: url('../img/corona-rubino-completa.png') !important;
    margin: 0 auto;
  }
  
  #img-zaffiro{
    content: url('../img/zaffiro-mobile.png') !important;
  }

  #img-corona-zaffiro{
    content: url('../img/corona-zaffiro-completa.png') !important;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px){
  .box-seat .pro-text h3, .box-seat.box-seat-full .pro-text h3, .box-seat.box-seat-bottom .pro-text h3 {
      font-size: 60px;
      line-height: 1.3;
  }

  .pro-text h4{
    font-size: 20px;
  }

  .one-title .title-main{
    font-size: 70px;
  }
  
  .our-services-2 .col-md-4 .services-item{
      background: unset;
  }
}

@media (orientation: landscape) {
        .headefr-fexid .bg .bg-image {
            background-size: 40% !important;
        }
}

@media (min-width: 824px) {
        .headefr-fexid .bg .bg-image {
            background-size: cover !important;
        }
}