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

:root {
    --width_break_01: calc(100% - 80px);
    
    --font_size_initial: 14px;

    --font_size_h1: 6rem;
    --font_size_h1_alter: 6.4rem;

    --font_size_h1_mob: 4rem;
    --font_size_h1_alter_mob: 4.4rem;

    --font_size_h1_mobile: 4rem;
    --font_size_h2: 3rem;
    --font_size_h3: 1.3rem;
    --font_size_h4: 1.2rem;
    --font_size_h5: 1rem;
    --font_size_p: 1rem;
    --font_size_p2: 0.9rem;
    --font_size_p3: 0.8rem;
    --font_size_p4: 0.6rem;
    
    --padding-default-x0: 7.5px;
    --padding-default-x1: 15px;
    --padding-default-x2: 30px;
    --padding-default-x3: 45px;
    --padding-default-x4: 60px; 
    --padding-default-x5: 75px;
    --padding-default-x6: 90px; 
    --padding-default-x7: 105px;
    --padding-default-x8: 120px; 
    --padding-default-x9: 135px; 
    --padding-default-x10: 150px; 
    --padding-default-x11: 165px; 
    --padding-default-x12: 180px; 
    --padding-default-x13: 195px; 
    --padding-default-x14: 210px; 
    --padding-default-x15: 225px; 
    --padding-default-x16: 240px; 
    --padding-default-x17: 255px; 
    --padding-default-x18: 270px; 
    --padding-default-x19: 285px; 
    --padding-default-x20: 300px; 
    
    --border-initial: 5px;
    
    
    --white-primary: #ffffff;
    --white-secondary: #000000;
    --black-primary: #000000;
    --black-secondary: #ffffff;


    --black-t-1-primary: rgba(0, 0, 0, .1);
    --black-t-2-primary: rgba(0, 0, 0, .2);
    --black-t-3-primary: rgba(0, 0, 0, .3);
    --black-t-4-primary: rgba(0, 0, 0, .4);
    --black-t-1-secondary: rgba(255, 255, 255, .1);
    --black-t-2-secondary: rgba(255, 255, 255, .2);
    --black-t-3-secondary: rgba(255, 255, 255, .3);
    --black-t-4-secondary: rgba(255, 255, 255, .4);

    --white-t-1-primary: rgba(255, 255, 255, .1);
    --white-t-2-primary: rgba(255, 255, 255, .2);
    --white-t-3-primary: rgba(255, 255, 255, .3);
    --white-t-4-primary: rgba(255, 255, 255, .4);
    --white-t-1-secondary: rgba(0, 0, 0, .1);
    --white-t-2-secondary: rgba(0, 0, 0, .2);
    --white-t-3-secondary: rgba(0, 0, 0, .3);
    --white-t-4-secondary: rgba(0, 0, 0, .4);


    --white-fxd: #ffffff;
    --black-fxd: #000000;
    --black-t-1-fxd: rgba(0, 0, 0, .1);
    --black-t-2-fxd: rgba(0, 0, 0, .2);
    --black-t-3-fxd: rgba(0, 0, 0, .3);
    --black-t-4-fxd: rgba(0, 0, 0, .4);
    --white-t-1-fxd: rgba(255, 255, 255, .1);
    --white-t-2-fxd: rgba(255, 255, 255, .2);
    --white-t-3-fxd: rgba(255, 255, 255, .3);
    --white-t-4-fxd: rgba(255, 255, 255, .4);


    --div_line_primary: rgba(255, 255, 255, .5);
    --div_line_secondary: rgba(0, 0, 0, .2);
    
    --color_button_wpp: #79cc70;

    --color_line: #6f6f7a;
}

@media (max-width: 1000px) 
{
    :root {
        --width_break_01: calc(100% - 40px);
    }
}

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

::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background: var(--color_bg_primary);
}

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





    .text-color-title-01{ color: var(--color_title_01_primary); }
    .text-color-title-02{ color: var(--color_title_02_primary); }
    .text-color-subtitle{ color: var(--color_subtitle_primary); }
    .text-color-paragraph{ color: var(--color_paragraph_primary); }
    
    .font-size-mini{ font-size: var(--size_text_mini); }
    
    
     
    .container{
        width: 100%;
        height: auto;
        margin: 0;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        background: transparent;
        z-index:980;
    }

.view_project{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    min-height: calc(100vh - 160px);
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

  }
  .view_project iframe{
    width: 100%;
    max-width: 900px;
    height: 505px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0px 24px 0 rgba(0,0,0,.1);
              box-shadow: 0 0px 24px 0 rgba(0,0,0,.1);
  }
  .view_project img{
    width: 100%;
    max-width: 1200px;
    height: auto;
    border-radius: 15px;
    -webkit-box-shadow: 0 0px 24px 0 rgba(0,0,0,.1);
              box-shadow: 0 0px 24px 0 rgba(0,0,0,.1);
  }
  
    
    
    
    .bg-color-section{ background: var(--color_bg_primary); }
    .bg-color-section-active{ background: var(--color_bg_active_primary); }
    
    .bg-color-header{ background: var(--color_header_primary); }
    .bg-color-footer{ background: var(--color_footer_primary); }
    
    .bg-color-item{ background: var(--color_item_primary); }
    .bg-color-item-ative{ background: var(--color_item_active_primary); }
    
    
    
