/*Slider*/
/*Desktop*/
.free-slider-2 .et-pb-controllers {
position: absolute;
width: 200px;
top: 50% !important;
bottom: 50% !important;
right: 0px !important;
left: auto !important;
transform: rotate(90deg);
}
.free-slider-2 .et-pb-controllers a {
border-radius: 0px;
width: 15px;
height:2px;
}
.free-slider-2 .et-pb-controllers .et-pb-active-control {
width: 150px;
}
.free-slider-2 .et-pb-arrow-next {
opacity: 1;
right: 100px !important;
top: 90% !important;
}
.free-slider-2 .et-pb-arrow-prev {
opacity: 1;
left: calc(100% - 220px) !important;
top: 90% !important;
}
.free-slider-2 .et-pb-arrow-prev:before {
content: 'Prev' !important;
font-family: 'Quicksand' !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
display: inline-block;
}
.free-slider-2 .et-pb-arrow-next:before {
content:'Next' !important;
font-family: 'Quicksand' !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
display: inline-block;
}
/*Tablet*/
@media screen and (max-width: 980px) and (min-width: 768px) {
.free-slider-2 .et-pb-controllers {
position: absolute;
width: 200px;
top: 50% !important;
bottom: 50% !important;
right: -30px !important;
left: auto !important;
transform: rotate(90deg);
}}
@media screen and (max-width: 980px) and (min-width: 768px) {
.free-slider-2 .et-pb-controllers a {
border-radius: 0px;
width: 15px;
height: 2px;
margin: 3px;
}}
@media screen and (max-width: 980px) and (min-width: 768px) {
.free-slider-2 .et-pb-controllers .et-pb-active-control {
width: 80px;
}}
@media screen and (max-width: 980px) and (min-width: 768px) {
.free-slider-2 .et-pb-arrow-next {
opacity: 1;
right: 70px !important;
top: 90% !important;
}}
@media screen and (max-width: 980px) and (min-width: 768px) {
.free-slider-2 .et-pb-arrow-prev {
opacity: 1;
left: calc(100% - 180px) !important;
top: 90% !important;
}}
@media screen and (max-width: 980px) and (min-width: 768px) {
.free-slider-2 .et-pb-arrow-prev:before {
content: 'Prev' !important;
font-family: 'Quicksand' !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
display: inline-block;
opacity: 1;
}}
@media screen and (max-width: 980px) and (min-width: 768px) {
.free-slider-2 .et-pb-arrow-next:before {
content:'Next' !important;
font-family: 'Quicksand' !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
display: inline-block;
opacity: 1;
}}
/*Mobile*/
@media screen and (max-width: 767px){
.free-slider-2 .et-pb-controllers {
position: absolute;
width: 200px;
top: 50% !important;
bottom: 50% !important;
right: -60px !important;
left: auto !important;
transform: rotate(90deg);
}}
@media screen and (max-width: 767px){
.free-slider-2 .et-pb-controllers a {
border-radius: 0px;
width: 10px;
height: 2px;
margin: 2px;
}}
@media screen and (max-width: 767px){
.free-slider-2 .et-pb-controllers .et-pb-active-control {
width: 60px;
}}
@media screen and (max-width: 767px){
.free-slider-2 .et-pb-arrow-next {
opacity: 1;
right: 35px !important;
top: 90% !important;
}}
@media screen and (max-width: 767px){
.free-slider-2 .et-pb-arrow-prev {
opacity: 1;
left: calc(100% - 125px) !important;
top: 90% !important;
}}
@media screen and (max-width: 767px){
.free-slider-2 .et-pb-arrow-prev:before {
content: 'Prev' !important;
font-family: 'Quicksand' !important;
font-size: 12px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
display: inline-block;
opacity: 1;
}}
@media screen and (max-width: 767px){
.free-slider-2 .et-pb-arrow-next:before {
content:'Next' !important;
font-family: 'Quicksand' !important;
font-size: 12px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
display: inline-block;
opacity: 1;
}}
@media screen and (max-width: 767px){
.free-slider-2 .et_pb_slide_image, .et_pb_slide_video {
width: 47.25%;
margin-right: 5.5%;
position: absolute;
}}
@media (max-width: 767px) {
.free-slider-2 .et_pb_media_alignment_center .et_pb_slide_image {
top: 21%;
}}
@media (max-width: 767px) {
.free-slider-2 .et_pb_slide_image, .et_pb_slide_video {
display: block !important;
}}
/*Slider Animation*/
.free-slider-2 .et_pb_slide_description {
animation: none !important;
}
.free-slider-2 .et_pb_slide:first-child .et_pb_slide_image img.active {
animation:none;
}
.free-slider-2 .et-pb-active-slide {
opacity: 1 !important;
}
.free-slider-2 .et_pb_slide .et_parallax_bg {
animation: zoom-out-effect 10s forwards;
-ms-animation: zoom-out-effect 10s forwards;
-webkit-animation: zoom-out-effect 10s forwards;
-0-animation: zoom-out-effect 10s forwards;
-moz-animation: zoom-out-effect 10s forwards;
animation-delay: 0ms;
filter: brightness(0.8);
}
.free-slider-2 .et_parallax_bg {
animation: zoom-out-effect 10s forwards;
-ms-animation: zoom-out-effect 10s forwards;
-webkit-animation: zoom-out-effect 10s forwards;
-0-animation: zoom-out-effect 10s forwards;
-moz-animation: zoom-out-effect 10s forwards;
animation-delay: 0ms;
}
@keyframes zoom-out-effect {
0%{
-ms-transform: scale3d(1.6, 1.6, 1.6);
-webkit-transform: scale3d(1.6, 1.6, 1.6);
-o-transform: scale3d(1.6, 1.6, 1.6);
-moz-transform: scale3d(1.6, 1.6, 1.6);
transform: scale3d(1.6, 1.6, 1.6);
animation-timing-function: ease;
}
100%{
-ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(9%, 3%, 0);
-webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(9%, 3%, 0);
-o-transform: scale3d(1.3, 1.3, 1.3) translate3d(9%, 3%, 0);
-moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(9%, 3%, 0);
transform: scale3d(1.3, 1.3, 1.3) translate3d(9%, 3%, 0);
}
}
