/*
* 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: 450px;
    
    --font_size_initial: 17px;
    
    --font_size_h1: 3rem;
    --font_size_h1_mobile: 2.4rem;
    --font_size_h2: 2rem;
    --font_size_h3: 1.5rem;
    --font_size_h4: 1rem;
    --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); }
    
    
    
    
    
    
    
    .bg-color-section{ background-color: var(--color_bg_primary); }
    .bg-color-section-active{ background-color: var(--color_bg_active_primary); }
    
    .bg-color-header{ background-color: var(--color_header_primary); }
    .bg-color-footer{ background-color: var(--color_footer_primary); }
    
    .bg-color-item{ background-color: var(--color_item_primary); }
    .bg-color-item-ative{ background-color: var(--color_item_active_primary); }
    
    
    
    /* Container */
    body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: 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);
    line-height: 110%;
    font-weight: 400;
    font-size: var(--font_size_h1);
    margin: 0;
    }
    
    @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);
    line-height: 130%;
    font-weight: 400;
    font-size: var(--font_size_h2);
    margin: 0;
    }
    h3{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 110%;
    font-weight: 400;
    font-size: var(--font_size_h3);
    margin: 0;
    }
    h4{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 150%;
    font-weight: 400;
    font-size: var(--font_size_h4);
    margin: 0;
    }
    h5{
    font-family: var(--font_title_01);
    color: var(--color_subtitle_primary);
    line-height: 120%;
    font-weight: 400;
    font-size: var(--font_size_h5);
    margin: 0;
    }
    p{
    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    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;
    
    overflow: hidden;
    
    }
    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-color: var(--color_bg_primary);
    
    opacity: 0;
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    
    cursor: default;
    }
    .input-location .expand span{
    width: calc(100% - 30px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px 10px 15px;
    margin: 0 0 15px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-radius: 5px;
    border-width: 0px;
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
    }
    .input-location .expand span:last-child{ margin: 0px; }
    .input-location .expand span:hover{
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    }
    .input-location .expand span img{
    width: 40px;
    height: auto;
    object-fit: cover;
    -o-object-fit: cover;
    margin: 0 15px 0 0;
    }
    
    
    
    .point-color-01,
    .point-color-02 {
    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-color: 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-color: 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 Caveo */
    
    .section-01{
    width: 100%;
    height: 100vh;
    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;
    
    overflow: hidden;
    }
    @media screen and (min-height: 950px)
    {
    .section-01{ height: 950px; }
    }
    @media screen and (max-height: 700px)
    {
    .section-01{ height: 700px; }
    }
    
    .section-01 .box{
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: calc(100% - 100px);
    position: relative;
    padding: 50px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2;
    }
    .section-01 .box .left{
    width: 40%;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    }
    .section-01 .box .left h1{ text-align: left; }
    .section-01 .box .left h1 b{ font-family: var(--font_paragraph); font-weight: 400; font-style: normal; text-transform: uppercase; font-size: var(--font_size_p); color: var(--color_subtitle_primary); }
    .section-01 .box .paragraph{
    max-width: 400px;
    margin: 0 0 60px 0;
    }
    
    .section-01 .box .right{
    width: 60%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    
    
    .section-01 .box .right .image{
    width: 100%;
    max-width: 470px;
    max-width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    }
    .section-01 .box .right .image img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    
    z-index: 2;
    }
    
    .section-01 .box .right .image .circle{
    width: 93%;
    position: absolute;
    bottom: 0px;
    
    padding-top: 93%;
    
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    
    background-color: var(--color_button_02_primary);
    
    z-index: 1;
    }
    .section-01 .box .right .float-01,
    .section-01 .box .right .float-02{
    position: absolute;
    
    -webkit-filter: drop-shadow(11px 8px 33px rgba(0,0,0,0.05));
    filter: drop-shadow(11px 8px 33px rgba(0,0,0,0.05));
    
    -webkit-transition-duration: .3s;
    
         -o-transition-duration: .3s;
    
            transition-duration: .3s;
    
    z-index: 3;
    }
    
    .section-01 .box .right .float-01:hover,
    .section-01 .box .right .float-02:hover{
    -webkit-transform: translateY(-10px) !important;
        -ms-transform: translateY(-10px) !important;
            transform: translateY(-10px) !important;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    }
    
    .section-01 .box .right .float-01{
    width: 160px;
    top: 20px;
    left: 140px;
    }
    .section-01 .box .right .float-02{
    width: 80px;
    top: 20px;
    right: 0px;
    }
    
    
    @media screen and (max-width: 1150px)
    {
    .section-01 .box .right .float-01{
    left: 60px;
    }
    }
    @media screen and (max-width: 1060px)
    {
    .section-01 .box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 200px 0 100px 0; }
    .section-01 .box .left, .section-01 .box .right{ width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    
    .section-01 .box .left .line { max-width: 400px; }
    
    .section-01 .box .right { margin: 0 0 60px 0; max-width: 600px; }
    .section-01 .box .left h1, .section-01 .box .left .paragraph{ text-align: center; }
    
    .section-01 .box .right .float-01{ left: 0px; }
    
    .section-01 {
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    
    }
    
    @media screen and (max-width: 640px)
    {
    .section-01 .box .right .float-01{ max-width: 25%; }
    .section-01 .box .right .float-02{ width: 50px; }
    .section-01 .box { padding: 130px 0 100px 0; }
    }
    
    
    
    
    /* section-02 */
    
    .section-02{
    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: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 150px 0 150px 0;
    overflow: hidden;
    }
    
    .section-02 h2{ text-align: center; }
    .section-02 .paragraph{ text-align: center;margin: 30px 0 0 0; }
    
    
    
    .section-02 .box-01{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    
    margin: 0 0 80px 0;
    
    z-index: 3;
    }
    .section-02 .box-01 .topic{
    width: calc(25% - 60px - 15px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
    
    -webkit-box-pack: start;
    
        -ms-flex-pack: start;
    
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    border-color: rgba( 0, 0, 0, 0.1 );
    
    -webkit-transition-duration: .3s;
    
         -o-transition-duration: .3s;
    
            transition-duration: .3s;
    }
    .section-02 .box-01 .topic:hover{
    background-color: var(--white);
    border-width: 0px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-box-shadow: 11px 8px 33px 0px rgba(0,0,0,0.05);
    box-shadow: 11px 8px 33px 0px rgba(0,0,0,0.05);
    }
    .section-02 .box-01 .topic .icon{
    width: 60px;
    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 0 20px 0;
    
    background-color: var(--color_button_01_primary);
    }
    .section-02 .box-01 .topic .icon img{
    width: 30px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    }
    .section-02 .box-01 .topic h4{ text-align: center; }
    
    
    
    .section-02 .box-02{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    
    z-index: 3;
    }
    @media screen and (max-width: 820px)
    {
    .section-02 .box-01 .topic{ width: calc(50% - 60px - 15px); margin: 0 0 30px 0; }
    }
    @media screen and (max-width: 450px)
    {
    .section-02 .box-01 .topic{ width: calc(100% - 60px); margin: 0 0 30px 0; }
    .section-02 .box-01 .topic:last-child{ margin: 0; }
    }
    
    
    .section-03{
    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: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    padding: 140px 0 140px 0;
    
    overflow: hidden;
    }
    
    .section-03 .paragraph{ max-width: 300px; margin: 30px 0 0 0; vertical-align: middle; }
    
    .section-03 .circle-color-01,
    .section-03 .circle-color-02 {
    font-size: 30px;
    }
    .section-03 .circle-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));
    }
    
    .section-03 .circle-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));
    }
    
    
    .section-03 .subsection-left,
    .section-03 .subsection-right{
    width: 100%;
    height: 75vh;
    max-height: 750px !important;
    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;
    
    overflow: hidden;
    }
    
    
    @media screen and (min-height: 950px)
    {
    .section-03 .subsection-left,
    .section-03 .subsection-right{ height: 950px; }
    }
    @media screen and (max-height: 700px)
    {
    .section-03 .subsection-left,
    .section-03 .subsection-right{ height: 700px; }
    }
    
    
    .section-03 .subsection-left .box,
    .section-03 .subsection-right .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;
    }
    
    .section-03 .subsection-left .box{ -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
    .section-03 .subsection-right .box{ -webkit-box-align: end; -ms-flex-align: end; align-items: end; }
    
    .section-03 .box .text{
    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;
    }
    
    .section-03 .subsection-left .expand,
    .section-03 .subsection-right .expand{
    width: 60%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition-duration: .4s;
         -o-transition-duration: .4s;
            transition-duration: .4s;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    
    .section-03 .subsection-left .expand{ right: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); }
    .section-03 .subsection-right .expand{ left: 0px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); }
    
    
    
    .section-03 .subsection-left .expand svg,
    .section-03 .subsection-right .expand svg{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    z-index: 1;
    }
    .section-03 .subsection-right .expand svg{
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    
    
    .section-03 .subsection-left .view,
    .section-03 .subsection-right .view{
    height: 100%;
    max-height: 75vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    
    -webkit-transition-duration: .5s;
    
         -o-transition-duration: .5s;
    
            transition-duration: .5s;
    
    overflow: hidden;
    
    z-index: 3;
    }
    
    .section-03 .subsection-left .view{ -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(-3deg)
    rotateZ(0deg)
    translateX(-100%); transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(-3deg)
    rotateZ(0deg)
    translateX(-100%);
    
    margin: 0 0 0 25%; }
    
    .section-03 .subsection-right .view{ -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(3deg)
    rotateZ(0deg)
    translateX(100%); transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(3deg)
    rotateZ(0deg)
    translateX(100%);
    
    margin: 0 25% 0 0; }
    
    
    .section-03 .subsection-left .view .element,
    .section-03 .subsection-right .view .element{
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    z-index: 3;
    }
    .section-03 .subsection-left .view .screen,
    .section-03 .subsection-right .view .screen{
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    left: 10px;
    top: 20px;
    z-index: 2;
    }
    
    
    
    .effect-expand-active .view{ 
    -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0) !important; 
            transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0) !important;
    }
    
    .effect-expand-active{ -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
    
    
    
    @media screen and (max-width: 880px)
    {
    .section-03{ padding: 20px 0 100px 0; }
    
    .section-03 .subsection-left,
    .section-03 .subsection-right{ height: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; max-height: initial !important; }
    
    .section-03 .subsection-left .expand,
    .section-03 .subsection-right .expand{ position: relative; height: 500px; width: 100%; margin: 80px 0 80px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    
    .section-03 .subsection-left .view,
    .section-03 .subsection-right .view{ max-height: 75vh; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; }
    
    .section-03 .subsection-left .expand svg,
    .section-03 .subsection-right .expand svg{
    position: absolute;
    }
    
    .section-03 .subsection-left .box,
    .section-03 .subsection-right .box{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .section-03 .text h2,
    .section-03 .text .paragraph{ text-align: center; }
    }
    
    @media screen and (max-width: 620px)
    {
    .section-03 .subsection-left .view,
    .section-03 .subsection-right .view{
    -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(-3deg)
    rotateZ(0deg)
    translateX(-50%);
            transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(-3deg)
    rotateZ(0deg)
    translateX(-50%); }
    
    .effect-expand-active .view{ 
    -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0); 
            transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0);
    }
    
    .effect-expand-active svg{width: 150% !important; } 
    }
    
    
    
    .section-04{
    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;
    
    padding: 150px 0 150px 0;
    
    overflow: hidden;
    }
    
    .section-04 .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 3;
    }
    
    
    .section-04 .box .left{
    width: 50%;
    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;
    z-index: 2;
    }
    
    .section-04 .box .button { margin: 60px 0 0 0; }
    
    .section-04 .box .left .float-01,
    .section-04 .box .left .float-02{
    position: absolute;
    
    -webkit-filter: drop-shadow(11px 8px 33px rgba(0,0,0,0.05));
    filter: drop-shadow(11px 8px 33px rgba(0,0,0,0.05));
    
    -webkit-transition-duration: .3s;
    
         -o-transition-duration: .3s;
    
            transition-duration: .3s;
    
    z-index: 3;
    }
    
    .section-04 .box .left .float-01:hover,
    .section-04 .box .left .float-02:hover{
    -webkit-transform: translateY(-10px) !important;
        -ms-transform: translateY(-10px) !important;
            transform: translateY(-10px) !important;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    }
    
    .section-04 .box .left .float-01{
    width: 100px;
    top: 0px;
    left: 0px;
    }
    .section-04 .box .left .float-02{
    width: 80px;
    top: 20px;
    right: 0px;
    }
    
    
    .section-04 .box .left .image{
    width: 100%;
    max-width: 470px;
    max-width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    }
    .section-04 .box .left .image img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    
    z-index: 2;
    }
    
    .section-04 .box .left .image .circle{
    width: 93%;
    position: absolute;
    bottom: 0px;
    
    padding-top: 93%;
    
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    
    background-color: var(--color_button_01_primary);
    
    z-index: 1;
    }
    
    
    .section-04 .box .right{
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    }
    
    .section-04 .box .right .innerbox{
    width: calc(100% - 60px);
    height: auto;
    padding: 30px;
    
    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;
    
    margin: 60px 0 0 0;
    
    border-style: solid;
    border-width: 0px;
    border-radius: 15px;
    border-color: rgba( 0, 0, 0, 0.1 );
    
    background-color: var(--white);
    
    -webkit-box-shadow: 11px 8px 33px 0px rgba(0,0,0,0.05);
    box-shadow: 11px 8px 33px 0px rgba(0,0,0,0.05);
    
    -webkit-transition-duration: .3s;
    
         -o-transition-duration: .3s;
    
            transition-duration: .3s;
    }
    .section-04 .box .right .innerbox .input-slidecontainer h4{ margin: 20px 0 0 0; }
    
    .section-04 .box .right .innerbox .paragraph{ max-width: 400px; margin: 30px 0 30px 0; max-width: 400px; }
    .section-04 .box .right .innerbox .info{ max-width: 400px; margin: 30px 0 0 0; font-size: var(--font_size_p3); }
    
    .section-04 .box .right .innerbox .button{ margin: 40px 0 0 0; }
    
    
    .section-04 .box .right .innerbox .simulator-input-slider{ margin: 10px 0 10px 0; }
    
    @media screen and (max-width: 1120px)
    {
    .section-04 .box .right { width: 45%; } 
    .section-04 .box .left { width: 55%; } 
    }
    @media screen and (max-width: 1060px)
    {
    .section-04 .box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .section-04 .box .right, .section-04 .box .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-04 .box .left { margin: 0 0 80px 0; max-width: 600px; }
    .section-04 .box .right h1, .section-04 .box .right .paragraph{ text-align: center; }
    
    .section-04 {
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    
    .section-04 .box .right h2,
    .section-04 .box .right h3,
    .section-04 .box .right p{ text-align: center; }
    
    .section-04 .box .right .innerbox{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    
    .section-04 .box .right .innerbox .input-slidecontainer{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .section-04 .box .right .innerbox .input-slidecontainer h4{ text-align: center; }
    
    }
    @media screen and (max-width: 660px)
    {
    .section-04 .box .left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    }
    
    
    
    .section-05{
    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: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 150px 0 150px 0;
    overflow: hidden;
    }
    
    
    .section-05 .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    
    .section-05 .box h2{ text-align: center; }
    .section-05 .box .paragraph{ text-align: center;margin: 30px 0 0 0; }
    
    .testimonial-modal{
        max-width: 768px;
        display: flex;

    }


    .testimonial{
    width: 100%;
    height: calc(100% - 140px);
    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;
    
    padding: 40px 0 0 0;
    
    margin: 10px 0 0 0;
    }
    
    .testimonial .testimonial-box{
    width: calc(100% - 82px);
    height: 100%;
    min-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 33px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 8px 33px 0px rgba(0,0,0,0.05);
    
    background-color: var(--white);
    
    padding: 40px;
    }

    .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);
    }
    
    .testimonial .testimonial-box .paragraph { margin: 40px 0 20px 0; }
    .testimonial .testimonial-box p { text-align: center; }
    
    .testimonial .testimonial-box .star {
    width: auto;
    height: 10px;
    min-height: 10px;
    fill: #ebb619;
    margin: 20px 0 0 0;
    }
    .testimonial .testimonial-box p .ocupation{ font-size: var(--font_size_p2); }

    .testimonial .testimonial-box .button {margin: 0 0 15px 0;}
    
    .testimonial .testimonial-box img{
    width: 80px;
    height: 80px;
    border-style: solid;
    border-width: 0px;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    }
    
    .swiper {
    width: 100%;
    height: 600px;
    margin: 70px 0 0 0;
    }
    
    .swiper-wrapper{
    
    cursor: -webkit-grab !important;
    cursor: grab !important;
    }
    
    .swiper-pagination{
    width: 100% !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-color: transparent !important;
    width: 12px !important;
    height: 12px !important;
    
    margin: 0 5px 0 5px !important;
    
    
    background-color: var(--color_button_01_primary) !important;
    opacity: .5 !important;
    }
    .swiper-pagination-bullet-active{
    width: 30px !important;
    height: 12px !important;
    margin: 0 5px 0 5px !important;
    
    border-radius: 10px !important;
    
    opacity: 1 !important;
    
    -webkit-transition-duration: .1s !important;
    
         -o-transition-duration: .1s !important;
    
            transition-duration: .1s !important;
    }
    
    .swiper-slide {
    height: 500px !important;
    
    
    /* Center slide text vertically */
    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;
    }
    @media screen and (max-width: 468px)
    {
    .swiper { height: 600px; }
    .swiper-wrapper{ height: 500px !important; }
    .swiper-slide { height: 500px !important; }
    }
    
    
    
    
    
    
    
    .section-06{
    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: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 150px 0 150px 0;
    overflow: hidden;
    }
    
    .section-06 .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    z-index: 3;
    }
    .section-06 .box h2{ text-align: center; }
    .section-06 .box .paragraph{ text-align: center;margin: 30px 0 0 0; }
    
    .section-06 .box .faq .p{ max-width: 450px; }
    
    .section-06 .faq{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 80px 0 0 0;
    }



    
    
    
    
    .section-07{
    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;
    
    padding: 150px 0 150px 0;
    
    overflow: hidden;
    }
    
    .section-07 .box{
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 3;
    }
    .section-07 .box .left{
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    }
    .section-07 .box .left h2{ text-align: left; font-size: var(--font_size_h1); }
    .section-07 .box .left h2 b{ font-family: var(--font_paragraph); font-weight: 400; font-style: normal; text-transform: uppercase; font-size: var(--size_text_p); color: var(--color_subtitle_primary); }
    
    .section-07 .box .paragraph{ margin: 30px 0 0 0; max-width: 400px; }
    
    
    
    .section-07 .box .right{
    width: 50%;
    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;
    }
    
    .section-07 .box .button { margin: 60px 0 0 0; }
    
    .section-07 .box .right .topics{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0px;
    right: 0px;
    z-index: 3;
    }
    
    .section-07 .box .right .topic{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    
    border-style: solid;
    border-radius: 10px;
    border-width: 0px;
    
    margin: 0 0 10px 0;
    
    -webkit-box-pack: start;
    
        -ms-flex-pack: start;
    
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    background-color: var(--white);
    
    -webkit-filter: drop-shadow(11px 8px 33px rgba(0,0,0,0.05));
    filter: drop-shadow(11px 8px 33px rgba(0,0,0,0.05));
    }
    
    .section-07 .box .right .topic:nth-child(1):hover{ margin: 0 0 20px 0; }
    .section-07 .box .right .topic:nth-child(2):hover{ margin: 10px 0 20px 0; }
    .section-07 .box .right .topic:nth-child(3):hover{ margin: 10px 0 0px 0; }
    
    
    .section-07 .box .right .image{
    width: 100%;
    max-width: 470px;
    max-width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    }
    .section-07 .box .right .image img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    
    z-index: 2;
    }
    
    .section-07 .box .right .image .circle{
    width: 93%;
    position: absolute;
    bottom: 0px;
    
    padding-top: 93%;
    
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    
    background-color: var(--color_button_02_primary);
    
    z-index: 1;
    }
    
    
    @media screen and (max-width: 1120px)
    {
    .section-07 .box .left { width: 45%; } 
    .section-07 .box .right { width: 55%; } 
    }
    @media screen and (max-width: 1060px)
    {
    .section-07 .box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
    .section-07 .box .left, .section-07 .box .right{ width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    
    .section-07 .box .right { margin: 0 0 60px 0; max-width: 600px; }
    .section-07 .box .left h2, .section-07 .box .left .paragraph{ text-align: center; }
    
    .section-07 {
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    
    }
    @media screen and (max-width: 660px)
    {
    .section-07 .box .right .topics{ width: 100%; position: relative; margin: 0 0 60px 0;}
    .section-07 .box .right .topic{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .section-07 .box .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    }

/* About Us */

.about-us-section-01{
    width: 100%;
    height: auto;
    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;
    background-color: var(--color_item_primary);
    padding: 250px 0 150px 0;
}
.about-us-section-01 .element{
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: end !important;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
.about-us-section-01 .element svg{
    height: auto;
    width: 100%;
    fill: var(--color_item_active_primary);
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.about-us-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: start;
        -ms-flex-align: start;
            align-items: start;
    z-index: 2;
}

.about-us-section-01 .box .left,
.about-us-section-01 .box .right{
    width: calc(50% - 40px);
    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;
}
.about-us-section-01 .box .right{ -webkit-box-align: end; -ms-flex-align: end; align-items: end;  }

.about-us-section-01 .box .left .image{
    width: 60px;
    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;
    margin: 0 0 40px 0;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.about-us-section-01 .box .left .image:hover{
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.about-us-section-01 .box .left .image img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}

.about-us-section-01 .box .title,
.about-us-section-01 .box .paragraph { margin: 0 0 40px 0; color: var(--white); max-width: 550px; }


.about-us-section-01 .box .right .image{
    width: 100%;
    max-width: 500px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-style: solid;
    border-width: 0px;
    border-radius: 20px;
    overflow: hidden;
}

.about-us-section-01 .box .right .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


@media screen and (max-width: 1060px)
{
    .about-us-section-01{ padding: 200px 0 150px 0; }
    .about-us-section-01 .box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .about-us-section-01 .box .left { margin: 0 0 80px 0; }
    .about-us-section-01 .box .left,
    .about-us-section-01 .box .right{ width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

    .about-us-section-01 .box .title,
    .about-us-section-01 .box .paragraph { text-align: center; }
}

@media screen and (max-width: 800px)
{
    .about-us-section-01 .element{ width: 80%; }
}


    
.about-us-section-02{
    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: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    padding: 140px 0 140px 0;
    
    overflow: hidden;
}
    
.about-us-section-02 .paragraph{ max-width: 300px; margin: 30px 0 30px 0; vertical-align: middle; }
    
    
.about-us-section-02 .subsection{
    width: 100%;
    height: 75vh;
    max-height: 750px !important;
    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;

}
    
@media screen and (min-height: 950px)
{
    .about-us-section-02 .subsection{ height: 950px; }
}
@media screen and (max-height: 700px)
{
    .about-us-section-02 .subsection{ height: 700px; }
}
    
.about-us-section-02 .subsection .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: end;
     -ms-flex-align: end;
     align-items: end;
}
    
.about-us-section-02 .box .text{
    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;
}
    
.about-us-section-02 .subsection .expand{
    width: 60%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition-duration: .4s;
         -o-transition-duration: .4s;
            transition-duration: .4s;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
    
.about-us-section-02 .subsection .expand{ left: 0px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); }
    
    
.about-us-section-02 .subsection .expand svg{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        z-index: 1;
}
    
.about-us-section-02 .subsection .view{
    height: 100%;
    max-height: 75vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    
    -webkit-transition-duration: .5s;
    
         -o-transition-duration: .5s;
    
            transition-duration: .5s;
    
    -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(3deg)
    rotateZ(0deg)
    translateX(100%); transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(3deg)
    rotateZ(0deg)
    translateX(100%);
    
    margin: 0 25% 0 0; 

    overflow: hidden;

    z-index: 3;
}
    

.about-us-section-02 .subsection .view .element{
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    z-index: 3;
}
.about-us-section-02 .subsection .view .image{
    width: auto;
    height: 100%;
    left: 10px;
    top: 20px;
    z-index: 2;
} 
.about-us-section-02 .subsection .view .image img{
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
} 
    

.effect-expand-active .view{ 
    -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0) !important; 
            transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0) !important;
}
    
.effect-expand-active{ -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
    
    
    
@media screen and (max-width: 880px)
{
    .about-us-section-02{ padding: 20px 0 100px 0; }
    
    .about-us-section-02 .subsection{ height: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; max-height: initial !important; }
    
    .about-us-section-02 .subsection .expand{ position: relative; height: 500px; width: 100%; margin: 80px 0 80px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    
    .about-us-section-02 .subsection .view{ max-height: 75vh; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; }
    
    .about-us-section-02 .subsection .expand svg{
    position: absolute;
    }
    
    .about-us-section-02 .subsection .box{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .about-us-section-02 .text .title,
    .about-us-section-02 .text .paragraph{ text-align: center; }
}
    
@media screen and (max-width: 620px)
{
    .about-us-section-02 .subsection .view{
    -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(-3deg)
    rotateZ(0deg)
    translateX(-50%);
            transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(-3deg)
    rotateZ(0deg)
    translateX(-50%); }
    
    .effect-expand-active .view{ 
    -webkit-transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0); 
            transform: 
    perspective(50px)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    translateX(0);
    }
    
    .effect-expand-active svg{width: 150% !important; } 
}
    

.about-us-section-03{
    width: 100%;
    height: auto;
    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;
    padding: 150px 0 150px 0;
}

.about-us-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-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.about-us-section-03 .box .left,
.about-us-section-03 .box .right{
    width: calc(50% - 40px);
    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;
}

.about-us-section-03 .box .title,
.about-us-section-03 .box .paragraph { margin: 0 0 40px 0; max-width: 550px; }


.about-us-section-03 .box .right{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: end; -ms-flex-align: end; align-items: end; }
.about-us-section-03 .box .right .image{
    width: 100%;
    max-width: 300px;
    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;
    -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.05));
}
.about-us-section-03 .box .right .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}



@media screen and (max-width: 1060px)
{
    .about-us-section-03 .box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .about-us-section-03 .box .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; }
    .about-us-section-03 .box .right{ display: none; }

    .about-us-section-03 .box .title,
    .about-us-section-03 .box .paragraph { text-align: center; }
}


.about-us-section-04{
    width: 100%;
    height: auto;
    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;
    padding: 150px 0 150px 0;
}

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

.about-us-section-04 .box .top{
    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;
}

.about-us-section-04 .box .top .title,
.about-us-section-04 .box .top .paragraph { margin: 0 0 40px 0; max-width: 550px;  text-align: center; }
.about-us-section-04 .box .button{ margin: 60px 0 0 0; }

.about-us-section-04 .box .topics{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin: 40px 0 0 0;
}

.about-us-section-04 .box .topics .topic{
    width: calc(33.3% - 60px - 30px); 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
    margin: 0 0 30px 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-width: 1px;
    border-radius: 15px;
    border-color: rgba( 0, 0, 0, 0.1 );
    
    -webkit-transition-duration: .3s;
    
         -o-transition-duration: .3s;
    
            transition-duration: .3s;
}
.about-us-section-04 .box .topics .topic:last-child{ margin: 0px; }
.about-us-section-04 .box .topics .topic:hover{
    background-color: var(--white);
    border-width: 0px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-box-shadow: 11px 8px 33px 0px rgba(0,0,0,0.05);
    box-shadow: 11px 8px 33px 0px rgba(0,0,0,0.05);
}
.about-us-section-04 .box .topics .topic .image{
    width: 60px;
    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 0 20px 0;
    
    background-color: var(--color_button_01_primary);
}
.about-us-section-04 .box .topics .topic .image img{
    width: 30px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}
.about-us-section-04 .box .topics .topic .title{ text-align: center; font-weight: 500; font-size: var(--font_size_h4); }

@media screen and (max-width: 768px)
{
    .about-us-section-04 .box .topics .topic{ width: calc(50% - 60px - 30px); }
}

@media screen and (max-width: 568px)
{
    .about-us-section-04 .box .topics .topic{ width: calc(100% - 60px); }
}

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

    .about-us-section-04 .box .top .title,
    .about-us-section-04 .box .top .paragraph { text-align: center; }
}

