.da-slider {
    width: 100%;
    height: 400px;
    position: relative;
    margin: auto;
    overflow: hidden;

    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
}

.da-slide {
    position: absolute;
    width: 100%;
    height: 100%;

    top: 0px;
    left: 0px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    text-align: left;
}

.da-slide-current {
    z-index: 1000;
}

.da-slider-fb .da-slide {
    left: 100%;
}

.da-slider-fb .da-slide.da-slide-current {
    left: 0px;
}

.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img {
    position: absolute;
    opacity: 0;
    left: 110%;
}

.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
    left: 11%;
    opacity: 1;
}

.da-slider-fb .da-slide .da-img {
    left: 54%;
    opacity: 1;
}

.da-slide h2 {
    color: #fff;
    font-size: 33px;
    width: 40%;
    top: 80px;
    white-space: nowrap;
    z-index: 10;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    font-family: 'Economica', Arial, sans-serif;
    font-weight: 700;
}

.da-slide p {
    width: 48%;
    top: 155px;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    height: 80px;
    overflow: hidden;
    font-style: italic;
    font-family: 'Economica', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
}

.da-slide .da-img {
    text-align: center;
    max-width: 100%;
    top: 10px;
    height: auto;
    line-height: 320px;
    left: 110%; /*60%*/
}

.da-slide .da-link {
    top: 270px; /*depends on p height*/

    color: #fff;
    border: 1px solid #005700;
    box-shadow: 0 2px 0 0 #005700;
    cursor: pointer;
    font-size: 14px;
    line-height: 2;
    width: 120px;
    text-align: center;
    background: #009846;
}

.da-slide .da-link:hover {
    background: #005700;

}

.da-dots {
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0px;
    bottom: 40px;
    z-index: 2000;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.da-dots span {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #005700;
    margin: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset,
    1px 1px 1px rgba(255, 255, 255, 0.1);
}

.da-dots span.da-dots-current:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

.da-arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
}

.da-arrows span {
    position: absolute;
    top: 50%;
    height: 30px;
    width: 30px;


    cursor: pointer;
    z-index: 2000;
    opacity: 0;

    -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
    -moz-transition: opacity 0.4s ease-in-out-out 0.2s;
    -o-transition: opacity 0.4s ease-in-out-out 0.2s;
    -ms-transition: opacity 0.4s ease-in-out-out 0.2s;
    transition: opacity 0.4s ease-in-out-out 0.2s;
}

.da-slider:hover .da-arrows span {
    opacity: 1;
}

