html { overflow-x: hidden; }
body {
background: #000;
color: #FFF;
font-size: 16px;
font-family: FuturaBT, Arial, "Helvetica Neue", Helvetica, sans-serif;
position: relative;
overflow-x: hidden;
padding-right: 0px !important;
}
.limit-width {
max-width: 1030px;
margin: auto;
}
strong, .strong { color: #fff200; }
.small { font-size: 12px; }
.pointer { cursor: pointer !important; }
a, a:hover, a:focus {
color: #000;
text-decoration: underline;
}
a.strong, a.strong:hover, a.strong:focus {
color: #fff200;
}
.anchor {
padding-top: 0;
display: block;
}
.anchor:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 992px) {
.anchor {padding-top: 0;}
}
.visible-xxs-block {}
.hidden-xxs-block {display: none;}
@media (min-width: 350px) {
.visible-xxs-block {display: none !important;}
.hidden-xxs-block {display: block !important;}
}
.visible-llg-block { display: none !important; }
.col-llg-10 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1600px) {
.visible-llg-block { display: block !important; }
.col-llg-10 { width: calc(100% / 12 * 10); float: left;}
}
.clear {
clear: both;
line-height: 0;
min-height: 1px;
}
/**************************** HEADER *****************************************/
header {
width: 100%;
background-color: #000000;
z-index: 1000;
}
header.overflow {
transition: all 0.3s ease-in;
-webkit-font-smoothing: antialiased;
top: 0px;
position: fixed;
left: 0px;
right: 0px;
}
#MainMenu, #spacer { height: 85px; }
@media (min-width: 992px) {
#MainMenu, #spacer { height: 100px; }
}
@media (min-width: 1200px) and (max-height: 800px) {
#MainMenu, #spacer {height: 80px}
}
@media (min-width: 1800px) {
#MainMenu, #spacer {height: 80px}
}
.nav-location {padding-top: 40px; padding-bottom: 40px;}
@media (min-width: 992px) {
.nav-location {padding-top: 100px;}
}
header .navbar {
min-height: 50px;
z-index: 1000;
}
@media (max-width: 767px) {
header .navbar-brand {
max-width: calc(100% - 60px);
max-height: 52px;
padding: 0 15px 0;
}
header .navbar-brand.center-block {
float: none;
}
}
@media (min-width: 768px) {
header .navbar-brand {
padding: 0 15px;
height: auto;
}
}
header .navbar-brand img {
max-height: 100%;
max-width: 200px;
}
header.overflow .navbar-brand {
height: auto;
}
@media (min-width: 992px) {
header .navbar-brand img { max-width: 180px; }
}
@media (min-width: 1200px) {
header .navbar-brand img { max-width: 230px; }
}
.navbar {
margin-bottom: 0;
border-radius: 0;
}
.img-logo { margin-bottom: 20px; max-width: 90vw;}
.navbar-default {
background-color: #000;
border-color: #000;
}
.navbar-default .navbar-nav > li > a {
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 16px;
text-transform: uppercase;
margin: 0 15px;
padding: 10px;
color: #ffffff;
-webkit-transition: color 0.3s;
transition: color 0.3s;
border: 3px solid transparent;
text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #fff200;
border-color: transparent;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
background-color: #000;
color: #fff;
border-color: #fff200;
}
@media (min-width: 768px) and (max-width: 991) {
.navbar-default .navbar-nav { margin: 1px; }
.navbar-default .navbar-nav > li > a {
font-size: 20px;
margin:0;
padding: 8px;
}
}
@media (min-width: 768px) {
.navbar-default .navbar-nav { margin: 1px; }
.navbar-default .navbar-nav > li > a {
font-size: 19px;
margin:0;
padding: 8px;
}
}
@media (min-width: 992px) {
.navbar-default .navbar-nav > li > a {
font-size: 26px;
padding: 10px;
}
}
.navbar-default .navbar-toggle {
border-color: #000;
color: #FFF;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #000;
}
.navbar-default .navbar-collapse {
max-height: 380px;
padding-top: 15px;
border-color: #000;
background: #000;
}
/**************************** SFONDO *****************************************/
.sfondo {
background-color:#000;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
padding: 0 15px;
margin-left: -15px;
margin-right: -15px;
padding-bottom: 83px;
}
.sfondo-btn {
background-color:#000;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
padding: 0 15px;
margin-left: -15px;
margin-right: -15px;
}
.sfondo-img-event {
background-color:#000;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
padding: 0;
margin-left: -15px;
margin-right: -15px;
}
.logobox {
margin-top: 15px; margin-bottom: 15px;
}
/* Medium devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
.logobox { margin-top: 20px; margin-bottom: 20px; }
.sfondo {padding-bottom: 100px;}
.sfondo1 { background-image: url("https://backendcdn.vivaticket.it/wms_images/vasco/vasco_nonstop_sfondo1_1500px_2019.png"); }
.sfondo2 {
background-image: url("https://backendcdn.vivaticket.it/wms_images/vasco/vasco_nonstop_sfondo3_1500px_2019.png");
background-position: center 120px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.sfondo { background-size: cover; }
.sfondo1 { background-image: url("https://backendcdn.vivaticket.it/wms_images/vasco/vasco_nonstop_sfondo1_2000px_2019.png"); }
.sfondo2 { background-image: url("https://backendcdn.vivaticket.it/wms_images/vasco/vasco_nonstop_sfondo3_2000px_2019.png"); }
}
@media (min-width: 1200px) and (max-height: 800px) {
.sfondo1 { background-image: url("https://backendcdn.vivaticket.it/wms_images/vasco/vasco_nonstop_sfondo1_2000px_alt2_2019.png"); }
}
@media (min-width: 1800px) {
.sfondo { background-size: contain; }
.sfondo1 { background-image: url("https:///backendcdn.vivaticket.it/wms_images/vasco/vasco_nonstop_sfondo1_2000px_alt2_2019.png"); }
.sfondo2 { background-image: url("https:///backendcdn.vivaticket.it/wms_images/vasco/vasco_nonstop_sfondo3_2000px_alt2_2019.png"); }
}
/*******COLORE BOX GIALLI****/
.box-container, .stadium-container { padding: 20px 0px; }
.box-container:first-child {
padding-top:50px
}
.box-container:after {
content: "";
display: table;
clear: both;
}
.stadium-container + .box-container{ padding-bottom: 0px;}
@media (min-width: 992px) {
.box-container { padding: 25px 0; }
.stadium-container { padding: 25px 15px; }
.box-container .row.section-body-box, .stadium-container .row {margin-right:0; margin-left:0}
}
.section-body-box {
color: #000;
background: #fff200;
}
.enter-right .section-body-box {
text-align: left;
}
.enter-left .section-body-box {
text-align: right;
}
@media (min-width: 992px) {
.enter-right .section-body-box { float: right; }
.section-body-box { width: 60vw; }
}
/***** location ***/
.nav-location.nav-pills>li {
float: left;
text-align: center;
}
.nav-location.nav-pills.nav-4loc>li { width: calc((100vw - 30px) / 2); padding-bottom: 5px;}
.nav-location.nav-pills.nav-5loc>li { width: calc((100vw - 30px) / 3); padding-bottom: 5px;}
.nav-location.nav-pills.nav-6loc>li { width: calc((100vw - 30px) / 3); padding-bottom: 5px;}
.nav-location.nav-pills>li>a {
background: #000;
border: 2px solid #fff200;
color: #fff200;
border-radius: 0;
margin: 0 2px;
font-size: 16px;
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
text-decoration: none;
}
.nav-pills>li+li { margin-left: 0px; }
.nav-location.nav-pills>li.active>a,
.nav-location.nav-pills>li.active>a:hover,
.nav-location.nav-pills>li.active>a:focus {
background: #fff200;
border: 2px solid #FFF;
color: #000;
}
@media (min-width: 500px) {
.nav-location.nav-pills.nav-4loc>li { width: calc((100vw - 30px) / 2); padding-bottom: 10px;}
.nav-location.nav-pills.nav-5loc>li { width: calc((100vw - 30px) / 3); padding-bottom: 10px;}
.nav-location.nav-pills.nav-6loc>li { width: calc((100vw - 30px) / 3); padding-bottom: 10px;}
.nav-location.nav-pills>li>a { font-size: 22px; margin: 0 5px; }
}
@media (min-width: 768px) {
.nav-location.nav-pills.nav-4loc>li { width: calc((100vw - 30px) / 4); padding-bottom: 10px;}
.nav-location.nav-pills.nav-5loc>li { width: calc((100vw - 30px) / 5); padding-bottom: 10px;}
.nav-location.nav-pills.nav-6loc>li { width: calc((100vw - 30px) / 3); padding-bottom: 10px;}
.nav-location.nav-pills>li>a { font-size: 22px; margin: 0 5px; }
}
@media (min-width: 992px) {
.nav-location { width: 100%; }
.nav-location>li { display: table-cell; width: 1%; }
.nav-location.nav-pills>li { float: none; }
.nav-pills>li+li { margin-left: 2px; }
.nav-location.nav-pills.nav-4loc>li { width: calc(100vw/4); padding-bottom: 0px;}
.nav-location.nav-pills.nav-5loc>li { width: calc(100vw/5); padding-bottom: 0px;}
.nav-location.nav-pills.nav-6loc>li { width: calc(100vw/6); padding-bottom: 0px;}
.nav-location.nav-pills>li>a { font-size: 30px; margin: 0 5px; }
}
@media (min-width: 1200px) {
.nav-location { width: 100%; }
.nav-location>li { display: table-cell; width: 1%; }
.nav-location.nav-pills>li { float: none; }
.nav-pills>li+li { margin-left: 2px; }
.nav-location.nav-pills.nav-5loc>li { width: calc(100vw/4); padding-bottom: 0px;}
.nav-location.nav-pills.nav-5loc>li { width: calc(100vw/5); padding-bottom: 0px;}
.nav-location.nav-pills.nav-6loc>li { width: calc(100vw/6); padding-bottom: 0px;}
.nav-location.nav-pills>li>a { font-size: 30px; margin: 0 5px; }
}
/**************************** BUTTON *****************************************/
.btn-vasco {
font-size: 16px;
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #000;
background: #fff200;
border-color: #fff200;
margin-top: 6px;
border-radius: 0px;
white-space: normal;
position: relative;
padding: 2px;
cursor: auto;
display: block;
}
.btn-vasco:hover, .btn-vasco:focus, .btn-vasco.focus { color: #000 }
a .btn-vasco:hover {
background: #FFF;
border-color: #FFF;
}
@media (max-width: 781px) {
.btn-vasco { margin-left: -10px; margin-right: -10px; }
}
@media (min-width: 375px) {
.btn-vasco { font-size: 20px; }
}
@media (min-width: 768px) {
.btn-vasco { font-size: 22px;}
}
@media (min-width: 992px) {
.btn-vasco { font-size: 24px; display: inline-block; width: 100%; }
}
a .btn-vasco-acquista {
color: #FFF;
background: #b20000;
border-color: #b20000;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
border-radius: 8px;
text-decoration: none;
}
a .btn-vasco-acquista:hover {
color: #000;
background: #b20000;
border-color: #b20000;
text_decoration: none;
}
.btn-vasco-rev {
font-size: 15px;
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #fff200;
background: #000;
border-color: #000;
margin-top: 6px;
border-radius: 0px;
border-style: solid;
position: relative;
cursor: auto;
text-decoration: none;
vertical-align: baseline;
}
.btn-vasco-rev:hover, .btn-vasco-rev:focus, .btn-vasco-rev.focus {
color: #fff200;
text-decoration: none;
}
.btn-vasco-rev.acquista { font-size: 15px }
.btn-text-box2020, .btn-text-box, .btn-date-box, .btn-fa-box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
.btn-text-box2020{
justify-content: center;
flex-direction: column;
}
.btn-text-box2020, .btn-text-box {
border: 0px;
border-right: 5px solid #000;
border-image: url(https://backendcdn.vivaticket.it/wms_images/vasco/tratteggio.png) 6;
border-image-repeat: repeat;
}
.btn-vasco-acquista .btn-text-box2020,
.btn-vasco-noacquista .btn-text-box2020,
.btn-vasco-acquista .btn-text-box,
.btn-vasco-noacquista .btn-text-box {
border:0px;
}
.btn-vasco-noacquista {
border-radius: 8px;
}
.btn-info-box {
padding: 10px 15px;
align-items: center;
font-family: FuturaBT,Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 18px;
}
.btn-text-box2020 h3,
.btn-text-box h3{
font-family: Stellar, Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 18px; text-transform: uppercase;
margin: 0;
}
.btn-text-msg h3{ font-size: 16px; }
.btn-fa-box { justify-content: center; }
.btn-date-box {
flex-direction: column;
border: 0px;
border-image: url(https://backendcdn.vivaticket.it/wms_images/vasco/tratteggio.png) 6;
border-image-repeat: repeat;
padding: 10px 15px;
justify-content: center;
line-height: 1em;
height: 100px;
}
.btn-date-box small { font-size: 60%; }
.btn-2date-box { padding: 0 15px;}
.btn-2date-box { border-bottom: 5px solid #000; }
.btn-2date-box:last-child { border-bottom: 0; }
.btn-4date-box { padding: 0 15px;}
.btn-4date-box { border-bottom: 5px solid #000; }
.btn-4date-box:last-child { border-bottom: 0; }
.btn-6date-box { padding: 0 15px;}
.btn-6date-box { border-bottom: 5px solid #000; }
.btn-6date-box:last-child { border-bottom: 0; }
.btn-2date-box .btn-date-box {
margin-left: -40px;
width:100%
}
.sold-out {
color: #a94442;
border: 2px solid #a94442;
display: inline-block;
padding: 2px;
font-size: 13px;
}
.btn-info-box h3 {
font-size: 20px;
text-transform: uppercase;
margin: 5px auto 10px;
font-family: Stellar, Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.btn-text-box, .btn-date-box, .btn-fa-box { height: 100px }
.btn-text-box2020 { height: 60px}
.btn-2text-box { height: 100px; }
.btn-2date-box { height: 50px;}
.btn-4text-box { height: 200px; }
.btn-4date-box { height: 50px;}
.btn-4fa-box { height: 200px }
.btn-6text-box { height: 300px; }
.btn-6date-box { height: 50px;}
.btn-6fa-box { height: 300px }
.btn-text-msg-height { height: 50px }
@media (min-width: 350px) {
.btn-text-msg h3 { font-size: 14px; }
}
@media (min-width: 400px) {
.btn-text-msg h3 { font-size: 16px; }
}
@media (min-width: 500px) {
.btn-text-box, .btn-date-box, .btn-fa-box { height: 90px }
.btn-2text-box { height: 90px; }
.btn-2date-box { height: 45px;}
.btn-4text-box { height: 180px; }
.btn-4date-box { height: 45px;}
.btn-4fa-box { height: 180px }
.btn-6text-box { height: 270px; }
.btn-6date-box { height: 45px;}
.btn-6fa-box { height: 270px }
.btn-text-msg-height { height: 60px }
.btn-vasco, { font-size: 20px; }
.btn-vasco-rev { font-size: 15px; }
.btn-text-box h3 { font-size: 22px; }
.btn-text-msg h3 { font-size: 21px; }
.btn-date-box, .btn-2date-box, .btn-4date-box, .btn-6date-box { font-size: 18px; }
.btn-info-box { font-size: 22px; }
.btn-info-box h3 { font-size: 24px; }
.sold-out { font-size: 16px; }
.btn-text-box2020 {height: 70px}
.btn-text-box2020 h3 { font-size: 22px; }
}
@media (min-width: 768px) {
.btn-text-box, .btn-date-box, .btn-fa-box {height: 100px }
.btn-info-box { height: auto }
.btn-2text-box { height: 100px; }
.btn-2date-box { height: 50px;}
.btn-4text-box { height: 200px; }
.btn-4date-box { height: 50px;}
.btn-4fa-box { height: 200px }
.btn-6text-box { height: 300px; }
.btn-6date-box { height: 50px;}
.btn-6fa-box { height: 300px }
.btn-text-msg-height { height: 70px }
.btn-vasco { font-size: 25px; }
.btn-vasco-rev { font-size: 20px; margin-left: 10px;}
.btn-text-box h3 { font-size: 28px; }
.btn-text-msg h3 { font-size: 28px; }
.btn-date-box, .btn-2date-box, .btn-4date-box, .btn-6date-box { font-size: 18px; }
.btn-info-box { font-size: 22px; }
.btn-info-box h3 { font-size: 26px; }
.sold-out { font-size: 16px; }
.btn-text-box2020 {height: 100px}
.btn-text-box2020 h3 { font-size: 28px; }
}
@media (min-width: 992px) {
.btn-text-box, .btn-date-box, .btn-fa-box {height: 100px }
.btn-2text-box { height: 100px; }
.btn-2date-box { height: 50px; }
.btn-4text-box { height: 200px; }
.btn-4date-box { height: 50px; }
.btn-4fa-box { height: 200px }
.btn-6text-box { height: 300px; }
.btn-6date-box { height: 50px; }
.btn-6fa-box { height: 300px }
.btn-text-msg-height { height: 60px }
.btn-vasco { font-size: 20px; }
.btn-vasco-rev { font-size: 20px; }
.btn-text-box h3 { font-size: 25px; }
.btn-text-msg h3 { font-size: 20px; }
.btn-date-box, .btn-2date-box, .btn-4date-box, .btn-6date-box { font-size: 20px; }
.btn-info-box { font-size: 24px; }
.btn-info-box h3 { font-size: 30px; }
.sold-out { font-size: 16px; }
.btn-text-box2020 {height: 80px}
.btn-text-box2020 h3 { font-size: 25px; }
}
@media (min-width: 1200px) {
.btn-text-box, .btn-date-box, .btn-fa-box {height: 100px }
.btn-2text-box { height: 100px; }
.btn-2date-box { height: 50px; }
.btn-4text-box { height: 200px; }
.btn-4date-box { height: 50px; }
.btn-4fa-box { height: 200px }
.btn-6text-box { height: 300px; }
.btn-6date-box { height: 50px; }
.btn-6fa-box { height: 300px }
.btn-text-msg-height { height: 60px }
.btn-vasco { font-size: 25px; }
.btn-vasco-rev { font-size: 20px; }
.btn-text-box h3 { font-size: 30px; }
.btn-text-msg h3 { font-size: 20px; }
.btn-date-box, .btn-2date-box, .btn-4date-box, .btn-6date-box { font-size: 20px; }
.btn-info-box { font-size: 22px; }
.btn-info-box h3 { font-size: 30px; }
.sold-out { font-size: 16px; }
.btn-text-box2020 {height: 100px}
.btn-text-box2020 h3 { font-size: 30px; }
}
@media (min-width: 1600px) {
.btn-text-box, .btn-date-box, .btn-fa-box {height: 100px }
.btn-2text-box { height: 100px; }
.btn-2date-box { height: 50px; }
.btn-4text-box { height: 200px; }
.btn-4date-box { height: 50px; }
.btn-4fa-box { height: 200px }
.btn-6text-box { height: 300px; }
.btn-6date-box { height: 50px; }
.btn-6fa-box { height: 300px }
.btn-text-msg-height-small { height: 50px }
.visible-llg-block.btn-fa-box { height: 50px }
.btn-vasco { font-size: 25px; }
.btn-vasco-rev { font-size: 20px; }
.btn-text-box h3 { font-size: 30px; }
.btn-text-msg h3 { font-size: 22px; }
.btn-date-box, .btn-2date-box, .btn-4date-box, .btn-6date-box { font-size: 20px; }
.btn-info-box { font-size: 22px; }
.btn-info-box h3 { font-size: 30px; }
.sold-out { font-size: 16px; }
.btn-text-box2020 {height: 100px}
.btn-text-box2020 h3 { font-size: 30px; }
}
/***** titolo sezione ***/
.title-bar {
background:#FFF;
color: #000;
border-bottom: 5px solid #fff200;
border-top: 5px solid #fff200;
padding-top: 6px; padding-bottom: 6px;
border-image: url(https://backendcdn.vivaticket.it/wms_images/vasco/linea_trat_2019.png) 4 2 fill round;
}
.title-bar h3 {
font-size: 18px; text-transform: uppercase;
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
text-align: center;
margin: 1px auto;
}
h3.location-title {
font-size: 18px; text-transform: uppercase;
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
text-align: center;
border-bottom: 4px solid #FFF;
padding-top: 10px; padding-bottom: 6px;
margin: 1px -15px ;
}
@media (min-width: 500px) {
.title-bar h3, h3.location-title { font-size: 22px; }
}
@media (min-width: 768px) {
.title-bar { padding-top: 8px; padding-bottom: 8px; }
.title-bar h3, h3.location-title { font-size: 28px; }
}
@media (min-width: 992px) {
.title-bar h3, h3.location-title { font-size: 30px; }
}
@media (min-width: 1200px) {
.title-bar h3, h3.location-title { font-size: 30px; }
}
/**************************** BOX *****************************************/
.section-full-box {
color: #000;
background: #fff200;
}
@media (max-width: 781px) {
.section-full-box { margin-left: 5px; width: calc(100% - 10px); }
}
.section-text-box {
font-size: 18px;
font-family: FuturaBT,Arial,"Helvetica Neue",Helvetica,sans-serif;
padding: 6px;
}
.section-text-box h4{
font-size: 18px; text-transform: uppercase;
font-family: Stellar, Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.section-text-box h3{
font-size: 20px; text-transform: uppercase;
font-family: Stellar, Arial,"Helvetica Neue",Helvetica,sans-serif;
margin: 5px auto 10px;
}
@media (min-width: 375px) {
.section-text-box { font-size: 20px; }
.section-text-box h4 { font-size: 22px; }
.section-text-box h3 { font-size: 24px; }
}
@media (min-width: 768px) {
.section-text-box { font-size: 22px; }
.section-text-box h4 { font-size: 24px; }
.section-text-box h3 { font-size: 26px; }
}
@media (min-width: 992px) {
.section-text-box { font-size: 24px; }
.section-text-box h4 { font-size: 26px; }
.section-text-box h3 { font-size: 30px; }
}
.info-container, .info-container-coming {
margin-top: 22px;
padding-bottom: 0;
padding-top: 0;
}
/***** contenuto sezione ***/
@media (min-width: 500px) {
.btn-date-box small { font-size: 80%; }
}
@media (min-width: 768px) {
.text-left .section-text-box { padding: 0 50px 0 0px; }
.text-right .section-text-box { padding: 0 0px 0 50px; }
}
@media (min-width: 992px) {
.btn-date-box small { font-size: 68%; }
.btn-date-box small.vfc { font-size: 49%; }
}
@media (min-width: 1200px) {
.btn-date-box small { font-size: 65%; }
.btn-date-box small.vfc { font-size: 55%; }
}
@media (min-width: 1600px) {
.btn-date-box small { font-size: 65%; }
.btn-date-box small.vfc { font-size: 55%; }
}
.img-mobile-container {margin-left:-15px; margin-right:-15px; }
.img-mobile-container-alt {margin-left:-15px; margin-right:-15px; margin-top: -21px;}
.info-container {
padding-bottom: 0; padding-top: 0 ; margin-top: 83px;
}
@media (min-width: 992px) {
.info-container {margin-top: 100px;}
}
/**************************** COMING SOON *****************************************/
.title-coming {
font-size: 35px;
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #FFF;
}
.coming-container {
margin-top: 20px;
margin-bottom: 20px;
}
.register-container {
margin-top: 22px;
padding-bottom: 150px;
}
.coming {
font-size: 25px;
font-family: Stellar,Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #fff200;
}
.title-coming img { height: 2em; }
@media (min-width: 375px) {
.coming {font-size: 30px; }
}
@media (min-width: 425px) {
.title-coming { font-size: 45px; }
.coming {font-size: 35px; }
.coming-container {margin-top: 30px; }
.register-container {margin-top: 30px; padding-bottom: 125px;}
}
@media (min-width: 768px) {
.title-coming { font-size: 55px; }
.coming {font-size: 50px; }
.coming-container {margin-top: 40px;}
.register-container {margin-top: 40px; padding-bottom: 150px;}
}
/**************************** PROGRESS BAR *****************************************/
.progressbar {
height: 32px;
margin: 0 auto;
background: #4d4d4d;
border: 5px solid #4d4d4d;
border-radius: 2px;
}
.progressbar .progress {
background-image: url(https://queueit-company.s3.amazonaws.com/bestunion/userdata/assets/black_lime_stripes.png);
background-color: #fff200;
height: 100%;
text-align: right;
overflow: hidden;
float: left;
position: relative;
min-width: 20px;
}
.progressbar .progress .runner {
background-image: url(https://queueit-company.s3.amazonaws.com/bestunion/userdata/assets/omino_bianco_borso.gif);
height: 20px;
width: 20px;
-ms-background-size: contain;
background-size: contain;
right: 0;
margin-top: 1px;
position: absolute;
}
/**************************** FOOTER *****************************************/
#footer {
background-color: #000000;
margin: auto;
position: relative;
width: 100%;
}
/**************************** SPONSOR *****************************************/
.sponsor-partner {
margin: auto;
vertical-align: middle;
}
.sponsor-partner img { height: 40px; margin: 5px; }
.sponsor-partner img.partner-vt {height: 50px}
.sponsor-partner img.partner-ilblasco {height: 70px}
@media (min-width: 375px) {
.sponsor-partner img { height: 50px; margin: 10px;}
}
@media (min-width: 768px) {
.sponsor-partner img { margin: 15px;}
.sponsor-partner img.partner-vt {height: 60px}
.sponsor-partner img.partner-ilblasco {height: 85px}
}