.about-us-section-05{
    width: 100%;
    height: auto;
    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;
    padding: 150px 0 150px 0;
}

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

.about-us-section-05 .box .top{
    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;
}

.about-us-section-05 .box .top .title,
.about-us-section-05 .box .top .paragraph { margin: 0 0 40px 0; max-width: 550px; text-align: center; }
.about-us-section-05 .box .button{ margin: 60px 0 0 0; }

.about-us-section-05 .box .topics{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin: 40px 0 0 0;
}

.about-us-section-05 .box .topics .topic{
    width: calc(33.3% - 30px); 
    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 30px 0;
    
    -webkit-box-pack: start;
    
        -ms-flex-pack: start;
    
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.about-us-section-05 .box .topics .topic:last-child{ margin: 0px; }
.about-us-section-05 .box .topics .topic:hover{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.about-us-section-05 .box .topics .topic .image{
    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;

    border-style: solid;
    border-width: 0px;
    border-radius: 15px;
    
    margin: 0 0 20px 0;
    
    overflow: hidden;
}
.about-us-section-05 .box .topics .topic .image img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}
.about-us-section-05 .box .topics .topic .title{ text-align: center; font-weight: 400; font-size: var(--font_size_h4); }
.about-us-section-05 .box .topics .topic .subtitle{ font-weight: 500; } 

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

@media screen and (max-width: 568px)
{
    .about-us-section-05 .box .topics .topic{ width: calc(100% - 60px); }
}

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

    .about-us-section-05 .box .top .title,
    .about-us-section-05 .box .top .paragraph { text-align: center; }
}


