/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:0px;}
.owl-theme .owl-nav [class*=owl-]{/*color:#FFF;font-size:14px;margin:5px;padding:4px 7px;*/background:#D6D6D6;display:inline-block;cursor:pointer;/*border-radius:3px*/}
.owl-theme .owl-nav [class*=owl-]:hover{background:transparent;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.3;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:20px;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:15px;height:3px;margin:5px 5px;background:#0062c1;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#000;}


/*idxappl-wrap*/
.idxappl-wrap .owl-carousel {position: relative;}
.idxappl-wrap .owl-nav {position: absolute; top: calc(50% - 15px); left: 0px; right: 0px; z-index: 9; transition: all 1.5s ease 0s;}
.idxappl-wrap .owl-prev {position: absolute; left: 25%; transition: all 0.5s ease 0s;}
.idxappl-wrap .owl-next {position: absolute; right: 25%; transition: all 0.5s ease 0s;}
.idxappl-wrap .owl-prev span, .idxappl-wrap .owl-next span {width: 100px; height: 40px; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.idxappl-wrap .owl-prev span::before {content: ""; position: absolute; left: 15px; top:8px; width: 25px; height: 25px; border-width: 0 0 1px 1px;border-style: solid; border-color: #fff; transform: rotate(45deg); transition: all 0.5s ease 0s;}
.idxappl-wrap .owl-prev span::after {content: ''; height: 1px; width: 0; background: #fff; position: absolute; top: 50%; right: 10px; opacity: 0; transition: all 0.25s ease 0s;}
.idxappl-wrap .owl-prev:hover span::before {left: 10px;}
.idxappl-wrap .owl-prev:hover span::after {opacity: 1; width: 60px;}
.idxappl-wrap .owl-next span::before {content: ""; position: absolute; right: 15px; top:8px;  width: 25px; height: 25px; border-width: 1px 1px 0 0;border-style: solid; border-color: #fff; transform: rotate(45deg); transition: all 0.5s ease 0s;}
.idxappl-wrap .owl-next span::after {content: ''; height: 1px; width: 0; background: #fff; position: absolute; top: 50%; left: 10px; opacity: 0; transition: all 0.25s ease 0s;}
.idxappl-wrap .owl-next:hover span::before {right: 10px;}
.idxappl-wrap .owl-next:hover span::after {opacity: 1; width: 60px;}

.owl_pic .owl-carousel { position: relative;}
.owl_pic .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 9; transition: all 1.5s ease 0s;}
.owl_pic .owl-prev {position: absolute; left: 3%; transition: all 0.5s ease 0s;}
.owl_pic .owl-next {position: absolute; right: 3%; transition: all 0.5s ease 0s;}
.owl_pic .owl-prev span, .owl_pic .owl-next span { position: relative; width: 40px; height: 40px; display: block; z-index: 1; transition: all 0.5s ease 0s;}
.owl_pic .owl-prev span::before {content: ""; position: absolute; left: 15px; top:8px; width: 25px; height: 25px; border-width: 0 0 3px 3px;border-style: solid; border-color: #075FB0; transform: rotate(45deg); opacity: 0.3; transition: all 0.5s ease 0s;}
.owl_pic .owl-next span::before {content: ""; position: absolute; right: 15px; top:8px;  width: 25px; height: 25px; border-width: 3px 3px 0 0;border-style: solid; border-color: #075FB0; transform: rotate(45deg); opacity: 0.3; transition: all 0.5s ease 0s;}
.owl_pic .owl-prev:hover span::before, .owl_pic .owl-next:hover span::before { opacity: 1;}

@media only screen and (max-width: 1600px) {
    .idxappl-wrap .owl-prev {left: 23%;}
    .idxappl-wrap .owl-next {right: 23%;}
}
@media only screen and (max-width: 1400px) {
    .idxappl-wrap .owl-prev {left: 22%;}
    .idxappl-wrap .owl-next {right: 22%;}
}
@media only screen and (max-width: 992px) {
    .idxappl-wrap .owl-prev {left: 13%;}
    .idxappl-wrap .owl-next {right: 13%;}
    .idxappl-wrap .owl-prev span::after, .idxappl-wrap .owl-next span::after {width: 60px; opacity: 1;}
}
@media only screen and (max-width: 768px) {
    .idxappl-wrap .owl-prev {left: 0px;}
    .idxappl-wrap .owl-next {right: 0px;}
}
@media only screen and (max-width: 430px) {
    .idxappl-wrap .owl-prev span::after {width: 40px; right: 32px;}
    .idxappl-wrap .owl-next span::after {width: 40px; left: 32px;}
}