@charset "UTF-8";

/*!

Theme Name: Donooco

Author: محمدرضا موسوی <info@hoovision.ir>

Author URI: https://hoovision.ir/

Version: 2.0.0

Description: قالب معرفی / فروش ویژن

*/

/*****************************************************/

.horse img {

    transform: translateX(30px);

}



.loaded .horse img {

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    transition: 2.5s 1s ease;

}



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

    .slide-frame img:nth-child(odd) {

        opacity: 1;

    }

}



.slide-frame img:nth-child(2) {

    display: block !important;

    opacity: 0;

    transition: 0.3s;

    z-index: 5;

}



.slide-frame:hover img:nth-child(2) {

    opacity: 1;

}



.secbg {

    top: 0;

    position: absolute;

    -webkit-mask-image: linear-gradient(to top, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgb(0 0 0 / 0%) 100%);

    mask-image: linear-gradient(to top, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgb(0 0 0 / 0%) 100%);

}



/*****************************************************/

@media (min-width: 1400px) {

    .container {

        max-width: 1366px;

    }

}



.flex-end {

    justify-content: flex-end;

}



.content-center {

    justify-content: center;

}



.align-center {

    align-items: center;

    justify-content: center;

}



.flex-wrap {

    flex-wrap: wrap;

}



.container {

    width: 100%;

    padding-right: 10px;

    padding-left: 10px;

    margin-right: auto;

    margin-left: auto

}



@media (min-width: 576px) {

    .container {

        max-width: 540px

    }

}



@media (min-width: 768px) {

    .container {

        max-width: 720px

    }

}



@media (min-width: 992px) {

    .container {

        max-width: 960px

    }

}



@media (min-width: 1200px) {

    .container {

        max-width: 1140px

    }

}



@media (min-width: 1400px) {

    .container {

        max-width: 1240px

    }

}



.container-fluid {

    width: 100%;

    padding-right: 10px;

    padding-left: 10px;

    margin-right: auto;

    margin-left: auto

}



.row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -10px;

    margin-left: -10px

}



.no-gutters > .c, .no-gutters > [class*=c-] {

    padding-right: 0;

    padding-left: 0

}



.c, .c-1, .c-10, .c-11, .c-12, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-auto, .c-lg, .c-lg-1, .c-lg-10, .c-lg-11, .c-lg-12, .c-lg-2, .c-lg-3, .c-lg-4, .c-lg-5, .c-lg-6, .c-lg-7, .c-lg-8, .c-lg-9, .c-lg-auto, .c-md, .c-md-1, .c-md-10, .c-md-11, .c-md-12, .c-md-2, .c-md-3, .c-md-4, .c-md-5, .c-md-6, .c-md-7, .c-md-8, .c-md-9, .c-md-auto, .c-sm, .c-sm-1, .c-sm-10, .c-sm-11, .c-sm-12, .c-sm-2, .c-sm-3, .c-sm-4, .c-sm-5, .c-sm-6, .c-sm-7, .c-sm-8, .c-sm-9, .c-sm-auto, .c-xl, .c-xl-1, .c-xl-10, .c-xl-11, .c-xl-12, .c-xl-2, .c-xl-3, .c-xl-4, .c-xl-5, .c-xl-6, .c-xl-7, .c-xl-8, .c-xl-9, .c-xl-auto {

    position: relative;

    width: 100%;

    padding-right: 10px;

    padding-left: 10px

}



.c {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%

}



.c-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%

}



.c-1 {

    -ms-flex: 0 0 8.3333%;

    flex: 0 0 8.3333%;

    max-width: 8.3333%

}



.c-2 {

    -ms-flex: 0 0 16.6666%;

    flex: 0 0 16.6666%;

    max-width: 16.6666%

}



.c-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%

}



.c-4 {

    -ms-flex: 0 0 33.3333%;

    flex: 0 0 33.3333%;

    max-width: 33.3333%

}



.c-5 {

    -ms-flex: 0 0 41.6666%;

    flex: 0 0 41.6666%;

    max-width: 41.6666%

}



.c-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%

}



.c-7 {

    -ms-flex: 0 0 58.3333%;

    flex: 0 0 58.3333%;

    max-width: 58.3333%

}



.c-8 {

    -ms-flex: 0 0 66.6666%;

    flex: 0 0 66.6666%;

    max-width: 66.6666%

}



.c-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%

}



.c-10 {

    -ms-flex: 0 0 83.3333%;

    flex: 0 0 83.3333%;

    max-width: 83.3333%

}



.c-11 {

    -ms-flex: 0 0 91.6666%;

    flex: 0 0 91.6666%;

    max-width: 91.6666%

}



.c-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%

}



.o-0 {

    -ms-flex-order: 0;

    order: 0

}



.o-1 {

    -ms-flex-order: 1;

    order: 1

}



.o-2 {

    -ms-flex-order: 2;

    order: 2

}



.o-3 {

    -ms-flex-order: 3;

    order: 3

}



.o-4 {

    -ms-flex-order: 4;

    order: 4

}



.o-5 {

    -ms-flex-order: 5;

    order: 5

}



.o-6 {

    -ms-flex-order: 6;

    order: 6

}



.o-7 {

    -ms-flex-order: 7;

    order: 7

}



.o-8 {

    -ms-flex-order: 8;

    order: 8

}



.o-9 {

    -ms-flex-order: 9;

    order: 9

}



.o-10 {

    -ms-flex-order: 10;

    order: 10

}



.o-11 {

    -ms-flex-order: 11;

    order: 11

}



.o-12 {

    -ms-flex-order: 12;

    order: 12

}



@media (min-width: 576px) {

    .c-sm {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }



    .c-sm-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%

    }



    .c-sm-1 {

        -ms-flex: 0 0 8.3333%;

        flex: 0 0 8.3333%;

        max-width: 8.3333%

    }



    .c-sm-2 {

        -ms-flex: 0 0 16.6666%;

        flex: 0 0 16.6666%;

        max-width: 16.6666%

    }



    .c-sm-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }



    .c-sm-4 {

        -ms-flex: 0 0 33.3333%;

        flex: 0 0 33.3333%;

        max-width: 33.3333%

    }



    .c-sm-5 {

        -ms-flex: 0 0 41.6666%;

        flex: 0 0 41.6666%;

        max-width: 41.6666%

    }



    .c-sm-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }



    .c-sm-7 {

        -ms-flex: 0 0 58.3333%;

        flex: 0 0 58.3333%;

        max-width: 58.3333%

    }



    .c-sm-8 {

        -ms-flex: 0 0 66.6666%;

        flex: 0 0 66.6666%;

        max-width: 66.6666%

    }



    .c-sm-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }



    .c-sm-10 {

        -ms-flex: 0 0 83.3333%;

        flex: 0 0 83.3333%;

        max-width: 83.3333%

    }



    .c-sm-11 {

        -ms-flex: 0 0 91.6666%;

        flex: 0 0 91.6666%;

        max-width: 91.6666%

    }



    .c-sm-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }



    .o-sm-first {

        -ms-flex-order: -1;

        order: -1

    }



    .o-sm-last {

        -ms-flex-order: 13;

        order: 13

    }



    .o-sm-0 {

        -ms-flex-order: 0;

        order: 0

    }



    .o-sm-1 {

        -ms-flex-order: 1;

        order: 1

    }



    .o-sm-2 {

        -ms-flex-order: 2;

        order: 2

    }



    .o-sm-3 {

        -ms-flex-order: 3;

        order: 3

    }



    .o-sm-4 {

        -ms-flex-order: 4;

        order: 4

    }



    .o-sm-5 {

        -ms-flex-order: 5;

        order: 5

    }



    .o-sm-6 {

        -ms-flex-order: 6;

        order: 6

    }



    .o-sm-7 {

        -ms-flex-order: 7;

        order: 7

    }



    .o-sm-8 {

        -ms-flex-order: 8;

        order: 8

    }



    .o-sm-9 {

        -ms-flex-order: 9;

        order: 9

    }



    .o-sm-10 {

        -ms-flex-order: 10;

        order: 10

    }



    .o-sm-11 {

        -ms-flex-order: 11;

        order: 11

    }



    .o-sm-12 {

        -ms-flex-order: 12;

        order: 12

    }

}



