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

:root {
    --width_break_01: 1140px;
    --width_break_02: 1020px;
    --width_break_03: 960px;
    --width_break_04: 768px;
    --width_break_05: 468px;

    --font_size_initial: 17px;

    --font_size_h1_big: 2.4rem;
    --font_size_h1: 2rem;
    --font_size_h1_mobile: 1.8rem;
    --font_size_h2: 1.8rem;
    --font_size_h3: 1.3rem;
    --font_size_h4: 1.2rem;
    --font_size_h5: 1rem;
    --font_size_p: 1rem;
    --font_size_p2: 0.9rem;
    --font_size_p3: 0.8rem;
    --font_size_p4: 0.6rem;


    --border-initial: 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);
}



.container {
    width: 100%;
    height: auto;
    margin: 0;
    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;
    background: transparent;
    z-index: 980;
}

.view_project {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    min-height: calc(100vh - 160px);
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: 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;

}

.view_project iframe {
    width: 100%;
    max-width: 900px;
    height: 505px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, .1);
}

.view_project img {
    width: 100%;
    max-width: 1200px;
    height: auto;
    border-radius: 15px;
    -webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, .1);
}




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

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

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

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

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

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



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

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

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

    font-size: var(--font_size_initial);
}

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);
    font-weight: 400;
    font-size: var(--font_size_h1);
    margin: 0px;
    line-height: 130%;
}

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


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

h3 {
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    font-weight: 500;
    font-size: var(--font_size_h3);
    margin: 0;
}

h4 {
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    font-weight: 400;
    font-size: var(--font_size_h4);
    margin: 0;
}

h5 {
    font-family: var(--font_title_01);
    color: var(--color_subtitle_primary);
    font-weight: 400;
    font-size: var(--font_size_h5);
    margin: 0;
}

p {
    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    font-weight: 400;
    font-size: var(--font_size_p);
    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;
}

.section-gradient-up {
    background: var(--color_bg_primary);
    background: -o-linear-gradient(bottom, var(--color_bg_active_primary) 100%, var(--color_bg_primary) 0%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, var(--color_bg_active_primary)), color-stop(0%, var(--color_bg_primary)));
    background: linear-gradient(0deg, var(--color_bg_active_primary) 100%, var(--color_bg_primary) 0%);
}

.section-gradient-down {
    background: var(--color_bg_primary);
    background: -o-linear-gradient(bottom, var(--color_bg_primary) 0%, var(--color_bg_active_primary) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color_bg_primary)), to(var(--color_bg_active_primary)));
    background: linear-gradient(0deg, var(--color_bg_primary) 0%, var(--color_bg_active_primary) 100%);
}


/* 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;
}










.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: 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: 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;
}



.point-color-01,
.point-color-02 {
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    margin: 0 8px 0 0;
    font-size: 22px;
}

.point-color-01 {
    background: var(--color_button_01_primary);

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 82, 200, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 82, 200, 0.5);
}

.point-color-02 {
    background: var(--color_button_02_primary);

    -webkit-box-shadow: 0px 0px 10px 0px rgba(96, 213, 118, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(96, 213, 118, 0.5);
}


.box-circle-top-left,
.box-circle-bottom-left,
.box-circle-top-right,
.box-circle-bottom-right {
    width: 50vw;
    height: 50vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    opacity: .1;
    pointer-events: none;
    z-index: 1;
}

.box-circle-top-left {
    top: 0px;
    left: 0px;
}

.box-circle-top-right {
    top: 0px;
    right: 0px;
}

.box-circle-bottom-left {
    bottom: 0px;
    left: 0px;
}

.box-circle-bottom-right {
    bottom: 0px;
    right: 0px;
}

.circle-bottom-left-color-01,
.circle-bottom-right-color-01,
.circle-bottom-left-color-02,
.circle-bottom-right-color-02,
.circle-top-left-color-01,
.circle-top-right-color-01,
.circle-top-left-color-02,
.circle-top-right-color-02 {
    width: 200%;
    height: 200%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
}

.circle-bottom-left-color-01,
.circle-bottom-left-color-02 {
    bottom: -100%;
    left: -100%;
}

.circle-top-left-color-01,
.circle-top-left-color-02 {
    top: -100%;
    left: -100%;
}

.circle-bottom-right-color-01,
.circle-bottom-right-color-02 {
    bottom: -100%;
    right: -100%;
}

.circle-top-right-color-01,
.circle-top-right-color-02 {
    top: -100%;
    right: -100%;
}

.circle-top-left-color-01,
.circle-top-right-color-01,
.circle-bottom-left-color-01,
.circle-bottom-right-color-01 {
    background: rgb(44, 188, 162);
    background: -o-radial-gradient(circle, var(--color_button_01_primary) 0%, transparent 50%);
    background: radial-gradient(circle, var(--color_button_01_primary) 0%, transparent 50%);
}

.circle-top-left-color-02,
.circle-top-right-color-02,
.circle-bottom-left-color-02,
.circle-bottom-right-color-02 {
    background: rgb(44, 188, 162);
    background: -o-radial-gradient(circle, var(--color_button_02_primary) 0%, transparent 50%);
    background: radial-gradient(circle, var(--color_button_02_primary) 0%, transparent 50%);
}



.point-color-01,
.point-color-02 {
    font-size: 22px;
}

.point-color-01 {
    color: var(--color_button_01_primary);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 82, 200, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(0, 82, 200, 0.5));
}

.point-color-02 {
    color: var(--color_button_02_primary);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(96, 213, 118, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(96, 213, 118, 0.5));
}



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

    .box-circle-top-left,
    .box-circle-bottom-left,
    .box-circle-top-right,
    .box-circle-bottom-right {
        width: 75vw;
        height: 75vw;
    }
}

/* Customs Vida Premium */

.circle-color-01,
.circle-color-02 {
    font-size: 30px;
}

.circle-color-02 {
    color: var(--color_button_02_primary);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(9, 194, 194, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(9, 194, 194, 0.5));
}


.point-color-01 {
    width: 8px;
    height: 8px;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    margin: 0 8px 0 0;
    font-size: 22px;
}