.da-arrows span:after {
    content: '';
    position: absolute;
    width: 41px;
    height: 41px;
    top: 5px;
    left: 5px;
    background: transparent url(../images/arrows2.png) no-repeat top left;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.da-arrows span.da-arrows-next:after {
    background-position: top right;
}

.da-arrows span.da-arrows-prev {
    left: 0px;
}

.da-arrows span.da-arrows-next {
    right: 20px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link {
    left: 11%;
    opacity: 1;
}

.da-slide-current .da-img {
    left: 54%;
    opacity: 1;
}

.da-slider-free {
    color: #d63e2e;
    font-weight: 600;
}

.da-slider-custom {
    font-size: 22px;
    font-family: 'Economica', Arial, sans-serif;
    font-style: italic;
}

.da-slider-custom-h2 {
    font-size: 22px;
    top: 100px;
    font-family: 'Economica', Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

.da-slider-custom-a {
    top: 250px;
}

.da-slider-h2 {
    font-size: 45px !important;
    text-shadow: 1px 1px #005ab3 !important;
}

/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2 {
    -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright p {
    -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright .da-link {
    -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromright .da-img {
    -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

/* Slide in from the left*/
.da-slide-fromleft h2 {
    -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft p {
    -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft .da-link {
    -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromleft .da-img {
    -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 11%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 54%;
        opacity: 1;
    }
}

/* Slide out to the right */
.da-slide-toright h2 {
    -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-toright p {
    -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toright .da-link {
    -webkit-animation: toRightAnim3 0.4s ease-in-out both;
    -moz-animation: toRightAnim3 0.4s ease-in-out both;
    -o-animation: toRightAnim3 0.4s ease-in-out both;
    -ms-animation: toRightAnim3 0.4s ease-in-out both;
    animation: toRightAnim3 0.4s ease-in-out both;
}

.da-slide-toright .da-img {
    -webkit-animation: toRightAnim4 0.6s ease-in-out both;
    -moz-animation: toRightAnim4 0.6s ease-in-out both;
    -o-animation: toRightAnim4 0.6s ease-in-out both;
    -ms-animation: toRightAnim4 0.6s ease-in-out both;
    animation: toRightAnim4 0.6s ease-in-out both;
}

@-webkit-keyframes toRightAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    99% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    99% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    99% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    99% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    99% {
        left: 11%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

/* Slide out to the left*/
.da-slide-toleft h2 {
    -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
    -moz-animation: toLeftAnim1 0.6s ease-in-out both;
    -o-animation: toLeftAnim1 0.6s ease-in-out both;
    -ms-animation: toLeftAnim1 0.6s ease-in-out both;
    animation: toLeftAnim1 0.6s ease-in-out both;
}

.da-slide-toleft p {
    -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toleft .da-link {
    -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}

.da-slide-toleft .da-img {
    -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    70% {
        left: 30%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    70% {
        left: 30%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    70% {
        left: 30%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    70% {
        left: 30%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 11%;
        opacity: 1;
    }
    30% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 11%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 54%;
        opacity: 1;
    }
    70% {
        left: 30%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@media (max-width: 1053px) {
    .da-slide p {
        font-size: 16px !Important;
        width: 40%;
        line-height: 18px;
        height: 200px;
    }

    .da-slide h2 {
        font-size: 20px !important;
        font-style: normal !important;
        font-weight: 300 !Important
    }


    .da-slide-current h2,
    .da-slide-current p,
    .da-slide-current .da-link {
        left: 2%;
        opacity: 1;
    }

    .da-slide-current .da-img {
        left: 47%;
        opacity: 1;
    }

    /* Animation classes and animations */
    /* Slide in from the right*/
    .da-slide-fromright h2 {
        -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
        -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
        -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
        -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
        animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    }

    .da-slide-fromright p {
        -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
        -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
        -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
        -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
        animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    }

    .da-slide-fromright .da-link {
        -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
        -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
        -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
        -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
        animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    }

    .da-slide-fromright .da-img {
        -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
        -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
        -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
        -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
        animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    }

    @-webkit-keyframes fromRightAnim1 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-webkit-keyframes fromRightAnim2 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-webkit-keyframes fromRightAnim3 {
        0% {
            left: 110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-webkit-keyframes fromRightAnim4 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @-moz-keyframes fromRightAnim1 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-moz-keyframes fromRightAnim2 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-moz-keyframes fromRightAnim3 {
        0% {
            left: 110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-moz-keyframes fromRightAnim4 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @-o-keyframes fromRightAnim1 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-o-keyframes fromRightAnim2 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-o-keyframes fromRightAnim3 {
        0% {
            left: 110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-o-keyframes fromRightAnim4 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @-ms-keyframes fromRightAnim1 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-ms-keyframes fromRightAnim2 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-ms-keyframes fromRightAnim3 {
        0% {
            left: 110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-ms-keyframes fromRightAnim4 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @keyframes fromRightAnim1 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @keyframes fromRightAnim2 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @keyframes fromRightAnim3 {
        0% {
            left: 110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @keyframes fromRightAnim4 {
        0% {
            left: 110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }
    /* Slide in from the left*/
    .da-slide-fromleft h2 {
        -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
        -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
        -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
        -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
        animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    }

    .da-slide-fromleft p {
        -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
        -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
        -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
        -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
        animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    }

    .da-slide-fromleft .da-link {
        -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
        -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
        -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
        -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
        animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    }

    .da-slide-fromleft .da-img {
        -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
        -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
        -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
        -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
        animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    }

    @-webkit-keyframes fromLeftAnim1 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-webkit-keyframes fromLeftAnim2 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-webkit-keyframes fromLeftAnim3 {
        0% {
            left: -110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-webkit-keyframes fromLeftAnim4 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @-moz-keyframes fromLeftAnim1 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-moz-keyframes fromLeftAnim2 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-moz-keyframes fromLeftAnim3 {
        0% {
            left: -110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-moz-keyframes fromLeftAnim4 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @-o-keyframes fromLeftAnim1 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-o-keyframes fromLeftAnim2 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-o-keyframes fromLeftAnim3 {
        0% {
            left: -110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-o-keyframes fromLeftAnim4 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @-ms-keyframes fromLeftAnim1 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-ms-keyframes fromLeftAnim2 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-ms-keyframes fromLeftAnim3 {
        0% {
            left: -110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @-ms-keyframes fromLeftAnim4 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }

    @keyframes fromLeftAnim1 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @keyframes fromLeftAnim2 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @keyframes fromLeftAnim3 {
        0% {
            left: -110%;
            opacity: 0;
        }
        1% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 2%;
            opacity: 1;
        }
    }
    @keyframes fromLeftAnim4 {
        0% {
            left: -110%;
            opacity: 0;
        }
        100% {
            left: 47%;
            opacity: 1;
        }
    }
    /* Slide out to the right */
    .da-slide-toright h2 {
        -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
        -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
        -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
        -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
        animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    }

    .da-slide-toright p {
        -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
        -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
        -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
        -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
        animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    }

    .da-slide-toright .da-link {
        -webkit-animation: toRightAnim3 0.4s ease-in-out both;
        -moz-animation: toRightAnim3 0.4s ease-in-out both;
        -o-animation: toRightAnim3 0.4s ease-in-out both;
        -ms-animation: toRightAnim3 0.4s ease-in-out both;
        animation: toRightAnim3 0.4s ease-in-out both;
    }

    .da-slide-toright .da-img {
        -webkit-animation: toRightAnim4 0.6s ease-in-out both;
        -moz-animation: toRightAnim4 0.6s ease-in-out both;
        -o-animation: toRightAnim4 0.6s ease-in-out both;
        -ms-animation: toRightAnim4 0.6s ease-in-out both;
        animation: toRightAnim4 0.6s ease-in-out both;
    }

    @-webkit-keyframes toRightAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-webkit-keyframes toRightAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-webkit-keyframes toRightAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        99% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-webkit-keyframes toRightAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        30% {
            left: 55%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }

    @-moz-keyframes toRightAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-moz-keyframes toRightAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-moz-keyframes toRightAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        99% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-moz-keyframes toRightAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        30% {
            left: 55%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }

    @-o-keyframes toRightAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-o-keyframes toRightAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-o-keyframes toRightAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        99% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-o-keyframes toRightAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        30% {
            left: 55%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }

    @-ms-keyframes toRightAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-ms-keyframes toRightAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-ms-keyframes toRightAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        99% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @-ms-keyframes toRightAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        30% {
            left: 55%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }

    @keyframes toRightAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @keyframes toRightAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @keyframes toRightAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        99% {
            left: 2%;
            opacity: 0;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    @keyframes toRightAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        30% {
            left: 55%;
            opacity: 1;
        }
        100% {
            left: 100%;
            opacity: 0;
        }
    }
    /* Slide out to the left*/
    .da-slide-toleft h2 {
        -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
        -moz-animation: toLeftAnim1 0.6s ease-in-out both;
        -o-animation: toLeftAnim1 0.6s ease-in-out both;
        -ms-animation: toLeftAnim1 0.6s ease-in-out both;
        animation: toLeftAnim1 0.6s ease-in-out both;
    }

    .da-slide-toleft p {
        -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
        -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
        -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
        -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
        animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    }

    .da-slide-toleft .da-link {
        -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
        -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
        -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
        -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
        animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    }

    .da-slide-toleft .da-img {
        -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
        -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
        -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
        -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
        animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    }

    @-webkit-keyframes toLeftAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-webkit-keyframes toLeftAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-webkit-keyframes toLeftAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-webkit-keyframes toLeftAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        70% {
            left: 30%;
            opacity: 0;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }

    @-moz-keyframes toLeftAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-moz-keyframes toLeftAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-moz-keyframes toLeftAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-moz-keyframes toLeftAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        70% {
            left: 30%;
            opacity: 0;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }

    @-o-keyframes toLeftAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-o-keyframes toLeftAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-o-keyframes toLeftAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-o-keyframes toLeftAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        70% {
            left: 30%;
            opacity: 0;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }

    @-ms-keyframes toLeftAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-ms-keyframes toLeftAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-ms-keyframes toLeftAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @-ms-keyframes toLeftAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        70% {
            left: 30%;
            opacity: 0;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }

    @keyframes toLeftAnim1 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @keyframes toLeftAnim2 {
        0% {
            left: 2%;
            opacity: 1;
        }
        30% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @keyframes toLeftAnim3 {
        0% {
            left: 2%;
            opacity: 1;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
    @keyframes toLeftAnim4 {
        0% {
            left: 47%;
            opacity: 1;
        }
        70% {
            left: 30%;
            opacity: 0;
        }
        100% {
            left: -50%;
            opacity: 0;
        }
    }
}

/* Info */
.info_block {
    height: 42rem;
    overflow: hidden;
    box-shadow: inset 0 0 5px 0 rgba(0, 6, 37, 0.47);
}

.info_block_container {
    position: relative;
}

.info_block_title {
    position: absolute;
    padding-top: 4rem;
    font-size: 3em;
    left: 20%;
}

.info_block_color {
    transform: rotateZ(5deg);
    background-color: #009846;
    margin-left: 35rem;
    width: 40%;
    height: 50rem;
}

.info_block_text {
    font-size: 17px;
    border: 2px solid #009846;
    position: absolute;
    text-align: justify;
    padding: 2rem 3rem 2rem;
    width: 35%;
    top: 17%;
    left: 15%;
    background-color: white;
}

.info_block_text hr {
    padding-bottom: 25px;
}

.info_block_text a {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    color: white;
    font-weight: 700;
    background-color: #009846;
    margin-left: 1rem;
    padding: 10px 2rem;
    transition: all 0.3s ease-out;
}

.info_block_text a:hover {
    background-color: #005700;
}

.info_block_images {
    width: 35rem;
    padding: 1rem;
    top: 20%;
    right: 10%;
    border: 3px solid #009846;
    background-color: white;
}

.info_block_container .slick-slider {
    position: absolute;
}

.info_block_container .slick-prev {
    display: none !important;
}

.info_block_container .slick-next {
    display: none !important;
}

.info_block_container .slick-dots {
    display: none !important;
}

/* Advantages */
.advantages_block {
    padding-top: 3rem;
    padding-bottom: 5rem;
}

.advantages_main {
    width: 80%;
    text-align: center;
    text-transform: uppercase;
}

.advantages_main h3 {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #00803b;
    margin-bottom: 1rem;
}

.advantages_main h3:before {
    left: -10px;
    margin-left: -25%;
    background-image: -webkit-linear-gradient(left, #fff7f0, #54a277, #00803b);
}

.advantages_main h3:after {
    left: 10px;
    margin-right: -50%;
    background-image: -webkit-linear-gradient(left, #00803b, #54a277, #fff7f0);
}

.advantages_main h3:before,
.advantages_main h3:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    width: 30%;
    height: 3px;
    vertical-align: middle;
    border-radius: 1rem;
}

.advantages_wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.border-1,
.border-2,
.border-3 {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 46px;
    left: 0;
    border-radius: 8%;
    border-left: 3px solid;
    border-right: 3px solid;
}

.border-2 {
    transform: rotate(60deg);
}

.border-3 {
    transform: rotate(120deg);
}

.advantages_block .grid-1,
.advantages_block .grid-2,
.advantages_block .grid-3 {
    display: flex;
    justify-content: center;
}

.advantages_block .grid-2,
.advantages_block .grid-3 {
    margin-top: -50px;
}

.hex-wrap {
    position: relative;
    width: 150px;
    height: 190px;
    margin: 0 1rem;
}

.hex-wrap .label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hex-wrap .label svg, .hex-wrap .label img {
    width: 7rem;
    height: 7rem;
}

.hex-init {
    position: absolute;
    top: 46px;
    left: 0;
    height: 46%;
    width: 100%;
    z-index: 9;
    transform: rotate(-60deg);
    cursor: pointer;
}

.advantages_right {
    position: relative;
    color: #f6f6f6;
    width: 600px;
    height: 100%;

    overflow: hidden;
}

.advantages_right h1 {
    color: #333;
}

.advantages_description {
    width: 100%;
    height: 100%;
    color: #333;
}

.advantages_description * {
    display: none;
}

.advantages_description > div {
    z-index: 1;
    padding: 0 40px;
    font-size: 20px;
    height: 20rem;
    width: 100%;
}

.advantages_active {
    display: block;
    position: relative;
}

.advantages_active > p {
    display: block;
    margin: 0;
    width: 100%;
}

.advantages_title {
    font-family: Trattatello, fantasy;
    color: #009846;
    position: relative;
    font-size: 2rem;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #7a7a7a69;
}

.advantages_active::after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: 0.5;
    z-index: -1;
}

.first.advantages_active::after {
    background: url(/images/advantages-1B.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.second.advantages_active::after {
    background: url(/images/advantages-2B.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.third.advantages_active::after {
    background: url(/images/advantages-3B.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.four.advantages_active::after {
    background: url(/images/advantages-4B.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.five.advantages_active::after {
    background: url(/images/advantages-5B.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.six.advantages_active::after {
    background: url(/images/advantages-6B.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.seven.advantages_active::after {
    background: url(/images/advantages-7B.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

/*Dealer*/
.dealer {
    overflow: hidden;
    height: 20rem;
    box-shadow: inset 0 0 1px 0 rgba(0, 6, 37, 0.47);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #009846;
    position: relative;
}

.dealer_text {
    position: relative;
    z-index: 2;
    text-shadow: 1px 1px 6px #1f1f1f;
    margin-left: 17%;
    margin-right: 2rem;
}

.dealer_text h2 {
    text-align: center;
    font-size: 1.9rem;
    font-weight: 700;
    color: white;
}

.dealer_img {
    transform: rotateZ(10deg);
    z-index: 1;
}

.dealer_img img {
    border: 2px solid white;
    border-radius: 10px;
    box-shadow: 1px 5px 20px #4e4e4e;
}

@media (max-width: 480px) {
    .info_block_title {
        position: unset;
        padding-top: 3rem;
        padding-left: 2rem;
        font-size: 2em;
    }

    .info_block_text {
        position: unset !important;
        width: 100%;
        border: none;
        padding: 1rem 2rem;
    }

    .info_block_images {
        position: unset !important;
        width: 100%;
        border: none;
    }

    .info_block {
        height: auto;
        overflow: unset;
        box-shadow: unset;
    }

    .advantages_block {
        border-radius: 10px;
        padding-top: 2rem;
        padding-bottom: 1rem;
        box-shadow: inset 0 0 45px 0 rgb(99 121 141 / 20%);
    }

    .advantages_main {
        width: 100%;
    }

    .advantages_main h3 {
        font-size: 18px;
        letter-spacing: 0;
        margin: 0 2rem 2rem 2rem;
    }

    .advantages_main h3:before,
    .advantages_main h3:after {
        display: none;
    }

    .advantages_wrap {
        flex-direction: column-reverse;
        align-items: center;
        overflow: hidden;
    }

    .advantages_right {
        width: 100%;
        text-align: left;
        overflow: unset;
    }

    .advantages_description > div {
        height: 11rem;
    }

    .advantages_title {
        font-size: 16px;
        text-shadow: 2px 2px 0 #7a7a7a29;
    }

    .advantages_active::after {
        opacity: 0.5;
        background-position: center !important;
    }

    .hex-borders {
        display: none;
    }

    .advantages_left {
        margin-top: 15px;
        width: 100%;
    }

    .hex-wrap {
        width: 5rem;
        height: 5rem;
        margin: 15px 0;
    }

    .hex-wrap .label {
        display: unset;
    }

    .hex-wrap .label img {
        height: unset;
    }

    .bx-wrapper {
        margin: 0 auto 30px;
    }

    .catalog_image .team-grid {
        margin: 0 0 20px;
    }

    .but {
        width: 100%;
        padding: 8px;
    }
}