@media (min-width: 768px) {

    .c-md {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }



    .c-md-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%

    }



    .c-md-1 {

        -ms-flex: 0 0 8.3333%;

        flex: 0 0 8.3333%;

        max-width: 8.3333%

    }



    .c-md-2 {

        -ms-flex: 0 0 16.6666%;

        flex: 0 0 16.6666%;

        max-width: 16.6666%

    }



    .c-md-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }



    .c-md-4 {

        -ms-flex: 0 0 33.3333%;

        flex: 0 0 33.3333%;

        max-width: 33.3333%

    }



    .c-md-5 {

        -ms-flex: 0 0 41.6666%;

        flex: 0 0 41.6666%;

        max-width: 41.6666%

    }



    .c-md-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }



    .c-md-7 {

        -ms-flex: 0 0 58.3333%;

        flex: 0 0 58.3333%;

        max-width: 58.3333%

    }



    .c-md-8 {

        -ms-flex: 0 0 66.6666%;

        flex: 0 0 66.6666%;

        max-width: 66.6666%

    }



    .c-md-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }



    .c-md-10 {

        -ms-flex: 0 0 83.3333%;

        flex: 0 0 83.3333%;

        max-width: 83.3333%

    }



    .c-md-11 {

        -ms-flex: 0 0 91.6666%;

        flex: 0 0 91.6666%;

        max-width: 91.6666%

    }



    .c-md-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }



    .o-md-first {

        -ms-flex-order: -1;

        order: -1

    }



    .o-md-last {

        -ms-flex-order: 13;

        order: 13

    }



    .o-md-0 {

        -ms-flex-order: 0;

        order: 0

    }



    .o-md-1 {

        -ms-flex-order: 1;

        order: 1

    }



    .o-md-2 {

        -ms-flex-order: 2;

        order: 2

    }



    .o-md-3 {

        -ms-flex-order: 3;

        order: 3

    }



    .o-md-4 {

        -ms-flex-order: 4;

        order: 4

    }



    .o-md-5 {

        -ms-flex-order: 5;

        order: 5

    }



    .o-md-6 {

        -ms-flex-order: 6;

        order: 6

    }



    .o-md-7 {

        -ms-flex-order: 7;

        order: 7

    }



    .o-md-8 {

        -ms-flex-order: 8;

        order: 8

    }



    .o-md-9 {

        -ms-flex-order: 9;

        order: 9

    }



    .o-md-10 {

        -ms-flex-order: 10;

        order: 10

    }



    .o-md-11 {

        -ms-flex-order: 11;

        order: 11

    }



    .o-md-12 {

        -ms-flex-order: 12;

        order: 12

    }

}



@media (min-width: 992px) {

    .c-lg {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }



    .c-lg-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%

    }



    .c-lg-1 {

        -ms-flex: 0 0 8.3333%;

        flex: 0 0 8.3333%;

        max-width: 8.3333%

    }



    .c-lg-2 {

        -ms-flex: 0 0 16.6666%;

        flex: 0 0 16.6666%;

        max-width: 16.6666%

    }



    .c-lg-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }



    .c-lg-4 {

        -ms-flex: 0 0 33.3333%;

        flex: 0 0 33.3333%;

        max-width: 33.3333%

    }



    .c-lg-5 {

        -ms-flex: 0 0 41.6666%;

        flex: 0 0 41.6666%;

        max-width: 41.6666%

    }



    .c-lg-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }



    .c-lg-7 {

        -ms-flex: 0 0 58.3333%;

        flex: 0 0 58.3333%;

        max-width: 58.3333%

    }



    .c-lg-8 {

        -ms-flex: 0 0 66.6666%;

        flex: 0 0 66.6666%;

        max-width: 66.6666%

    }



    .c-lg-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }



    .c-lg-10 {

        -ms-flex: 0 0 83.3333%;

        flex: 0 0 83.3333%;

        max-width: 83.3333%

    }



    .c-lg-11 {

        -ms-flex: 0 0 91.6666%;

        flex: 0 0 91.6666%;

        max-width: 91.6666%

    }



    .c-lg-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }



    .o-lg-0 {

        -ms-flex-order: 0;

        order: 0

    }



    .o-lg-1 {

        -ms-flex-order: 1;

        order: 1

    }



    .o-lg-2 {

        -ms-flex-order: 2;

        order: 2

    }



    .o-lg-3 {

        -ms-flex-order: 3;

        order: 3

    }



    .o-lg-4 {

        -ms-flex-order: 4;

        order: 4

    }



    .o-lg-5 {

        -ms-flex-order: 5;

        order: 5

    }



    .o-lg-6 {

        -ms-flex-order: 6;

        order: 6

    }



    .o-lg-7 {

        -ms-flex-order: 7;

        order: 7

    }



    .o-lg-8 {

        -ms-flex-order: 8;

        order: 8

    }



    .o-lg-9 {

        -ms-flex-order: 9;

        order: 9

    }



    .o-lg-10 {

        -ms-flex-order: 10;

        order: 10

    }



    .o-lg-11 {

        -ms-flex-order: 11;

        order: 11

    }



    .o-lg-12 {

        -ms-flex-order: 12;

        order: 12

    }

}



@media (min-width: 1200px) {

    .c-xl {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }



    .c-xl-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100%

    }



    .c-xl-1 {

        -ms-flex: 0 0 8.3333%;

        flex: 0 0 8.3333%;

        max-width: 8.3333%

    }



    .c-xl-2 {

        -ms-flex: 0 0 16.6666%;

        flex: 0 0 16.6666%;

        max-width: 16.6666%

    }



    .c-xl-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }



    .c-xl-4 {

        -ms-flex: 0 0 33.3333%;

        flex: 0 0 33.3333%;

        max-width: 33.3333%

    }



    .c-xl-5 {

        -ms-flex: 0 0 41.6666%;

        flex: 0 0 41.6666%;

        max-width: 41.6666%

    }



    .c-xl-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }



    .c-xl-7 {

        -ms-flex: 0 0 58.3333%;

        flex: 0 0 58.3333%;

        max-width: 58.3333%

    }



    .c-xl-8 {

        -ms-flex: 0 0 66.6666%;

        flex: 0 0 66.6666%;

        max-width: 66.6666%

    }



    .c-xl-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }



    .c-xl-10 {

        -ms-flex: 0 0 83.3333%;

        flex: 0 0 83.3333%;

        max-width: 83.3333%

    }



    .c-xl-11 {

        -ms-flex: 0 0 91.6666%;

        flex: 0 0 91.6666%;

        max-width: 91.6666%

    }



    .c-xl-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }



    .o-xl-first {

        -ms-flex-order: -1;

        order: -1

    }



    .o-xl-last {

        -ms-flex-order: 13;

        order: 13

    }



    .o-xl-0 {

        -ms-flex-order: 0;

        order: 0

    }



    .o-xl-1 {

        -ms-flex-order: 1;

        order: 1

    }



    .o-xl-2 {

        -ms-flex-order: 2;

        order: 2

    }



    .o-xl-3 {

        -ms-flex-order: 3;

        order: 3

    }



    .o-xl-4 {

        -ms-flex-order: 4;

        order: 4

    }



    .o-xl-5 {

        -ms-flex-order: 5;

        order: 5

    }



    .o-xl-6 {

        -ms-flex-order: 6;

        order: 6

    }



    .o-xl-7 {

        -ms-flex-order: 7;

        order: 7

    }



    .o-xl-8 {

        -ms-flex-order: 8;

        order: 8

    }



    .o-xl-9 {

        -ms-flex-order: 9;

        order: 9

    }



    .o-xl-10 {

        -ms-flex-order: 10;

        order: 10

    }



    .o-xl-11 {

        -ms-flex-order: 11;

        order: 11

    }



    .o-xl-12 {

        -ms-flex-order: 12;

        order: 12

    }

}



.d-none {

    display: none !important

}



.d-inline {

    display: inline !important

}



.d-inline-block {

    display: inline-block !important

}



.d-block {

    display: block !important

}



.d-table {

    display: table !important

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important

}



@media (min-width: 576px) {

    .d-sm-none {

        display: none !important

    }



    .d-sm-inline {

        display: inline !important

    }



    .d-sm-inline-block {

        display: inline-block !important

    }



    .d-sm-block {

        display: block !important

    }



    .d-sm-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

}



