.insta-feed-wrapper {
    margin-bottom: 3rem;
}
.insta-feed-wrapper .feed-row .feed-col {
    padding: 0 2px;
    position: relative;
 }
 .feed-row {
 padding: 0 15px 0;
 }
 .hover-shadow {
 width: 100%;
 cursor: pointer;
 }
 
 .insta-feed-wrapper .modal {
   display: none;
   position: fixed;
   z-index: 9;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: scroll;
   background: rgba(0,0,0,0.9);
   padding: 60px 0;
   border: unset;
 }
  .insta-feed-wrapper .modal-header {
     display: none;
     
 }
 /* Modal Content */
 .insta-feed-wrapper .modal-content {
     background-color: unset;
     margin: 0 auto;
     min-height: unset;
     width: 100%;
     max-width: 850px;
     border-radius: 6px;
     border: unset;
 }

 .insta-feed-wrapper .close {
    z-index: 1;
    top: 3px;
    right: -26px;
    border: none;
    opacity: .7;
    transition: opacity .15s;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    border-radius: unset;
    background: url(../../images/insta-feed/forgot-password-close.svg) no-repeat center;
    background-size: 14px;
    filter: invert(1);
    background-color: white;
}
 .insta-feed-wrapper .close img{
    display: none;   
 }
 .insta-feed-wrapper .mySlides {
   display: none;
 }

 .insta-feed-wrapper .prev,
 .insta-feed-wrapper .next {
   cursor: pointer;
   position: absolute;
   top: 250px;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   transition: 0.6s ease;
   border-radius: 0 3px 3px 0;
 }
 
 
 .insta-feed-wrapper .next {
    right: -60px;
    border-radius: 3px 0 0 3px;
 }
