#Layer_6 {
    -webkit-animation: moveCarLeft 15s 5s ease-in infinite,
    opacityCarLeft 15s 5s steps(1) infinite;
    -moz-animation: moveCarLeft 15s 5s ease-in infinite,
    opacityCarLeft 15s 5s steps(1) infinite;
    -o-animation: moveCarLeft 15s 5s ease-in infinite,
    opacityCarLeft 15s 5s steps(1) infinite;
    animation: moveCarLeft 15s 5s ease-in infinite,
    opacityCarLeft 15s 5s steps(1) infinite;
}

@keyframes moveCarLeft {
    0% {
        transform: translate(70px, 40px);
    }

    25% {
        transform: translate(12px, 5px);
    }

    75% {
        transform: translate(-210px, -130px);
    }

    75.1%, 100% {
        transform: translate(70px, 40px);
    }
}

@keyframes opacityCarLeft {
    50% {
        opacity: 1;
    }

    70.1%, 75% {
        opacity: 0.5;
    }

    75.1%, 80% {
        opacity: 1;
    }
}

#Layer_11 {
    -webkit-animation: moveGirlLeft 15s 5s ease-in infinite;
    -moz-animation: moveGirlLeft 15s 5s ease-in infinite;
    -o-animation: moveGirlLeft 15s 5s ease-in infinite;
    animation: moveGirlLeft 15s 5s ease-in infinite;
}

@keyframes moveGirlLeft {
    0% {
        transform: translate(-9px, -14px);
    }

    25% {
        transform: translate(10px, -25px);
    }

    25.1% {
        opacity: 1;
    }

    26%, 30%, 40%, 50%, 60%, 70%, 75% {
        opacity: 0;
    }

    75.1%, 100% {
        opacity: 1;
        transform: translate(-9px, -14px);
    }
}

#Layer_16 {
    -webkit-animation: washerLeft 15s 5s steps(1) infinite;
    -moz-animation: washerLeft 15s 5s steps(1) infinite;
    -o-animation: washerLeft 15s 5s steps(1) infinite;
    animation: washerLeft 15s 5s steps(1) infinite;
}

@keyframes washerLeft {
    25.1%, 50% {
        opacity: 0;
    }

    75.1%, 100% {
        opacity: 1;
    }
}

.Layer_4 {
    -webkit-animation: moveCarBottom 15s 5s linear infinite,
    opacityCarBottom 15s 5s steps(1) infinite;
    -moz-animation: moveCarBottom 15s 5s linear infinite,
    opacityCarBottom 15s 5s steps(1) infinite;
    -o-animation: moveCarBottom 15s 5s linear infinite,
    opacityCarBottom 15s 5s steps(1) infinite;
    animation: moveCarBottom 15s 5s linear infinite,
    opacityCarBottom 15s 5s steps(1) infinite;
}

@keyframes moveCarBottom {
    75% {
        transform: translate(130px, 70px);
    }

    75.1%, 100% {
        transform: translate(-43px, -33px);
    }
}

@keyframes opacityCarBottom {
    50% {
        opacity: 1;
    }

    70.1%, 75% {
        opacity: 0.5;
    }

    75.1%, 80% {
        opacity: 1;
    }
}

#Layer_8 {
    -webkit-animation: moveLoaderRight 15s 5s linear infinite;
    -moz-animation: moveLoaderRight 15s 5s linear infinite;
    -o-animation: moveLoaderRight 15s 5s linear infinite;
    animation: moveLoaderRight 15s 5s linear infinite;
}

@keyframes moveLoaderRight {
    0% {
        transform: translate(-197px, 75px);
    }
    75% {
        transform: translate(-23px, -25px);
    }

    75.1%, 100% {
        transform: translate(-197px, 75px);
    }
}

#Layer_9 {
    opacity: 1;
    -webkit-animation: moveLoaderLeft 15s 5s linear infinite,
    opacityLoaderLeft 15s 5s steps(1) infinite;
    -moz-animation: moveLoaderLeft 15s 5s linear infinite,
    opacityLoaderLeft 15s 5s steps(1) infinite;
    -o-animation: moveLoaderLeft 15s 5s linear infinite,
    opacityLoaderLeft 15s 5s steps(1) infinite;
    animation: moveLoaderLeft 15s 5s linear infinite,
    opacityLoaderLeft 15s 5s steps(1) infinite;
}

