/*__________SHOWs_________*/
.shows-top-row {
    margin:30px 0;
}
.shows-top-row a{
  display:inline-block;
}

        .shows-top-row .head {
            font-size: 48px;
            font-weight: 400;
            line-height:1em;
            padding: 0;
            margin: 0;
            color: #000;
         

        }
.head-con  {
    cursor: pointer;
}
.head-con span.icon {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    display:inline-block;
    transition:all .5s
}
    .head-con:hover a, .head-con:hover span.icon {
        color: #666 !important
    }
.head-con.active span.icon {
    transform:rotate(90deg);
}
 .shows-top-row .head  span {
 
            font-weight: 100;
        }

 .shows-top-row  .head2 {
            font-size: 40px;
            font-weight: 200;
            padding: 0;
            margin: 0;
            color: #000
        }

 .shows-top-row  .tag {
           background-color:#555;
           display:inline-block;
           color:#Fff;
           font-size:14px;
           padding:3px 45px;
           margin-bottom:20px;
        }

 .shows-top-row  .current {
           background-color:#9e1b20;

        }



 .shows-top-row  .desc {
            font-size: 18px;
            font-weight:200;
            padding: 0;
            margin-top: 20px;
           color: #000;
            width:70%;
        }






 

    .upcoming-row{
        display:flex;
    }

        .upcoming-row .img-con,
         .upcoming-row .txt-con{
        flex:1 0 0;
        max-width:50%;
    }


        .upcoming-row .img-con {
            aspect-ratio:1/1
        }


                .upcoming-row .img-con img {
        width:100%;
        height:100%;
        object-fit:cover;
        }



 .upcoming-row .txt-con  {
         display:flex;
         align-items:flex-end;
         background-color:#ddd;
        }
  .upcoming-row .txt-con .txt {
      padding:45px;
        }




  
  .upcoming-row .txt-con .head1 {
            font-size: 36px;
            font-weight: 400;
            line-height:1em;
            padding: 0;
            margin: 0;
            color:#000;
        }

          

 

  .upcoming-row .txt-con .tag {
           background-color:#555;
           display:inline-block;
           color:#Fff;
           font-size:14px;
           padding:3px 45px;
           margin-bottom:20px;
        }

                


  .upcoming-row .txt-con .desc {
            font-size: 18px;
            font-weight:200;
            padding: 0;
            margin: 20px 0 30px 0;
        }




.shows-row{

}

.shows-row .shows-item {
      margin-bottom:30px;

    display:flex;
    align-items:flex-end
}

.shows-row .shows-item .img-con{
  width:320px;
  min-width:320px;
  margin-right:30px;
}

.shows-row .shows-item .img-con img{
  width:100%;

}

.shows-row .shows-item .txt-con .head{
        font-size: 20px;
    color: #000;
    margin: 0;
    font-weight: 400;
}

.shows-row .shows-item .txt-con .desc{
    font-size: 16px;
    font-weight: 200;
    padding: 0;
    margin: 20px 0;
    color:#555;
}






.show-row{
    display:flex;
}


.show-row .img-con{
   flex:1 0 0;
   max-width:50%;
   margin-right:45px;
}
.show-row .img-con img{
   width:100%;
}

.show-row.art-row .img-con img:not(:last-of-type){
   margin-bottom:30px
}


.show-row .txt-con{
   flex:1 0 0;
   max-width:50%;

}


.show-row .txt-con .head1{
        font-size: 28px;
    color: #000;
    margin: 0;
    font-weight: 400;
    margin-top:20px
}

.show-row .txt-con .head2{
        font-size: 18px;
    color: #000;
    margin: 0;
    margin-bottom:30px;
    font-weight: 200;

}

.show-row .txt-con .desc{
        font-size: 14px;
    margin:30px 0;

    font-weight: 300;
    background-color:#eee;
    padding:30px;

}

.show-row.art-row .txt-con .desc{
    margin-bottom:0;
}
.show-row .txt-con .btn-con{
    margin:30px 0;

}

.show-row .txt-con .btn-con .button{
      min-width:220px;

}
.show-row .txt-con .details-con{
    margin:30px 0;

}


.show-row .txt-con .details-con .detail-item{
   display:flex;

}

.show-row .txt-con .details-con .detail-item .ttl{
font-size:16px;
font-weight:200;
min-width:100px;
margin-bottom:5px;
}

.show-row .txt-con .details-con .detail-item .val{
flex-grow:1;
font-size:16px;
font-weight:300;
}



.show-row .txt-con .details-con .detail-item .val ul{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}

.show-row .txt-con .details-con .detail-item .val ul li{
margin-right:5px;
margin-bottom:3px;
}

