.couponContainer {
    background: rgba(255,255,255,.1);
    padding: 30px;
}

.couponContainer h3 {
    font-size: 1.4em;
    text-align: left;
}

.couponContainer .form-control {
    font-size: 1.2em;
    background: #fff;
    border-radius: 100px;
    padding: 1.5rem;
    margin-bottom: 15px;
    color: #0042A3;
    /*box-shadow: 0px 5px 5px 0 rgba(0,0,0,.3);*/
}
.couponContainer input.form-control::placeholder {
    color            : #0042A3!important;
    background-color : inherit!important;
    border-color     : inherit!important;
    box-shadow       : none!important;
    margin: 6px!important;
    margin-bottom: 0px!important;
}

/* From Uiverse.io by Creatlydev */
.couponContainer .button {
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    border: none;
    cursor: pointer;
    align-items: center;
    gap: 0.75rem;
    background-image: linear-gradient(to right, #00c6ff 0%, #0072ff  51%, #00c6ff  100%);
    color: #fff;
    border-radius: 10rem;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.3s;
    width: 100%;
    margin-bottom: 15px;
}

.couponContainer .button__icon-wrapper {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    position: relative;
    color: var(--clr);
    background-color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.couponContainer .button:hover {
    background-color: #000;
}

.couponContainer .button:hover .button__icon-wrapper {
    color: #000;
}

.couponContainer .button__icon-svg--copy {
    position: absolute;
    transform: translate(-150%, 150%);
}

.couponContainer .button:hover .button__icon-svg:first-child {
    transition: transform 0.3s ease-in-out;
    transform: translate(150%, -150%);
}

.couponContainer .button:hover .button__icon-svg--copy {
    transition: transform 0.3s ease-in-out 0.1s;
    transform: translate(0);
}
.couponContainer .cuponError {
    text-align: left;
    margin: 15px 0 30px 0;
    padding: 7px 15px;
    background: #e51e25;
    border-radius: 100px;
    width: fit-content;
    box-shadow: 0px 5px 5px 0 rgba(0,0,0,.3);
}





.hide{
    display : none;
}

.step{
    margin-bottom : 15px;
}

/*banner*/
#carouselExampleSlidesOnly .linea:after{
    content    : '';
    position   : absolute;
    height     : 100%;
    width      : 1px;
    background : -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    top        : 0px;
    left       : 100%;
}

.navbar.navbar-default {
    background-color: #0042A3;
}

.modal-header .modal-title, .modal-body p {
    text-transform: uppercase;
    text-align: justify !important;
    color: #fff;
}

.box-infovip{
    min-height : 390px;
}

.pass-info1,
.pass-info2{
    font-size     : 30px;
    margin-top    : 30px;
    margin-bottom : 30px;
    font-weight   : 100;
    color: #0042A3;
}

a{
    color : #fded85;
}

.popover-body > ul > li > a, .popover-body > ul > li > u > a{
    color : #007bff;
}

.pass-info2{
    padding-bottom : 40px;
    text-align     : center;
    font-size      : 25px;
    color          : #ffffff;
    font-family    : "Lato";
    font-weight    : 200;
    text-shadow    : 1.509px 1.312px 2px rgba(1, 78, 114, 0.79);
}

.disclamer-age{
    padding     : 15px;
    background  : #ff6161;
    margin-top  : 10px;
    font-weight : bold;
}

.modal-content{
    background-color : #0042A3;
    border-top       : 3px solid #FFD826;
    border-bottom    : 3px solid #FFD826;
    border-left      : 3px solid #FFD826;
    border-right     : 3px solid #FFD826;
}

.modal-content.redeem-content{
    background: white;
    font-size: 20px;
}

.table-condensed {
    border-collapse: separate;
    border-spacing: 3px;
}

.home-title{
    text-align    : center;
    margin-bottom : 30px;
    font-family   : 'Lato', sans-serif;
    color         : #0042A3;
    font-weight   : 600;
    line-height   : 30px;
    font-size     : 25px;
}

.requiredcal .opendata-box {
    font-size: 20px;
}

.datepicker table tr td:not(.disabled), .datepicker table tr td:not(.disabled):hover{
    background-color : #CDDFF4;
    color            : #0042A3;
    cursor           : pointer;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover{
    color            : #0042A3;
    background-color : #FFD826;
    border-color     : #FFD826;
    cursor           : pointer;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active{
    color            : #0042A3!important;
    background-color : #FFD826!important;
    border-color     : #FFD826!important;
    cursor           : pointer;
}

.datepicker table tr td span{
    font-size   : 12px;
    line-height : 12px !important;
    width       : 100% !important;
    height      : auto;
}

.datepicker table tr td span em{
    font-size : 15px;
}

.datepicker table tr td, .datepicker table tr th{
    text-align    : center;
    width         : 30px;
    height        : 30px;
    border-radius : 4px;
    border        : none;
    padding       : 8px;
    color         : #7D7D7D;
}

.datepicker table tr td span {
    font-size: 12px;
    line-height: 12px !important;
    width: 100% !important;
    height: auto !important;
}

.datepicker td.no_availability{
    cursor         : default;
    pointer-events : none;
    background     : 0 0 !important;
    color          : #777 !important;
}

.datepicker .datepicker-switch,
.datepicker .next, .datepicker .prev,
.datepicker tfoot tr th{
    cursor : pointer;
    color  : #0042A3;
}

#popup-otp-confirm .modal-content {
    background-color: #0042A3;
    border-top: 3px solid #FFD826;
    border-bottom: 3px solid #FFD826;
    border-left: 3px solid #FFD826;
    border-right: 3px solid #FFD826;
}

#popup-otp-confirm .modal .code-dig{
    background    : rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    font-family   : "Lato", sans-serif;
    padding       : 5px 10px;
    border        : 2px solid #FFF28D;
    border-radius : 3px;
    color         : #ffffff;
    font-weight   : normal;
    line-height   : 55px;
    width         : 55px;
    height        : 55px;
    margin        : 7px;
    text-align    : center;
    font-size     : 30px;
}

.btn-next-season {
    background: #00a44e!important;
    height: 50px;
    display: inline-block;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 27px;
    border-radius: 0px;
}

.btn-back-season {
    background: #0042A3;
    color: #fff!important;
    border: 1px solid #FFD826!important;
    height: 50px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    float: left;
    text-shadow: 0 0 0 rgb(255 242 141 / 80%), 0 0 0 #000;
}

/* accordion all pass infos */
.newadds{
    position          : absolute;
    height            : 170px;
    width             : 170px;
    border-radius     : 50%;
    -ms-transform     : rotate(-15deg);
    -webkit-transform : rotate(-15deg);
    transform         : rotate(-15deg);
    text-align        : center;
    top               : -15px;
    left              : -15px;
    z-index           : 1;
    background-color  : #016A9A;
    border            : 2px solid #fff395;
    box-shadow        : inset 3px 3px 3px rgba(0, 0, 0, .4);
}

.newadds .new_title,
.newadds.choose .new_title{
    display     : block;
    padding-top : 10px;
    font-size   : 18px;
    color       : #f6e98f;
}

.newadds ul,
.newadds.choose ul{
    width  : 120px;
    margin : 0px auto 0px;
}

.newadds ul li,
.newadds.choose ul li{
    list-style-type   : none;
    background-image  : url(/gdl_season/resources/images/tic-icon-551d29f28f8c5e05b0be7b627e8734cc.png);
    background-repeat : no-repeat;
    margin-left       : -35px;
    padding-left      : 0px;
    margin-bottom     : 5px;
    width             : 115px;
}

.info svg, .info svg path {
    fill: #0042A3 !important;
}

.it ul li:nth-of-type(1){
    background-position : 16px top;
}

.it ul li:nth-of-type(2){
    background-position : 8px top;
}

.it ul li:nth-of-type(3){
    background-position : 0px top;
}

.en ul li:nth-of-type(1){
    background-position : 12px top;
}

.en ul li:nth-of-type(2){
    background-position : 8px top;
}

.en ul li:nth-of-type(3){
    background-position : 12px top;
}

.de ul li:nth-of-type(1){
    background-position : 18px top;
}

.de ul li:nth-of-type(2){
    background-position : 5px top;
}

.de ul li:nth-of-type(3){
    background-position : 0px top;
}

#allpass-info{
    border         : 2px solid #fff395;
    color          : #f6e98f;
    text-transform : uppercase;
    font-size      : 18px;
    font-weight    : 400;
    box-shadow     : 0 1px 3px 0 rgba(20, 20, 19, 0.3);
    border-radius  : 10px;
    margin         : 30px 0;
    z-index        : 2;
}