@media (min-width: 768px) {

    .d-md-none {

        display: none !important

    }



    .d-md-inline {

        display: inline !important

    }



    .d-md-inline-block {

        display: inline-block !important

    }



    .d-md-block {

        display: block !important

    }



    .d-md-table-row {

        display: table-row !important

    }



    .d-md-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

}



@media (min-width: 992px) {

    .d-lg-none {

        display: none !important

    }



    .d-lg-inline {

        display: inline !important

    }



    .d-lg-inline-block {

        display: inline-block !important

    }



    .d-lg-block {

        display: block !important

    }



    .d-lg-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

}



@media (min-width: 1200px) {

    .d-xl-none {

        display: none !important

    }



    .d-xl-inline {

        display: inline !important

    }



    .d-xl-inline-block {

        display: inline-block !important

    }



    .d-xl-block {

        display: block !important

    }



    .d-xl-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

}



.m-0 {

    margin: 0

}



.mt-0, .my-0 {

    margin-top: 0

}



.mr-0, .mx-0 {

    margin-right: 0

}



.mb-0, .my-0 {

    margin-bottom: 0

}



.ml-0, .mx-0 {

    margin-left: 0

}



.m-1 {

    margin: .25rem

}



.mt-1, .my-1 {

    margin-top: .25rem

}



.mr-1, .mx-1 {

    margin-right: .25rem

}



.mb-1, .my-1 {

    margin-bottom: .25rem

}



.ml-1, .mx-1 {

    margin-left: .25rem

}



.m-2 {

    margin: .5rem

}



.mt-2, .my-2 {

    margin-top: .5rem

}



.mr-2, .mx-2 {

    margin-right: .5rem

}



.mb-2, .my-2 {

    margin-bottom: .5rem

}



.ml-2, .mx-2 {

    margin-left: .5rem

}



.m-3 {

    margin: 1rem

}



.mt-3, .my-3 {

    margin-top: 1rem

}



.mr-3, .mx-3 {

    margin-right: 1rem

}



.mb-3, .my-3 {

    margin-bottom: 1rem

}



.ml-3, .mx-3 {

    margin-left: 1rem

}



.m-4 {

    margin: 1.5rem

}



.mt-4, .my-4 {

    margin-top: 1.5rem

}



.mr-4, .mx-4 {

    margin-right: 1.5rem

}



.mb-4, .my-4 {

    margin-bottom: 1.5rem

}



.ml-4, .mx-4 {

    margin-left: 1.5rem

}



.m-5 {

    margin: 3rem

}



.mt-5, .my-5 {

    margin-top: 3rem

}



.mr-5, .mx-5 {

    margin-right: 3rem

}



.mb-5, .my-5 {

    margin-bottom: 3rem

}



.ml-5, .mx-5 {

    margin-left: 3rem

}



.p-0 {

    padding: 0

}



.pt-0, .py-0 {

    padding-top: 0

}



.pr-0, .px-0 {

    padding-right: 0

}



.pb-0, .py-0 {

    padding-bottom: 0

}



.pl-0, .px-0 {

    padding-left: 0

}



.p-1 {

    padding: .25rem

}



.pt-1, .py-1 {

    padding-top: .25rem

}



.pr-1, .px-1 {

    padding-right: .25rem

}



.pb-1, .py-1 {

    padding-bottom: .25rem

}



.pl-1, .px-1 {

    padding-left: .25rem

}



.p-2 {

    padding: .5rem

}



.pt-2, .py-2 {

    padding-top: .5rem

}



.pr-2, .px-2 {

    padding-right: .5rem

}



.pb-2, .py-2 {

    padding-bottom: .5rem

}



.pl-2, .px-2 {

    padding-left: .5rem

}



.p-3 {

    padding: 1rem

}



.pt-3, .py-3 {

    padding-top: 1rem

}



.pr-3, .px-3 {

    padding-right: 1rem

}



.pb-3, .py-3 {

    padding-bottom: 1rem

}



.pl-3, .px-3 {

    padding-left: 1rem

}



.p-4 {

    padding: 1.5rem

}



.pt-4, .py-4 {

    padding-top: 1.5rem

}



.pr-4, .px-4 {

    padding-right: 1.5rem

}



.pb-4, .py-4 {

    padding-bottom: 1.5rem

}



.pl-4, .px-4 {

    padding-left: 1.5rem

}



.p-5 {

    padding: 3rem

}



.pt-5, .py-5 {

    padding-top: 3rem

}



.pr-5, .px-5 {

    padding-right: 3rem

}



.pb-5, .py-5 {

    padding-bottom: 3rem

}



.pl-5, .px-5 {

    padding-left: 3rem

}



.m-auto {

    margin: auto

}



.mt-auto, .my-auto {

    margin-top: auto

}



.mr-auto, .mx-auto {

    margin-right: auto

}



.mb-auto, .my-auto {

    margin-bottom: auto

}



.ml-auto, .mx-auto {

    margin-left: auto

}



@media (min-width: 576px) {

    .m-sm-0 {

        margin: 0

    }



    .mt-sm-0, .my-sm-0 {

        margin-top: 0

    }



    .mr-sm-0, .mx-sm-0 {

        margin-right: 0

    }



    .mb-sm-0, .my-sm-0 {

        margin-bottom: 0

    }



    .ml-sm-0, .mx-sm-0 {

        margin-left: 0

    }



    .m-sm-1 {

        margin: .25rem

    }



    .mt-sm-1, .my-sm-1 {

        margin-top: .25rem

    }



    .mr-sm-1, .mx-sm-1 {

        margin-right: .25rem

    }



    .mb-sm-1, .my-sm-1 {

        margin-bottom: .25rem

    }



    .ml-sm-1, .mx-sm-1 {

        margin-left: .25rem

    }



    .m-sm-2 {

        margin: .5rem

    }



    .mt-sm-2, .my-sm-2 {

        margin-top: .5rem

    }



    .mr-sm-2, .mx-sm-2 {

        margin-right: .5rem

    }



    .mb-sm-2, .my-sm-2 {

        margin-bottom: .5rem

    }



    .ml-sm-2, .mx-sm-2 {

        margin-left: .5rem

    }



    .m-sm-3 {

        margin: 1rem

    }



    .mt-sm-3, .my-sm-3 {

        margin-top: 1rem

    }



    .mr-sm-3, .mx-sm-3 {

        margin-right: 1rem

    }



    .mb-sm-3, .my-sm-3 {

        margin-bottom: 1rem

    }



    .ml-sm-3, .mx-sm-3 {

        margin-left: 1rem

    }



    .m-sm-4 {

        margin: 1.5rem

    }



    .mt-sm-4, .my-sm-4 {

        margin-top: 1.5rem

    }



    .mr-sm-4, .mx-sm-4 {

        margin-right: 1.5rem

    }



    .mb-sm-4, .my-sm-4 {

        margin-bottom: 1.5rem

    }



    .ml-sm-4, .mx-sm-4 {

        margin-left: 1.5rem

    }



    .m-sm-5 {

        margin: 3rem

    }



    .mt-sm-5, .my-sm-5 {

        margin-top: 3rem

    }



    .mr-sm-5, .mx-sm-5 {

        margin-right: 3rem

    }



    .mb-sm-5, .my-sm-5 {

        margin-bottom: 3rem

    }



    .ml-sm-5, .mx-sm-5 {

        margin-left: 3rem

    }



    .p-sm-0 {

        padding: 0

    }



    .pt-sm-0, .py-sm-0 {

        padding-top: 0

    }



    .pr-sm-0, .px-sm-0 {

        padding-right: 0

    }



    .pb-sm-0, .py-sm-0 {

        padding-bottom: 0

    }



    .pl-sm-0, .px-sm-0 {

        padding-left: 0

    }



    .p-sm-1 {

        padding: .25rem

    }



    .pt-sm-1, .py-sm-1 {

        padding-top: .25rem

    }



    .pr-sm-1, .px-sm-1 {

        padding-right: .25rem

    }



    .pb-sm-1, .py-sm-1 {

        padding-bottom: .25rem

    }



    .pl-sm-1, .px-sm-1 {

        padding-left: .25rem

    }



    .p-sm-2 {

        padding: .5rem

    }



    .pt-sm-2, .py-sm-2 {

        padding-top: .5rem

    }



    .pr-sm-2, .px-sm-2 {

        padding-right: .5rem

    }



    .pb-sm-2, .py-sm-2 {

        padding-bottom: .5rem

    }



    .pl-sm-2, .px-sm-2 {

        padding-left: .5rem

    }



    .p-sm-3 {

        padding: 1rem

    }



    .pt-sm-3, .py-sm-3 {

        padding-top: 1rem

    }



    .pr-sm-3, .px-sm-3 {

        padding-right: 1rem

    }



    .pb-sm-3, .py-sm-3 {

        padding-bottom: 1rem

    }



    .pl-sm-3, .px-sm-3 {

        padding-left: 1rem

    }



    .p-sm-4 {

        padding: 1.5rem

    }



    .pt-sm-4, .py-sm-4 {

        padding-top: 1.5rem

    }



    .pr-sm-4, .px-sm-4 {

        padding-right: 1.5rem

    }



    .pb-sm-4, .py-sm-4 {

        padding-bottom: 1.5rem

    }



    .pl-sm-4, .px-sm-4 {

        padding-left: 1.5rem

    }



    .p-sm-5 {

        padding: 3rem

    }



    .pt-sm-5, .py-sm-5 {

        padding-top: 3rem

    }



    .pr-sm-5, .px-sm-5 {

        padding-right: 3rem

    }



    .pb-sm-5, .py-sm-5 {

        padding-bottom: 3rem

    }



    .pl-sm-5, .px-sm-5 {

        padding-left: 3rem

    }



    .m-sm-auto {

        margin: auto

    }



    .mt-sm-auto, .my-sm-auto {

        margin-top: auto

    }



    .mr-sm-auto, .mx-sm-auto {

        margin-right: auto

    }



    .mb-sm-auto, .my-sm-auto {

        margin-bottom: auto

    }



    .ml-sm-auto, .mx-sm-auto {

        margin-left: auto

    }

}



