html, body {
    width:100%;
    height:100%;
    /*height:auto;*/
    padding:0;
    margin:0;
    position: relative;
    background-size:100%;
}
.grid_max_width {
    max-width:1040px;
    background: transparent;
    margin: 0px auto;
    /*display: block;*/
}
.full-width .grid_max_width {
    max-width:100%;
}
.show {display:block !important;}
.hide {display:none !important;}
p, h1, h2, h3, h4, span {
    letter-spacing: normal;
  /*  font-family: 'Roboto', sans-serif !important;*/
}
button {
    font-size: 20px;
    cursor: pointer;
}
button, a {
    outline: none;
}
i {
    font-family: "FontAwesome";
}

/* message box start */
.msgBox_content{
    padding:7.5px 15px;
}
.msgBox_content p{
    margin:0;
    width: auto;
}
.msgBox_content p.left {}
/* message box end */
div, section {
    font-family: 'Roboto', sans-serif !important;
}
#landing {
    width: 100%;
    height: auto;
    position: relative; /* tpl B */
}
.container, #lp_wrapper {
    height:auto;
    position:relative;
}
section {
    width: 100%;
    height: auto;
    position:relative;
}
.a-center {
    margin:0 auto;
    display:block;
}
.a-left {
    margin:0;
    display:block;
}
.a-right {
    margin:0 0 0 auto;
    display:block;
}
.container {
    height:auto;
    position:relative;
}

/*
** HEADER START
*/
.header {
    height: auto;
    margin: 0px auto;
    position: relative;
}
.s-header {}
#lp_header-content,
#lp_header-content-login {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px auto;
}
/* logo start */
.logoContainer {height:auto;}
.s-header .logoContainer img.logoImg {
    max-width: 100%;
    max-height: 100px;
    padding: 15px !important;
    display: block;
}
/* logo end */
/* Login/register start */
button.login {
    margin:15px;
    border:none;
}
#tpl_userInfo {padding:15px;}
#loginChunk, .logged #logoutChunk{display:block;}
#logoutChunk, .logged #loginChunk{display:none;}
.login-button,
.register-button {
    border:none;
    border-radius: 3px;
    /*margin: 15px 15px 0 0;*/
    font-size: 16px;
    padding:5px;
    transition: all 0.2s cubic-bezier(0.72, 0.01, 0.56, 1) 0s;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.register-button {
    padding:10px;
    margin: 15px auto;
    font-size: 20px;
}
#loginConnect:hover,
#logoutConnect:hover,
#registerConnect:hover,
#loginBtn:hover, #registerBtn:hover{
    opacity:0.4;
	-webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}
#loginConnect span,
#logoutConnect span,
#registerConnect span {
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#loginConnect:hover span,
#logoutConnect:hover span,
#registerConnect:hover span {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#logoutChunk, #loginChunk {
    width: auto;
    height: auto;
}
.welcomeMessage {
    margin:0px 0px 10px 0;
    display: inline-block;
    font-size: 16px;
}
.registerBtnContainer {
    padding:7.5px 15px;
}
.eventLogin {
    margin:0 auto;
    padding:20px;
    text-align: center;
}
/* login/register end */
/*
** HEADER END
*/

/*
** CONTENT START
*/
.content {
    height: auto;
    margin: 0px auto;
    /*padding: 0 0 15px 0px;*/
}
.s-content {
    height: auto;
    width: 100%;
}
/* video start */
.player_container {
    margin:0 auto;
}
#tpl_videoEmbed {
    position: relative;
    height: auto;
    margin: 0 auto;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#tpl_videoEmbed iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
}
.poster-play {
    width: 60px;
    height: 60px;
    position: absolute;
    margin: auto;
    top: 0%;
    left: 0%;
    right: 0%;
    cursor: pointer;
    bottom: 0%;
    background-size: contain;
    background: none;
    z-index:9999;
}
.poster-play svg {
    display: block;
}
.poster-play svg circle path {
    fill: #000;
}
.shaa_player_placeholderPlayer {
    width: 100%;
    height:auto;
    display: block;
}
.grid_player_max_width {
    max-width:1280px;
}
/* video end */

