.events-head-row{
background: #ffffff;
background: linear-gradient(183deg, rgba(255, 255, 255, 1) 10%, rgba(217, 217, 217, 1) 79%);
margin-bottom:-1px;
}
.events-head-row .head-con{
 margin-top:90px;
 margin-bottom:45px;
}
.events-head-row .head-con .head{
    font-weight:700;
    color:#000;
    margin:0;
font-size:28px;
}
.events-head-row .desc-con{
 margin-top:45px;
 margin-bottom:45px;
}
.events-head-row .desc-con .desc{
    font-weight:200;
    color:#000;
    margin:0;
font-size:16px;
}
.events-filter-row{
    border-bottom:1px solid #000;
    background-color:#d9d9d9;
    padding:15px 0;
}
.events-filter-row .filter-con{
  display:flex;
  flex-wrap:wrap;
}
.events-filter-row .filter-con .f-item{
  color:#888;
  transition:all 0.3s;
outline:0;
    margin:5px 0;
  margin-left:30px;
}
.events-filter-row .filter-con .f-item.active,
.events-filter-row .filter-con .f-item:hover{
  color:#000
}
.events-filter-row .filter-con .f-item .ttl{
  font-size:18px;
  font-weight:700
}
.events-filter-row .filter-con .f-item .count{
    font-size:16px;
  font-weight:200
}
.events-row{
background: #ffffff;
background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(217, 217, 217, 1) 75%);
padding-bottom:180px;
}
.events-row .events-con{
}
.events-row .events-con .e-item{
    display:flex;
    border-bottom:2px solid #fff;
    padding:30px 0;
    align-items:flex-end;
}
.events-row .events-con .e-item .img-col{
    min-width:320px;
    max-width:480px;
}
.events-row .events-con .e-item .img-col .img-con{
    aspect-ratio:1/1;
}
.events-row .events-con .e-item.finished .img-col .img-con{
    aspect-ratio:3/2;
}
.events-row .events-con .e-item .img-col .img-con img{
    width:100%;
    height:100%;
    object-fit:cover;
        -webkit-transition: all .5s;
    transition: all .5s;
}
.events-row .events-con .e-item.finished .img-col .img-con img{
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.events-row .events-con .e-item.finished:hover .img-col .img-con img{
        filter: none;
        -webkit-filter: grayscale(0%);
}
.events-row .events-con .e-item .txt-col{
    flex-grow:1;
}
.events-row .events-con .e-item .txt-col .txt-con{
    padding-right:45px;
}
.events-row .events-con .e-item .date-con{
    border-right:6px solid #000;
    padding-right:20px;
    display:inline-block;
}
.events-row .events-con .e-item .date-con a{
    outline:0;
}

.events-row .events-con .e-item .date-con .ttl{
    font-size:16px;
    font-weight:700;
    margin-bottom:5px;
    color:#000;
}
.events-row .events-con .e-item .date-con .date{
    font-size:14px;
    font-weight:200;
    color:#000;
}
.events-row .events-con .e-item .head-con{
    margin:45px 0;
}
.events-row .events-con .e-item .head-con a{
    outline:0;
}
.events-row .events-con .e-item .head{
     display:inline-block;
    color:#000;
  font-weight:700;
  margin:0;
  font-size:24px;
}
.events-row .events-con .e-item .desc-con{
    margin:0;
}
.events-row .events-con .e-item .desc-con .desc{
    font-size: 16px;
    font-weight: 200;
    color: #000;
}
.events-row .events-head{
   margin-top:45px;
}
.events-row .events-head .head{
    display:inline-block;
    color:#000;
  font-weight:700;
  margin:0;
  font-size:24px;
}
.events-row .events-head .head span{
    display:block;
  font-weight:200;
  font-size:20px;
}
.events-row .more-con{
    padding:30px 0;
}
.event-top-row{
    position:relative;
    height:25vw;
    min-height:320px;
    z-index:10
}
.event-top-row .bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
      z-index:2;
    background-color:#222;
}
.event-top-row .bg img{
    position:absolute;
    width:100%;
    height:100%;
     top:0;
    left:0;
    object-fit:cover;
        mix-blend-mode: overlay;
}
.event-top-row .bread-row{
    position:relative;
        z-index:3;
}
.event-row{
    position:relative;
    z-index:12;
    background: #D9D9D9;
background: linear-gradient(6deg, rgba(217, 217, 217, 1) 16%, rgba(255, 255, 255, 1) 82%);
margin-bottom:-1px;
}
.event-row .event-con{
   display:flex;
}
.event-row .event-con .img-col{
   max-width:560px;
   min-width:480px;
}
.event-row .event-con .img-col .img-con{
  margin-top:-120px;
}
.event-row .event-con .img-col .img-con img{
   width:100%;
}
.event-row .event-con .txt-col{
  flex-grow:1;
}
.event-row .event-con .txt-col .txt-con{
 padding:45px 45px 45px 0;
}
.event-row .event-con .txt-col .date-con{
    border-right:6px solid #000;
    padding-right:20px;
    display:inline-block;
}
.event-row .event-con .txt-col .date-con a{
   outline:0;
}
.event-row .event-con .txt-col .date-con .ttl{
    font-size:18px;
    font-weight:700;
   margin-bottom:5px;
    color:#000;
}
.event-row .event-con .txt-col .date-con .date{
    font-size:16px;
    font-weight:200;
    color:#000;
}
.event-row .event-con .txt-col .head-con{
    margin-bottom:45px;
}
.event-row .event-con .txt-col .head{
     display:inline-block;
    color:#000;
  font-weight:700;
  margin:0;
  font-size:28px;
}
.event-row .event-con .txt-col .desc-con{
    margin-bottom:45px
}
.event-row .event-con .txt-col .desc-con .desc{
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.event-row .event-con .txt-col .text-con{
    margin:45px 0
}
.event-row .event-con .txt-col .text-con .text{
    font-size: 16px;
    font-weight: 200;
    color: #000;
}
.event-row .gallery-con{
    width: 100%;
    grid-template-columns: repeat(6, 1fr);
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    overflow: hidden;
    margin:90px 0;
}
.event-row .gallery-con .g-item{
    position:relative;
    aspect-ratio:1/1;
}
.event-row .gallery-con .g-item img{
       position:absolute;
    width:100%;
    height:100%;
     top:0;
    left:0;
    object-fit:cover;
}
.stores-row{
background: #ffffff;
background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(217, 217, 217, 1) 75%);
padding-bottom:180px;
padding-top:90px
}
.stores-con .s-item{
    width:calc(50% - 15px);
}
.stores-con .s-item a{
   outline:0;
}
.stores-con .s-item:nth-child(2){
    margin-top:120px;
}
.stores-con .s-item .img-col .img-con img{
   width:100%;
}
.stores-con .s-item .txt-col{
  margin-bottom:45px;
}
.stores-con .s-item .txt-con{
  display:flex;
  justify-content:space-between;
  padding-top:15px;
}
.stores-con .s-item .txt-con .head-con{
 margin-left:45px;
}
.stores-con .s-item .txt-con .head-con .head{
 margin:0;
 font-size:24px;
 font-weight:700;
 color:#000;
 white-space:nowrap;
}
.stores-con .s-item .txt-con .info-con{
 max-width:360px;
 text-align:left
}
.stores-con .s-item .txt-con .info-con .info{
 margin:0;
 font-size:16px;
 font-weight:200;
 color:#000;
}
.store-top-row{
    position:relative;
    height:30vw;
    min-height:360px;
    z-index:10;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.store-top-row .bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
      z-index:2;
    background-color:#222;
}
.store-top-row .bg img{
    position:absolute;
    width:100%;
    height:100%;
     top:0;
    left:0;
    object-fit:cover;
        mix-blend-mode: overlay;
}
.store-top-row .bread-row{
    position:relative;
        z-index:3;
}
.store-top-row .head-row{
    position:relative;
        z-index:3;
}
.store-top-row .head-row .head-con{
   padding:45px 0
}
.store-top-row .head-row .head-con .head{
  margin:0;
  font-size:32px;
  color:#fff;
  font-weight:700
}
.store-top-row .head-row .head-con .head span{
display:block;
  font-weight:200;
  font-size:20px;
  margin-bottom:5px;
}
.store-row{
    position: relative;
    z-index: 12;
    background: #D9D9D9;
    background: linear-gradient(4deg, rgba(217, 217, 217, 1) 16%, rgba(255, 255, 255, 1) 82%);
    margin-bottom: -1px;
}
.store-row .store-con{
    display:flex;
    margin-bottom:90px;
}
.store-row .store-con .map-col{
  min-width:320px;
  max-width:320px;
  margin-top:-120px;
}
.store-row .store-con .map-col .map-con{
  aspect-ratio:2/3
}
.store-row .store-con .map-col .map-con img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.store-row .store-con .map-col .link-con{
  text-align:center;
  padding:15px 0;
}
.store-row .store-con .map-col .link-con a{
  font-size:16px;
  font-weight:200;
  color:#000;
 border-bottom:1px solid #000;
 display:inline-block;
}
.store-row .store-con .txt-col{
  flex-grow:1;
}
.store-row .store-con .txt-col .txt-con{
  padding:45px 0;
  margin-left:90px;
}
.store-row .store-con .txt-con .desc-con{
  margin-bottom:90px;
}
.store-row .store-con .txt-con .desc-con .desc{
  font-size:18px;
  font-weight:200;
    color:#000;
}
.store-row .store-con .txt-con .contact-con {
  display:flex;
  justify-content:space-between;
}
.store-row .store-con .txt-con .contact-con .c-item{
  max-width:240px;
  flex:1 0 0;
}
.store-row .store-con .txt-con .contact-con .c-item .ttl{
  font-size:16px;
  font-weight:700;
  color:#000;
  margin-bottom:10px;
}
.store-row .store-con .txt-con .contact-con .c-item .val{
  font-size:16px;
  font-weight:200;
  color:#000;
}
.store-row .store-con .txt-con .contact-con .c-item .val a{
  color:#000;
   border-bottom:1px solid #000;
 display:inline-block;
 margin-bottom:5px;
}
.lg-outer{
    direction:ltr
}
.lg-icon {
  font-family: 'icomoon';
}
.lg-toolbar .lg-close:after {
    content: "\e916";
}
.lg-actions .lg-prev:after {
    content: "\e946";
}
.lg-actions .lg-next:before {
    content: "\e948";
}
.lg-actions .lg-next, 
.lg-actions .lg-prev{
    font-size:28px;
    margin-top:-14px;
}
.lg-sub-html{
 direction:rtl
}
.lg-outer .lg-empty-html {
}
@media (max-width: 1599px) {
}
@media(max-width:1199px) {
    .event-row .event-con .img-col {
    max-width: 480px;
    min-width: 360px;
}
}
@media(max-width:991px) {
    .stores-con .s-item .txt-con {
   flex-direction:column;
}
    .stores-con .s-item .txt-con .head-con {
    margin-left: 0;
      margin-bottom: 10px;
}
    .events-row .events-con .e-item .img-col {
    min-width: 240px;
    max-width: 320px;
}
        .event-row .event-con .img-col {
    max-width: 360px;
    min-width: 240px;
}
        .store-row .store-con .map-col {
    min-width: 240px;
    max-width: 240px;
}
        .store-row .store-con .txt-col .txt-con {
    margin-left: 45px;
}
        .store-row .store-con .txt-con .contact-con {
    flex-wrap:wrap;
}
        .store-row .store-con .txt-con .contact-con .c-item {
    min-width: 240px;
    margin-bottom:20px;
}
}
@media(max-width:767px) {
.events-head-row .head-con{
 margin-top:45px;
 margin-bottom:30px;
}
.events-head-row .head-con .head{
font-size:23px;
}
.events-head-row .desc-con{
 margin-top:30px;
 margin-bottom:30px;
}
.events-head-row .desc-con .desc{
font-size:13px;
}
.events-filter-row{
    padding:10px 0;
}
.events-filter-row .filter-con .f-item{
    margin:5px 0;
  margin-left:25px;
}
.events-filter-row .filter-con .f-item .ttl{
  font-size:14px;
}
.events-filter-row .filter-con .f-item .count{
    font-size:12px;
}
.events-row{
padding-bottom:100px;
}
.events-row .events-con .e-item{
   flex-direction:column;
    padding:20px 0;
    align-items:flex-start;
}
.events-row .events-con .e-item .img-col{
    min-width:180px;
    max-width:180px;
}
.events-row .events-con .e-item .txt-col .txt-con{
    padding-right:0;
    margin-top:20px;
}
.events-row .events-con .e-item .date-con{
    border-right:5px solid #000;
    padding-right:15px;
}
.events-row .events-con .e-item .date-con .ttl{
    font-size:13px;
    margin-bottom:5px;
}
.events-row .events-con .e-item .date-con .date{
    font-size:11px;
}
.events-row .events-con .e-item .head-con{
    margin:25px 0;
}
.events-row .events-con .e-item .head{
  font-size:19px;
}
.events-row .events-con .e-item .desc-con{
}
.events-row .events-con .e-item .desc-con .desc{
    font-size: 13px;
}
.events-row .events-head{
   margin-top:20px;
}
.events-row .events-head .head{
  font-size:19px;
}
.events-row .events-head .head span{
  font-size:17px;
}
.events-row .more-con{
    padding:20px 0;
}
.event-top-row{
    height:50vw;
    min-height:240px;
}
.event-row .event-con{
 flex-direction:column;
}
.event-row .event-con .img-col{
   max-width:140px;
   min-width:140px;
   height:auto;
}
.event-row .event-con .img-col .img-con{
  margin-top:-120px;
}
.event-row .event-con .txt-col{
  flex-grow:1;
  margin-top:60px;
}
.event-row .event-con .txt-col .txt-con{
 padding:0;
}
.event-row .event-con .txt-col .date-con{
    border-right:5px solid #000;
    padding-right:15px;
}
.event-row .event-con .txt-col .date-con .ttl{
    font-size:15px;
}
.event-row .event-con .txt-col .date-con .date{
    font-size:13px;
}
.event-row .event-con .txt-col .head-con{
    margin-bottom:30px;
}
.event-row .event-con .txt-col .head{
      font-size:23px;
}
.event-row .event-con .txt-col .desc-con{
    margin-bottom:30px
}
.event-row .event-con .txt-col .desc-con .desc{
    font-size: 15px;
}
.event-row .event-con .txt-col .text-con{
    margin:30px 0
}
.event-row .event-con .txt-col .text-con .text{
    font-size: 13px;
}
.event-row .gallery-con{
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin:45px 0;
}
.stores-row{
padding-bottom:120px;
padding-top:20px
}
.stores-con .s-item{
    width:100%;
}
.stores-con .s-item:nth-child(2){
    margin-top:0;
}
.stores-con .s-item .img-col .img-con img{
   width:100%;
}
.stores-con .s-item .txt-col{
  margin-bottom:30px;
}
.stores-con .s-item .txt-con{
  display:flex;
  flex-direction:row;
  padding-top:10px;
}
.stores-con .s-item .txt-con .head-con{
 margin-left:20px;
}
.stores-con .s-item .txt-con .head-con .head{
 font-size:19px;
}
.stores-con .s-item .txt-con .info-con{
}
.stores-con .s-item .txt-con .info-con .info{
 font-size:13px;
}
.store-top-row{
    height:50vw;
    min-height:240px;
}
.store-top-row .head-row .head-con{
   padding:30px 0
}
.store-top-row .head-row .head-con .head{
  font-size:21px;
}
.store-top-row .head-row .head-con .head span{
  font-size:17px;
  margin-bottom:5px;
}
.store-row .store-con{
    flex-direction:column;
    margin-bottom:30px;
}
.store-row .store-con .map-col{
  min-width:240px;
  max-width:240px;
  margin-top:0;
}
.store-row .store-con .map-col .link-con{
  padding:10px 0;
}
.store-row .store-con .map-col .link-con a{
  font-size:13px;
}
.store-row .store-con .txt-col{
  flex-grow:1;
}
.store-row .store-con .txt-col .txt-con{
  padding:30px 0;
  margin-left:0;
}
.store-row .store-con .txt-con .desc-con{
  margin-bottom:30px;
}
.store-row .store-con .txt-con .desc-con .desc{
  font-size:15px;
}
.store-row .store-con .txt-con .contact-con .c-item .ttl{
  font-size:13px;
  margin-bottom:10px;
}
.store-row .store-con .txt-con .contact-con .c-item .val{
  font-size:13px;
}
.lg-actions .lg-next, 
.lg-actions .lg-prev{
    font-size:24px;
    margin-top:-12px;
}
}