@media (min-width: 768px) {

    .m-md-0 {

        margin: 0

    }



    .mt-md-0, .my-md-0 {

        margin-top: 0

    }



    .mr-md-0, .mx-md-0 {

        margin-right: 0

    }



    .mb-md-0, .my-md-0 {

        margin-bottom: 0

    }



    .ml-md-0, .mx-md-0 {

        margin-left: 0

    }



    .m-md-1 {

        margin: .25rem

    }



    .mt-md-1, .my-md-1 {

        margin-top: .25rem

    }



    .mr-md-1, .mx-md-1 {

        margin-right: .25rem

    }



    .mb-md-1, .my-md-1 {

        margin-bottom: .25rem

    }



    .ml-md-1, .mx-md-1 {

        margin-left: .25rem

    }



    .m-md-2 {

        margin: .5rem

    }



    .mt-md-2, .my-md-2 {

        margin-top: .5rem

    }



    .mr-md-2, .mx-md-2 {

        margin-right: .5rem

    }



    .mb-md-2, .my-md-2 {

        margin-bottom: .5rem

    }



    .ml-md-2, .mx-md-2 {

        margin-left: .5rem

    }



    .m-md-3 {

        margin: 1rem

    }



    .mt-md-3, .my-md-3 {

        margin-top: 1rem

    }



    .mr-md-3, .mx-md-3 {

        margin-right: 1rem

    }



    .mb-md-3, .my-md-3 {

        margin-bottom: 1rem

    }



    .ml-md-3, .mx-md-3 {

        margin-left: 1rem

    }



    .m-md-4 {

        margin: 1.5rem

    }



    .mt-md-4, .my-md-4 {

        margin-top: 1.5rem

    }



    .mr-md-4, .mx-md-4 {

        margin-right: 1.5rem

    }



    .mb-md-4, .my-md-4 {

        margin-bottom: 1.5rem

    }



    .ml-md-4, .mx-md-4 {

        margin-left: 1.5rem

    }



    .m-md-5 {

        margin: 3rem

    }



    .mt-md-5, .my-md-5 {

        margin-top: 3rem

    }



    .mr-md-5, .mx-md-5 {

        margin-right: 3rem

    }



    .mb-md-5, .my-md-5 {

        margin-bottom: 3rem

    }



    .ml-md-5, .mx-md-5 {

        margin-left: 3rem

    }



    .p-md-0 {

        padding: 0

    }



    .pt-md-0, .py-md-0 {

        padding-top: 0

    }



    .pr-md-0, .px-md-0 {

        padding-right: 0

    }



    .pb-md-0, .py-md-0 {

        padding-bottom: 0

    }



    .pl-md-0, .px-md-0 {

        padding-left: 0

    }



    .p-md-1 {

        padding: .25rem

    }



    .pt-md-1, .py-md-1 {

        padding-top: .25rem

    }



    .pr-md-1, .px-md-1 {

        padding-right: .25rem

    }



    .pb-md-1, .py-md-1 {

        padding-bottom: .25rem

    }



    .pl-md-1, .px-md-1 {

        padding-left: .25rem

    }



    .p-md-2 {

        padding: .5rem

    }



    .pt-md-2, .py-md-2 {

        padding-top: .5rem

    }



    .pr-md-2, .px-md-2 {

        padding-right: .5rem

    }



    .pb-md-2, .py-md-2 {

        padding-bottom: .5rem

    }



    .pl-md-2, .px-md-2 {

        padding-left: .5rem

    }



    .p-md-3 {

        padding: 1rem

    }



    .pt-md-3, .py-md-3 {

        padding-top: 1rem

    }



    .pr-md-3, .px-md-3 {

        padding-right: 1rem

    }



    .pb-md-3, .py-md-3 {

        padding-bottom: 1rem

    }



    .pl-md-3, .px-md-3 {

        padding-left: 1rem

    }



    .p-md-4 {

        padding: 1.5rem

    }



    .pt-md-4, .py-md-4 {

        padding-top: 1.5rem

    }



    .pr-md-4, .px-md-4 {

        padding-right: 1.5rem

    }



    .pb-md-4, .py-md-4 {

        padding-bottom: 1.5rem

    }



    .pl-md-4, .px-md-4 {

        padding-left: 1.5rem

    }



    .p-md-5 {

        padding: 3rem

    }



    .pt-md-5, .py-md-5 {

        padding-top: 3rem

    }



    .pr-md-5, .px-md-5 {

        padding-right: 3rem

    }



    .pb-md-5, .py-md-5 {

        padding-bottom: 3rem

    }



    .pl-md-5, .px-md-5 {

        padding-left: 3rem

    }



    .m-md-auto {

        margin: auto

    }



    .mt-md-auto, .my-md-auto {

        margin-top: auto

    }



    .mr-md-auto, .mx-md-auto {

        margin-right: auto

    }



    .mb-md-auto, .my-md-auto {

        margin-bottom: auto

    }



    .ml-md-auto, .mx-md-auto {

        margin-left: auto

    }

}