/* countdown */
#countDown {}
.tpl_B #countDown {
    background: transparent;
    max-width: 1040px;
    margin:auto;
    position:absolute;
    left:0;
    top:50%;
    z-index: 10;
    transform:
    translateY(-50%);
    text-align: center;
    right:0;
}
.cd_section {
    text-align: center;
}
#countDown {
    background: transparent;
    margin:0 auto;
}
.custom_grid_countdown {
    width: auto;
    padding:15px;
}
#countdown-container {
    margin: 0px auto;
    /*height: 95px;*/
}
#countdown h2.left {
    text-align: left;
}
#countdown h2.center {
    text-align: center;
}
#countdown h2.right {
    text-align: right;
}
#countdown-container.left {
    margin: 0;
    padding:0;
}
#countdown-container.center {
    margin: 0 auto;
    padding:0;
}
#countdown-container.right {
    margin: 0 0 0 auto;
    /*padding: 0 15px 0 0;*/
}
#countDown h2 {
    /*margin: 15px auto 0 auto !important;*/
    display: block;
    margin: 0 auto;
    width: 100%;
}
@media only screen and (min-width: 1040px){}
#countdown-container {
    width: auto;
}
#countDown.center h2 {
    text-align: center;
}
#countDown.center #countdown-container{
    margin: 0 auto;
}
#countDown.right h2 {
    text-align: right;
}
#countDown.right #countdown-container{
    margin: 0 0 0 auto;
}
#countdown-container .bullet {
    margin: auto;
    height: 4px;
    text-align: center;
}
#countdown-container .countdown-box {
    text-align: center;
    width: auto !important;
    width: calc((100% / 4) - 20px);
}
.tpl_B #countdown-container .countdown-box {
    width:120px !important;
    height:120px !important;
    border: 2px solid;
    border-radius: 100%;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    position:relative;
}
.tpl_B #countdown-container .countdown-box p{
    position: absolute;
    top:50%;
    left: 0;
    right:0;
    transform: translateY(-50%);
    margin:0;
    font-size:40px;
}
.tpl_B #countdown-container .countdown-box p span.dinamic_cd {
    font-size:40px;
}
.tpl_B .countdown-box p span {
    font-size: 16px;
    display: block;
}
@media only screen and (max-width: 650px){
    .tpl_B #countdown-container .countdown-box {
        width:70px !important;
        height:70px !important;
    }
    .tpl_B #countdown-container .countdown-box p, .tpl_B #countdown-container .countdown-box p span.dinamic_cd {
        font-size:25px;
    }
    .tpl_B .countdown-box p span {
        font-size: 12px;
    }
}
#countdown-container .cd_separator {
    position:relative;
    width:auto;
    margin: 0 10px;
    display:table;
    width:auto;
    height:100%;
}
#countdown-container .cd_separator .bullet {
    width:auto;
    height:100%;
    display:table-cell;
    vertical-align:middle;
    letter-spacing:normal;
}
#countdown-container .cd_separator .bullet span {
    border-radius:100%;
    display:block;
    width:10px;
    height:10px;
}

.countdown-box {
    background: transparent;
    font-size: 28px;
    font-weight: bold;
}
.bullet span {
    width: 5px;
    height: 5px;
}
/* countdown end */

/* box-link start*/
#box-link {text-align: center;}
#box-link .title {}
.boxes_container {
    margin: 0px auto;
    padding: 0 20px 20px 20px;
}
.box-link_section a {
    display: block;
    width: 98%;
    height: auto !important;
    min-width: 250px;
    min-height: 250px;
    border: 1px solid #808080;
    margin: 0 auto;
}
.tpl_1_boxes a{
    width: 100%;
}
.box-link_section img {
    margin: 0 auto;
    max-width:98%;
}
@media only screen and (max-width: 767px) {
    .box_L {width:100% !important; margin:0 0 10px 0 !important;}
    .box_L img {margin:0 auto !important;}
    .box_C {width:100% !important; margin:0 0 10px 0 !important;}
    .box_C img {margin:0 auto !important;}
    .box_R {width:100% !important; margin:10px 0 0 0 !important;}
    .box_R img {margin:0 auto !important;}
    #box-link .big {display: none;}
    #box-link .small {display: block;}
}
@media only screen and (min-width:768px) {
    #box-link .big {display: block;}
    #box-link .small {display: none;}
}
@media only screen and (min-width: 0px) {}
/* box-link end*/

