
ul.bo-slider{display:none}
.bo-slider{position:relative;width:100%}
.bo-slider .bo-slide{display:none}
.bo-slider .bo-slide.active{display:block}
body .bo-slider .bo-slide img{height:100vh;width:100%;object-fit:cover;object-position:top right; }
body .bo-slider .bo-slide video{height:700px;width:100%;object-fit:cover}



}
@media screen and (max-width: 1200px) and (min-width: 769px) {.bo-slider .bo-slide img{height:400px!important}
.bo-slider .bo-slide video{height:550px!important}
}
@media screen and (max-width:1800px){/*.bo-slider .bo-slide img{height:600px!important}*/
.bo-slider .bo-slide video{height:600px!important}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .bo-slider .bo-slide img{height:400px!important} }



.bo-slider .bo-slide{position:relative}
.bo-slider .play-button{cursor:pointer;position:absolute;top:50%;left:50%;width:auto;margin-top:-62px;margin-left:-62px;padding:16px;color:#fff;font-weight:700;font-size:80px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}
.bo-prev,.bo-slider .bo-next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}
.bo-slider .bo-prev{left:0}
.bo-slider .bo-next{right:0}
.bo-next:hover,.bo-prev:hover{background-color:rgba(0,0,0,.8)}
.bo-dots{margin-top:10px;text-align:center; display:none;}
.bo-dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}
.bo-dot:hover,.selected{background-color:#717171}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;-moz-animation-name:fade;-moz-animation-duration:1.5;-ms-animation-name:fade;-ms-animation-duration:1.5;-o-animation-name:fade;-o-animation-duration:1.5;animation-name:fade;animation-duration:1.5s}
@-webkit-keyframes fade{from{opacity:.8}
to{opacity:1}
}
@-moz-keyframes fade{from{opacity:.8}
to{opacity:1}
}
@-ms-keyframes fade{from{opacity:.8}
to{opacity:1}
}
@-o-keyframes fade{from{opacity:.8}
to{opacity:1}
}
@keyframes fade{from{opacity:.8}
to{opacity:1}
}
.slide{-webkit-animation-name:slide;-webkit-animation-duration:1.5s;-moz-animation-name:slide;-moz-animation-duration:1.5;-ms-animation-name:slide;-ms-animation-duration:1.5;-o-animation-name:slide;-o-animation-duration:1.5;animation-name:slide;animation-duration:1.5s}
@-webkit-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@-moz-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@-ms-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@-o-keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}
@keyframes slide{from{opacity:.4;margin-left:100%}
to{opacity:1;margin:0}
}

@media screen and (max-width: 700px) {
body .bo-slider .bo-slide img{height:500px!important}
#movil{display:block!important} 
#pc{display:none!important}
}

@media screen and (min-width: 701px) {
#movil{display:none!important} 
#pc{display:block!important} 