@media (min-width: 992px) {

    .m-lg-0 {

        margin: 0

    }



    .mt-lg-0, .my-lg-0 {

        margin-top: 0

    }



    .mr-lg-0, .mx-lg-0 {

        margin-right: 0

    }



    .mb-lg-0, .my-lg-0 {

        margin-bottom: 0

    }



    .ml-lg-0, .mx-lg-0 {

        margin-left: 0

    }



    .m-lg-1 {

        margin: .25rem

    }



    .mt-lg-1, .my-lg-1 {

        margin-top: .25rem

    }



    .mr-lg-1, .mx-lg-1 {

        margin-right: .25rem

    }



    .mb-lg-1, .my-lg-1 {

        margin-bottom: .25rem

    }



    .ml-lg-1, .mx-lg-1 {

        margin-left: .25rem

    }



    .m-lg-2 {

        margin: .5rem

    }



    .mt-lg-2, .my-lg-2 {

        margin-top: .5rem

    }



    .mr-lg-2, .mx-lg-2 {

        margin-right: .5rem

    }



    .mb-lg-2, .my-lg-2 {

        margin-bottom: .5rem

    }



    .ml-lg-2, .mx-lg-2 {

        margin-left: .5rem

    }



    .m-lg-3 {

        margin: 1rem

    }



    .mt-lg-3, .my-lg-3 {

        margin-top: 1rem

    }



    .mr-lg-3, .mx-lg-3 {

        margin-right: 1rem

    }



    .mb-lg-3, .my-lg-3 {

        margin-bottom: 1rem

    }



    .ml-lg-3, .mx-lg-3 {

        margin-left: 1rem

    }



    .m-lg-4 {

        margin: 1.5rem

    }



    .mt-lg-4, .my-lg-4 {

        margin-top: 1.5rem

    }



    .mr-lg-4, .mx-lg-4 {

        margin-right: 1.5rem

    }



    .mb-lg-4, .my-lg-4 {

        margin-bottom: 1.5rem

    }



    .ml-lg-4, .mx-lg-4 {

        margin-left: 1.5rem

    }



    .m-lg-5 {

        margin: 3rem

    }



    .mt-lg-5, .my-lg-5 {

        margin-top: 3rem

    }



    .mr-lg-5, .mx-lg-5 {

        margin-right: 3rem

    }



    .mb-lg-5, .my-lg-5 {

        margin-bottom: 3rem

    }



    .ml-lg-5, .mx-lg-5 {

        margin-left: 3rem

    }



    .p-lg-0 {

        padding: 0

    }



    .pt-lg-0, .py-lg-0 {

        padding-top: 0

    }



    .pr-lg-0, .px-lg-0 {

        padding-right: 0

    }



    .pb-lg-0, .py-lg-0 {

        padding-bottom: 0

    }



    .pl-lg-0, .px-lg-0 {

        padding-left: 0

    }



    .p-lg-1 {

        padding: .25rem

    }



    .pt-lg-1, .py-lg-1 {

        padding-top: .25rem

    }



    .pr-lg-1, .px-lg-1 {

        padding-right: .25rem

    }



    .pb-lg-1, .py-lg-1 {

        padding-bottom: .25rem

    }



    .pl-lg-1, .px-lg-1 {

        padding-left: .25rem

    }



    .p-lg-2 {

        padding: .5rem

    }



    .pt-lg-2, .py-lg-2 {

        padding-top: .5rem

    }



    .pr-lg-2, .px-lg-2 {

        padding-right: .5rem

    }



    .pb-lg-2, .py-lg-2 {

        padding-bottom: .5rem

    }



    .pl-lg-2, .px-lg-2 {

        padding-left: .5rem

    }



    .p-lg-3 {

        padding: 1rem

    }



    .pt-lg-3, .py-lg-3 {

        padding-top: 1rem

    }



    .pr-lg-3, .px-lg-3 {

        padding-right: 1rem

    }



    .pb-lg-3, .py-lg-3 {

        padding-bottom: 1rem

    }



    .pl-lg-3, .px-lg-3 {

        padding-left: 1rem

    }



    .p-lg-4 {

        padding: 1.5rem

    }



    .pt-lg-4, .py-lg-4 {

        padding-top: 1.5rem

    }



    .pr-lg-4, .px-lg-4 {

        padding-right: 1.5rem

    }



    .pb-lg-4, .py-lg-4 {

        padding-bottom: 1.5rem

    }



    .pl-lg-4, .px-lg-4 {

        padding-left: 1.5rem

    }



    .p-lg-5 {

        padding: 3rem

    }



    .pt-lg-5, .py-lg-5 {

        padding-top: 3rem

    }



    .pr-lg-5, .px-lg-5 {

        padding-right: 3rem

    }



    .pb-lg-5, .py-lg-5 {

        padding-bottom: 3rem

    }



    .pl-lg-5, .px-lg-5 {

        padding-left: 3rem

    }



    .m-lg-auto {

        margin: auto

    }



    .mt-lg-auto, .my-lg-auto {

        margin-top: auto

    }



    .mr-lg-auto, .mx-lg-auto {

        margin-right: auto

    }



    .mb-lg-auto, .my-lg-auto {

        margin-bottom: auto

    }



    .ml-lg-auto, .mx-lg-auto {

        margin-left: auto

    }



    .c-lg-45 {

        -ms-flex: 0 0 36%;

        flex: 0 0 36%;

        max-width: 36%;

    }



    .c-lg-75 {

        -ms-flex: 0 0 64%;

        flex: 0 0 64%;

        max-width: 64%;

    }



    .c-lg-45, .c-lg-75 {

        position: relative;

        width: 100%;

        padding-right: 10px;

        padding-left: 10px;

    }

}



@media (min-width: 768px) {

    .c-md-45 {

        -ms-flex: 0 0 36%;

        flex: 0 0 36%;

        max-width: 36%;

    }



    .c-md-75 {

        -ms-flex: 0 0 64%;

        flex: 0 0 64%;

        max-width: 64%;

    }



    .c-md-45, .c-lg-75 {

        position: relative;

        width: 100%;

        padding-right: 10px;

        padding-left: 10px;

    }

}



@media (min-width: 1200px) {

    .m-xl-0 {

        margin: 0

    }



    .mt-xl-0, .my-xl-0 {

        margin-top: 0

    }



    .mr-xl-0, .mx-xl-0 {

        margin-right: 0

    }



    .mb-xl-0, .my-xl-0 {

        margin-bottom: 0

    }



    .ml-xl-0, .mx-xl-0 {

        margin-left: 0

    }



    .m-xl-1 {

        margin: .25rem

    }



    .mt-xl-1, .my-xl-1 {

        margin-top: .25rem

    }



    .mr-xl-1, .mx-xl-1 {

        margin-right: .25rem

    }



    .mb-xl-1, .my-xl-1 {

        margin-bottom: .25rem

    }



    .ml-xl-1, .mx-xl-1 {

        margin-left: .25rem

    }



    .m-xl-2 {

        margin: .5rem

    }



    .mt-xl-2, .my-xl-2 {

        margin-top: .5rem

    }



    .mr-xl-2, .mx-xl-2 {

        margin-right: .5rem

    }



    .mb-xl-2, .my-xl-2 {

        margin-bottom: .5rem

    }



    .ml-xl-2, .mx-xl-2 {

        margin-left: .5rem

    }



    .m-xl-3 {

        margin: 1rem

    }



    .mt-xl-3, .my-xl-3 {

        margin-top: 1rem

    }



    .mr-xl-3, .mx-xl-3 {

        margin-right: 1rem

    }



    .mb-xl-3, .my-xl-3 {

        margin-bottom: 1rem

    }



    .ml-xl-3, .mx-xl-3 {

        margin-left: 1rem

    }



    .m-xl-4 {

        margin: 1.5rem

    }



    .mt-xl-4, .my-xl-4 {

        margin-top: 1.5rem

    }



    .mr-xl-4, .mx-xl-4 {

        margin-right: 1.5rem

    }



    .mb-xl-4, .my-xl-4 {

        margin-bottom: 1.5rem

    }



    .ml-xl-4, .mx-xl-4 {

        margin-left: 1.5rem

    }



    .m-xl-5 {

        margin: 3rem

    }



    .mt-xl-5, .my-xl-5 {

        margin-top: 3rem

    }



    .mr-xl-5, .mx-xl-5 {

        margin-right: 3rem

    }



    .mb-xl-5, .my-xl-5 {

        margin-bottom: 3rem

    }



    .ml-xl-5, .mx-xl-5 {

        margin-left: 3rem

    }



    .p-xl-0 {

        padding: 0

    }



    .pt-xl-0, .py-xl-0 {

        padding-top: 0

    }



    .pr-xl-0, .px-xl-0 {

        padding-right: 0

    }



    .pb-xl-0, .py-xl-0 {

        padding-bottom: 0

    }



    .pl-xl-0, .px-xl-0 {

        padding-left: 0

    }



    .p-xl-1 {

        padding: .25rem

    }



    .pt-xl-1, .py-xl-1 {

        padding-top: .25rem

    }



    .pr-xl-1, .px-xl-1 {

        padding-right: .25rem

    }



    .pb-xl-1, .py-xl-1 {

        padding-bottom: .25rem

    }



    .pl-xl-1, .px-xl-1 {

        padding-left: .25rem

    }



    .p-xl-2 {

        padding: .5rem

    }



    .pt-xl-2, .py-xl-2 {

        padding-top: .5rem

    }



    .pr-xl-2, .px-xl-2 {

        padding-right: .5rem

    }



    .pb-xl-2, .py-xl-2 {

        padding-bottom: .5rem

    }



    .pl-xl-2, .px-xl-2 {

        padding-left: .5rem

    }



    .p-xl-3 {

        padding: 1rem

    }



    .pt-xl-3, .py-xl-3 {

        padding-top: 1rem

    }



    .pr-xl-3, .px-xl-3 {

        padding-right: 1rem

    }



    .pb-xl-3, .py-xl-3 {

        padding-bottom: 1rem

    }



    .pl-xl-3, .px-xl-3 {

        padding-left: 1rem

    }



    .p-xl-4 {

        padding: 1.5rem

    }



    .pt-xl-4, .py-xl-4 {

        padding-top: 1.5rem

    }



    .pr-xl-4, .px-xl-4 {

        padding-right: 1.5rem

    }



    .pb-xl-4, .py-xl-4 {

        padding-bottom: 1.5rem

    }



    .pl-xl-4, .px-xl-4 {

        padding-left: 1.5rem

    }



    .p-xl-5 {

        padding: 3rem

    }



    .pt-xl-5, .py-xl-5 {

        padding-top: 3rem

    }



    .pr-xl-5, .px-xl-5 {

        padding-right: 3rem

    }



    .pb-xl-5, .py-xl-5 {

        padding-bottom: 3rem

    }



    .pl-xl-5, .px-xl-5 {

        padding-left: 3rem

    }



    .m-xl-auto {

        margin: auto

    }



    .mt-xl-auto, .my-xl-auto {

        margin-top: auto

    }



    .mr-xl-auto, .mx-xl-auto {

        margin-right: auto

    }



    .mb-xl-auto, .my-xl-auto {

        margin-bottom: auto

    }



    .ml-xl-auto, .mx-xl-auto {

        margin-left: auto

    }

}