/* easy textBox start */
.textBox {
    margin:0 auto;
}
.textBox p {
    width: auto;
}
.textBox h2 {
    display: block;
    text-align: center;
}
.textBox .tb_content {
    padding: 15px
}
/* easy textBox end */

/* box-text-img start */
#textBoxImg .textBoxImg_content {
    position: static;
    height: auto;
    width: 100%;
    min-height: 12%;
    z-index: 2;
    background: #e7e7e7;
    margin: 0px auto;
    text-align: left;
}
.textBoxImg_boxContent {
    padding:20px;
}
.textBoxImg_boxContent  h2 {
    margin:10px auto;
    text-align:center;
}
@media only screen and (max-width: 1920px){
    .lp_content_boxLeft img, .lp_content_boxRight img {
        box-sizing: border-box;
        position: absolute !important;
        inset: 0px 0px 0px 50% !important;
        inset: 50% 0px 0px 50% !important;
        width: 100% !important;
        transform: translateX(-50%) !important;
        transform: translate(-50%, -50%) !important;
        max-width: none !important;
        max-height: none !important;
    }
    .lp_content_boxLeft, .lp_content_boxRight {
        overflow: hidden;
        height: auto;
        position: relative;
    }
}
/* box-text-img end */

/*
** CONTENT END
*/

/*
** FOOTER START
*/
.footer {
    height: auto;
    max-width: none;
    margin: 0px auto;
    padding: 0px;
}
.privacy {}
/* social start*/
.tpl_B .socialContainer {
    padding: 10px 11px 0 0;
}
.social{
    /*display: table-cell;*/
    vertical-align: middle;
    width:auto;
    margin:0 auto;
}
.footer-social__nav {
    width: auto;
}
.tpl_B .footer-social__nav {
    margin: 0 0 0 auto;
}
.ul_social_style {
    margin:0;
    padding:0;
}
.li_social_style {
    display: table-cell;
    width: auto;
    height: auto;
    width: 30px;
    height: 30px;
    padding: 4px;
    /*padding:10px;
    width: 25px;
    height:25px;*/
}
.tpl_B .li_social_style {
    width: 28px;
    height: 28px;
    padding: 4px;
}
.li_social_style.first{
    /*display: table-cell;
    width: auto;
    height: auto;
    padding:10px 10px 10px 0;*/
}
.anchor_social_style{
    display: block;
    width: 100%;
    height: 100%;
}
.svg_social_style{
    width:100%;
    height: 100%;
}
@media only screen and (max-width: 600px){
    .tpl_B .svg_social_style{width:32px;}
    .tpl_B .li_social_style,
    .tpl_B .li_social_style.first {
        width:32px;
        height: 32px;
    }
}
/* social end*/

/*
** FOTTER END
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
** ACCESS MODE START
*/

/* free start */
#free #lp_header-content-login .pure-u-1-2:nth-child(2) {
    display:none !important;
}
#free .tpl_B #lp_header-content-login .pure-u-1-2:nth-child(2) {
    display:block !important;
}
#free .tpl_B #lp_header-content-login .pure-u-1-2:nth-child(2) #tpl_userInfo {
    visibility:hidden !important;
}
#free.pre #tpl_userInfo,
#free.pre .registerEvent,
#free.pre #msgBox_live,
#free.pre #msgBox_after{
    /*display:none !important;*/
    max-height: 0;
    visibility: hidden !important;
}
#free.live #tpl_userInfo,
#free.live .registerEvent,
#free.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#free.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#free.after #tpl_userInfo,
#free.after .registerEvent,
#free.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
#free.after #msgBox_after {
    visibility: visible !important;
    /*border:2px solid green;*/
}
/* free end */
/* login-unlogged start */
#login.pre #tpl_userInfo,
#login.pre .registerEvent {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#login.pre #msgBox_live,
#login.pre #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}