@keyframes moveLoaderLeft {
    50% {
        transform: translate(-90px, 55px);
    }

    70% {
        transform: translate(-90px, 55px);
    }

    70.1%, 95% {
        transform: translate(-90px, 55px);
    }
    95.1%, 100% {
        transform: translate(0, 0);
    }
}

@keyframes opacityLoaderLeft {
    75.1%, 95% {
        opacity: 0;
    }

    95.1%, 100% {
        opacity: 1;
    }
}

#Layer_15 {
    opacity: 0;
    -webkit-animation: moveLoaderLeftWasher 15s 5s steps(4) infinite,
    opacityLoaderLeftWasher 15s 5s steps(1) infinite;
    -moz-animation: moveLoaderLeftWasher 15s 5s steps(4) infinite,
    opacityLoaderLeftWasher 15s 5s steps(1) infinite;
    -o-animation: moveLoaderLeftWasher 15s 5s steps(4) infinite,
    opacityLoaderLeftWasher 15s 5s steps(1) infinite;
    animation: moveLoaderLeftWasher 15s 5s steps(4) infinite,
    opacityLoaderLeftWasher 15s 5s steps(1) infinite;
}

@keyframes moveLoaderLeftWasher {
    0%, 25% {
        transform: translate(-90px, 55px);
    }

    25.5%, 50% {
        transform: translate(-90px, 55px);
    }

    50.5%, 70% {
        transform: translate(-90px, 55px);
    }

    70.1%, 95% {
        transform: translate(-90px, 55px);
    }
    95.1%, 100% {
        transform: translate(0, 0);
    }
}

@keyframes opacityLoaderLeftWasher {
    50%, 75% {
        opacity: 1;
    }

    75.1%, 100% {
        opacity: 0;
    }
}

#Layer_8_test {
    opacity: 0;
    -webkit-animation: opacityLoaderLeftWithWasher 15s 5s steps(1) infinite;
    -moz-animation: opacityLoaderLeftWithWasher 15s 5s steps(1) infinite;
    -o-animation: opacityLoaderLeftWithWasher 15s 5s steps(1) infinite;
    animation: opacityLoaderLeftWithWasher 15s 5s steps(1) infinite;
}

@keyframes opacityLoaderLeftWithWasher {
    75%, 93% {
        opacity: 1;
    }

    93.1%, 100% {
        opacity: 0;
    }
}

#Layer_14 {
    opacity: 0;
    -webkit-animation: opacityCarMiddle 15s 5s steps(1) infinite,
    moveCarMiddle 15s 5s linear infinite;
    -moz-animation: opacityCarMiddle 15s 5s steps(1) infinite,
    moveCarMiddle 15s 5s linear infinite;
    -o-animation: opacityCarMiddle 15s 5s steps(1) infinite,
    moveCarMiddle 15s 5s linear infinite;
    animation: opacityCarMiddle 15s 5s steps(1) infinite,
    moveCarMiddle 15s 5s linear infinite;
}

@keyframes opacityCarMiddle {
    50%, 75%, 100% {
        opacity: 1;
    }
}

@keyframes moveCarMiddle {
    50%, 75% {
        transform: translate(275px, 570px);
    }

    90%, 100% {
        transform: translate(326px, 539px);
    }
}

#Layer_12 {
    -webkit-animation: moveGirlRight 15s 5s steps(1) infinite;
    -moz-animation: moveGirlRight 15s 5s steps(1) infinite;
    -o-animation: moveGirlRight 15s 5s steps(1) infinite;
    animation: moveGirlRight 15s 5s steps(1) infinite;
}

@keyframes moveGirlRight {
    0%, 25% {
        transform: translate(-15px, 5px);
    }

    75.1%, 100% {
        transform: translate(0, 0);
    }
}

#Layer_13 {
    -webkit-animation: printer 15s 5s steps(1) infinite;
    -moz-animation: printer 15s 5s steps(1) infinite;
    -o-animation: printer 15s 5s steps(1) infinite;
    animation: printer 15s 5s steps(1) infinite;
}

@keyframes printer {
    0%, 25% {
        opacity: 0;
    }

    75.1%, 100% {
        opacity: 1;
    }
}

#Layer_1 {
    -webkit-animation: carOpenDoorOpacity 15s 5s steps(1) infinite;
    -moz-animation: carOpenDoorOpacity 15s 5s steps(1) infinite;
    -o-animation: carOpenDoorOpacity 15s 5s steps(1) infinite;
    animation: carOpenDoorOpacity 15s 5s steps(1) infinite;
}

