:root {
  --blue: #1e90ff;
  --white: #ffffff;
}

@font-face {
  font-family: 'Bickham Script Pro Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Bickham Script Pro Regular'), url('fonts/Bickham Script Pro Regular.woff') format('woff');
}


@font-face {
  font-family: 'Bickham Script Pro Semibold';
  font-style: normal;
  font-weight: normal;
  src: local('Bickham Script Pro Semibold'), url('fonts/Bickham Script Pro Semibold.woff') format('woff');
}


@font-face {
  font-family: 'Bickham Script Pro Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Bickham Script Pro Bold'), url('fonts/Bickham Script Pro Bold.woff') format('woff');
}

.advant {
  background: rgba(0, 0, 0, 0.2);
  transition: 1s;
}

.advant:hover {
  background: rgba(0, 0, 0, 0.4);
}

.logo1 {
  margin-bottom: -150px !important;
  color: #ffffff;
  font-family: 'Bickham Script Pro Regular';
  font-weight: 100 !important;
  font-size: 240px;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

.logo2 {
  color: #ffffff;
  font-family: 'Bickham Script Pro Regular';
  font-weight: 100 !important;
  font-size: 130px;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

#threeSeconds span {
  font-size: 10vh;
  letter-spacing: 1vw;
  line-height: 10vh;
  color: #ffffff;
  font-family: 'Bickham Script Pro Regular';
  font-weight: 100;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

#threeSeconds {
  margin-top: 25vh !important;
  font-weight: bold;
  border-radius: 5px;
  transition: 3s;
  /* transform: rotate(3deg);
   */
  margin: auto;
}

.hidden {
  display: none;
  transition: 3s;
}

.maincover {
  min-height: 100vh;
  background-size: cover !important;
  background-position: center !important;
  animation: mainbg 24s alternate infinite;
  animation-timing-function: linear;
}

.horange {
  background: radial-gradient(circle, rgba(189, 164, 146, 1) 0%, rgba(112, 98, 88, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.maincover h1 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

@keyframes mainbg {
  0% {
    background: url(https://italian.org/img/img-01.jpg);
  }

  18% {
    background: url(https://italian.org/img/img-01.jpg);
  }

  22% {
    background: url(https://italian.org/img/img-02.jpg);
  }

  38% {
    background: url(https://italian.org/img/img-02.jpg);
  }

  42% {
    background: url(https://italian.org/img/img-03.jpg);
  }

  58% {
    background: url(https://italian.org/img/img-03.jpg);
  }

  62% {
    background: url(https://italian.org/img/img-04.jpg);
  }

  78% {
    background: url(https://italian.org/img/img-04.jpg);
  }

  82% {
    background: url(https://italian.org/img/img-05.jpg);
  }

  89% {
    background: url(https://italian.org/img/img-05.jpg);
  }

  92% {
    background: url(https://italian.org/img/img-06.jpg);
  }

  100% {
    background: url(https://italian.org/img/img-06.jpg);
  }
}

.itacover {
  min-height: 30vh;
  border-top: 5px #000 solid;
  border-bottom: 5px #555 solid;
  background-size: cover;
  background: url(https://italian.org/img/bg-ita.jpg);
  background-size: cover;
  background-position: center;
}

.content {
  min-height: 50vh;
}

.video {
  color: inherit;
}

.maincover2 {
  min-height: 100vh;
  background-size: cover;
  background-image: linear-gradient(103.2deg, #706258 14.6%, rgba(57, 187, 231, 1) 91.5%);
}

.jcont {
  padding: 25vh 0;
}

.logo {
  color: inherit;
}

h1 {
  letter-spacing: -3px;
}

.orange {
  border: 2px solid #706258 !important;
  background: radial-gradient(circle, rgba(189, 164, 146, 1) 0%, rgba(112, 98, 88, 1) 100%) !important;
  color: #fff !important;
}

.orange:hover {
  border: 2px solid #706258 !important;
  background: #fff !important;
  color: #706258 !important;
}

.orange-outline {
  border: 2px solid #706258 !important;
  background: #fff !important;
  color: #706258 !important;
}

.orange-outline:hover {
  border-color: #706258 !important;
  background: #706258 !important;
  color: #fff !important;
}

.text-orange {
  color: #706258 !important;
}

.btn-orange,
.btnorange {
  max-width: 70px;
  width: 100%;
}

.text-shadow {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.backorange {
  background: #706258;
}

.hlink2 {
  position: relative;
  min-height: 40vh;
  background-size: cover !important;
  background-repeat: none;
  background-position: center !important;
}

.hlink3 {
  position: relative;
  min-height: 20vh;
  background-size: cover !important;
  background-repeat: none;
  background-position: center !important;
}

.mapitaly a path {
  fill: #706258;
  border: 1px solid #fff;
}

.mappa path {
  fill: #706258;
  border: 1px solid #fff;
}

.mapitaly a:hover path {
  fill: #706258b3;
  border: #706258 1px solid !important;
}

.mappa svg, .mappa img {
  max-width: 100%;
  max-height: 50vh;
}

.borderita {
  /* border: 3px solid;
   border-image: url(img/border4.svg);
   border-image-slice: 10;
   border-image-width: 16px;
  */
  background: #fff;
  border-radius: 5px;
}

@media (max-width: 575.98px) {
  .jumbo {
    font-size: 8vw;
    letter-spacing: -3px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .jumbo {
    font-size: 8vw;
    letter-spacing: -3px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .jumbo {
    font-size: 8vw;
    letter-spacing: -3px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .jumbo {
    font-size: 7vw;
    letter-spacing: -3px;
  }
}

@media (min-width: 1200px) {
  .jumbo {
    font-size: 7vw;
    letter-spacing: -3px;
  }
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader {
  z-index: 1001;
  /* anything higher than z-index: 1000 of .loader-section */
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: rgba(189, 164, 146, 0.5);
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: rgba(189, 164, 146, 0.7);
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: rgba(189, 164, 146, 1);
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #fff;
  z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transition: all 0.3s 0.3s ease-out;
  transition: all 0.3s 0.3s ease-out;
}

.loaded #loader {
  opacity: 0;
}

.loaded #loader-wrapper {
  visibility: hidden;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }

  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }

  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}