
.owl-theme-insta .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme-insta .owl-nav [class*='owl-'] { color: #000; background: transparent; /* border: solid 3px #000; */ font-size: 50px; display: inline-block;
    cursor: pointer; border-radius: 0.7em; width: 1.4em; height: 1.4em; line-height: 1.3;  position: absolute; top: 50%; margin-top: -0.5em;
    transition: transform 1s, background-color 1s; }

.owl-theme-insta .owl-nav .owl-prev { left: 0; }
.owl-theme-insta .owl-nav .owl-next { right: 0; }

/* .owl-theme-insta .owl-nav .owl-prev:before,
.owl-theme-insta .owl-nav .owl-next:before { content: ""; top: 0px; bottom: 0px; left: 0px; right: 0px; border: solid 2px #000; display: block; opacity: 0;
    position: absolute; transform: scale(0.9);
    border-radius: 50%; transition: all 0.5s; } */

    /* .owl-theme-insta .owl-nav .owl-prev:hover:before,
    .owl-theme-insta .owl-nav .owl-next:hover:before { transform: scale(1); transition: all 0.5s; opacity: 1;  } */

@media (min-width: 576px) {
    .owl-theme-insta .owl-nav .owl-prev { margin-left: -1.8em; padding-right: 0.1em; }
    .owl-theme-insta .owl-nav .owl-next { margin-right: -1.8em; padding-left: 0.1em; }
}


.owl-theme-insta .owl-nav [class*='owl-']:hover { background: #eee2; text-decoration: none; }
.owl-theme-insta .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme-insta .owl-nav.disabled+.owl-dots { margin-top: 10px; }
.owl-theme-insta .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme-insta .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-theme-insta .owl-dots .owl-dot span { width: 14px; height: 14px; margin: 5px 7px; background: #000; display: block;
    -webkit-backface-visibility: visible; transition: opacity 200ms ease;  border-radius: 30px; border: solid 3px #000; }
.owl-theme-insta .owl-dots .owl-dot.active span,
.owl-theme-insta .owl-dots .owl-dot:hover span { background: #fff; }

.insta-color .owl-theme-insta .owl-nav [class*='owl-'] { color: #fff; border-color: #fff;  }
.insta-color .owl-theme-insta .owl-nav .owl-next:before,
.insta-color .owl-theme-insta .owl-nav .owl-prev:before { border: solid 2px #fff; }



.wrapp{ height: 400px; }
.testimonial-item.long-txt .more{ opacity: 1; }
.testimonial-item .more{ opacity: 0; transition: opacity 0.5s; text-align: center; cursor: pointer; font-size: 14px; }
.testimonial-item.long-txt.slided .more{ opacity: 0; }
.testimonial-item p>span{ display: block; padding-top: 10px; }
.testimonial-item.long-txt p:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3em; background-image: linear-gradient(transparent, #f7f7f7); opacity: 1; transition: opacity 0.5s; }
.testimonial-item.long-txt.slided p:after{ opacity: 0; }
.owl-carousel{ margin: 0; }
.owl-carousel .owl-item .image-wrapper{ height: 300px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.owl-carousel .owl-item .image{ /*width: auto; max-height: 316px; margin: 0 auto;*/ position: absolute; width: 100%; height: 100%; object-fit: cover; }
.owl-carousel .owl-item .image--horizontaly{ max-width: none; width: auto; height: 300px; }
/* .owl-theme-insta .owl-nav{ display: none; } */

.owl-theme-insta .owl-nav .owl-prev{ margin-left: -40px; }
.owl-theme-insta .owl-nav .owl-next{ margin-right: -40px; }

@media screen and (min-width: 768px){
    .wrapp{ height: 450px; }
    .owl-theme-insta .owl-nav .owl-prev{ margin-left: -40px; }
    .owl-theme-insta .owl-nav .owl-next{ margin-right: -40px; }
    .owl-theme-insta .owl-nav{ display: block; }
}

@media screen and (min-width: 992px){
    .wrapp{ height: 500px; }
    .owl-theme-insta .owl-nav .owl-prev{ margin-left: -1.8em; }
    .owl-theme-insta .owl-nav .owl-next{ margin-right: -1.8em; }
}


.insta-section{ padding: 30px 0; background: #f7f7f7; overflow: hidden; }
.insta-section h3{ text-align: center; margin-bottom: 10px; }
.insta-section .box{ padding: 20px; border-radius: 10px; margin-bottom: 20px; }
.insta-section .row > div:last-of-type .box{ margin-bottom: 0; }
.insta-section img{ max-width: 100%; }
.insta-section .content{ font-size: 14px; line-height: 18px; margin: 0; height: 5em; overflow: hidden; background: #f7f7f7; position: relative; transition: height 0.5s, margin-top 0.5s; }
.insta-section .nickname{ margin: 5px 0 0 0; font-size: 16px; font-weight: 600; }

@media screen and (min-width: 768px){
    .insta-section .content{ height: 8em; }
}

@media screen and (min-width: 992px){
    .insta-section{  }   
    .insta-section .box{ margin-bottom: 0; }
}