@keyframes carOpenDoorOpacity {
    0%, 25% {
        opacity: 0;
    }

    75.1%, 100% {
        opacity: 1;
    }
}

#Layer_14_1 {
    opacity: 0;
    -webkit-animation: opacityCarRightTop 15s 5s steps(1) infinite,
    moveCarRightTop 15s 5s linear infinite;
    -moz-animation: opacityCarRightTop 15s 5s steps(1) infinite,
    moveCarRightTop 15s 5s linear infinite;
    -o-animation: opacityCarRightTop 15s 5s steps(1) infinite,
    moveCarRightTop 15s 5s linear infinite;
    animation: opacityCarRightTop 15s 5s steps(1) infinite,
    moveCarRightTop 15s 5s linear infinite;
}

@keyframes opacityCarRightTop {
    0%, 25% {
        opacity: 1;
    }

    70.1%, 75% {
        opacity: 0.5;
    }

    75.1%, 100% {
        opacity: 0;
    }
}

@keyframes moveCarRightTop {
    0% {
        transform: translate(1390px, 396px);
    }

    25% {
        transform: translate(1390px, 396px);
    }

    75% {
        transform: translate(1500px, 325px);
    }

    75.1%, 100% {
        transform: translate(1390px, 396px);
    }
}

#content.site-content {
    padding: 0;
    position: relative;
    overflow: hidden;
    min-height: auto;
    height: 832px;
}

#content.site-content section {
    position: absolute;
}

svg.home-banner {
    max-height: 805px;
    overflow: visible;
    width: 100%;
}

.home.page-template #svg {
    width: 100%;
    background: #eef4f9;
}

.home.page-template #svg .containerHeight {
    padding: 10px 0;
}

.home.page-template #svg.close {
    padding: 0 !important;
}

.banner-button {
    fill: #68c239;
    cursor: pointer;
}

.home_animation_button {
    line-height: 85px;
    background: #68c239;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    z-index: 2;
}

.home_mobile_button:before {
    content: '';
    bottom: -15px;
    left: 43%;
    position: absolute;
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #5cc238;
}

.home_mobile_button:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 137px;
    z-index: 1;
    background-color: transparent;
    border: 3px solid #fff;
    height: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 15px;
}

section#shop {
    background: #eef4f9;
    z-index: 3;
    width: 100%;
    bottom: -1500px;
    right: 0;
    height: 100%;
    overflow: hidden;
}

section#shop .container {
    position: relative;
    padding-bottom: 159px;
}

section#factory {
    background: #eef4f9;
    position: relative;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: -1920px;
    width: 100%;
    height: 100%;
}

section#home {
    background: #eef4f9;
    overflow: hidden;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: -1920px;
    width: 100%;
    height: 100%;
    position: relative;

}

#content.site-content #home {

}

.section_oval_left {
    position: absolute;
    top: 20px;
    left: -60px;
    width: 120px;
    height: 70px;
    background: #5cc238;
    border-radius: 40px;
    font-size: 30px;
    color: #fff;
    z-index: 1;
    cursor: pointer;
    -webkit-box-shadow: 1px 10px 8px -3px #c5e9b9;
    -moz-box-shadow: 1px 10px 8px -3px #c5e9b9;
    box-shadow: 1px 10px 8px -3px #c5e9b9;
}

.section_oval_left:before {
    content: "\f341";
    position: absolute;
    left: 75px;
    top: 14px;
    font-family: dashicons;
}

.section_oval_right {
    position: absolute;
    top: 20px;
    right: -60px;
    width: 120px;
    height: 70px;
    background: #5cc238;
    border-radius: 40px;
    font-size: 30px;
    color: #fff;
    z-index: 1;
    cursor: pointer;
    -webkit-box-shadow: 1px 10px 8px -3px #c5e9b9;
    -moz-box-shadow: 1px 10px 8px -3px #c5e9b9;
    box-shadow: 1px 10px 8px -3px #c5e9b9;
}

.section_oval_right:before {
    content: "\f345";
    position: absolute;
    left: 15px;
    top: 14px;
    font-family: dashicons;
}

.section_oval_top {
    position: absolute;
    top: -40px;
    left: 48%;
    width: 120px;
    height: 70px;
    background: #5cc238;
    border-radius: 40px;
    font-size: 30px;
    color: #fff;
    z-index: 1;
    cursor: pointer;
    transform: rotate(90deg);
}

