body {
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 2rem;
}

img,video {
    width: 100%;
}

header,article,footer {
    width: 100%;
    max-width: 750px;
    margin: auto;
    overflow: hidden;
}

a: hover {
    opacity: .9;
}

section {
    position: relative;
}

.cont_3_1 {
    position: absolute;
    top: 7%;
    right: 5%;
    width: 53.6%;
    opacity: 0;
}

.cont_3_2 {
    position: absolute;
    top: 52%;
    right: 19.5%;
    width: 21.3%;
    z-index: 5;
    opacity: 0;
}

.cont_3_3 {
    position: absolute;
    top: 40%;
    right: 19.5%;
    width: 21.3%;
    z-index: 1;
    opacity: 0;
}

.cont_3_4 {
    position: absolute;
    top: 58%;
    right: 36%;
    width: 21.3%;
    opacity: 0;
}

.cont_3_5 {
    position: absolute;
    top: 58%;
    right: 3%;
    width: 21.3%;
    opacity: 0;
}

.cont_3_6 {
    position: absolute;
    top: 42%;
    left: 10%;
    width: 38%;
    opacity: 0;
}

.cont_3_1.active {
    opacity: 1;
    animation: fadeup 1s ease-out alternate forwards;
}

.cont_3_2.active {
    opacity: 1;
    animation: fadeIn 1s ease-out alternate forwards;
}

.cont_3_3.active {
    opacity: 1;
    animation: fadein1 1.5s ease-out alternate forwards;
}

.cont_3_4.active {
    opacity: 1;
    animation: fadein2 1.5s ease-out alternate forwards;
}

.cont_3_5.active {
    opacity: 1;
    animation: fadein3 1.5s ease-out alternate forwards;
}

.cont_3_6.active {
    opacity: 1;
    animation: fadeup 1s ease-out alternate forwards;
}

.cont_4_1 {
    position: absolute;
    top: 43.5%;
    left: 11.6%;
    width: 76.8%;
    opacity: 1;
    animation: updown .5s ease-in-out alternate infinite;
}

.cont_4_2 {
    position: absolute;
    top: 74%;
    left: 11.6%;
    width: 76.8%;
    opacity: 1;
    animation: updown .5s ease-in-out alternate infinite;
}

.cont_4_3 {
    position: absolute;
    top: 92.5%;
    left: 11.6%;
    width: 76.8%;
    opacity: 1;
}

.cont_5_1 {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    z-index: 9999;
    display: none;
}

.cont_6_1 {
    position: absolute;
    top: 75%;
    left: 4%;
    width: 90%;
    opacity: 1;
}

.cont_8_1 {
    position: absolute;
    top: 18%;
    left: 3.4%;
    width: 93.2%;
    opacity: 0;
}

.cont_8_2 {
    position: absolute;
    top: 41%;
    left: 3.4%;
    width: 93.2%;
    opacity: 0;
}

.cont_8_3 {
    position: absolute;
    top: 61%;
    left: 3.4%;
    width: 93.2%;
    opacity: 0;
}

.cont_8_4 {
    position: absolute;
    top: 80%;
    left: 3.4%;
    width: 93.2%;
    opacity: 0;
}

.cont_8_1.active,
.cont_8_2.active,
.cont_8_3.active,
.cont_8_4.active {
    opacity: 1;
    animation: fadeup 1s ease-out alternate forwards;
}

.cont_9_1 {
    position: absolute;
    top: 18%;
    left: 11.2%;
    width: 77.6%;
    opacity: 0;
}

.cont_9_2 {
    position: absolute;
    top: 30%;
    left: 2%;
    width: 29.7%;
    opacity: 0;
}

.cont_9_3 {
    position: absolute;
    top: 30%;
    left: 34%;
    width: 34.6%;
    opacity: 0;
}

.cont_9_4 {
    position: absolute;
    top: 30%;
    right: 2%;
    width: 29.7%;
    opacity: 0;
}

.cont_9_1.active,
.cont_9_2.active,
.cont_9_4.active {
    opacity: 1;
    animation: fadeup 1s ease-out alternate forwards;
}

.cont_9_3.active {
    animation: fadedown 1s ease-out alternate forwards;
}


.cont_9_5 {
    position: absolute;
    top: -2%;
    left: 13.9%;
    width: 72.26%;
    opacity: 0;
}

