@import url("https://fonts.googleapis.com/css?family=Raleway&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css");
html {
  font-size: 1rem;
}
body {
  font-family: "Raleway", sans-serif; background:rgb(31, 31, 31);
 /* background: linear-gradient(270deg, #000000, #383838, #303b45, #424b54);
  background-size: 800% 800%;
  -webkit-animation: AnimationName 20s ease infinite;
  -moz-animation: AnimationName 20s ease infinite;
  animation: AnimationName 20s ease infinite;*/
}


@-webkit-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}



.navbar .nav-link {
  /*text-transform: uppercase;*/
  font-size: 14px;
  letter-spacing: 2px;
  /*color: #000 !important;*/
}
li.nav-item.active {
  font-weight: bold !important;
  text-decoration: underline;
}

.logo {
  z-index: 1000;
  text-transform: uppercase;
  font-size: 20px !important;
  padding-top: 10px;
  color: #000;
}

.logo a {
  color: #000;
  font-weight: bold;
}

.fiera,
.nomeproduttore {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  /*text-transform: uppercase;*/
  padding: 15px 0px 0px 0px;
}

footer h5 {
  font-size: 12px !important;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 10px;
}

.fieracont {
  padding: 15px 15px 40px 15px;
}

.fieracont a {
  color: #000;
}

.fieracont > div {
  display: block;
  font-size: 12px;
  line-height: 15px;
}

footer * {
  font-size: 12px !important;
}

footer a {
  color: #666;
}

.logo span {
  display: block;
  font-size: 12px;
}

.nomeproduttore {
  float: left;
}

.nomecliente {
  padding: 0;
  font-size: 15px;
  color: #000;
  display: block;
}

.stato {
  margin-top: 20px;
  float: left;
}

iframe.video {
  width: 100%;
  height: 100vh;
}

.badge-1 {
  background-color: #28a745;
}

.badge-2 {
  background-color: #dc3545;
}

.badge-3 {
  background-color: #ffc107;
}

iframe {
  width: 100% !important;
  height: 80vh !important;
  margin: auto;
}

.videoopzioni {
  margin: 20px 0 0 0;
  padding: 0 !important;
}

.opz {
  margin: 15px 0 0 0;
}

.produttorefiera,
.clientelista {
  margin: 0 0 15px 0;
}

.listaprodotti {
  color: rgb(179, 176, 176);
  font-size: 10px;
  margin-top: 30px;
}

.nomefierafutura {
  text-transform: uppercase;
  font-size: 25px;
  color: #FFF;
  font-weight: bold;
}

.descrizionefierafutura {
  font-size: 13px;
  color: #fff;
}

.titolohome {
  letter-spacing: 5px;
}

.diamondovveride {
  z-index: 1000;
  position: absolute;
  margin-left: -10px;
  margin-top: -20px;
}

.filterDiv {
  display: none;
}

.show {
  display: block;
}

.appuntamento {
  border-right: 1px solid #eee;
  display: blocK;
}

.appuntamento:first-child {
  margin-left: 16.666667% !important;
}

.appuntamento:nth-child(5) {
  border-right: 1px solid #fff;
  display: blocK;
}

.carousel-control-next,
.carousel-control-prev {
  font-size: 50px;
  opacity: 0.3;
}

#carouselaziende {
  display: block;
  min-height: 242px;
}

.numerogrosso {
  font-size: 60px;
  font-family: arial, sans serif;
}

.testogrosso {
  font-size: 25px;
  text-transform: uppercase;
}
.testogrosso2 {
  font-size: 40px;
  font-family: arial, sans serif;
}
.numer2 * {
  font-size: 13px;
  line-height: 39px;
}

.fp2 a {
  color: #ddd;
  text-decoration: underline;
}

.slogan {
  color: #666;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 30px;
}
.slogan span {
  font-size: 27px;
}

.slogan a {
  color: #008d36;
  text-decoration: none;
  font-weight: bold;
}
.slogan a:hover {
  color: #008d36 !important;
  text-decoration: underline;
}
.testogrosso2 {
  font-size: 40px;
  font-family: arial, sans serif;
}
.requisiti {
  font-size: 12px;
}
.requisiti div > ol > li {
  font-weight: bold;
  text-transform: uppercase;
  min-height: 25px;
}
.requisiti div > ol div span {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-blocK;
  margin-right: 10px;
}
.requisiti div > ol div {
  margin: 0px 0px 10px 0px;
}