#allpass-info img{
    padding  : 5px 0;
    position : relative;
    left     : -33px;
}

#allpass-info .titledesc,
#allpass-info .descrgeneral{
    width       : 75%;
    margin      : 0px 0px 0px 180px;
    line-height : 74px;
}

#allpass-info .titledesc,
#basicbox-info .titledesc{
    position    : relative;
    color       : #f6e98f;
    line-height : 74px;
}

#allpass-info .titledesc span{
    display     : inline-block;
    line-height : 1.5em;
    margin      : 15px auto 15px;
    text-shadow : 0px 1px 1px rgba(0, 0, 0, .5);
}

#allpass-info .panel-body .accordion-toggle.collapsed::after,
#basicbox-info .panel-body .accordion-toggle.collapsed::after{
    background-image  : url('/gdl_season/resources/images/accordion-yellow-down-4decc8952fdd44012e6337e93de0bffe.png');
    background-repeat : no-repeat;
}

#allpass-info .panel-body .accordion-toggle::after,
#basicbox-info .panel-body .accordion-toggle::after{
    content          : "";
    background-image : url('/gdl_season/resources/images/accordion-yellow-up-f1fcf3dff401757a9bb8bbbd20d8411a.png');
    float            : right;
    margin-top       : -52px;
    margin-right     : 20px;
    font-size        : 40px;
    color            : #fded8f;
    text-shadow      : 0 5px rgba(0, 0, 0, 0.15);
    width            : 43px;
    height           : 31px;
}

.descrgeneral{
    color          : white;
    font-size      : 15px;
    padding-bottom : 1rem;
    text-transform : initial;
}

.descrgeneral ul{
    margin : 0px 0px 30px 0px;
}

.descrgeneral ul li{
    text-align     : left;
    font-size      : .9em;
    line-height    : 1.5em;
    padding-top    : 5px;
    padding-bottom : 5px;
}

.descrgeneral ul li span{
    font-weight : 700;
    color       : #fded8f;
}

/* seasonpass 'table'*/
.border_pass{
    background-image    : url('/gdl_season/resources/images/bg_border-d98816f4f820ee6337664b524ef9b1e1.png');
    background-repeat   : no-repeat;
    background-position : center left;
    background-size     : 1px auto;
}

#boxtable .type-abbo .box-info3{
    padding-bottom : 0;
}

.mobile_accordion_abbo{
    position  : absolute;
    top       : 30px;
    right     : 30px;
    font-size : 2em;
    display   : none;
    color     : #c23420;
}

.mobile_accordion_abbo span{
    font-size   : .4em;
    display     : block;
    font-weight : 700;
}

.collapse.abbo-details{
    display : block;
}

.box-validity{
    text-transform  : none;
    font-size       : 15px;
}

.type-abbo{
    border-radius   : 0px;
    border          : 0px;
    /*height          : 100%;*/
    text-transform  : uppercase;
    /*position        : relative;*/
    /*display         : flex;*/
    /*justify-content : space-between;*/
    /*align-items     : center;*/
    /*flex-direction  : column;*/
    text-align      : center;
    margin          : 10px 25px;
    padding         : 5px 0;
}

.super-box{
    background-color : #ffffff;
    min-height       : 370px;
    font-size        : 25px;
    line-height      : 25px;
    color            : #01577e;
    font-family      : "Lato";
    font-weight      : 300;
    text-align       : center;
    margin           : 20px 12px;
    padding          : 20px 20px;
}

.or-products{
    font-size    : 20px;
    padding-left : 35px;
    text-align   : left;
}

.pass-details{
    height : 550px;
}

.info-container{
    height : 150px;
}


.super-box-container{
    padding : 15px;
}

.gdl-img{
    margin : auto;
    width  : 100%;
}

.fa-slash:before{
    content    : "\f715";
    position   : absolute;
    margin-top : 10px;
    font-size  : 3em;
    transform  : rotate(90deg);
}


.type-abbo:before{
    /*content    : '';
    position   : absolute;
    width      : 100%;
    height     : 2px;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    left       : 0px;
    top        : 0px;*/
}

.card-banner:before{
    content          : attr(title);
    position         : absolute;
    width            : 100%;
    height           : 280px;
    background-color : #4692b5;
    box-shadow       : 5.785px 6.894px 18px rgba(1, 76, 110, 0.41);
    left             : 0px;
    top              : -3rem
}

.card-banner[title]:before{
    padding     : 5px 0;
    font-size   : 20px;
    color       : #ffffff;
    font-family : "Lato";
    font-weight : 700;
    text-align  : center;
}

.season-card-update{
    color: #0042a3;
    font-weight: bold;
}

.place-content-center {
    place-content: center;
}

.open, .chiudi{
    right          : 30px;
    text-transform : uppercase;
    top            : 34px;
    font-size      : 12px;
    min-width      : 55px;
    text-align     : center;
    z-index        : 50;
}

.type-abbo hr{
    margin : 25px 0;
}