.cont_9_6 {
    position: absolute;
    top: 4%;
    left: 8%;
    width: 83.9%;
    opacity: 0;
}

.cont_9_7 {
    position: absolute;
    top: 14%;
    left: 1%;
    width: 45.8%;
    opacity: 0;
}

.cont_9_8 {
    position: absolute;
    top: 14%;
    right: 1%;
    width: 45.8%;
    opacity: 0;
}

.cont_9_9 {
    position: absolute;
    top: 56%;
    left: 19%;
    width: 61%;
    opacity: 0;
    z-index: 3;
}

.cont_9_10 {
    position: absolute;
    top: 58%;
    left: 32.1%;
    width: 35.7%;
    opacity: 0;
    z-index: 2;
}

.cont_9_11 {
    position: absolute;
    top: 38%;
    left: 10%;
    width: 80%;
    opacity: 1;
    z-index: 1;
}

.cont_9_5.active {
    animation: fadedown 1s ease-out alternate forwards;
}

.cont_9_6.active {
    animation: fadedown 1s ease-out alternate forwards;
}

.cont_9_7.active {
    opacity: 1;
    animation: rolleInleft 1s ease-out alternate forwards;
}

.cont_9_8.active {
    opacity: 1;
    animation: rolleInright 1s ease-out alternate forwards;
}

.cont_9_9.active {
    opacity: 1;
    animation: rolleInDown 1s ease-out alternate forwards;
}

.cont_9_10.active {
    animation: fadedown 1s ease-out alternate forwards;
}



.cont_10_1 {
    position: absolute;
    top: 54%;
    left: 30.8%;
    width: 38.4%;
    opacity: 0;
}

.cont_10_2 {
    position: absolute;
    top: 38%;
    left: 5%;
    width: 21.3%;
    opacity: 0;
    z-index: 6;
}

.cont_10_3 {
    position: absolute;
    top: 44%;
    left: 18%;
    width: 16.8%;
    opacity: 0;
    z-index: 7;
}

.cont_10_4 {
    position: absolute;
    top: 51%;
    left: 7%;
    width: 17.3%;
    opacity: 0;
    z-index: 6;
}

.cont_10_5 {
    position: absolute;
    top: 62%;
    left: 0%;
    width: 20.1%;
    opacity: 0;
}

.cont_10_6 {
    position: absolute;
    top: 75%;
    left: 14%;
    width: 16.2%;
    opacity: 0;
    z-index: 6;
}

.cont_10_7 {
    position: absolute;
    top: 82%;
    left: 5%;
    width: 14.9%;
    opacity: 0;
    z-index: 7;
}

.cont_10_8 {
    position: absolute;
    top: 38%;
    left: 67%;
    width: 16.4%;
    opacity: 0;
}

.cont_10_9 {
    position: absolute;
    top: 45%;
    right: 0%;
    width: 14.8%;
    opacity: 0;
}

.cont_10_10 {
    position: absolute;
    top: 50%;
    right: 16.5%;
    width: 11.3%;
    opacity: 0;
    z-index: 1;
}

.cont_10_11 {
    position: absolute;
    top: 58%;
    right: 6%;
    width: 22.6%;
    opacity: 0;
    z-index: 7;
}

.cont_10_12 {
    position: absolute;
    top: 72%;
    right: 3%;
    width: 14.9%;
    opacity: 0;
}

.cont_10_13 {
    position: absolute;
    top: 80%;
    left: 32%;
    width: 19.6%;
    opacity: 0;
    z-index: 7;
}

.cont_10_14 {
    position: absolute;
    top: 80%;
    left: 59.8%;
    width: 16.4%;
    opacity: 0;
    z-index: 7;
}

.cont_10_15 {
    position: absolute;
    bottom: 7%;
    right: 3%;
    width: 17.8%;
    opacity: 0;
}

.cont_10_16 {
    position: absolute;
    top: 43%;
    left: 10.4%;
    width: 80%;
    stroke-dasharray: 0 3000;
}

.cont_10_16 .circle {
    display: inline-block;
    transform: rotate(-90deg);
    position: absolute;
    z-index: 5;
}

.cont_10_16 .circle .type {
    fill: transparent;
    stroke-width: 8%;
}

.cont_10_16 .circle .type1 {
    stroke: #f3d863;
}

.cont_10_16.active .typeA1 {
    animation: circleA1 1s forwards;
}