.inner-pages .site-main {

    padding: 50px 0;

}





.icon-email1 {

    font-size: 11px !important;

}



/* --------------------

   GENERAL SETTING

-------------------- */



.inner-page .site-main {

    margin-top: 30px;

    margin-bottom: 50px;

}



.title-part.inner-title h1 {

    font-size: 18px;

}



.title-part.inner-title h4 {

    font-size: 18px;

}



.title-part.inner-title {

    margin-bottom: 20px;

}





/* --------------------

    Menu Mobile

-------------------- */

#mask {

    position: fixed;

    z-index: 9999;

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: none;

}



#menumobile {

    position: fixed;

    top: 0;

    right: -100%;

    width: 100vw;

    height: 100vh;

    z-index: 99991;

    transition: all 0.8s ease;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    background: rgba(0, 0, 0, .8);

    background: -moz-radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);

    background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);

    background: radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);

    background-size: 250%;

    background-position: center left;

    opacity: 0;

}



.mask {

    position: fixed;

    top: 0;

    right: 0;

    width: 100vw;

    height: 100vh;

    backdrop-filter: blur(4px) grayscale(1);

    opacity: 0;

    transition: 1s;

    visibility: hidden;

}



.open.mask {

    opacity: 1;

    visibility: visible;

}



#menumobile.open {

    right: 0;

    opacity: 1;

}



#menumobile > ul {

    position: absolute;

    font-size: 16px;

    top: 0;

    right: calc(-60vh + 10px);

    width: calc(100vh + 8px);

    height: 100vh;

}



#menumobile li a {

    position: absolute;

    padding-left: 30px;

    text-align: left;

    margin: 16px 0;

    line-height: 34px;

    width: 100%;

    top: calc(50% - 30px);

    opacity: 0;

    transform: rotate(0deg);

}



#menumobile li a span {

    display: block;

    transform-origin: left;

    color: var(--light);

    opacity: 0;

    padding-left: 0;

}



li.open > a > span {

    transition: all 0.6s !important;

}



li.open > ul > li > a {

    color: var(--gold);

}



#menumobile li li span {

    transition: 0.5s ease;

}



#menumobile li li a:before {



}



#menumobile > ul > li:nth-child(1) > a span {

    transition-delay: 1.4s

}



#menumobile > ul > li:nth-child(2) > a span {

    transition-delay: 1.6s

}



#menumobile > ul > li:nth-child(3) > a span {

    transition-delay: 1.8s

}



#menumobile > ul > li:nth-child(4) > a span {

    transition-delay: 2s

}



#menumobile > ul > li:nth-child(5) > a span {

    transition-delay: 2.2s

}



#menumobile > ul > li:nth-child(6) > a span {

    transition-delay: 2.4s

}



#menumobile > ul > li:nth-child(7) > a span {

    transition-delay: 2.6s

}



#menumobile > ul > li:nth-child(8) > a span {

    transition-delay: 2.8s

}



#menumobile > ul > li:nth-child(9) > a span {

    transition-delay: 3s

}



#menumobile > ul > li:nth-child(10) > a span {

    transition-delay: 3.2s

}



#menumobile li a i {

    position: absolute;

    left: 0;

    width: 28px;

    height: 28px;

    border: 2px solid var(--gold);

    border-radius: 50%;

    background: #000;

    box-shadow: 0 0 5px #ad7e698f;

    color: var(--gold);

    font-size: 16px;

    text-align: CENTER;

    line-height: 20px;

}



#menumobile li li a i {

    width: 10px;

    height: 10px;

    margin: 10px 0 0 10px;

    box-shadow: 0 0 10px #ad7e6999;

    border: 1px solid var(--gold);

}



#menumobile li li a b:before {

    content: '' !important;

}



#menumobile li a i b {

    width: 100%;

    position: absolute;

    height: 100%;

    left: 0;

    top: 0;

}



#menumobile li a i b:before {

    content: '\22B9';

    position: absolute;

    color: var(--gold);

    font-size: 16px;

    text-align: center;

    line-height: 20px;

    font-weight: normal;

    width: 100%;

    left: 0;

    top: 0;

    transition: 0.6s;

}



#menumobile li a i {

    font-style: normal;

}



#menumobile.open > ul > li > a > span, li.open ul > li > a > span {

    transition-property: all, transform;

    transition-duration: 0.6s, 0s;

    transition-timing-function: ease;

    padding-left: 20px !important;

    opacity: 1;

}



#menumobile li.open > a span {

    color: var(--gold);

}



#menumobile > ul > li > a b:after {

    content: '\21A9';

    opacity: 0;

    position: absolute;

    color: var(--gold);

    font-size: 16px;

    text-align: center;

    line-height: 20px;

    font-weight: normal;

    width: 100%;

    left: 0;

    top: 0;

    transition: 0.6s;

}



#menumobile li.open i b:after {

    opacity: 1 !important;

    transition: 0.6s 1s;

}



#menumobile li.open i b:before {

    opacity: 0;

}



#menumobile li i {

    display: block;

}



#menumobile:before {

    content: '';

    position: absolute;

    top: 0;

    right: -60vh;

    width: 100vh;

    height: 100vh;

    border-radius: 50%;

    border: 1px solid var(--gold);

    -webkit-mask-image: linear-gradient(90deg, rgba(22, 42, 82, 1) 0%, rgba(22, 42, 82, 1) 0%, rgba(13, 5, 32, 0) 20%, rgba(13, 5, 32, 0) 100%);

    mask-image: linear-gradient(90deg, rgba(22, 42, 82, 1) 0%, rgba(22, 42, 82, 1) 20%, rgba(13, 5, 32, 0) 38%, rgba(13, 5, 32, 0) 100%);

}



#menumobile img {

    max-width: 130px;

}



#menumobile.open > ul > li > a, li.open ul > li > a {

    opacity: 1;

    transition: 1s 1s ease;

}



#nomenumobile {

    cursor: pointer;

    transition: all 0.5s;

    width: 25px;

    height: 25px;

    background: var(--danger);

    text-align: center;

    border-radius: 3px;

    display: inline-flex;

    color: #fff;

    font-size: 11px;

    align-items: center;

    justify-content: center;

}



.btn-mm {

    padding: 0 20px;

    margin-top: 20px;

}



.btn-mm a {

    display: flex;

}



.main-mm {

    padding: 5px 20px;

}



.main-mm ul li a {

    color: #222;

    display: block;

    padding: 8px 0;

    position: relative;

    width: 80%;

}



.main-mm ul li a:hover {

    color: var(--color2);

}



.main-mm ul li > .sub-menu {

    position: fixed;

    top: 0;

    bottom: 0;

    width: 250px;

    background: var(--bg_light);

    right: -250px;

    transition: 0.3s;

    z-index: 9;

    padding: 20px;

}



.childer i {

    position: absolute;

    cursor: pointer;

    top: 9px;

    border: solid #fff;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 3px;

    transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    left: 10px;

}