#login.live #tpl_userInfo,
#login.live .registerEvent,
#login.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#login.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#login.after #msgBox_after {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
/*#login.after #tpl_userInfo,*/
#login.after .registerEvent,
#login.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
/* login-unlogged end */
/* login-logged-unsubscribed start */
#login.logged.pre #tpl_userInfo,
#login.logged.pre .registerEvent {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#login.logged.pre #msgBox_live,
#login.logged.pre #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#login.logged.live #tpl_userInfo,
#login.logged.live .registerEvent,
#login.logged.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#login.logged.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#login.live #tpl_videoEmbed iframe{display:none;}
#login.logged.live #tpl_videoEmbed iframe{display:block;}
#login.live #tpl_videoEmbed #pleaseAccessMessgae{
position: absolute;
    width: 100%;
    bottom: 0;
    color: white;
    text-align: center;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 82%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    }
    #login.live.logged #tpl_videoEmbed #pleaseAccessMessgae{
        display:none;
        }
#login.logged.after #msgBox_after {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
/*#login.logged.after #tpl_userInfo,*/
#login.logged.after .registerEvent,
#login.logged.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
/* login-logged-unsubscribed end */

/* login-logged-subscribed start */
#login.logged.subscribed.pre #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#login.logged.subscribed.pre #msgBox_live,
#login.logged.subscribed.pre #msgBox_after,
#login.logged.subscribed.pre .registerEvent {
    max-height: 0;
    visibility: hidden !important;
}
#login.logged.subscribed.live #tpl_userInfo,
#login.logged.subscribed.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#login.logged.subscribed.live .registerEvent,
#login.logged.subscribed.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}

#login.logged.subscribed.after #msgBox_after {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
/*#login.logged.subscribed.after #tpl_userInfo,*/
#login.logged.subscribed.after .registerEvent,
#login.logged.subscribed.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
/* login-logged-subscribed end */
/* code-ulogged start */
#code.pre #tpl_userInfo,
#code.pre .registerEvent,
#code.pre #msgBox_live,
#code.pre #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#code.live #tpl_userInfo,
#code.live .registerEvent,
#code.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#code.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#code.live #tpl_videoEmbed iframe{display:none;}
#code.logged.live #tpl_videoEmbed iframe{display:block;}

#code.after #tpl_userInfo,
#code.after .registerEvent,
#code.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
#code.after #msgBox_after {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
/* code-ulogged end */
/* code-logged-unsubscribed start */
#code.logged.pre .registerEvent,
#code.logged.pre #msgBox_live,
#code.logged.pre #msgBox_after,
#code.logged.pre #logoutConnect {
    max-height: 0;
    visibility: hidden !important;
}
#code.logged.pre #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#code.logged.live .registerEvent,
#code.logged.live #msgBox_after,
#code.logged.live #logoutConnect {
    max-height: 0;
    visibility: hidden !important;
}
#code.logged.live #msgBox_live,
#code.logged.live #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#code.logged.after .registerEvent,
#code.logged.after #msgBox_live,
#code.logged.after #logoutConnect {
    max-height: 0;
    visibility: hidden !important;
}
#code.logged.after #msgBox_after,
#code.logged.after #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
/* code-logged-unsubscribed end */
/* code-logged-subscribed start */
#code.logged.subscribed.pre .registerEvent,
#code.logged.subscribed.pre #msgBox_live,
#code.logged.subscribed.pre #msgBox_after,
#code.logged.subscribed.pre #logoutConnect {
    max-height: 0;
    visibility: hidden !important;
}
#code.logged.subscribed.pre #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#code.logged.subscribed.live .registerEvent,
#code.logged.subscribed.live #msgBox_after,
#code.logged.subscribed.live #logoutConnect {
    max-height: 0;
    visibility: hidden !important;
}
#code.logged.subscribed.live #msgBox_live,
#code.logged.subscribed.live #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#code.logged.subscribed.after .registerEvent,
#code.logged.subscribed.after #msgBox_live,
#code.logged.subscribed.after #logoutConnect {
    max-height: 0;
    visibility: hidden !important;
}
#code.logged.subscribed.after #msgBox_after,
#code.logged.subscribed.after #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
/* code-logged-subscribed end */
/* tickets-unlogged start */
#tickets.pre #tpl_userInfo,
#tickets.pre .registerEvent {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#tickets.pre #msgBox_live,
#tickets.pre #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}