.point-color-01 {
    background: var(--color_button_02_primary);

    -webkit-filter: drop-shadow(0px 0px 10px rgba(9, 194, 194, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(9, 194, 194, 0.5));
}



.font-size-h2 {
    font-size: var(--font_size_h2);
    font-weight: 600;
}

.font-size-h3 {
    font-size: var(--font_size_h3);
    font-weight: 500;
}

.font-size-h4 {
    font-size: var(--font_size_h4);
    font-weight: 500;
}

.font-size-p {
    font-size: var(--font_size_p);
    font-weight: 400;
}

.font-size-p2 {
    font-size: var(--font_size_p2);
    font-weight: 400;
}

.font-color-blue {
    color: var(--color_button_01_primary);
}


.home-section-01 {
    width: 100%;
    height: auto;
    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;
    background-color: var(--color_bg_primary);
    z-index: 3;
}

.home-section-01 .box {
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: 100%;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.home-section-01 .box .left {
    width: calc(50% - 40px);
    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: start;
        -ms-flex-align: start;
            align-items: start;
    padding: 220px 0 120px 0;
}

.home-section-01 .box .left .subtitle,
.home-section-01 .box .left .paragraph {
    max-width: 400px;
    text-align: left;
}

.home-section-01 .box .left .subtitle {
    margin: 10px 0 0 0;
}

.home-section-01 .box .left .paragraph {
    margin: 40px 0 0 0;
}

.home-section-01 .box .left .button {
    margin: 60px 0 0 0;
}


.home-section-01 .box .right {
    width: calc(50% - 40px);
    height: calc(100% + 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0px;
    top: 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: 0px;
    border-radius: 0 0 20px 20px;
    background: var(--color_item_primary);

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    overflow: hidden;
}

.home-section-01 .box .right .expand {
    width: calc(100% - 60px);
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    padding: 0 30px 0 30px;

    background: rgb(0, 0, 0);
    background: rgb(0, 0, 0);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);

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

    z-index: 5;
}

.home-section-01 .box .right:hover .expand {

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

}

.home-section-01 .box .right .btn {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 15px;

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

    cursor: pointer;
}

.home-section-01 .box .right .btn p {
    color: var(--white);
    font-size: var(--font_size_p2);
}

.home-section-01 .box .right .btn svg {
    width: 15px;
    height: auto;
    fill: var(--white);
    margin: 0 0 0 15px;
}

.home-section-01 .box .right .block {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
}


.home-section-01 .box .right .container-player {
    width: 1422px;
    min-width: 1422px;
    height: 800px;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    z-index: 3;
}

.home-section-01 .box .right .player {
    width: 100%;
    height: 100%;
}

.home-section-01 .box .right video {
    width: auto;
    height: 100%;
    min-height: 100%;
    z-index: 3;
}

.video-modal {
    width: 100%;
    height: 100%;
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.video-modal .player {
    width: 100%;
    height: 100%;
    min-height: 400px;
}



@media screen and (max-width: 1000px) {
    .home-section-01 .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .home-section-01 .box .left,
    .home-section-01 .box .right {
        position: relative;
        width: 100%;
        height: 700px;
    }

    .home-section-01 .box .left {
        width: 100%;
        height: auto;
        padding: 80px 0 120px 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .home-section-01 .box .left .title,
    .home-section-01 .box .left .subtitle,
    .home-section-01 .box .left .paragraph {
        text-align: center;
    }

    .home-section-01 .box .right .expand {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}








.home-section-02 {
    width: 100%;
    height: auto;
    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;
    padding: 120px 0 120px 0;
    overflow: hidden;

    background-color: var(--color_item_primary);

    z-index: 2;
}

.home-section-02 .box {
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.home-section-02 .box .right .title,
.home-section-02 .box .right .subtitle,
.home-section-02 .box .right .paragraph {
    max-width: 400px;
    text-align: left;
    color: var(--white);
}

.home-section-02 .box .right .subtitle {
    margin: 10px 0 0 0;
}

.home-section-02 .box .right .paragraph {
    margin: 40px 0 0 0;
}

.home-section-02 .box .right .button {
    margin: 60px 0 0 0;
}


.home-section-02 .box .left,
.home-section-02 .box .right {
    width: calc(50% - 40px);
    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-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.home-section-02 .box .left .images {
    width: calc(100% - 120px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

    overflow: hidden;
}

.home-section-02 .box .left .images .media {
    width: 100%;
    height: 100%;
}

.home-section-02 .box .left .images .media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.home-section-02 .box .left .topics {
    width: auto;
    height: 100%;
    position: absolute;
    right: 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: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.home-section-02 .box .left .topics .topic {
    width: auto;
    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;

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

    padding: 15px;

    margin: 0 0 30px 0;

    background: rgba(255, 255, 255, 0.7);

    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.home-section-02 .box .left .topics .topic .image {
    width: 50px;
    min-width: 60px;
    height: 50px;
    min-height: 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-style: solid;
    border-radius: 30px;
    border-width: 0px;

    margin: 0 25px 0 0;

    background: var(--white);
}

.home-section-02 .box .left .topics .topic .image img {
    height: 25px;
    -o-object-fit: cover;
       object-fit: cover;
}

.home-section-02 .box .left .topics .topic .t-title {
    font-size: var(--font_size_p);
    color: var(--color_title_01_primary);
}



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

    .home-section-02 .box .left,
    .home-section-02 .box .right {
        width: 100%;
    }

    .home-section-02 .box .left {
        max-width: 500px;
        margin: 0 0 80px 0;
    }

    .home-section-02 .box .right {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .home-section-02 .box .right .title,
    .home-section-02 .box .right .subtitle,
    .home-section-02 .box .right .paragraph {
        text-align: center;
    }

}

@media screen and (max-width: 560px) {
    .home-section-02 .box .left .images {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .home-section-02 .box .left .topics {
        width: 100%;
        height: auto;
        position: relative;
    }

    .home-section-02 .box .left .topics .topic {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}


.home-section-03 {
    width: 100%;
    height: auto;
    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;
    padding: 120px 0 120px 0;
    overflow: hidden;

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

.home-section-03 .box {
    width: calc(100% - 40px);
    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;
}

.home-section-03 .box .top {
    width: 100%;
    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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    margin: 0 0 80px 0;
}

.home-section-03 .box .top .left,
.home-section-03 .box .top .right {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.home-section-03 .box .top .right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}


.home-section-03 .box .top .title,
.home-section-03 .box .top .subtitle {
    max-width: 400px;
    text-align: left;
}

.home-section-03 .box .top .title {
    color: var(--color_title_01_primary);
}

.home-section-03 .box .top .subtitle {
    color: var(--color_paragraph_primary);
    margin: 10px 0 0 0;
}


.home-section-03 .topic {
    width: 100%;
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.home-section-03 .topic .t-title,
.home-section-03 .topic .t-subtitle {
    max-width: 400px;
}

.home-section-03 .topic .cover {
    width: 100%;
    height: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px 0;

    -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: 15px;

    /*-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05);*/

    overflow: hidden;
}

.home-section-03 .topic .images {
    width: 100%;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;

    display: -ms-grid;

    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;

    overflow: hidden;
}

.home-section-03 .topic .images .image {
    height: 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;

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

    overflow: hidden;
}

.home-section-03 .topic .images .more {
    height: 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;

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

    background-color: rgba(41, 61, 71, .1);

    overflow: hidden;
}



.home-section-03 .topic .cover img,
.home-section-03 .topic .images .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.home-section-03 .topic .cover:hover img,
.home-section-03 .topic .images .image:hover img {
    -webkit-transform: scale(1.05) rotate(0.001deg);
        -ms-transform: scale(1.05) rotate(0.001deg);
            transform: scale(1.05) rotate(0.001deg);
}

.home-section-03 .topic .t-title {
    margin: 0 0 15px 0;
}


.home-section-03 .box .button {
    margin: 80px 0 0 0;
}


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

    .home-section-03 .box .top .left,
    .home-section-03 .box .top .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;
    }

    .home-section-03 .box .top .title,
    .home-section-03 .box .top .subtitle {
        text-align: center;
    }

    .home-section-03 .box .top .subtitle {
        margin: 30px 0 0 0;
    }
}



.gallery-wrapper {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;

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

    background-color: rgba(0, 0, 0, .5);

    z-index: 999;
    /* 99 */
}

.gallery-wrapper[data-gallery-active="true"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.gallery-close {
    width: 30px;
    height: 30px;

    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;

    position: absolute;
    top: 10px;
    right: 10px;

    z-index: 3;

    cursor: pointer;
}

.gallery-close svg {
    width: 20px;
    fill: none;
    stroke-width: 2px;
    stroke: var(--white);
}

.gallery-area-close {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0px;
    left: 0px;
}

.gallery-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: var(--width_break_02);
    height: calc(100% - 80px);

    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;
    gap: 20px;

    padding: 20px;

    z-index: 2;
}

.gallery-wrapper * {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}





.gallery-wrapper {

    .swiper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #444;
        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;
    }

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .swiper-slide {
        background-size: cover;
        background-position: center;

        border-radius: 10px;
        overflow: hidden !important;
    }

    .mySwiper-Gallery {
        height: 80%;
        width: 100%;
    }

    .mySwiper-Gallery-Thumbs {
        height: 20%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 10px 0; 
    }

    .mySwiper-Gallery-Thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 1; 

        cursor: pointer;
    }

    .mySwiper-Gallery-Thumbs .swiper-slide-thumb-active {
        -webkit-transform: scale(0.9) rotate(0.001deg);
            -ms-transform: scale(0.9) rotate(0.001deg);
                transform: scale(0.9) rotate(0.001deg);
    }

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
}



.home-section-04 {
    width: 100%;
    height: auto;
    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;
    padding: 120px 0 120px 0;
    overflow: hidden;

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

.home-section-04 .box {
    width: calc(100% - 40px);
    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;
}

.home-section-04 .box .top {
    width: 100%;
    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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    margin: 0 0 80px 0;
}

.home-section-04 .box .top .left,
.home-section-04 .box .top .right {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.home-section-04 .box .top .right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}


.home-section-04 .box .top .title,
.home-section-04 .box .top .subtitle {
    max-width: 400px;
    text-align: left;
    color: var(--white);
}

.home-section-04 .box .top .subtitle {
    margin: 10px 0 0 0;
}




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

    .home-section-04 .box .top .left,
    .home-section-04 .box .top .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;
    }

    .home-section-04 .box .top .title,
    .home-section-04 .box .top .subtitle {
        text-align: center;
    }

    .home-section-04 .box .top .subtitle {
        margin: 30px 0 0 0;
    }

}


.home-section-05 {
    width: 100%;
    height: auto;
    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;
    padding: 120px 0 120px 0;
    overflow: hidden;
}

.home-section-05 .box {
    width: calc(100% - 40px);
    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;
}

.home-section-05 .box .top {
    width: 100%;
    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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.home-section-05 .box .top .left,
.home-section-05 .box .top .right {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.home-section-05 .box .top .right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}


.home-section-05 .box .top .title,
.home-section-05 .box .top .subtitle {
    max-width: 400px;
    text-align: left;
}

.home-section-05 .box .top .title {
    color: var(--color_title_01_primary);
}

.home-section-05 .box .top .subtitle {
    color: var(--color_paragraph_primary);
    margin: 10px 0 0 0;
}


.home-section-05 .box .topics {
    width: 100%;
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.home-section-05 .box .topics .topic {
    width: calc(33.3% - 60px);
    height: 60px;
    margin: 80px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.home-section-05 .box .topics .topic:hover {
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04);
}

.home-section-05 .box .topics .topic .image {
    width: auto;
    height: 100%;
    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;
}

.home-section-05 .box .topics .topic .image img {
    width: 100%;
    height: 100%;
}

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

    .home-section-05 .box .top .left,
    .home-section-05 .box .top .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;
    }

    .home-section-05 .box .top .title,
    .home-section-05 .box .top .subtitle {
        text-align: center;
    }

    .home-section-05 .box .top .subtitle {
        margin: 30px 0 0 0;
    }

    .home-section-05 .box .topics {
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }

    .home-section-05 .box .topics .topic {
        width: calc(50% - 60px);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

}

@media screen and (max-width: 860px) {
    .home-section-05 .box .topics .topic {
        width: calc(50% - 60px);
    }
}

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

.home-section-06 {
    width: 100%;
    height: auto;
    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;
    padding: 120px 0 120px 0;
    overflow: hidden;
}

.home-section-06 .box {
    width: calc(100% - 40px);
    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;
    z-index: 2;
}

.home-section-06 .box .title,
.home-section-06 .box .subtitle,
.home-section-06 .box .paragraph {
    max-width: 400px;
    text-align: center;
    color: var(--white);
}


.home-section-06 .box .title {
    margin: 0 0 40px 0;
}

.home-section-06 .box .subtitle {
    margin: 0 0 40px 0;
}


.home-section-06 .background,
.home-section-06 .background .media {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.home-section-06 .background .media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}



/* Contact */


.contact-section-01 {
    width: 100%;
    height: auto;
    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;
    padding: 120px 0 120px 0;
    overflow: hidden;
    background: var(--color_bg_primary);
    z-index: 2;
}


.contact-section-01 .box {
    width: calc(100% - 40px);
    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: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.contact-section-01 .box .left {
    width: calc(50% - 40px);
    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: start;
        -ms-flex-align: start;
            align-items: start;
}

.contact-section-01 .box .right {
    width: calc(50% - 40px);
    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;
}

.contact-section-01 .box .left .title {
    margin: 0 0 0 0;
}

.contact-section-01 .box .left .paragraph {
    max-width: 400px;
    margin: 30px 0 60px 0;
}

.contact-section-01 .box .right .media {
    width: 290px;
    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;
}

.contact-section-01 .box .right .media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.contact-section-01 .box .left form {
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

@media screen and (max-width: 1000px) {
    .contact-section-01 .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .contact-section-01 .box .left,
    .contact-section-01 .box .right {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        max-width: 500px;
    }

    .contact-section-01 .box .right {
        margin: 0 0 100px 0;
    }

    .contact-section-01 .box .left .title,
    .contact-section-01 .box .left .subtitle,
    .contact-section-01 .box .left .paragraph {
        text-align: center;
    }

    .contact-section-01 .box .left form {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

}


.contact-section-02 {
    width: 100%;
    height: auto;
    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;
    overflow: hidden;
    background: var(--color_bg_primary);
    z-index: 2;
}


.contact-section-02 .box {
    width: 100%;
    height: 300px;
    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;
}

.contact-section-02 .box iframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}










.contact-confirmation-section-01 {
    width: 100%;
    height: auto;
    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;
    padding: 220px 0 120px 0;
    overflow: hidden;

    background-color: var(--color_bg_primary);

    z-index: 2;
}

.contact-confirmation-section-01 .box {
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.contact-confirmation-section-01 .box .right .title,
.contact-confirmation-section-01 .box .right .subtitle,
.contact-confirmation-section-01 .box .right .paragraph {
    max-width: 400px;
    text-align: left;
}

.contact-confirmation-section-01 .box .right .subtitle {
    margin: 10px 0 0 0;
}

.contact-confirmation-section-01 .box .right .paragraph {
    margin: 40px 0 0 0;
}

.contact-confirmation-section-01 .box .right .button {
    margin: 60px 0 0 0;
}


.contact-confirmation-section-01 .box .left,
.contact-confirmation-section-01 .box .right {
    width: calc(50% - 40px);
    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-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.contact-confirmation-section-01 .box .left .images {
    width: 100%;
    height: 400px;
    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;

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

    overflow: hidden;
}

.contact-confirmation-section-01 .box .left .images .media {
    width: 100%;
    height: 100%;
}

.contact-confirmation-section-01 .box .left .images .media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


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

    .contact-confirmation-section-01 .box .left,
    .contact-confirmation-section-01 .box .right {
        width: 100%;
    }

    .contact-confirmation-section-01 .box .left {
        max-width: 500px;
        margin: 0 0 80px 0;
    }

    .contact-confirmation-section-01 .box .right {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .contact-confirmation-section-01 .box .right .title,
    .contact-confirmation-section-01 .box .right .subtitle,
    .contact-confirmation-section-01 .box .right .paragraph {
        text-align: center;
    }

    .contact-confirmation-section-01 .box .left .images {
        width: 100%;
    }

}


/* Services */

.testimonial-modal {
    width: calc(100% - 40px);
    max-width: 768px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.testimonial {
    width: 100%;
    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: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.testimonial .testimonial-box {
    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-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: 15px;

    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);

    background: var(--white);
    padding: 30px;
}

.testimonial .testimonial-box .author {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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 40px 0;
}

.testimonial .testimonial-box .author .image {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    border-style: solid;
    border-width: 0px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 20px 0 0;
}

.testimonial .testimonial-box .author .name {
    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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.testimonial .testimonial-box .author .name .t-a-title,
.testimonial .testimonial-box .author .name .t-a-subtitle {
    text-align: left;
}

.testimonial .testimonial-box .author .name .t-a-title {
    font-weight: 500;
}

.testimonial .testimonial-box .author .name .t-a-subtitle {
    font-size: var(--font_size_p2);
}

.testimonial .testimonial-box .author .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.testimonial .testimonial-box .t-paragraph {
    width: 100%;
    height: auto;
}

.testimonial .testimonial-box .t-paragraph {
    text-align: left;
    max-width: 400px;
}



.testimonial-modal .testimonial .testimonial-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0px;
    border-radius: 0px;
}

.testimonial-modal .testimonial .testimonial-box .author {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.testimonial-modal .testimonial .testimonial-box .t-paragraph {
    text-align: center !important;
    max-width: 400px;
}


.testimonial-modal .testimonial .testimonial-box {
    -webkit-box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0);
}


.home-section-03,
.home-section-04 {

    .swiper {
        width: 100%;
        height: auto;
        margin: 0px 0px 0 0 !important;
        padding: 20px 20px 100px 20px !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

    .swiper-wrapper {
        cursor: pointer !important;
    }

    .swiper-pagination {
        width: calc(100% - 40px) !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        padding: 0 20px 0 20px !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: start !important;
    }



    .swiper-pagination-bullet {

        background: transparent !important;
        width: 100% !important;
        height: 20px !important;
        margin: 0 !important;

        border-style: solid !important;
        border-radius: 0px !important;
        border-width: 0 0 2px 0 !important;
        border-color: var(--color_button_01_primary) !important;

        background: transparent !important;
        opacity: .2 !important;

        -webkit-transition-duration: .1s !important;
        -o-transition-duration: .1s !important;
        transition-duration: .1s !important;
    }

    .mode-02 .swiper-pagination-bullet {
        border-color: var(--white) !important;
    }


    .swiper-pagination-bullet-active {

        width: 100% !important;
        height: 20px !important;
        margin: 0 !important;

        border-style: solid !important;
        border-radius: 0px !important;
        border-width: 0 0 2px 0 !important;
        border-color: var(--color_button_01_primary) !important;
        background: transparent !important;

        opacity: 1 !important;

        -webkit-transition-duration: .1s !important;
        -o-transition-duration: .1s !important;
        transition-duration: .1s !important;
    }

    .mode-02 .swiper-pagination-bullet-active {
        border-color: var(--white) !important;
    }

    .swiper-slide {
        height: auto !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;
    }

}

/* Page service */

.color_text_custom_page {
    color: var(--color_texts_custom_page);
}

.color_button_custom_page {
    background: var(--color_buttons_custom_page);
}

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

.color_button_custom_page svg {
    fill: var(--white);
}



/* 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: 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);
    }
}






.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

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

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

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

h1:has(span) {
    line-height: 70% !important;
}

@media screen and (max-width: 900px) {
    .ql-size-huge {
        font-size: var(--font_size_h2);
    }

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

    h1:has(span) {
        line-height: 55% !important;
    }

    h3:has(strong) {
        line-height: 80% !important;
    }
}

.capture-01 {
    width: 100%;
    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;
    overflow: hidden;
    padding: 60px 0 100px 0;
}

.capture-01 .custom {
    width: 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;
    margin: 0 0 40px 0;
}

.capture-01 .box-01,
.capture-01 .box-02 {
    width: calc(100% - 40px);
    max-width: var(--width_break_02);
    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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 60px 0;
    z-index: 2;
}

.capture-01 .box-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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 0;
}

.capture-01 .box-02 .left,
.capture-01 .box-02 .right {
    width: calc(50% - 30px);
    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-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.capture-01 .box-02 .left {
    max-width: 400px;
}

.capture-01 .box-02 .center {
    width: 60px;
}

.capture-01 .box-02 .left .media {
    width: 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;
    border-style: solid;
    border-radius: 15px;
    border-width: 0px;
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0.15);
    box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0.15);
    overflow: hidden;
    cursor: pointer;
}

.capture-01 .box-02 .left .media-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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.capture-01 .box-02 .left .media-content .m-title,
.capture-01 .box-02 .left .media-content .m-subtitle,
.capture-01 .box-02 .left .media-content .m-paragraph {
    text-align: center;
    max-width: 350px;
}

.capture-01 .box-02 .left .media-content .m-title {
    margin: 15px 0 0 0;
    font-size: var(--font_size_p);
}

.capture-01 .box-02 .left .media-content .m-subtitle,
.capture-01 .box-02 .left .media-content .m-paragraph {
    margin: 10px 0 0 0;
    font-size: var(--font_size_p3);
}

.capture-01 .box-02 .left .media video,
.capture-01 .box-02 .left .media img {
    width: 102%;
    height: 102%;
    -o-object-fit: cover;
       object-fit: cover;
}

.capture-01 .box-02 .left .media .play {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

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

.capture-01 .box-02 .left .media .play .btn {
    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;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    background: var(--white);
    cursor: pointer;
    z-index: 2;
}

.capture-01 .box-02 .left .media .play .btn svg {
    width: 15px;
    height: auto;
    fill: var(--color_title);
    margin: 0 0 0 3px;
}

.capture-01 .box-02 .left .media .play .btn .circle-expand {
    width: 100%;
    height: 100%;
    position: absolute;
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    border-color: var(--white);
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.capture-01 .box-02 .left .media .play:hover .btn .circle-expand {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}


.capture-01 .box-02 .right .custom {
    max-width: 568px;
}

.capture-01 ul {
    padding: 0 0 0 20px !important;
    margin: -10px 0 0 0;
}

.capture-01 ul li {
    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    font-weight: 400;
    font-size: var(--font_size_p);
    margin: 0 0 10px 0;
    list-style: none;
}

.capture-01 ul li:last-child {
    margin: 0;
}



.capture-01 ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    margin: 8px 8px 0 0;
    background: var(--color_button_01_primary);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 98, 255, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 98, 255, 0.5);
}

.capture-01 .button {
    width: calc(100% - 40px);
    max-width: calc(468px - 40px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 60px 0;
}

.capture-01 .box-01 .button {
    margin: 0px;
}

.capture-01 .background {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -20px;
    top: 0px;
    z-index: 1;
    opacity: .2;
}

@media screen and (max-width: 900px) {
    .capture-01 .box-02 {
        -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;
    }

    .capture-01 .box-02 .left,
    .capture-01 .box-02 .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;
    }

    .capture-01 .custom {
        max-width: 768px;
    }


    .capture-01 {
        padding: 40px 0 100px 0;
    }

    .capture-01 .custom,
    .capture-01 .box-01,
    .capture-01 .box-02 .left {
        margin: 0 0 30px 0;
    }
}







.capture-02 {
    width: 100%;
    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;
    overflow: hidden;
    padding: 60px 0 100px 0;
}

.capture-02 .box {
    width: calc(100% - 40px);
    max-width: var(--width_break_04);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;
}

.capture-02 .box .custom {
    width: 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;
    margin: 0 0 40px 0;
}

.capture-02 .box .video {
    width: 100%;
    display: block;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-style: solid;
    border-radius: 15px;
    border-width: 0px;
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0.15);
    box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0.15);
    overflow: hidden;
    cursor: pointer;
    margin: 0 0 40px 0;
}

.capture-02 .box .button {
    width: calc(100% - 40px);
    max-width: calc(860px - 40px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 40px 0;
}

.capture-02 .background {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -20px;
    top: 0px;
    z-index: 1;
    opacity: .2;
}





.capture-03 {
    width: 100%;
    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;
    overflow: hidden;
    padding: 60px 0 100px 0;
}

.capture-03 .box {
    width: calc(100% - 40px);
    max-width: var(--width_break_04);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;
}

.capture-03 .box .custom {
    width: 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;
    margin: 0 0 40px 0;
}

.capture-03 .box .video {
    width: 100%;
    display: block;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-style: solid;
    border-radius: 15px;
    border-width: 0px;
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0.15);
    box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0.15);
    overflow: hidden;
    cursor: pointer;
    margin: 0 0 40px 0;
}

.capture-03 .box .button {
    width: calc(100% - 0px);
    max-width: calc(860px - 0px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 40px 0;
}

.capture-03 .background {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -20px;
    top: 0px;
    z-index: 1;
    opacity: .2;
}





/* Projects */

.page-project-cover {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0px;
    left: 0px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
}

.page-project-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


.page-project-excerpt {
    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;
    padding: 100px 0 100px 0;
    background: var(--color_bg_primary);
    margin: 100vh 0 0 0;
    z-index: 2;
}

.page-project-excerpt .box {
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.page-project-excerpt .box .part {
    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;
}

.page-project-excerpt .box .part:nth-child(1) {
    width: 70%;
}

.page-project-excerpt .box .part:nth-child(2) {
    width: 30%;
}

.page-project-excerpt .tagline {
    margin: 0 0 30px 0;
}

.page-project-excerpt .title {
    margin: 0 0 15px 0;
}

.page-project-excerpt .tagline,
.page-project-excerpt .title,
.page-project-excerpt .excerpt {
    max-width: 550px;
}

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

    .page-project-excerpt .box .part:nth-child(1) {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .page-project-excerpt .box .part:nth-child(2) {
        width: 100%;
    }
}

.page-project-body {
    width: 100%;
    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;
    background: var(--color_bg_primary);
    z-index: 2;
}

.page-project-body .container {
    width: 100%;
    max-width: var(--width_break_01);
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.page-project-body .container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}

.page-project-body .container .grid {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.page-project-body .container .grid .div {
    width: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-project-body .container .grid .part {
    width: 50%;
    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;
}

.page-project-body .container .grid .part img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}

.page-project-body .container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


.page-project-body .container iframe {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.page-project-body .container .text {
    width: calc(100% - 40px);
    max-width: 768px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}


/* 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: 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: var(--color_bg_primary);

    border-radius: 10px;
    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: 20px;
    right: 15px;

    fill: rgba(0, 0, 0, .5);
}

.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;
}

.confirm-consent {
    margin: 40px 0 0 0;
}

.confirm-consent p,
.confirm-consent p a,
.confirm-consent .checkmark,
.form-row .response {
    color: var(--color_paragraph_primary);
}

.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: 10px 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;

}

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

.form-row span {
    font-size: 14px;
    color: var(--white);
    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;
    }
}

/*Form*/

.form-container {
    width: 100%;
    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;
}

.form-container .form-header {
    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;
    margin: 0 0 40px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.form-container .form-header .f-title,
.form-container .form-header .f-subtitle,
.form-container .form-header .f-paragraph {
    text-align: center;
    max-width: 450px;
    margin: 15px 0 0 0;
}


.form-container .form-content {
    width: 100%;
    height: auto;
    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;
}

form,
.form-content {
    width: 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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.form-content p {
    text-align: center;
}

.form-input {
    width: 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: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px 0;
}

.form-input .label-ex {
    width: 100%;
    height: auto;
    position: relative;

    font-family: var(--font_paragraph);
    font-weight: 500;
    font-size: var(--font_size_p);
    line-height: 130%;

    color: var(--color_paragraph_primary);
    margin: 0 0 10px 0;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;
}

.form-input .label-in {
    width: auto;
    height: auto;
    position: absolute;
    top: 15px;
    left: 1px;
    padding: 0 10px 0 10px;
    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    font-weight: 400;
    font-size: var(--font_size_p);

    background: var(--white);

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;
}

.form-input input,
textarea {
    width: calc(100% - 20px);
    padding: 15px 10px 15px 10px;

    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    font-weight: 400;
    font-size: var(--font_size_p);

    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    resize: none;
}

textarea {
    min-height: 80px;
}

.form-input input:focus,
.form-input textarea:focus {
    border-color: var(--color_item_primary);
}


.form-input input.error,
.form-input textarea.error {
    border: 1px solid #fa5c5c;
}

.form-return {
    width: 100%;
    padding: 20px 0 20px 0;

    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    font-weight: 400;
    font-size: var(--font_size_p);

    text-align: center;
}

.form-return.error {
    color: #fa5c5c;
}

.form-input .label-in.filled {
    left: 4px;
    padding: 0 5px 0 5px;
    font-size: var(--font_size_p3);
    -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
            transform: translateY(-25px);
}




.form-input-options {
    width: 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: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 0 0 20px 0;
}

.form-input-options label {
    width: auto;
    height: auto;

    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    font-weight: 400;
    font-size: var(--font_size_p);

    vertical-align: middle;
    margin: 5px 0 0 5px;
}

.form-input-options label a {
    color: var(--color_paragraph_primary);
    text-decoration: underline;
}



.form-input-options .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;
}

.form-input-options .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;
}

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

.form-input-options .input-radio .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;
}

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

.form-input-options .input-radio .checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
}

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

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





input[type="checkbox"] {
    width: auto;
    margin-top: 10px;
}







/* Oculto */

.hidden {
    display: none;
}




.preloader {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0px;
    top: 0px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--white);
    z-index: 100;
}

.preloader .box-logo {
    width: 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;
    overflow: hidden;
}

.preloader .box-logo .logo {}




.preloader .box-logo .logo .animate {
    position: absolute;
    stroke: #4CADC1;
    stroke-width: 4;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    fill: none;
    opacity: 1;

    -webkit-animation: draw 3.5s infinite;

            animation: draw 3.5s infinite;
    stroke: var(--color_item_primary);
}

@-webkit-keyframes draw {
    50% {
        stroke-dashoffset: 0;
    }
}

@keyframes draw {
    50% {
        stroke-dashoffset: 0;
    }
}

.preloader .box-logo .logo .final {
    position: absolute;
    fill: var(--color_item_primary);
    opacity: 0;
}

.preloader .box-logo .logo.transition .animate {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.preloader .box-logo .logo.transition .final {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}



.preloader.fade-hidden,
.preloader.fade-hidden .box-logo .logo .final {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}





.mini-load {
    width: 20px;
    height: 20px;
    margin: 0 0 0 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: -70px;
    width: 100%;
    height: 70px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    pointer-events: none;
}


/* Botões */

.float-bottom-right {
    width: 100%;
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 40px;
    bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;

    z-index: 5;
    pointer-events: none;
}

.float-bottom-right a {
    pointer-events: visible;
}


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

    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;

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

    -webkit-transition-duration: .3s;

    -o-transition-duration: .3s;

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

    overflow: hidden;

    background: var(--color_button_wpp);

    background: -o-linear-gradient(bottom, #00bf00 0%, #00fb61 100%);

    background: -webkit-gradient(linear, left bottom, left top, from(#00bf00), to(#00fb61));

    background: linear-gradient(0deg, #00bf00 0%, #00fb61 100%);

}

.color_button_wpp img {
    width: 35px;
}

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

@media screen and (max-width: 1040px) {
    .float-bottom-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        right: 20px;
        bottom: 20px;
    }

    .color_button_wpp {
        margin: 20px 0 0 0;
    }
}

/* Botões */

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

    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;

    /*-webkit-box-shadow: 10px 10px 28px 0px rgba(2,34,81,0.15);
    box-shadow: 10px 10px 28px 0px rgba(2,34,81,0.15);*/
}

.color_button_01 {
    background: 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: 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 {
    border-color: var(--color_button_03_primary);
    border-width: 1px !important;
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0);
    box-shadow: 10px 10px 28px 0px rgba(2, 34, 81, 0);
}

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

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

.button .expand {
    width: 0px;
    height: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0px;
    top: 0px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    background: var(--white);
    opacity: .2;
    z-index: 1;
}

.button:hover .expand {
    width: 100%;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.button p {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 2;
}

.button:hover p {
    margin: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.button .icon {
    width: 30px;
    height: 30px;
    margin: 0 0 0 30px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 2;

    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;

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

    background: rgba(255, 255, 255, .1);
}

.button:hover .icon {
    margin: 0 0 0 35px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    background: rgba(255, 255, 255, 0);
}



.button .icon svg {

    height: 12px;
    width: auto;
}

.color_button_03 .icon {
    background: rgba(0, 0, 0, 0);
}

.color_button_03:hover .icon {
    background: rgba(0, 0, 0, 0);
}


.button img {
    width: 20px;
    height: 20px;
    margin: 0 0 0 15px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 2;
}

.button:hover img {
    margin: 0 0 0 25px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}



.button .mini-load {
    display: none;
}

.button.loading {
    pointer-events: none;
}

.button.loading .mini-load {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.button.loading .icon {
    display: none;
}



.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: 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: 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);
}





.button-bounce {

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -moz-animation-name: bounce;
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

/* 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: 120px;
    height: 120px;

    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: #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: 120px;
    }

    .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: 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(--font_size_p3);
    color: var(--color_paragraph_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 h1 {
    margin-bottom: 60px;
}

.privacy-policy h4 {
    margin: 40px 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%;
    height: 400px;

    border-style: solid;
    border-radius: 10px;
    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;
}




/* Menu */


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

    position: fixed;
    top: 0px;

    padding: 30px 0 0 0;

    min-height: 50px;

    -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% - 40px);
    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 {
    -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;
}

.nav-box .button {
    display: none;
}


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

.nav-logo {
    height: auto;
    width: auto;
    cursor: pointer;
    position: relative;
}

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

.nav-logo .secondary {
    display: none;
}

.nav-logo img {
    height: 40px;
    -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;

    padding: 0;


    -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: calc(100% - 80px);
    height: auto;

    position: fixed;
    top: 80px;
    left: 20px;
    padding: 40px 20px 40px 20px;

    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;

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

    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);

    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.nav-links-mobile.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.nav-links-mobile.open .nav-links-mobile li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}



.nav-links li,
.nav-links-mobile li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    list-style: none;
}

.nav-links-mobile li {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    margin: 0px 0px 20px 0px;
}




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

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

.nav-links li:last-child {
    margin: 0 0 0 0;
}

.nav-links li a,
.nav-links-mobile li a {

    height: 60px;
    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:not(.button p),
.nav-links-mobile li a p:not(.button p) {
    color: var(--color_paragraph_primary);
}


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

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



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

    position: absolute;
    bottom: 0px;

    background-color: var(--color_item_primary);

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

    opacity: 0;
}

.nav-links li a:hover .nav-link-bar,
.nav-links-mobile li a:hover .nav-link-bar,
.nav-link-bar-after {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1;
    -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: 1040px) {
    .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: var(--color_title_01_primary);
    -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: 80px;
    padding: 0 0 0 0;
    background: var(--color_header_primary);
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, 0.1);
}

.nav-visible .nav-links li a p:not(.button p),
.nav-visible .nav-links-mobile li a p:not(.button p) {
    color: var(--color_paragraph_primary);
}

.nav-visible .nav-logo .primary {
    display: none;
}

.nav-visible .nav-logo .secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-visible .nav-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

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

.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-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(--font_size_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);

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

    z-index: 3;
}

footer a {
    text-decoration: none;
}

footer p {
    max-width: 420px;
}

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

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

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

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


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


footer .container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 100px 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 .box-01,
footer .container .box-02,
footer .container .box-03 {
    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 60px 0;
}

footer .container .box-01 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

footer .container .box-02,
footer .container .box-03 {
    padding: 30px 0 30px 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: var(--div_line_primary);
}

footer .container .box-02 {
    display: none;
}


footer .container .box-01 .part {
    width: auto;
    height: auto;
    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;

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

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

footer .container .box-01 .part:nth-child(1) p {
    opacity: .8;
    max-width: 300px;
    margin: 30px 0 0 0;
}

footer .container .box-01 .part .menu {
    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 .box-01 .part .menu .title {
    font-weight: 500;
    font-size: var(--font_size_p2);
    margin: 0 0 20px 0;
    text-align: left;
}

footer .container .box-01 .part .menu a {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin: 0 0 15px 0;

    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .8;
}

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

footer .container .box-01 .part .menu a:hover {
    opacity: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


footer .container .box-02 .part,
footer .container .box-03 .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_secondary);
    border-width: 0px;
}

footer .container .box-02 .part p,
footer .container .box-03 .part p {
    font-size: var(--font_size_p3);
    opacity: 0.8;
}


footer .container .box-02 .part:last-child,
footer .container .box-03 .part:last-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

footer .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 0 0;
}

footer .buttons a {
    width: 70px;
    height: 70px;
    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: transparent;

    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    border-color: var(--color_text_footer_primary);


    margin: 0 20px 0 0;

    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

footer .buttons a:last-child {
    margin: 0;
}

footer .buttons a svg {
    width: 25px;
    height: auto;
    fill: var(--color_text_footer_primary);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

footer .buttons a:hover {
    background-color: var(--color_text_footer_primary);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

footer .buttons a:hover svg {
    fill: var(--color_footer_primary);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

footer .downloads {
    width: 100%;
    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-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .downloads a {
    width: auto;
    height: auto;
    cursor: pointer;
}

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

footer .downloads a img {
    width: auto;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 820px) {
    footer .container .box-01 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .container .box-01 .part:nth-child(1) {
        width: 100%;
        margin: 0 0 60px 0;
    }

    footer .container .box-01 .part:nth-child(2),
    footer .container .box-01 .part:nth-child(3) {
        width: 50%;
    }

    footer .container .box-02 .part,
    footer .container .box-03 .part {
        width: auto;
    }
}

@media screen and (max-width: 700px) {
    footer .container .box-01 {
        margin: 0;
    }

    footer .container .box-01 .part {
        width: 100% !important;
        margin: 0 0 60px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

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

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

    footer .container .box-01 .part .menu a {
        margin: 0 0 15px 0;
    }


    footer .container .box-02,
    footer .container .box-03 {
        -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;
    }

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

    footer .container .box-02 .part:nth-child(1),
    footer .container .box-03 .part:nth-child(1) {
        margin: 0 0 40px 0;
    }

    footer .container .box-02 p,
    footer .container .box-03 p {
        text-align: center;
    }
}






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

.developed-by a {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .8;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.developed-by a:first-child {
    margin: 0 30px 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: var(--font_size_p4) !important;
    white-space: nowrap;
    margin: 0 8px 0 0;
}

.developed-by a .logo-vinccolo {
    width: 100%;
    height: 22px;
    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: 0px 0 0 0;
}

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

.developed-by a .logo-escandi {
    width: 100%;
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 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: 960px) {

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



.footer-social-links {
    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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px 0 60px 0;
    background: var(--color_footer_primary);
}

.footer-social-links img {
    width: auto;
    height: 35px;
    margin: 0 0 40px 0;
}

.footer-social-links p {
    text-align: center;
    font-size: var(--font_size_p3);
    color: var(--white);
    opacity: .8;
}




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

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







/* Climb up */


.climb-up {
    width: 40px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 40px;
    bottom: 140px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.climb-up-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: var(--color_bg_primary);
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    border-color: rgba(0, 0, 0, 0.1);
    -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:hover .climb-up-icon {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

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

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

.climb-up.active {
    opacity: 1;
    visibility: visible;
}




/* 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);
}

/* Slider button */

.input-slidecontainer {
    width: 100%;
    max-width: 600px;
}

.simulator-input-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 7.5px;
    background: rgba(0, 0, 0, 0.2);
    outline: none;
    -webkit-transition: .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.simulator-input-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--color_button_01_primary);
    cursor: pointer;

    -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 200, 1);
    box-shadow: 0 0 0 0 rgba(0, 82, 200, 1);

    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pulse-ligy 2s infinite;
    animation: pulse-ligy 2s infinite;
}




.simulator-input-slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--color_button_01_primary);
    cursor: pointer;

    box-shadow: 0 0 0 0 rgba(0, 82, 200, 1);
    transform: scale(1);
    animation: pulse-ligy 2s infinite;
}


@-webkit-keyframes pulse-ligy {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 200, 0.7);
        box-shadow: 0 0 0 0 rgba(0, 82, 200, 0.7);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(0, 82, 200, 0);
        box-shadow: 0 0 0 10px rgba(0, 82, 200, 0);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 200, 0);
        box-shadow: 0 0 0 0 rgba(0, 82, 200, 0);
    }
}


@keyframes pulse-ligy {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 200, 0.7);
        box-shadow: 0 0 0 0 rgba(0, 82, 200, 0.7);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(0, 82, 200, 0);
        box-shadow: 0 0 0 10px rgba(0, 82, 200, 0);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 82, 200, 0);
        box-shadow: 0 0 0 0 rgba(0, 82, 200, 0);
    }
}



.response-send-mail {
    width: calc(100% - 60px);
    min-height: calc(100% - 60px);
    padding: 30px;
    display: none;
    margin: -2px 0 0 0;
    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;
    border-style: solid;
    border-width: 0px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.10);
    background: var(--white);
    margin: 0 0 80px 0;
    z-index: 2;
}

.response-send-mail h3 {
    max-width: 300px;
    font-size: var(--size_text_h4);
    color: var(--color_title_01_primary) !important;
    font-weight: 500;
    text-align: center;
}

.response-send-mail h4 {
    margin: 30px 0 30px 0;
    max-width: 300px;
    font-size: var(--size_text_p);
    color: var(--color_paragraph_primary) !important;
    font-weight: 400;
    text-align: center;
}

.response-send-mail .div {
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, .1);
    margin: 40px 0 40px 0;
}

.response-send-mail .button {
    min-width: calc(100% - 40px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 20px 0;
}

.response-send-mail .button p {
    color: var(--white);
    text-align: center;
}

.response-send-mail .color_button_wppp {
    background: #05db3b;
}

.response-send-mail .color_button_fb {
    background: #0079fb;
}



.section_profile {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 340px);
    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;
    padding-top: 70px;
    padding-bottom: 70px;
}

.section_profile .image {
    width: 120px;
    height: 120px;
    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;

    padding: 3px;

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

.section_profile img {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border-radius: 50%;
}

.section_profile .p {
    margin: 0 0 60px 0;
}

.section_profile .button {

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

}

.section_profile .row_icons {
    width: 100%;
    max-width: 200px;
    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;
}