.cont_10_1.active {
    animation: fadedown 1s ease-out alternate forwards;
}

.cont_10_2.active {
    animation: slidefade 1.5s ease-out alternate forwards;
}

.cont_10_3.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_4.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_5.active {
    animation: slidefade 1.5s ease-out alternate forwards;
}

.cont_10_6.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_7.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_8.active {
    animation: slidefade 1.5s ease-out alternate forwards;
}

.cont_10_9.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_10.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_11.active {
    animation: slidefade 1.5s ease-out alternate forwards;
}

.cont_10_12.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_13.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}

.cont_10_14.active {
    animation: slidefade 1.5s ease-out alternate forwards;
}

.cont_10_15.active {
    animation: fadedown 1.5s ease-out alternate forwards;
}


.cont_11_1 {
    position: absolute;
    top: 4%;
    left: 5%;
    width: 41.2%;
    opacity: 0;
}

.cont_11_2 {
    position: absolute;
    top: 20%;
    left: 9%;
    width: 36.9%;
    opacity: 0;
    z-index: 1;
}

.cont_11_3 {
    position: absolute;
    top: 4%;
    right: 0%;
    width: 59.4%;
    opacity: 0;
}

.cont_11_4 {
    position: absolute;
    top: 36%;
    right: 7%;
    width: 36.9%;
    opacity: 0;
}

.cont_11_5 {
    position: absolute;
    top: 33%;
    left: 0%;
    width: 58%;
    opacity: 0;
}

.cont_11_6 {
    position: absolute;
    bottom: 2%;
    right: 0%;
    width: 67.6%;
    opacity: 0;
    z-index: 2;
}

.cont_11_7 {
    position: absolute;
    bottom: 1%;
    left: 6%;
    width: 43%;
    opacity: 0;
}

.cont_11_8 {
    position: absolute;
    bottom: 17%;
    left: 9%;
    width: 35.9%;
    opacity: 0;
    z-index: 3;
}

.cont_11_1.active {
    opacity: 1;
    animation: slidefadel 1s ease-out alternate forwards;
}

.cont_11_2.active {
    opacity: 1;
    animation: slidefadel 1s ease-out alternate forwards;
}

.cont_11_3.active {
    opacity: 1;
    animation: slidefade 1s ease-out alternate forwards;
}

.cont_11_4.active {
    opacity: 1;
    animation: slidefade 1s ease-out alternate forwards;
}

.cont_11_5.active {
    opacity: 1;
    animation: slidefadel 1s ease-out alternate forwards;
}

.cont_11_6.active {
    opacity: 1;
    animation: slidefade 1s ease-out alternate forwards;
}

.cont_11_7.active {
    opacity: 1;
    animation: slidefadel 1s ease-out alternate forwards;
}

.cont_11_8.active {
    opacity: 1;
    animation: slidefadel 1s ease-out alternate forwards;
}

.cont_12_1 {
    position: absolute;
    top: 16%;
    z-index: 1;
}

.cont_12_2 {
    position: absolute;
    top: 20%;
    left: 3%;
    width: 45.3%;
    opacity: 1;
}

.cont_12_3 {
    position: absolute;
    top: 20%;
    right: 3%;
    width: 45.3%;
    opacity: 1;
}

.cont_12_4 {
    position: absolute;
    top: 45%;
    left: 3%;
    width: 45.3%;
    opacity: 1;
}

.cont_12_5 {
    position: absolute;
    top: 45%;
    right: 3%;
    width: 45.3%;
    opacity: 1;
}

.cont_12_6 {
    position: absolute;
    top: 70%;
    left: 3%;
    width: 45.3%;
    opacity: 1;
}

.cont_12_7 {
    position: absolute;
    top: 70%;
    right: 3%;
    width: 45.3%;
    opacity: 1;
}

.item {
    opacity: 0;
    width: 89%;
    height: 80%;
    object-fit: cover;
    position: absolute;
    left: 6%;
    top: 6%;
    animation: insta 5s 0s infinite;
}

.item:nth-of-type(2) {
    animation-delay: 2.5s;
}

.cont_13_2 {
    position: absolute;
    top: 42%;
    left: 13.8%;
    width: 72.4%;
    opacity: 0;
}

.cont_13_2.active {
    animation: fadedown .5s ease-out alternate forwards;
}


