.content-slide {
background-color: #000;
position: relative; }
.content-slide .swiper-container-slide.swiper-container-slide {
height: 600px; }
@media (max-width: 1199px) {
.content-slide .swiper-container-slide.swiper-container-slide {
height: 340px !important; } }
@media (max-width: 768px) {
.content-slide .swiper-container-slide.swiper-container-slide {
height: 250px !important; } }
@media (max-width: 600px) {
.content-slide .swiper-container-slide.swiper-container-slide {
height: 200px !important; } }
@media (max-width: 500px) {
.content-slide .swiper-container-slide.swiper-container-slide {
height: 150px !important; } }
@media (min-width: 1920px) {
.content-slide .swiper-container-slide.swiper-container-slide {
height: 600px !important; } }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper {
height: 100%; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide {
display: flex;
justify-content: center;
align-items: center; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-center {
background-position: center; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-left {
background-position: left; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-right {
background-position: right; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-bottom {
background-position: bottom; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-center-top {
background-position: center top; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-left-top {
background-position: left top; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-right-top {
background-position: right top; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-center-bottom {
background-position: center bottom; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-left-bottom {
background-position: left bottom; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.bg-right-bottom {
background-position: right top; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .swiper-lazy {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
@media (max-width: 767px) {
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .swiper-lazy {
background-position: 66%; } }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .overlay {
position: absolute;
width: 100%;
left: 0;
top: 0;
bottom: 0;
z-index: 1; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide img {
max-width: 100%;
height: auto; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex {
z-index: 2;
width: 100%; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex p {
margin-bottom: 0; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex .small-title-slide {
font-weight: 400;
font-size: 20px;
text-transform: uppercase; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex .italic-slide,
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex .breadcrumbs {
font-size: 25px; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex .title-slide {
padding: 10px 0;
line-height: 1.2; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex .small-single-title {
font-weight: 700;
text-transform: uppercase;
padding: 10px 0;
line-height: 1.2; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex .text-slide {
margin-top: 20px; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide.slide-parallax {
background-size: cover;
background-repeat: no-repeat; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide-active .caption-tex .icon-slide .icon {
animation: zoomIcon 0.8s ease-out forwards 2.3s; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide-active .caption-tex .icon-slide:before {
animation: rotateBorderT 0.3s linear forwards 1.5s; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide-active .caption-tex .icon-slide:after {
animation: rotateBorderB 0.3s linear forwards 1.8s; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-button-next,
.content-slide .swiper-container-slide.swiper-container-slide .swiper-button-prev {
background-size: 25px 40px;
position: absolute;
height: 56px;
width: 48px;
padding: 25px;
background-color: transparent;
transition: all 0.3s linear;
bottom: 50%;
z-index: 9; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-button-prev {
left: 0; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-button-next {
right: 0; }
.content-slide .swiper-container-slide.swiper-container-slide:hover .swiper-button-next,
.content-slide .swiper-container-slide.swiper-container-slide:hover .swiper-button-prev {
opacity: 1; }
.content-slide .swiper-container-slide.swiper-container-slide:hover .swiper-button-disabled {
opacity: 0.3; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-pagination {
position: absolute;
text-align: center;
position: absolute;
bottom: 10px;
z-index: 3;
transform: translateX(-50%);
left: 50%; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
opacity: 0.8; }
.content-slide .swiper-container-slide.swiper-container-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
background-color: #00904b; }
.content-slide .container .swiper-container-slide.swiper-container-slide .swiper-wrapper .swiper-slide .caption-tex {
padding-left: 30px;
padding-right: 30px;
max-width: 100%; }
@media (max-width: 600px) {
.content-slide .swiper-pagination {
display: none; } }