.src-change { -moz-transition: filter .3s ease-out; -o-transition: filter .3s ease-out; -webkit-transition: filter .3s ease-out; transition: filter .3s ease-out; -ms-filter: blur(0); -webkit-filter: blur(0); filter: blur(0); }
.src-change.blur { -ms-filter: blur(20px); -webkit-filter: blur(20px); filter: blur(20px); } #mainslider::before {
content: '';
display: block;
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px;
background-color: #0b5922;
border-radius: 100%;  
animation: sk-scaleout 1.0s infinite ease-in-out;
transition: all ease-in .3s;
opacity: 1;
} #mainslider * { box-sizing: border-box; }
#mainslider { width: 100%; float: left; position: relative; overflow: hidden;  }
#mainslider .hidden-slide-part { float: right; position: absolute; right: 0; height: 100%; background: #fff; top: 0; opacity: 1; z-index: 1;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide {transition: opacity 1s ease-out;opacity: .17;max-width: 1300px;}
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active { opacity: 1;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {opacity: 0.17;} 
#mainslider .swiper-active-index {position: absolute;top: 90px;font-size: 107px;color: #ffea00;font-weight: bold;z-index: 3;width: 0;text-align: center;display: flex;justify-content: center;}
#mainslider .swiper-active-index.bottomToCenter span { animation: bottomToCenter 1s; }
#mainslider .swiper-active-index.centerToUp span { animation: centerToUp .5s; }
#mainslider .swiper-active-index span { transform: translateX(0); }
#mainslider .swiper-pagination-bullets { left: initial; width: 73px; height: 100%; bottom: 0; display: flex; align-content: center; justify-content: center; flex-direction: column;  }
#mainslider .swiper-pagination-bullets span { float: left; width: 73px; margin: 0; background: transparent; color: #d7d7d7; font-size: 18px; font-weight: 600; line-height: 20px; height: auto; margin: 5px 0; opacity: 1; transition: all .2s linear; position: relative; text-align: right;  }
#mainslider .swiper-pagination-bullets span.swiper-pagination-bullet-active { color: #ffea00;  }
#mainslider .swiper-pagination-bullets span:before { content: ""; float: left; width: 0; height: 1px; background: #ffea00; position: absolute; right: 0; top: 10px; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }
#mainslider .swiper-pagination-bullets span.swiper-pagination-bullet-active:before { width: 100%;  }
#mainslider .swiper-button {float: left;width: 79px;position: absolute;z-index: 9;top: 100px;}
#mainslider .swiper-button div {float: left;width: 32px;height: 32px;font-size: 0;opacity: 1;left: initial;right: initial;z-index: 9;margin: 0;background: none;position: initial;}
#mainslider .swiper-button div.swiper-button-prev { transform: rotate(180deg); }
#mainslider .swiper-button div.swiper-button-next { float: right; } 
#mainslider .item { float: left; width: 100%; position: relative; background: #fff;  }
#mainslider .item:before { content: ""; float: left; width: 60px; height: 2px; background: #ffea00; position: absolute; left: -30px; top: 40%;  }
#mainslider .item .i-picture {float: left;width: 100%;position: relative;z-index: 1;background-repeat: no-repeat;background-position: right 67px center; padding-top: 46%; }
#mainslider .item .i-picture img {float: right;max-width: 100%;margin-right: 67px;visibility: hidden; margin-top: -100%; }
#mainslider .item .i-content { float: left; width: calc(100% - 67px); position: absolute; z-index: 2; bottom: 0; left: 0; padding: 0 15px 15px;  }
#mainslider .item .i-content .left-text { float: left; width: 70%; color: #ffea00; font-size: 50px; font-weight: bold; line-height: 50px; text-shadow: 3px 2px 2px #000; margin: 0; letter-spacing: 3px;  }
#mainslider .item .i-content .left-text p:not(.js-text) { float: left; width: 100%; margin: 0;  }
#mainslider .item .i-content .left-text.mb-85 { margin-bottom: 85px; }
#mainslider .item .i-content .left-text p:not(.js-text) span { float: left; width: 100%; height: 80px; margin: 5px 0 0;  }
#mainslider .item .i-content .left-text p:not(.js-text) span.mt-15 { margin-top: 15px; }
#mainslider .item .i-content .left-text .js-text { display: block; font-size: 20px; font-weight: 500; letter-spacing: 2px; clear: both;  }
#mainslider .item .i-content .left-text .js-text span { display: block; letter-spacing: 13px; font-size: 15px;  }
#mainslider .item .i-content .right-text {float: right;position: absolute;bottom: 30px;right: 45px;z-index: 99;}
#mainslider .item .i-content .right-text.simple {right: 40px;bottom: 60px;}
#mainslider .item .i-content .right-text p {display: block;font-size: 15px;font-weight: 500;letter-spacing: 2px;clear: both;margin-bottom: 15px;}
#mainslider .item .i-content .right-text p span {display: block;letter-spacing: 12px;font-size: 12px;}
#mainslider .item .i-content .right-text.yellow p { color: #ffea00;  }
#mainslider .item .i-content .right-text .i-link { text-transform: uppercase; font-size: 14px; font-weight: 500; display: inline-block; line-height: normal; letter-spacing: 1px; position: relative;  }
#mainslider .item .i-content .right-text .i-link:hover { text-decoration: none;  }
#mainslider .item .i-content .right-text .i-link:before { content: ""; float: left; position: absolute; right: calc(100% + 15px); top: 8px; width: 0; height: 1px; transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }
#mainslider .item .i-content .right-text .i-link.white { color: #fff;  }
#mainslider .item .i-content .right-text .i-link.white:before { background-color: #fff;  }
#mainslider .item .i-content .right-text .i-link.green { color: #076324;  }
#mainslider .item .i-content .right-text .i-link.green:before { background-color: #076324;  }
#mainslider .item .i-content .right-text .i-link.cowboy { color: #4e2c28;  }
#mainslider .item .i-content .right-text .i-link.cowboy:before { background-color: #4e2c28;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .left-text p:not(.js-text) span:nth-child(1) { animation: textAnimation 1s;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .left-text p:not(.js-text) span:nth-child(2) { animation: textAnimation 1.2s;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .left-text p:not(.js-text) span:nth-child(3) { animation: textAnimation 1.4s;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .left-text p:not(.js-text) span:nth-child(4) { animation: textAnimation 1.6s;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .left-text p:not(.js-text) span:nth-child(5) { animation: textAnimation 1.8s;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .right-text .i-link:before { width: 73px;  }
@keyframes textAnimation {
from { transform: translate(0px, 1000px); }
to { transform: translate(0px, 0px); }
}
@keyframes bottomToCenter {
from { transform: translateY(100%); }
to { transform: translateY(0px); }
}
@keyframes centerToUp {
from { transform: translateY(0px); }
to { transform: translateY(-100%); }
} @media screen and (min-width: 320px) and (max-width: 767px) {
#mainslider .swiper-container { height: 340px; }
#mainslider .swiper-container .swiper-wrapper { max-width: 100%; float: left;  }
#mainslider .swiper-pagination-bullets {height: auto;width: auto;display: block;left: 15px;bottom: 12px;}
#mainslider .swiper-pagination-bullets span { width: 53px; text-align: center; margin: 0;  }
#mainslider .swiper-pagination-bullets span:before {left: 0;right: 0;margin: 0 auto;}
#mainslider .item .i-picture { background-position: center; padding-top: 100%; }
#mainslider .item .i-picture img {float: left;width: 100%;height: 380px;object-fit: cover;object-position: center;filter: brightness(67%);margin: -100% 0 0;}
#mainslider .item .i-content {bottom: 70px;width: 100%;}
#mainslider .item .i-content .left-text {font-size: 27px;line-height: 35px;letter-spacing: 1px; width: 100%; }
#mainslider .item .i-content .left-text.mb-85 {margin-bottom: 30px;}
#mainslider .item .i-content .left-text p:not(.js-text) span { height: 35px; white-space: nowrap; background-color: rgba(0, 0, 0, .2); padding-left: 10px; padding-right: 10px; width: auto; clear: both; }
#mainslider .item .i-content .left-text p:not(.js-text) span:nth-child(3) { width: auto; }
#mainslider .item .i-content .left-text p:not(.js-text) span:nth-child(4) { width: auto; }
#mainslider .item .i-content .left-text .js-text {white-space: nowrap;margin: 12px 0 4px;line-height: 23px;float: left;width: 100%;font-size: 18px;}
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .left-text p.js-text {animation: textAnimation 1.8s;}
.bg-opacity-on-mobile { background-color: rgba(0, 0, 0, .2); }
#mainslider .item .i-content .left-text .js-text span {font-size: 12px;letter-spacing: 10px;}
#mainslider .item .i-content .right-text {bottom: -15px;right: 15px; visibility: hidden;}
#mainslider .item .i-content .right-text.simple {bottom: -50px;right: 20px;} 
#mainslider .item .i-content .right-text p span {letter-spacing: 10px;}
#mainslider .item .i-content .right-text .i-link { font-size: 13px;  }
#mainslider .item .i-content .right-text .i-link.green {color: white;}
#mainslider .item .i-content .right-text .i-link.green:before { background: #ffff; }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .right-text .i-link:before { width: 50px;  }
#mainslider .swiper-active-index {width: auto;top: 15px;right: 10px !important;font-size: 40px;}
#mainslider .swiper-button {width: 32px;height: 79px;top: 150px;} 
#mainslider .swiper-button div.swiper-button-prev {top: calc(50% - 80px);transform: rotate(-90deg);}
#mainslider .swiper-button div.swiper-button-next {margin-top: 15px;transform: rotate(90deg);}
#mainslider .hidden-slide-part { display: none; }
} @media screen and (min-width: 768px) and (max-width: 1024px) {
#mainslider .hidden-slide-part { display: none;  } 
#mainslider .item .i-picture { background-position: center; padding-top: 75%; }
#mainslider .item .i-picture img { margin: -100% 0 0; width: 100%; }
#mainslider .item .i-content .left-text { font-size: 50px; line-height: 50px; letter-spacing: 4px;  }
#mainslider .item .i-content .left-text p span { height: 50px;  }
#mainslider .item .i-content .right-text p { font-size: 16px; margin-bottom: 10px;  }
#mainslider .item .i-content .right-text p span { font-size: 14px; letter-spacing: 8px;  }
#mainslider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item .i-content .right-text .i-link:before { width: 50px;  }
#mainslider .swiper-active-index { font-size: 80px; line-height: 70px; top: 40px;  }
#mainslider .swiper-pagination-bullets span { width: 36px;  }
#mainslider .swiper-button div { right: 39px; left: initial !important; top: 120px;  }
#mainslider .swiper-button div.swiper-button-prev { right: 90px;  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
#mainslider .item .i-picture {
background-position: center;
padding-top: 100%;
background-size: contain!important;
}
}