.cont_14_2 {
    position: absolute;
    top: 1%;
    left: 43%;
    width: 14%;
    opacity: 0;
}

.cont_14_3 {
    position: absolute;
    top: 10.5%;
    left: 13.8%;
    width: 58.5%;
    opacity: 0;
    transition: 0.6s;
}

.cont_14_4 {
    position: absolute;
    top: 27.5%;
    left: 0%;
    width: 100%;
    opacity: 1;
}

.cont_14_5 {
    position: absolute;
    top: 67.5%;
    left: 5%;
    width: 90%;
    opacity: 1;
}

.cont_14_2.active {
    opacity: 1;
    animation: rolleInDown 1s ease-out alternate forwards;
}

.cont_14_3.active {
    opacity: 1;
    animation: bigsmall 1s ease-in-out alternate infinite;
}

.cont_15_1 {
    position: absolute;
    top: 57.4%;
    left: 4%;
    width: 32.1%;
    opacity: 1;
    z-index: 1;
}

.cont_15_2 {
    position: absolute;
    top: 57.5%;
    left: 35%;
    width: 30.6%;
    opacity: 1;
    z-index: 1;
}

.cont_15_3 {
    position: absolute;
    top: 56.8%;
    right: 0%;
    width: 40.1%;
    opacity: 1;
}

.cont_15_1.active {
    opacity: 1;
    animation: bigsmall2 1s ease-in-out alternate infinite;
    animation-delay: 1;
}

.cont_15_2.active {
    opacity: 1;
    animation: bigsmall2 1s ease-in-out alternate infinite;
}

.cont_15_3.active {
    opacity: 1;
    animation-delay: -1;
    animation: bigsmall2 1s ease-in-out alternate infinite;
}

.cont_16_1 {
    position: absolute;
    top: 18%;
    left: 28%;
    width: 43%;
    opacity: 0;
}

.cont_16_2 {
    position: absolute;
    top: 14%;
    left: 1%;
    width: 30%;
    opacity: 0;
}

.cont_16_3 {
    position: absolute;
    top: 13%;
    right: 3%;
    width: 28.8%;
    opacity: 0;
}

.cont_16_4 {
    position: absolute;
    top: 43%;
    left: 5%;
    width: 26%;
    opacity: 0;
}

.cont_16_5 {
    position: absolute;
    top: 43%;
    left: 37%;
    width: 26%;
    opacity: 0;
}

.cont_16_6 {
    position: absolute;
    top: 43%;
    right: 5%;
    width: 26%;
    opacity: 0;
}

.cont_16_1.active {
    opacity: 1;
    animation: fadein1 1s ease-in-out alternate forwards;
    animation-delay: 1;
}

.cont_16_2.active {
    opacity: 1;
    animation: fadeup 1s ease-in-out alternate forwards;
}

.cont_16_3.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadeup 1s ease-in-out alternate forwards;
}

.cont_16_4.active {
    opacity: 1;
    animation: fadeup 1s ease-in-out alternate forwards;
    animation-delay: 1;
}

.cont_16_5.active {
    opacity: 1;
    animation: fadein1 1s ease-in-out alternate forwards;
}

.cont_16_6.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadeup 1s ease-in-out alternate forwards;
}

.cont_17_1 {
    position: absolute;
    top: 38%;
    left: 31%;
    width: 39%;
    opacity: 1;
    z-index: 3;
}

.cont_17_2 {
    position: absolute;
    top: 46%;
    left: 9%;
    width: 25%;
    opacity: 0;
    z-index: 2;
}

.cont_17_3 {
    position: absolute;
    top: 46%;
    right: 9%;
    width: 25%;
    opacity: 0;
    z-index: 2;
}

.cont_17_4 {
    position: absolute;
    bottom: 36%;
    right: 0%;
    width: 100%;
    opacity: 1;
    z-index: 1;
}



.cont_17_4 .item {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0%;
    bottom: 0%;
    animation: pakuuma 3s steps(1) infinite;
}

.cont_17_4 .item:nth-of-type(2) {
    animation-delay: 1.5s;
}