#tickets.live #tpl_userInfo,
#tickets.live .registerEvent,
#tickets.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#tickets.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#tickets.after #msgBox_after {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
#tickets.after #tpl_userInfo,
#tickets.after .registerEvent,
#tickets.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
/* tickets-unlogged end */
/* tickets-logged-unsubscribed start */
#tickets.logged.pre #tpl_userInfo,
#tickets.logged.pre .registerEvent {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#tickets.logged.pre #msgBox_live,
#tickets.logged.pre #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}
#tickets.logged.live #tpl_userInfo,
#tickets.logged.live .registerEvent,
#tickets.logged.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#tickets.logged.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}

#tickets.logged.after #msgBox_after {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
#tickets.logged.after #tpl_userInfo,
#tickets.logged.after .registerEvent,
#tickets.logged.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
/* tickets-logged-unsubscribed end */

/* tickets-logged-subscribed start */
#tickets.logged.subscribed.pre #tpl_userInfo {
    visibility: visible !important;
    /*border: 2px solid red;*/
}
#tickets.logged.subscribed.pre #msgBox_live,
#tickets.logged.subscribed.pre #msgBox_after,
#tickets.logged.subscribed.pre .registerEvent {
    max-height: 0;
    visibility: hidden !important;
}
#tickets.logged.subscribed.live #tpl_userInfo,
#tickets.logged.subscribed.live #msgBox_live {
    visibility: visible !important;
    /*border: 2px solid gold;*/
}
#tickets.logged.subscribed.live .registerEvent,
#tickets.logged.subscribed.live #msgBox_after {
    max-height: 0;
    visibility: hidden !important;
}

#logticketsin.logged.subscribed.after #msgBox_after {
    visibility: visible !important;
    /*border: 2px solid green;*/
}
#tickets.logged.subscribed.after #tpl_userInfo,
#tickets.logged.subscribed.after .registerEvent,
#tickets.logged.subscribed.after #msgBox_live {
    max-height: 0;
    visibility: hidden !important;
}
/* tickets-logged-subscribed end */

/*
** ACCESS MODE END
*/
#free .tpl_B .logoContainer {
    width:50% !important;
}
#free .logoContainer {
    width:100% !important
}
/* block section and content block section color */
/* bg--{name of main section (header, content, footer)}-{name of sub section}-block-{type of wrapper section or content section} */

/*.bg--header-block-wrapper {background: yellow;}
.bg--header-blobk-content {background: grey;}

.bg--content-block-wrapper {background: red;}

.bg--content-player-block-wrapper {background:blue;}

.bg--content-countdown-block-wrapper{background:gold;}
.bg--content-countdown-block-content {background: goldenrod;}

.bg--content-textbox-block-wrapper {background:purple;}
.bg--content-textbox-block-content {background:black;}

.bg--content-boxLink-block-wrapper {background:wheat;}
.bg--content-boxLink-block-content {background:lawngreen;}

.bg--content-textBoxImg-block-wrapper {background:tan;}
.bg--content-textBoxImg-block-content {background:peru;}

.bg--content-footer-block-wrapper {background:brown;}
.bg--content-footer-block-content {background:orangered;}

.bg--footer-block-wrapper {background: red;}
.bg--footer-block-content {background:wheat;}

.bg--footer-social-block-wrapper{background: firebrick;}
*/