.about-us-section-06{
    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;
    
    padding: 150px 0 150px 0;
    
    overflow: hidden;
    }
    
    .about-us-section-06 .box{
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 3;
    }
    .about-us-section-06 .box .left{
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    }
    .about-us-section-06 .box .left .title{ text-align: left; font-size: var(--font_size_h1); }
    .about-us-section-06 .box .left .title b{ font-family: var(--font_paragraph); font-weight: 400; font-style: normal; text-transform: uppercase; font-size: var(--size_text_p); color: var(--color_subtitle_primary); }
    
    .about-us-section-06 .box .paragraph{ margin: 30px 0 0 0; max-width: 400px; }
    
    .about-us-section-06 .box .right{
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    
    .about-us-section-06 .box .button { margin: 60px 0 0 0; }
    
    .about-us-section-06 .box .right .image-group{
    width: 100%;
    max-width: 470px;
    max-width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    }
    .about-us-section-06 .box .right .image-group .image{
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        z-index: 2;
    }
    .about-us-section-06 .box .right .image-group .image img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    }
    
    .about-us-section-06 .box .right .image-group .circle{
    width: 93%;
    position: absolute;
    bottom: 0px;
    
    padding-top: 93%;
    
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    
    background-color: var(--color_button_02_primary);
    
    z-index: 1;
    }
    
    
    @media screen and (max-width: 1120px)
    {
    .about-us-section-06 .box .left { width: 45%; } 
    .about-us-section-06 .box .right { width: 55%; } 
    }
    @media screen and (max-width: 1060px)
    {
    .about-us-section-06 .box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
    .about-us-section-06 .box .left, .about-us-section-06 .box .right{ width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    
    .about-us-section-06 .box .right { margin: 0 0 60px 0; max-width: 600px; }
    .about-us-section-06 .box .left .title, .about-us-section-06 .box .left .paragraph{ text-align: center; }
    
    .about-us-section-06 {
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    
    }
    @media screen and (max-width: 660px)
    {
    .about-us-section-06 .box .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    }




/**/




    .simulator-response p{ font-size: var(--font_size_p2); margin: 20px 0 0 0; }
    
    
    
    
    .section-simulator{
    width: calc(100% - 40px);
    height: 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: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 60px 0;
    }
    .section-simulator .title{ text-align: center; margin: 20px 0 0 0; }
    
    .section-simulator .box{
    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-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 60px 0 0 0;
    
    -ms-flex-flow: row wrap;
    
        flex-flow: row wrap;
    }
    .section-simulator .box-button{
    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: 40px 0 40px 0;
    
    -webkit-box-ordinal-group: 51;
    
        -ms-flex-order: 50;
    
            order: 50;
    }
    .section-simulator .box-button .p{ font-size: var(--font_size_p2); margin: 0 0 40px 0; text-align: center; max-width: 600px; }

    .section-simulator .box .result{
    width: calc(33.3% - 40px - 20px - 2px);
    max-width: 350px;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    padding: 0 20px 0 20px;
    
    margin: 0 20px 0 0;
    
    border-style: solid;
    border-width: 1px;
    border-color: rgba( 0, 0, 0, 0.1 );
    border-radius: 15px;
    
    -webkit-transform: scale(0.9);
    
        -ms-transform: scale(0.9);
    
            transform: scale(0.9);
    
    opacity: .5;
    }
    .section-simulator .box .result:last-child{ margin: 0; }
    
    .section-simulator .box .result .top,
    .section-simulator .box .result .bottom{
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    border-style: solid;
    border-color: rgba( 0, 0, 0, .2); 
    }
    .section-simulator .box .result .top{ padding: 10px 0 20px 0; }
    .section-simulator .box .result .bottom{ padding: 20px 0 20px 0; }
    
    .section-simulator .box .result .center{
    width: 100%;
    height: 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: center;
        -ms-flex-align: center;
            align-items: center;
    }
    
    
    .section-simulator .box .result .top h4,
    .section-simulator .box .result .top p,
    .section-simulator .box .result .bottom h3,
    .section-simulator .box .result .bottom p{ text-align: center; }
    
    .section-simulator .box .result .bottom h3{ margin: 10px 0 0 0; }
    
    .section-simulator .box .result .top{ border-width: 0 0 1px 0; }
    .section-simulator .box .result .bottom{ border-width: 1px 0 0 0; }
    
    
    
    .section-simulator .box .result .positive{
    width: 100%;
    height: 70px;
    position: absolute;
    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;
    top: -30px;
    }
    
    
    .section-simulator .box .result .positive .icon{
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0px solid;
    border-radius: 50%;
    background-color: var(--white);
    
    z-index: 21;
    }
    
    .section-simulator .box .result .positive .icon svg{
    height: 100%;
    width: auto;
    fill: var(--color_button_02_primary); 
    }
    .section-simulator .box .result .positive .curve{
    height: 40px;
    position: absolute;
    bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--white);
    }
    .section-simulator .box .result .positive .curve svg{
    height: 100%;
    fill: none;
    stroke: rgba( 0, 0, 0, 0.1 );
    stroke-width: 1;
    
    z-index: 20;
    }
    
    
    #result-max{
    opacity: 1 !important;
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    -webkit-order: 2 !important;
    -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
            transform: scale(1) !important;
    }
    
    .section-simulator .box #result-max .top{ padding: 30px 0 20px 0; }
    
    
    @media screen and (max-width: 1130px)
    {
    .section-simulator .box{ height: auto; -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-simulator .box .result{ width: calc(100% - 40px - 20px); max-width: 400px; margin: 0 0 20px 0; }
    
        #result-max{
        -webkit-box-ordinal-group: 0 !important;
            -ms-flex-order: -1 !important;
                order: -1 !important;
        -webkit-order: -1 !important; }
    }
    
    
    
    
    .section-simulator .box .result table{ 
    border-collapse:collapse; 
    border-spacing:0; 
    border: solid; 
    border-width: 0px;
    border-color: rgba( 0, 0, 0, .2); 
    margin: 0;
    table-layout: fixed; 
    width: 100%;
    }
    .section-simulator .box .result table p{ font-size: var(--font_size_p3); margin: 5px 0 5px 0; }
    
    .section-simulator .box .result table:nth-child(1),
    .section-simulator .box .result table:nth-child(3){border-width: 1px 0 00 !important; }
    
    
    .section-simulator .box .result table .col-1{ width: 40%; }
    .section-simulator .box .result table .col-2{ width: 30%; }
    .section-simulator .box .result table .col-3{ width: 30%; }
    
    .section-simulator .box .result table tr td:nth-child(2) p{ text-align: center; }
    
    
    
    .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-color: var(--white);
    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-color: 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-color: #05db3b;
    }
    .response-send-mail .color_button_fb{
    background-color: #0079fb;
    }
    
    
    .desktop{ display: -webkit-box; display: -ms-flexbox; display: flex; }
    .mobile{ display: none; }
    @media screen and (max-width: 860px)
    {
    .desktop{ display: none; }
    .mobile{ display: -webkit-box; display: -ms-flexbox; display: flex; }
    }
    
    
    /* Blog search */
    
    .box-search{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 0 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    margin-bottom: 60px;
    
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #cccccc;
    }
    
    .box-search .categories{
    width: calc(100% - 300px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
    
    .box-search .categories a{
    margin-right: 40px;
    }
    .box-search .categories a h4{ color: var(--color_paragraph_primary); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    .box-search .categories a:hover h4{ color: var(--color_title_01_primary); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    
    .box-search .categories a:last-child{ margin: 0; }
    
    
    
    
    .input-search{
    width: 300px;
    position: relative;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }
    @media screen and (max-width: 860px)
    {
    .box-search{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .box-search .categories{ width: 100%; margin-bottom: 10px; }
    .input-search{ width: 100%; }
    }
    
    .input-search a{
    position: absolute;
    right: 0;
    top: 0;
    
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .input-search a svg{
    width: 16px;
    height: auto;
    fill: rgba(0,0,0,.4);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .input-search a:hover svg{
    fill: rgba(0,0,0,.8);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    
    .input-search input{
    width: 100%;
    height: 40px;
    
    position: relative;
    
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,.2);
    border-radius: 3px;
    
    padding: 0 45px 0 8px;
    
    font-family: var(--font_paragraph);
    font-size: 15px;
    color: var(--color_paragraph_primary);
    resize: none;
    
    background-color: transparent;
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .input-search input:focus,
    .input-search input:hover {
    
    border-color: rgba(0,0,0,.4);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    
    #result-search{
    min-height: 400px;
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .icon-search-load{
    width: 25px;
    height: 25px;
    border: 2px solid rgba(255,255,255,.5);
    border-top:2px solid var(--color_title_02_primary);
    border-radius: 100%;
    position: absolute;
    
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    opacity:1;
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    @-webkit-keyframes spin{
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    }
    @keyframes spin{
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    }
    
    
    /* Projects */
    
    .project-view{
    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;
    }
    .project-view .cover{
    width: 100%;
    height: 100vh;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: start;
    
    -ms-flex-pack: start;
    
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-box-orient: vertical;
    
    -webkit-box-direction: normal;
    
    -ms-flex-direction: column;
    
    flex-direction: column;
    
    overflow: hidden;
    }
    .project-view .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: 1;
    }
    
    @media screen and (max-height: 800px)
    {
    .project-view .cover{ height: 800px; }
    }
    .project-view .header{
    width: calc(100% - 80px);
    max-width: var(--width_break_02);
    height: auto;
    
    padding: 100px 60px 0px 60px;
    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;
    
    background-color: var(--color_bg_primary);
    
    z-index: 2;
    } 
    .project-view .header .title{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    padding: 0 0 50px 0;
    
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: var(--div_line_primary);
    }
    .project-view .header .title .text{
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .project-view .header .title .info{
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    }
    
    .project-view .excerpt{
    width: calc(100% - 80px);
    max-width: var(--width_break_02);
    height: auto;
    
    padding: 60px 60px 100px 60px;
    position: relative;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    
    -webkit-box-pack: start;
    
    -ms-flex-pack: start;
    
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    } 
    .project-view .excerpt p{ max-width: 860px; }
    
    
    @media screen and (max-width: 768px)
    {
    .project-view .header .title{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .project-view .header .title .text, .project-view .header .title .info{ width: 100%; }
    .project-view .header .title .info{ margin: 20px 0 0 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
    }
    
    
    
    .project-view .images {
    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;
    }
    .project-view .images img{
    width: 100%;
    height: auto;
    object-fit: cover;
    -o-object-fit: cover;
    }
    
    
    
    
    /* Posts Blog */
    
    .post-blog{
    width: calc(33.33% - 20px);
    height: auto;
    margin: 0 0 40px 0;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0,0,0,0.1);
    
    background-color: var(--color_item_primary);
    overflow: hidden;
    cursor: pointer;
    
    top: 0;
    box-shadow: 0 0px 15px 0 rgba(0,0,0,.0);
    -webkit-box-shadow: 0 0px 15px 0 rgba(0,0,0,.0);
    -moz-box-shadow: 0 0px 15px 0 rgba(0,0,0,.0);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .post-blog:hover{
    box-shadow: 0 0px 15px 0 rgba(0,0,0,.10);
    -webkit-box-shadow: 0 0px 15px 0 rgba(0,0,0,.10);
    -moz-box-shadow: 0 0px 15px 0 rgba(0,0,0,.10);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    
    .post-blog h4,
    .post-blog p{
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    }
    .post-blog .excerpt h4{
    margin-bottom: 15px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    }
    @media screen and (max-width: 960px)
    {
    .post-blog{ width: 100%; }
    }
    
    
    
    .post-blog .cover{
    width: 100%;
    height: 40%;
    max-height: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    
    border-style: solid;
    border-width: 0;
    border-radius: 10px;
    
    overflow: hidden;
    }
    .post-blog .cover img{
    width: 100%;
    height: auto;
    object-fit: cover;
    -o-object-fit: cover;
    }
    
    .post-blog .excerpt{
    width: calc(100% - 60px);
    height: calc(60% - 60px);
    padding: 30px;
    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;
    }
    .post-blog .excerpt .author{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    }
    .post-blog .excerpt .author img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-style: solid;
    border-radius: 10px;
    border-width: 1;
    border-color: #cccccc;
    object-fit: cover;
    -o-object-fit: cover;
    }
    .post-blog .excerpt .author .description{
    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-color: rgba(0,0,0,.3);
    
    z-index: 1200;
    }
    .pop-up-box .box{
    width: calc(100% - 120px);
    
    max-width: 400px;
    padding: 20px;
    position: relative;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    background-color: var(--color_bg_primary);
    
    border-radius: 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(--white); }
    
    .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; }
    }
    
    
    .row-label-float{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    }
    .row-label-float .row-div{
    width: 20px; min-width: 20px;
    height: 20px; min-height: 20px;
    }
    @media screen and (max-width: 768px)
    {
    .row-label-float{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .row-label-float .row-div{ width: 0px; min-width: 0px; height: 0px; min-height: 0px; }
    }
    
    
    
    form{
    width: 100%;
    }
    .label-float{
    width: 100%;
    position: relative;
    padding-top: 13px;
    }
    .form-type-02 .label-float{
    margin-bottom: 20px;
    padding: 0;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .label-float a{
    width: 18px;
    position: absolute;
    right: 10;
    top: 27;
    }
    .label-float img{
    max-height: 10px;
    width: auto;
    margin-top: 5px;
    }
    .label-float input, .label-float textarea, .label-float select{
    
    width: calc(100% - 20px);
    height: auto;
    
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .05);
    border-radius: 10px;
    
    padding: 20px 0px 20px 20px;
    
    margin: 0 0 5px 0;
    
    font-family: var(--font_paragraph);
    font-size: var(--size_text_p);
    font-weight: 500;
    color: var(--color_paragraph_primary);
    resize: none;
    
    -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-color: var(--white);
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .label-float textarea
    {
    height: 90px; 
    padding-top: 10px;
    padding-right: 10px;
    }
    .label-float input:focus, .label-float textarea:focus,
    .label-float input:hover, .label-float textarea:hover
    {
    border-color: rgba(0,0,0,.1);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .label-float input::-webkit-input-placeholder, .label-float textarea::-webkit-input-placeholder{ font-size: var(--size_text_p); }
    .label-float input::-moz-placeholder, .label-float textarea::-moz-placeholder{ font-size: var(--size_text_p); }
    .label-float input:-ms-input-placeholder, .label-float textarea:-ms-input-placeholder{ font-size: var(--size_text_p); }
    .label-float input::-ms-input-placeholder, .label-float textarea::-ms-input-placeholder{ font-size: var(--size_text_p); }
    .label-float input::placeholder, .label-float textarea::placeholder{ font-size: var(--size_text_p); }
    
    
    .label-float label{
    display: none;
    pointer-events: none;
    position: absolute;
    top: -5;
    left: 2;
    font-size: 14px;
    
    font-family: var(--font_paragraph);
    color: rgba(0,0,0,0.5);
    font-weight: 500;
    color: var(--color_title_01_primary);
    
    -o-transition: all .3s ease-out;
    
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    }
    .label-float-checkbox{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    
    -webkit-box-orient: vertical;
    
    -webkit-box-direction: normal;
    
    -ms-flex-direction: column;
    
    flex-direction: column;
    }
    .label-float-checkbox p{
    font-size: 14px;
    color: var(--color_paragraph_primary);
    font-weight: 500;
    margin-bottom: 8px;
    }
    
    
    
    
    
    
    .file-upload-wrapper {
    width: 100%;
    height: 45px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: start;
    
    -ms-flex-pack: start;
    
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: rgba(0,0,0,.2);
    
    cursor: pointer;
    }
    .file-upload-wrapper svg{
    width: auto;
    height: 20px;
    margin-left: 15px;
    fill: rgba(0,0,0,.4);
    pointer-events: none;
    }
    .file-upload-wrapper:after 
    {
    content: attr(data-text);
    position: absolute;
    width: calc(100% - 50px);
    height: 100%;
    
    top: 0;
    left: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    font-size: 15px;
    color: var(--color_paragraph_primary);
    font-weight: 400;
    
    pointer-events: none;
    }
    
    .file-upload-wrapper input{
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 45px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
    }
    
    
    input[type='date']
    {
    display:block;
    min-height: 1.2em;
    }
    
    
    /* Oculto */
    
    .hidden{
    display: none;
    }
    
    
    
    
    .preloader {
    position:fixed;
    width: 100%;
    height: 100vh;
    
    overflow-y: hidden;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    background-color: var(--black);
    z-index: 10;
    opacity:1;
    
    -webkit-transition-duration: 0.5s;
    
     -o-transition-duration: 0.5s;
    
    transition-duration: 0.5s;
    }
    .preloader img{
    height: 100px;
    width: auto;
    opacity:1;
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    .mini_load{
    width: 20px;
    height: 20px;
    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-color: 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; }
    
    .expand-wpp{
    width: auto;
    max-height: calc(100vh - 260px);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    right: 40px;
    bottom: 130px;
    z-index: 5;
    padding: 20px;
    background-color: var(--white);
    border-radius: 10px;
    border-style: solid;
    border-width: 0px;
    -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);
    overflow-y: auto;
    }
    .expand-wpp .wpp{
    width: auto;
    height: auto;
    padding: 10px;
    margin: 0 0 10px 0;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .1);
    }
    .expand-wpp .wpp:last-child{ margin: 0px; }
    
    .expand-wpp .wpp:hover{ border-color: rgba(0, 0, 0, .4); }
    
    .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: 1000px)
    {
    .float-bottom-right{ -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 20px 0px 20px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-width: 0px;
    border-radius: 30px;
    border-style: solid;
    text-decoration: none;
    
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
    
    overflow: hidden;
    
    -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-color: var(--color_button_01_primary); }
    .color_button_01 p{ color: var(--color_text_button_01_primary); }
    .color_button_01 svg{ fill: var(--color_text_button_01_primary); }
    
    .color_button_02{ background-color: var(--color_button_02_primary); }
    .color_button_02 p{ color: var(--color_text_button_02_primary); }
    .color_button_02 svg{ fill: var(--color_text_button_02_primary); }
    
    .color_button_03{ height: 40px; background-color: transparent; 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-color: 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 5px 0 5px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
    
    
    .button .circle{
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    -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-color: rgba( 255, 255, 255, 0.2 );
    }
    
    .button:hover .circle { margin: 0 0 0 25px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; background-color: rgba( 255, 255, 255, 0.4 ); }
    
    
    
    .button .circle svg{
    
    height: 12px;
    width: auto;
    }
    
    .color_button_03 .circle{ width: 20px; height: 20px; background-color: rgba( 0, 0, 0, 0.1 ); }
    .color_button_03:hover .circle { background-color: rgba( 0, 0, 0, 0.2 ); }
    .color_button_03 .circle svg { height: 8px; }
    
    /*
    .button svg{
    width: 30px;
    height: 15px;
    margin: 0 0 0 15px;
    transition-duration: .3s;
    z-index: 2;
    }
    
    .button:hover svg { margin: 0 0 0 25px; transition-duration: .3s; }*/
    
    
    .button img{
    position: relative;
    width: auto;
    height: 20px;
    margin: 0 0 0 15px;
    -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; }
    
    
    
    
    
    .bt-color-stroke-01{
    height:39px;
    color: var(--color_button_01_primary);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--color_01_primary);
    border-width: 2px;
    background-color: var(--white);
    }
    .bt-color-stroke-01:active, .bt-color-stroke-01:hover, .bt-color-stroke-01:focus{
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: var(--color_paragraph_primary);
    }
    
    .bt-color-stroke-02{
    color: var(--white);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--white);
    border-width: 2px;
    background-color: var(--color_01);
    }
    .bt-color-stroke-02:active, .bt-color-stroke-02:hover, .bt-color-stroke-02:focus{
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: var(--white);
    }
    
    
    
    
    
    .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: 150px;
    height: 150px;
    
    position: absolute;
    top: 125px;
    
    
    display: -webkit-box;
    
    
    display: -ms-flexbox;
    
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,.1);
    border-radius: 75px;
    
    background-color: #ffffff;
    overflow: hidden;
    }
    .social-links .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .social-links .body{
    width: calc(100% - 80px);
    max-width: 400px;
    height: auto;
    
    position: absolute;
    top: 305px;
    
    padding-bottom: 80px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .social-links .body h3{ margin-bottom: 5px; }
    .social-links .body .description{ margin-bottom: 20px; }
    
    .social-links .body a,
    .social-links .body a .button{
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    }
    
    @media screen and (max-width: 768px)
    {
    .social-links .cover{ height: 150px; }
    .social-links .image{ top: 75px; }
    .social-links .body{ top: 255px; }
    
    }
    
    
    
/* Cookies */
    
.pop-up-cookies{
    width: 100%;
    max-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    padding: 20px;
    
    position: fixed;
    right: 120px;
    bottom: 0px;
    background-color: var(--color_bg_primary);
    
    border-radius: 10px 10px 0px 0px;
    border-style: solid;
    border-width: 0px;
    
    z-index: 6;
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
    box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
}
.pop-up-cookies .text{
    text-align: center;
    font-size: var(--size_text_p);
}

.pop-up-cookies .button{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin: 20px 0 20px 0;
    width: calc(100% - 40px);
}
.pop-up-cookies .policy
{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pop-up-cookies .policy a{
    margin: 0 20px 0 20px;
    opacity: 0.5;
}
.pop-up-cookies .policy a:hover{ opacity: 1; }
.pop-up-cookies .policy a p{ font-size: var(--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; font-size: var(--size_text_h2); font-weight: 600; }
    .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;
    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-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 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-mobile{
    width: 100%;
    max-width: calc(100% - 40px);
    display: none;
    }
    
    .nav-logo{
    height: auto;
    width: auto;
    cursor: pointer;
    position: relative;
    }
    .nav-logo img{
    height: 35px;
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .nav-links{
    width: auto;
    height: auto;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    position: relative;
    
    -webkit-box-pack: end;
    
    -ms-flex-pack: end;
    
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
    
    .nav-links-mobile{
    width: 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-color: 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;
    }

    .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,
    .nav-links-mobile li a p{ white-space: nowrap; }
    .nav-links li .button svg{ fill: var(--white); }
    .nav-links li .button { border-color: var(--white); }
    
    
    
    .nav-link-bar{
    height: 3px;
    width: 100%;
    
    position: absolute;
    bottom: 0px;
    
    background-color: var(--color_button_01_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-burger{
    display: block;
    cursor: pointer;
    padding: 10px 0px 10px 10px;
    }
    
    
    @media screen and (max-width: 1080px)
    {
    .nav-box { display: none; }
    .nav-box-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; }
    }
    
    
    
    .nav-burger div{
    width: 25px;
    height: 2px;
    margin: 5px;
    
    border-radius: 1px;
    
    background-color: var(--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-color: var(--color_header_primary);
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba( 0,0, 0, 0.1 );
    }
    
    
    .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: 40px;
    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-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: 50px;
    height: 50px;
    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: 20px;
    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:hover{
    opacity: 1;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    }
    
    .developed-by a p{
    font-size: var(--font_size_p3) !important;
    white-space: nowrap;
    margin: 0 10px 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: 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{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    }
    
    
    .image-theme-primary{ display: -webkit-box; display: -ms-flexbox; display: flex; }
    .image-theme-secondary{ display: none; }
    
    /* Climb up */
    
    
.climb-up{
    width: 35px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 60px;
    bottom: 60px;
    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-color: 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: 768px) /* mobile */
{
    .climb-up{ right: 20px; bottom: 20px; }
}

.climb-up.active{
    opacity: 1;
    visibility: visible;
}
    
    /* Checkbox */
    
    
    .check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    }
    .check p{
    width: 100%;
    line-height: 130%;
    margin-top: 15px;
    font-size: var(--size_text_mini);
    cursor: pointer;
    }
    
    
    .check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    cursor: pointer;
    }
    .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 5px;
    border-color: rgba(0,0,0,0.3);
    border-width: 1px;
    border-style: solid;
    
    background-color:white;
    
    -webkit-transition-duration: 0.3s;
    
     -o-transition-duration: 0.3s;
    
    transition-duration: 0.3s;
    
    cursor: pointer;
    }
    .check:hover input ~ .checkmark {
    background-color: #fff;
    }
    .check input:checked ~ .checkmark {
    background-color: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
    }
    .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    }
    .check input:checked ~ .checkmark:after {
    display: block;
    }
    .check .checkmark:after {
    left: 7px;
    top: 4px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    }
    
    
    .input-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    
    .input-radio label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    margin-left: -13px;
    margin-top: -2px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color_paragraph_primary);
    cursor: pointer;
    vertical-align: middle;
    }
    
    .input-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    }
    
    .checkmark_radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border-color: rgba(0,0,0,0.3);
    border-width: 1px;
    border-style: solid;
    }
    
    .input-radio input:checked ~ .checkmark_radio {
    background-color: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
    }
    
    .checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
    }
    
    .input-radio input:checked ~ .checkmark_radio:after {
    display: block;
    }
    
    .input-radio .checkmark_radio:after {
    top: 4.5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
    }
    
    
    /* Animation slider */
    
    
    .animate-title{
    width: auto;
    height: auto;
    opacity: 0;
    
    -webkit-animation: fadeIn 0.4s 0.3s ease-in both;
    
    animation: fadeIn 0.4s 0.3s ease-in both;
    }
    .animate-title_b{
    width: auto;
    height: auto;
    opacity: 0;
    
    -webkit-animation: fadeIn 0.4s 0.3s ease-in both;
    
    animation: fadeIn 0.4s 0.3s ease-in both;
    }
    @-webkit-keyframes fadeIn {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    }
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    }
    @keyframes fadeIn {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    }
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    }
    
    .animate-text{
    width: auto;
    height: auto;
    opacity: 0;
    
    -webkit-animation: bottom 0.5s 0.6s ease-in both;
    
    animation: bottom 0.5s 0.6s ease-in both;
    }
    @-webkit-keyframes bottom {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    }
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    }
    @keyframes bottom {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    }
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    }.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
     -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
    }
    
    /* 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-color: 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-color: 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-color: 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);
    }
    }


input[type="text"]{
    width: calc(100% - 10px);
    padding: 10px 5px 10px 5px;
    font-family: var(--font_paragraph);
    font-size: var(--font_size_h4);
    font-weight: 400;
    margin: 15px 0 0 0;

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