@keyframes pakuuma {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.cont_17_5 {
    position: absolute;
    top: 0%;
    right: 0;
    width: 100%;
    opacity: 1;
    z-index: 3;
}

.cont_17_6 {
    position: absolute;
    top: 33%;
    right: 0;
    width: 100%;
    opacity: 1;
    z-index: 1;
}


.cont_17_2.active {
    opacity: 1;
    animation-delay: -1;
    animation: rolleInleft 1s ease-in-out alternate forwards;
}

.cont_17_3.active {
    opacity: 1;
    animation-delay: -1;
    animation: rolleInright 1s ease-in-out alternate forwards;
}


.cont_18_1 {
    position: absolute;
    top: 6%;
    left: 9%;
    width: 82%;
    opacity: 0;
    z-index: 1;
}

.cont_18_2 {
    position: absolute;
    top: 6%;
    left: 20%;
    width: 58%;
    opacity: 0;
    z-index: 1;
}

.cont_18_3 {
    position: absolute;
    top: 19%;
    right: 0;
    width: 77%;
    opacity: 0;
    z-index: 1;
}

.cont_18_4 {
    position: absolute;
    top: 25%;
    left: 18%;
    width: 50%;
    opacity: 0;
    z-index: 1;
}

.cont_18_5 {
    position: absolute;
    top: 21%;
    left: 0;
    width: 32%;
    opacity: 0;
    z-index: 1;
}

.cont_18_6 {
    position: absolute;
    top: 22%;
    right: 3%;
    width: 37%;
    opacity: 0;
    z-index: 1;
}

.cont_18_7 {
    position: absolute;
    top: 42.5%;
    left: 28%;
    width: 41%;
    opacity: 0;
    z-index: 1;
}

.cont_18_1.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadeIn 1s ease-in-out alternate forwards;
}

.cont_18_2.active {
    animation-delay: -1;
    animation: fadedown 1s ease-in-out alternate forwards;
}

.cont_18_3.active {
    opacity: 1;
    animation-delay: -1;
    animation: rolleInright 1s ease-in-out alternate forwards;
}

.cont_18_4.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadein1 1s ease-in-out alternate forwards;
}

.cont_18_5.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadein2 1s ease-in-out alternate forwards;
}

.cont_18_6.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadein3 1s ease-in-out alternate forwards;
}

.cont_18_7.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadeup 1s ease-in-out alternate forwards;
}

.cont_18_8 {
    overflow: hidden;
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    opacity: 1;
    z-index: 1;
}

.cont_18_9 {
    position: absolute;
    top: 83.8%;
    left: 16%;
    width: 68.2%;
    opacity: 1;
    z-index: 2;
    height: 11.1%;
    overflow: hidden;
}

.cont_18_10 {
    position: absolute;
    top: 96%;
    left: 14%;
    width: 72%;
    opacity: 1;
    z-index: 1;
}

.cont_18_11 {
    position: absolute;
    top: 83.5%;
    left: 14%;
    width: 72%;
    opacity: 1;
    z-index: 1;
}


.cont_18_8 .sliderArea {
    max-width: 100%;
    margin: 0 auto;
}

.cont_18_8 .sliderArea.w300 {
    max-width: 300px;
}

.cont_18_8 .slick-slide {
    margin: 0 5px;
}

.cont_18_8 .slick-slide img {
    width: 100%;
    height: auto;
}

.cont_18_8 .slick-prev,
.cont_18_8 .slick-next {
    z-index: 1;
}

.cont_18_8 .slick-prev::before,
.cont_18_8 .slick-next::before {
    color: #000;
}

.cont_18_8 .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .5;
    transform: scale(.8);
}

.cont_18_8 .slick-active {
    opacity: 1;
    transform: scale(1);
    transition: all ease-in-out .3s;
}

.cont_18_8 .slick-current {
    opacity: 1;
}

.cont_18_8 .thumb {
    margin: 20px 0 0;
}

.cont_18_8 .thumb .slick-slide {
    cursor: pointer;
}

.cont_18_8 .thumb .slick-slide: hover {
    opacity: .7;
}

.cont_18_8 .full-screen .slick-list {
    overflow: visible;
}

.cont_18_8 .prev_icon {
    width: 20px;
    position: absolute;
    top: 50%;
    left: 20%;
}

.cont_18_8 .next_icon {
    width: 20px;
    position: absolute;
    top: 50%;
    right: 20%;
}