.childer {

    position: absolute;

    left: -25%;

    cursor: pointer;

    top: 10px;

    width: 25px;

    height: 25px;

    background: var(--bg_footer);

    border-radius: 3px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.come-submenu {

    right: 0 !important;

}



.sub-closer {

    cursor: pointer;

    top: 10px;

    width: 25px;

    height: 25px;

    background: var(--color2);

    border-radius: 3px;

    overflow: hidden;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.sub-closer i {

    cursor: pointer;

    top: -1px;

    border: solid #fff;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 3px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    position: relative;

    left: -1px;



}



.title-subcome {

    color: var(--color2);

    font-weight: normal;

    position: relative;

    top: 2px;

}



/* --------------------

    Editor Content

-------------------- */

/* .editor-content input[type=text],

.editor-content input[type=email],

.editor-content input[type=number],

.editor-content input[type=password],

.editor-content input[type=search],

.editor-content input[type=tel],

.editor-content textarea,

.editor-content select,

.comment-form input,

.comment-form textarea{

    border: 1px solid #fafafa;

    background: #fafafa;

    padding:10px 20px;

    border-radius: 15px;

    height: 50px;

    display: block;

    box-sizing: border-box;

    font-family: inherit;

    width: 100%;

    transition: 0.3s;

    margin-bottom: 20px;

    font-size: 14px;

    text-align: right;

}

.editor-content input[type=text]:focus,

.editor-content input[type=email]:focus,

.editor-content input[type=number]:focus,

.editor-content input[type=password]:focus,

.editor-content input[type=search]:focus,

.editor-content input[type=tel]:focus,

.editor-content textarea:focus,

.comment-form input:focus,

.comment-form textarea:focus{

    border: 1px solid var(--color2);

    background-color:#ffffff;

}

.lg-outer{

    text-align: right;

}

.editor-content .alignleft {

    float: left;

    margin: 20px 20px 10px 0;

}



.editor-content .alignright {

    float: right;

    margin-left: 20px;

    margin-bottom: 10px;

    margin-top: 10px;

}

.editor-content .aligncenter{

    text-align:center;

    display:block;

    margin: 20px auto;

}

.editor-content h1 {

    font-size: 24px;

}

.editor-content h2 {

    font-size: 22px;

}

.editor-content h3 {

    font-size: 20px;

}

.editor-content h4 {

    font-size: 18px;

}

.editor-content h5 {

    font-size: 16px;

}

.editor-content h6 {

    font-size: 14px;

}

.editor-content ul, .editor-content ol {

    margin-bottom: 10px;

}

.editor-content ul li {

    margin: 10px 0;

}

.editor-content.main-content ul li:before{

    content: "";

    background:var(--color1);

    margin-left: 12px;

    display: inline-flex;

    height: 5px;

    width:5px;

    border-radius:50%;

}

.editor-content p{

    text-align:justify;

}

.editor-content a{

    color:#000;

}

.editor-content ol {

    list-style: none;

    margin-left: 0;

    padding: 0;

}

.owl-carousel.owl-gallery .owl-item img {

    object-fit: contain;

}

.owl-carousel.owl-gallery  .owl-nav{

    position: absolute;

    top: 0;

    bottom: 0;

    height: 30px;

    font-size: 30px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    right: -15px;

    left: -15px;

    z-index: -1;

}

.owl-carousel.owl-gallery  .owl-nav button i{

    display:inline-block;

    font-size: 18px;

    padding: 10px;

}

.owl-carousel.owl-gallery  .owl-nav button i:before{

    color:#c9c9c9;

    transition:0.3s ease-in;

}

.owl-carousel.owl-gallery  .owl-nav button:hover i:before{

    color:var(--color1);

} */

/* --------------------

   Contact Mode

-------------------- */

#contactaccordion .card {

    margin-bottom: 20px;

    border: 1px solid var(--color1);

    padding: 10px 20px;

    border-radius: 5px;

}



#contact-tab {

    display: flex;

    align-items: center;

    justify-content: center;

    border-bottom: 2px solid #fafafa;

    margin-bottom: 25px;

}



#contact-tab a {

    padding: 15px;

    display: inline-block;

}



#contact-tab .active a {

    color: var(--color2);

}



.acf-form .acf-fields > .acf-field {

    border: none;

}



.websima-contact-form .input-cform {

    line-height: 1;

    padding: 8px 0 !important;

    clear: none !important;

    width: 100%;

}



.websima-contact-form textarea {

    min-height: 230px;

}



.input-cform .acf-input, .input-cform .acf-label, .text-cform .acf-label, .text-cform .acf-input {

    line-height: 1;

}



.websima-contact-form .text-cform {

    padding: 8px 0 !important;

    width: 100%;

    order: 1;

}



.websima-contact-form .acf-field textarea,

.websima-contact-form .acf-field input[type="text"],

.websima-contact-form .acf-field input[type="email"] {

    padding: 10px 20px;

}



.websima-contact-form #message {

    text-align: center;

    border: 1px solid var(--success);

    padding: 5px;

    margin-bottom: 20px;

    margin-top: 20px;

}



.websima-contact-form .acf-fields {

    display: flex;

    flex-wrap: wrap;

}



.websima-contact-form {

    margin: 30px 0 15px;

}



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

    .websima-contact-form .text-cform {

        float: left;

        width: 60%;

        padding: 8px 12px !important;

    }



    .websima-contact-form .input-cform {

        width: 39%;

        float: right;

        clear: none !important;

    }



    .websima-contact-form .acf-fields {

        display: block;

    }

}



.slide-frame:before, .slide-frame:after {

    content: '';

    position: absolute;

    width: 90%;

    height: 1px;

    top: 0;

    left: 5%;

    background: -moz-linear-gradient(90deg, rgba(188, 137, 113, 0) 5%, rgba(188, 137, 113, 1) 50%, rgba(188, 137, 113, 0) 95%);

    background: -webkit-linear-gradient(90deg, rgba(188, 137, 113, 0) 5%, rgba(188, 137, 113, 1) 50%, rgba(188, 137, 113, 0) 95%);

    background: linear-gradient(90deg, rgba(188, 137, 113, 0) 5%, rgba(188, 137, 113, 1) 50%, rgba(188, 137, 113, 0) 95%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc8971", endColorstr="#bc8971", GradientType=1);

    z-index: 10;

    transition: 0.35s ease;

}



.slide-frame:before {

    left: 50%;

    width: 0;

}



.slide-frame:after {

    top: auto;

    bottom: 0;

}



.slide-frame:hover:before {

    left: 5%;

    width: 90%;

}



.slide-frame:hover:after {

    left: 50%;

    width: 0;

}



.slide-frame i {

    position: absolute;

    background: url('https://test5.donooco-work.ir/wp-content/uploads/icon-star-11.webp') no-repeat;

    background-size: contain;

    width: 42px;

    height: 33px;

    z-index: 11;

    left: calc(50% - 14px);

    top: -16px;

    opacity: 0;

    transition: 0.3s ease;

    transform: scale(1.25);

}



.slide-frame:hover i {

    transform: scale(1);

    opacity: 1;

    transition: 0.3s 0.25s ease;

}



/* --------------------

   Footer Style

-------------------- */

#footer {

    background: var(--bg_footer);

    color: #fff;

    padding: 30px 0;

}



#footer a {

    color: #fff;

}



#footer a:hover {

    color: var(--color2);

}



.wrap-ft-menu {

    padding: 0 5px;

}



.footer-contact li {

    display: flex;

    align-items: center;

}



.footer-contact li i {

    margin-left: 15px;

    font-size: 16px;

}



.footer-title {

    margin-bottom: 10px;

}



.copy-right {

    background: var(--bg_footer);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    padding: 5px 5px 8px;

}



/* --------------------

  Breadcrumb Style

-------------------- */



#breadcrumbs {

    background: #f9f9f9;

}



#breadcrumbs a:after {

    content: "";

    display: inline-block;

    margin: 0 5px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: var(--color1);

}



/* --------------------

 Single Style

-------------------- */

.social_share {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.thumbnail-img {

    float: none;

    max-width: 100%;

    margin: 0;

    display: inline-flex;

    overflow: hidden;

    border-radius: 3px;

}



.socials a {

    display: inline-block;

    margin: 0 5px;

}



.tags_post a {

    border: 1px solid #000;

    border-radius: 5px;

    display: inline-flex;

    padding: 2px 5px 4px;

    min-width: 120px;

    justify-content: center;

    align-items: center;

}



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

    .thumbnail-img {

        max-width: 50%;

        float: left;

        margin-right: 30px;

    }

}