.noheight * {
  font-size: 13px;
  line-height: 23px !important;
  text-transform: uppercase;
}

@media (min-width: 576px) and (max-width: 992px) {
  .numer:nth-child(2),
  .numer:nth-child(3) {
    border-bottom: 1px solid #6c757d;
  }

  .numer2:nth-child(2),
  .numer2:nth-child(3) {
    border-bottom: 1px solid #f8f9fa;
  }
}

@media (min-width: 992px) {
  .numer:nth-child(2),
  .numer:nth-child(3),
  .numer:nth-child(4) {
    border-right: 1px solid #6c757d;
  }

  .numer2:nth-child(2),
  .numer2:nth-child(3) {
    border-right: 1px solid #f8f9fa;
  }
}

/* GEORGE */
.verde {
  background-color: green;
  color: white;
  font-weight: bold;
}

.rosso {
  background-color: red;
}

.giallo {
  background-color: yellow;
  font-weight: bold;
}

@keyframes blink {
  0% {
    background-color: green;
  }

  50% {
    background-color: yellow;
  }

  100% {
    background-color: green;
  }
}

@-webkit-keyframes blink {
  0% {
    background-color: green;
  }

  50% {
    background-color: yellow;
  }

  100% {
    background-color: green;
  }
}

@keyframes blink_blu {
  0% {
    background-color: mediumturquoise;
  }

  50% {
    background-color: mediumslateblue;
  }

  100% {
    background-color: mediumturquoise;
  }
}

@-webkit-keyframes blink_blu {
  0% {
    background-color: mediumturquoise;
  }

  50% {
    background-color: mediumslateblue;
  }

  100% {
    background-color: mediumturquoise;
  }
}

.invitato_da {
  -moz-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  -moz-animation: blink normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out;
  /* IE */
  animation: blink normal 2s infinite ease-in-out;
  /* Opera */
}

.ho_invitato {
  -moz-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  -moz-animation: blink_blu normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink_blu normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink_blu normal 2s infinite ease-in-out;
  /* IE */
  animation: blink_blu normal 2s infinite ease-in-out;
  /* Opera */
}

#overlay {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 1);
  transition: 3.5s ease-out 0.5s;
}

#progress {
  height: 1px;
  background: #fff;
  position: absolute;
  width: 0;
  top: 60%;
}

#progstat {
  font-size: 0.7em;
  letter-spacing: 3px;
  position: absolute;
  top: 60%;
  margin-top: -40px;
  width: 100%;
  text-align: center;
  color: #fff;
}

/* /GEORGE */
@media (min-width: 601px) {
  .presentazione .carousel-caption {
    color: black !important;
    /*padding-top: 77px;*/
    left: 0 !important;
    right: 0 !important;
    padding-bottom: 20px;
    /*color: #fff;*/
    text-align: left;
    position: relative;
  }
  .presentazione .carousel-caption h5 {
    font-weight: bold;
  }

  .presentazione .carousel-indicators li {
    background-color: #0a0a0a;
  }
  .modal-title {
    width: 100%;
  }
  .presentazione .carousel-control-prev {
    max-height: 54px;
    z-index: 3000 !important;
    margin-left: 38%;
  }
  .presentazione .carousel-control-next {
    max-height: 54px;
    z-index: 3000 !important;
    margin-right: 38%;
  }
  .presentazione .carousel-control-prev-icon {
    background-image: url("https://virtualfair.it/img/sx.svg") !important;
    background-repeat: no-repeat;
    background-size: 200px 200px;
    background-position: -50px -50px;
    width: 100px !important;
    height: 100px !important;
  }
  .presentazione .carousel-control-next-icon {
    background-image: url("https://virtualfair.it/img/dx.svg") !important;
    background-repeat: no-repeat;
    background-size: 200px 200px;
    background-position: -50px -50px;
    width: 100px !important;
    height: 100px !important;
  }
}
@media only screen and (max-width: 600px) {
  .presentazione .carousel-caption {
    color: black !important;
    /*padding-top: 77px;*/
    left: 0 !important;
    right: 0 !important;
    padding-bottom: 20px;
    /*color: #fff;*/
    text-align: left;
    position: relative;
  }
  .presentazione .carousel-caption h5 {
    font-weight: bold;
  }

  .presentazione .carousel-indicators li {
    background-color: #0a0a0a;
  }
  .modal-title {
    width: 100%;
  }
  .presentazione .carousel-control-prev {
    max-height: 27px;
    z-index: 3000 !important;
    margin-left: 35%;
  }
  .presentazione .carousel-control-next {
    max-height: 27px;
    z-index: 3000 !important;
    margin-right: 35%;
  }
  .presentazione .carousel-control-prev-icon {
    background-image: url("https://virtualfair.it/img/sx.svg") !important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -20px 0px;
    width: 100px !important;
    height: 100px !important;
  }
  .presentazione .carousel-control-next-icon {
    background-image: url("https://virtualfair.it/img/dx.svg") !important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -20px 0px;
    width: 100px !important;
    height: 100px !important;
  }
}
/* Carousel */
#carouselindex {
  margin: 40px 0 40px 0;
}
#carouselindex .carousel-item .d-block {
  min-height: 50px;
  background-size: cover;
}
#carouselindex .slogan {
  border-radius: 25px;
  color: #fff;
  text-shadow: 0px 0px 5px #000000;
  padding: 0 10px 0 10px;
}
#carouselindex .slogan h5 {
  font-size: 34px;
  font-weight: normal;
  letter-spacing: 0;
  font-family: arial;
}