.table_outer {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    min-height: 542px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.table_outer: : -webkit-scrollbar {
    display: none;
}

.table_outer .table {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 386%;
    padding: 2%;
}

.range {
    position: absolute;
    top: 71%;
    left: 10%;
    width: 77%;
    z-index: 5;
    background: url("../img/cont_18_slider_bg.png") center center no-repeat;
    background-size: contain;
}

.range .arrow {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 20px;
    height: 20px;
    background: url("../img/churakanasa_comparison_btn.png") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    cursor: pointer;
}

.range input[type=range] {
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    opacity: 0;
    outline: none;
    cursor: pointer;
}



.cont_19_1 {
    position: absolute;
    top: 26%;
    left: 8%;
    width: 82%;
    opacity: 0;
    z-index: 1;
}

.cont_19_2 {
    position: absolute;
    top: 56.5%;
    left: 32%;
    width: 35%;
    opacity: 1;
    z-index: 1;
}

.cont_19_3 {
    position: absolute;
    top: 79.1%;
    left: 32%;
    width: 35%;
    opacity: 1;
    z-index: 1;
}

.cont_19_1.active {
    opacity: 1;
    animation-delay: -1;
    animation: fadeup 1s ease-in-out alternate forwards;
}

.cont_20_1 {
    position: absolute;
    top: 46%;
    left: 2%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}
.cont_20_2 {
    position: absolute;
    top: 46%;
    right: 6%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}
.cont_20_3 {
    position: absolute;
    top: 58%;
    left: 2%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}
.cont_20_4 {
    position: absolute;
    top: 58%;
    right: 6%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}
.cont_20_5 {
    position: absolute;
    top: 70%;
    left: 2%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}
.cont_20_6 {
    position: absolute;
    top: 70%;
    right: 6%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}
.cont_20_7 {
    position: absolute;
    top: 82%;
    left: 2%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}
.cont_20_8 {
    position: absolute;
    top: 82%;
    right: 6%;
    width: 47%;
    opacity: 0;
    z-index: 1;
}

.cont_20_1.active,.cont_20_2.active,.cont_20_3.active,.cont_20_4.active,.cont_20_5.active,.cont_20_6.active,.cont_20_7.active,.cont_20_8.active {
    opacity: 1;
    animation-delay: -1;
    animation: slidefadel 1s ease-in-out alternate forwards;
}

.cont_21_1 {
    position: absolute;
    top: 6%;
    left: 16%;
    width: 27%;
    opacity: 0;
    z-index: 1;
}

.cont_21_2 {
    position: absolute;
    top: 6%;
    right: 12%;
    width: 36%;
    opacity: 0;
    z-index: 1;
}

.cont_21_3 {
    position: absolute;
    top: 22%;
    right: 0%;
    width: 100%;
    opacity: 1;
    z-index: 1;
}
.cont_21_3 .slick-dots {
    bottom: -5px;
}

.slider_3 .slick-slide div {
    text-align: center;
}

.slick-dots li.slick-active button::before {
    color: #fff;
    font-size: 20px;
}

.slick-dots li button::before {
    color: #fff;
    font-size: 20px;
}

.cont_21_1.active {
    opacity: 1;
    animation-delay: -1;
    animation: rolleInleft 1s ease-in-out alternate forwards;
}

.cont_21_2.active {
    opacity: 1;
    animation-delay: -1;
    animation: rolleInright 1s ease-in-out alternate forwards;
}

.cont_22_1 {
    position: absolute;
    top: 22%;
    left: 5%;
    width: 44.2%;
    opacity: 0;
    z-index: 1;
}
.cont_22_2 {
    position: absolute;
    top: 53%;
    left: 3%;
    width: 46.4%;
    opacity: 1;
    z-index: 1;
}
.cont_22_3 {
    position: absolute;
    top: 53%;
    right: 3%;
    width: 46.4%;
    opacity: 1;
    z-index: 1;
}
.cont_22_4 {
    position: absolute;
    top: 76%;
    left: 3%;
    width: 46.4%;
    opacity: 1;
    z-index: 1;
}
.cont_22_5 {
    position: absolute;
    top: 76%;
    right: 3%;
    width: 46.4%;
    opacity: 1;
    z-index: 1;
}

.cont_22_1.active {
    opacity: 1;
    animation-delay: -1;
    animation: rolleInright 1s ease-in-out alternate forwards;
}

.cont_23_1 {
    position: absolute;
    top: 5%;
    left: 8%;
    width: 11.7%;
    opacity: 0;
    z-index: 1;
}

.cont_23_2 {
    position: absolute;
    top: 36%;
    right: 3%;
    width: 91.2%;
    opacity: 0;
    z-index: 1;
}
.cont_23_3 {
    position: absolute;
    top: 53%;
    right: 3%;
    width: 91.2%;
    opacity: 0;
    z-index: 1;
    animation-delay: 0.2s !important;
}
.cont_23_4 {
    position: absolute;
    top: 70%;
    right: 3%;
    width: 91.2%;
    opacity: 0;
    z-index: 1;
    animation-delay: 0.4s !important;
}

.cont_23_1.active {
    animation-delay: -1;
    animation: fadedown 1s ease-in-out alternate forwards;
}

.cont_23_2.active,
.cont_23_2.active ~ .cont_23_3,
.cont_23_2.active ~ .cont_23_4 {
    animation: fadedown 1s ease-in-out alternate forwards;
}

.cont_24_1 {
    position: absolute;
    top: 15.5%;
    left: 6%;
    width: 9.3%;
    opacity: 0;
    z-index: 1;
}

.cont_24_2 {
    position: absolute;
    top: 15.5%;
    left: 20%;
    width: 9.3%;
    opacity: 0;
    z-index: 1;
}
.cont_24_3 {
    position: absolute;
    top: 16%;
    left: 34.5%;
    width: 9.3%;
    opacity: 0;
    z-index: 1;
}

.cont_24_4 {
    position: absolute;
    top: 15.5%;
    right: 34%;
    width: 9.3%;
    opacity: 0;
    z-index: 1;
}

.cont_24_5 {
    position: absolute;
    top: 18.5%;
    right: 20%;
    width: 9.3%;
    opacity: 0;
    z-index: 1;
}
.cont_24_6 {
    position: absolute;
    top: 15.5%;
    right: 7%;
    width: 9.3%;
    opacity: 0;
    z-index: 1;
}
.cont_24_7 {
    position: absolute;
    top: 51%;
    right: 3%;
    width: 90.1%;
    opacity: 0;
    z-index: 1;
}

.cont_24_8 {
    position: absolute;
    top: 69%;
    left: 8%;
    width: 18.9%;
    opacity: 0;
    z-index: 1;
}
.cont_24_9 {
    position: absolute;
    top: 75%;
    right: 5%;
    width: 89.7%;
    opacity: 0;
    z-index: 1;
}

.cont_24_1.active,.cont_24_2.active,.cont_24_3.active {
    animation: fadedown 1s ease-in-out alternate forwards;
    animation-delay: .3s;
}

.cont_24_4.active,.cont_24_5.active,.cont_24_6.active {
    animation: fadedown 1s ease-in-out alternate forwards;
    animation-delay: .5s;
}

.cont_24_7.active,.cont_24_8.active,.cont_24_9.active {
    animation: fadedown 1s ease-in-out alternate forwards;
}




.cont_26_1 {
    position: absolute;
    top: 3%;
    right: 12%;
    width: 19.7%;
    opacity: 0;
    z-index: 1;
}

.cont_26_2 {
    position: absolute;
    top: 82%;
    left: 0%;
    width: 30.4%;
    opacity: 0;
    z-index: 1;
}
.cont_26_3 {
    position: absolute;
    top: 82%;
    left: 35%;
    width: 30.4%;
    opacity: 0;
    z-index: 1;
}
.cont_26_4 {
    position: absolute;
    top: 82%;
    right: 0%;
    width: 30.4%;
    opacity: 0;
    z-index: 1;
}

.cont_26_5 {
    position: absolute;
    top: 49%;
    left: 10%;
    width: 79.7%;
    opacity: 1;
    z-index: 1;
}

.cont_26_1.active {
    animation-delay: 3;
    animation: fadedown 1s ease-in-out alternate forwards;
}

.cont_26_2.active {
    opacity: 0;
    animation: rolleInleft 1s ease-in-out alternate forwards;
    animation-delay: .2s;
}

.cont_26_3.active {
    opacity: 0;
    animation: rolleInleft 1s ease-in-out alternate forwards;
    animation-delay: .4s;
}
.cont_26_4.active {
    opacity: 0;
    animation: rolleInleft 1s ease-in-out alternate forwards;
    animation-delay: .5s;
}

.cont_27_1 {
    position: absolute;
    top: 4%;
    left: 45%;
    width: 12.4%;
    opacity: 1;
    z-index: 1;
}

.cont_27_2 {
    position: absolute;
    top: 11%;
    left: 16%;
    width: 67.6%;
    opacity: 1;
    z-index: 1;
}

.cont_27_3 {
    position: absolute;
    top: 20%;
    left: 18%;
    width: 64.4%;
    opacity: 1;
    z-index: 1;
}

.cont_27_1.active {
    opacity: 0;
    animation: rolleing 1s ease-in-out alternate infinite;
    animation-delay: .2s;
}

.cont_27_2.active {
    animation: fadedown 1s ease-in-out alternate forwards;
    animation-delay: .4s;
}
.cont_27_3.active {
    opacity: 0;
    animation: fadedown 1s ease-in-out alternate forwards;
    animation-delay: .5s;
}

.cont_29 {
    width: 23.4%;
    margin: 10% 38% 5%;
}

footer {
    margin-top: 3%;
    background: #edebdf;
    padding: 1%;
    box-sizing: border-box;
}

.cont_30_1 {
    width: 52%;
    margin: 5% auto;
}

.cont_30_2,.cont_30_3,.cont_30_4,.cont_30_5,.cont_30_6 {
    width: 92%;
    margin: 3% auto;
}

.cont_30_7 {
    width: 32.9%;
    margin: 10% auto 5%;
}

.cont_30_8 {
    width: 83.4%;
    margin: 0% auto;
}

.cont_30_9 {
    width: 86.6%;
    margin: 1rem auto;
}

.cont_30_10 {
    text-align: center;
    color: #624533;
    font-weight: bold;
    margin-top: 2%;
    font-size: 3vw;
    line-height: 1.6em;
}
@media screen and (min-width: 750px) {
    .cont_30_10 {
        font-size: 22.5px;
    }
}

footer .f_01 {width: 36%;}
footer .f_02 {width: 36%;}
footer .f_03 {width: 16%;}


@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes updown {
    0% {
        transform: translateY(-10%);
    }

    100% {
        transform: translateY(10%);
    }
}

@keyframes updown2 {
    0% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(5px);
    }
}