.section_oval_top:before {
    content: "\f341";
    position: absolute;
    left: 75px;
    top: 14px;
    font-family: dashicons;
}

section#shop .register_form .page-title {
    margin-top: 25px;
}

section#shop .register_form form {
    background: #fff;
    padding: 40px 55px;
    max-width: 505px;
    margin: 0 auto 35px;
    border-radius: 5px;
    overflow: hidden;
}

.form-group label {
    color: rgb(109, 110, 112);
    font-weight: 400;
    font-size: 18px;
}

.wpcf7 form p label {
    display: block;
    color: rgb(109, 110, 112);
    font-weight: 400;
    font-size: 18px;
}

.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 10px;
    display: block;
}

.form-control {
    background: #eef4f9;
    border: 1px solid transparent;
    line-height: 30px;
}

.wpcf7-form-control-wrap.accept-this-1 .wpcf7-list-item {
    margin: 0;
}

.wpcf7-form-control-wrap.accept-this-1 .wpcf7-list-item label {
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}

.wpcf7-form-control-wrap.accept-this-1 .wpcf7-list-item a {
    color: #5cc238;
}

.wpcf7-form-control-wrap.accept-this-1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.wpcf7-form-control-wrap.accept-this-1 .wpcf7-list-item-label:before {
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #f0f5fa;
    position: absolute;
    border-radius: 3px;
    cursor: pointer;
}

.container input:checked + .wpcf7-list-item-label:after {
    position: absolute;
    top: 4px;
    left: 9px;
    width: 8px;
    height: 15px;
    transform: rotate(45deg);
    border: solid #5bc137;
    border-width: 0 3px 3px 0;
}

#map_section .form-control {
    background: #fff;
}

#map_section .container {
    padding-top: 30px;
}

#map_section h1.page-title {
    margin-top: 14px;
    font-size: 23px;
    margin-bottom: 35px;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-primary,
.register_button {
    color: #fff;
    background: #5cc238;
    border-radius: 20px;
    border: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 162px;
    font-weight: 600;
    line-height: 45px;
    padding: 0 42px;
    -webkit-box-shadow: 1px 10px 8px -3px #c5e9b9;
    -moz-box-shadow: 1px 10px 8px -3px #c5e9b9;
    box-shadow: 1px 10px 8px -3px #c5e9b9;
}

.register_button:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

.register_button:focus {
    outline: 0;
}

.form-control:focus {
    color: #495057;
    background: #eef4f9;
    border: 1px solid #5cc238;
    box-shadow: none;
    outline: 0;
}

section#contanct_section {
    background-color: #eef4f9;
    background-image: url("./image/contact_form_svg.png");
    background-repeat: no-repeat;
    background-position: 100% -30%;
    width: 100%;
    z-index: 3;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: -1920px;
    height: 100%;
}

section#contanct_section .container {
    padding-top: 40px;
}

section#contanct_section .contact_form form {
    background: #fff;
    padding: 40px 55px;
    max-width: 600px;
    margin: 0 auto 35px;
    border-radius: 5px;
    overflow: hidden;
}

section#contanct_section .contact_form .page-title {
    margin-bottom: 30px;
}

section#contanct_section .contact_form > p {
    margin-bottom: 0;
    color: #6d6e70;
    font-size: 12px;
}

section#map_section {
    width: 100%;
    z-index: 3;
    overflow: hidden;
    top: 0;
    background: #eef4f9;
    bottom: 0;
    left: -1920px;
    height: 100%;
}

.car_button,
.hands_button,
.map_phone_button {
    cursor: pointer;
}

.car_button img,
.hands_button img,
.map_phone_button img {
    border-radius: 8px 8px 0 0;
}

.car_button a,
.hands_button a,
.map_phone_button a {
    display: inline-block;
}

.car_button a span,
.map_phone_button a span,
.hands_button a span {
    display: inline-block;
    background: #5cc238;
    line-height: 24px;
    height: 90px;
    padding-top: 23px;
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    border-radius: 0 0 8px 8px;
    color: #fff;
    text-align: center;
}

.car_button_right a span,
.map_phone_button_right a span,
.hands_button_right a span {
    font-size: 23px;
}

.map_phone_button a span {
    line-height: 27px;
    padding-top: 20px;
    height: 90px;
}

#content .container h2 {
    color: #6d6e70;
    font-weight: normal;
    letter-spacing: 0.03em;
}