/* if modal not show accedi show only on buttons mode */
/* block section fullwidth */
.fullWidth .s-header .grid_max_width {max-width:none !important}
.fullWidth .s-content .registerBtnContainer.grid_max_width {max-width:none !important}
.fullWidth .s-content .msgBox.grid_max_width {max-width:none !important}
.fullWidth .s-content .msgBox .msgBox_content  {max-width: 1280px !important; margin:0 auto;}
.fullWidth .s-content #countDown.grid_max_width {max-width:none !important}
.fullWidth .s-content .textBox.grid_max_width {max-width:none !important}
.fullWidth .s-content .textBox .tb_content {max-width: 1280px !important; margin:0 auto;}
.fullWidth .s-content .boxes_container.grid_max_width, .fullWidth .s-content .title.grid_max_width {max-width:none !important}
.fullWidth .s-content .textBoxImg_content.grid_max_width {max-width:none !important}
.fullWidth .s-footer .bg--footer-block-content.grid_max_width {max-width:none !important}

#tpl_userInfo,
#tpl_videoEmbed,
#tpl_registerBtn,
#tpl_messageBox {
    letter-spacing: normal;
}
/* DEFAULT PAGE STALE WITHOUT USER CHOICE */
.logoContainer img {
    display:block;
}
.cd_section {
    display:block;
}
.backgroundColor {
    background: #fff;
    fill: #fff;
}
.primaryColor {
    background: #e7e7e7;
    fill: #e7e7e7;
}
.text-primaryColor {
    color:#e7e7e7;
}
.secondaryColor {
    color: #808080;
    fill: #808080;
}
.bg-secondaryColor {
    background: #808080;
}
/* override template B */
.tpl_B .container {
    height: 100%;
}
@media only screen and (min-width: 1140px) {
    .tpl_B #section_3.footer {
        position: static !important;
        padding-top: 15px;
    }
}
.tpl_B .footer {
    height: auto;
    max-width: none;
    margin: 0px auto;
    padding: 0px;
    position:absolute;
    bottom:0;
}
.tpl_B .s-footer {
    max-width: 1040px;
    margin: 0px auto;
    height: auto;
    background: transparent;
}
.tpl_B .s-footer p {
    text-align:center;
    background:transparent;
    color:#fff;
}
.tpl_B .poster-play {
    width: 80px;
    height: 80px;
    top: auto;
    border: 2px solid;
    border-radius: 100%;
    bottom:25%;
}
@media only screen and (max-width: 1024px) {
    .tpl_B .poster-play {
        width: 50px;
        height: 50px;
        bottom:15%;
    }
}
@media only screen and (max-width: 600px) {
    .tpl_B .poster-play {
        width: 50px;
        height: 50px;
        bottom:10%;
    }
}

