/* variabili colori */
:root {
  --main-color-abbvie: #071d49;
  --main-color-viola: #442479;
}

@font-face {
  font-family: NeueHaasUnica Light;
  src: url("/fonts/NeueHaasUnica-Light");
  src: url("/fonts/NeueHaasUnica-Light?#iefix") format("embedded-opentype"), url("/fonts/NeueHaasUnica-Light.woff2") format("woff2"), url("/fonts/NeueHaasUnica-Light.woff") format("woff"), url("/fonts/NeueHaasUnica-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal
}

/**/
@font-face {
  font-family: 'Neue Haas Unica W1G';
  src: url("/fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot");
  src: url("/fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff2") format("woff2"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff") format("woff"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Regular.ttf") format("truetype"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Regular.svg#NeueHaasUnica-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility
}

@font-face {
  font-family: 'Neue Haas Unica W1G Bold';
  src: url("/fonts/NeueHaasUnica/NeueHaasUnica-Bold.eot");
  src: url("/fonts/NeueHaasUnica/NeueHaasUnica-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Bold.woff2") format("woff2"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Bold.woff") format("woff"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Bold.ttf") format("truetype"), url("/fonts/NeueHaasUnica/NeueHaasUnica-Bold.svg#NeueHaasUnica-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  text-rendering: optimizeLegibility
}

@font-face {
  font-family: 'hcpicon';
  src: url("/fonts/hcpicon/hcpicon.eot?q0neb3");
  src: url("/fonts/hcpicon/hcpicon.eot?q0neb3#iefix") format("embedded-opentype"), url("/fonts/hcpicon/hcpicon.ttf?q0neb3") format("truetype"), url("/fonts/hcpicon/hcpicon.woff?q0neb3") format("woff"), url("/fonts/hcpicon/hcpicon.svg?q0neb3#hcpicon") format("svg");
  font-weight: normal;
  font-style: normal
}

html, .container-fluid {
  margin: 0;
  padding: 0
}

html, div {
  font-family: 'NeueHaasUnica Light', sans-serif, Arial, Helvetica;
  font-size: 18px;
  line-height: 28px
}

.marginTop20 {
  margin-top: 20px
}

#header, #introduzione {
  color: #071d49;
  color: var(--main-color-abbvie);
}

#header {
  border-bottom: 1px solid #071d49;
  border-bottom: 1px solid var(--main-color-abbvie);
  padding: 20px 0;
}

#introduzione {
  margin: 80px 0;
}

#selezionePaese, #video, #codice {
  background: #071d49;
  background: var(--main-color-abbvie);
  padding: 40px;
  color: #fff;
}

/*#slider {
  background: #fff;
  padding: 20px;
}*/
/*#codice {
  background: #fff;
  padding: 10px;
}*/

.footer {
  background: #071d49;
  background: var(--main-color-abbvie);
}

#codice {
  border-top: 1px solid #fff
}

.freccia, .insertCode {
  display: inline-table;
}

.insertCode div {
  position: relative;
  top: 18px;
}

/* bottoni */
.btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:active, .btn-primary:focus {
  color: #071d49;
  color: var(--main-color-abbvie);
  background-color: #fff;
  border-color: #fff;
  padding: 6px 40px;
  border-radius: 1.563rem;
  outline: none
}

.btn-primary:hover {
  color: #071d49;
  color: var(--main-color-abbvie);
  background-color: #efefef !important;
  border-color: #efefef !important;
  outline: none
}

.btn-secondary, .btn-secondary:link, .btn-secondary:visited, .btn-secondary:active, .btn-secondary:focus {
  color: #fff;
  background-color: #071d49;
  background-color: var(--main-color-abbvie);
  border-color: #071d49;
  border-color: var(--main-color-abbvie);
  padding: 6px 40px;
  border-radius: 1.563rem;
  outline: none
}

.btn-secondary:hover {
  background-color: #071d49;
  background-color: var(--main-color-abbvie) !important;
  border-color: #efefef !important;
  outline: none;
  color: #fff;
}

/*option:hover {
  background: var(--main-color-viola) !important;
  color: #fff;
  padding: 5px
}*/
/* media */
@media (min-width: 576px) {
  .dimesioneInput {
    min-width: 500px
  }
}

.slideup, .slidedown {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}

.slidedown {
  max-height: 250px;
}


/* 404 PAGE */
.page404 h1 {
    font-size: 150px;
    font-weight: 700;
    display: block;
    text-align: center;
    
}
.page404 h1 small{
    display: block;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 100px;
}

.container-locale a {
    color: #fff;
    font-size: 15px;
}

.chapter-list h5 {
    margin-top: 40px;
    margin-bottom: 30px;
}
.chapter-list .col{
    /*line-height: 18px !important;*/
}
.chapter-list a {
    color: #fff;
    text-decoration: none;
    /*font-size: 14px;*/

}
.chapter-list a:hover {
    text-decoration: underline;
}