/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



:root {
    --width_break_01: 1240px;
    --width_break_02: 1020px;
    --width_break_03: 960px;
    --width_break_04: 450px;

    --size_text_h1: 55px;
    --size_text_h2: 45px;
    --size_text_h3: 30px;
    --size_text_h4: 20px;
    --size_text_h5: 25px;
    --size_text_p: 18px;
    --size_text_p2: 16px;
    --size_text_p3: 14px;
    --size_text_p4: 12px;

    --size_text_title: 15px;
    --size_text_mini: 14px;
    --size_text_mini_mini: 13px;

    --border_button: 5px;

    --red: #ff0d0d;
    --white: #ffffff;
    --black: #000000;
    --white-2t: rgba(255, 255, 255, .2);
    --div_line_primary: rgba(255, 255, 255, .5);
    --div_line_secondary: rgba(0, 0, 0, .2);

    --color_button_wpp: #79cc70;
}

.text-color-title-01 {
    color: var(--color_title_01_primary);
}

.text-color-title-02 {
    color: var(--color_title_02_primary);
}

.text-color-subtitle {
    color: var(--color_subtitle_primary);
}

.text-color-paragraph {
    color: var(--color_paragraph_primary);
}

.font-size-mini {
    font-size: var(--size_text_mini) !important;
}




.blog-butons {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.bg-color-section {
    background-color: var(--color_bg_primary);
}

.bg-color-section-active {
    background-color: var(--color_bg_active_primary);
}

.bg-color-header {
    background-color: var(--color_header_primary);
}

.bg-color-footer {
    background-color: var(--color_footer_primary);
}

.bg-color-item {
    background-color: var(--color_item_primary);
}

.bg-color-item-ative {
    background-color: var(--color_item_active_primary);
}


/* Scrool */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f0f0f0;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f0f0f0;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #cecece;
}

/* Container */
body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: var(--color_bg_primary);
    position: relative;

    scroll-behavior: smooth;
    text-decoration: none;

    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

html a {
    text-decoration: none;
    cursor: pointer;
}

html div,
html p,
a,
svg {
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}



/*Texts*/
h1 {
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 110%;
    font-weight: 800;
    font-size: var(--size_text_h1);
    margin: 0;
}

@media screen and (max-width: 860px) {
    h1 {
        font-size: var(--size_text_h2);
    }
}

h2 {
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 130%;
    font-weight: 800;
    font-size: var(--size_text_h2);
    margin: 0;
}

h3 {
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 110%;
    font-weight: 800;
    font-size: var(--size_text_h3);
    margin: 0;
}

h4 {
    font-family: var(--font_paragraph);
    color: var(--color_subtitle_primary);
    line-height: 150%;
    font-weight: 800;
    font-size: var(--size_text_h4);
    margin: 0;
}

h5 {
    font-family: var(--font_paragraph);
    color: var(--color_subtitle_primary);
    line-height: 120%;
    font-weight: 400;
    font-size: var(--size_text_h5);
    margin: 0;
}

p {
    font-family: var(--font_paragraph);
    font-size: var(--size_text_p);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    font-weight: 400;
    margin: 0;
}

p b,
p strong {
    font-weight: 500;
}

p a {
    color: var(--color_paragraph_primary);
    text-decoration: underline;
}

input,
select,
textarea {
    outline: none;
}

.font-custom {
    font-family: var(--font_title_02);
}


/* Sections */