@keyframes slidefade {
    0% {
        opacity: 0;
        transform: translateX(40%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slidefadel {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


@keyframes fadeup {
    0% {
        opacity: 0;
        transform: translateY(20%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadedown {
    0% {
        opacity: 0;
        transform: translateY(-20%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadein1 {
    0% {
        opacity: 0;
        transform: translateY(-10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadein2 {
    0% {
        opacity: 0;
        transform: translate(-10%, 10%);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes fadein3 {
    0% {
        opacity: 0;
        transform: translate(10%, 10%);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes rolleInleft {
    0% {
        opacity: 0;
        transform: translateX(-10%) rotate(-45deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes rolleInright {
    0% {
        opacity: 0;
        transform: translateX(10%) rotate(45deg);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}



@keyframes rolleing {
    0% {
        transform: rotate(-20deg);
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: rotate(20deg);
    }
}


@keyframes rolleInDown {
    0% {
        opacity: 0;
        transform: translateY(-10%) rotate(45deg);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}


@keyframes circleA1 {
    0% {
        stroke-dasharray: 0 3000;
        opacity: .8;
    }

    99.9%,
    to {
        stroke-dasharray: 1400 3000;
        opacity: .8;
    }
}

@keyframes bigsmall {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bigsmall2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes insta {
    0% {
        opacity: 0;
    }

    12.5% {
        opacity: 1;
    }

    37.5% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}
.accordion_one {
    width: 92%;
    margin: 2% auto 0;
}
.accordion_one: last-child {
    margin-bottom: 5%;
}

.accordion_header {
    width: 100%;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
    line-height: 1em;
}
.accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 2%;
    width: 4%;
    height: 4%;
    margin-top: 0;
    background: #624533;
    transition: 0.6s;
}

.accordion_header.open .i_box {
    transform: rotate(180deg);
}

.accordion_inner {
    border: #624533 solid 2px;
    padding: 3%;
}

.accordion_inner p {
    font-size: 3vw;
    line-height: 1.6em;
}
@media screen and (min-width: 750px) {
    .accordion_inner p {
        font-size: 22.5px;
    }
}


#cboxTopRight,#cboxMiddleLeft,#cboxBottomLeft,#cboxBottomCenter,#cboxMiddleRight,#cboxBottomRight,#cboxTopCenter,#cboxTopLeft {
    background: none;
}