.insta-feed-wrapper .prev {
    left: -60px;
}

 
 .insta-feed-wrapper .img-overlay {
   background: rgba(0,0,0,0.7);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;
   cursor: pointer;
   transition: all .2s ease-in;
   }
   .insta-feed-wrapper .feed-col:hover .img-overlay{
     opacity: 1;
   }
   .insta-feed-wrapper .overlay-text {
     color: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
 
 .insta-slides {
     display: flex;
     border-radius: 6px;
     overflow: hidden;
 }
 .silde-image {
   flex: 0 0 500px;
   max-width: 500px;
    display: flex;
    align-items: center;
     position: relative;
 }
 .silde-image:hover .photo-full-mask{
    opacity: 1;
 }
 .photo-full-mask .js-play.btn-play {
     background-image: url(../../images/insta-feed/pause-and-play-btn.png?$staticlink$);
     background-position: 0 0;
    background-repeat: no-repeat;
    height: 135px;
    width: 135px;
    z-index: 2;
    display: block;
    color: #fff;
    pointer-events:all;
}
.js-play.btn-pause {
    background-image: url(../../images/insta-feed/pause-and-play-btn.png?$staticlink$);
    background-repeat: no-repeat;
    height: 135px;
    width: 135px;
    z-index: 2;
    display: block;
    color: #fff;
    background-position: 0px -125px;
    display: none;
    pointer-events: all;
}
.js-play.btn-pause.d-block {
    display: block;
}
 .silde-image img {
     width: 100%;
     border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
 }
 
 .slide-text {
   flex: 1 1 350px;
   max-width: 350px;
    background: #fff;
 }
 .text-detail-box {
     padding: 0 20px;
     font-family: 'open sans';
    font-size: 14px;
 }
 .text-detail-box a {
     display: flex;
     border-bottom: 1px solid #e9e9e9;
     align-items: center;
     flex-wrap: nowrap;
     flex-direction: row;
 }
 .text-detail-box a:hover{
     text-decoration: none;
 }
 .text-detail-box a:hover .anchor-static{
    background-color: #2a2a2a;
 }
 .text-detail-box a p{
     flex: 1 1 auto;
     color: #666;
     margin: 14px 14px 14px 0;
     font-size: 14px;
     font-weight: 500;
     line-height: 20px;
 }
 .text-detail-box a img{
     width: 75px;
     height: auto;
     flex: 0 0 75px;
     /*align-self: flex-start;*/
     display: inline-block;
     vertical-align: baseline;
     margin: 10px 0;
     transition: all .3s;
 }
 .anchor-static {
   display: flex;
   align-items: center;
   justify-content: center;
     width: 28px;
     height: 28px;
     background-color: #666;
     border: 1px solid #fff;
     line-height: 28px;
     text-align: center;
     border-radius: 50%;
     color: #fff;
     margin: 30px 14px 30px 0;
     flex: 0 0 28px;
     transition: all .3s;
 }

 .map_title {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #2A2A2A;
    border: 1px solid #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    color: #fff;
    font-family: 'open sans', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
 }

.insta-feed-wrapper .video-title {
    display: block;
     width: 28px;
     height: 28px;
     background-color: #666;
     border: 1px solid #fff;
     line-height: 28px;
     text-align: center;
     border-radius: 50%;
     color: #fff;
     display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
}
 .text-detail-avatar {
     padding: 20px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
 }
 .text-detail-avatar a {
     display: flex;
     align-items: center;
     color: #666;
     font-size: 14px;
     font-family: 'open sans';
 }
 .text-detail-avatar a span {
     line-height: 40px;
 }
 .text-detail-avatar a img {
     width: 24px;
     height: 24px;
 }
 .text-detail-caption {
     padding: 0 20px 20px;
     line-height: 1.4em;
     font-family: 'open sans';
    font-size: 14px;
 }
 .text-detail-caption p {
     padding-top: 20px;
     border-top: 1px solid #ddd;
     margin: 0;
     color: #221d1d;
 }
 .text-detail-caption p a {
     color: #67afed;
     text-decoration: underline;
 }
 .insta-feed-heading {
        text-align: center;
        width: 100%;
        display: block;
        font-family: 'Calibre 2';
        text-transform: uppercase;
        line-height: 32px;
        font-size: 24px;
        letter-spacing: 1px;
        margin-bottom: 0.246253469em;
        letter-spacing: .04em;
        color: #000;
     }
     .heading-wrap {
        cursor: pointer;
        font-weight: 200;
        font-size: 18px;
        padding: 0.625em;
        line-height: 40px;
        display: block;
     }
     .heading-wrap:hover {
        text-decoration: none;
     }
     .heading-wrap:focus {
        box-shadow: inset 0 0 0 2px #d91560;
     }
     .media-badge {
        position: absolute;
        right: 0.5em;
        top: 0.5em;
        display: flex;
        z-index: 2;
     }

     .photo-full-mask {
        background: rgba(0,0,0,0.6);
        position: absolute;
        z-index: 4;
        top: 0;
        bottom: 0;
        left: 0;
        right: -1px;
        transition: all 0.3s;
        opacity: 0;
        display: flex;
    align-items: center;
    justify-content: center;
     }
video{
    z-index: 3;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #fff;
    align-self: stretch;
}
.insta-feed-wrapper .prev.hide {
   display: none;
}
.insta-feed-wrapper .next.hide{
   display: none;
}
.slick-slider:hover .slick-next {
        visibility: visible;
        opacity: 1;
        background: rgba(255,255,255,.85);
     }
     .slick-slider:hover .slick-prev {
        visibility: visible;
        opacity: 1;
        background: rgba(255,255,255,.85);
     }
     .slick-prev {
        height: calc(100% + 2px);
        width: 40px;
        z-index: 1;
        opacity: 0;
     }
     .slick-disabled {
         display: none !important;
     }
     .slick-next,
     .slick-prev {
        top: calc(50% - 1px);   
     }
     .slick-next {
        height: calc(100% + 2px);
        width: 40px;
        opacity: 0;
     }
     .feed-row .slick-next {
        right: 15px;
     }
     .feed-row .slick-prev{
        left: 15px;
     }
     .feed-row .slick-next:before {
        content: '';
        background: url(../../images/insta-feed/slick-next.png?$staticlink$);
        width: 28px;
        height: 28px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
     }
     .feed-row .slick-prev:before {
        content: '';
        background: url(../../images/insta-feed/slick-prev.png?$staticlink$);
        width: 28px;
        height: 28px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
     }
     .insta-feed-wrapper .mySlides.active {
       height: 625px;
     }
     .insta-feed-wrapper .silde-image {
        align-items: flex-start;
        max-height: 625px;
    }
    .insta-feed-wrapper .insta-slides {
        height: 100%;
        background: white;
    }
    .insta-feed-wrapper .slide-text {
        max-height: 625px;
        overflow: auto;
    }
    .insta-feed-wrapper video {
         object-fit: cover;
         align-self: strech;
        margin-bottom: -100px;
    }

@media(min-width: 768px) and (max-width: 1180px) {
   .insta-feed-wrapper .row.feed-row {
       display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
      overflow: auto;
      margin-bottom: -7px;
     margin-right: -13px;
    }
    .insta-feed-wrapper .feed-col {
       max-width: calc(100% / 4);
       flex: 0 0 calc(100% / 4); 
       max-height: 258px;
   }
   .feed-row .slick-next {
        right: 15px;
     }
   .insta-feed-wrapper .modal-content {
        width: 100%;   
    }
   .insta-feed-wrapper .modal-content .close,
    .insta-feed-wrapper .modal-content .next,
    .insta-feed-wrapper .modal-content .prev {
        display: none !important;
   }
   .insta-feed-wrapper .feed-row.slick-initialized.slick-slider {
       -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .silde-image {
      flex: 0 0 400px;
      max-width: 400px;
   }
   .insta-feed-wrapper .prev{
      left: -45px;
   }
   .insta-feed-wrapper .next {
      right: -45px;
   }
   .hover-shadow {
        height: -webkit-fill-available;   
   }
   .insta-feed-wrapper .feed-row .slick-slide .feed-col {
       max-width: 100%;
       flex: 0 0 100%; 
   }
   .insta-feed-wrapper .mySlides.active {
         height: fit-content !important;
    }
   .insta-feed-wrapper .silde-image {
        align-items: stretch;
        max-height: 500px;
    }
    .insta-feed-wrapper .slide-text {
        max-height: 500px;
        overflow: hidden scroll;
    }
}
 @media(max-width: 1180px) {
       .insta-feed-wrapper .modal-header {
            display: block;   
       }
    .insta-feed-wrapper video {
      border-top-left-radius: unset;
      border-bottom-left-radius: unset;
    }
    .feed-row .slick-next {
        right: 15px;
     }
    .insta-feed-wrapper .modal {
       padding: 0;
       z-index: 20;
    }
     .insta-feed-wrapper .row.feed-row {
        /*flex-wrap: nowrap;*/
        /*overflow-x: auto;*/
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        overflow: auto;
        margin-bottom: -7px;
        /*gap: 16px;*/
        margin-right: -13px;
     }
     .silde-image img {
        border-top-left-radius: unset;
    border-bottom-left-radius: unset;
     }
     .insta-feed-wrapper .modal-content {
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        right: 0;
        transform: none;
        background-color: #ffffff;
        overflow-y: auto;
        border-radius: unset;
     }
     .insta-feed-wrapper .modal-header {
        background: #fff;
        height: 60px;
        width: 100%;
        padding: 0 10px;
        display: flex;
    justify-content: space-between;
    align-items: center;
     }
     .insta-feed-wrapper .modal {
         background-color: #fff;
         width: 100vw;
         height: 100vh;
         overflow: scroll;
     }
     .insta-feed-wrapper .modal-header .close {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        filter: none;
        background-color: unset;
     }
     .insta-feed-wrapper .prev{
        position: relative;
        left: 0;
        padding: 4px 15px;
        top: 0;
     }
     .insta-feed-wrapper .next {
        position: relative;
        right: 0;
        padding: 4px 10px;
        top:0;
     }
     .insta-feed-wrapper .prev:hover,
     .insta-feed-wrapper .next:hover {
        background-color: unset;
     }
     .insta-feed-wrapper .prev img,
    .insta-feed-wrapper .next img{
        max-width: 13px;
    }
     .insta-feed-wrapper .insta-slides {
        flex-direction: column;
     }
     .insta-feed-wrapper .silde-image,
     .insta-feed-wrapper .slide-text {
        flex: 1 0 100%;
        max-width: 100%;
        background-color: unset;
     }
     .insta-feed-wrapper .silde-image {
         max-height: fit-content; 
     }
      .insta-feed-wrapper .slide-text {
        overflow: hidden scroll;   
     }
     .heading-wrap {
        padding-bottom: 0;
        font-size: 22px;
     }
     .insta-feed-heading {
        font-weight: 100;   
     }
     
 }
 
 @media(max-width: 1180px) {
     
     .insta-feed-wrapper .mySlides.active {
         background: #ffffff;
         height: 100vh;
     }
     .insta-feed-wrapper video {
        margin-bottom: unset;
     }
     .insta-feed-wrapper .insta-slides {
         height: fit-content;
     }
     iframe#video-play,
     iframe#video-play.video-image {
         min-height: 450px;
     }
}
@media(max-width: 767px) { 
    .insta-feed-wrapper .feed-row .feed-col {
        max-width: calc(100% / 2.2);
       flex: 0 0 calc(100% / 2.2);   
       max-height: auto;
     }
}
map {
    counter-reset: my-sec-counter;
    position: absolute;
    width: 100%;
    height: 100%;
}
area {
    width: 28px;
    height: 28px;
    background-color: #2A2A2A;
    border: 1px solid #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    color: #fff;
    font-family: 'open sans', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
}
area::after {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: white;   
}