/* Additional - Header */
.outer-wrap{width: 100%; float: left;}


/* white background (DEFAULT) */

.outer-wrap .top-padding-header{padding: 0 0 32px 0;width: 100%; float: left; }
.outer-wrap .top-padding-header.fon-white{border-bottom: 1px solid #d9d9d9;}

.title-wrap{width: 100%; float: left; margin: 24px 0;}
.title-wrap.border-grey-button{ margin: 24px 0 0 0; padding: 0 0 16px 0; width: auto; min-width: 68%;}

.border-red-left h1,
.border-red-left .title-h1{color:#2f2f2f; font-size: 4.4em; line-height: 1.1em; font-family:montserratmedium, sans-serif;
    margin: 0; padding: 0; text-transform: none;}
.border-red-left h1 span,
.border-red-left .title-h1 span{font-family: montserratextralight, sans-serif; font-weight: normal;}
.border-red-left p{color: #3b3b3b; font-size: 1.4em; line-height: 1.4em; font-family:montserratlight, sans-serif;
    margin: 0; padding: 8px 0 4px 0; }
.border-red-left p a{color: #3b3b3b;}
.border-red-left p span.glyphicon{color: #cf1c35;}
.border-red-left p span img {height: 15px; width: auto; position: relative;top:-3.5px;}


.border-red-left p.address{padding-top:16px; }
.border-red-left p.subtitle.tickets{ color:#4F4F4F; padding: 4px 0 0 0;
    font-size: 2.4em; line-height: 1em; font-family: montserratlight, sans-serif;}


.venue-links{width: 100%; float: left; padding:0; margin:0;}
.venue-links  .btn.btn-default{background: #fbfbfb; border: 1px solid #e4e4e4 !important; border-radius: 4px;
    color: #4f4f4f;font-size: 14px; font-family:montserratlight, sans-serif; margin-right: 16px;
    white-space: normal;padding: 8px 16px;}
.venue-links .btn.btn-default:last-child{margin-right: 0;white-space: nowrap;}
.venue-links img{width: 20px; position: relative; top:-3px; margin-right: 4px; height: 20px;}


.description-wrap{ width: 100%;float:left;}
.description-wrap.notes {width: 68%;float:left; padding: 16px 4px 0 0;}

.description-wrap p{color: #4f4f4f; font-family: montserratlight, sans-serif; text-align: left;
    margin: 0 0 15px 0; line-height: 1.4; font-size: 1.4em;}
.description-wrap p:last-child{margin: 0;}


/* dark background (OPTION) */
.outer-wrap .color-text .border-red-left h1{color: #fff;}
.outer-wrap .color-text .description-wrap p,
.outer-wrap .color-text .border-red-left p.subtitle.tickets{color: #fff;}
.outer-wrap .color-text .border-grey-button {border-bottom: 1px solid rgba(242, 242, 242, 0.2);}
.outer-wrap .color-text .border-red-left p.address{color: #F3F3F3}


/* dark background + img (OPTION) */
.outer-wrap .top-padding-header.with-img{padding: 0; }

.with-img .block-columns{display: flex;flex-direction: row; justify-content: flex-end;}
.page-venue .with-img .block-columns{justify-content: flex-start;}

.with-img .block-columns .info{flex-wrap: wrap; display: flex; min-height: 324px; order: 1;
    flex: 0 0 calc(100% - 460px); max-width: calc(100% - 460px); }

/* venue page + img */
.page-venue .with-img .block-columns .info{ flex: 0 0 calc(100% - 60px); max-width: calc(100% - 60px); }

.page-venue .with-img .block-columns .info {z-index:50;}
.with-img .block-columns .info .button-position{ align-self: flex-end; padding-bottom: 24px; padding-top: 24px;
    flex: 0 0 100%; max-width: 100%; width: 100%}
.with-img .block-columns .info .title-wrap{margin: 0; padding: 0; }


.outer-wrap .color-text .border-red-left p.subtitle.tickets {color:#CDCDCD;}

.with-img .block-columns .info .description-wrap{padding: 16px 0 0 0;width: 92%;
    font-family: montserratextralight, sans-serif;}
.with-img .block-columns .info .message.description-wrap { width: auto; padding: 8px 16px;
    margin-top: 16px; background: #D1E4FF;  border-radius: 4px; border-left: none;}
.with-img .block-columns .info .message.description-wrap .text svg{margin-right: 6px;}

.with-img .block-columns .img { width: 460px;  overflow: hidden; height: 324px; order: 2;}
.page-venue .with-img .block-columns .img {
    right: 0;
    height: 324px;
    width:auto;
    z-index: 1;
}
.with-img .block-columns .img img{width: 100%; height: auto;  position: relative; top:-20px;pointer-events: none;}
.page-venue .with-img .block-columns .img img{top:-45px; opacity: 0.8;}
.with-img .block-columns .img .generator{width: 460px; height: 324px; top:0; z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#202020+10,1e1e1e+90&1+0,1+20,0.3+35,0+40,0+60,0.3+65,1+80,1+100 */
    background: -moz-linear-gradient(-90deg,     rgba(32,32,32,1) 0%, rgba(32,32,32,1) 4%, rgba(32,32,32,0.8) 8%, rgba(32,32,32,0.4) 16%, rgba(32,32,32,0) 20%, rgba(31,31,31,0) 80%, rgba(31,31,31,0.4) 84%, rgba(32,32,32,0.8) 92%, rgba(32,32,32,1) 96%, rgba(32,32,32,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-90deg,  rgba(32,32,32,1) 0%, rgba(32,32,32,1) 4%, rgba(32,32,32,0.8) 8%, rgba(32,32,32,0.4) 16%, rgba(32,32,32,0) 20%, rgba(31,31,31,0) 80%, rgba(31,31,31,0.4) 84%, rgba(32,32,32,0.8) 92%,rgba(32,32,32,1) 96%,rgba(32,32,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg,           rgba(32,32,32,1) 0%, rgba(32,32,32,1) 4%, rgba(32,32,32,0.8) 8%, rgba(32,32,32,0.4) 16%, rgba(32,32,32,0) 20%, rgba(31,31,31,0) 80%, rgba(31,31,31,0.4) 84%, rgba(32,32,32,0.8) 92%,rgba(32,32,32,1) 96%,rgba(32,32,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#1e1e1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.page-venue .block-columns .img .generator{
    width: 100%;
    background: linear-gradient(90deg, #1E1E1E 0%, rgba(30, 30, 30, 0) 30%, rgba(0,0,0,0) 70%, #1E1E1E 100%);
}


/* img background (Page - HOME) - p-index.css */


/* img background (Page - Buyerguarantee | About | Termsandprivacy | Selltickets (!!!different) ) */
.page-content .border-red-left h1,
.page-content .border-red-left .title-h1{color:#fff; line-height: 1.1em; text-transform: none;}
.fon-about-ts-dark .border-red-left h1 { margin: 0 0 7px 0;}


/* white background (Page - VENUS) - (DEFAULT) */

/* white background (Page - PERFORMER)  */

/* dark background + img (Page - PERFORMER)  */

/* dark background + img (Page - VENUS)  */
.with-img .venue-links {margin: 16px 0 0 0;}
.with-img .venue-links  .btn.btn-default{background: #232323; border: 1px solid #2E2E2E !important; color: #fff;}
.page-venue .with-img .block-columns .border-red-left p span img {height: 15px; width: auto; position: relative;top:-3.5px;}

/* dark background (Page - CATEGORY)  */

/* white background  (Page - ACTIVITIES) - main.css (not-work)  */

/* white background  (Page - SEARCH) */
.page-search .outer-wrap .top-padding-header { padding:0;}



/* dark background  (Page - REGION) */

/* dark background  (Page - THIS WEEK) */

/* white background  (Page - EVENTS) */





@media (max-width: 1199.98px) {

    /* dark background + img (OPTION) */
    .with-img .block-columns .img{width: 340px;height: 300px;}
    .with-img .block-columns .img .generator {width: 340px;height: 300px;}
    .page-venue .with-img .block-columns .img .generator {
        width: 100%;
        height: 100%;
    }


    .with-img .block-columns .info {flex: 0 0 calc(100% - 340px); max-width: calc(100% - 340px);min-height: 300px;}

    .with-img .border-red-left h1 {font-size: 3.6em;}

    .page-venue .with-img .block-columns .img img {
        width: 100%;
        height: 100%;
        top:0;
    }

    .page-venue .with-img .block-columns .img {
        height: 100%;
    }

}






@media (max-width: 1080px){

    /* white background (DEFAULT) */
    .title-wrap p span{float: left;}
    .title-wrap p span:first-child{margin-right: 4px;}

}


@media (max-width: 992px) {

    /* white background (DEFAULT) */
    .notes.description-wrap{width: 100%;}

    /* dark background + img (OPTION) */
    .with-img .block-columns .img{width: 300px;height: 300px;}
    .with-img .block-columns .img .generator {width: 300px;height: 300px;}
    .with-img .block-columns .img img{top:0;}
    .page-venue .with-img .block-columns .img {
        width: 100%;
        height: 100%;
    }
    .page-venue .with-img .block-columns .img img {
        top:0;
        height: 100%;
    }
    .page-venue .with-img .venue-links .btn.btn-default {
        font-size: 12px;
    }

    .with-img .block-columns .info {flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px);min-height: 300px;}
    .page-venue .with-img .block-columns .info {
        min-height: 270px;
    }
    .page-venue .with-img .block-columns .img .generator {
        height: 100%;
    }
    .page-venue .with-img .block-columns {
        overflow: hidden;
    }

    .with-img .border-red-left h1 {font-size: 3.4em;}
    .with-img .border-red-left p.subtitle.tickets {font-size: 2em;}
    .with-img .message.description-wrap .text p{font-size: 1.2em;}



}


@media (max-width: 767px) {

    /* white background (DEFAULT) */
    .title-wrap.border-grey-button { padding: 0 0 15px 0;}
    .border-red-left h1{font-size: 3.2em;}
    .border-red-left p.subtitle.tickets{ font-size: 2em; padding:4px 0 0 0 ;}

    .notes.description-wrap { padding: 10px 5px 0 0;}

    .venue-links { width: 100%; max-width: 450px;}
    .venue-links .btn.btn-default{width: 48%; margin-right: 4%; float: left;}

    .description-wrap p{line-height: 1.42857143;}


    /* dark background + img (OPTION) */
    .with-img .block-columns {flex-direction: column; position: static;}
    .page-venue .with-img .block-columns {
        flex-direction: column;
        position: relative;
    }
    .with-img .container { padding:0; width: 100%}

    .with-img .block-columns .img{ height: 300px; order: 1; width: 100%; display: block;}
    .with-img .block-columns .img img{top:-50px; opacity: 1; width: 460px; margin: 0 auto; display: block;}
    .with-img.mlb-team .block-columns .img img{top:-30px;}
    .page-venue .with-img .block-columns .img {
        position: relative;
        width: 375px;
        height: 375px;
        overflow: visible;
        margin: 0 auto;
    }
    .page-venue .with-img .block-columns .img img {
        top:0;
        left: -50%;
        width: 767px;
        height: 375px;
    }
    .with-img .block-columns .img .generator{height: 300px; width: 460px; display: block;
        top: 50%;left: 50%; transform: translate(-50%, -50%); }
    .page-venue .with-img .block-columns .img .generator {
        width: 767px;
        height: 375px;
        background: linear-gradient(0deg, #1E1E1E 0%, rgba(30, 30, 30, 0) 75%);
    }


    .with-img .block-columns .info {height: auto; padding: 0 15px; order: 2;
        flex: 0 0 100%; max-width: 100%;  min-height: auto;}

    /* venue page + img */
    .page-venue .with-img .block-columns .info{ flex: 0 0 100%; max-width: 100%; }

    .with-img .block-columns .info .button-position{ padding-top: 0;}

    .with-img .block-columns .info .title-wrap,
    .with-img .block-columns .info .description-wrap,
    .with-img .block-columns .info .breadcrumbs,
    .with-img .block-columns .info .message.description-wrap{width: 100%;}

    .with-img .title-wrap.for-mobile-img{bottom: 0; z-index: 2; margin: 0; padding: 24px 15px 0 15px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#202020+96,202020+100&0+30,1+98 */
        background: -moz-linear-gradient(top,     rgba(32,32,32,0) 2%, rgba(32,32,32,0.30) 30%, rgba(32,32,32,1) 60%, rgba(32,32,32,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(32,32,32,0) 2%,rgba(32,32,32,0.30) 30%,rgba(32,32,32,1) 60%,rgba(32,32,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,    rgba(32,32,32,0) 2%,rgba(32,32,32,0.30) 30%,rgba(32,32,32,1) 60%,rgba(32,32,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00202020', endColorstr='#202020',GradientType=0 ); /* IE6-9 */
    }
    .page-venue .with-img .title-wrap.for-mobile-img {
        bottom: 0;
        background: none;
        position: relative;
    }

    /* dark background + img (Page - VENUS)  */
    .page-venue .with-img .block-columns .border-red-left p span img {top:0;}
    .page-venue .with-img .block-columns .info {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }
}


@media (max-width: 640px) {

    /* white background (DEFAULT) */

    .venue-links .btn.btn-default{font-size: 12px; width: auto; margin-right: 8px;}
    .venue-links img{width: 16px; height: 16px;}


    /* img background (Page - Buyerguarantee | About | Termsandprivacy | Selltickets (!!!different) ) */
    .page-content .border-red-left h1,
    .page-content .border-red-left .title-h1{font-size: 3em;line-height: 1.2em;}

}

@media (max-width: 460px) {

    /* white background (DEFAULT) */
    .border-red-left h1.long {font-size: 2em}
    .border-red-left p{font-size: 1.2em}

    .venue-links .btn.btn-default{padding: 8px 12px;}

    .top-padding-header .description-wrap p{font-size: 1.2em; line-height: 1.4em;}


    /* dark background + img (OPTION) */
    .with-img .block-columns .img img{ width:100%;}
    .page-venue .with-img .block-columns .img .generator {
        background: linear-gradient(0deg, #1E1E1E 0%, rgba(30, 30, 30, 0) 75%);
    }
    .with-img .block-columns .img .generator {
        background: none;
    }
    .with-img .title-wrap.for-mobile-img{}

    /* img background (Page - Buyerguarantee | About | Termsandprivacy | Selltickets (!!!different) ) */
    .page-content .border-red-left h1,
    .page-content .border-red-left .title-h1{font-size: 2.4em; margin-bottom: 5px; line-height: 1.3em;}

    .page-venue .with-img .block-columns {
        width: 100%;
        height: auto;
    }
    .page-venue .with-img .block-columns .img {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        right: auto;
    }

    .page-venue .with-img .block-columns .img img{
        width: 100%;
        height: auto;
        top:0;
        left: auto;
    }
    .page-venue .with-img .block-columns .img .generator {
        height: 460px;
    }
}

@media (max-width: 400px) {
    .page-venue .with-img .venue-links img{display: none;}
}

@media (max-width: 360px) {

    /* white background (DEFAULT) */
    .venue-links img{display: none;}

    /* img background (Page - Buyerguarantee | About | Termsandprivacy | Selltickets (!!!different) ) */
    .page-content .border-red-left h1,
    .page-content .border-red-left .title-h1{font-size: 1.8em; line-height: 1.5em; }

    .page-venue .with-img .block-columns .img img{top:0px;}

}

@media (max-width: 360px) {
    .page-venue .with-img .venue-links .btn.btn-default {
        font-size: 11px;
    }
}

@media (max-width: 320px) {

    /* white background (DEFAULT) */
    .border-red-left h1{font-size: 2.8em;}
    .border-red-left p.subtitle.tickets {font-size: 1.6em;}

    /* dark background + img (OPTION) */
    .with-img .block-columns .img img{top:0;}
    .page-venue .with-img .block-columns .img img{top:0px;}


}