.show-row .txt-con .details-con .detail-item .val ul li:not(:last-child):after{
content:',';
}

.show-row .txt-con .details-con .detail-item .val ul li a{
display:inline-block;
color:#000;
border-bottom:1px solid #000;
transition:all 0.3s;
}

.show-row .txt-con .details-con .detail-item .val ul li a:hover{

color:#9e1b20;
border-bottom:1px solid #9e1b20;
}







.arts-con{
    display:grid;

    grid-template-columns: repeat(3, 1fr);
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom:30px;
}

.arts-con .art-item.big-item{
 grid-column: span 2;
  grid-row: span 2;
}

.arts-con .art-item .img-con{
   aspect-ratio:1/1;
   overflow:hidden;
   margin-bottom:10px;
}

.arts-con .art-item .img-con img{
   width:100%;
   height:100%;
   object-fit:cover;
    transition: all 0.7s;
}

.arts-con .art-item:hover .img-con img {
    transform: scale(1.1);
}


.arts-con .art-item .head {
    font-size: 16px;
    margin: 0;

    font-weight: 400;
        color:#000;
}


.arts-con .art-item .desc {
    font-size: 14px;
    margin: 0;
    font-weight: 200;
    color:#000;
}


.gallery-con{
    display:grid;

    grid-template-columns: repeat(4, 1fr);
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom:30px;
}

.gallery-con .gallery-item .img-con{
   aspect-ratio:1/1;
   overflow:hidden;

}
.gallery-con .gallery-item .img-con img{
   width:100%;
   height:100%;
   object-fit:cover;
    transition: all 0.7s;
}

.gallery-con .gallery-item:hover .img-con img {
    transform: scale(1.1);
}






.lg-backdrop {
    background-color: #000;

}