.carousel-element {
  display: block;
  min-width: 100vw;
  min-height: 100vh;
  background-repeat: none;
  background-size: cover !important;
  background-position: center !important;
  padding: 10vh 0 10vh 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
/* /Carousel */
/* Nastro Verde */
.fade-nastro-verde {
  animation: fading-nastro-verde 2s infinite;
}
@keyframes fading-nastro-verde {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.nastro-verde {
  font-size: 30px !important;
  background: rgba(0, 141, 54, 1);
  transform: rotate(-35deg);
  line-height: 40px !important;
  color: #fff;
  top: -300px;
  position: relative;
  width: 101%;
}
/* /Nastro Verde */
/* Slider Agenda Clienti/Aziende */
.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70, 70, 70, 0.25);
}
.carousel-indicators .active {
  background-color: #444;
}
.carousel-indicators-1 {
  list-style-type: none;
  display: blocK;
  text-align: center;
}
.carousel-indicators-1 li {
  float: left;
}
.carousel-indicators-1 {
  margin: auto;
}
#carouselAgendaH i {
  color: #eee;
  /*font-size: 30px;*/
}
.color > .btn-outline-success:hover::after {
  content: "";
  text-transform: uppercase;
  position: absolute;
  top: -55px;
  left: -10px;
  background: #fff;
  border-radius: 6px;
  border: 1px #28a745 solid;
  font-size: 12px;
  padding: 5px;
  transform: rotate(-15deg);
  color: #28a745;
  z-index: 999 !important;
  font-weight: bold;
}

button.btn.btn-danger.btn-sm:hover::after {
  content: "";
  text-transform: uppercase;
  position: absolute;
  top: -30px;
  left: -10px;
  background: #fff;
  border-radius: 6px;
  border: 1px #dc3545 solid;
  font-size: 12px;
  padding: 5px;
  transform: rotate(-15deg);
  color: #dc3545;
  z-index: 999 !important;
  font-weight: bold;
}

.color > .btn-success:hover::after {
  content: "";
  text-transform: uppercase;
  position: absolute;
  top: -55px;
  left: -10px;
  background: #fff;
  border-radius: 6px;
  background: #28a745;
  font-size: 12px;
  padding: 5px;
  transform: rotate(-15deg);
  color: #fff;
  z-index: 999 !important;
  font-weight: bold;
}

.color > .btn-warning:hover::after {
  content: "";
  text-transform: uppercase;
  position: absolute;
  top: -55px;
  left: -10px;
  border-radius: 6px;
  background: #ffc107;
  font-size: 12px;
  padding: 5px;
  transform: rotate(-15deg);
  color: #000;
  z-index: 999 !important;
  font-weight: bold;
}

.div2 {
  margin-bottom: 20px;
  min-width: 60px;
}
/* /Slider Agenda Clienti/Aziende */

.width-card{min-width: 14vw;}