.b-slider-primary img {
    margin-left: auto;
    margin-right: auto
}

.b-bg-block-meadow {
    background-image: url("../img/landing/banner-1.jpg") !important;
}

.b-bg-video_cont {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 50% !important;
    padding-top: 95px;
    padding-bottom: 75px;
}

.slick-slide {
    display: none;
    float: left;
    height: 10% !important;
    min-height: 1px;
}

.b-infoblock,
.b-infoblock--without-border {
    padding-top: 0px;
    padding-bottom: 50px;
}

.sale-banner {
    background-image: url(../img/landing/summer-sale.jpg);
    background-size: cover;
    height: 500px;
    background-position: center;
    transition: 1s ease;
}

.sale-banner:hover {
    transform: scale(1.01);
    transition: 1s ease;
    cursor: pointer;
}


/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.rotate {
    animation: rotation 8s infinite linear;
}

@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }
    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }
    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }
    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }
    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.vibrate-1 {
    -webkit-animation: vibrate-1 0.8s linear infinite both;
    animation: vibrate-1 0.8s linear infinite both;
}

.vibrate-hover:hover {
    -webkit-animation: vibrate-1 0.8s linear infinite both;
    animation: vibrate-1 0.8s linear infinite both;
    cursor: pointer;
}

@keyframes dou-color2 {
    from {
        color: white;
        border-color: #171717;
        background-color: #ff5000;
    }
    50% {
        border-color: black;
        color: #fff;
        background-color: black;
    }
    to {
        color: white;
        border-color: #171717;
        background-color: #ff5000;
    }
}

.dou-col2 {
    animation: dou-color2 1.5s infinite;
}


/**
 * ----------------------------------------
 * animation shadow-drop-center
 * ----------------------------------------
 */

@-webkit-keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

@keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

.shadow-drop-center {
    -webkit-animation: shadow-drop-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
    animation: shadow-drop-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
}


/* ----------------------------------------------
 * Generated by Animista on 2021-7-27 14:24:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


/**
 * ----------------------------------------
 * animation shadow-drop-2-center
 * ----------------------------------------
 */

@-webkit-keyframes shadow-drop-2-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        -webkit-transform: translateZ(50px);
        transform: translateZ(50px);
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

@keyframes shadow-drop-2-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        -webkit-transform: translateZ(50px);
        transform: translateZ(50px);
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

.shadow-drop-2-center:hover {
    -webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (max-width: 768px) {

    .form-banner {
        background: #ffc556;
        margin-top: 100px
    }
    .form-banner img {
        right: 60px !important;
        top: -130px !important;
    }
}