.modal {
    background-color: rgba(255, 255, 255, 0.79);
}

    .modal.in {
        display: flex !important;
        align-items: center;
    }

.modal-dialog {
    width: 100%;
    margin: 0;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 2px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 100vh;
    overflow: hidden;
}

.modal-body {
    width: 100%;
    display: inline-block;
    padding: 0;
}


    .modal-body .modal-body-head {
        font-size: 14px;
        padding: 20px;
        width: 100%;
        float: right;
        font-weight: 300;
    }

        .modal-body .modal-body-head.big {
            font-size: 18px;
            display: flex;
            align-items: center;
            font-weight: 600;
            justify-content: center;
        }



            .modal-body .modal-body-head.big .icon {
                font-size: 36px;
                margin-left: 10px;
            }


    .modal-body .bottom-row {
        border-top: 2px solid #ddd;
        padding: 15px;
    }

        .modal-body .bottom-row .confirm {
            font-size: 16px;
            padding: 7px 40px 7px 40px;
            border: 2px solid #000;
            background-color: #000;
            color: #fff;
            display: inline-block;
            float: left;
            cursor: pointer;
            transition: all 0.3s;
            min-width: 160px;
            text-align: center
        }

            .modal-body .bottom-row .confirm:hover {
                background-color: #fcc425;
                color: #000
            }

        .modal-body .bottom-row .cancel {
            font-size: 16px;
            padding: 7px 15px 7px 15px;
            border: 2px solid #000;
            background-color: #fff;
            color: #000;
            margin-left: 15px;
            display: inline-block;
            float: left;
            cursor: pointer;
            transition: all 0.2s;
        }

            .modal-body .bottom-row .cancel:hover {
                color: #ffc20e;
                border-color: #fcc425;
            }



    .modal-body .modal-head-row {
        border-bottom: 2px solid #000;
        padding: 0;
        text-align: right;
        width: 100%;
        float: right;
        position: relative;
    }

        .modal-body .modal-head-row .close {
            font-size: 30px;
            display: inline-block;
            float: right;
            border-left: 1px solid #ddd;
            cursor: pointer;
            color: #000;
            padding: 11px;
        }

            .modal-body .modal-head-row .close span {
                display: block;
            }

            .modal-body .modal-head-row .close:hover {
                color: #333
            }

        .modal-body .modal-head-row .head {
            display: inline-block;
            padding: 15px 55px 15px 15px;
            margin: 0;
            color: #333;
            font-size: 16px;
            font-weight: bold;
            position: relative;
            float: right;
        }

            .modal-body .modal-head-row .head .icon {
                position: absolute;
                display: block;
                font-size: 24px;
                right: 15px;
                top: 50%;
                margin-top: -12px;
            }


@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 10px auto;
    }

        .modal-dialog.modal-big {
            width: auto;
        }
}

@media(max-width:400px) {
    .modal-body .modal-body-head.big {
        font-size: 16px;
    }

    .modal-body .modal-body-head {
        padding: 20px 5px
    }
    .modal-dialog.modal-big .container {
        padding: 0;
    }

    .modal-content {
        border-width: 2px 0;
        border-radius: 0;
        overflow-y: scroll;
    }
   
}