/* Container */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    background: var(--color_bg_primary);
    
    scroll-behavior: smooth;
    text-decoration: none;
    
    -webkit-transition: all .5s;
    
    -o-transition: all .5s;
    
    transition: all .5s;

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



    html a{
    text-decoration: none;
    cursor: pointer;
    }
    html div, html p, a, svg{
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    
    /*Texts*/
    h1{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    font-weight: 400;
    font-size: var(--font_size_h1);
    margin: 0px;
    line-height: 110%;
    }
    
    @media screen and (max-width: 500px)
    {
    h1{ font-size: var(--font_size_h1_mobile); }
    }
    
    
    h2{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    font-weight: 400;
    font-size: var(--font_size_h2);
    margin: 0;
    line-height: 110%;
    }
    h3{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    font-weight: 400;
    font-size: var(--font_size_h3);
    margin: 0;
    }
    h4{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    font-weight: 400;
    font-size: var(--font_size_h4);
    margin: 0;
    }
    h5{
    font-family: var(--font_title_01);
    color: var(--color_subtitle_primary);
    font-weight: 400;
    font-size: var(--font_size_h5);
    margin: 0;
    }
    p{
    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    font-weight: 400;
    font-size: var(--font_size_p);
    line-height: 160%;
    margin: 0;
    }
    
    p b,
    p strong{
    font-weight: 500;
    }
    p a{
    color: var(--color_paragraph_primary);
    text-decoration: underline;
    }
    input, select, textarea{
    outline: none;
    }
    
    .font-custom{
    font-family: var(--font_title_02);
    }
    
    
    /* Sections */
    
    section{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 100px 0px 100px 0px;
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    }
    section:nth-child(1){margin-top: 70px;}
    
    .section-gradient-up{
    background: var(--color_bg_primary);
    background: -o-linear-gradient(bottom, var(--color_bg_active_primary) 100%, var(--color_bg_primary) 0%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, var(--color_bg_active_primary)), color-stop(0%, var(--color_bg_primary)));
    background: linear-gradient(0deg, var(--color_bg_active_primary) 100%, var(--color_bg_primary) 0%);
    }
    
    .section-gradient-down{
    background: var(--color_bg_primary);
    background: -o-linear-gradient(bottom, var(--color_bg_primary) 0%, var(--color_bg_active_primary) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color_bg_primary)), to(var(--color_bg_active_primary)));
    background: linear-gradient(0deg, var(--color_bg_primary) 0%, var(--color_bg_active_primary) 100%);
    }
    
    
    /* Box Type 01 */
    section .box-type-01,
    section .box-type-02{
    width: calc(100% - 80px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    section .box-type-02{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    section .box-type-02 .column-left{
    width: calc(50% - 60px);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    }
    section .box-type-02 .column-left h2,
    section .box-type-02 .column-left .subtitle{
    width: 100%;
    max-width: 400px;
    }
    section .box-type-02 .column-left h2{ margin-bottom: 25px; }
    
    @media screen and (max-width: 860px)
    {
    section .box-type-02{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    section .box-type-02 .column-left{ width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    
    section .box-type-02 .column-left h2,
    section .box-type-02 .column-left .subtitle{ text-align: center; }
    }
    
    section .box-type-01 .row-title,
    section .box-type-01 .row-title-center{
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    section .box-type-01 .row-title-center{ 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column;
    }
    section .box-type-01 .row-title p{
    width: 100%;
    max-width: 350px;
    }
    section .box-type-01 .row-title-center h2{ text-align: center; }
    section .box-type-01 .row-title-center p{
    margin-top: 40px; 
    text-align: center; 
    max-width: 350px;
    }
    
    section .box-type-01 .column-title{
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    section .box-type-01 .column-title p,
    section .box-type-01 .column-title h2,
    section .box-type-01 .column-title h4{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    }
    
    /* Continue */
    
    @media screen and (max-width: 860px)
    {
    section .box-type-01 .row-title,
    section .box-type-01 .row-title-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    section .box-type-01 .row-title p{ margin-top: 40px; text-align: center; }
    section .box-type-01 .row-title h2{ text-align: center; }
    }
    
    section .box-type-01 .row-content{
    width: 100%;
    max-width: var(--width_break_01);
    height: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
    section .box-type-01 .column-content{
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    section .box-type-01 .row-button{
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
    
    
    
    
    


.font-size-h2 { font-size: var(--font_size_h2); font-weight: 600; }
.font-size-h3 { font-size: var(--font_size_h3); font-weight: 500; }
.font-size-h4 { font-size: var(--font_size_h4); font-weight: 500; }
.font-size-p { font-size: var(--font_size_p); font-weight: 400; }
.font-size-p2 { font-size: var(--font_size_p2); font-weight: 400; }
.font-color-blue { color: var(--color_button_01_primary); }



/* page-text-type-01 */


.page-text-type-01{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.page-text-type-01 .header{
    width: var(--width_break_01);
    height: auto;
    padding: 150px 0 60px 0;
    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;

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

    overflow: hidden;
}

.page-text-type-01 .header .box-header{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    z-index: 2; 
}






.page-text-type-01 .box{
    width: var(--width_break_01);
    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;
    padding: var(--padding-default-x8) 0 var(--padding-default-x8) 0;
}

.page-text-type-01 .box .text{
    max-width: 768px;
}



/* page-text-type-default */


.page-text-type-default{
    width: 100%;
    height: 100vh;
    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;
}

.page-text-type-default .title,
.page-text-type-default .subtitle,
.page-text-type-default .paragraph{ max-width: 400px; }

.page-text-type-default .title { margin: 0 0 40px 0;}
.page-text-type-default .subtitle { margin: 0 0 40px 0; }

.page-text-type-default .box{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: var(--padding-default-x8) 0 var(--padding-default-x8) 0;
}
.page-text-type-default .box .left,
.page-text-type-default .box .right{
    width: 50%;
    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;
}
.page-text-type-default .box .right{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-text-type-default .box .right .image{
    width: 100%;
    max-width: 400px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-text-type-default .box .right .image img{
    -o-object-fit: contain;
       object-fit: contain;
}

@media screen and (max-width: 1000px)
{
    .page-text-type-default .title,
    .page-text-type-default .subtitle,
    .page-text-type-default .paragraph{ text-align: center; }
    .page-text-type-default .box{ -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    .page-text-type-default .box .left,
    .page-text-type-default .box .right { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .page-text-type-default .box .right { margin: 0 0 var(--padding-default-x6) 0; }
    .page-text-type-default .box .right .image{ max-width: 300px; }

}

@media screen and (max-width: 500px)
{
    .page-text-type-default .box .right .image{ max-width: calc(100% - 80px); }
}



/*Form*/

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

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

.form-content button{
    margin: 0 60px 0 0;
}

@media screen and (max-width: 986px)
{
    .form-content button{
        margin: 0;
    }
}

.form-input {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.form-input .label-ex {
    width: 100%;
    height: auto;
    position: relative; 
    
    font-family: var(--font_paragraph);
    font-weight: 500;
    font-size: var(--font_size_p);
    line-height: 130%;
    text-wrap: nowrap;

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

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease; 
}

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

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease; 
}

.form-input input,
.form-input textarea,
.form-input select {
    width: calc(100% - 20px);
    height: 50px;
    padding: 0 10px 0 10px;

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

    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba( 255, 255, 255, .2 );
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 

    background: transparent;

    resize: none;
}

.form-input textarea{
    min-height: 100px;
    padding: var(--padding-default-x1) var(--padding-default-x1) 0 20px;
}

.form-input input:focus,
.form-input textarea:focus,
.form-input select:focus{
    border-color: rgba( 255, 255, 255, 1 );
}


.form-input input.error,
.form-input textarea.error,
.form-input select.error{
    border-width: 0 0 1px 0;
    border-color: #fa5c5c;
}

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

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

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

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




.form-input-options{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 0 0 20px 0;
}

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

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

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

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



.form-input-options .input-radio 
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-input-options .input-radio label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    margin-left: -13px;
    margin-top: -2px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color_paragraph_primary);
    cursor: pointer;
    vertical-align: middle;
}

.form-input-options .input-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
    
.form-input-options .input-radio .checkmark_radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border-color: rgba(0,0,0,0.3);
    border-width: 1px;
    border-style: solid;
}
    
.form-input-options .input-radio input:checked ~ .form-input-options .input-radio .checkmark_radio {
    background: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
}
    
.form-input-options .input-radio .checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
}
    
.form-input-options .input-radio input:checked ~ .form-input-options .input-radio .checkmark_radio:after {
    display: block;
}
    
.form-input-options .input-radio .checkmark_radio:after {
    top: 4.5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}





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







    /* Oculto */
    
.hidden{
    display: none;
}
    
    
    
    
.preloader {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position:fixed;
    left: 0px;
    top: 0px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    -webkit-animation: closePreloader .0s ease-in-out forwards;

            animation: closePreloader .0s ease-in-out forwards;
    -webkit-animation-delay: 1.9s;
            animation-delay: 1.9s;

    z-index: 100;
}
@-webkit-keyframes closePreloader {
    0% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
}
@keyframes closePreloader {
    0% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
}

.preloader .box{
    width: 100vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    overflow: hidden;
}

.preloader .box .logo{
    width: auto;
    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-animation: animBoxLogo .5s ease-in-out forwards;

            animation: animBoxLogo .5s ease-in-out forwards;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;

    z-index: 101;
}
@-webkit-keyframes animBoxLogo {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes animBoxLogo {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.preloader .box .logo .fill{
    height: 30px;
    width: 203.3575px;
    position: absolute;

    -webkit-clip-path: path(
        "M49.85,0h3.51v30h-12V0h8.49ZM8.49,0H0v30h12V0h0s-3.51,0-3.51,0ZM15.73,0h-3.73s19.61,26.93,19.61,26.93c1.4,1.93,3.64,3.06,6.02,3.06h3.73S21.75,3.07,21.75,3.07C20.35,1.14,18.11,0,15.73,0ZM59.36,26.49c0,1.94,1.57,3.51,3.51,3.51h8.49s36,0,36,0v-.02c0-3.3-2.68-5.98-5.98-5.98h-30.02v-6h25.18c3.3,0,5.98-2.68,5.98-5.98l-31.16-.02v-6h30.02c3.3,0,5.98-2.68,5.98-5.98v-.02h-48v26.49ZM113.36,5.53v12.44l36,.04v6h-30.02c-3.3,0-5.98,2.68-5.98,5.98v.02h42.47c3.05,0,5.53-2.47,5.53-5.53v-12.51h-36s0-5.96,0-5.96h30.25c3.18,0,5.75-2.57,5.75-5.75V0h-42.47c-3.05,0-5.53,2.47-5.53,5.53ZM167.36,0v6h12v24h12V6h6.1c3.26,0,5.9-2.64,5.9-5.9V0h-36Z"
    );

            clip-path: path(
        "M49.85,0h3.51v30h-12V0h8.49ZM8.49,0H0v30h12V0h0s-3.51,0-3.51,0ZM15.73,0h-3.73s19.61,26.93,19.61,26.93c1.4,1.93,3.64,3.06,6.02,3.06h3.73S21.75,3.07,21.75,3.07C20.35,1.14,18.11,0,15.73,0ZM59.36,26.49c0,1.94,1.57,3.51,3.51,3.51h8.49s36,0,36,0v-.02c0-3.3-2.68-5.98-5.98-5.98h-30.02v-6h25.18c3.3,0,5.98-2.68,5.98-5.98l-31.16-.02v-6h30.02c3.3,0,5.98-2.68,5.98-5.98v-.02h-48v26.49ZM113.36,5.53v12.44l36,.04v6h-30.02c-3.3,0-5.98,2.68-5.98,5.98v.02h42.47c3.05,0,5.53-2.47,5.53-5.53v-12.51h-36s0-5.96,0-5.96h30.25c3.18,0,5.75-2.57,5.75-5.75V0h-42.47c-3.05,0-5.53,2.47-5.53,5.53ZM167.36,0v6h12v24h12V6h6.1c3.26,0,5.9-2.64,5.9-5.9V0h-36Z"
    );
    
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(50%, transparent));
    
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 50%, transparent 50%);
    
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, transparent 50%);
    background-size: 200% 100%;

    -webkit-animation: moveGradient 1s ease-in-out forwards;

            animation: moveGradient 1s ease-in-out forwards;
}

@-webkit-keyframes moveGradient {
    0% { background-position: 100% 0%; }
    100% { background-position: 0% 0%; }
}

@keyframes moveGradient {
    0% { background-position: 100% 0%; }
    100% { background-position: 0% 0%; }
}

.preloader .box .logo .filled{
    height: 30px;
    width: 203.3575px;
    position: absolute;

    -webkit-clip-path: path(
        "M49.85,0h3.51v30h-12V0h8.49ZM8.49,0H0v30h12V0h0s-3.51,0-3.51,0ZM15.73,0h-3.73s19.61,26.93,19.61,26.93c1.4,1.93,3.64,3.06,6.02,3.06h3.73S21.75,3.07,21.75,3.07C20.35,1.14,18.11,0,15.73,0ZM59.36,26.49c0,1.94,1.57,3.51,3.51,3.51h8.49s36,0,36,0v-.02c0-3.3-2.68-5.98-5.98-5.98h-30.02v-6h25.18c3.3,0,5.98-2.68,5.98-5.98l-31.16-.02v-6h30.02c3.3,0,5.98-2.68,5.98-5.98v-.02h-48v26.49ZM113.36,5.53v12.44l36,.04v6h-30.02c-3.3,0-5.98,2.68-5.98,5.98v.02h42.47c3.05,0,5.53-2.47,5.53-5.53v-12.51h-36s0-5.96,0-5.96h30.25c3.18,0,5.75-2.57,5.75-5.75V0h-42.47c-3.05,0-5.53,2.47-5.53,5.53ZM167.36,0v6h12v24h12V6h6.1c3.26,0,5.9-2.64,5.9-5.9V0h-36Z"
    );

            clip-path: path(
        "M49.85,0h3.51v30h-12V0h8.49ZM8.49,0H0v30h12V0h0s-3.51,0-3.51,0ZM15.73,0h-3.73s19.61,26.93,19.61,26.93c1.4,1.93,3.64,3.06,6.02,3.06h3.73S21.75,3.07,21.75,3.07C20.35,1.14,18.11,0,15.73,0ZM59.36,26.49c0,1.94,1.57,3.51,3.51,3.51h8.49s36,0,36,0v-.02c0-3.3-2.68-5.98-5.98-5.98h-30.02v-6h25.18c3.3,0,5.98-2.68,5.98-5.98l-31.16-.02v-6h30.02c3.3,0,5.98-2.68,5.98-5.98v-.02h-48v26.49ZM113.36,5.53v12.44l36,.04v6h-30.02c-3.3,0-5.98,2.68-5.98,5.98v.02h42.47c3.05,0,5.53-2.47,5.53-5.53v-12.51h-36s0-5.96,0-5.96h30.25c3.18,0,5.75-2.57,5.75-5.75V0h-42.47c-3.05,0-5.53,2.47-5.53,5.53ZM167.36,0v6h12v24h12V6h6.1c3.26,0,5.9-2.64,5.9-5.9V0h-36Z"
    );
    
    background: rgba(255, 255, 255, .2);
}

.preloader .box .parts{
    width: 100%;
    height: 300%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    -webkit-transform: rotate(53deg) scale(1.2);

        -ms-transform: rotate(53deg) scale(1.2);

            transform: rotate(53deg) scale(1.2);

    overflow: hidden;
}

@media screen and (max-width: 1100px)
{
    .preloader .box .parts{ width: 120%; }
}

@media screen and (max-width: 768px)
{
    .preloader .box .parts{ width: 150%; }
}

@media screen and (max-width: 568px)
{
    .preloader .box .parts{ width: 190%; }
}

.preloader .box .parts .part-center{
    width: 50%;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-animation: movePartCenter .5s ease-in-out forwards;
            animation: movePartCenter .5s ease-in-out forwards;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;

    background: var(--color_bg_primary);
}

.preloader .box .parts .part-left,
.preloader .box .parts .part-right{
    width: 25%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    border-style: solid;
    border-color: rgba(255, 255, 255, .2);

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

.preloader .box .parts .part-left { border-width: 0 1px 0 0; -webkit-animation: movePartLeft 1s ease-in-out forwards; animation: movePartLeft 1s ease-in-out forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.preloader .box .parts .part-right { border-width: 0 0 0 1px; -webkit-animation: movePartRight 1s ease-in-out forwards; animation: movePartRight 1s ease-in-out forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }


@-webkit-keyframes movePartLeft {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
    100% { -webkit-transform: translateX(-150%); transform: translateX(-150%); }
}


@keyframes movePartLeft {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
    100% { -webkit-transform: translateX(-150%); transform: translateX(-150%); }
}

@-webkit-keyframes movePartCenter {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes movePartCenter {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes movePartRight {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
    100% { -webkit-transform: translateX(150%); transform: translateX(150%); }
}

@keyframes movePartRight {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
    100% { -webkit-transform: translateX(150%); transform: translateX(150%); }
}





.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_text_button_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_text_button_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: 0px;
    width: 100%;
    height: 100px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    pointer-events: none;
}
    
    
    /* Botões */
    
    .float-bottom-right{
    width: 100%;
    width: auto;
    height: auto; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    position: fixed;
    right: var(--padding-default-x2);
    bottom: var(--padding-default-x2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    
    z-index: 5;
    pointer-events: none;
    }
    .float-bottom-right a{ pointer-events: visible; }
    

    .color_button_wpp{
    width: 70px;
    height: 70px;
    
    position: relative;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-width: 0px;
    border-radius: 50%;
    border-style: solid;
    text-decoration: none;
    margin: 0 0 0 20px;
    
    -webkit-transition-duration: .3s;
    
     -o-transition-duration: .3s;
    
    transition-duration: .3s;
    cursor: pointer;
    
    overflow: hidden;
    
    background: var(--color_button_02_primary); 
    
    /*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{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: var(--padding-default-x1); bottom: var(--padding-default-x1); }
    .color_button_wpp{ margin: 20px 0 0 0 ; }
}
    
    /* Botões */
    




.button {
    height: 45px;
    
    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: none;
    background: transparent;

    text-decoration: none;

    cursor: pointer;

    padding: 0px;
    
    -webkit-transition: all .5s;
    
    -o-transition: all .5s;
    
    transition: all .5s;
}   

.button-large {
    height: auto;
    padding: 40px;
}

.button .text{
    width: auto;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: column; 
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 0 0 0 20px;

    font-size: 1rem;

    z-index: 2;
}

.button-large .text{ 
    margin: 0; 
    font-family: var(--font_title_01);
    font-size: 2rem; 
    line-height: 100%; 
}

.button .line{
    width: 40px;
    height: 1px;
    background: var(--color_text_button_01_primary);
    margin: 0 0 0 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    z-index: 2;
}
.button:hover .line{
    width: 60px;
}

.button .icon{
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 0 20px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;
    z-index: 2;
}
.button .icon img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.button-large .icon{ height: 80px; margin: 0 0 0 40px; }

@media screen and (max-width: 468px)
{
    .button-large { padding: 30px; }
    .button-large .text{ font-size: 1.5rem; }
    .button-large .icon{ height: 60px; margin: 0 0 0 30px; }
}

.button:hover .icon{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.button .background-shape-nest{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    -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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;

    overflow: hidden;

    z-index: 1;
}

.button .background-shape-nest .shape-left,
.button .background-shape-nest .shape-right{
    height: 100%;
    fill: var(--color_item_primary);
}
.button .background-shape-nest .shape-center{
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 -1px 0 -1px;
    background: var(--color_item_primary);
}


.color_button_01 .text{ color: var(--color_text_button_01_primary); }
.color_button_01 .background-shape-nest .shape-left,
.color_button_01 .background-shape-nest .shape-right{ fill: var(--color_button_01_primary); }
.color_button_01 .background-shape-nest .shape-center { background: var(--color_button_01_primary); } 

.color_button_02 .text{ color: var(--color_text_button_02_primary); }
.color_button_02 .background-shape-nest .shape-left,
.color_button_02 .background-shape-nest .shape-right{ fill: var(--color_button_02_primary); }
.color_button_02 .background-shape-nest .shape-center { background: var(--color_button_02_primary); } 

.color_button_03 .text{ color: var(--color_text_button_03_primary); }
.color_button_03 .background-shape-nest .shape-left,
.color_button_03 .background-shape-nest .shape-right{ fill: var(--color_button_03_primary); }
.color_button_03 .background-shape-nest .shape-center { background: var(--color_button_03_primary); } 
    







    .button .mini-load { display: none; z-index: 2; }

    .button.loading { pointer-events: none; }
    .button.loading .mini-load { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .button.loading .icon { display: none; }
    
    
    
    .bt-color-stroke-01{
    height:39px;
    color: var(--color_button_01_primary);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--color_01_primary);
    border-width: 2px;
    background: var(--white-primary);
    }
    .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-primary);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--white-primary);
    border-width: 2px;
    background: var(--color_01);
    }
    .bt-color-stroke-02:active, .bt-color-stroke-02:hover, .bt-color-stroke-02:focus{
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: var(--white-primary);
    }
    
    
    
    
    
    .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, 0.15);
    -moz-box-shadow: 0 0px 30px 0 rgba(0,0,0,.15);
    }
    .social-links .cover img{
    
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .social-links .image{
    width: 120px;
    height: 120px;
    
    position: absolute;
    top: 125px;
    
    
    display: -webkit-box;
    
    
    display: -ms-flexbox;
    
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,.1);
    border-radius: 75px;
    
    background: #ffffff;
    overflow: hidden;
    }
    .social-links .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .social-links .body{
    width: calc(100% - 80px);
    max-width: 400px;
    height: auto;
    
    position: absolute;
    top: 305px;
    
    padding-bottom: 80px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .social-links .body h3{ margin-bottom: 5px; }
    .social-links .body .description{ margin-bottom: 20px; }
    
    .social-links .body a,
    .social-links .body a .button{
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    }
    
    @media screen and (max-width: 768px)
    {
    .social-links .cover{ height: 120px; }
    .social-links .image{ top: 75px; }
    .social-links .body{ top: 255px; }
    
    }
    
    
    
/* Cookies */
    
.pop-up-cookies{
    width: 100%;
    max-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    padding: 20px;
    
    position: fixed;
    right: 120px;
    bottom: 0px;
    background: var(--color_bg_primary);
    
    border-radius: 10px 10px 0px 0px;
    border-style: solid;
    border-width: 0px;
    
    z-index: 6;
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
    box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
}
.pop-up-cookies .text{
    text-align: center;
    font-size: var(--size_text_p);
}

.pop-up-cookies .button{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin: 20px 0 20px 0;
    width: calc(100% - 40px);
}
.pop-up-cookies .policy
{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pop-up-cookies .policy a{
    margin: 0 20px 0 20px;
    opacity: 0.5;
}
.pop-up-cookies .policy a:hover{ opacity: 1; }
.pop-up-cookies .policy a p{ font-size: var(--font_size_p3); color: var(--color_paragraph_primary); }
    
    
    
@media screen and (max-width: 768px)
{
    .pop-up-cookies{ max-width: calc(100% - 40px); right: 0; bottom: 0px; border-radius: 0; }
    .pop-up-cookies .button{ max-width: 400px }
}
    
    
    
    
    /* Seções */
    
    .height-100vh{
    height: 100vh;
    }
    
    
    
    /* privacy-policy */
    
    .privacy-policy{
    width: calc(100% - 80px);
    max-width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .privacy-policy p{ max-width: 800px; }
    .privacy-policy h1{ margin-bottom: 60px; }
    .privacy-policy h4{ margin: 40px 0 20px 0; }
    
    
    
    /* Post Blog */
    
    .section-post{
    width: calc(100% - 160px);
    max-width: 760px;
    
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    
    padding: 0px 0px 100px 0px;
    }
    @media screen and (max-width: 768px)
    {
    .section-post{ width: calc(100% - 80px); }
    }
    
    .section-post .cover{
    width: 100%;
    height: 400px;
    
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0,0,0,.1);
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin: 0px 0px 60px 0px;
    
    overflow: hidden;
    }
    @media screen and (max-width: 720px)
    {
    .section-post .cover{ height: 250px; }
    }
    .section-post .cover img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .section-post h4,
    .section-post .date{
    text-align: left;
    max-width: 600px; 
    }
    .section-post .date{
    font-size: 14px;
    margin-top: 10px;
    }
    
    
    .section-post .content{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    position: relative;
    
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: rgba(0,0,0,.2);
    
    margin-top: 20px;
    
    padding: 40px 0px 40px 0px;
    }
    
    .section-post .content table,
    .section-post .content td,
    .section-post .content th {
    border-width: 1px;
    border-color: var(--color_paragraph_primary);
    border-style: solid;
    border-collapse: collapse;
    }
    .section-post .content h4{
    font-weight: 600;
    margin-bottom: 20px;
    }
    .section-post .content p,
    .section-post .content li{
    font-family: var(--font_paragraph);
    font-weight: 400;
    color: var(--color_paragraph_primary);
    }
    .section-post .content iframe,
    .section-post .content img{
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    }
    .section-post .content iframe{
    margin-left: -40px;
    height: 400px;
    }
    .section-post .content .button{ margin: 40px 0 20px 0; }
    .section-post .content .button p{ color: var(--white-primary); }
    .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;
    }


.nav-options{
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media screen and (max-width: 668px)
{
    .nav-options .button{ display: none; }
}


    
.nav-languages{
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    border-style: solid;
    border-radius: 20px;
    border-width: 0px;
    border-color: var(--color_text_header_primary);

    margin: 0 35px 0 0;

    overflow: hidden;

    cursor: pointer;
}

    
.nav-languages .icon{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    pointer-events: none;
}
.nav-languages .icon svg{
    width: 22px;
    fill: var(--color_text_header_primary);
}

.nav-languages .selector{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;

    opacity: 0;
}




.nav-languages-02{
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    margin: 0 35px 0 0;
}
.nav-languages-02 .option{
    width: auto;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.nav-languages-02 .option:last-child{
    margin: 0px;
}
.nav-languages-02 .option img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}



.float-search{
    width: 100%;
    height: 100vh;
    position: fixed;
    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;

    top: 0px;
    left: 0px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;
    
    z-index: 999;
}

.float-search.open{
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

.float-search .area{
    width: 100%;
    height: 100%;

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

    background: var(--black-t-2-fxd);

    z-index: 999;
}

.float-search .box{
    width: 500px;
    max-width: calc(100% - var(--padding-default-x6));

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    position: relative;

    padding: var(--padding-default-x2);

    background: var(--white-fxd);

    z-index: 1000;
}

.float-search .box-input{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.float-search .box-input .input{
    width: calc(100% - 4px - 40px);
    height: 40px;
    margin: 0;
    padding: 2px 0 2px 0;

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

    font-family: var(--font_paragraph);
    color: var(--black-fxd);
    font-weight: 400;
    font-size: var(--font_size_p);

    background: transparent;

    -webkit-transition: all ease .3s;

    -o-transition: all ease .3s;

    transition: all ease .3s;
}

.float-search .box-input .input:hover,
.float-search .box-input .input:focus{
    border-color: var(--black-t-2-fxd);
}

.float-search .box-input .icon{
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    border: 0;
    margin: 0;
    padding: 0;
    background: var(--white-fxd);
}
.float-search .box-input .icon svg{
    height: 20px;
    fill: var(--black-fxd);
}



       
.nav {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    position: fixed;
    top: 0px;
    
    padding: var(--padding-default-x2) 0 0 0;
    
    -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: all .5s;
    
    -o-transition: all .5s;
    
    transition: all .5s;
    
    z-index: 8;
}

.nav-box-mobile{
    width: calc(100% - var(--padding-default-x2));
    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: end;
        -ms-flex-align: end;
            align-items: end;
    
    pointer-events: visible;
}


.nav-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 8;
}
.nav-box-mobile .nav-logo img { height: 55px; }


@media screen and (max-width: 768px)
{
    .nav-box-mobile .nav-logo img { height: 40px; }
}

@media screen and (max-width: 568px)
{
    .nav-box-mobile .nav-logo img { height: 35px; }
}

.nav-links-mobile{
    width: 100vw;
    height: 100vh; 
    position: absolute;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: center;
    
        -ms-flex-pack: center;
    
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; 
    
    opacity: 0;
    visibility: hidden;

    overflow: hidden;

    z-index: 8;
}



.nav-links-mobile .box{
    width: calc(100% - var(--padding-default-x8));
    height: calc(100% - var(--padding-default-x8));
    position: relative;
    margin: 0px;
    padding: var(--padding-default-x4);

    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    
    -webkit-transform: translateY(-100%);
    
        -ms-transform: translateY(-100%);
    
            transform: translateY(-100%);
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform .5s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform .5s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform .5s ease-in-out;

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

    background: var(--color_menu_primary);
    -webkit-box-shadow: 0 5px 10px 0 rgba( 0, 0, 0, 0.1 );
            box-shadow: 0 5px 10px 0 rgba( 0, 0, 0, 0.1 );
    backdrop-filter: blur( 10px );
    -webkit-backdrop-filter: blur( 10px );
}



.nav-links-mobile .box .top{
    width: var(--width_break_01);
    position: relative;
    margin: 0px;
    padding: 0px;

    display: -webkit-box;

    display: -ms-flexbox;

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

.nav-links-mobile .box .top .logo{
    width: 100%;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 80px 0;
}
.nav-links-mobile .box .top .logo img{
    -o-object-fit: contain;
       object-fit: contain;
}



.nav-links-mobile .box .bottom{
    position: relative;
    margin: var(--padding-default-x2) 0 0 0;

    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;
}
    
.nav-links-mobile.open {
    opacity: 1;
    visibility: visible;
}

.nav-links-mobile.open .box{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
    
.nav-links-mobile.open .nav-links-mobile li{
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
    
@media screen and (max-width: 768px)
{
    .nav-links-mobile .box{
        width: calc(100% - var(--padding-default-x2));
        height: calc(100% - var(--padding-default-x8));
        padding: var(--padding-default-x6) var(--padding-default-x1) var(--padding-default-x2) var(--padding-default-x1);
    }
}



    
.nav-links-mobile li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    list-style: none;
}
    
.nav-links-mobile li{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    position: relative;
    margin: 0px 0px var(--padding-default-x2) 0px;
}

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


    
.nav-links-mobile li a:not(.button) {
    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;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;
}

.nav-links-mobile li a p:not(.button p){ white-space: nowrap; color: var(--color_text_menu_primary); font-size: var(--font_size_h2); font-family: var(--font_title_01); }



.select-language{
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 var(--padding-default-x2) 0 0;
    padding: 5px 0 5px 0;
}

.nav-links-mobile .select-language{
    margin: 0 0 var(--padding-default-x2) 0;
}

.select-language p{ font-size: var(--font_size_p2); font-weight: 400; }

.nav-links-mobile .select-language p{ font-size: var(--font_size_p); }

.select-language svg,
.select-language p{ cursor: pointer; }

.select-language .arrow{
    width: 10px;
    display: none;
    height: auto;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    margin: 0 0 0 var(--padding-default-x1);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

.select-language.open .arrow{
    -webkit-transform: scaleX(-1) rotate(270deg);
        -ms-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.nav-links-mobile .select-language .arrow{ display: none; }


.select-language .icon{
    width: 14px;
    height: auto;
    margin: 0 7px 0 0;
}

.nav-links-mobile .select-language p{ color: var(--color_text_menu_primary); }
.nav-links-mobile .select-language svg{ fill: var(--color_text_menu_primary); }


.select-language .options{
    display: none;
    position: relative;
    padding: 0 0 0 var(--padding-default-x1);
    cursor: default;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.select-language.open .options,
.nav-links-mobile .select-language .options{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.select-language .options a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 0;
    margin: 0 var(--padding-default-x1) 0 0;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    opacity: .5;
    pointer-events: visible;
}
.select-language .options a:last-child{ margin: 0; }

.select-language .options a:hover{
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    opacity: 1;
}



    
.nav-link-bar{
    font-family: var(--font_title_01);
    font-size: var(--font_size_h2);

    -webkit-transform: translateX(-40px);

        -ms-transform: translateX(-40px);

            transform: translateX(-40px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    margin: 0 15px 0 0;
}

.nav-links-mobile li a{
    margin: 0 0 0 -50px;
}

.nav-links-mobile li a:hover{
    margin: 0;
}

.nav-links-mobile li a:hover .nav-link-bar,
.nav-link-bar-after{
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    visibility: visible;
    opacity: .8;
}
    
    
    
    
.nav-burger{
    width: 50px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer;
    padding: 10px 0px 10px 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    z-index: 9; 
    margin: 0 0 0 40px;
}

@media screen and (max-width: 568px)
{
    .nav-logo { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
    .nav-options{ width: 100%; margin: 20px 0 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }
}
    
    
    
.nav-burger div{
    width: 50px;
    height: 1px;
    
    background: var(--color_text_header_primary);
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
 



.nav-hide{
    top: -100%;
}

.nav-visible, .nav-visible-temp{
    min-height: 80px; 
    padding: 0 0 0 0;

    background: var(--color_header_primary);
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--color_header_primary)));
    background: -o-linear-gradient(bottom, transparent 0%, var(--color_header_primary) 100%);
    background: linear-gradient(0deg, transparent 0%, var(--color_header_primary) 100%);

    border-color: transparent;
}

.nav-visible .nav-logo img,
.nav-visible-temp .nav-logo img{ height: 35px; }


.nav-visible .nav-box-mobile,
.nav-visible-temp .nav-box-mobile{
    width: calc(100% - var(--padding-default-x2));

    padding: var(--padding-default-x1) 0 var(--padding-default-x1) 0;
}

.nav-visible .image-theme-primary{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.nav-visible .image-theme-secondary{ display: none; }
    

.nav-visible .nav-burger div,
.nav-visible-temp .nav-burger div{
    background: var(--color_text_menu_primary);
}


.nav-burger .line1 { width: 50px; }
.nav-burger .line2 { width: 50px; }
.nav-burger .line3 { width: 50px; }   


.toggle .line1
{
    width: 35px;
    -webkit-transform: rotate(-45deg) translate(-6px, 6.5px);
        -ms-transform: rotate(-45deg) translate(-6px, 6.5px);
            transform: rotate(-45deg) translate(-6px, 6.5px);
}
.toggle .line2
{
    opacity: 0;
}
.toggle .line3
{
    width: 35px;
    -webkit-transform: rotate(45deg) translate(-6px, -6.5px);
        -ms-transform: rotate(45deg) translate(-6px, -6.5px);
            transform: rotate(45deg) translate(-6px, -6.5px);
}
    
    



.logo-circular{
    width: 100%;
    height: 100%;
    position: relative;
    aspect-ratio: 1/1;
    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;
}    

.logo-circular .symbol{
    height: 25%;
    fill: var(--white-fxd);
    position: absolute;
}

.logo-circular .rotate{
    height: 100%;
    fill: var(--white-fxd);
    position: absolute;
    -webkit-animation: rotation 15s infinite linear;
    animation: rotation 15s infinite linear;
}

@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}

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

    z-index: 3;

    padding: 100px 0 100px 0;
    background: var(--color_footer_primary);

    overflow: hidden;
}

footer .box-top{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

footer .subbox-group-texts{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 100px 0 0;

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

footer .box-top .subbox-logo-circular,
footer .subbox-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

footer .box-top .subbox-logo-circular{ height: 180px; }

footer .subbox-text .text b{
    font-size: .8rem;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

footer .box-logo{
    width: var(--width_break_01);
    padding: 100px 0 100px 0;
}

footer .box-logo .logo{
    width: 100%;
    fill: #526652;
}

footer .box-infos{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

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

footer .box-infos .subbox-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

footer .box-infos p{ font-size: .9rem; }

footer .box-infos .subbox-links a{
    opacity: .7;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

footer .box-infos .subbox-links a:hover{ opacity: 1; }
footer .box-infos .subbox-links a:first-child{ margin: 0 20px 0 0; }

footer .box-infos .subbox-info{
    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;
}

footer .box-infos .subbox-info p{ opacity: .7; }

footer .box-infos .subbox-info a{ -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

footer .box-infos .subbox-info a:hover{ opacity: 1; }

@media screen and (max-width: 1300px)
{
    footer .subbox-group-texts .subbox-text:first-child{
        width: 100%;
        margin: 0 0 40px 0;
    }
}

@media screen and (max-width: 1100px)
{
    footer .box-infos .subbox-links{
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 948px)
{
    footer .subbox-group-texts .subbox-text:first-child{
        width: auto;
        margin: 0 0 40px 0;
    }

    footer .subbox-group-texts{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    footer .subbox-group-texts .subbox-text{
        margin: 0 0 40px 0;
    }

    footer .subbox-group-texts .subbox-text:last-child{
        margin: 0 0 0 0;
    }
}

@media screen and (max-width: 748px)
{
    footer .box-infos{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }
    footer .box-infos .subbox-links{
        width: auto;
        margin: 0 0 10px 0;
    }

    footer .box-infos .subbox-info{
        margin: 0 0 10px 0;
    }

    footer .box-infos .subbox-info:last-child{ margin: 0; }
}

@media screen and (max-width: 648px)
{
    footer .box-top .subbox-logo-circular{
        display: none;
    }
}
    
    




    


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



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




.social-link{
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 340px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 70px;
    padding-bottom: 70px; 
  }
  
  .social-link .image{
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  
    padding: 3px;
  
    border-style: solid;
    border-radius: 50%;
    border-width: 2px;
    border-color: var(--blue);
  }
  .social-link img{
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border-radius: 50%;
  }
  .social-link .p{ margin: 0 0 60px 0; }
  .social-link .button{

    width: calc(100% - 40px);
    max-width: 350px;
    margin: 0 0 20px 0;
    
  }
  
  .social-link .row_icons{
    width: 100%;
    max-width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .button-expand-text{ 
    text-decoration: underline;
  }





.title-h1-nest{ 
    font-size: 6.5rem;
    font-weight: 500;
    opacity: 1;
    color: var(--white-fxd);
    line-height: 100%;
    
}
.title-h1-nest b{
    font-size: 5.5rem;
    font-weight: 400;
    opacity: .8;
}

@media screen and (max-width: 968px)
{
    .title-h1-nest{ font-size: 4.5rem; }
    .title-h1-nest b{ font-size: 3.5rem; }
}

@media screen and (max-width: 568px)
{
    .title-h1-nest{ font-size: 3.5rem; }
    .title-h1-nest b{ font-size: 2.5rem; }
}

.title-h2-nest{ 
    font-size: 3.5rem;
    font-weight: 400;
    opacity: 1;
    color: var(--white-fxd)
}
.title-h2-nest b{
    font-size: 2.5rem;
    font-weight: 400;
    opacity: .8;
} 

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


.button-scroll-down{
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

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

    opacity: .7;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    overflow: hidden;

    cursor: pointer;
}
.button-scroll-down:hover{
    opacity: 1;
}

.button-scroll-down .arrow{
    height: 75%;
    stroke: rgba( 255, 255, 255, 1 );
    stroke-width: 1px;
    fill: none;
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.button-scroll-down:hover .arrow{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}


.home-head{
    width: 100%;
    height: calc(100vh - 250px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 150px 0 0px 0;

    overflow: hidden;
}

.home-head .box-main{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.home-head .box-main .left{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    z-index: 2;
}

.home-head .box-main .left .paragraph{ margin: 4rem 0 0 0; max-width: 500px; }

.home-head .box-main .left .bar{
    font-size: 7rem;
    margin: 0 0 3rem 0;
    opacity: .8;
}

.home-head .box-main .right{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    z-index: 1;
}

.home-head .box-main .right .image{
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    overflow: hidden;
}

.home-head .box-main .right .image .shape-next-with-background{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.home-head .box-main .right .image-fixed-right{
    width: 180px;
    height: 180px;
    padding: 20px 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.home-head-buttons{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

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

    padding: 0 0 100px 0;
}


@media screen and (max-width: 968px)
{
    .home-head{ height: auto; }
    .home-head .box-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

    .home-head .box-main .left{ padding: 20px 0 0 0; }
    .home-head .box-main .right{ position: relative; }

    .home-head .box-main .right .image{ width: 100%; height: 100%; }

    .home-head .box-main .right .image .shape-next-with-background{ height: 100%; width: 100%; }

    .home-head .box-main .right .image-fixed-right{ width: 150px; height: 150px; }
    .home-head .box-main .left .bar{ font-size: 5rem; margin: 0 0 1.5rem 0; }

    .home-head-buttons{ padding: 100px 0 100px 0; }
}

@media screen and (max-width: 568px)
{
    .home-head .box-main .right .image-fixed-right{ width: 120px; height: 120px; }
    .home-head .box-main .left .bar{ font-size: 4rem; margin: 0 0 1rem 0; }
}


.home-about-us{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 100px 0 100px 0;
    
    overflow: hidden;
}

.home-about-us .box{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; 
    -webkit-box-align: stretch; 
        -ms-flex-align: stretch; 
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.home-about-us .box .left,
.home-about-us .box .right{
    width: 50%;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (max-width: 968px)
{
    .home-about-us .box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
    .home-about-us .box .left,
    .home-about-us .box .right{ width: 100%; }
    .home-about-us .box .left{ margin: 0 0 100px 0; }
}

.home-about-us .box .left .top{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 100px 0;
}


.home-about-us .box .left .bottom{
    width: 180px;
    height: 180px;
    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;
    overflow: hidden;
}

.home-about-us .box .right .paragraph{
    max-width: 500px;
    margin: 0 0 100px 0;
}


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

    overflow: hidden;
}

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

    padding: 100px 0 100px 0;

    overflow: hidden;

    z-index: 3;
}

.home-projects .box-head .media{
    width: 65%;
    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;
    margin: 0 0 100px 0;

    z-index: 2;
}
.home-projects .box-head .media img{
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.home-projects .box-head .title{ z-index: 2; }

.home-projects .box-head .background-shape-nest{
    width: 100%;
    height: calc(100% - 300px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    -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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;

    overflow: hidden;
}

.home-projects .box-head .background-shape-nest .shape-left,
.home-projects .box-head .background-shape-nest .shape-right{
    height: 100%;
    fill: var(--color_item_primary);
}
.home-projects .box-head .background-shape-nest .shape-center{
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 -1px 0 -1px;
    background: var(--color_item_primary);
}

@media screen and (max-width: 968px)
{
    .home-projects .box-head .background-shape-nest{ height: calc(100% - 150px); }
    .home-projects .box-head .media{ width: 90%; }
}

@media screen and (max-width: 468px)
{
    .home-projects .box-head .media{ width: calc(100% - 40px); }
    .home-projects .box-head .media{ margin: 0 0 50px 0; }
}




.home-projects .box-highligh-text{
    width: 100%;
    min-height: calc(100vh - 200px);
    padding: 100px 0 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    margin: 0 0 0 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    z-index: 1;
}

.home-projects .box-highligh-text .highligh-text{
    max-width: var(--width_break_01);
    font-size: 7rem;
    line-height: 100%;
}


@media screen and (max-width: 968px)
{
    .home-projects .box-highligh-text .highligh-text{ font-size: 4.5rem; }
}

@media screen and (max-width: 568px)
{
    .home-projects .box-highligh-text .highligh-text{ font-size: 3.5rem; }
}

.home-projects .box-projects{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    overflow: hidden;
}

.home-projects .box-projects .project{
    width: 100%;
    height: 100vh;
}

.home-projects .box-projects .btn-view-more-projects{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px 0 60px 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba( 255, 255, 255, .2 );
}






.project{
    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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    overflow: hidden;
}

.project .box-title{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -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;

    z-index: 2;
}
.project .box-title .p-type{
    font-size: 2.5rem;
    line-height: 100%;
    font-family: var(--font_title_01);
    opacity: .8;
    color: var(--white-fxd);
    margin: 0 0 15px 0;
}
.project .box-title .p-title{
    font-size: 3.5rem;
    line-height: 100%;
    font-family: var(--font_title_01);
    color: var(--white-fxd);
}

.project .box-attributes{
    width: calc(100% - 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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 20px 40px 20px;

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

    z-index: 2;
}

.project .cover{
    width: 100%;
    height: 100%;
    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: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 1;
}
.project:hover .cover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.project .cover .shadow{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba( 0, 0, 0, 0.5 );
}
.project .cover img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


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

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    overflow: hidden;
}

.home-services .box-shadow{
    width: 100%;
    height: 400px;
    background: var(--color_bg_primary);
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--color_bg_primary)));
    background: -o-linear-gradient(bottom, transparent 0%, var(--color_bg_primary) 100%);
    background: linear-gradient(0deg, transparent 0%, var(--color_bg_primary) 100%);

    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.home-services .box-title{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 100px 0 100px 0;

    z-index: 2;
}

.home-services .box-services{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 180px 0;

    z-index: 2;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;
}


.service{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px 0 60px 0;

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

    -webkit-transition: height .3s linear;

    -o-transition: height .3s linear;

    transition: height .3s linear;
}

.service:hover{
    background: var(--color_item_primary);
}

.service .box-main{
    width: var(--width_break_01);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.service .box-main .title{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.service .box-main .description{
    width: 50%;
    max-height: 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-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    overflow: hidden;
    visibility: hidden;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;
}
.service:hover .box-main .description{
    max-height: initial;
    visibility: visible;
}

@media screen and (max-width: 968px)
{
    .service .box-main{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .service .box-main .title, .service .box-main .description{ width: 100%; }
    .service .box-main .description{ 
        margin: 60px 0 0 0;
        max-height: initial;
        visibility: visible;
    }
}


.service .box-main .description .s-description{ max-width: 500px; }

.service .box-main .description .partner{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 60px 0 0 0;
}

.service .box-main .description .partner .s-partner{ font-size: 0.9rem; }

.service .box-main .description .partner .logo{
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0 0;
}

.service .box-main .description .partner .logo img{
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.home-box-highligh-text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    padding: 120px 0 120px 0;
}

.home-box-highligh-text .horizontal-scroll-looping {
    display: inline-block;
    white-space: nowrap;
    -webkit-animation: scroll-loop 20s linear infinite;
            animation: scroll-loop 20s linear infinite;
}
.home-box-highligh-text .highligh-text {
    font-size: 7rem;
    display: inline-block;
    padding-right: 2rem;
    opacity: .5;
}

@-webkit-keyframes scroll-loop {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

@keyframes scroll-loop {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

@media screen and (max-width: 968px)
{
    .home-box-highligh-text .highligh-text { font-size: 5rem; }
}

@media screen and (max-width: 568px)
{
    .home-box-highligh-text .highligh-text { font-size: 4rem; }
}




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


.page-projects .header{
    width: var(--width_break_01);
    padding: 150px 0 60px 0;
    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;

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

    overflow: hidden;
}

.page-projects .header .box-header{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    z-index: 2; 
}


.page-projects .box-results{
    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-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;

    padding: 100px 0 100px 0;
}

.page-projects .box-results .project{
    width: calc(50% - 10px);
    height: 400px;
    margin: 0 0 20px 0;
}

.page-projects .box-results .project .box-title .p-type{
    font-size: 1.5rem;
}
.page-projects .box-results .project .box-title .p-title{
    font-size: 2.5rem;
}
.page-projects .box-results .project .box-attributes{ display: none; }


@media screen and (max-width: 1068px)
{
    .page-projects .box-results .project{ width: 100%; }
}


.page-content-project{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding: 100px 0 0 0;

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

    overflow: hidden;
}

.page-content-project .box-images{
    width: var(--width_break_01);
    height: calc(100vh - 150px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;

    overflow: hidden;
}

@media screen and (max-width: 1068px)
{
    .page-content-project .box-images{ height: 400px; }
}

.page-content-project .box-images .media{
    width: 100%;
    height: 100%;
    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;
}
.page-content-project .box-images .media img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.page-content-project .box-images .swiper{
    height: 100% !important;
    width: 100% !important;

    z-index: 1;
}

.page-content-project .box-images .controls{
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    position: absolute;
    right: 0px;
    bottom: 0px;
    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;
            
    padding: 0 60px 60px 0;

    z-index: 2;

    pointer-events: none;
 }

@media screen and (max-width: 768px)
{
    .page-content-project .box-images .controls{
        width: calc(100% - 30px);
        height: calc(100% - 30px);       
        padding: 0 30px 30px 0;
    }
}

.page-content-project .box-images .controls .shadow{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: var(--color_bg_primary);
    background: -o-linear-gradient(317deg, transparent 0%, transparent 50%, var(--color_bg_primary) 100%);
    background: linear-gradient(133deg, transparent 0%, transparent 50%, var(--color_bg_primary) 100%);
    z-index: 2; 
}

.page-content-project .box-images .controls .prev,
.page-content-project .box-images .controls .next{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    cursor: pointer;

    pointer-events: visible;

    z-index: 3;
}

.page-content-project .box-images .controls .prev{ margin: 0 30px 0 0; }

.page-content-project .box-images .swiper-button-next,
.page-content-project .box-images .swiper-button-prev{ display: none !important; }

.page-content-project .box-images .controls .prev .btn,
.page-content-project .box-images .controls .next .btn{
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

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

    opacity: .7;

    overflow: hidden;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    cursor: pointer;
}

.page-content-project .box-images .controls .prev .btn{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.page-content-project .box-images .controls .next .btn{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.page-content-project .box-images .controls .prev .btn .arrow,
.page-content-project .box-images .controls .next .btn .arrow{
    height: 75%;
    stroke: rgba( 255, 255, 255, 1 );
    stroke-width: 1px;
    fill: none;
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.page-content-project .box-images .controls .prev:hover .btn,
.page-content-project .box-images .controls .next:hover .btn{
    opacity: 1;
}

.page-content-project .box-images .controls .prev:hover .btn .arrow,
.page-content-project .box-images .controls .next:hover .btn .arrow{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}


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

.swiper-wrapper{
cursor: -webkit-grab !important;
cursor: grab !important;
}

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


.page-content-project .box-infos{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    padding: 100px 0 100px 0;
}

.page-content-project .box-infos .left,
.page-content-project .box-infos .right{
    width: 50%;
    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;
}

.page-content-project .box-infos .right .description{
    max-width: 500px;
}


@media screen and (max-width: 1068px)
{
    .page-content-project .box-infos{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .page-content-project .box-infos .left,
    .page-content-project .box-infos .right{ width: 100%; }
    .page-content-project .box-infos .left{ margin: 0 0 100px 0; }
}

/* Contact */


.contact{
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;

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

.contact .box{
    width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.contact .box .left{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;

    padding: 100px 0 100px 0;

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

.contact .box .left .form-title{
    margin: 0 0 100px 0;
}

.contact .box .left .form-fields{
    width: 100%; 
}


.contact .box .right{
    width: 50%;
    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;
}




@media screen and (max-width: 968px)
{
    .contact .box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
    .contact .box .left,
    .contact .box .right{ width: 100%; }
    .contact .box .left{ border-width: 0 0 1px 0; }

    .contact .box .right{ padding: 100px 0 100px 0; }
}





.contact-confirmation{
    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: var(--padding-default-x15) 0 var(--padding-default-x10) 0;
}
.contact-confirmation .background{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0px;
    left: 0px; 
    pointer-events: none;
    opacity: .6;
}
.contact-confirmation .box{
    width: calc(100% - var(--padding-default-x2));
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.contact-confirmation .box .right{
    width: calc(50% - var(--padding-default-x2));
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; 
}

.contact-confirmation .box .right .sub-box{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

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

.contact-confirmation .box .right .sub-box .paragraph .button-expand-text{ color: var(--color_paragraph_primary); }

.contact-confirmation .box .right .sub-box .subtitle{  margin: 10px 0 0 0; }
.contact-confirmation .box .right .sub-box .paragraph{  margin: 40px 0 0 0; }



.contact-confirmation .box .right .sub-box .media{
    width: auto;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 60px 0 0 0;
}
.contact-confirmation .box .right .sub-box .media img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


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


.contact-confirmation .box .left{
    width: calc(50% - var(--padding-default-x2));
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -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;
}

.contact-confirmation .box .left .images{
    width: 100%;
    max-width: 500px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    overflow: hidden;

    -webkit-box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.15);
}
.contact-confirmation .box .left .images .media{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contact-confirmation .box .left .images .media img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}




@media screen and (max-width: 1000px)
{
    .contact-confirmation .box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .contact-confirmation .box .left,
    .contact-confirmation .box .right{ width: 100%; }

    .contact-confirmation .box .left{ margin: 0 0 80px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

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

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




.contact-confirmation .box-topics{
    width: calc(100% - var(--padding-default-x2));
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: var(--padding-default-x4) 0 0 0;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}


.contact-confirmation .box-topics .topic{
    width: calc(100% - var(--padding-default-x4));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: var(--padding-default-x2) var(--padding-default-x2) var(--padding-default-x2) var(--padding-default-x2);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; 

    margin: 0 0 var(--padding-default-x2) 0;

    background: var(--color_bg_primary);
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0, .7);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0, .7);

    cursor: pointer;
}

.contact-confirmation .box-topics .topic .t-title{ font-size: var(--font_size_h4); }

.contact-confirmation .box-topics .topic .t-title,
.contact-confirmation .box-topics .topic .t-paragraph{ text-align: left; }

.contact-confirmation .box-topics .topic:hover{
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.15);
}

.contact-confirmation .box-topics .topic .image{
    width: 30px; min-width: 30px;
    height: 30px; min-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 0 var(--padding-default-x2);
}
.contact-confirmation .box-topics .topic .image img{
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}


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

    .contact-confirmation .box-topics .topic{ 
        width: calc(100% - var(--padding-default-x6)); 
        max-width: calc(450px - var(--padding-default-x6));
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 0 var(--padding-default-x2) 0; 
    }

    .contact-confirmation .box-topics .topic:last-child{ margin: 0; } 

    .contact-confirmation .box-topics .topic .t-title,
    .contact-confirmation .box-topics .topic .t-paragraph{ text-align: center; }
}