.type-abbo.abbo-vip{
    background : linear-gradient(#c6b300 0%, #958600 100%);
    background : -moz-linear-gradient(#c6b300 0%, #958600 100%);
    background : -webkit-linear-gradient(#c6b300 0%, #958600 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6b300', endColorstr='#958600', GradientType=1);
}

.type-abbo .box-info3{
    font-size : 30px;
}

.type-abbo .box-info2{
    font-size : 15px;
    height: 100%;
    margin: 0 10px;
}

.type-abbo .box-info2 .home-description {
    text-align: left;
    height: 100%;
    padding-top: 30px;
}

.type-abbo .box-info2 span, .type-abbo .box-info2 li{
    font-size : 14px;
    line-height: 20px;
}

.home-description ul {
    list-style: none;
    margin-left: 10px;
    padding-left: 0;
}

.home-description ul li:before {
    content: "✓";
    padding-right: 5px;
    margin-left: -17px;
    color: red;
    font-size: 10px;
}

.type-abbo .box-info-price {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
}

.type-abbo .box-info-price .box-new, .type-abbo .box-info-price .box-renew {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

.type-abbo .box-info1{
    font-size   : 20px;
    /*line-height : 12px;*/
    color       : #000;
    font-family : "Lato";
    font-weight : 500;
    text-align  : center;
    padding: 0;
    width: 100%;
}

.type-abbo .vantaggi {
    text-decoration: underline;
    color: #0042A3;
    font-weight: bold;
    padding-bottom: 30px;
    font-size: 11px;
}

.type-abbo.abbo-prem{
    background : linear-gradient(#a7a6a7 0%, #717171 100%);
    background : -moz-linear-gradient(#a7a6a7 0%, #717171 100%);
    background : -webkit-linear-gradient(#a7a6a7 0%, #717171 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a6a7', endColorstr='#717171', GradientType=1);
}

.type-abbo.abbo-prem .box-info1 p:nth-child(2){
    font-size   : 2.5em;
    line-height : 1.3em;
}

.type-abbo.abbo-one{
    background : linear-gradient(#286fa0 0%, #053b80 100%);
    background : -moz-linear-gradient(#286fa0 0%, #053b80 100%);
    background : -webkit-linear-gradient(#286fa0 0%, #053b80 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#286fa0', endColorstr='#053b80', GradientType=1);
}

.type-abbo.abbo-junior{
    background : linear-gradient(#6db301 0%, #59970e 100%);
    background : -moz-linear-gradient(#6db301 0%, #59970e 100%);
    background : -webkit-linear-gradient(#6db301 0%, #59970e 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db301', endColorstr='#59970e', GradientType=1);
}

.type-abbo .new_container{
    width         : 80px;
    height        : 80px;
    overflow      : hidden;
    position      : absolute;
    top           : 193px;
    right         : 22px;
    border-radius : 19px;
}

.type-abbo .new{
    position       : relative;
    width          : 80px;
    height         : 80px;
    border-radius  : 50%;
    border         : 1px solid #c3a722;
    margin-top     : 20px;
    margin-left    : 20%;
    background     : rgb(191, 33, 44);
    background     : -moz-linear-gradient(top, rgba(191, 33, 44, 1) 0%, rgba(234, 71, 83, 1) 100%);
    background     : -webkit-linear-gradient(top, rgba(191, 33, 44, 1) 0%, rgba(234, 71, 83, 1) 100%);
    background     : linear-gradient(to bottom, rgba(191, 33, 44, 1) 0%, rgba(234, 71, 83, 1) 100%);
    filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf212c', endColorstr='#ea4753', GradientType=0);
    transform      : rotate(-45deg);
    text-transform : uppercase;
    color          : #f3e379;
    padding        : 15px;
    box-shadow     : inset 3px 8px 15px rgba(0, 0, 0, .32);
}

.type-abbo p{
    margin-bottom : 0;
}

.type-abbo .box-info1 p{
    margin      : 0px;
    line-height : inherit;
}

.type-abbo .box-info1 p:first-child{
    font-size : 1.3em;
}

.type-abbo .box-info1 p:nth-child(2){
    font-size : 3em;
}

.type-abbo .box-info1 p:nth-child(3){
    font-size     : 3em;
    margin-bottom : 15px;
}

.type-abbo .box-info1 p:nth-child(3) span{
    position   : absolute;
    left       : 65px;
    margin-top : 19px;
    width      : 52px;
    height     : 5px;
    background : #e51e25;
    transform  : rotate(45deg);
}

.type-abbo .box-info1 p:nth-child(2),
.type-abbo .box-info1 p:nth-child(3){
    font-weight : bold;
    line-height : 1em;
}

.add-info{
    margin-top : 30px;
    min-height : 450px;
}

.pass-details-container{
    padding-bottom : 150px;
}

.vipinfo-text{
    min-height : 78px !important;
}

.changetovip-home-img-desktop{
    height : 227px;
    width  : 1230px;
}

.footer-bar{
    justify-content : space-between;
}

.info svg, .info svg path {
    fill: #0042A3 !important;
}

.info-text{
    font-size      : 18px;
    text-transform : uppercase;
    margin-bottom  : 20px;
    min-height     : 46px;
}

.info-text .panel-collapse{
    font-size      : 14px;
    text-transform : initial;
}

.info-text ul li{
    text-align          : right;
    list-style-position : inside;
    padding-top         : 5px;
}

#gradient-junior{
    --color-stop-1 : #6db301;
    --color-stop-2 : #59970e;
}

#gradient-one{
    --color-stop-1 : #05459c;
    --color-stop-2 : #053b80;
}

#gradient-prem{
    --color-stop-1 : #a7a6a7;
    --color-stop-2 : #717171;
}

#gradient-vip{
    --color-stop-1 : #c6b300;
    --color-stop-2 : #958600;
}

.accordion-toggle-junior, .accordion-toggle-junior svg{
    max-width : 25px;
    height    : 100%;
    fill      : url('#gradient-junior') #6db301;
}

.accordion-toggle-junior svg:hover{
    fill : #6db301;
}

.accordion-toggle-one, .accordion-toggle-one svg{
    max-width : 25px;
    height    : 100%;
    fill      : url('#gradient-one') #053b80;
}

.accordion-toggle-one svg:hover{
    fill : #05459c;
}

.accordion-toggle-prem, .accordion-toggle-prem svg{
    max-width : 25px;
    height    : 100%;
    fill      : url('#gradient-prem') #a7a6a7;
}

.accordion-toggle-prem svg:hover{
    fill : #a7a6a7;
}

.accordion-toggle-vip, .accordion-toggle-vip svg{
    max-width : 25px;
    height    : 100%;
    fill      : url('#gradient-vip') #c6b300;
}

.accordion-toggle-vip svg:hover{
    fill : #c6b300;
}

.img-newinfo{
    height   : 30px;
    width    : 30px;
    top      : -5px;
    position : relative;
    left     : -5px;
}

.offer_banner{
    display : flex;
    width   : 100%;
}

.offer_banner .disclaimer{
    text-align     : center;
    margin-top     : auto;
    margin-bottom  : 0px;
    left           : 0;
    padding-bottom : 10px;
}

.junior-img,
.sea-img{
    position            : relative;
    min-height          : 300px;
    width               : 100%;
    background-repeat   : no-repeat;
    background-size     : cover;
    background-position : center center;
    padding             : 15px 15px 0px 15px;
    font-size           : 16px;
    background          : #016a9a;
    border-radius       : 0px;
    border              : 0px;
    margin              : 10px 25px;
    box-shadow          : 5.785px 6.894px 18px rgba(1, 76, 110, 0.4);
    color               : #fff;
}

.sea-junior{
    background : linear-gradient(#6db301 0%, #59970e 100%);
    background : -moz-linear-gradient(#6db301 0%, #59970e 100%);
    background : -webkit-linear-gradient(#6db301 0%, #59970e 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db301', endColorstr='#59970e', GradientType=1);
}

.sea-easy{
    background : linear-gradient(#286fa0 0%, #053b80 100%);
    background : -moz-linear-gradient(#286fa0 0%, #053b80 100%);
    background : -webkit-linear-gradient(#286fa0 0%, #053b80 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#286fa0', endColorstr='#053b80', GradientType=1);
}

.junior-img:before,
.sea-img:before,
.junior-img:after,
.sea-img:after{
    content    : '';
    position   : absolute;
    width      : 100%;
    height     : 2px;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    left       : 0px;
}

.junior-img:after,
.sea-img:after{
    bottom : 0px;
}

.junior-img:before,
.sea-img:before{
    top : 0px;
}

.whoare-text .titledesc p:first-child{
    font-weight   : bold;
    font-size     : 24px;
    margin-bottom : 0
}

.whoare-text .titledesc p:last-child{
    font-size   : 30px;
    color       : #ffffff;
    font-family : "Lato";
    font-weight : 400;
    text-align  : center;
    text-shadow : 1.509px 1.312px 2px rgba(1, 78, 114, 0.79);
}

.choose-box.row-eq-height{
    padding       : 15px 0;
    border        : 2px solid #f6e98f;
    border-radius : 10px;
    margin-bottom : 60px;
}

.choose-box.row-eq-height .col-md- *{
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.newadds,
.newadds.choose{
    padding : 7px 15px 7px 15px;
}

.bubble{
    height   : 175px;
    width    : 175px;
    top      : 3px;
    left     : -1px;
    position : absolute;
}

.bubble-noborder{
    border-style : none;
}

#basicbox-info{
    color          : #fff081;
    text-transform : uppercase;
    font-size      : 19px;
    font-weight    : 700;
    margin         : 15px 0;
    padding        : 0 3rem;
    background     : rgba(1, 59, 85, 0.5019607843137255);
}

#basicbox-info .descrgeneral ul{
    padding    : 10px 15px;
    text-align : left;
}

.section.seasonbox, .section.vipupgrade{
    background-color : #0042A3;
    padding          : 20px 0;
}

.products_list .product_list_header{
    background-color: #0042A3;
}

.products_list .product_list_body{
    background-color: #FFFFFF;
    color: #0042A3;
}

#shoppingcart .card_header{
    background-color: #FFFFFF!important;
}

#shoppingcart .card_header .shoppingcart_title{
    color: #0042A3!important;
}

#shoppingcart .owner_container .product_list_header{
    background-color : #0042A3;
}

#shoppingcart .owner_container .row.product {
    background-color: #FFFFFF!important;
    color: #0042A3;
}

.sold-out-reserved {
    font-size: 1.3em;
    margin-top: 6%;
    font-weight: bold;
    color: red;
    margin-left: 25%;
}

.vipupgrade-product-info{
    margin-top       : 5px;
    text-align       : center;
}

.vipupgradebox svg{
    fill        : #0042a3;
    width       : 100%;
    margin-left : 30px;
}

.vipupgrade-product-info.current-pass{
    margin : auto;
}

.calendar-alignment {
    margin-right: 6rem;
}

.hide_price div span {
    display: none !important;
}

.hidden-info{
    display : none !important;
}

.not-available-button{
    font-size      : 10px !important;
    width          : 100% !important;
    pointer-events : none;
}

.add-upgrade-btn{
    width : 100% !important;
}

.noproduct-info{
    font-size  : 17px;
    text-align : center;
    color      : #ffffff;

}


.other-upgrade h4{
    font-size   : 1.3em;
    font-weight : 500;
    text-align  : center;
    margin      : 0px auto 0px;
    color       : #fded85;
    padding     : 15px;
}

.vipinfo-popup{
    border-width     : 3px;
    font-family      : "Lato", sans-serif;
    width            : 220px;
    background-color : rgb(255, 255, 255);
    color            : rgb(67, 67, 67);
    text-align       : center;
    padding          : 5px 8px;
    border-radius    : 6px;
    border-style     : solid;
    border-color     : rgb(194, 165, 44);
    position         : absolute;
    z-index          : 1;
    top              : 60px;
    left             : 75px;
    font-size        : 12px;
}

.tooltip-arrow:before{
    content      : "";
    position     : absolute;
    top          : -13%;
    left         : 50%;
    margin-left  : -5px;
    border-width : 5px;
    border-style : solid;
    border-color : rgb(194, 165, 44) transparent transparent transparent;
    transform    : rotate(180deg);
}

.personal-info{
    margin-bottom : 20px;
}

.other-vipupgrade-body{
    font-size  : 17px;
    text-align : center;
}

.linktovip img{
    width  : 100% !important;
    height : auto !important;
}

.other-update-container{
    margin-top : 20px;
}

.add-mediacode-container{
    margin-bottom   : 30px;
    justify-content : flex-end;
    display         : flex;
}

.go-vipupgradebtn-container{
    justify-content : flex-end;
}

.buy-vipupgradebtn-container{
    justify-content : flex-end;
    display         : flex;
    padding         : 0;
}

.personal-info-data{
    font-size   : 16px;
    font-weight : bold;
    padding     : 10px 20px;
}

.personal-info-body{
    padding          : .8rem 0;
    border-top       : 0;
}

.personal-info-header{
    color            : #0042a3;
    font-weight      : 700;
    text-align       : center;
    background-color : #fff081;
    text-transform   : uppercase;
    font-size        : 1.5em;
    padding          : 15px;
    width            : 100%;
    margin           : 0 auto;
}

.vipupgradebox.first-box{
    display         : flex;
    justify-content : center;
}

.vipupgrade-arrow{
    display     : flex;
    align-items : center;
    color       : #fff081;
}

.vipupgradebox{
    text-align : center;
    padding    : 20px;
    font-size  : 1.4em;
}

.vipupgrade-table-header{
    color            : #fded85;
    background-color : #01405c;
    text-transform   : uppercase;
    font-size        : 1.2em;
    font-weight      : 700;
    text-align       : center;
    padding          : 15px;
}

.vipupgrade-back-btn{
    margin : 20px 0;
    color  : #01577e !important;
}

.vipupgradecheck-title{
    position       : relative;
    color          : #f6e98f;
    font-size      : 20px;
    text-transform : uppercase;
    font-weight    : bold;
    text-align     : center;
}

.section-vipupgradecheck{
    padding : 15px;
}

.insertmediacode{
    font-weight : 600;
    color       : #0042a3;
    text-align  : left;
    font-size   : 15px;
}

.renewchoosecheck{
    font-size       : 1.3em;
    font-weight     : 500;
    text-align      : left;
    color           : #fded85;
    padding         : 15px;
    justify-content : center;
    margin          : auto;

}

.section-renewchoosecheck{
    padding : 15px;
}

.vipupgradecheck{
    font-size       : 1.3em;
    font-weight     : 500;
    text-align      : left;
    color           : #fded85;
    padding         : 15px;
    justify-content : center;
    margin          : auto;
}

.vipupgradecheck-subtitle{
    color     : #f6e98f;
    font-size : 20px;
}

.vipupgradecheck-info-container{
    font-size : 20px;
}

.mediaexample{
    width    : 100%;
    position : absolute;
    z-index  : 999999;
    top      : 35px;
    left     : 5px;
}

.insertmediacode svg{
    fill        : #0042a3;
    width       : 100%;
    margin-left : 30px;
}

.season-nav-item{
    width           : calc(100% / 6);
    justify-content : center;
    display         : flex;
    margin          : auto;

}

.season-nav-item .nav-link{
    font-size      : 18px !important;
    vertical-align : middle;
    display        : flex;
    margin         : auto;
    white-space    : pre-wrap !important;
}

.helpinfo{
    font-size      : 13px;
    text-align     : center;
    color          : #0042a3;
    text-transform : none !important;
}

.container .maincontent {
    color: #0042a3;
    background-color: #FFFFFF;
}

.price-table-container{
    padding   : 15px 230px;
    font-size : 15px;
}

.vipupgrade-details{
    padding : 15px;
}

.vipupgrade-details-info-title{
    border-top : 2px solid #fded85;
}

.vipupgrade-details-info{
    border-bottom  : 2px solid #fded85;
    border-left    : 2px solid #fded85;
    border-right   : 2px solid #fded85;
    text-transform : uppercase;
}

.pricesarrow{
    color : #fded85;

}

.vipupgrade-prices-title{
    background     : #01405c;
    text-transform : uppercase;
    font-weight    : 600;
    font-size      : 15px;

}

.vipupgrade-title{
    text-align     : center;
    position       : relative;
    color          : #f6e98f;
    line-height    : 74px;
    font-size      : 20px;
    text-transform : uppercase;
    font-weight    : bold;
}

.section.seasonbox .seasonbox-title span{
    padding     : 14px 15px 14px 0px;
    font-weight : 700;
    font-size   : 19px;
    color       : #fff081;
}

.section.seasonbox .seasonbox-title span:first-child{
    color        : #ffffff;
    font-weight  : 700;
    font-size    : 19px;
    padding-left : 3rem;
}

.section.seasonbox .seasonbox-title > p{
    text-align     : left;
    text-transform : uppercase;
    font-size      : 19px;
    font-weight    : 700;
    color          : #fff081;
    padding-top    : 15px;
    padding-left   : 3rem;
}

.section.seasonbox .seasonbox-title > ul{
    padding-left : calc(40px + 3rem);
}

/*.section.seasonbox .seasonbox-body > p:last-child{*/
/*color:white;*/
/*font-size: 15px;*/
/*font-weight: normal;*/
/*text-transform: none;*/
/*}*/
.faq-container{
    z-index       : 1;
    margin-bottom : 20px;
}

.faq-box{
    border-radius           : 0 0 3px 3px;
    float                   : right;
    background              : #01405c;
    font-weight             : bold;
    text-transform          : uppercase;
    color                   : white;
    padding                 : 0 15px;
    position                : relative;
    -webkit-background-clip : padding-box;
    background-clip         : padding-box;
    outline                 : 0;
    box-shadow              : 0 2px 2px rgba(0, 0, 0, 0.5) inset;
    margin-right            : 25px;
}

.faq-box::before{
    position              : absolute;
    top                   : 0;
    bottom                : -2px;
    left                  : -2px;
    right                 : -2px;
    background            : -moz-linear-gradient(top, rgba(191, 169, 34, 1) 0%, rgba(193, 168, 24, 1) 2%, rgba(195, 167, 34, 1) 4%, rgba(196, 169, 40, 1) 7%, rgba(196, 170, 31, 1) 9%, rgba(199, 171, 38, 1) 11%, rgba(207, 184, 54, 1) 27%, rgba(215, 189, 66, 1) 33%, rgba(219, 197, 75, 1) 42%, rgba(241, 224, 118, 1) 71%, rgba(241, 227, 122, 1) 76%, rgba(254, 240, 141, 1) 93%, rgba(255, 241, 144, 1) 98%, rgba(255, 242, 141, 1) 100%);
    background            : -webkit-linear-gradient(top, rgba(191, 169, 34, 1) 0%, rgba(193, 168, 24, 1) 2%, rgba(195, 167, 34, 1) 4%, rgba(196, 169, 40, 1) 7%, rgba(196, 170, 31, 1) 9%, rgba(199, 171, 38, 1) 11%, rgba(207, 184, 54, 1) 27%, rgba(215, 189, 66, 1) 33%, rgba(219, 197, 75, 1) 42%, rgba(241, 224, 118, 1) 71%, rgba(241, 227, 122, 1) 76%, rgba(254, 240, 141, 1) 93%, rgba(255, 241, 144, 1) 98%, rgba(255, 242, 141, 1) 100%);
    background            : linear-gradient(to bottom, rgba(191, 169, 34, 1) 0%, rgba(193, 168, 24, 1) 2%, rgba(195, 167, 34, 1) 4%, rgba(196, 169, 40, 1) 7%, rgba(196, 170, 31, 1) 9%, rgba(199, 171, 38, 1) 11%, rgba(207, 184, 54, 1) 27%, rgba(215, 189, 66, 1) 33%, rgba(219, 197, 75, 1) 42%, rgba(241, 224, 118, 1) 71%, rgba(241, 227, 122, 1) 76%, rgba(254, 240, 141, 1) 93%, rgba(255, 241, 144, 1) 98%, rgba(255, 242, 141, 1) 100%);
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(191,169,34)', endColorstr='rgb(255,242,141)', GradientType=0);
    content               : "";
    z-index               : -1;
    -webkit-border-radius : 0 0 3px 3px;
    -moz-border-radius    : 0 0 3px 3px;
    -ms-border-radius     : 0 0 3px 3px;
    border-radius         : 0 0 3px 3px;
}

.faq-box span{
    display        : inline-block;
    text-transform : uppercase;
    font-size      : 12px;
    line-height    : 30px;
}

.faq-box span::after{
    display     : inline-block;
    content     : "\f054";
    font-size   : 13px;
    position    : relative;
    left        : 10px;
    top         : 0;
    font-family : FontAwesome;
    color       : #fded85;
}

.user-information input::placeholder{
    color   : #fff;
    opacity : 0.8;
}

.user-information input.readonly::placeholder{
    background:#e9ecef!important;
}

.user-information a {
    color: #0042A3;
}

.insert-mediacode-body {
    background-color: #FFFFFF;
}

.breadcrumb {
    background-color: #FFFFFF!important;
}

#breadcrumb.breadcrumbs-line li {
    background-color: #0042A3!important;
    text-align: center;
}

.breadcrumb li {
    background-color: #0042a3;
    text-align: center;
    padding: 5px 0;
    border: 2px solid #016a9a;
}

.breadcrumbs li.active {
    color: #fff081;
    border: 2px solid #fff081;
    font-weight: 700;
}

.userinfo-body {
    background-color: #ffffff;
    color: #0042a3;
}

.additionalaccount .section{
    border      : 0px;
    font-size   : 17px;
    font-weight : 400;
    margin      : 0;
    width       : 100%;
    cursor      : pointer;
    background  : #FFFFFF;
    color: #0042A3;
}

.additionalaccount .section label{
    text-transform : uppercase;
}

.additionalaccount .section .seasonpassholders{
    margin-bottom : 30px;
}

.additionalaccount .section .seasonpassholders .accountinfo_infotext{
    margin-bottom : 15px;
}

.additionalaccount .section .accountinfo_infotext{
    text-align     : justify;
    text-transform : inherit !important;
    color          : #fff;
    font-size      : .75em;
    margin-bottom  : 30px;
}

.additionalaccount .section .formaccount-panel{
    padding : 20px 15px;
    margin  : 20px 15px;
}

.section .formaccount-panel .season-name{
    color : #fff081;
}

.additionalaccount .section .panel-heading.formaccount-panel{
    background  : #0042a3;
    color       : #ffffff;
    font-weight : 700;
    font-size   : 19px;
}

.icon-toggle{
    display                 : inline-block;
    font-family             : FontAwesome;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    font-style              : normal;
    cursor                  : pointer;
    font-size               : 25px;
    height                  : 100%;
    line-height             : 66px;
}

.icon-toggle::before{
    content : "\f078";
}

/* RENEW */
.section.renew{
    border         : 0;
    padding-bottom : 15px;
    background-color: #FFFFFF;
    color: #0042a3;
}

.bold,
.renew p span{
    font-weight : 700;
    color       : #fded85;
}

.bold,
.renew p span,
.renew p.istruction strong{
    font-weight : 700;
    color       : #fded85;
}

.renew.section h2{
    background-color: #0042a3!important;
    color: #FFFFFF!important;
    margin-top: 20px;
}

.popover_body .bold,
.popover_body .renew p span{
    font-weight : 700;
    color       : #000;
}

.uppercase{
    text-transform : uppercase;
}

/*
.renew .instructions .col-xs-12 span ,
.renew .instructions .col-xs-12 p,
.renew .instructions .form-group label,
.renew .instructions .form-group .form-control,
.renew .instructions .form-group .form-control:focus {
    font-size: 1.2em;
}
.renew .instructions .col-xs-12 p,
.renew .instructions .form-group label {
    margin : 30px auto 15px;
}
.renew .instructions .col-xs-12 span,
.renew .instructions .form-group .form-control,
.renew .instructions .form-group .form-control:focus {
    border: 2px solid #fff;
    display : block;
    padding : 15px;
}
.renew .instructions .form-group .form-control,
.renew .instructions .form-group .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
}
.renew .instructions .form-group .form-control::placeholder {
    color: #fff;
    opacity: .3;
    text-transform: uppercase;
}
.renew .instructions .loginfields .basketError,
.renew .instructions .loginerror .basketError {
    margin-bottom: 0;
}
.renew .instructions .loginfields .basketError span,
.renew .instructions .loginerror .basketError span {
    display: block;
    font-size: 1.2em;
}
.renew .instructions .loginfields .basketError .text,
.renew .instructions .loginerror .basketError .text {
    margin-top: 5px;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
}
*/

.footer-home-club{
    font-size   : 30px;
    color       : #ffffff;
    font-family : "Lato";
    font-weight : 300;
    text-align  : center;
    text-shadow : 8.302px 7.217px 10.5px rgba(39, 105, 115, 0.79);
}

.footer-home-club .img-footer{
    margin        : 5px 0;
    padding-left  : 0px;
    padding-right : 0px;
    height        : 280px;
    position      : relative;
}

.footer-home-club .img-footer a{
    position      : absolute;
    bottom        : 0px;
    margin-bottom : 35px;
    left          : calc(50% - (173px / 2));
}

.footer-home-club strong{
    font-weight : 900;
}

.btn-continue{
    background     : #f4eb49;
    border         : 1px solid #000;
    color          : #e5090d;
    padding        : 15px 30px 15px 30px;
    font-size      : 1.1em;
    font-weight    : 600;
    text-transform : uppercase;
    transition     : all 0.3s ease;
}

.btn-continue:hover{
    background : #f2ab01;
    color      : #720000;
}

.btn-continue i{
    font-size   : .8em;
    font-weight : 500;
}

.choose-box .gdl-btn.disabled,
.choose-box .gdl-btn.btn.disabled{
    background : transparent;
}

.cart .cart-remove{
    background          : transparent;
    background-image    : url("/gdl_season/resources/images/ico-cart_remove-2c1ce850c0a043b2225df3b9182378d7.png");
    background-position : center center;
    background-repeat   : no-repeat;
    background-size     : 100% auto;
    min-height          : 30px;
    min-width           : 30px;
    border              : none;
    margin              : 10px 15px 15px 0px;
}

.cart .button .cart-remove{
    text-align     : center;
    margin         : 0;
    padding        : 0;
    text-transform : uppercase;
    font-size      : 8px;
    width          : auto;
    height         : auto;
    background     : none;
    cursor         : pointer;
}

.cart-remove img{
    width   : 40px;
    height  : auto;
    margin  : 0 auto 5px;
    display : block;
    filter: invert(1);
}

.cart .product p{
    margin : 5px 0;
}

.cart p.title,
.cart p.empty{
    margin         : 5px;
    color          : #fded85;
    font-weight    : 700;
    line-height    : inherit;
    text-transform : capitalize;
}

.cart p.empty{
    color          : #fff;
    text-transform : uppercase;
}

.cart p.tip{
    margin      : 10px 0;
    line-height : 1.3;
    font-size   : 12px;
}

.cart p.tip.de{
    font-size : 11px;
}

.cart .owner{
    margin         : 0;
    font-size      : 14px;
    font-weight    : 400;
    text-transform : uppercase;
}

.cart .small.owner span{
    margin  : 0 auto;
    display : block;
}

.cart .owner_container .row.product .justify-content-center{
    padding : 7px 0px 7px 0px;
}

.cart .product p.button{
    line-height : 1;
    cursor      : pointer;
}

.cart .cart_footer{
    padding-top : 5px;
}

.cart .product .checkcart{
    font-size : 25px;
}

.cart_footer .cart-remove {
    color: white;
}

.cart_footer .cart-remove img {
    filter: invert(0);
}

.cart_footer div {
    background-color: #0042A3 !important;
    color: #fff;
}

scalapay-widget.hydrated {
    background-color: white;
    color: black;
    padding: 15px;
}

.product_list_body h2 span.descr{
    display : block;
}

.product_list_body .price p.quantity{
    font-size : 1.4em;
}

.product_list_body .add_cart{
    margin : 0 auto;
}

.product_list_body .add_cart.nomoreadd{
    display     : inline-flex;
    opacity     : .9;
    cursor      : not-allowed;
    white-space : inherit;
    width       : 100%;
}

.buypass{
    width : 100% !important;
}

.section.info-utili{
    background : rgba(1, 59, 85, 0.501);
}

.info-utili h2{
    background-color: #0042a3!important;
}

.info-utili {
    background-color: #FFFFFF!important;
    color: #0042a3!important;
}

.login .section .logout{
    margin : 30px 15px 0 15px;
}

.new_subscription{
    margin-top : 15px;
    text-align : center;
}

.new_subscription h3{
    color      : #fded85;
    margin-top : 15px;
}

.new_subscription .product_list_body form.js-mem-add{
    margin : 0;
}

/*
    Fine uploader override
*/
sup.fa{
    font-size : .6em;
}

span.radiomark{
    border: 2px solid #0042a3!important;
}

.winter-login-body{
    background-color: #FFFFFF;
}

.winter-login-body div{
    color: #0042a3;
}

input[type=radio]:checked ~ span.radiomark:after{
    content          : '';
    position         : absolute;
    background-color : #0042a3!important;
    height           : 10px;
    width            : 10px;
    margin           : 3px 2px 3px 3px;
}

.image_uploader p{
    font-size   : 1em;
    color       : #0042a3;
    margin      : 0px 0px 15px 0px;
    text-align  : left;
}

.image_uploader p span{
    color       : #fded85;
    font-weight : 700;
}

.image_uploader .btn_red,
.image_uploader .btn_green{
    color          : #fff;
    white-space    : inherit;
    margin         : 0px 0px 15px 0px;
    text-transform : uppercase;
    width          : 160px;
    background     : rgba(1, 59, 85, 0.501);
    border-radius  : 0px;
}

.image_uploader .btn_red{
    border : 2px solid #a80000;

}

.image_uploader .btn_green{
    border : 2px solid #6ac84d;

}

canvas{
    width         : 30%;
    height        : auto;
    border        : 4px solid #c1a818;
    border-radius : 10px;
    float         : right;

}

.canvas_container{
    /*display : none;*/
}

.formaccount-panel label span .fa{
    font-size : .6em;
    position  : absolute;
    top       : 0px;
}

.formaccount-panel label .fa{
    font-size : .6em;
    position: absolute;
    left: 100%;
}

.thumbnail_container{
    display : none;
}

.jq-confirm-delete{
    background-image    : url(/gdl_season/resources/images/xPic-253f63a0bbd0feb2530be50cb42c148c.png);
    background-repeat   : no-repeat;
    background-position : 5px center;
    background-size     : 20px auto;
    background-color    : #fff;
    color               : rgba(226, 0, 26, 0.8);
    font-size           : .8em;
    text-decoration     : none;
    padding             : 5px 15px 5px 35px;
    position            : absolute;
    top                 : 0px;
    left                : 20%;
    border-radius       : 3px;
    box-shadow          : 0px 0px 5px rgba(0, 0, 0, .5)
}

.jq-confirm-delete:hover{
    color           : rgba(226, 0, 26, 1);
    text-decoration : none;
}

.avatar{
    margin          : -50px 0px 0px 0px;
    border          : 3px solid #fded85;
    border-radius   : 3px;
    box-shadow      : 0px 0px 10px rgba(0, 0, 0, .8);
    transform       : rotate(0deg);
    opacity         : 0;
    width           : 120px;
    animation       : printAvatar .3s linear forwards;
    animation-delay : 1.2s;
}

@keyframes printAvatar{
    0%{
        opacity   : 0;
        transform : rotate(-0deg);
    }
    100%{
        opacity   : 1;
        transform : rotate(-6deg);
    }
}

.upsell_banner button{
    border  : none;
    padding : 0px;
    cursor  : pointer;
    width   : 100%;
}

.b2b-button:before {
    display: table;
    content: " ";
    height: 2px;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
}

.b2b-button {
    margin-left: 10px;
    text-align: center;
    color: #ffffff;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.25);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    float: right;
    font-family: 'Lato', serif;
    width: 127px;
    padding: 10px 0;
    line-height: 20px;
    border-right: 2px solid rgba(255, 255, 255, 0.3);
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 135, 207, 0.5);
    border-radius: 3px;
    display: block;
}

header .topheader a.b2b-button {
    margin-left: 0;
    padding: 5px 10px;
    float: none;
    width: auto;
    overflow: auto;
    height: auto;
}

.img_btn img{
    width : 100%;
}

.accordion-box{
    margin           : 15px auto;
    background-color : rgba(0, 0, 0, 0.2);
    border-top       : 1px solid white;
    border-bottom    : 1px solid white;
}

.accordion-box .accordion-toggle .titledesc,
.accordion-box .panel-body .descrgeneral{
    padding : 15px;
    color   : white;
}

.accordion-box .panel-body .descrgeneral p{
    text-transform : none;
    margin-bottom  : 0;
}

.accordion-box .accordion-toggle.collapsed::after{
    color       : white;
    display     : inline-flex;
    content     : "\f068";
    font-size   : 13px;
    position    : relative;
    left        : -10px;
    top         : -30px;
    font-family : FontAwesome;
    float       : right;
}

.accordion-box .accordion-toggle::after{
    color       : white;
    display     : inline-flex;
    content     : "\f067";
    font-size   : 13px;
    position    : relative;
    left        : -10px;
    top         : -30px;
    font-family : FontAwesome;
    float       : right;
}

.accordion-box .descrgeneral ul{
    padding : 15px 30px;
}

.season-owner{
    font-size      : 14px;
    text-transform : none;
}

.form-blockmobile .js-radio .radiochoise .radio-inline input{
    -moz-appearance : checkbox !important;
}

.radiochoise span,
.radiochoise p{
    text-align : left;
}


.radiochoise span a,
.radiochoise p a{
    color : #6db9eb;
}

.logged-holder{
    text-transform : uppercase;
    font-size      : 15px;
}

.arrows_up{
    max-width : 55px;
    height    : auto;
    position  : absolute;
    right     : 30px;
    top       : 7px;
    padding   : 6px 15px;
    z-index   : 50;
}

.arrows_up.icon-colors{
    --color-1 : #00B4D7;
    --color-2 : #0093C4;
    --color-3 : #FFFFFF;
    --color-4 : #000000;
}

.season .title:before, .new_season .title:before{
    content    : '';
    position   : absolute;
    width      : 100%;
    height     : 2px;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    left       : 0px;
    top        : 0px;
}

.season .title{
    background-color : #4591b5;
    min-height       : 100px;
    display          : flex;
    justify-content  : center;
    align-items      : center;
}

.season .title p, .new_season .title p{
    font-weight : 700;
    text-align  : center;
    font-size   : 3rem;
    text-shadow : 2px 2px 4px #706c6f;
}

.rectangle{
    display           : -webkit-box;
    display           : flex;
    text-align        : center;
    align-self        : center;
    -webkit-box-align : center;
    align-items       : center;
    margin            : 0px 20px;
    position          : relative;
    box-sizing        : border-box;
    color             : #FFF;
    background-clip   : padding-box;
    border            : solid 5px transparent;
    border-radius     : 1em;

}


.rectangle.banner{
    border-radius : 0em;
    margin        : 22px;
}

.contestrules-container{
    padding : 20px;
}

.contestrules-container a{
    color     : #ffffff !important;
    font-size : 25px;
}

.rectangle p{
    text-align : center;
    width      : 100%;
    margin     : auto;
    padding    : 5px;
}

.rectangle.banner p{
    padding   : 20px;
    font-size : 2rem;
}

.new_season{
    background-color : rgba(0, 79, 122, 0.45);
    padding-bottom   : 70px;
}

.new_season:before{
    content           : '';
    position          : absolute;
    top               : -108px;
    left              : 0px;
    background-image  : url(/gdl_season/resources/images/fiocco-731c286d7df5d655e713d23fc1925a61.png);
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 510px;
    height            : 233px;
    z-index           : 50;
}

.new_season:after{
    content           : '';
    position          : absolute;
    bottom            : -34px;
    right             : 5%;
    background-image  : url(/gdl_season/resources/images/fiocco2-973a8a2251553ca9f571d01c8586019a.png);
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 296px;
    height            : 114px;
}

.new_season .title{
    background-color : #004f7a;
    min-height       : 100px;
    display          : flex;
    justify-content  : center;
    align-items      : center;
}

.junior-table{
    height          : 36px;
    background      : linear-gradient(#6db301 0%, #59970e 100%);
    background      : -moz-linear-gradient(#6db301 0%, #59970e 100%);
    background      : -webkit-linear-gradient(#6db301 0%, #59970e 100%);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db301', endColorstr='#59970e', GradientType=1);
    display         : flex;
    justify-content : center;
    align-items     : center;
    margin          : 10px 25px;
    box-shadow      : 5.785px 6.894px 18px rgba(1, 76, 110, 0.41);
}

.junior-table p, .easy-table p, .premium-table p, .vip-table p{
    margin         : 0px;
    text-transform : uppercase;
    font-size      : 1.5rem;
}

.easy-table{
    height          : 36px;
    background      : linear-gradient(#286fa0 0%, #053b80 100%);
    background      : -moz-linear-gradient(#286fa0 0%, #053b80 100%);
    background      : -webkit-linear-gradient(#286fa0 0%, #053b80 100%);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#286fa0', endColorstr='#053b80', GradientType=1);
    display         : flex;
    justify-content : center;
    align-items     : center;
    margin          : 10px 25px;
    box-shadow      : 5.785px 6.894px 18px rgba(1, 76, 110, 0.41);
}

.premium-table{
    height          : 36px;
    background      : linear-gradient(#a7a6a7 0%, #717171 100%);
    background      : -moz-linear-gradient(#a7a6a7 0%, #717171 100%);
    background      : -webkit-linear-gradient(#a7a6a7 0%, #717171 100%);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a6a7', endColorstr='#717171', GradientType=1);
    display         : flex;
    justify-content : center;
    align-items     : center;
    margin          : 10px 25px;
    box-shadow      : 5.785px 6.894px 18px rgba(1, 76, 110, 0.41);
}

.vip-table{
    height          : 36px;
    background      : linear-gradient(#c6b300 0%, #958600 100%);
    background      : -moz-linear-gradient(#c6b300 0%, #958600 100%);
    background      : -webkit-linear-gradient(#c6b300 0%, #958600 100%);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6b300', endColorstr='#958600', GradientType=1);
    display         : flex;
    justify-content : center;
    align-items     : center;
    margin          : 10px 25px;
    box-shadow      : 5.785px 6.894px 18px rgba(1, 76, 110, 0.41);
}

.footer-section p{
    text-transform : none;
}

.faq-section.generic-rules .faq-section-body{
    padding : 15px 30px;
}

.faq-section.generic-rules .faq-section-body > ul{
    padding    : 0;
    list-style : decimal;
}

.faq-section.generic-rules .faq-section-body > ul > li{
    margin-bottom : 10px;
}

.faq-section.generic-rules .faq-section-body > ul > li:last-child{
    margin-bottom : 30px;
}

.faq-section .faq-section-title{
    background: #0042a3;
    color: #fff;
    margin     : 0px 15px;
}

.faq-section .faq-section-title h2{
    font-size : 17px;
}

.contest-section {
    background-color: #FFFFFF;
    color: #0042a3;
}

.contest-section-title h2 {
    background-color: #0042a3;
}

.contest-section-body h2 {
    background-color: #0042a3;
    margin-bottom: 20px!important;
}

.contacts-body {
    color: #0042a3;
    background-color: #fff;
}

.footer-section h6{
    vertical-align : middle;
    padding        : 10px 0;
    font-weight    : bold;
    line-height    : 20px;
    text-transform : uppercase;
    color          : #FDED8F;
}

.footer-section ul{
    line-height    : 20px;
    margin         : 4px 0 0;
    padding        : 0;
    vertical-align : middle;
    list-style     : none;
}

.footer-section ul li{
    padding-bottom : 5px;
}

.footer-section ul li h5{
    text-transform : uppercase;
    font-weight    : bold;
    line-height    : 20px;
    margin         : 0;
}

.footer-section ul li span{
    display : block;
}

.footer-section .faq-section-body a,
.footer-section .faq-section-body a:focus,
.footer-section .faq-section-body a:hover{
    color           : #FDED8F;
    text-decoration : underline;
}

.smallintro{
    font-size : 80%;
    color     : #fff;
}

.review-cart-body {
    background-color: #FFFFFF;
    color: #0042a3;
}

#boxtable{
    position : relative;
}

.newadds.choose{
    top : 30px;
}

#loader{
    position        : fixed;
    z-index         : 5000000;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100vh;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : none;
}

.loader{
    position                  : fixed;
    border-radius             : 50%;
    animation-name            : spin;
    animation-duration        : 5000ms;
    animation-iteration-count : infinite;
    animation-timing-function : linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spin{
    from{
        transform : rotate(0deg);
    }
    to{
        transform : rotate(360deg);
    }
}

#scroller-wrapper{
    width    : 100%;
    display  : flex;
    padding  : 0;
    background-color: white;
}

.login-form-container{
    margin-top : 50px;
}

.login-choose-btn{
    min-width : 600px;
}

.chooselogin{
    margin : 10px 30px !important;
}

.chooselogin-row{
    justify-content : space-between;
    margin-top      : 50px;
}

.chooselogin strong{
    line-height : 25px !important;
    color       : #01577e !important;
    font-family : "Lato" !important;
    font-weight : 400 !important;
    text-align  : center !important;
    text-shadow : 1.509px 1.312px 2px rgba(1, 78, 114, 0.79) !important;
}

.personal-info-data p{
    font-weight : normal;

}

.season-nav-item .nav-link strong{
    line-height : 15px;
}

.headline-title{
    font-size     : 30px;
    margin-top    : 30px;
    margin-bottom : 30px;
    font-weight   : 400;
    color: #0042A3;
}

.checkout-cart-title, .checkout-form-title {
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 15px;
    font-size: 17px;
    font-family: "Lato", sans-serif;
    padding-bottom: 42px;
    background: transparent;
}

.checkout-cart-header {
    display: flex;
    text-transform: none;
    color: #fff;
    line-height: 61.6px;
    font-size: 16px;
    padding: 0;
    font-weight: bold;
    background-color: #0042A2;
}

.checkout-product-row {
    display: block;
    padding: 10px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    font-size: 15px;
}

.checkout-totals-container {
    text-transform: uppercase;
    font: 14px/1 "Lato";
    font-weight: bold;
    padding: 20px 29px;
    text-align: right;
    font-size: 17px;
    background: transparent;
}

.dash-button-margin {
    margin-right: 10px;
}

.checkout-input-container input {
    width: 300px;
    line-height: 25px;
    color: #FFFFFF;
    background-color: #0042A3;
}

.logo-link img {
    width: 10rem;
}

.autocomplete-active {
    background-color: #0042a3;
    color: #FFFFFF;
}

.single-item {
    padding: 2px;
    border-bottom: 1px solid #0042a3;
}

.reserved-tickets-area-title {
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: #0042a3;
    text-transform: uppercase;
}

.season-body-layout {
    background-color: #FFFFFF;
    color: #0042a3;
}

.reserved-tickets-table-header {
    color: #fff;
    background-color: #0042a3;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    padding: 15px;
}

.form-group input.form-control.disabled, .form-group select.form-control.disabled, .form-group input[type=radio].disabled ~ span.radiomark {
    background-color: #0042A2;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width : 575.98px){

    .headline-title {
        font-size: 25px;
    }

    .logo-link img {
        width: 9rem;
    }

    .breadcrumb {
        display: flex;
    }

    .breadcrumb li{
        flex-direction: row;
        width: 25%;
        font-size: 10px!important;
        line-height: 20px!important;
    }

    .type-abbo .box-info2 .home-description {
        margin-left: 5px;
    }

    #navigation ul {
        background: #0042a3!important;
    }

    #scroller-wrapper{
        width      : 100%;
        height     : 100%;
        overflow-x : scroll;
        display    : block;
        padding    : 0 .2rem;
    }

    .type-abbo .box-info1{
        line-height : 1.2;
    }

    .type-abbo .box-info1 p:first-child{
        font-size : 1rem;
    }

    .type-abbo .box-info1 p:nth-child(2) span{
        font-size : 20px !important;
    }

    .type-abbo .box-info1 p:nth-child(2) span{
        font-size : 25px !important;
    }

    .type-abbo .box-info4{
        line-height: 10px;
        font-size: 27px !important;
    }

    .insertmediacode svg{
        width : 50%;
    }

    .price-table-container{
        padding : 0;
    }

    .buy-vipupgradebtn-container{
        padding : 0;
    }

    .vipupgradebox svg{

        width : 25px;
    }

    .vipupgrade{
        margin-bottom : 20px;
    }


    .other-vipupgrade-body{
        margin-top : 10px;
    }

    .vipinfo-popup{
        left : -15px;
    }

    .vipupgradebox svg{
        width : 20px;
    }

    .vipupgrade-title{
        line-height : 25px;
    }

    .pass-details{
        height : auto;
    }

    .old-price{
        top   : 255px;
        right : 80px;
    }

    .pass-info1, .pass-info2{
        font-size  : 18px;
        margin-top : 0px;
    }

    #carouselExampleSlidesOnly:after{
        height : 2px;
    }

    #carouselExampleSlidesOnly .linea:after{
        height : 1px;
        width  : 100%;
        top    : 100%;
        left   : 0px;
    }

    .card-banner{
        padding-bottom : 3rem;
    }

    .box-info2{
        min-height : 100px;
    }

    .info-container{
        height : auto;
    }

    .add-info{
        min-height : auto;
    }

    .type-abbo .box-info2 span, .type-abbo .box-info2 li{
        font-size : 11px !important;
        line-height: 15px;
    }

    .type-abbo .box-info3{
        margin-top : auto;
        font-size  : 20px;
    }

    .type-abbo .box-info5{
        font-size : 10px;
    }

    .type-abbo {
        min-height: 540px !important;
    }

    .renew .instructions .card{
        width  : auto;
        height : auto;
    }

    .additionalaccount .section{
        font-size : 12px;
    }

    .form-group label{
        padding : 0px;
    }

    .section.seasonbox .seasonbox-title span:first-child, .section.seasonbox .seasonbox-title span{
        padding-left : 0px;
        padding      : 0px;
    }

    .section.seasonbox .seasonbox-title > p{
        font-size    : 15px;
        padding-left : 1rem;
    }

    .section.seasonbox .seasonbox-title > ul{
        padding-left : 2.5rem;
    }

    #basicbox-info{
        padding : 0 1rem;
    }

    .additionalaccount .section .formaccount-panel{
        padding : 5px;
    }

    .new_season:before{
        background-size : 200px;
        top             : -40px;
    }

    .new_season:after{
        background-size : 110px;
        width           : 160px;
        bottom          : -89px;
        right           : -10%;
    }

    .rectangle{
        margin-top : 15px;
    }

    .rectangle.banner{
        margin : 7px 22px;
    }

    .rectangle.banner p{
        font-size : 1.5rem;
        padding   : 16px;
    }

    .info-text{
        margin-right : 25px;
        font-size    : 16px;
        min-height   : auto;
    }

    .box-infovip{
        min-height : auto;
    }


    .pass-details-container{
        padding-bottom : 30px;
    }

    .vipinfo-text{
        min-height : auto !important;
    }

    .border_pass{
        background-size : 0px;
    }

    .footer-home-club .img-footer{
        height         : 100%;
        padding-bottom : 40px;
    }

    .footer-home-club .img-footer a{
        margin-bottom : 5px;
    }

    .footer-home-club .img-footer p, .footer-home-club .img-footer span{
        font-size   : 10px !important;
        padding-top : 0px;
    }

    .footer-home-club .img-footer p{
        top : 10%;
    }

    .home-description, .home-description ul li {
        line-height: 10px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width : 576px) and (max-width : 767.98px){

    .headline-title {
        font-size: 25px;
    }

    .logo-link img {
        width: 45%;
    }

    .insertmediacode svg{
        width : 20%;
    }

    .price-table-container{
        padding : 0;
    }

    .add-info{
        min-height : auto;
    }

    .vipinfo-popup{
        top  : 56px;
        left : 50px;
    }

    .vipupgradebox svg{
        width : 30px;
    }

    .vipupgradebox{
        width : 25px;
    }

    .other-vipupgrade-body{
        margin-top : 10px;
    }

    .vipupgrade-title{
        line-height : 25px;
    }

    .section.vipupgrade{
        margin-bottom : 30px;
    }

    .pass-info1, .pass-info2{
        font-size  : 18px;
        margin-top : 0px;
    }

    #carouselExampleSlidesOnly:after{
        height : 2px;
    }

    .collapse.abbo-details{
        display : none;
    }

    .collapse.abbo-details.show{
        display        : block;
        padding-bottom : 3rem;
    }

    .card-banner{
        padding-bottom : 3rem;
    }

    .type-abbo{
        height : auto;
    }

    .type-abbo .box-info1{
        font-size : 15px;
    }

    .type-abbo .box-info2{
        font-size : 10px;
    }

    .type-abbo .box-info3{
        font-size : 20px;
    }

    .type-abbo .box-info5{
        font-size : 10px;
    }

    .renew .instructions .card{
        width  : auto;
        height : auto;
    }

    .section.seasonbox .seasonbox-title span:first-child, .section.seasonbox .seasonbox-title span{
        padding-left : 0px;
        padding      : 0px;
    }

    .section.seasonbox .seasonbox-title > p{
        font-size    : 15px;
        padding-left : 1rem;
    }

    .section.seasonbox .seasonbox-title > ul{
        padding-left : 2.5rem;
    }

    #basicbox-info{
        padding : 0 1rem;
    }

    .additionalaccount .section{
        font-size : 12px;
    }

    .footer-home-club .img-footer{
        height : auto;
    }

    .footer-home-club .img-footer p, .footer-home-club .img-footer p span{
        font-size   : 10px !important;
        padding-top : 15px;
    }

    .footer-home-club .img-footer p{
        top : 0%;
    }

    .footer-home-club .img-footer a{
        margin-bottom : 5px;
    }

    .home-description, .home-description ul li {
        line-height: 10px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991.98px){

    .headline-title {
        font-size: 25px;
    }

    .price-table-container{
        padding : 0;
    }

    .insertmediacode svg{
        width : 30%;
    }

    .pass-details-container{
        padding-bottom : 500px;
    }

    .info-text{
        min-height : 70px;
    }

    .type-abbo{
        margin : 0;
    }

    .vipinfo-popup{
        top  : 50px;
        left : -31px;
    }

    .vipupgrade-table-header{
        font-size : 12px;
        padding   : 5px;
    }

    .vipupgradebox svg{
        width : 20px;
    }

    .vipupgrade-title{
        line-height : 25px;
    }

    .other-vipupgrade-body{
        margin-top : 20px;
    }

    .fa-long-arrow-alt-right{
        font-size : 20px !important;
    }

    .pass-info1, .pass-info2{
        font-size  : 18px;
        margin-top : 0px;
    }

    #carouselExampleSlidesOnly:after{
        height : 2px;
    }

    .collapse.abbo-details{
        display : none;
    }

    .collapse.abbo-details.show{
        display        : block;
        padding-bottom : 3rem;
    }

    .card-banner{
        padding-bottom : 3rem;
    }

    .section.seasonbox .seasonbox-title span:first-child, .section.seasonbox .seasonbox-title span{
        padding-left : 0px;
        padding      : 0px;
    }

    .section.seasonbox .seasonbox-title > p{
        font-size    : 15px;
        padding-left : 1rem;
    }

    .section.seasonbox .seasonbox-title > ul{
        padding-left : 2.5rem;
    }

    #basicbox-info{
        padding : 0 1rem;
    }

    .additionalaccount .section{
        font-size : 15px;
    }

    .footer-home-club .img-footer{
        height : auto;
    }

    .footer-home-club .img-footer p, .footer-home-club .img-footer p span{
        font-size   : 15px !important;
        padding-top : 15px;
    }

    .footer-home-club .img-footer p{
        top : 0%;
    }

    .footer-home-club .img-footer a{
        margin-bottom : 5px;
    }

    .home-description, .home-description ul li {
        line-height: 10px;
    }
}

@media (min-width : 992px) and (max-width : 1199px){


    .pass-details-container{
        padding-bottom : 300px;
    }

    .fa-long-arrow-alt-right{
        font-size : 20px !important;
    }

    .vipinfo-popup{
        top  : 50px;
        left : -15px;
    }

    .vipupgradebox svg{
        width       : 20px;
        margin-left : 30px;
    }
}

/* Internet Explorer */

@media all and (-ms-high-contrast : none){

    .accordion-toggle-junior, .accordion-toggle-junior svg,
    .accordion-toggle-one, .accordion-toggle-one svg,
    .accordion-toggle-prem, .accordion-toggle-prem svg,
    .accordion-toggle-vip, .accordion-toggle-vip svg{
        height : 25px;
    }


    .accordion-toggle-junior, .accordion-toggle-junior svg{
        fill : #6db301;
    }

    .accordion-toggle-one, .accordion-toggle-one svg{
        fill : #053b80;
    }

    .accordion-toggle-prem, .accordion-toggle-prem svg{
        fill : #a7a6a7;
    }

    .accordion-toggle-vip, .accordion-toggle-vip svg{
        fill : #c6b300;
    }

    .btn-seasontime.gdl-btn.btn-lg p{
        margin-top    : 2.5%;
        margin-bottom : 2.5%;
    }

}