section {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 100px 0px 100px 0px;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section:nth-child(1) {
    margin-top: 70px;
}



/* Box Type 01 */
section .box-type-01,
section .box-type-02 {
    width: calc(100% - 80px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

section .box-type-02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

section .box-type-02 .column-left {
    width: calc(50% - 60px);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

section .box-type-02 .column-left h2,
section .box-type-02 .column-left .subtitle {
    width: 100%;
    max-width: 400px;
}

section .box-type-02 .column-left h2 {
    margin-bottom: 25px;
}

@media screen and (max-width: 860px) {
    section .box-type-02 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    section .box-type-02 .column-left {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    section .box-type-02 .column-left h2,
    section .box-type-02 .column-left .subtitle {
        text-align: center;
    }
}

section .box-type-01 .row-title,
section .box-type-01 .row-title-center {
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section .box-type-01 .row-title-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

section .box-type-01 .row-title p {
    width: 100%;
    max-width: 350px;
}

section .box-type-01 .row-title-center h2 {
    text-align: center;
}

section .box-type-01 .row-title-center p {
    margin-top: 40px;
    text-align: center;
    max-width: 350px;
}

section .box-type-01 .column-title {
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section .box-type-01 .column-title p,
section .box-type-01 .column-title h2,
section .box-type-01 .column-title h4 {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

/* Continue */

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

    section .box-type-01 .row-title,
    section .box-type-01 .row-title-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    section .box-type-01 .row-title p {
        margin-top: 40px;
        text-align: center;
    }

    section .box-type-01 .row-title h2 {
        text-align: center;
    }
}

section .box-type-01 .row-content {
    width: 100%;
    max-width: var(--width_break_01);
    height: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

section .box-type-01 .column-content {
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

section .box-type-01 .row-button {
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.modal .image {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.modal {
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;

    background-color: rgba(0, 0, 0, 0.4);

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    z-index: 20;
}

.modal-area {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0px;
    top: 0px;
}

.modal-box {
    width: auto;
    min-width: 600px;
    min-height: 300px;
    max-height: 70vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 50px 10px 10px 10px;
    border-style: solid;
    border-width: 0;
    border-radius: 10px;

    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;

    background-color: var(--color_bg_primary);
}

@media screen and (max-width: 768px) {
    .modal-box {
        width: calc(100% - 40px);
        min-width: calc(100% - 40px);
    }
}



.modal-response {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-response p {
    font-size: var(--size_text_p2);
    margin: 20px 0 0 0;
}

.modal-content {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    border-style: solid;
    border-width: 0px;
    border-radius: 10px;
    border-color: rgba(0, 0, 0, .2);

    overflow-y: auto;
    overflow-x: hidden;
}

.modal-content h3 {
    max-width: 300px;
    text-align: center;
}

.modal-content .input-location {
    margin: 40px 0 40px 0;
}




.modal-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    cursor: pointer;
}

.modal-close svg {
    width: 25px;
    fill: rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.modal-close:hover svg {
    fill: rgba(0, 0, 0, .8);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.modal-title {
    position: absolute;
    top: 15px;
    left: 30px;
}

@media screen and (max-width: 768px) {
    .modal-title {
        left: 20px;
    }
}




.input-location {
    min-width: calc(100% - 60px);
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;

    padding: 0 15px 0 45px;

    font-family: var(--font_paragraph);
    font-size: var(--size_text_p);
    color: var(--color_paragraph_primary);
    font-weight: 400;

    border-style: solid;
    border-radius: 5px;
    border-color: var(--div_line_secondary);
    border-width: 1px;

    padding: 0 30px 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;

    cursor: pointer;

    z-index: 3 !important;
}

.input-location .text-input-location img {
    display: none;
}

.input-location svg {
    width: 12px;
    height: auto;
    position: absolute;
    right: 15px;
    fill: var(--color_paragraph_primary);
}

.input-location .expand {
    width: calc(100% - 20px);
    height: auto;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 60px;
    left: 0px;

    padding: 10px;

    border-style: solid;
    border-radius: 5px;
    border-width: 0px;
    border-color: var(--div_line_secondary);

    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);

    background-color: var(--color_bg_primary);

    opacity: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;

    cursor: default;
}

.input-location .expand span {
    width: calc(100% - 30px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px 10px 15px;
    margin: 0 0 15px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-radius: 5px;
    border-width: 0px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
}

.input-location .expand span:last-child {
    margin: 0px;
}

.input-location .expand span:hover {
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.input-location .expand span img {
    width: 40px;
    height: auto;
    object-fit: cover;
    -o-object-fit: cover;
    margin: 0 15px 0 0;
}






/* Customs Petit Care */

:root {
    --min_height_section_01: 760px;
}

.section-01 {
    width: 100%;
    height: 100vh;
    min-height: var(--min_height_section_01);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;

    overflow: hidden;
    background-color: var(--color_bg_secondary);
}

@media screen and (max-width: 960px) {
    .section-01 {
        height: auto;
    }
}

.section-01 .box {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
}

.section-01 .wave {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 4;
    overflow: hidden;
}

.section-01 .wave svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 110%;
    height: auto;
    fill: var(--color_bg_primary);
}


.section-01 .box .slide {
    width: 100%;
    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section-01 .box .slide .content {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
}

.section-01 .box .slide .content h1,
.section-01 .box .slide .content .paragraph {
    color: var(--white);
}

.section-01 .box .slide .content h1 {
    max-width: 470px;
}

.section-01 .box .slide .content .paragraph {
    font-size: var(--size_text_h5);
    max-width: 400px;
    margin: 40px 0 40px 0;
}

.section-01 .box .slide .background {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.section-01 .box .slide .background .desktop,
.section-01 .box .slide .background .mobile {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: cover;
    object-fit: cover;
}

.section-01 .box .slide .background .mobile {
    display: none;
}


.section-01 .swiper {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.section-01 .swiper-wrapper {
    cursor: auto !important;
}

.section-01 .swiper-pagination {
    width: 100% !important;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;
    padding: 0 0 100px 0 !important;
}

.section-01 .swiper-pagination-bullet {
    background-color: transparent !important;
    width: 10px !important;
    height: 10px !important;

    border-style: solid;
    border-width: 2px !important;
    border-color: var(--white) !important;
}

.section-01 .swiper-pagination-bullet-active {
    background-color: var(--white) !important;
    width: 15px !important;
    height: 15px !important;
}

.section-01 .swiper-slide {
    height: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}



@media screen and (max-width: 960px) {
    .section-01 .box .slide .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 700px 0 200px 0;
        height: calc(100% - 700px - 200px);
    }

    .section-01 .box .slide .content h1,
    .section-01 .box .slide .content .paragraph {
        text-align: center;
    }


    .section-01 .box .slide .background .desktop {
        display: none;
    }

    .section-01 .box .slide .background .mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}




.section-02 {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-02 .left,
.section-02 .right {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section-02 .left p {
    max-width: 450px;
    margin: 60px 0 0 0;
}

.section-02 .right {
    width: 50%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.section-02 .right img {
    width: 380px;
    height: 380px;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-radius: 50%;
    margin: 0 0 90px 90px;

    object-fit: cover;
    -o-object-fit: cover;
}

.section-02 .right .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-style: solid;
    border-width: 0;
    border-radius: 125px;

    background-color: var(--color_item_active_secondary);
}

.section-02 .right .circle h3 {
    color: var(--white);
    text-align: center;
}

@media screen and (max-width: 1020px) {
    .section-02 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section-02 .left {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 80px 0;
    }

    .section-02 .left p,
    .section-02 .left h2 {
        text-align: center;
    }

    .section-02 .right {
        width: auto;
    }
}

@media screen and (max-width: 920px) {
    .section-02 {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 548px) {
    .section-02 .right .circle {
        width: 150px;
        height: 150px;
    }

    .section-02 .right .circle h3 {
        font-size: 20px;
    }

    .section-02 .right img {
        width: 280px;
        height: 280px;
        margin: 0 0 50px 50px;
    }
}





.section-03 {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-03 .footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section-03 .footer p {
    text-align: center;
}

.section-03 .footer .button {
    margin: 60px 0 0 0;
}


.section-03 .disposition {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin: 80px 0 40px 0;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}








.modal-content iframe {
    width: 890px;
    height: 50vh;
    padding: 0;
    margin: 0;
    border: none;
}

@media screen and (max-width: 990px) {
    .modal-content iframe {
        width: calc(100vw - 120px);
    }
}

@media screen and (max-width: 768px) {
    .modal-content iframe {
        width: calc(100vw - 40px);
        height: calc(100vh - 100px);
    }
}




.section-05 {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.testimonials {
    width: calc(100% - 120px);
    height: calc(400px - 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-style: solid;
    border-width: 0px;
    border-radius: 10px 200px 200px 10px;

    padding: 60px;

    background-color: var(--color_item_active_primary);
}

.testimonials p {
    color: var(--white);
}

.testimonials .left {
    width: 100%;
    height: auto;
    max-width: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.testimonials .right {
    width: 280px;
    height: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    position: relative;
}

.testimonials .right img {
    width: 280px;
    height: 280px;
    border-style: solid;
    border-width: 0px;
    border-radius: 140px;

    z-index: 2;
}

.testimonials .right .circle-01 {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-style: solid;
    border-width: 0px;
    border-radius: 60px;
    background-color: var(--color_item_secondary);
    z-index: 3;
}

.testimonials .circle-02 {
    width: 180px;
    height: 180px;
    position: absolute;
    right: 0px;
    top: 0px;
    border-style: solid;
    border-width: 0px;
    border-radius: 90px;
    background-color: var(--color_item_active_secondary);
    z-index: 1;
}

.testimonials .left .box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.testimonials .left .box p {
    max-width: 450px;
}

.testimonials .left .box .quote-01,
.testimonials .left .box .quote-02 {
    position: relative;
    min-width: 40px;
    max-width: 40px;
    height: auto;
    fill: var(--color_item_active_secondary);
}

.testimonials .left .text {
    margin: 0 40px 0 40px;
}

.testimonials .left .text p:nth-child(1) {
    margin: 0 0 40px 0;
}

.testimonials .left .author {
    font-size: var(--size_text_p2);
}



/* Swipper */
.section-05 .swiper {
    width: 100%;
    height: 500px;
    margin: 80px 0 0 0;
}

.section-05 .swiper-wrapper {
    height: 400px !important;
    cursor: -webkit-grab !important;
    cursor: grab !important;
}

.section-05 .swiper-pagination {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.section-05 .swiper-pagination-bullet {
    background-color: transparent !important;
    width: 10px !important;
    height: 10px !important;

    border-style: solid;
    border-width: 2px !important;
    border-color: var(--color_item_active_secondary) !important;
}

.section-05 .swiper-pagination-bullet-active {
    background-color: var(--color_item_active_secondary) !important;
    width: 15px !important;
    height: 15px !important;
}

.section-05 .swiper-slide {
    height: 400px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



@media screen and (max-width: 920px) {
    .section-05 {
        width: calc(100% - 40px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-05 h2 {
        text-align: center;
    }

    .section-05 .swiper {
        height: 700px;
    }

    .section-05 .swiper-wrapper {
        height: 600px !important;
    }

    .section-05 .swiper-slide {
        height: 600px !important;
    }

    .testimonials {
        width: calc(100% - 80px);
        height: calc(600px - 80px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 40px;
        border-radius: 10px 200px 10px 10px;
    }

    .testimonials .left .text {
        margin: 0 0 0 40px;
    }

    .testimonials .left .box .quote-02 {
        display: none;
    }

    .testimonials .right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 648px) {
    .testimonials .right img {
        width: 240px;
        height: 240px;
    }

    .testimonials .right .circle-01 {
        width: 80px;
        height: 80px;
        left: 0px;
        bottom: 20px;
    }

    .testimonials .left .text {
        margin: 0;
        z-index: 2;
    }

    .testimonials .left .box .quote-01 {
        min-width: 120px;
        max-width: 120px;
        position: absolute;
        opacity: .3;
        left: 0px;
        top: 0px;
        z-index: 1;
    }
}

@media screen and (max-width: 480px) {
    .section-05 .swiper {
        height: 700px;
    }

    .section-05 .swiper-wrapper {
        height: 600px !important;
    }

    .section-05 .swiper-slide {
        height: 600px !important;
    }

    .testimonials {
        width: calc(100% - 40px);
        height: calc(600px - 80px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 40px 20px 40px 20px;
        border-radius: 10px 200px 10px 10px;
    }

    .testimonials .left .text p:nth-child(1) {
        margin: 0 0 20px 0;
    }
}


.section-bar {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 60px 0 60px 0;
    border-style: solid;
    border-width: 0;
    border-radius: 10px;

}

.section-bar .box {
    width: calc(100% - 120px);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-bar .box .button,
.section-bar .box h3,
.section-bar .box p {
    z-index: 2;
}

.section-bar .box .left .paragraph,
.section-bar .box .left .button {
    margin: 30px 0 0 0;
}

.section-bar .box h3 {
    max-width: 500px;
}


.section-bar .box .right-b {
    position: absolute;
    right: 0px;
    z-index: 2;
}

.section-bar .box .right-b img {
    width: 380px;
    height: 380px;
    -o-object-fit: cover;
    object-fit: cover;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
}

.section-bar .center {
    width: 50%;
    max-height: 100%;
    max-width: 250px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 30%;
    bottom: 0px;
    z-index: 1;
}

.section-bar .center svg {
    width: auto;
    height: 130%;
    fill: rgba(0, 0, 0, .1);
}

@media screen and (max-width: 920px) {
    .section-bar {
        width: calc(100% - 40px);
    }

    .section-bar .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section-bar .box .right-b {
        display: none;
    }

    .section-bar .box h3,
    .section-bar .box p {
        text-align: center;
    }

    .section-bar .box .button {
        margin: 40px 0 0 0;
    }

    .section-bar .center {
        left: 50%;
    }
}

@media screen and (max-width: 568px) {
    .section-bar {
        padding: 30px 0 30px 0;
    }

    .section-bar .box {
        width: calc(100% - 60px);
    }

    .section-bar .box h3 {
        margin: 0 0 30px 0;
    }
}


.tutorial {
    width: 100%;
    height: calc(100% - 100px);
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 100px 0 0 0;

    background-color: rgba(255, 255, 255, 0.8);

    z-index: 2;

    -webkit-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}

.tutorial.active{
    opacity: 1;
}

.tutorial .hand {
    width: 150px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px 0;
}

.tutorial .hand svg {
    width: auto;
    height: 100%;
    fill: var(--color_paragraph_primary);
    position: absolute;

    animation: drag 1.5s infinite;
    -webkit-animation: drag 1.5s infinite;

}

@-webkit-keyframes drag {
    0% {
        right: 0px;
    }

    100% {
        right: 100px;
    }
}

@keyframes drag {
    0% {
        right: 0px;
    }

    100% {
        right: 100px;
    }
}

@media screen and (max-width: 648px) {
    .tutorial {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.section-06 {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 100px 0 0 0;
}

.section-06 .p {
    max-width: 450px;
    margin: 20px 0 0 0;
}

.section-06 .faq {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 80px 0 0 0;
}

.section-06 .faq .response {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    border-color: var(--div_line_secondary);

    margin: 0 0 20px 0;
}

.section-06 .faq .response:last-child {
    margin: 0;
}

.section-06 .faq .response-btn {
    width: calc(100% - 40px);
    height: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;
    padding: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    cursor: pointer;
}

.section-06 .faq .response-btn h4 {
    margin: 0 20px 0 0;
}

.section-06 .faq .response-btn svg {
    width: 25px;
    min-width: 25px;
    height: 25px;
    min-height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    fill: var(--color_paragraph_primary);
    opacity: .5;
}

.icon-expanded {
    -webkit-transform: rotate(3.142rad);
    -ms-transform: rotate(3.142rad);
    transform: rotate(3.142rad);
}

.section-06 .faq .response-exp {
    max-height: 0;
    min-height: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;

    overflow: hidden;
}

.section-06 .faq .response-exp p {
    width: calc(100% - 40px);
    max-width: 800px;
    padding: 0 20px 20px 20px;
}

@media screen and (max-width: 920px) {
    .section-06 {
        width: calc(100% - 40px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-06 h2 {
        text-align: center;
    }
}







/* Blog search */

.box-search {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 0 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin-bottom: 60px;

    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #cccccc;
}

.box-search .categories {
    width: calc(100% - 300px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.box-search .categories a {
    margin-right: 40px;
}

.box-search .categories a h4 {
    color: var(--color_paragraph_primary);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.box-search .categories a:hover h4 {
    color: var(--color_title_01_primary);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.box-search .categories a:last-child {
    margin: 0;
}




.input-search {
    width: 300px;
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 860px) {
    .box-search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .box-search .categories {
        width: 100%;
        margin-bottom: 10px;
    }

    .input-search {
        width: 100%;
    }
}

.input-search a {
    position: absolute;
    right: 0;
    top: 0;

    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-search a svg {
    width: 16px;
    height: auto;
    fill: rgba(0, 0, 0, .4);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.input-search a:hover svg {
    fill: rgba(0, 0, 0, .8);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.input-search input {
    width: 100%;
    height: 40px;

    position: relative;

    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .2);
    border-radius: 3px;

    padding: 0 45px 0 8px;

    font-family: var(--font_paragraph);
    font-size: 15px;
    color: var(--color_paragraph_primary);
    resize: none;

    background-color: transparent;

    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.input-search input:focus,
.input-search input:hover {

    border-color: rgba(0, 0, 0, .4);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#result-search {
    min-height: 400px;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.icon-search-load {
    width: 25px;
    height: 25px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-top: 2px solid var(--color_title_02_primary);
    border-radius: 100%;
    position: absolute;

    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.blog {
    width: calc(100% + 30px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 0 0 -10px;
}

.blog .post {
    width: calc(33.3% - 22px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 0 10px 20px 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    border-color: rgba(0, 0, 0, .05);
    background-color: var(--white);
    -webkit-box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}


.blog .post .image {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    border-style: solid;
    border-width: 0px;
    border-radius: 20px;
    overflow: hidden;
}

.blog .post .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog .post .sub-box {
    width: calc(100% - 60px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 30px;
}

.blog .post .sub-box .author {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 0 0 30px 0;
}

.blog .post .sub-box .author img {
    width: 40px;
    height: 40px;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
}

.blog .post .sub-box .author .description {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 0 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.blog .post .sub-box .author .description p {
    margin: 0;
}

.blog .post .sub-box .author .description p:nth-child(1) {
    font-size: var(--size_text_p2);
}

.blog .post .sub-box .author .description p:nth-child(2) {
    font-size: var(--size_text_p3);
}

.blog .post .sub-box .button {
    margin: 30px 0 0 0;
}


@media screen and (max-width: 1160px) {
    .blog {
        width: calc(100% - 20px);
        margin: 0px;
    }

    .blog .post {
        width: calc(50% - 22px);
        margin: 0 20px 20px 0;
    }
}

@media screen and (max-width: 890px) {
    .blog {
        width: 100%;
    }

    .blog .post {
        width: 100%;
        margin: 0 0 20px 0;
    }
}



/* Post Blog */

.section-post {
    width: calc(100% - 160px);
    max-width: 760px;

    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;

    padding: 0px 0px 100px 0px;
}

@media screen and (max-width: 768px) {
    .section-post {
        width: calc(100% - 80px);
    }
}

.section-post .cover {
    width: 100%;
    aspect-ratio: 16/9;

    border-style: solid;
    border-radius: 20px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin: 0px 0px 60px 0px;

    overflow: hidden;
}

@media screen and (max-width: 720px) {
    .section-post .cover {
        height: 250px;
    }
}

.section-post .cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section-post h4,
.section-post .date {
    text-align: left;
    max-width: 600px;
}

.section-post .date {
    font-size: 14px;
    margin-top: 10px;
}


.section-post .content {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    position: relative;

    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: rgba(0, 0, 0, .2);

    margin-top: 20px;

    padding: 40px 0px 40px 0px;
}

.section-post .content table,
.section-post .content td,
.section-post .content th {
    border-width: 1px;
    border-color: var(--color_paragraph_primary);
    border-style: solid;
    border-collapse: collapse;
}

.section-post .content h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.section-post .content p,
.section-post .content li {
    font-family: var(--font_paragraph);
    font-weight: 400;
    color: var(--color_paragraph_primary);
}

.section-post .content iframe,
.section-post .content img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

.section-post .content iframe {
    margin-left: -40px;
    height: 400px;
}

.section-post .content .button {
    margin: 40px 0 20px 0;
}

.section-post .content .button p {
    color: var(--white);
}

.section-post .content blockquote {

    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 20px;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: var(--color_01);
}

.section-post .content blockquote p {
    font-weight: 600;
}

.section-post .author {
    width: 100%;
    height: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;

    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(0, 0, 0, .2);

    padding: 20px 0px 20px 0px;
}

.section-post .author p:nth-child(1) {
    margin-bottom: 14px;
}

.section-post .author .description {
    width: 100%;
    height: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-post .author .description .image {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;

    border-style: solid;
    border-width: 2px;
    border-color: var(--color_button_01_primary);
    border-radius: 50%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-post .author .description .image img {
    width: calc(100% - 8px);
    height: auto;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section-post .author .description .name {
    width: auto;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-left: 20px;
}

.section-post .author .description .name p {
    width: 100%;
    text-align: left;
}

.section-post .author .description .name p:nth-child(1) {
    margin-bottom: 0px;
}


.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
    width: 100% !important;
}


.section-post .share {
    width: 100%;
    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(0, 0, 0, .2);
}

.section-post .share svg {
    width: auto;
    height: 20px;
    fill: var(--color_button_01_primary);
    margin-right: 20px;
}


.ql-size-huge {
    font-size: var(--font_size_h1);
}

.ql-size-large {
    font-size: var(--font_size_h3);
}

.ql-size-small {
    font-size: var(--size_text_p);
}





/* Pop-up-box */

.pop-up-box {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);

    z-index: 1200;
}

.pop-up-box .box {
    width: calc(100% - 120px);

    max-width: 400px;
    padding: 20px;
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: var(--color_bg_primary);

    border-radius: 15px;
    border-style: solid;
    border-width: 0px;

    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .15);

    z-index: 1201;


}

.pop-up-box .box .close {
    width: 20px;
    height: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: absolute;
    top: 20;
    right: 15;

    fill: var(--gray_02);
}

.pop-up-box #pop_up_content_append {
    min-width: 100%;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pop-up-box #pop_up_content_append h2,
.pop-up-box #pop_up_content_append h4 {
    text-align: center;
}


.form-row {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    margin: 2px 0px 10px 0px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding-top: 20px;

    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: rgba(0, 0, 0, .2);
}

.form-row .button {
    margin: 0;
    max-width: 160px;
}

.form-row span {
    font-size: 14px;
    color: var(--color_paragraph_primary);
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-row .button {
        margin-top: 20px;
    }
}


.row-label-float {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.row-label-float .row-div {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
}

@media screen and (max-width: 768px) {
    .row-label-float {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .row-label-float .row-div {
        width: 0px;
        min-width: 0px;
        height: 0px;
        min-height: 0px;
    }
}



form {
    width: 100%;
    margin-top: 60px;
}

.label-float {
    width: 100%;
    position: relative;
    padding-top: 13px;
}

.form-type-02 .label-float {
    margin-bottom: 20px;
    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.label-float a {
    width: 18px;
    position: absolute;
    right: 10;
    top: 27;
}

.label-float img {
    max-height: 10px;
    width: auto;
    margin-top: 5px;
}

.label-float input,
.label-float textarea,
.label-float select {

    width: 100%;
    height: 40px;

    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, .2);

    margin-bottom: 30px;

    font-family: var(--font_paragraph);
    font-size: 15px;
    color: var(--color_paragraph_primary);
    resize: none;

    background-color: transparent;

    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.label-float textarea {
    height: 90px;
    padding-top: 10px;
    padding-right: 10px;
}

.label-float input:focus,
.label-float textarea:focus,
.label-float input:hover,
.label-float textarea:hover {
    border-color: rgba(0, 0, 0, .4);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.label-float input::-webkit-input-placeholder,
.label-float textarea::-webkit-input-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input::-moz-placeholder,
.label-float textarea::-moz-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input:-ms-input-placeholder,
.label-float textarea:-ms-input-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input::-ms-input-placeholder,
.label-float textarea::-ms-input-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input::-webkit-input-placeholder, .label-float textarea::-webkit-input-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input::-moz-placeholder, .label-float textarea::-moz-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input:-ms-input-placeholder, .label-float textarea:-ms-input-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input::-ms-input-placeholder, .label-float textarea::-ms-input-placeholder {
    font-size: var(--size_text_mini_mini);
}

.label-float input::placeholder,
.label-float textarea::placeholder {
    font-size: var(--size_text_mini_mini);
}


.label-float label {
    pointer-events: none;
    position: absolute;
    top: -5;
    left: 2;
    font-size: 14px;

    font-family: var(--font_paragraph);
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    color: var(--color_title_01_primary);

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.label-float-checkbox {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;
}

.label-float-checkbox p {
    font-size: 14px;
    color: var(--color_paragraph_primary);
    font-weight: 500;
    margin-bottom: 8px;
}






.file-upload-wrapper {
    width: 100%;
    height: 45px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: rgba(0, 0, 0, .2);

    cursor: pointer;
}

.file-upload-wrapper svg {
    width: auto;
    height: 20px;
    margin-left: 15px;
    fill: rgba(0, 0, 0, .4);
    pointer-events: none;
}

.file-upload-wrapper:after {
    content: attr(data-text);
    position: absolute;
    width: calc(100% - 50px);
    height: 100%;

    top: 0;
    left: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    font-size: 15px;
    color: var(--color_paragraph_primary);
    font-weight: 400;

    pointer-events: none;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 45px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}


input[type='date'] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}


/* Oculto */

.hidden {
    display: none;
}




.preloader {
    position: fixed;
    width: 100%;
    height: 100vh;

    overflow-y: hidden;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--black);
    z-index: 10;
    opacity: 1;

    -webkit-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-duration: 0.5s;
}

.preloader img {
    height: 100px;
    width: auto;
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.mini_load {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-top: 2px solid var(--color_item_active_primary);
    border-radius: 100%;
    position: relative;

    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


.spinner {
    width: 100px;
    height: 100px;
    border: 1px solid var(--color_bg_primary);
    border-top: 2px solid var(--color_item_active_primary);
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 768px) {
    .spinner {
        width: 100px;
        height: 100px;
    }

    .preloader img {
        height: 80px;
    }
}

.anchor {
    position: absolute;
    top: -100px;
    width: 100%;
    height: 100px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    pointer-events: none;
}


/* Botões */

.button {
    height: 60px;
    padding: 0px 15px 0px 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-width: 0px;
    border-radius: 30px;
    border-style: solid;
    text-decoration: none;

    -webkit-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;
    cursor: pointer;

    overflow: hidden;
}

.color_button_01 {
    background-color: var(--color_button_01_primary);
}

.color_button_01 p {
    color: var(--color_text_button_01_primary);
}

.color_button_01 svg {
    fill: var(--color_text_button_01_primary);
}

.color_button_02 {
    background-color: var(--color_button_02_primary);
}

.color_button_02 p {
    color: var(--color_text_button_02_primary);
}

.color_button_02 svg {
    fill: var(--color_text_button_02_primary);
}

.color_button_03 {
    background-color: transparent;
    border-color: var(--color_button_03_primary);
    border-width: 1px !important;
}

.color_button_03 p {
    color: var(--color_text_button_03_primary);
}

.color_button_03 svg {
    fill: var(--color_text_button_03_primary);
}

.color_button_04 {
    height: 40px;
    background-color: transparent;
    border-color: var(--color_button_03_primary);
    border-width: 1px !important;
}

.color_button_04 p {
    color: var(--color_text_button_03_primary);
}

.color_button_04 svg {
    fill: var(--color_text_button_03_primary);
}

.color_button_05 {
    height: 40px;
    background-color: transparent;
    border-color: var(--color_button_03_primary);
    border-width: 0px !important;
}

.color_button_05 p {
    color: var(--color_paragraph_primary);
}

.color_button_05 svg {
    fill: var(--color_text_button_03_primary);
}

.button p {}

.button svg {
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
}

header .button {
    height: 50px;
}

header .button svg {
    width: 20px;
    height: 20px;
}

.button img {
    position: relative;
    width: auto;
    height: 20px;
    margin-right: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 3;
}

.button:hover svg {
    margin: 0 0 0 30px;
}





.bt-color-stroke-01 {
    height: 39px;
    color: var(--color_button_01_primary);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--color_01_primary);
    border-width: 2px;
    background-color: var(--white);
}

.bt-color-stroke-01:active,
.bt-color-stroke-01:hover,
.bt-color-stroke-01:focus {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: var(--color_paragraph_primary);
}

.bt-color-stroke-02 {
    color: var(--white);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--white);
    border-width: 2px;
    background-color: var(--color_01);
}

.bt-color-stroke-02:active,
.bt-color-stroke-02:hover,
.bt-color-stroke-02:focus {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: var(--white);
}

/* Social Links */

.social-links {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 160px);

    padding: 80px 0px 80px 0px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-links .cover {
    width: 100%;
    height: 200px;

    position: absolute;
    top: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    overflow: hidden;
}

.social-links .cover .shadow {
    width: 100%;
    height: 50px;

    position: absolute;
    bottom: -50px;

    box-shadow: 0 0px 30px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, .15);
}

.social-links .cover img {

    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.social-links .image {
    width: 150px;
    height: 150px;

    position: absolute;
    top: 125px;


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .1);
    border-radius: 75px;

    background-color: #ffffff;
    overflow: hidden;
}

.social-links .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.social-links .body {
    width: calc(100% - 80px);
    max-width: 400px;
    height: auto;

    position: absolute;
    top: 305px;

    padding-bottom: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.social-links .body h3 {
    margin-bottom: 5px;
}

.social-links .body .description {
    margin-bottom: 20px;
}

.social-links .body a,
.social-links .body a .button {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .social-links .cover {
        height: 150px;
    }

    .social-links .image {
        top: 75px;
    }

    .social-links .body {
        top: 255px;
    }

}



/* Cookies */

.pop-up-cookies {
    width: 100%;
    max-width: 400px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 20px;

    position: fixed;
    right: 120px;
    bottom: 0px;
    background-color: var(--color_bg_primary);

    border-radius: 10px 10px 0px 0px;
    border-style: solid;
    border-width: 0px;

    z-index: 6;

    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .15);
}

.pop-up-cookies .text {
    text-align: center;
    font-size: var(--size_text_p);
}

.pop-up-cookies .button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin: 20px 0 20px 0;
    width: calc(100% - 40px);
}

.pop-up-cookies .policy {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pop-up-cookies .policy a {
    margin: 0 20px 0 20px;
    opacity: 0.5;
}

.pop-up-cookies .policy a:hover {
    opacity: 1;
}

.pop-up-cookies .policy a p {
    font-size: var(--size_text_p3);
    color: var(--color_text_item_primary);
}



@media screen and (max-width: 768px) {
    .pop-up-cookies {
        max-width: calc(100% - 40px);
        right: 0;
        bottom: 0px;
        border-radius: 0;
    }

    .pop-up-cookies .button {
        max-width: 400px
    }
}




/* Seções */

.height-100vh {
    height: 100vh;
}



/* privacy-policy */

.privacy-policy {
    width: calc(100% - 80px);
    max-width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.privacy-policy p {
    max-width: 800px;
}

.privacy-policy h2 {
    margin-bottom: 60px;
}

.privacy-policy h4 {
    margin: 40px 0 20px 0;
}





/* Menu */


header {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: fixed;
    top: 0px;

    padding: 40px 0px 10px 0px;
    min-height: 70px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;

    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    z-index: 7;
}


.nav-box,
.nav-box-mobile {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    pointer-events: visible;
}

.nav-box-mobile {
    width: 100%;
    max-width: calc(100% - 40px);
    display: none;
}

.nav-logo {
    height: auto;
    width: auto;
    cursor: pointer;
    position: relative;
    margin-right: 60px;
}

.nav-logo img {
    height: 50px;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.nav-links {
    width: auto;
    height: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.nav-links-mobile {
    width: 100%;
    height: auto;

    position: fixed;
    top: 40px;
    left: 0px;
    padding-bottom: 40px;

    display: none;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    background-color: var(--color_header_primary);
    border-style: solid;
    border-width: 0;
    border-radius: 0;

    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .15);

    pointer-events: none;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.nav-links li,
.nav-links-mobile li {
    list-style: none;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    margin-left: 40px;
}

.nav-links li:nth-child(1) {
    margin-left: 0px;
}

.nav-links-mobile li {
    margin: 40px 0px 0px 20px;
}

.nav-links li a,
.nav-links-mobile li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-decoration: none;
    cursor: pointer;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-links li a p,
.nav-links-mobile li a p {
    white-space: nowrap;
}

.nav-links li a p {
    color: var(--white);
}

.nav-links li .button svg {
    fill: var(--white);
}

.nav-links li .button {
    border-color: var(--white);
}



.nav-link-bar {
    height: 2px;
    width: 0px;

    position: absolute;
    bottom: -13px;

    margin-top: 5px;
    border-radius: 50px;
    border-style: solid;
    border-width: 0px;
    background-color: var(--color_button_01_primary);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.nav-links li a:hover .nav-link-bar,
.nav-links-mobile li a:hover .nav-link-bar {
    width: 100%;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.nav-link-bar-after {
    width: 100%;
}




.nav-burger {
    display: block;
    cursor: pointer;
    padding: 10px 0px 10px 10px;
}


@media screen and (max-width: 1062px) {
    .nav-box {
        display: none;
    }

    .nav-box-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}



.nav-burger div {
    width: 25px;
    height: 2px;
    margin: 5px;

    border-radius: 1px;

    background-color: var(--white);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.nav-visible {
    min-height: 0px;
    padding: 10px 0px 10px 0px;
    background-color: var(--color_header_primary);

    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .15);
}

.nav-visible .nav-links li a p {
    color: var(--color_text_header_primary) !important;
}

.nav-visible .nav-links li .button svg {
    fill: var(--color_button_03_primary) !important;
}

.nav-visible .nav-links li .button {
    border-color: var(--color_button_03_primary);
}

.nav-visible .nav-burger div {
    background-color: var(--color_paragraph_primary);
}

.nav-visible .nav-logo img {
    height: 50px;
}


.toggle .line1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 4.5px);
    -ms-transform: rotate(-45deg) translate(-5px, 4.5px);
    transform: rotate(-45deg) translate(-5px, 4.5px);
}

.toggle .line2 {
    opacity: 0;
}

.toggle .line3 {
    -webkit-transform: rotate(45deg) translate(-5px, -4.5px);
    -ms-transform: rotate(45deg) translate(-5px, -4.5px);
    transform: rotate(45deg) translate(-5px, -4.5px);
}

.nav-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50px;
    pointer-events: visible;
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /*-webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);*/
}

.nav-active li {
    margin-left: 0;
}

@-webkit-keyframes navLinkFade {
    from {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes navLinkFade {
    from {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

.nav-language {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 40px;
    padding: 0px;

    margin: 0 60px 0 60px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-style: solid;
    border-width: 0px;
    border-radius: var(--border_button);
}

.nav-language a {
    margin: 0 20px 0 0;
}

.nav-language a:last-child {
    margin: 0;
}

.nav-language a p {
    font-size: var(--size_text_p3);
    color: var(--color_text_header_primary);
}


.nav-dark-mode {
    width: auto;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px 0 0;
    cursor: pointer;
}

.nav-dark-mode svg {
    width: 20px;
    height: 20px;
    fill: var(--color_text_header_primary);
}

.nav-dark-mode .dark,
.nav-dark-mode .light {
    display: none;
}

/* Footer */

footer {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color_footer_primary);

}

footer a {
    text-decoration: none;
}

footer p {
    max-width: 420px;
}

footer h1 {
    margin: 0 0 40px 0;
}

footer p,
footer h1 {
    color: var(--white);
}


footer .container-01 {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 100px 0 140px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color_footer_secondary);
}

footer .container-01 .box {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .container-01 .box .left,
footer .container-01 .box .right {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

footer .container-01 .box .right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

footer .container-01 .box .right img {
    width: 400px;
    height: 400px;
    position: relative;
    object-fit: cover;
    -o-object-fit: cover;
    border-style: solid;
    border-width: 0;
    border-radius: 50%;
}

footer .container-01 .box .right .circle {
    width: 180px;
    height: 180px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-style: solid;
    border-width: 0;
    border-radius: 50%;
    background-color: var(--color_item_secondary);
}

footer .wave {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 4;
}

footer .wave svg {
    width: 100%;
    height: auto;
    fill: var(--color_footer_primary);
}

@media screen and (max-width: 920px) {
    footer .container-01 .box {
        width: calc(100% - 40px);
    }
}

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

    footer p,
    footer h1 {
        text-align: center;
    }

    footer .container-01 .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    footer .container-01 .box .left {
        margin: 0 0 80px 0;
    }

    footer .container-01 .box .left,
    footer .container-01 .box .right {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

}

@media screen and (max-width: 648px) {
    footer .container-01 {
        padding: 100px 0 100px 0;
    }

    footer .container-01 .box .right img {
        width: 300px;
        height: 300px;
    }

    footer .container-01 .box .right .circle {
        width: 80px;
        height: 80px;
    }
}




footer .logo {
    width: auto;
    height: 100px;
    object-fit: cover;
    -o-object-fit: cover;
}

footer .container-02 {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 80px 0 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--color_footer_primary);
}

footer .container-02 .box-01 {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 80px 0;
}

footer .container-02 .box-01 .part {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    border-style: solid;
    border-color: var(--div_line_primary);
    border-width: 0px;
}

footer .container-02 .box-01 .part p {
    font-size: var(--size_text_p2);
}

footer .container-02 .box-01 .part .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px 0;
}

footer .container-02 .box-01 .part .buttons a {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color_bg_primary);

    border-style: solid;
    border-radius: 50%;
    border-width: 0;

    margin: 0 20px 0 0;

    -webkit-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;
}

footer .container-02 .box-01 .part .buttons a:last-child {
    margin: 0;
}

footer .container-02 .box-01 .part .buttons a svg {
    width: 25px;
    height: auto;
    fill: var(--color_footer_primary);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

footer .container-02 .box-01 .part .buttons a:hover {
    background-color: var(--color_footer_secondary);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

footer .container-02 .box-01 .part .buttons a:hover svg {
    fill: var(--color_bg_primary);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


footer .container-02 .box-02 {
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 30px 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: var(--div_line_primary);
}

footer .container-02 .box-02 .part {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

footer .container-02 .box-02 .part .links {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0 0;
}

footer .container-02 .box-02 .part .links a:nth-child(1) {
    margin-right: 30px;
}

footer .container-02 .box-02 .part .links a:hover p {
    opacity: 1;
}

footer .container-02 .box-02 p {
    font-size: var(--size_text_p3);
    opacity: .8;
}

footer .container-02 .box-02 .part:nth-child(2) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}


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

    footer .container-02 .box-01,
    footer .container-02 .box-02 {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 820px) {
    footer .container-02 .box-01 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 60px 0;
    }

    footer .container-02 .box-01 .part {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .container-02 .box-01 .part:nth-child(2) {
        border-width: 1px 0 1px 0;
        padding: 60px 0 60px 0;
        margin: 60px 0 60px 0;
    }

    footer .container-02 .box-02 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    footer .container-02 .box-02 .part,
    footer .container-02 .box-02 .part:nth-child(2) {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .container-02 .box-02 .part .links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}


.developed-by {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.developed-by a {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: .8;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.developed-by a:nth-child(1) {
    margin: 0 40px 0 0;
}

.developed-by a:hover {
    opacity: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.developed-by a p {
    font-size: 12px !important;
}

.developed-by a .logo-vinccolo {
    width: 100%;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.developed-by a .logo-felp {
    width: 100%;
    height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0 0 0;
}

.developed-by a img {
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    object-fit: cover;
    -o-object-fit: cover;
}

@media screen and (max-width: 820px) {
    .developed-by {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-style: solid;
        border-width: 1px 0 0 0;
        border-color: var(--div_line_primary);
        padding: 40px 0 0 0;
        margin: 40px 0 0 0;
    }

    .developed-by,
    .developed-by a,
    .developed-by a .logo-vinccolo,
    .developed-by a .logo-felp {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .developed-by a:nth-child(1) {
        margin: 0 0 20px 0;
    }
}





.image-theme-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.image-theme-secondary {
    display: none;
}

/* Climb up */

.color_button_wpp {
    width: 70px;
    height: 70px;

    position: fixed;
    right: 60px;
    bottom: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-width: 0px;
    border-radius: 50%;
    border-style: solid;
    text-decoration: none;

    -webkit-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;
    cursor: pointer;

    overflow: hidden;

    background-color: var(--color_button_wpp);
    z-index: 5;
}

.color_button_wpp img {
    width: 35px;
}

.color_button_wpp:hover {
    width: 80px;
    height: 80px;
}

.climb-up {
    width: 35px;
    height: 70px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;

    right: 160px;
    bottom: 60px;
    cursor: pointer;

    opacity: 0;

    z-index: 5;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;
}

.climb-up-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;

    bottom: 0;

    width: 40px;
    height: 40px;

    background-color: var(--color_button_03_primary);

    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 0.18);

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;
}

.climb-up-icon svg {
    width: 12px;
    height: auto;
    fill: var(--white);
}

@media screen and (max-width: 768px)
/* mobile */
    {
    .climb-up {
        right: 20px;
        bottom: 20px;
    }

    .color_button_wpp {
        right: 20px;
        bottom: 20px;
    }
}


/* Checkbox */


.check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.check p {
    width: 100%;
    line-height: 130%;
    margin-top: 15px;
    font-size: var(--size_text_mini);
    cursor: pointer;
}


.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 5px;
    border-color: rgba(0, 0, 0, 0.3);
    border-width: 1px;
    border-style: solid;

    background-color: white;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    cursor: pointer;
}

.check:hover input~.checkmark {
    background-color: #fff;
}

.check input:checked~.checkmark {
    background-color: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check input:checked~.checkmark:after {
    display: block;
}

.check .checkmark:after {
    left: 7px;
    top: 4px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}


.input-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-radio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    margin-left: -13px;
    margin-top: -2px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color_paragraph_primary);
    cursor: pointer;
    vertical-align: middle;
}

.input-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark_radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border-color: rgba(0, 0, 0, 0.3);
    border-width: 1px;
    border-style: solid;
}

.input-radio input:checked~.checkmark_radio {
    background-color: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
}

.checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
}

.input-radio input:checked~.checkmark_radio:after {
    display: block;
}

.input-radio .checkmark_radio:after {
    top: 4.5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}


/* Animation slider */


.animate-title {
    width: auto;
    height: auto;
    opacity: 0;

    -webkit-animation: fadeIn 0.4s 0.3s ease-in both;

    animation: fadeIn 0.4s 0.3s ease-in both;
}

.animate-title_b {
    width: auto;
    height: auto;
    opacity: 0;

    -webkit-animation: fadeIn 0.4s 0.3s ease-in both;

    animation: fadeIn 0.4s 0.3s ease-in both;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate-text {
    width: auto;
    height: auto;
    opacity: 0;

    -webkit-animation: bottom 0.5s 0.6s ease-in both;

    animation: bottom 0.5s 0.6s ease-in both;
}

@-webkit-keyframes bottom {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bottom {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}




/* Black Friday */

.slider-blackfriday {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0px;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000000;
    overflow: hidden;
    z-index: 19;
}

.slider-blackfriday .list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    margin-left: 0;
}

.slider-blackfriday .list__item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    padding: 0px 5px;
}

.slider-blackfriday .list__item p {
    color: #f9615d;
    font-size: var(--size_text_h3);
    font-weight: 700;
    margin: 0 40px 0 40px;
}




.blackfriday-off {
    width: auto;
    height: auto;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    top: -20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-radius: 10px;
    border-width: 0px;
    background: #f9615d;

    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .2);
}

.blackfriday-off p {
    color: #ffffff !important;
    font-size: var(--size_text_p3);
    font-weight: 600;
}

.blackfriday-off svg {
    width: 16px;
    fill: #ffffff;
}


.scratched {
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.scratched span {
    width: 100%;
    height: 2px;

    background-color: var(--color_03);
    position: absolute;
    top: 10px;
    right: 0px;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
}


.plans {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

            justify-content: center;

    gap: 20px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;

    margin: 80px 0 80px 0;
}

.plans .plan {
    width: calc(33.3% - 60px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;

    padding: 20px;

    border-style: solid;
    border-radius: 30px;
    border-width: 1px;
    border-color: var(--color_item_primary);

    background: var(--white);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;
}

.plans .plan .top,
.plans .plan .bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.plans .plan:hover {
    -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
            transform: scale(1.01);
}

.plans .plan .head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.plans .plan .head .icon {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    margin: 0 15px 0 0;
}

.plans .plan .head .icon img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.plans .plan .items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    margin: 20px 0 0 0;
}

.plans .plan .items p {
    font-size: var(--size_text_p2);
    line-height: 180%;
}

.plans .plan .items .observation {
    padding: 5px;
    font-size: var(--size_text_p4);

    border-style: solid;
    border-width: 0px;
    border-radius: 10px;

    white-space: nowrap;

    background: rgba(0, 0, 0, .04);
}


.plans .plan .price {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    padding: 30px 0 30px 0;

    margin: 30px 0 0px 0;

    border-style: solid;
    border-width: 0 0 0 0;
    border-color: rgba(0, 0, 0, .2);
}

.plans .plan .price p,
.plans .plan .price h3 {
    text-align: center;
    margin: 5px 0 5px 0;
}

.plans .plan .buttons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}


.plans .plan .buttons .button p {
    width: 100%;
    text-align: center;
}


@media screen and (max-width: 1160px) {
    .plans .plan {
        width: calc(50% - 60px);
    }
}

@media screen and (max-width: 560px) {
    .plans .plan {
        width: calc(100% - 40px);
    }
}






.plan-in-modal {
    width: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;

    padding: 20px;

    background: var(--white);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;
}

.plan-in-modal .top,
.plan-in-modal .bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}


.plan-in-modal .head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



.plan-in-modal .head .icon {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    margin: 0 15px 0 0;
}

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

    .plan-in-modal .head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

    .plan-in-modal .head .icon { margin: 0 0 15px 0; }
}

.plan-in-modal .head .icon img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.plan-in-modal .items-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;

    overflow-x: scroll;
}

.plan-in-modal .items {
    width: 800px;
    min-width: 800px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    margin: 60px 0 0 0;
}

.plan-in-modal .items .row{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, .2);
}

.plan-in-modal .items .row.part-1{
    border-radius: 10px;
    border-width: 0px;
    margin: 0 0 20px 0;
}

.plan-in-modal .items .row .column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;

    font-family: var(--font_paragraph);
    color: var(--color_subtitle_primary);
    line-height: 150%;
    font-weight: 400;
    font-size: var(--size_text_p3);

    padding: 10px 5px 10px 5px;
}

.plan-in-modal .items .row.part-1 .column{
    padding: 10px;
    color: var(--white);
    border-width: 0px;
}

.plan-in-modal .items .row .column.part-2,
.plan-in-modal .items .row .column.part-3,
.plan-in-modal .items .row .column.part-4{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}



.plan-in-modal .price {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    padding: 30px 0 30px 0;

    margin: 30px 0 0px 0;
}

.plan-in-modal .price p,
.plan-in-modal .price h3 {
    text-align: center;
    margin: 5px 0 5px 0;
}

.plan-in-modal .buttons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}


.plan-in-modal .buttons .button p {
    width: 100%;
    text-align: center;
}

.logo-fiibo{
    width: 100%;
    height: 35px;
    display: flex;

    padding-top: 15px;

    align-items: center;
    justify-content: center;

    & img {
        height: 100%;
        object-fit: contain;
    }
}