/* --------------------

 comment Style

-------------------- */



.commentlist ul.children {

    padding-right: 45px;

    position: relative;

}



.commentlist ul.children:before {

    content: "Reply";

    position: absolute;

    width: 40px;

    right: 0;

    writing-mode: tb-rl;

    top: 10px;

}



.editor-content .commentlist {

    margin-bottom: 100px;

}



/* #review_form_wrapper form,#commentform{

    background-color: #fafafa;

    box-shadow: 0 0 5px rgba(247,247,247,0.5);

    border-radius: 3px;

    padding: 50px  15px 20px 15px;

    margin-bottom: 15px;

} */

/* #commentform label:before{

    content:"";

    position:absolute;

    width:7px;

    height:7px;

    border-radius:50%;

    background-color: var(--color2);

    bottom:0;

    top:0;

    right:0;

    margin:auto;

} */

.form-submit {

    text-align: center !important;

    margin: 25px 0 20px;

    flex: 0 0 100%;

}



/* #commentform {

    display:flex;

    flex-wrap: wrap;

    justify-content: space-between;

} */

.editor-content .comment-notes {

    flex: 0 0 100%;

    display: flex;

    flex-wrap: wrap;

    font-size: 13px;

}



.editor-content .comment-form-author, .editor-content .comment-form-email {

    flex: 0 0 49%;

    flex-wrap: wrap;

    display: flex;

}



.comment-form-comment {

    flex: 0 0 100%;

}



.editor-content .comment-form input, .editor-content .comment-form textarea {

    background: #fff;

}



.editor-content label, .comment-form label {

    margin-bottom: 5px !important;

    position: relative;

    display: inline-block;

    color: #181a1e !important;

    padding-right: 15px !important;

}



.comment-awaiting-moderation {

    color: var(--color1);

    text-align: center;

    display: block;

}



.commentlist .comment_container {

    border: 1px solid #ededed;

    box-shadow: 0 1px 5px rgb(240, 240, 240);

    border-radius: 3px;

    margin: 20px 0;

}



.comment-list .children .comment_container {

    width: 89%;

    margin: 20px 0;

    margin-right: 112px;

}



.head-comment {

    background: #f9f9f9;

    border-radius: 3px;

    padding: 15px;

    color: #0c0918;

    position: relative;

    align-items: center;

    justify-content: space-between;

}



.comment_container .editor-content p {

    padding-top: 50px;

    padding-bottom: 20px;

    padding: 32px;

}



.editor-content a.comment-reply-link {

    color: #191b1f;

    display: inline-flex;

    justify-content: flex-end;

    align-items: center;

    font-size: 12px;

    margin-left: 10px;

    transition: 0.3s;

}



.editor-content .byadmin a.comment-reply-link {

    color: #fff;

}



.editor-content .byadmin a.comment-reply-link:hover {

    color: var(--color2)

}



.editor-content a.comment-reply-link:hover {

    color: var(--color2);

}



.comment-reply-link i {

    font-size: 11px;

    font-weight: bold;

    transition: 0.3s;

}



.comment-reply-link:hover i {

    margin-left: -10px;

    padding-right: 10px;

}



.item-comment {

    background: white;

    border-radius: 12px;

    box-shadow: 0 2px 10px rgb(242, 240, 247);

    padding: 18px;

    position: relative;

}



.cdesc p {

    font-size: 13px;

    padding: 10px 30px;

}



.commentlist #reply-title {

    border-radius: 15px;

    display: flex;

    justify-content: space-between;

    padding: 10px 25px;

    margin-bottom: 20px;

    font-size: 13px;

}



.commentlist .children .comment_container {

    flex: 0 0 90%;

}



.editor-content .commentlist li {

    position: relative;

}



.head-comment .time_comment {

    color: var(--color1);

    display: flex;

    align-items: center;

}



.byadmin .head-comment {

    background: var(--color1);

    color: #fff;

}



.head-comment > span {

    display: inline-flex;

    align-items: center;

}



.byadmin .head-comment .time_comment {

    color: #fff;

}



.comment-custom-field {

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: space-between;

}



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

    /* #review_form_wrapper form,#commentform{

        padding: 50px  90px 20px 90px;

    } */

    .head-comment {

        display: flex;

        padding: 15px 30px;

    }

}



/* --------------------

   CTA STYLE

-------------------- */

.cta {

    background: var(--color1);

    color: #fff;

    padding: 15px;

    border-radius: 5px;

    text-align: center;

    margin: 40px 0;

}



.cta a {

    color: #fff;

}



.cta h3 {

    font-size: 18px;

    margin-bottom: 15px;

}



.cta p {

    margin-bottom: 15px;

}



.cta a:hover {

    color: var(--color2);

}



.cursor {

    position: fixed;

    width: 30px;

    height: 30px;

    top: 0;

    left: 0;

    border-radius: 45px;

    z-index: 999999;

    pointer-events: none;

    border-right-color: transparent;

    transition: 0.27s border, 0.27s background;

}



.cursor-fixed {

    pointer-events: none;

    z-index: 9999999;

    position: fixed;

    top: 0;

    left: 0;

    width: 6px;

    height: 6px;

    border-radius: 45px;

    background: var(--gold);

    transition: 0.2s left, 0.2s top, 0.2s width, 0.2s height;

}



.cursor circle {

    fill: transparent;

    stroke: #916e5c;

    stroke-width: 5px;

}



.cursor svg {

    width: 100%;

    height: 100%;

}



.cursor-fixed.active {

    width: 8px;

    height: 8px;

    top: -1px;

    left: -1px;

}



.cursor:before, .cursor:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    border-radius: 50%;

    border: 1px solid rgba(139, 139, 139, 0.5);

    transform: scale(1);

    transition: 0.3s;

}



.cursor:after {

    border: 1px solid rgba(139, 139, 139, 0);

}



.cursor.active:before {

    width: calc(100% + 34px);

    height: calc(100% + 34px);

    top: -17px;

    left: -17px;

    border: 1px solid #916e5c44;

    border-right-color: transparent;

}



.cursor.rotate:before {

    animation: rotate 8s infinite linear;

}



.cursor.rotate:after {

    animation: protate 8s infinite linear;

}



.cursor.active:after {

    width: calc(100% + 20px);

    height: calc(100% + 20px);

    top: -10px;

    left: -10px;

    border: 1px solid #916e5c99;

    border-right-color: #916e5c00;

}



@keyframes rotate {

    0% {

        transform: rotate(0deg)

    }

    100% {

        transform: rotate(360deg)

    }

}



@keyframes protate {

    0% {

        transform: rotate(0deg)

    }

    100% {

        transform: rotate(-360deg)

    }

}



/*.customcursor *,.customcursor *:hover,.customcursor{*/

/*    cursor: auto;*/

/*}*/

.customcursor a {

    cursor: pointer !important;

}



/* single-product style ends */





@media screen and (min-width: 992px) {





}



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



}



@media screen and (min-width: 576px) {





}



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



    .product-main-data .order-lg-2 {

        margin-bottom: 30px;

    }



}



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

    .tabs.wc-tabs li {

        min-width: 100%;

        margin: 10px 0;

    }

}



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



    .type-product .summary.entry-summary .cart, .variations_form .woocommerce-variation-add-to-cart {

        flex-direction: column;

    }



    .quantity {

        margin-bottom: 20px;

    }

}



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

    .product-meta-top {

        flex-direction: column;

    }



    .product-meta-top > div {

        width: 100%;

        margin: 5px 0;

        justify-content: space-around;

    }



    .product-meta-right a:first-child:after {

        content: unset;

    }



    .type-product .summary .price ins:before {

        font-size: 16px;

    }

}





/* --------------------

    Modules Css

-------------------- */



.countdown-wrapper {

    direction: ltr;

}



.countdown-wrapper span {

    display: inline-block;

    margin: 0 5px;

}



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

    .header-menu a {

        padding: 5px;

    }



    .logo-container {

        margin: 0 2%;

    }

}



@media screen and (min-width: 992px) {

    .section-products-home .product-carousel {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin-right: -10px;

        margin-left: -10px;

    }



    .section-products-home .product-item-parent {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

        padding-left: 10px !important;

        padding-right: 10px !important;

        margin-bottom: 20px;

    }

}