.lg-icon {

    font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-toolbar .lg-icon {
    font-size:28px;
}
.lg-actions .lg-next {
    right: 0
}

.lg-actions .lg-prev {
    left: 0
}

.lg-actions .lg-next, .lg-actions .lg-prev {
        background:transparent;
    border-radius: 0;
    font-size:28px;
}
.lg-toolbar  {
    background:transparent
}
.lg-toolbar .lg-close:after {
    content: "\e901";
}


.lg-actions .lg-next:before{
      content: "\e904";
}
.lg-actions .lg-prev:after {
    content: "\e903";
}








/*______________ARTISTS_____________*/


.artists-row{
    display:flex;
    margin-bottom:90px;
}


.artists-row .img-col{
  flex:1 0 0;
  max-width:50%;
}
.artists-row .img-col .img{
   position:relative;
   width:100%;
   aspect-ratio:1/1;
}
.artists-row .img-col .img .bg{
   position:relative;
   width:100%;
   height:100%;
   background-size:cover;
   background-position:center;
   transition:all 0.5s;
}


.artists-row .txt-col{
  flex:1 0 0;
  max-width:50%;

}
.artists-row .txt-col .artists-list {
    margin-right:45px;
}

.artists-row .txt-col .artists-list .ttl{
font-size:24px;
color:#000;
font-weight:400;
}

.artists-row .txt-col ul{
list-style:none;
padding:0;
margin:0;
}


.artists-row .txt-col ul li a{
display:inline-block;
color:#000;
transition:all 0.3s;
text-transform:uppercase
}
.artists-row .txt-col ul li a:hover,
.artists-row .txt-col ul li a:focus,
.artists-row .txt-col ul li a.in
{
color:#9e1b20;
}





.artists-row .txt-col ul li a .head{
font-weight:200;
margin:0;
font-size:18px;

}

.artists-row .txt-col ul li a .head span{
font-weight:300;

}





.artist-row{
    display:flex;

}


.artist-row .img-con{
   flex:1 0 0;
   max-width:50%;

}
.artist-row .img-con img{
   width:100%;
}



.artist-row .txt-con{
   flex:1 0 0;
   max-width:50%;
   margin-right:45px;
   padding-top:15px;
}
.artist-row .txt-con .photo{
   width:90px;
   height:90px;
}
.artist-row .txt-con .photo img{


      width:100%;
   height:100%;
   object-fit:cover;
}


.artist-row .txt-con .head1{
        font-size: 28px;
    color: #000;
    margin: 0;
    font-weight: 400;
    margin-top:20px
}

.artist-row .txt-con .head2{
        font-size: 18px;
    color: #000;
    margin: 0;
    margin-bottom:30px;
    font-weight: 200;

}

.artist-row .txt-con .desc{
        font-size: 14px;
    font-weight: 300;

}





/*________________ARTWORKS________________*/


.art-desc-row{
    margin:30px 0;
}

.art-desc-row .desc{
    width:50%;
}

.arts-row{
    margin-bottom:90px;
}






@media(max-width:1199px) {



}
@media(max-width:991px) {

}
@media(max-width:767px) {
    /*__________SHOWs_________*/
    .shows-top-row {
        margin: 15px 0;
    }


        .shows-top-row .head {
            font-size: 36px;
        }


        .shows-top-row .head2 {
            font-size: 28px;
        }

        .shows-top-row .tag {
            font-size: 10px;
            padding: 3px 30px;
            margin-bottom: 15px;
        }


        .shows-top-row .desc {
            font-size: 14px;
            margin-top: 15px;
            width: 100%;
        }






    .upcoming-row {
        flex-direction: column;
    }

        .upcoming-row .img-con,
        .upcoming-row .txt-con {
            min-width: 100%;
            max-width: 100%;
        }




            .upcoming-row .txt-con .txt {
                padding: 20px;
            }





            .upcoming-row .txt-con .head1 {
                font-size: 24px;
            }





            .upcoming-row .txt-con .tag {
                font-size: 10px;
                padding: 3px 30px;
                margin-bottom: 15px;
            }




            .upcoming-row .txt-con .desc {
                font-size: 14px;
                margin: 15px 0 20px 0;
            }




    .shows-row {
    }

        .shows-row .shows-item {
            margin-bottom: 15px;
        }

            .shows-row .shows-item .img-con {
                width: 120px;
                min-width: 120px;
                margin-right: 15px;
            }


            .shows-row .shows-item .txt-con .head {
                font-size: 16px;
            }

            .shows-row .shows-item .txt-con .desc {
                font-size: 12px;
                margin: 10px 0 0 0;
            }






    .show-row {
        flex-direction: column;
    }

        .show-row.art-row {
            flex-direction: column-reverse;
        }

        .show-row .img-con {
            min-width: 100%;
            max-width: 100%;
            margin-right: 0;
        }


        .show-row.art-row .img-con img:not(:last-of-type) {
            margin-bottom: 15px;
        }


        .show-row .txt-con {
            min-width: 100%;
            max-width: 100%;
        }


            .show-row .txt-con .head1 {
                font-size: 24px;
                margin-top: 15px;
            }

            .show-row .txt-con .head2 {
                font-size: 14px;
                margin-bottom: 15px;
            }

            .show-row .txt-con .desc {
                font-size: 12px;
                margin: 15px 0;
                padding: 15px;
            }

        .show-row.art-row .txt-con .desc {
            margin-bottom: 15px;
        }

        .show-row .txt-con .btn-con {
            margin: 15px 0;
        }

            .show-row .txt-con .btn-con .button {
                min-width: 180px;
            }

        .show-row .txt-con .details-con {
            margin: 15px 0;
        }



            .show-row .txt-con .details-con .detail-item .ttl {
                font-size: 12px;
                min-width: 80px;
            }

            .show-row .txt-con .details-con .detail-item .val {
                font-size: 12px;
            }






    .arts-con {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        margin-bottom: 20px;
    }


        .arts-con .art-item .img-con {
            margin-bottom: 7px;
        }

        .arts-con .art-item .head {
            font-size: 12px;
        }


        .arts-con .art-item .desc {
            font-size: 10px;
        }


    .gallery-con {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-bottom: 20px;
    }

    .lg-toolbar .lg-icon {
        font-size: 20px;
    }

    .lg-actions .lg-next, .lg-actions .lg-prev {
        font-size: 20px;
    }



    /*______________ARTISTS_____________*/


    .artists-row {
        display: flex;
        margin-bottom: 45px;
    }


        .artists-row .img-col {
            display: none;
        }

        .artists-row .txt-col {
            flex: 1 0 0;
            max-width: 100%;
        }

            .artists-row .txt-col .artists-list {
                margin-right: 0;
            }

                .artists-row .txt-col .artists-list .ttl {
                    font-size: 20px;
                }


            .artists-row .txt-col ul li a .head {
                font-size: 16px;
            }



    .artist-row .img-con {
        display: none;
    }


    .artist-row .txt-con {
        max-width: 100%;
        margin-right: 0;
        padding-top: 10px;
    }

        .artist-row .txt-con .photo {
            width: 60px;
            height: 60px;
        }

        .artist-row .txt-con .head1 {
            font-size: 24px;
            margin-top: 15px;
        }

        .artist-row .txt-con .head2 {
            font-size: 14px;
            margin-bottom: 15px;
        }

        .artist-row .txt-con .desc {
            font-size: 12px;
        }





    /*________________ARTWORKS________________*/


    .art-desc-row {
        margin: 20px 0;
    }

        .art-desc-row .desc {
            width: 100%;
            font-size: 12px;
        }

    .arts-row {
        margin-bottom: 45px;
    }
}