Current path: home/webdevt/www/schtroumpf.fr/modules/an_homeslider/views/css/
?? Go up: /home/webdevt/www/schtroumpf.fr/modules/an_homeslider/views
.an_homeslider-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
pointer-events: none;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
transition: 0.75s ease 0.75s;
}
.an_homeslider-loader-image {
width: 250px;
height: 250px;
content: url("../img/loading.svg");
}
.an_homeslider-block.initialized .an_homeslider-loader {
opacity: 0;
}
.an_homeslider-item-noimg .an_homeslider-desc {
position: static;
padding-top: 60px;
padding-bottom: 60px;
}
.an_homeslider-block {
position: relative;
margin-bottom: 60px;
}
.an_homeslider:not(.owl-carousel) {
display: flex!important;
min-height: 380px;
opacity: 0;
overflow: hidden;
}
.an_homeslider {
text-align: center;
}
.an_homeslider.owl-carousel.owl-drag .owl-item .an_homeslider-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.an_homeslider.owl-carousel.owl-drag .owl-item .an_homeslider-item img:not(.owl-lazy),
.an_homeslider.owl-carousel.owl-drag .owl-item .an_homeslider-item img.anhs-img-loaded {
width: auto!important;
transform-style: flat!important;
-moz-transform-style: flat;
}
.an_homeslider.owl-carousel.owl-drag .owl-item .an_homeslider-item img.owl-lazy:not(.anhs-img-loaded) {
/*height: 0!important;*/
}
.an_homeslider.owl-carousel.owl-drag.an_homeslider-responsive .owl-item .an_homeslider-item img {
width: 100%!important;
}
.an_homeslider-desc {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
text-align: center;
margin: auto;
}
.an_homeslider .an_homeslider-desc>.container {
position: relative;
height: 100%;
padding: 0 15px 0 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.an_homeslider-desc .h2 {
margin: 0 0 20px;
line-height: 1.2;
max-width: 630px;
}
.an_homeslider-desc p {
max-width: 600px;
margin: 0 auto 35px;
}
.an_homeslider-desc .btn-primary {
margin-bottom: 6px;
}
.an_homeslider-block .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
}
.an_homeslider-block .owl-nav .container {
position: relative;
}
.an_homeslider .owl-prev,
.an_homeslider .owl-next {
position: absolute;
top: calc(50% - 15px);
z-index: 2;
cursor: pointer;
}
.an_homeslider .owl-prev i,
.an_homeslider .owl-next i { font-size: 30px; }
.an_homeslider .owl-prev {
padding-right: 1px;
left: 53px;
}
.an_homeslider .owl-next {
right: 51px;
padding-left: 1px;
}
.an_homeslider .owl-stage-outer.disabled .owl-prev,
.an_homeslider .owl-stage-outer.disabled .owl-next {
display: none;
}
.an_homeslider .owl-prev,
.an_homeslider .owl-next {
position: absolute;
top: 50%;
z-index: 2;
cursor: pointer;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
border: 0;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: rgba(255,255,255,.1);
transition: all .3s;
}
.an_homeslider .owl-prev:hover,
.an_homeslider .owl-next:hover {
background-color: #000;
}
.an_homeslider .owl-dots {
-webkit-tap-highlight-color: transparent;
position: absolute;
bottom: 22px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.an_homeslider .owl-dots {
text-align: center;
}
.an_homeslider .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.an_homeslider .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 4px 4px;
background: #fff;
border: 3px solid #fff;
display: block;
-webkit-backface-visibility: visible;
transition: all 200ms ease;
border-radius: 50%;
}
.an_homeslider .owl-dots .owl-dot.active span,
.an_homeslider .owl-dots .owl-dot:hover span {
background: #000;
}
@media (min-width: 768px) {
.an_homeslider-hide-desktop,
.an_homeslider-hide-desktop-content .an_homeslider-desc {
display: none;
}
}
@media (max-width: 1400px) {
.an_homeslider.an_homeslider-responsive .an_homeslider-desc>.container {
padding: 30px 60px;
}
.an_homeslider .owl-next {
right: 5px;
}
.an_homeslider .owl-prev {
left: 5px;
}
}
@media (max-width: 1200px) {
.an_homeslider-responsive .an_homeslider-desc .h2 {
margin-bottom: 10px;
}
.an_homeslider.an_homeslider-responsive .an_homeslider-desc p {
margin-bottom: 20px;
}
.an_homeslider .an_homeslider-desc>.container {
padding: 0 70px;
}
}
@media (max-width: 991px) {
.an_homeslider-responsive .an_homeslider-desc .h2 {
margin-bottom: 10px;
}
.an_homeslider.an_homeslider-responsive .an_homeslider-desc>.container {
padding: 15px;
}
.an_homeslider.an_homeslider-responsive .owl-dots {
bottom: 5px;
}
}
@media (max-width: 767px) {
.an_homeslider .owl-prev i,
.an_homeslider .owl-next i {
font-size: 40px;
}
.an_homeslider-hide-mobile {
display: none!important;
}
.an_homeslider-hide-mobile-content .an_homeslider-desc {
display: none;
}
.an_homeslider.owl-carousel.owl-drag.an_homeslider-responsive .owl-item .an_homeslider-item img {
width: auto!important;
height: 330px;
}
}
@media (max-width: 580px) {
.an_homeslider-responsive.an_homeslider-block .owl-nav {
display: none;
}
.an_homeslider-responsive .an_homeslider-desc .h2 {
margin-bottom: 10px;
}
.an_homeslider .owl-prev {
left: 0px;
}
.an_homeslider .owl-next {
right: 0px;
}
.an_homeslider .an_homeslider-desc>.container {
padding: 0 55px;
}
}