#map {
    width: 100%;
    height: 620px;
}

.container_mobile {
    display: none;
}

@media (max-width: 1500px) {
    .home.page-template #svg {
        padding: 10px 0 10px 100px;
    }

    section#contanct_section {
        background-image: none;
    }
}

@media (max-width: 1199px) {
    .home.page-template #svg {
        padding: 10px 0 10px 0;
    }

    .banner-button.house_button {
        transform: translate(25px, 155px);
    }

    .banner-button.house_button polygon {
        transform: translate(17px, 80px);
    }

    .banner-button.house_button circle {
        transform: translate(-98px, -2px);
    }
}

@media (max-width: 1200px) {
    #content {
        min-height: 1340px;
        margin-top: 10px;
    }

    .google_map_city {
        max-width: 100%;
    }

    .google_map_equipment {
        max-width: 100%;
    }

    .equipment_block {
        padding: 0 5px 0 5px;
        max-width: 230px;
    }

    .equipment_block > label {
        padding: 87px 5px 60px 5px;
        background-position: 50% 20%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #content {
        min-height: 950px;
    }

    .equipment_block.col-md-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 230px;
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 1224px) {
    #content.site-content {
        height: 710px;
    }
}

@media (max-width: 1024px) {
    #content.site-content {
        height: 648px;
    }
}

@media (max-width: 768px) {
    img.svg-background {
        display: none;
    }

    .section_oval_left,
    .section_oval_right {
        width: 95px;
        height: 50px;
        box-shadow: -2px 4px 6px -3px #c5e9b9;
    }

    .section_oval_top {
        top: -30px;
        left: 40%;
        width: 80px;
        height: 60px;
        font-size: 23px;
    }

    .section_oval_top:before {
        left: 46px;
        top: 14px;
    }

    .section_oval_right:before {
        left: 10px;
        top: 8px;
        font-size: 24px;
    }

    .section_oval_left:before {
        left: 60px;
        top: 8px;
        font-size: 24px;
    }

    section#shop .container {
        padding-top: 40px;
        padding-bottom: 0;
    }

    #content.site-content {
        height: 492px;
    }
}

@media (max-width: 500px) {
    .register_form form,
    section#contanct_section .contact_form form {
        padding: 40px 25px !important;
    }
}

@media (max-width: 480px) {
    #content.site-content {
        height: 317px;
    }
}

@media (max-width: 320px) {
    #content.site-content {
        height: 1313px;
    }

    .section_oval_left,
    .section_oval_right {
        width: 90px;
        height: 40px;
    }

    .section_oval_right:before {
        left: 10px;
        top: 6px;
        font-size: 20px;
    }

    .section_oval_left:before {
        left: 60px;
        top: 6px;
        font-size: 20px;
    }
}

@media (max-width: 320px) {
    #home svg,
    #svg svg,
    #factory svg {
        display: none;
    }

    .container_mobile {
        display: block;
        padding: 30px 15px 50px;
        text-align: center;
    }

    .car_button,
    .hands_button,
    .map_phone_button {
        margin-bottom: 40px;
        position: relative;
    }

    .car_button:before,
    .hands_button:before,
    .map_phone_button:before {
        content: '';
        bottom: -20px;
        left: 43%;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 30px solid #5cc238;
    }

    .home_top {
        background: url("image/home_background_top.png") 22px no-repeat;
        height: 390px;
        width: 100%;
        position: relative;
    }

    .home_middle {
        background: url("image/home_background_middle.png") -121px no-repeat;
        height: 390px;
        width: 100%;
        position: relative;
    }

    .home_bottom {
        background: url("image/home_backround_bottom.png") 5px -62px no-repeat;
        height: 390px;
        width: 100%;
        position: relative;
    }

    .home_mobile_button {
        position: absolute;
        top: 0;
        left: 15px;
        width: 290px;
        background: #5cc238;
        line-height: 85px;
        border-radius: 10px;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        z-index: 2;
    }

    .home_mobile_button:before {
        content: '';
        bottom: -15px;
        left: 43%;
        position: absolute;
        width: 0;
        height: 0;
        z-index: 2;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 30px solid #5cc238;
    }

    .home_mobile_button:after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 137px;
        z-index: 1;
        background-color: transparent;
        border: 3px solid #fff;
        height: 15px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 15px;
    }

    .container.container_mobile.mobile_svg {
        padding: 30px 15px 0 15px;
    }
}