/* modal registration style */
/* modale login */
.myModal.custom {
    height: auto;
    overflow-y: auto;
}
.myModal.visible {
    z-index: 100;
    opacity: 1;
    visibility: visible;
}
.myModal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
}
.myModal a, .myModal label {
    letter-spacing: normal;
}
.pure-form label {
    line-height: 1em;
    font-size: 1em;
}
.myModal .modal-inner {
    background: white;
    width: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 440px;
    padding: 15px;
    border: 1px solid white;
    overflow: hidden;
    transition: width, height .2s ease-in-out;
}
.myModal.login .modal-inner {
    /*max-width: 400px;
    height: 240px;*/
    /*max-width: none !important;*/
    height: auto !important;
}
.myModal.custom .modal-inner {
    background: #fff;
    max-width: 800px;
    padding: 0;
    height: auto;
    transform: translateY(-50%);
    top: 50%;
    bottom: auto;
    border: none;
    max-height: none;
    border-radius: 0;
}
.myModal.custom.leftImg .modal-inner {
    max-width: 800px;
}
.myModal.custom .boxImgLeft {
    height: auto;
    position: relative;
    z-index: 101;
    background: white;
}
.myModal.custom.leftImg .boxImgLeft {
    background: transparent;
}
.myModal.custom.leftImg .boxImgLeft img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
    max-width: none;
    max-height: none;
    border: none;
}
.myModal #loginForm {
    display: none;
    margin:0;
}
.myModal #registerForm {
    /*display: none;*/
    padding:20px 0 20px 20px;
    margin:0;
}
.myModal #registerForm .rf_title{
    width:calc(100% - 20px);
}
.myModal.login #loginForm {
    display: block;
}
.myModal.custom #loginForm {
    z-index: 102;
    background: #fff;
    padding: 20px;
}
.myModal.custom input, .myModal.custom label, .myModal.custom h3 {
    font-family: "Roboto", sans-serif;
}
.content-subhead {
    font-size: 1.5em;
}
#registerForm div.error input, #loginForm div.error input {
    border-color: red;
    margin-bottom: 0;
}
.myModal.custom input, .myModal.custom label, .myModal.custom h3 {
    font-family: "Roboto", sans-serif;
}
.myModal.custom label.checkbox.subfield {
    padding-left: 34px;
    position: relative;
}
.pure-form input[type] {
    border: 2px solid #ddd;
    box-shadow: none;
    font-size: 100%;
    /* width: 100%; */
    margin-bottom: 1em;
}
.error .msg {
    display: block;
}
.msg {
    font-size: 10px;
    display: none;
    color: red;
    margin-bottom: 1em;
}
.pure-button {
    background-color: #009cdd;
    color: white;
    padding: 1em 4em;
}
.myModal.custom #loginBtn {
    font-family: "Roboto", sans-serif;
    background: #1b1b1b;
    font-size: 17px;
    background-size: contain;
    font-weight: bold;
    padding: 10px 30px;
}
.myModal.custom #loginBtn:hover {
    background:#3f3f3f;
}
.errorMsg {
    color: red;
    margin: 5px auto;
    opacity: 0;
    visibility: hidden;
    display: block;
    font-size: 12px;
}
.errorMsgSelect.show, .errorMsg.show, .errorMsgTel.show {
    visibility: visible;
    opacity: 1;
}
input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
input:checked ~ .checkmark:after {
    display: block;
}
#registerForm label.error .checkmark {
    border: 2px solid red;
}
.goToBack {
 position: absolute;
 top: 15px;
 left: 15px;
 width: auto;
}
.goToBack a {
    margin:0 !important;
}
.checkmark {
    position: absolute;
    top: auto;
    width: 25px;
    height: 25px;
    border: 2px solid rgb(204, 204, 204);;
    border-radius: 2px;
    background-color: #fff;
    left: 0;
    top:0;
    cursor: pointer;
}
.checkmark:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 5px;
    height: 10px;
    border: solid #4eb957;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/*#registerForm .rf_fieldContent.right,
#registerForm div.rf_fieldContent:nth-child(odd) {
    padding-left:20px;
}*/
#registerForm .formField {
    border-radius: 4px;
    width: calc(100% - 20px);
    border: 1px solid rgb(204, 204, 204);
    font-size: 15px;
    color: rgb(0, 0, 0);
}
#registerForm .rf_fieldContent.right .formField {
    width: calc(100%);
}
#registerForm .formField.error {
    border: 1px solid red;
}
#registerForm .formField.valid {
    border: 1px solid #4eb957;
}
.myModal label {
    margin:10px 0;
}
#registerForm .actionbox button, .actionbox a {
    margin: .5em 2em;
}
#registerForm .actionbox.pure-u-1.pure-u-md-1.is-center {
    margin-left:-10px;
}
.myModal .modal-inner #btnCloseModal{
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    background: none;
    border: none;
    padding:0;
}
.myModal .modal-inner #btnCloseModal i:hover {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    opacity:0.5;
}
.myModal .modal-inner #btnCloseModal {
    font-size:25px;
}

/* modal finish */
#btnCloseModal{visibility: hidden;opacity:0;}
.pre #loginBtn{visibility:hidden;height:0;}
.pre #login_username{pointer-events: none;}
  .live #login_username{pointer-events:auto;}
  .live #loginBtn{visibility:visible;height:auto;}
  .live #messageNoLogin{display:none;}