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

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

:root {
    --width_break_01: 1240px;
    --width_break_02: 1020px;
    --width_break_03: 960px;
    --width_break_04: 768px;
    --width_break_05: 468px;
    
    --font_size_initial: 17px;
    
    --font_size_h1_big: 4rem;
    --font_size_h1: 2.7rem;
    --font_size_h1_mobile: 2.4rem;
    --font_size_h2: 2rem;
    --font_size_h3: 1.2rem;
    --font_size_h4: 1.1rem;
    --font_size_h5: 1rem;
    --font_size_p: 1rem;
    --font_size_p2: 0.9rem;
    --font_size_p3: 0.8rem;
    --font_size_p4: 0.6rem;
    
    
    --border-initial: 5px;

    --radius-01: 15px;
    --radius-02: 30px;
    
    
    --red: #ff0d0d;
    --white: #ffffff;
    --black: #000000;
    --white-2t: rgba(255, 255, 255, .2);
    --div_line_primary: rgba(255, 255, 255, .5);
    --div_line_secondary: rgba(0, 0, 0, .2);
    
    --color_button_wpp: #79cc70;
    }
    .text-color-title-01{ color: var(--color_title_01_primary); }
    .text-color-title-02{ color: var(--color_title_02_primary); }
    .text-color-subtitle{ color: var(--color_subtitle_primary); }
    .text-color-paragraph{ color: var(--color_paragraph_primary); }
    
    .font-size-mini{ font-size: var(--size_text_mini); }
    
    
     
    .container{
        width: 100%;
        height: auto;
        margin: 0;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        background-color: 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-color: var(--color_bg_primary); }
    .bg-color-section-active{ background-color: var(--color_bg_active_primary); }
    
    .bg-color-header{ background-color: var(--color_header_primary); }
    .bg-color-footer{ background-color: var(--color_footer_primary); }
    
    .bg-color-item{ background-color: var(--color_item_primary); }
    .bg-color-item-ative{ background-color: var(--color_item_active_primary); }
    
    
    
    /* Container */
    body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: var(--color_bg_primary);
    
    scroll-behavior: smooth;
    text-decoration: none;
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
    font-size: var(--font_size_initial);
    }
    html a{
    text-decoration: none;
    cursor: pointer;
    }
    html div, html p, a, svg{
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    
    /*Texts*/
    h1{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 110%;
    font-weight: 600;
    font-size: var(--font_size_h1);
    margin: 0;
    }
    
    @media screen and (max-width: 500px)
    {
    h1{ font-size: var(--font_size_h1_mobile); }
    }
    
    
    h2{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 130%;
    font-weight: 600;
    font-size: var(--font_size_h2);
    margin: 0;
    }
    h3{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 110%;
    font-weight: 500;
    font-size: var(--font_size_h3);
    margin: 0;
    }
    h4{
    font-family: var(--font_title_01);
    color: var(--color_title_01_primary);
    line-height: 150%;
    font-weight: 400;
    font-size: var(--font_size_h4);
    margin: 0;
    }
    h5{
    font-family: var(--font_title_01);
    color: var(--color_subtitle_primary);
    line-height: 120%;
    font-weight: 400;
    font-size: var(--font_size_h5);
    margin: 0;
    }
    p{
    font-family: var(--font_paragraph);
    color: var(--color_paragraph_primary);
    line-height: 130%;
    font-weight: 400;
    font-size: var(--font_size_p);
    margin: 0;
    }
    
    p b,
    p strong{
    font-weight: 600;
    }
    p a{
    color: var(--color_paragraph_primary);
    text-decoration: underline;
    }
    input, select, textarea{
    outline: none;
    }
    
    .font-custom{
    font-family: var(--font_title_02);
    }
    
    
    /* Sections */
    
    section{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 100px 0px 100px 0px;
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    overflow: hidden;
    
    }
    section:nth-child(1){margin-top: 70px;}
    
    .section-gradient-up{
    background: var(--color_bg_primary);
    background: -o-linear-gradient(bottom, var(--color_bg_active_primary) 100%, var(--color_bg_primary) 0%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, var(--color_bg_active_primary)), color-stop(0%, var(--color_bg_primary)));
    background: linear-gradient(0deg, var(--color_bg_active_primary) 100%, var(--color_bg_primary) 0%);
    }
    
    .section-gradient-down{
    background: var(--color_bg_primary);
    background: -o-linear-gradient(bottom, var(--color_bg_primary) 0%, var(--color_bg_active_primary) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color_bg_primary)), to(var(--color_bg_active_primary)));
    background: linear-gradient(0deg, var(--color_bg_primary) 0%, var(--color_bg_active_primary) 100%);
    }
    
    
    /* Box Type 01 */
    section .box-type-01,
    section .box-type-02{
    width: calc(100% - 80px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    section .box-type-02{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    section .box-type-02 .column-left{
    width: calc(50% - 60px);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    }
    section .box-type-02 .column-left h2,
    section .box-type-02 .column-left .subtitle{
    width: 100%;
    max-width: 400px;
    }
    section .box-type-02 .column-left h2{ margin-bottom: 25px; }
    
    @media screen and (max-width: 860px)
    {
    section .box-type-02{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    section .box-type-02 .column-left{ width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    
    section .box-type-02 .column-left h2,
    section .box-type-02 .column-left .subtitle{ text-align: center; }
    }
    
    section .box-type-01 .row-title,
    section .box-type-01 .row-title-center{
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    section .box-type-01 .row-title-center{ 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column;
    }
    section .box-type-01 .row-title p{
    width: 100%;
    max-width: 350px;
    }
    section .box-type-01 .row-title-center h2{ text-align: center; }
    section .box-type-01 .row-title-center p{
    margin-top: 40px; 
    text-align: center; 
    max-width: 350px;
    }
    
    section .box-type-01 .column-title{
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    section .box-type-01 .column-title p,
    section .box-type-01 .column-title h2,
    section .box-type-01 .column-title h4{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    }
    
    /* Continue */
    
    @media screen and (max-width: 860px)
    {
    section .box-type-01 .row-title,
    section .box-type-01 .row-title-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    section .box-type-01 .row-title p{ margin-top: 40px; text-align: center; }
    section .box-type-01 .row-title h2{ text-align: center; }
    }
    
    section .box-type-01 .row-content{
    width: 100%;
    max-width: var(--width_break_01);
    height: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
    section .box-type-01 .column-content{
    width: 100%;
    height: auto;
    padding: 0px 0px 80px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    section .box-type-01 .row-button{
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
    
    
    
    
    
    
    
    
    
    
    .input-location{
    min-width: calc(100% - 60px);
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    
    padding: 0 15px 0 45px;
    
    font-family: var(--font_paragraph);
    font-size: var(--size_text_p);
    color: var(--color_paragraph_primary);
    font-weight: 400;
    
    border-style: solid;
    border-radius: 5px;
    border-color: var(--div_line_secondary);
    border-width: 1px;
    
    padding: 0 30px 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    
    cursor: pointer;
    
    z-index: 3 !important;
    }
    .input-location .text-input-location img{ display: none; }
    
    .input-location svg{
    width: 12px;
    height: auto;
    position: absolute;
    right: 15px;
    fill: var(--color_paragraph_primary);
    }
    
    .input-location .expand{
    width: calc(100% - 20px);
    height: auto;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 60px;
    left: 0px;
    
    padding: 10px;
    
    border-style: solid;
    border-radius: 5px;
    border-width: 0px;
    border-color: var(--div_line_secondary);
    
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
    
    background-color: var(--color_bg_primary);
    
    opacity: 0;
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    
    cursor: default;
    }
    .input-location .expand span{
    width: calc(100% - 30px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px 10px 15px;
    margin: 0 0 15px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-radius: 5px;
    border-width: 0px;
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
    }
    .input-location .expand span:last-child{ margin: 0px; }
    .input-location .expand span:hover{
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    }
    .input-location .expand span img{
    width: 40px;
    height: auto;
    object-fit: cover;
    -o-object-fit: cover;
    margin: 0 15px 0 0;
    }
    
    
    
    .point-color-01,
    .point-color-02 {
    width: 8px; min-width: 8px;
    height: 8px; min-height: 8px;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    margin: 0 8px 0 0;
    font-size: 22px;
    }
    .point-color-01{
    background-color: var(--color_button_01_primary);
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 82, 200, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 82, 200, 0.5);
    }
    
    .point-color-02{
    background-color: var(--color_button_02_primary);
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(96, 213, 118, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(96, 213, 118, 0.5);
    }
    
    
    .box-circle-top-left,
    .box-circle-bottom-left,
    .box-circle-top-right,
    .box-circle-bottom-right{
    width: 50vw;
    height: 50vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    opacity: .1;
    pointer-events: none;
    z-index: 1;
    }
    
    .box-circle-top-left{ top: 0px; left: 0px; }
    .box-circle-top-right{ top: 0px; right: 0px; }
    .box-circle-bottom-left{ bottom: 0px; left: 0px; }
    .box-circle-bottom-right{ bottom: 0px; right: 0px; }
    
    .circle-bottom-left-color-01,
    .circle-bottom-right-color-01,
    .circle-bottom-left-color-02,
    .circle-bottom-right-color-02,
    .circle-top-left-color-01,
    .circle-top-right-color-01,
    .circle-top-left-color-02,
    .circle-top-right-color-02 {
    width: 200%;
    height: 200%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    }
    
    .circle-bottom-left-color-01,
    .circle-bottom-left-color-02{
    bottom: -100%;
    left: -100%;
    }
    .circle-top-left-color-01,
    .circle-top-left-color-02{
    top: -100%;
    left: -100%;
    }
    
    .circle-bottom-right-color-01,
    .circle-bottom-right-color-02{
    bottom: -100%;
    right: -100%;
    }
    .circle-top-right-color-01,
    .circle-top-right-color-02{
    top: -100%;
    right: -100%;
    }
    
    .circle-top-left-color-01,
    .circle-top-right-color-01,
    .circle-bottom-left-color-01,
    .circle-bottom-right-color-01{
    background: rgb(44,188,162);
    background: -o-radial-gradient(circle, var(--color_button_01_primary) 0%, transparent 50%);
    background: radial-gradient(circle, var(--color_button_01_primary) 0%, transparent 50%);
    }
    .circle-top-left-color-02,
    .circle-top-right-color-02,
    .circle-bottom-left-color-02,
    .circle-bottom-right-color-02{
    background: rgb(44,188,162);
    background: -o-radial-gradient(circle, var(--color_button_02_primary) 0%, transparent 50%);
    background: radial-gradient(circle, var(--color_button_02_primary) 0%, transparent 50%);
    }
    
    
    
    .point-color-01,
    .point-color-02 {
    font-size: 22px;
    }
    .point-color-01{
    color: var(--color_button_01_primary);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 82, 200, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(0, 82, 200, 0.5));
    }
    
    .point-color-02{
    color: var(--color_button_02_primary);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(96, 213, 118, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(96, 213, 118, 0.5));
    }
    
    
    
    @media screen and (max-width: 768px)
    {
    .box-circle-top-left,
    .box-circle-bottom-left,
    .box-circle-top-right,
    .box-circle-bottom-right{
    width: 75vw;
    height: 75vw; }
    }
    
    /* Customs Vida Premium */

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


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

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



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



.home-section-01{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 95px 0 0 0;
}
.home-section-01 .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: 700px;
    max-height: calc(75vh - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-style: solid;
    border-radius: var(--radius-02);
    border-width: 0px;    
    overflow: hidden;
}

.home-section-01 .box .sub-box{
    width: calc(100% - 120px);
    height: calc(100% - 120px);
    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-section-01 .swiper {
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0px !important;
}
	
.home-section-01 .swiper-wrapper{
	cursor: -webkit-grab !important;
	cursor: grab !important;
}
	
.home-section-01 .swiper-pagination{
	width: 100% !important;
	-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
			justify-content: start !important;
	-webkit-box-align: start !important;
		-ms-flex-align: start !important;
			align-items: start !important;

    padding: 0 0 20px 0 !important;
}
	
.home-section-01 .swiper-pagination-bullet{
	background: transparent !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	background: var(--white) !important;
	opacity: .5 !important;
}
.home-section-01 .swiper-pagination-bullet-active{
	width: 30px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	border-radius: 10px !important;
	opacity: 1 !important;
	-webkit-transition-duration: .1s !important;
		 -o-transition-duration: .1s !important;
			transition-duration: .1s !important;
}
	
.home-section-01 .swiper-slide {
	height: auto !important;
	
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center !important;
		-ms-flex-align: center !important;
			align-items: center !important;
}



.home-section-01 .box .sub-box .infos{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.home-section-01 .box .sub-box .infos .title,
.home-section-01 .box .sub-box .infos p{ color: var(--white); }
.home-section-01 .box .sub-box .infos .title{ font-size: var(--font_size_h1); }

.home-section-01 .box .sub-box .infos .attributes{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 10px 0 60px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.home-section-01 .box .sub-box .infos .attributes .attr{
    width: 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 20px 0 0 ;
}
.home-section-01 .box .sub-box .infos .attributes .attr svg{
    height: 20px;
    fill: var(--white);
    margin: 0 15px 0 0;
}

.home-section-01 .box .background{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}
.home-section-01 .box .background .shadow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: var(--black);
    opacity: .3;
}
.home-section-01 .box .background img{
    width: 100%;
    height: 100%;
    -o-object-position: right bottom;
    object-position: right bottom;
    -o-object-fit: cover;
       object-fit: cover;
}

@media screen and (max-width: 1000px)
{
    .home-section-01 .box .sub-box{ width: calc(100% - 40px); }
}


.home-section-02{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 100px 0 100px 0;
}
.home-section-02 .box-01,
.home-section-02 .box-02{
    width: calc(100% - 40px - 120px); 
    max-width: calc(var(--width_break_01) - 120px);
    padding: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-style: solid;
    border-width: 0px;
}
.home-section-02 .box-01{ border-radius: var(--radius-02) var(--radius-02) 0 0; background: var(--color_bg_active_primary);  z-index: 2; }
.home-section-02 .box-02{ border-radius: 0 0 var(--radius-02) var(--radius-02); background: var(--color_item_primary); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 100px 60px 60px 60px; z-index: 1; }

.home-section-02 .box-01 .part{
    width: calc(50% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.home-section-02 .box-01 .part .title{ margin: 0 0 20px 0; }

.home-section-02 .box-01 .part .title,
.home-section-02 .box-01 .part .paragraph{ max-width: 450px; }

.home-section-02 .box-01 .part .images{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.home-section-02 .box-01 .part .images img{ 
    width: 100%;
    height: auto;
    border-style: solid;
    border-radius: var(--radius-01);
    border-width: 0px;
    -o-object-fit: cover;
       object-fit: cover; 
}
.home-section-02 .box-01 .part .images img:nth-child(2){
    max-width: 50%;
    position: absolute;
    bottom: -100px;
    right: -100px;
}

.home-section-02 .box-02 .topic{
    width: auto;
    max-width: 200px;
    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;

    
}
.home-section-02 .box-02 .topic .t-title,
.home-section-02 .box-02 .topic .t-paragraph{ text-align: center; color: var(--white); max-width: 300px; }



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

    .home-section-02 .box-01,
    .home-section-02 .box-02{ width: calc(100% - 40px - 40px); max-width: calc(var(--width_break_01) - 40px); }

    .home-section-02 .box-02{ padding: 60px 20px 60px 20px; }

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

    .home-section-02 .box-01 .part:nth-child(1){ margin: 0 0 100px 0; }

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

    .home-section-02 .box-01 .part .images img:nth-child(1){ max-width: 400px; }

    .home-section-02 .box-01 .part .images img:nth-child(2){ bottom: -50px; right: 0px; }
}

@media screen and (max-width: 700px)
{
    .home-section-02 .box-02{ -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; }
    .home-section-02 .box-02 .topic{ margin: 0 0 60px 0; }
    .home-section-02 .box-02 .topic:last-child{ margin: 0 0 0 0; }
}


.home-section-03{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 100px 0;
    overflow: hidden;
}
.home-section-03 .title,
.home-section-03 .subtitle,
.home-section-03 .paragraph{ text-align: center; max-width: 450px; }
.home-section-03 .title{ margin: 0 0 20px 0; }

.home-section-03 .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.home-section-03 .box .projects{
    width: 100%;
    height: auto;
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 80px 0 0 0;
}
.home-section-03 .box .projects .project{
    width: calc(33.3% - 20px);
    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;

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

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

    overflow: hidden;
}

@media screen and (max-width: 1000px)
{
    .home-section-03 .box .projects .project{ width: calc(50% - 15px); margin: 0 0 30px 0; }
}
@media screen and (max-width: 700px)
{
    .home-section-03 .box .projects .project{ width: 100%; }
}

.home-section-03 .box .projects .project .cover{
    width: 100%; min-width: 100%;
    min-height: 200px; max-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
}


.home-section-03 .box .projects .project .cover img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.home-section-03 .box .projects .project:hover .cover img{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}


.home-section-03 .box .projects .project .cover .highlight{
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    background: var(--color_item_primary);
    border-radius: 0 0 0 10px;
}

.home-section-03 .box .projects .project .cover .highlight .text{
    font-size: var(--font_size_p3);
    text-transform: uppercase;
    font-weight: 500;
    color: var(--white);
}


.home-section-03 .box .projects .project .description{
    width: calc(100% - 40px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px 20px 20px;
    -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;
}
.home-section-03 .box .projects .project .description .infos{
    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;
}




.home-section-03 .box .projects .project .description .title{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.home-section-03 .box .projects .project .description .title .t-title{ text-align: left; }

.home-section-03 .box .projects .project .description .title .image{
    width: auto;
    max-width: 140px; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; 
    margin: 0 0 0 20px; 
    overflow: hidden;

    -webkit-filter: grayscale(1);

            filter: grayscale(1);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.home-section-03 .box .projects .project:hover .description .title .image{
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.home-section-03 .box .projects .project .description .title .image img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.home-section-03 .box .projects .project .description .attributes{
    width: 100%;
    max-width: 240px;
    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;
    margin: 0 0 40px 0;
}
.home-section-03 .box .projects .project .description .attributes .attr{
    width: 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 20px 20px 0;
}
.home-section-03 .box .projects .project .description .attributes .attr:last-child{ margin: 0 20px 0 0; }

.home-section-03 .box .projects .project .description .attributes .attr .icon{
    width: 20px; min-width: 20px;
    height: 20px; min-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;  
    margin: 0 15px 0 0; 
}

.home-section-03 .box .projects .project .description .attributes .attr .icon svg{
    height: 100%;
    fill: var(--color_item_primary); 
}









.home-section-04{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 100px 0;
    overflow: hidden;
    z-index: 2;
}

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

.home-section-04 .title,
.home-section-04 .subtitle,
.home-section-04 .paragraph{ max-width: 450px; }




.home-section-04 .box-01,
.home-section-04 .box-02{
    width: calc(100% - 40px - 120px); 
    max-width: calc(var(--width_break_01) - 120px);
    padding: 60px;
    background: var(--color_bg_active_primary); 
    z-index: 2;
}




.home-section-04 .box-01{
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;

    border-radius: var(--radius-02) var(--radius-02) 0 0;
}

.home-section-04 .box-01 .left,
.home-section-04 .box-01 .right{
    width: calc(50% - 40px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.home-section-04 .box-01 .right .image{
    width: 100%;
    height: 300px;
    border-style: solid;
    border-radius: var(--radius-01);
    border-width: 0px; 
    overflow: hidden;
}
.home-section-04 .box-01 .right .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


.home-section-04 .box-02{
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;

   border-radius: 0 0 var(--radius-02) var(--radius-02);
}

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

.home-section-04 .box-02 .right{
    width: calc(50% - 40px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}



.home-section-04 .box-02 .right .buttons{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0 0 0;
}

.home-section-04 .box-02 .right .buttons .button-alternative{
    width: calc(100% - 40px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-style: solid;
    border-radius: var(--radius-01) var(--radius-01) 0 0;
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .2);
    background: var(--white);
    margin: -20px 0 0 0;
    padding: 20px 20px 40px 20px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.home-section-04 .box-02 .right .buttons .button-alternative:last-child{ padding: 20px; border-radius: var(--radius-01); }

.home-section-04 .box-02 .right .buttons .button-alternative svg{
    width: 20px;
    fill: var(--color_paragraph_primary);
    margin: 0 15px 0 0;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

.home-section-04 .box-02 .right .buttons .button-alternative:hover{
    background: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.home-section-04 .box-02 .right .buttons .button-alternative:hover p{ color: var(--white); }
.home-section-04 .box-02 .right .buttons .button-alternative:hover svg{ fill: var(--white); -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }

@media screen and (max-width: 1000px)
{
    .home-section-04 .box-01,
    .home-section-04 .box-02{ width: calc(100% - 40px - 40px);  padding: 60px 20px 60px 20px;  }

    .home-section-04 .box-01{ -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;  }

    .home-section-04 .box-02 { -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; }

    .home-section-04 .box-01 .left{ width: 100%; }
    .home-section-04 .box-01 .right{ width: 100%; max-width: 768px; margin: 100px 0 0 0; }


    .home-section-04 .box-02 .left{ width: 100%; margin: 0 0 80px 0; max-width: 768px; }
    .home-section-04 .box-02 .right{ width: 100%; max-width: 768px; }

    .home-section-04 .box-01 .left,
    .home-section-04 .box-01 .right,
    .home-section-04 .box-02 .left,
    .home-section-04 .box-02 .right{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  }
 
    .home-section-04 .box-01 .right .image{ max-width: calc(768px - 40px); }

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


.home-section-05{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 100px 0;
    overflow: hidden;
}
.home-section-05 .title,
.home-section-05 .subtitle,
.home-section-05 .paragraph{ text-align: center; }

.home-section-05 .box{
    width: calc(100% - 40px); 
    max-width: var(--width_break_01);
    border-radius: var(--radius-02);
    background: var(--color_bg_active_primary); 

    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;
    z-index: 2;
}
.home-section-05 .box .left{
    width: calc(100% - 40px - 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 60px;
    -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;
}

.home-section-05 .box .right{
    width: 100%;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.home-section-05 .box .left .title,
.home-section-05 .box .left .subtitle{ max-width: 400px; }
.home-section-05 .box .left .subtitle{ margin: 30px 0 0 0; }

.home-section-05 .box .left .button{ min-width: 160px; margin: 30px 0 0 0; }

.home-section-05 .box .right{
    border-style: solid;
    border-radius: 15px;
    border-width: 0px;
    overflow: hidden;
}
.home-section-05 .box .right iframe{
    width: 100%; min-width: 100%;
    height: 100%; min-height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

@media screen and (max-width: 1000px)
{
    .home-section-05 .box{ -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; }
    .home-section-05 .box .left, .home-section-05 .box .right{ width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .home-section-05 .box .left .title,
    .home-section-05 .box .left .subtitle{ text-align: center; }
    .home-section-05 .box .right{ min-height: 300px; max-width: 768px; }
    .home-section-05 .box .right iframe{ height: 300px; }
}


.page-project-section-cover{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 95px 0 0 0;
}
.page-project-section-cover .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: 700px;
    max-height: calc(75vh - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-style: solid;
    border-radius: var(--radius-02);
    border-width: 0px;    
    overflow: hidden;
}
.page-project-section-cover .box .background{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}
.page-project-section-cover .box .background img{
    width: 100%;
    height: 100%;
    -o-object-position: right bottom;
    object-position: right bottom;
    -o-object-fit: cover;
       object-fit: cover;
}



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

.page-project-section-infos .box .sub-box{
    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-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.page-project-section-infos .box .sub-box .title{
    font-size: var(--font_size_h2);
}

.page-project-section-infos .box .sub-box .attributes{
    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;
    margin: 40px 0 0 0;
}
.page-project-section-infos .box .sub-box .attributes .attr{
    width: auto;
    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;
    margin: 0 20px 20px 0;
}
.page-project-section-infos .box .sub-box .attributes .attr:last-child{ margin: 0 20px 0 0; }

.page-project-section-infos .box .sub-box .attributes .attr .svg{
    width: 20px; min-width: 20px;
    height: 20px; min-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 15px 0 0;
}

.page-project-section-infos .box .sub-box .attributes .attr .svg svg{
    height: 20px;
    fill: var(--color_item_primary);
}

.page-project-section-infos .box .sub-box .icon{
    width: auto;
    height: 200px;
    position: absolute;
    right: 0px;
}

.page-project-section-infos .box .sub-box .icon img{
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.page-project-section-infos .box .sub-box .button{ margin: 30px 0 0 0; }


.page-project-section-infos .box .sub-box .text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

}
.page-project-section-infos .box .sub-box .text .t-description{
    margin: 10px 0 0 0;
    opacity: .8;
    font-size: var(--font_size_p2);
}

.page-project-section-infos .box .description{
    width: 100%;
    max-width: var(--width_break_04);
    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;
    margin: 60px 0 60px 0;
}

.page-project-section-infos .box .buttons{
    width: 100%;
    max-width: var(--width_break_04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
}

.page-project-section-infos .box .buttons .button-alternative{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-style: solid;
    border-radius: var(--radius-01) 0 0 var(--radius-01);
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .2);
    background: var(--white);
    margin: 0 -20px 0 0;
    padding: 20px 40px 20px 20px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.page-project-section-infos .box .buttons .button-alternative:last-child{ padding: 20px; border-radius: var(--radius-01); }

.page-project-section-infos .box .buttons .button-alternative svg{
    width: 20px;
    fill: var(--color_paragraph_primary);
    margin: 0 15px 0 0;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

.page-project-section-infos .box .buttons .button-alternative:hover{
    background: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.page-project-section-infos .box .buttons .button-alternative:hover p{ color: var(--white); }
.page-project-section-infos .box .buttons .button-alternative:hover svg{ fill: var(--white); -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }

@media screen and (max-width: 700px)
{
    .page-project-section-infos .box .buttons{ padding: 20px 0 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

    .page-project-section-infos .box .buttons .button-alternative{
        border-radius: var(--radius-01) var(--radius-01) 0 0;
        width: calc(100% - 40px);
        margin: -20px 0 0 0;
        padding: 20px 20px 40px 20px; }

}

@media screen and (max-width: 1000px)
{
    .page-project-section-infos .box .sub-box .icon{ display: none; } /* position: relative; right: initial; margin: 0 0 0px 0; } */

}


.page-project-section-01{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-01 .title,
.page-project-section-01 .subtitle,
.page-project-section-01 .paragraph{ text-align: center; }
.page-project-section-01 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-01 .box{
    width: calc(100% - 40px - 80px);
    max-width: calc(var(--width_break_01) - 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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 100px 40px 100px 40px;

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

    background: var(--color_bg_active_primary);
}

.page-project-section-01 .box .topics{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 80px 0 0 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;
}
.page-project-section-01 .box .topics .topic{
    width: calc(25% - 40px - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

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

    padding: 20px;
    
    margin: 0 20px 20px 0;

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

.page-project-section-01 .box .topics .topic .t-title{ text-align: center; }

.page-project-section-01 .box .topics .topic svg{
    width: auto;
    height: 60px;
    fill: var(--color_item_active_primary);
    margin: 0 0 20px 0;
}

@media screen and (max-width: 1000px)
{
    .page-project-section-01 .box .topics .topic{ width: calc(50% - 40px - 40px); }

    .page-project-section-01 .box{
        width: calc(100% - 40px - 40px);
        max-width: calc(var(--width_break_01) - 40px);
        padding: 100px 20px 100px 20px;
    }
}
@media screen and (max-width: 768px)
{
    .page-project-section-01 .box .topics .topic{ width: calc(100% - 40px); margin: 0 0 20px 0; }
    .page-project-section-01 .box .topics .topic:last-child{ margin: 0 0 0 0; }
}


.page-project-section-02{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-02 .title,
.page-project-section-02 .subtitle,
.page-project-section-02 .paragraph{ text-align: center; }
.page-project-section-02 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-02 .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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;
}

.page-project-section-02 .box .image{
    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;
    border-style: solid;
    border-radius: var(--radius-01);
    border-width: 0px;
    overflow: hidden;
}
.page-project-section-02 .box .image img{
    width: 100%;
    height: 100%;
    -o-object-position: right bottom;
    object-position: right bottom;
    -o-object-fit: cover;
       object-fit: cover;
}

.page-project-section-02 .swiper {
	width: 100%;
	height: auto;
	margin: 70px 0px 0 0 !important;
	padding: 20px 20px 100px 20px !important;
}
	
.page-project-section-02 .swiper-wrapper{
	cursor: -webkit-grab !important;
	cursor: grab !important;
}
	
.page-project-section-02 .swiper-pagination{
	width: 100% !important;
	-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
			justify-content: start !important;
	-webkit-box-align: start !important;
		-ms-flex-align: start !important;
			align-items: start !important;
}
	
.page-project-section-02 .swiper-pagination-bullet{
	background: transparent !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	background: var(--color_paragraph_primary) !important;
	opacity: .5 !important;
}
.page-project-section-02 .swiper-pagination-bullet-active{
	width: 30px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	border-radius: 10px !important;
	opacity: 1 !important;
	-webkit-transition-duration: .1s !important;
		 -o-transition-duration: .1s !important;
			transition-duration: .1s !important;
}
	
.page-project-section-02 .swiper-slide {
	height: auto !important;
	
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: start;
}



.page-project-section-08{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-08 .title,
.page-project-section-08 .subtitle,
.page-project-section-08 .paragraph{ text-align: center; }
.page-project-section-08 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-08 .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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;
}

.page-project-section-08 .box .image{
    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;
    border-style: solid;
    border-radius: var(--radius-01);
    border-width: 0px;
    overflow: hidden;
}
.page-project-section-08 .box .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.page-project-section-08 .swiper {
	width: 100%;
	height: auto;
	margin: 70px 0px 0 0 !important;
	padding: 20px 20px 100px 20px !important;
}
	
.page-project-section-08 .swiper-wrapper{
	cursor: -webkit-grab !important;
	cursor: grab !important;
}
	
.page-project-section-08 .swiper-pagination{
	width: 100% !important;
	-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
			justify-content: start !important;
	-webkit-box-align: start !important;
		-ms-flex-align: start !important;
			align-items: start !important;
}
	
.page-project-section-08 .swiper-pagination-bullet{
	background: transparent !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	background: var(--color_paragraph_primary) !important;
	opacity: .5 !important;
}
.page-project-section-08 .swiper-pagination-bullet-active{
	width: 30px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	border-radius: 10px !important;
	opacity: 1 !important;
	-webkit-transition-duration: .1s !important;
		 -o-transition-duration: .1s !important;
			transition-duration: .1s !important;
}
	
.page-project-section-08 .swiper-slide {
	height: auto !important;
	
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: start;
}



.controls{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 40px 0 0 0;
 }

 .controls .prev,
 .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;
}

.controls .prev p{ margin: 0 0 0 15px; display: none; }
.controls .next p{ margin: 0 15px 0 0; display: none; }

.controls .btn{
    width: 60px;
    height: 60px;
    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;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color_paragraph_primary);
    border-radius: 50%;

    -webkit-transition-duration: .3s;

         -o-transition-duration: .3s;

            transition-duration: .3s;

    opacity: .8;
}

.controls .btn:nth-child(1){ margin: 0 30px 0 0; }

.controls .btn svg{
    fill: var(--color_paragraph_primary);
    width: 20px;
}

.controls .btn:hover{
    opacity: 1;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}


.page-project-section-03{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-03 .title,
.page-project-section-03 .subtitle,
.page-project-section-03 .paragraph{ text-align: center; }
.page-project-section-03 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-03 .box{
    width: calc(100% - 40px - 80px);
    max-width: calc(var(--width_break_01) - 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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 100px 40px 100px 40px;

    border-style: solid;
    border-radius: var(--radius-02);
    border-width: 1px;

    border-color: rgba( 0, 0, 0, .2);
}
.page-project-section-03 .box .image{
    width: 100%;
    max-height: 568px;
    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;
    margin: 80px 0 0 0;

    background-position: 50% 50%;
    background-size: 0px;
    position: relative;
    
    overflow: hidden;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.page-project-section-03 .box .image:hover{
    background-size: auto;
}
   
.page-project-section-03 .box .image .img {  
    width: 100%;
    height: 100%;
    max-width: 568px;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.page-project-section-03 .box .image:hover .img{
    opacity: 0;
}

.page-project-section-03 .box .image .img img {  
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}






.page-project-section-03 .swiper {
    width: 100%;
    height: auto;
}
    
.page-project-section-03 .swiper-wrapper{
    cursor: -webkit-grab !important;
    cursor: grab !important; 

    
}
    
    
.page-project-section-03 .swiper-slide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-project-section-03 .swiper-button-next,
.page-project-section-03 .swiper-button-prev{ display: none !important; }


figure.zoom {
background-position: 50% 50%;
position: relative;

width: 100%;
height: 100%;

overflow: hidden;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}

figure.zoom img:hover {
    opacity: 0;
}
figure.zoom img {
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}



.page-project-section-03 .box .topics{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 80px 0 0 0;
}

.page-project-section-03 .box .topics .topic{
    width: auto;
    height: 60px;
    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: 0 20px 0 20px; 

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

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    background: var(--color_button_01_primary);
}
.page-project-section-03 .box .topics .topic .icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px;
}
.page-project-section-03 .box .topics .topic .icon svg{
    width: 15px;
    height: auto;
    fill: var(--white);
}

.page-project-section-03 .box .topics .topic .tt-title{ text-align: center; font-size: var(--font_size_p2); color: var(--white); }



.page-project-section-03 .box .topics .topic:hover{ background: transparent; }
.page-project-section-03 .box .topics .topic:hover .icon svg{ fill: var(--color_paragraph_primary); }
.page-project-section-03 .box .topics .topic:hover .tt-title{ color: var(--color_paragraph_primary); }










.page-project-section-04{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-04 .title,
.page-project-section-04 .subtitle,
.page-project-section-04 .paragraph{ text-align: center; }
.page-project-section-04 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-04 .box-01{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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;
}

.page-project-section-04 .box-01 .image{
    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;
    border-style: solid;
    border-radius: var(--radius-01);
    border-width: 0px;
    overflow: hidden;
}
.page-project-section-04 .box-01 .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.page-project-section-04 .swiper {
	width: 100%;
	height: auto;
	margin: 70px 0px 0 0 !important;
	padding: 20px 20px 100px 20px !important;
}
	
.page-project-section-04 .swiper-wrapper{
	cursor: -webkit-grab !important;
	cursor: grab !important;
}
	
.page-project-section-04 .swiper-pagination{
	width: 100% !important;
	-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
			justify-content: start !important;
	-webkit-box-align: start !important;
		-ms-flex-align: start !important;
			align-items: start !important;
}
	
.page-project-section-04 .swiper-pagination-bullet{
	background: transparent !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	background: var(--color_paragraph_primary) !important;
	opacity: .5 !important;
}
.page-project-section-04 .swiper-pagination-bullet-active{
	width: 30px !important;
	height: 12px !important;
	margin: 0 5px 0 5px !important;
	border-radius: 10px !important;
	opacity: 1 !important;
	-webkit-transition-duration: .1s !important;
		 -o-transition-duration: .1s !important;
			transition-duration: .1s !important;
}
	
.page-project-section-04 .swiper-slide {
	height: auto !important;
	
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: start;
}



.page-project-section-04 .box-02{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    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;
    border-style: solid;
    border-width: 1px;
    border-radius: var(--radius-01);
    border-color: rgba( 0, 0, 0, .2);
    margin: 80px 0 0 0;
    overflow: hidden;
}
.page-project-section-04 .box-02 .maps{
    width: 100%;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.page-project-section-04 .box-02 .maps iframe{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
.page-project-section-04 .box-02 .sub-box{
    width: 100%;
    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;
}
.page-project-section-04 .box-02 .sub-box .name{
    width: calc(25% - 40px);
    height: auto;
    padding: 60px 20px 60px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--color_item_primary);
}
.page-project-section-04 .box-02 .sub-box .name .t-title{ color: var(--white); }
.page-project-section-04 .box-02 .sub-box .name svg{ 
    width: auto;
    height: 22px;
    fill: var(--white);
    margin: 0 0 5px 0;
}
.page-project-section-04 .box-02 .sub-box .attributes{
    width: calc(75% - 40px);
    height: auto;
    padding: 60px 20px 40px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.page-project-section-04 .box-02 .sub-box .attributes .attr{
    width: auto;
    max-width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    margin: 0 0 20px 0;
}


@media screen and (max-width: 768px)
{
    .page-project-section-04 .box-02 .sub-box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .page-project-section-04 .box-02 .sub-box .name{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    .page-project-section-04 .box-02 .sub-box .name svg{ margin: 0 5px 0 0; }
    .page-project-section-04 .box-02 .sub-box .name{ width: calc(100% - 40px); padding: 60px 20px 60px 20px; }
    .page-project-section-04 .box-02 .sub-box .attributes{ width: calc(100% - 40px); padding: 60px 20px 40px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .page-project-section-04 .box-02 .sub-box .attributes .attr{ max-width: initial; }
    .page-project-section-04 .box-02 .sub-box .attributes .attr .t-title{ text-align: center; }
}




.page-project-section-05{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-05 .title,
.page-project-section-05 .subtitle,
.page-project-section-05 .paragraph{ text-align: center; }
.page-project-section-05 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-05 .box{
    width: calc(100% - 40px - 80px);
    max-width: calc(var(--width_break_01) - 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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 100px 40px 100px 40px;

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

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

.page-project-section-05 .box .table{
    width: 100%;
    height: auto;
    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;
    margin: 80px 0 80px 0;
}
.page-project-section-05 .box .table .column-01{
    width: 30%;
    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;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: rgba( 0, 0, 0, .2);
}
.page-project-section-05 .box .table .column-01 .t-title{ margin: 0 0 5px 0; }


.page-project-section-05 .box .table .column-02{
    width: 70%;
    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;
}

.page-project-section-05 .box .table .column-02 .row{
    width: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: rgba( 0, 0, 0, .2);
}

@media screen and (max-width: 768px)
{
    .page-project-section-05 .box{ width: calc(100% - 40px - 40px); max-width: calc(var(--width_break_01) - 40px);  padding: 100px 20px 100px 20px; }
    .page-project-section-05 .box .table{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .page-project-section-05 .box .table .column-01,
    .page-project-section-05 .box .table .column-02{ width: 100%; }
    .page-project-section-05 .box .table .column-01{ padding: 40px 0 40px 0; border-width: 1px 0 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .page-project-section-05 .box .table .t-title,
    .page-project-section-05 .box .table .t-text,
    .page-project-section-05 .box .table .t-paragraph{ text-align: center; }
    .page-project-section-05 .box .table .column-02 .row{ width: 100%; padding: 20px 0 20px 0; border-width: 1px 0 1px 0px; }
}
@media screen and (max-width: 408px)
{
    .page-project-section-05 .box .table .column-02 .row{ -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; }
    .page-project-section-05 .box .table .t-title{ margin: 0 0 5px 0; }
}


.page-project-section-05 .box .buttons{
    width: 100%;
    max-width: var(--width_break_04);
    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;
}

.page-project-section-05 .box .buttons .button-alternative{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-style: solid;
    border-radius: var(--radius-01) 0 0 var(--radius-01);
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .2);
    background: var(--white);
    margin: 0 -20px 0 0;
    padding: 20px 40px 20px 20px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.page-project-section-05 .box .buttons .button-alternative:last-child{ padding: 20px; border-radius: var(--radius-01); }

.page-project-section-05 .box .buttons .button-alternative svg{
    width: 20px;
    fill: var(--color_paragraph_primary);
    margin: 0 15px 0 0;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

.page-project-section-05 .box .buttons .button-alternative:hover{
    background: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.page-project-section-05 .box .buttons .button-alternative:hover p{ color: var(--white); }
.page-project-section-05 .box .buttons .button-alternative:hover svg{ fill: var(--white); -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }

@media screen and (max-width: 700px)
{
    .page-project-section-05 .box .buttons{ padding: 20px 0 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

    .page-project-section-05 .box .buttons .button-alternative{
        border-radius: var(--radius-01) var(--radius-01) 0 0;
        width: calc(100% - 40px);
        margin: -20px 0 0 0;
        padding: 20px 20px 40px 20px; }
}




.page-project-section-06{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}


.page-project-section-06 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-06 .box{
    width: calc(100% - 40px);
    max-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: center;
        -ms-flex-pack: center;
            justify-content: center;

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

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

.page-project-section-06 .box .left{
    width: calc(50% - 40px - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    padding: 100px 40px 100px 40px;
}

.page-project-section-06 .box .right{
    width: calc(50% - 40px);
    height: 500px;
    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: 80px 0 0 0;
}

.page-project-section-06 .box .right .image{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.page-project-section-06 .box .right .image img{ height: 100%; -o-object-fit: contain; object-fit: contain; }


.page-project-section-06 .box .topics{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 80px 0 0 0;
}

.page-project-section-06 .box .topics .topic{
    width: auto;
    height: 60px;
    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: 0 20px 0 20px;
    margin: 0 20px 20px 0;

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

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    background: var(--color_button_01_primary);
}
.page-project-section-06 .box .topics .topic .icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px;
}
.page-project-section-06 .box .topics .topic .icon svg{
    width: 15px;
    height: auto;
    fill: var(--white);
}

.page-project-section-06 .box .topics .topic .tt-title{ text-align: center; font-size: var(--font_size_p2); color: var(--white); }



.page-project-section-06 .box .topics .topic:hover{ background: transparent; }
.page-project-section-06 .box .topics .topic:hover .icon svg{ fill: var(--color_paragraph_primary); }
.page-project-section-06 .box .topics .topic:hover .tt-title{ color: var(--color_paragraph_primary); }


@media screen and (max-width: 700px)
{
    .page-project-section-06 .title,
    .page-project-section-06 .subtitle,
    .page-project-section-06 .paragraph{ text-align: center; }

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

    .page-project-section-06 .box .left{ width: calc(100% - 40px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 100px 20px 100px 20px; }
    
    .page-project-section-06 .box .right{ display: none; }

    .page-project-section-06 .box .topics{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}


.page-project-section-07{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-07 .title,
.page-project-section-07 .subtitle,
.page-project-section-07 .paragraph{ text-align: center; }
.page-project-section-07 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-07 .box{
    width: calc(100% - 40px - 80px);
    max-width: calc(var(--width_break_01) - 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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 100px 40px 100px 40px;

    border-style: solid;
    border-radius: var(--radius-02);
    border-width: 1px;

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

.page-project-section-07 .box .graphic{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 80px 0 0 0;
}

.page-project-section-07 .box .graphic .slide{
    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;
    margin: 0 0 10px 0;
}
.page-project-section-07 .box .graphic .slide:last-child{ margin: 0; }

.page-project-section-07 .box .graphic .slide .t-title{ font-size: var(--font_size_p2); }

.page-project-section-07 .box .graphic .slide .progress{
    width: 100%;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
   /*border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: rgba( 0, 0, 0, .1);*/
}
.page-project-section-07 .box .graphic .slide .progress .fill{
    width: 0%;
    height: 20px;
    background: var(--color_item_primary);
    border-radius: 10px;
    z-index: 2;
}

.page-project-section-07 .box .graphic .slide .progress .number{
    width: 50px;
    font-size: var(--font_size_p3);
    text-align: right;
    z-index: 3;
}




.page-project-section-09{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 0px 0 100px 0;
}

.page-project-section-09 .title,
.page-project-section-09 .subtitle,
.page-project-section-09 .paragraph{ text-align: center; }
.page-project-section-09 .subtitle{ margin: 20px 0 0 0; }

.page-project-section-09 .box{
    width: calc(100% - 40px - 80px);
    max-width: calc(var(--width_break_01) - 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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 100px 40px 100px 40px;

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

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

.page-project-section-09 .box .buttons{
    width: 100%;
    max-width: var(--width_break_04);
    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: 60px 0 0 0;
}

.page-project-section-09 .box .buttons .button-alternative{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-style: solid;
    border-radius: var(--radius-01) 0 0 var(--radius-01);
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .2);
    background: var(--white);
    margin: 0 -20px 0 0;
    padding: 20px 40px 20px 20px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.page-project-section-09 .box .buttons .button-alternative:last-child{ padding: 20px; border-radius: var(--radius-01); }

.page-project-section-09 .box .buttons .button-alternative svg{
    width: 20px;
    fill: var(--color_paragraph_primary);
    margin: 0 15px 0 0;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

.page-project-section-09 .box .buttons .button-alternative:hover{
    background: var(--color_button_01_primary);
    border-color: var(--color_button_01_primary);
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}
.page-project-section-09 .box .buttons .button-alternative:hover p{ color: var(--white); }
.page-project-section-09 .box .buttons .button-alternative:hover svg{ fill: var(--white); -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }

@media screen and (max-width: 700px)
{
    .page-project-section-09 .box .buttons{ padding: 20px 0 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

    .page-project-section-09 .box .buttons .button-alternative{
        border-radius: var(--radius-01) var(--radius-01) 0 0;
        width: calc(100% - 40px);
        margin: -20px 0 0 0;
        padding: 20px 20px 40px 20px; }
}



.box-select-option{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 0 0;
}
.box-select-option .title{ margin: 0 0 20px 0; }
.box-select-option .button{ margin: 0 0 20px 0; }

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

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

    background: var(--color_bg_active_primary);
}

.restricted-area .section-login .box{
    width: calc(100% - 60px);
    max-width: 400px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 20px 30px 20px;
    -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;

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

    background: var(--white);

    -webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05);
}
.restricted-area .section-login .box .logo{
    width: auto;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 60px 0;
}
.restricted-area .section-login .box .logo img{
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.restricted-area .section-login .box .title{ display: none; text-align: center; margin: 0 0 30px 0; }


.restricted-area .section-login .box .links{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px 0 0 0;
}
.restricted-area .section-login .box .links a{
    opacity: .8;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.restricted-area .section-login .box .links a:first-child{ margin: 0 0 5px 0; } 

.restricted-area .section-login .box .links a:hover{
    opacity: 1;
}

.restricted-area .section-panel{
    width: 100%;
    height: 100vh;
    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;
    position: relative;
}
.restricted-area .section-panel .header{
    width: 300px;
    height: calc(100vh - 120px);
    min-height: calc(100vh - 120px);
    padding: 60px 30px 60px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    background: var(--color_bg_active_primary);
    z-index: 2;
}
.restricted-area .section-panel .header.open{
    min-width: calc(100% - 30px);
    height: calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    padding: 30px 15px 30px 15px;

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


.restricted-area .section-panel .header .logo-desktop,
.restricted-area .section-panel .header .logo-mobile{
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 0 40px 0;
}
.restricted-area .section-panel .header .logo-desktop img,
.restricted-area .section-panel .header .logo-mobile img{
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.restricted-area .section-panel .header .logo-mobile{ 
    display: none; 
    height: 25px;
}

.restricted-area .section-panel .header .expand{
    width: 100%;
    height: 20px;
    display: none;
    position: relative; 
    padding: 15px 0 15px 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: rgba( 0, 0, 0, .2);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; 
    cursor: pointer;
}
.restricted-area .section-panel .header.mobile .expand,
.restricted-area .section-panel .header.open .expand{ display: -webkit-box; display: -ms-flexbox; display: flex; }

.restricted-area .section-panel .header .expand svg{
    width: 20px;
    fill: var(--color_paragraph_primary);
}


.restricted-area .section-panel .header .menu{
    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;
    margin: 0 0 40px 0;
}
.restricted-area .section-panel .header .menu .item{
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .1);
    margin: 0 0 20px 0;
    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;
}



.restricted-area .section-panel .header .menu .item svg{
    width: 20px;
    height: auto;
    margin: 0 20px 0 0;
    fill: var(--color_paragraph_primary);
}
.restricted-area .section-panel .header .menu .item:hover svg,
.restricted-area .section-panel .header .menu .item.active svg{ fill: var(--white); }



.restricted-area .section-panel .header .menu .item:hover,
.restricted-area .section-panel .header .menu .item.active{
   
    background: var(--color_item_primary);
}


.restricted-area .section-panel .header .menu .item:hover p,
.restricted-area .section-panel .header .menu .item.active p{ color: var(--white); }


.restricted-area .section-panel .header .bottom{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.restricted-area .section-panel .header .user{
    width: calc(100% - 40px);
    height: auto;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: relative; 

    -webkit-box-pack: justify; 

        -ms-flex-pack: justify; 

            justify-content: space-between;

    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: rgba( 0, 0, 0, .2);
}
.restricted-area .section-panel .header .user .profile{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.restricted-area .section-panel .header .user .profile .pic{
    width: 40px; min-width: 40px;
    height: 40px; min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .2);

    margin: 0 15px 0 0;

    overflow: hidden;
}
.restricted-area .section-panel .header .user .profile .pic img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}



.restricted-area .section-panel .header.mobile{ width: auto; height: calc(100vh - 60px); padding: 30px 15px 30px 15px; }
.restricted-area .section-panel .header.mobile .logo-desktop{ display: none; }
.restricted-area .section-panel .header.mobile .logo-mobile{ display: -webkit-box; display: -ms-flexbox; display: flex; }

.restricted-area .section-panel .header.mobile .menu .item{}
.restricted-area .section-panel .header.mobile .menu .item p{ display: none; }
.restricted-area .section-panel .header.mobile .menu .item svg{ margin: 0; }

.restricted-area .section-panel .header.mobile .user{
    width: calc(100% - 30px);
    padding: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.restricted-area .section-panel .header.mobile .user .profile .pic{
    width: 30px; min-width: 30px;
    height: 30px; min-height: 30px;
    margin: 0px;
}

.restricted-area .section-panel .header.mobile .user .profile .infos,
.restricted-area .section-panel .header.mobile .user .logout { display: none; }





.restricted-area .section-panel .header .user .logout{
    width: 40px;
    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;
}

.restricted-area .section-panel .header .user .logout a svg{
    width: 20px;
    height: auto;
    fill: var(--color_paragraph_primary);
}


.restricted-area .section-panel .body{
    width: calc(100% - 300px);
    height: 100vh;
    min-height: 100vh;
    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;
    background: var(--color_bg_primary);
    overflow-y: scroll;
    z-index: 1;
}

.restricted-area .section-panel .body .section{
    width: calc(100% - 120px);
    max-width: calc(800px - 120px);
    padding: 60px;
    height: auto;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.restricted-area .section-panel .body.mobile .section{
    width: calc(100% - 30px);
    max-width: calc(800px - 30px);
    padding: 30px 15px;
}


.restricted-area .section-panel .body .section .title{ margin: 0 0 30px 0; }

.restricted-area .section-panel .body .section .project{
    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;

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

    margin: 0 0 20px 0;

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

    overflow: hidden;
}

@media screen and (max-width: 1000px)
{
    
}
@media screen and (max-width: 700px)
{

}








.restricted-area .section-panel .body .section .project .cover{
    width: 100%;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.restricted-area .section-panel .body .section .project .cover img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.restricted-area .section-panel .body .section .project .description{
    width: calc(100% - 40px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.restricted-area .section-panel .body .section .project .description .title{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.restricted-area .section-panel .body .section .project .description .title .t-title{ text-align: left; }

.restricted-area .section-panel .body .section .project .description .title img{
    width: auto;
    height: 60px;
    margin: 0 0 0 20px;
    -o-object-fit: cover;
       object-fit: cover;
}
.restricted-area .section-panel .body .section .project .description .attributes{
    width: 100%;
    max-width: 240px;
    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;
    margin: 0 0 40px 0;
}
.restricted-area .section-panel .body .section .project .description .attributes .attr{
    width: 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 20px 20px 0;
}
.restricted-area .section-panel .body .section .project .description .attributes .attr:last-child{ margin: 0 20px 0 0; }

.restricted-area .section-panel .body .section .project .description .attributes .attr svg{
    height: 20px;
    fill: var(--color_item_primary);
    margin: 0 15px 0 0;
}

.restricted-area .section-panel .body .section .project .files{
    width: calc(100% - 40px);
    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;
    padding: 30px 20px 30px 20px;

    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: rgba( 0, 0, 0, .2);
}
.restricted-area .section-panel .body .section .project .files .t-title{ margin: 0 0 20px 0; }

.restricted-area .section-panel .body .section .project .files .box-horizontal{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    overflow-x: scroll;
}

.restricted-area .section-panel .body .section .project .files .file{
    width: 200px; min-width: 200px;
    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: 20px;
    margin: 0 20px 20px 0;
    border-style: solid;
    border-radius: var(--radius-01);
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .2);
}
.restricted-area .section-panel .body .section .project .files .file .icon{
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px 0;
}
.restricted-area .section-panel .body .section .project .files .file .icon svg{
    width: 40px;
    height: auto;
    fill: rgba( 0, 0, 0, .4);
}
.restricted-area .section-panel .body .section .project .files .file .tt-title{ text-align: center; font-size: var(--font_size_p2); }




.restricted-area .section-panel .body .section .documents{
    width: calc(100% - 40px);
    max-width: calc(800px - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    padding: 20px;

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

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

    overflow: hidden;
}

.restricted-area .section-panel .body .section .documents .box-horizontal{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    overflow-x: scroll;
}

.restricted-area .section-panel .body .section .documents .file{
    width: 200px; min-width: 200px;
    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: 20px;
    margin: 0 20px 20px 0;
    border-style: solid;
    border-radius: var(--radius-01);
    border-width: 1px;
    border-color: rgba( 0, 0, 0, .2);
}
.restricted-area .section-panel .body .section .documents .file .icon{
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px 0;
}
.restricted-area .section-panel .body .section .documents .file .icon svg{
    width: 40px;
    height: auto;
    fill: rgba( 0, 0, 0, .4);
}
.restricted-area .section-panel .body .section .documents .file .tt-title{ text-align: center; font-size: var(--font_size_p2); }


/* Services */

.testimonial-modal{
    max-width: 768px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


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

.testimonial .testimonial-box{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;

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

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

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

    background-color: var(--white);
    padding: 40px;
}

.testimonial-modal .testimonial .testimonial-box{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0px;
    border-radius: 0px;
} 
.testimonial-modal .testimonial .testimonial-box .author{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.testimonial-modal .testimonial .testimonial-box .t-paragraph{ text-align: center; max-width: 400px; }


.testimonial .testimonial-box .author{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 0 0 40px 0;
}
.testimonial .testimonial-box .author .image{
    width: 80px; min-width: 80px;
    height: 80px; min-height: 80px;
    border-style: solid;
    border-width: 0px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 20px 0 0;
}

.testimonial .testimonial-box .author .name{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.testimonial .testimonial-box .author .name .t-a-title,
.testimonial .testimonial-box .author .name .t-a-subtitle{ text-align: left; }
.testimonial .testimonial-box .author .name .t-a-title{ font-weight: 500; }
.testimonial .testimonial-box .author .name .t-a-subtitle{ font-size: var(--font_size_p2); }

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

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


    /* Blog search */
    
    .box-search{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 0 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    margin-bottom: 60px;
    
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #cccccc;
    }
    
    .box-search .categories{
    width: calc(100% - 300px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
    
    .box-search .categories a{
    margin-right: 40px;
    }
    .box-search .categories a h4{ color: var(--color_paragraph_primary); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    .box-search .categories a:hover h4{ color: var(--color_title_01_primary); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    
    .box-search .categories a:last-child{ margin: 0; }
    
    
    
    
    .input-search{
    width: 300px;
    position: relative;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }
    @media screen and (max-width: 860px)
    {
    .box-search{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .box-search .categories{ width: 100%; margin-bottom: 10px; }
    .input-search{ width: 100%; }
    }
    
    .input-search a{
    position: absolute;
    right: 0;
    top: 0;
    
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .input-search a svg{
    width: 16px;
    height: auto;
    fill: rgba(0,0,0,.4);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .input-search a:hover svg{
    fill: rgba(0,0,0,.8);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    
    .input-search input{
    width: 100%;
    height: 40px;
    
    position: relative;
    
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,.2);
    border-radius: 3px;
    
    padding: 0 45px 0 8px;
    
    font-family: var(--font_paragraph);
    font-size: 15px;
    color: var(--color_paragraph_primary);
    resize: none;
    
    background-color: transparent;
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .input-search input:focus,
    .input-search input:hover {
    
    border-color: rgba(0,0,0,.4);
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    
    #result-search{
    min-height: 400px;
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .icon-search-load{
    width: 25px;
    height: 25px;
    border: 2px solid rgba(255,255,255,.5);
    border-top:2px solid var(--color_title_02_primary);
    border-radius: 100%;
    position: absolute;
    
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    opacity:1;
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    @-webkit-keyframes spin{
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    }
    @keyframes spin{
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    }
    












.masterclass{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    padding: 60px 0 150px 0;
}

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

.masterclass .box-01{
    width: calc(100% - 40px);
    max-width: 920px;
    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: start;
        -ms-flex-pack: start;
            justify-content: start;
    z-index: 2;
}
.masterclass .box-01 h1,
.masterclass .box-01 h2{ text-align: center; }

.masterclass .box-01 h2{ margin: 40px 0 40px 0; }

.masterclass .box-01 h2{ color: var(--color_paragraph); }


.masterclass .box-02{
    width: calc(100% - 40px);
    max-width: 1140px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    margin: 80px 0 100px 0;
    z-index: 2;
}
.masterclass .box-02 .left,
.masterclass .box-02 .right{
    width: calc(50% - 40px);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
.masterclass .box-02 .left{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.masterclass .box-02 .left p:not(.button p){ text-align: center; margin: 30px 0 0 0; }
.masterclass .box-02 .left .button{ display: none; margin: 40px 0 40px 0; }

.masterclass .box-02 .left .video{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-style: solid;
    border-radius: 15px;
    border-width: 0px;
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2,34,81,0.15);
    box-shadow: 10px 10px 28px 0px rgba(2,34,81,0.15);
    overflow: hidden;
    cursor: pointer;
}
.masterclass .box-02 .left .video video{
    width: 102%;
    height: 102%;
    -o-object-fit: cover;
       object-fit: cover;
}
.masterclass .box-02 .left .video .play{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.masterclass .box-02 .left .video .play .btn{
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    background-color: var(--white);
    cursor: pointer;
    z-index: 2;
}
.masterclass .box-02 .left .video .play .btn svg{
    width: 15px;
    height: auto;
    fill: var(--color_title);
}
.masterclass .box-02 .left .video .play .btn .circle-expand{
    width: 100%;
    height: 100%;
    position: absolute;
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    border-color: var(--white);
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.masterclass .box-02 .left .video .play:hover .btn .circle-expand{ -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }


.masterclass .box-02 .right h3{ margin: 0 0 20px 0; }

.masterclass .box-02 .right span{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 10px 0;
}
.masterclass .box-02 .right span:last-child{ margin: 0; }

.masterclass .box-02 .right span .bullet{
    width: 8px; min-width: 8px;
    height: 8px; min-height: 8px;
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    margin: 8px 8px 0 0;
    background-color: var(--color_01);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 98, 255, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 98, 255, 0.5);
}

.masterclass .box-02 .right .button { margin: 40px 0 0 0; }


@media screen and (max-width: 900px)
{
    .masterclass .box-01 h2,
    .masterclass .box-01 .button{ display: none; }

    .masterclass .box-02{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .masterclass .box-02 .left,
    .masterclass .box-02 .right{ width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .masterclass .box-02 .left .button{ display: -webkit-box; display: -ms-flexbox; display: flex; }

    .masterclass .box-02 .right h3{ text-align: center; }
}


.masterclass .box-vid{
    width: calc(100% - 40px);
    max-width: 1140px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 2;
}
.masterclass .box-vid h1{ text-align: center; }

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










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


.project-excerpt{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 100px 0 100px 0;
    background-color: var(--color_bg_primary);
    margin: 100vh 0 0 0;
    z-index: 2;
}
.project-excerpt .box{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.project-excerpt .box .part{
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.project-excerpt .box .part:nth-child(1){ width: 70%; }
.project-excerpt .box .part:nth-child(2){ width: 30%; }

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

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

.project-body{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--color_bg_primary);
    z-index: 2;
}
.project-body .container{
    width: 100%;
    max-width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.project-body .container img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}
.project-body .container .grid{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.project-body .container .grid .div{
    width: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.project-body .container .grid .part{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.project-body .container .grid .part img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}
.project-body .container img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


.project-body .container iframe{
    width: 100%; min-width: 100%;
    height: 100%; min-height: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-color: var(--color_bg_active_primary);
}

.project-body .container .text{
    width: calc(100% - 40px);
    max-width: 668px;
    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;
}
@media screen and (max-width: 1000px)
{
    .project-excerpt .box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .project-excerpt .box .part:nth-child(1){ width: 100%; margin: 0 0 60px 0; }
    .project-excerpt .box .part:nth-child(2){ width: 100%; }
}
    
    /* Pop-up-box */
    
    .pop-up-box{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.3);
    
    z-index: 1200;
    }
    .pop-up-box .box{
    width: calc(100% - 120px);
    
    max-width: 400px;
    padding: 20px;
    position: relative;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    background-color: var(--color_bg_primary);
    
    border-radius: 10px;
    border-style: solid;
    border-width: 0px;
    
    box-shadow: 0 0px 15px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0px 15px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0px 15px 0 rgba(0,0,0,.15);
    
    z-index: 1201;
    
    
    }
    .pop-up-box .box .close{
    width: 20px;
    height: 20px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    
    position: absolute;
    top: 20px;
    right: 15px;
    
    fill: rgba(0, 0, 0, .5);
    }
    
    .pop-up-box #pop_up_content_append{
    min-width: 100%;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .pop-up-box #pop_up_content_append h2,
    .pop-up-box #pop_up_content_append h4{
    text-align: center;
    }
    
    .confirm-consent{
    margin: 40px 0 0 0;
    }
    .confirm-consent p,
    .confirm-consent p a,
    .confirm-consent .checkmark,
    .form-row .response{ color: var(--color_paragraph_primary); }
    
    .form-row{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    
    margin: 10px 0px 10px 0px;
    
    -webkit-box-pack: justify;
    
    -ms-flex-pack: justify;
    
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    padding-top: 20px;
    
    }
    .form-row .button{ margin: 0; max-width: 160px; }
    .form-row span{
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
    }
    
    @media screen and (max-width: 768px)
    {
    .form-row{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .form-row .button{ margin-top: 20px; }
    }

/*Form*/

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

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

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

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

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

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease; 
}

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

    background: var(--white);

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease; 
}

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

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

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

    resize: none;
}

textarea{
    min-height: 80px;
}

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


.form-input input.error,
.form-input textarea.error{
    border: 1px solid #fa5c5c;
}
.form-input label.error,
.form-input-options label.error,
.form-input label.error a,
.form-input-options label.error a{
    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: center;
}
.form-return.error{ color: #fa5c5c; }

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




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

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

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

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

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



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

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





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







    /* Oculto */
    
    .hidden{
    display: none;
    }
    
    
    
    
    .preloader {
    position:fixed;
    width: 100%;
    height: 100vh;
    
    overflow-y: hidden;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    background-color: var(--black);
    z-index: 10;
    opacity:1;
    
    -webkit-transition-duration: 0.5s;
    
     -o-transition-duration: 0.5s;
    
    transition-duration: 0.5s;
    }
    .preloader img{
    height: 100px;
    width: auto;
    opacity:1;
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    .mini-load{
    width: 20px;
    height: 20px;
    margin: 0 0 0 20px;
    border: 2px solid rgba(255,255,255,.5);
    border-top:2px solid var(--color_item_active_primary);
    border-radius: 100%;
    position: relative;
    
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    opacity:1;
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    
    
    .spinner{
    width: 100px;
    height: 100px;
    border: 1px solid var(--color_bg_primary);
    border-top:2px solid var(--color_item_active_primary);
    border-radius: 100%;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    opacity:1;
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    @-webkit-keyframes spin{
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    }
    @keyframes spin{
    from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    }
    @media screen and (max-width: 768px)
    {
    .spinner{ width: 100px; height: 100px; }
    .preloader img{ height: 80px; }
    }
    
    .anchor{
    position: absolute;
    top: -70px;
    width: 100%;
    height: 70px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    pointer-events: none;
    }
    
    
    /* Botões */
    
    .float-bottom-right{
    width: 100%;
    width: auto;
    height: auto; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    position: fixed;
    right: 40px;
    bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    
    z-index: 5;
    pointer-events: none;
    }
    .float-bottom-right a{ pointer-events: visible; }
    

    .color_button_wpp{
    width: 70px;
    height: 70px;
    
    position: relative;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-width: 0px;
    border-radius: 50%;
    border-style: solid;
    text-decoration: none;
    margin: 0 0 0 20px;
    
    -webkit-transition-duration: .3s;
    
     -o-transition-duration: .3s;
    
    transition-duration: .3s;
    cursor: pointer;
    
    overflow: hidden;
    
    background: var(--color_button_wpp); 
    
    background: -o-linear-gradient(bottom, #00bf00 0%, #00fb61 100%); 
    
    background: -webkit-gradient(linear, left bottom, left top, from(#00bf00), to(#00fb61)); 
    
    background: linear-gradient(0deg, #00bf00 0%, #00fb61 100%);
     
    }
    .color_button_wpp img{ width: 35px;}
    
    .color_button_wpp:hover{
     width: 80px;
    height: 80px;
    }
    
    @media screen and (max-width: 1040px)
    {
    .float-bottom-right{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: 20px; bottom: 20px; }
    .color_button_wpp{ margin: 20px 0 0 0 ; }
    }
    
    /* Botões */
    
    .button {
    height: 50px;
    padding: 0px 15px 0px 20px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-width: 0px;
    border-radius: 30px;
    border-style: solid;
    text-decoration: none;
    
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
    
    overflow: hidden;
    
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2,34,81,0.15);
    box-shadow: 10px 10px 28px 0px rgba(2,34,81,0.15);
    }

    .color_button_01{ background-color: var(--color_button_01_primary); }
    .color_button_01 p{ color: var(--color_text_button_01_primary); }
    .color_button_01 svg{ fill: var(--color_text_button_01_primary); }
    
    .color_button_02{ background-color: var(--color_button_02_primary); }
    .color_button_02 p{ color: var(--color_text_button_02_primary); }
    .color_button_02 svg{ fill: var(--color_text_button_02_primary); }
    
    .color_button_03{ border-color: var(--color_button_03_primary); border-width: 1px !important; 
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2,34,81,0);
    box-shadow: 10px 10px 28px 0px rgba(2,34,81,0);
    }
    .color_button_03 p{ color: var(--color_text_button_03_primary); }
    .color_button_03 svg{ fill: var(--color_text_button_03_primary); }

    .color_button_03_secondary{ border-color: var(--color_button_03_secondary); border-width: 1px !important; 
    -webkit-box-shadow: 10px 10px 28px 0px rgba(2,34,81,0);
    box-shadow: 10px 10px 28px 0px rgba(2,34,81,0);
    }
    .color_button_03_secondary p{ color: var(--color_text_button_03_secondary); }
    .color_button_03_secondary svg{ fill: var(--color_text_button_03_secondary); }
    
    .button .expand{
    width: 0px;
    height: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0px;
    top: 0px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    background-color: var(--white);
    opacity: .2;
    z-index: 1;
    }
    .button:hover .expand{
    width: 100%;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    }
    
    .button p{
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    z-index: 2;
    }
    .button:hover p { margin: 0 5px 0 5px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
    
    
    .button .icon{
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    z-index: 2;
    
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    border-style: solid;
    border-radius: 50%;
    border-width: 0px;
    
    background-color: rgba( 255, 255, 255, 0 );
    }
    
    .button:hover .icon { margin: 0 0 0 25px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; background-color: rgba( 255, 255, 255, 0 ); }
    
    
    
    .button .icon svg{
    
    height: 12px;
    width: auto;
    }

        
    .button .icon .special{
        height: 18px;
        width: auto;
    }
    
    .color_button_03 .icon{ background-color: rgba( 0, 0, 0, 0 ); }
    .color_button_03:hover .icon { background-color: rgba( 0, 0, 0, 0 ); }
    .color_button_03_secondary .icon{ background-color: rgba( 255, 255, 255, 0 ); }
    .color_button_03_secondary:hover .icon { background-color: rgba( 255, 255, 255, 0 ); }
    

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

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

    .button.loading { pointer-events: none; }
    .button.loading .mini-load { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .button.loading .icon { display: none; }
    
    
    
    .bt-color-stroke-01{
    height:39px;
    color: var(--color_button_01_primary);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--color_01_primary);
    border-width: 2px;
    background-color: var(--white);
    }
    .bt-color-stroke-01:active, .bt-color-stroke-01:hover, .bt-color-stroke-01:focus{
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: var(--color_paragraph_primary);
    }
    
    .bt-color-stroke-02{
    color: var(--white);
    font-weight: 500;
    max-height: 41px;
    border-color: var(--white);
    border-width: 2px;
    background-color: var(--color_01);
    }
    .bt-color-stroke-02:active, .bt-color-stroke-02:hover, .bt-color-stroke-02:focus{
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: var(--white);
    }
    
    
    
    
    
    .button-bounce{
    
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -moz-animation-name: bounce;
    }
    
    @-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
    }
    40% {
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px);
    }
    60% {
     -webkit-transform: translateY(-15px);
     -ms-transform: translateY(-15px);
     transform: translateY(-15px);
    }
     }
    
    @keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
    }
    40% {
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px);
    }
    60% {
     -webkit-transform: translateY(-15px);
     -ms-transform: translateY(-15px);
     transform: translateY(-15px);
    }
     }
    
    /* Social Links */
    
    .social-links{
    width: 100%;
    height: auto;
    min-height: calc(100vh - 160px);
    
    padding: 80px 0px 80px 0px; 
    
    display: -webkit-box; 
    
    display: -ms-flexbox; 
    
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .social-links .cover{
    width: 100%;
    height: 200px;
    
    position: absolute;
    top: 0;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    overflow: hidden;
    }
    .social-links .cover .shadow{
    width: 100%;
    height: 50px;
    
    position: absolute;
    bottom: -50px;
    
    box-shadow: 0 0px 30px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0px 30px 0 rgba(0,0,0,.15);
    }
    .social-links .cover img{
    
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .social-links .image{
    width: 150px;
    height: 150px;
    
    position: absolute;
    top: 125px;
    
    
    display: -webkit-box;
    
    
    display: -ms-flexbox;
    
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,.1);
    border-radius: 75px;
    
    background-color: #ffffff;
    overflow: hidden;
    }
    .social-links .image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .social-links .body{
    width: calc(100% - 80px);
    max-width: 400px;
    height: auto;
    
    position: absolute;
    top: 305px;
    
    padding-bottom: 80px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .social-links .body h3{ margin-bottom: 5px; }
    .social-links .body .description{ margin-bottom: 20px; }
    
    .social-links .body a,
    .social-links .body a .button{
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    }
    
    @media screen and (max-width: 768px)
    {
    .social-links .cover{ height: 150px; }
    .social-links .image{ top: 75px; }
    .social-links .body{ top: 255px; }
    
    }
    
    
    
/* Cookies */
    
.pop-up-cookies{
    width: 100%;
    max-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    padding: 20px;
    
    position: fixed;
    right: 120px;
    bottom: 0px;
    background-color: var(--color_bg_primary);
    
    border-radius: 10px 10px 0px 0px;
    border-style: solid;
    border-width: 0px;
    
    z-index: 6;
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
    box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
}
.pop-up-cookies .text{
    text-align: center;
    font-size: var(--size_text_p);
}

.pop-up-cookies .button{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin: 20px 0 20px 0;
    width: calc(100% - 40px);
}
.pop-up-cookies .policy
{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pop-up-cookies .policy a{
    margin: 0 20px 0 20px;
    opacity: 0.5;
}
.pop-up-cookies .policy a:hover{ opacity: 1; }
.pop-up-cookies .policy a p{ font-size: var(--font_size_p3); color: var(--color_paragraph_primary); }
    
    
    
@media screen and (max-width: 768px)
{
    .pop-up-cookies{ max-width: calc(100% - 40px); right: 0; bottom: 0px; border-radius: 0; }
    .pop-up-cookies .button{ max-width: 400px }
}
    
    
    
    
    /* Seções */
    
    .height-100vh{
    height: 100vh;
    }
    
    
    
    /* privacy-policy */
    
    .privacy-policy{
    width: calc(100% - 80px);
    max-width: var(--width_break_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .privacy-policy p{ max-width: 800px; }
    .privacy-policy h1{ margin-bottom: 60px; }
    .privacy-policy h4{ margin: 40px 0 20px 0; }
    
    
    
    /* Post Blog */
    
    .section-post{
    width: calc(100% - 160px);
    max-width: 760px;
    
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    
    padding: 0px 0px 100px 0px;
    }
    @media screen and (max-width: 768px)
    {
    .section-post{ width: calc(100% - 80px); }
    }
    
    .section-post .cover{
    width: 100%;
    height: 400px;
    
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: rgba(0,0,0,.1);
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin: 0px 0px 60px 0px;
    
    overflow: hidden;
    }
    @media screen and (max-width: 720px)
    {
    .section-post .cover{ height: 250px; }
    }
    .section-post .cover img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .section-post h4,
    .section-post .date{
    text-align: left;
    max-width: 600px; 
    }
    .section-post .date{
    font-size: 14px;
    margin-top: 10px;
    }
    
    
    .section-post .content{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    position: relative;
    
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: rgba(0,0,0,.2);
    
    margin-top: 20px;
    
    padding: 40px 0px 40px 0px;
    }
    
    .section-post .content table,
    .section-post .content td,
    .section-post .content th {
    border-width: 1px;
    border-color: var(--color_paragraph_primary);
    border-style: solid;
    border-collapse: collapse;
    }
    .section-post .content h4{
    font-weight: 600;
    margin-bottom: 20px;
    }
    .section-post .content p,
    .section-post .content li{
    font-family: var(--font_paragraph);
    font-weight: 400;
    color: var(--color_paragraph_primary);
    }
    .section-post .content iframe,
    .section-post .content img{
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    }
    .section-post .content iframe{
    margin-left: -40px;
    height: 400px;
    }
    .section-post .content .button{ margin: 40px 0 20px 0; }
    .section-post .content .button p{ color: var(--white); }
    .section-post .content blockquote{
    
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 20px;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: var(--color_01);
    }
    .section-post .content blockquote p{ font-weight: 600; }
    
    .section-post .author{
    width: 100%;
    height: auto;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(0,0,0,.2);
    
    padding: 20px 0px 20px 0px;
    }
    .section-post .author p:nth-child(1){
    margin-bottom: 14px;
    }
    
    .section-post .author .description{
    width: 100%;
    height: auto;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    position: relative;
    
    -webkit-box-orient: horizontal;
    
    -webkit-box-direction: normal;
    
    -ms-flex-direction: row;
    
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .section-post .author .description .image{
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    
    border-style: solid;
    border-width: 2px;
    border-color: var(--color_button_01_primary);
    border-radius: 50%;
    
    -webkit-box-pack: center;
    
    -ms-flex-pack: center;
    
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .section-post .author .description .image img{
    width: calc(100% - 8px);
    height: auto;
    border-radius: 50%;
    -o-object-fit: cover;
     object-fit: cover;
    }
    
    .section-post .author .description .name{
    width: auto;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin-left: 20px;
    }
    .section-post .author .description .name p{ width: 100%; text-align: left; }
    .section-post .author .description .name p:nth-child(1) { margin-bottom: 0px; }
    
    
    .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important; margin: 0; padding: 0; }
    .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
    
    
    .section-post .share{
    width: 100%;
    height: 60px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(0,0,0,.2);
    } 
    .section-post .share svg{
    width: auto;
    height: 20px;
    fill: var(--color_button_01_primary);
    margin-right: 20px;
    }
    
    
    
    
    /* Menu */
    
    
    header{
    width: 100%;
    height: auto;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    position: fixed;
    top: 0px;
    
    padding: 0px 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-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
    z-index: 7;
    }


.nav-float{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: absolute;
    top: 56px;
    right: 0px;
    padding: 50px 0 0 0; 
    
    cursor: pointer;

    opacity: 0;
    pointer-events: none;
}   

.nav-float .box{
    width: 100%;
    min-width: 200px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

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

    background: var(--color_bg_primary);

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

    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.10);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.10);
}


.nav-float .box .service{
    width: calc(33.3% - 20px);
    max-width: 300px;
    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;
}

.nav-float .box .service .iconn{
    width: 20px;
    height: 20px;
    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 20px 0;
}
.nav-float .box .service .iconn img{
    height: 100%;
    width: auto;
}

.nav-float .box .service .title { margin: 0 0 20px 0; }
.nav-float .box .service .button { height: 40px; margin: 30px 0 0 0; }
.nav-float .box .service .button p{ font-size: var(--font_size_p3); }
.nav-float .box .service .paragraph{ font-size: var(--font_size_p3); }



@media screen and (max-width: 1000px)
{
    .nav-float .box .service{ width: calc(100% - 60px); max-width: 450px; margin: 0 0 60px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .nav-float .box .service .title,
    .nav-float .box .service .paragraph { text-align: center; }
}



    
.nav-box,
.nav-box-mobile{
    width: calc(100% - 40px);
    max-width: var(--width_break_01);
    height: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    
    -webkit-box-pack: justify;
    
        -ms-flex-pack: justify;
    
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    pointer-events: visible;
}
.nav-box-mobile{
    width: 100%;
    max-width: calc(100% - 40px);
    display: none;
}

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

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

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

.nav-links{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;  
}
.nav-links:last-child{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }

    .nav-links-mobile{
    width: calc(100% - 80px);
    height: auto;
    
    position: fixed;
    top: 80px;
    left: 20px;
    padding: 40px 20px 40px 20px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    
    -webkit-box-pack: center;
    
        -ms-flex-pack: center;
    
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    
    background-color: var(--color_header_primary);
    border-style: solid;
    border-width: 0;
    border-radius: 10px;
    
    box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
    
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
    }
    
    .nav-links-mobile.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    }
    
    .nav-links-mobile.open .nav-links-mobile li{
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    }
    
    
    
    .nav-links li,
    .nav-links-mobile li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    list-style: none;
    }
    
    .nav-links-mobile li{ 
    -webkit-transform: translateX(20px); 
        -ms-transform: translateX(20px); 
            transform: translateX(20px);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    margin: 0px 0px 20px 0px;
    }
    
    
    
    
    .nav-links li { margin: 0 40px 0 0; }
     

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


    
    .nav-links li a,
    .nav-links-mobile li a {
    
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    
    -webkit-box-pack: center;
    
    -ms-flex-pack: center;
    
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .nav-links li a p,
    .nav-links-mobile li a p{ white-space: nowrap; color: var(--color_paragraph_primary); }
    .nav-links li .button svg{ fill: var(--white); }
    .nav-links li .button { border-color: var(--white); }
    
    
    
    .nav-link-bar{
    height: 2px;
    width: 50%;
    display: none;
    position: absolute;
    bottom: 0px;
    
    background-color: var(--color_button_02_primary);
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
     opacity: 0;
    }
    .nav-links li a:hover .nav-link-bar,
    .nav-links-mobile li a:hover .nav-link-bar{
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 1;
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    .nav-link-bar-after{
    width: 100%;
    }
    
    
    
    
    .nav-burger{
    display: block;
    cursor: pointer;
    padding: 10px 0px 10px 10px;
    position: absolute;
    right: 0px;
    }
    
    
    @media screen and (max-width: 1040px)
    {
    .nav-box { display: none; }
    .nav-box-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; }
    }
    
    
    
    .nav-burger div{
    width: 25px;
    height: 2px;
    margin: 5px;
    
    border-radius: 1px;
    
    background-color: var(--color_title_01_primary);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.2s;
     -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    }
    
    .nav-visible{
    min-height: 80px;
    padding: 0 0 0 0;
    background-color: var(--color_header_primary);
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba( 0,0, 0, 0.1 );
    }
    .nav-visible .nav-links li a p:not(.button p),
    .nav-visible .nav-links-mobile li a p:not(.button p){ color: var(--color_paragraph_primary); }

    .nav-visible .nav-logo .primary{ display: none; }
    .nav-visible .nav-logo .secondary{ display: -webkit-box; display: -ms-flexbox; display: flex; }
    
    .toggle .line1
    {
    -webkit-transform: rotate(-45deg) translate(-5px, 4.5px);
    -ms-transform: rotate(-45deg) translate(-5px, 4.5px);
    transform: rotate(-45deg) translate(-5px, 4.5px);
    }
    .toggle .line2
    {
    opacity: 0;
    }
    .toggle .line3
    {
    -webkit-transform: rotate(45deg) translate(-5px, -4.5px);
    -ms-transform: rotate(45deg) translate(-5px, -4.5px);
    transform: rotate(45deg) translate(-5px, -4.5px);
    }
    
    
    
    
    .nav-language{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 40px;
    padding: 0px;
    
    margin: 0 60px 0 60px;
    
    -webkit-box-pack: center;
    
    -ms-flex-pack: center;
    
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-style: solid;
    border-width: 0px;
    border-radius: var(--border_button);
    }
    .nav-language a{ margin: 0 20px 0 0; }
    .nav-language a:last-child{ margin: 0; }
    .nav-language a p{ font-size: var(--font_size_p3); color: var(--color_text_header_primary); }
    
    
    .nav-dark-mode{
    width: auto;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px 0 0;
    cursor: pointer;
    }
    
    .nav-dark-mode svg{
    width: 20px;
    height: 20px;
    fill: var(--color_text_header_primary);
    }
    
    .nav-dark-mode .dark,
    .nav-dark-mode .light{
    display: none;
    }
    


    /* Footer */
    
    footer{
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color_footer_primary);
    
    border-style: solid;
    border-width: 0px;
    border-color: var(--div_line_secondary);
    border-radius: 0;

    overflow: hidden;
    
    z-index: 3;
    }
    footer a{ text-decoration: none; }
    footer p{ max-width: 420px; }
    footer h1{ margin: 0 0 40px 0; }
    
    footer p,
    footer h1,
    footer h4{ color: var(--color_text_footer_primary); }
    
    @media screen and (max-width: 820px)
    {
    footer p,
    footer h1{ text-align: center; }
    }
    
    
    footer .box-01 .logo{
    width: auto;
    height: 40px;
    object-fit: cover;
    -o-object-fit: cover;
    }
    
    
footer .container{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 100px 0 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--color_footer_primary);
}
    
    
    
    
    footer .container .box-01,
    footer .container .box-02,
    footer .container .box-03{
    width: calc(100% - 60px);
    max-width: var(--width_break_01);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 60px 0;
    }
    footer .container .box-01{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    }
    footer .container .box-02,
    footer .container .box-03{
    padding: 30px 0 30px 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: var(--div_line_primary);
    }

    footer .container .box-02{ display: none; }
    
    
    footer .container .box-01 .part{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: center;
    
        -ms-flex-pack: center;
    
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    
    border-style: solid;
    border-color: var(--div_line_primary);
    border-width: 0px;
    }
    
    footer .container .box-01 .part p{ font-size: var(--font_size_p2);  }
    footer .container .box-01 .part:nth-child(1) p{ opacity: .8; max-width: 300px; margin: 30px 0 0 0; }
    
    footer .container .box-01 .part .menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
    footer .container .box-01 .part .menu .title{ font-weight: 500; font-size: var(--font_size_p2); margin: 0 0 20px 0; text-align: left; }
    footer .container .box-01 .part .menu a{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    margin: 0 0 15px 0;
    
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .8;
    }
    footer .container .box-01 .part .menu a:last-child{ margin: 0; }
    footer .container .box-01 .part .menu a:hover{ opacity: 1; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
    
    
    footer .container .box-02 .part,
    footer .container .box-03 .part{
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: start;
    
    -ms-flex-pack: start;
    
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    
    border-style: solid;
    border-color: var(--div_line_secondary);
    border-width: 0px;
    }
    footer .container .box-02 .part p,
    footer .container .box-03 .part p{ font-size: var(--font_size_p3); opacity: 0.8; }
    
    
    footer .container .box-02 .part:last-child,
    footer .container .box-03 .part:last-child{ -webkit-box-align: end; -ms-flex-align: end; align-items: end; }
    
    footer .buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    }
    footer .buttons a{
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    background-color: transparent;
    
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    border-color: var(--color_text_footer_primary);
    
    
    margin: 0 20px 20px 0;
    
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    }
    footer .buttons a:last-child{ margin: 0 0 20px 0; }
    
    footer .buttons a svg{
    width: 25px;
    height: auto;
    fill: var(--color_text_footer_primary);
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    }
    footer .buttons a:hover{
    background-color: var(--color_text_footer_primary);
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    }
    footer .buttons a:hover svg{
    fill: var(--color_footer_primary);
    -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
    transition-duration: .3s;
    }
    
    footer .downloads{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    footer .downloads a{
    width: auto;
    height: auto;
    cursor: pointer;
    }
    footer .downloads a:nth-child(1){ margin: 0 20px 0 0; }
    footer .downloads a img{
    width: auto;
    height: 40px;
    -o-object-fit: cover;
       object-fit: cover;
    }
    
    @media screen and (max-width: 820px)
    {
    footer .container .box-01 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    footer .container .box-01 .part:nth-child(1){ width: 100%; margin: 0 0 60px 0; }
    footer .container .box-01 .part:nth-child(2),
    footer .container .box-01 .part:nth-child(3){ width: 50%; }
    
    footer .container .box-02 .part,
    footer .container .box-03 .part{ width: auto; }

    footer .buttons{ -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    }
    @media screen and (max-width: 700px)
    {
    footer .container .box-01 { margin: 0; }
    footer .container .box-01 .part { width: 100% !important; margin: 0 0 60px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    footer .container .box-01 .part:last-child { margin: 0; }
    footer .container .box-01 .part .menu{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    footer .container .box-01 .part .menu a{ margin: 0 0 15px 0; }
    
    
    footer .container .box-02,
    footer .container .box-03{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    footer .container .box-02 .part,
    footer .container .box-03 .part { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    footer .container .box-02 .part:nth-child(1),
    footer .container .box-03 .part:nth-child(1){ margin: 0 0 40px 0; }
    footer .container .box-02 p,
    footer .container .box-03 p{ text-align: center; }
    }
    
    
    
    .developed-by{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    }
    
    .developed-by a{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: .8;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    }
    
    .developed-by a:hover{
    opacity: 1;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    }
    
    .developed-by a p{
    font-size: var(--font_size_p3) !important;
    white-space: nowrap;
    margin: 0 10px 0 0;
    }
    
    .developed-by a .logo-vinccolo{ width: 100%; height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; }
    .developed-by a .logo-felp{ width: 100%; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px 0 0 0; }
    .developed-by a .logo-escandi{ width: 100%; height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 0 0; }
    
    .developed-by a img{
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    object-fit: cover;
    -o-object-fit: cover;
    } 
    @media screen and (max-width: 960px)
    {
    .developed-by, .developed-by a, .developed-by a .logo-vinccolo, .developed-by a .logo-felp{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    }

.footer-social-links{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px 0 60px 0;
    background-color: var(--color_footer_primary);
}
.footer-social-links img{
    width: auto;
    height: 35px;
    margin: 0 0 40px 0;
}
.footer-social-links p{ text-align: center; font-size: var(--font_size_p3); color: var(--white); opacity: .8; }

    


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






    /* Climb up */
    
    
.climb-up{
    width: 40px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 40px;
    bottom: 120px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.climb-up-icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color_bg_primary);
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    border-color: rgba( 0, 0, 0, 0.1 );
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.climb-up:hover .climb-up-icon{
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
.climb-up-icon svg{
    width: 12px;
    height: auto;
    fill: var(--color_title_01_primary);
}
    
 @media screen and (max-width: 1040px) /* mobile */
{
    .climb-up{ right: 20px; bottom: 100px; }
}

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



.response-send-mail{
    width: calc(100% - 60px);
    min-height: calc(100% - 60px);
    padding: 30px;
    display: none;
    margin: -2px 0 0 0;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2;
}
.response-send-mail h3{ max-width: 300px; font-size: var(--size_text_h4); color: var(--color_title_01_primary) !important; font-weight: 500; text-align: center; } 
.response-send-mail h4{ margin: 30px 0 30px 0; max-width: 300px; font-size: var(--size_text_p); color: var(--color_paragraph_primary) !important; font-weight: 400; text-align: center; }

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

.response-send-mail .button{
    min-width: calc(100% - 40px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 20px 0;
}
.response-send-mail .color_button_wppp{
  background-color: #05db3b;
}
.response-send-mail .color_button_fb{
    background-color: #0079fb;
  }



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

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