/* RESET */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  
figure, figcaption, footer, header, hgroup,       
menu, nav, output, section, summary, 
time, mark, audio, video {    
    margin: 0;  
    padding: 0; 
    border: 0; 
    font: inherit;
    vertical-align: baseline; 
    scroll-behavior: smooth;  
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, input, textarea, select, a {
    outline: none;
}

textarea {
    resize: none;
    min-height: 180px;
}

a, a:hover, a:focus {
    text-decoration: none;
}

img, embed, object, video {
    width: 100%;
    height: auto;
    vertical-align: middle;
} 

video,
.slick-slide {
    outline: none !important;
}

/* .slick-next, 
.slick-arrow {
    left: 0 !important;
    right: 0 !important;
} */

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.no-padding {
    padding: 0 !important;
}




/* END RESET */


/* FONTS */
@font-face {
    font-family: 'montserrat-light';
    src: url('../fonts/Montserrat-Light.ttf');
}

@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'montserrat-thin';
    src: url('../fonts/Montserrat-Thin.ttf');
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('../fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'montserrat-semibold';
    src: url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'montserrat-bolder';
    src: url('../fonts/Montserrat-Bolder.ttf');
}

@font-face {
    font-family: 'quicksand-light';
    src: url('../fonts/Quicksand-Light.ttf');
}

@font-face {
    font-family: 'quicksand-regular';
    src: url('../fonts/Quicksand-Regular.ttf');
}

@font-face {
    font-family: 'quicksand-medium';
    src: url('../fonts/Quicksand-Medium.ttf');
}

@font-face {
    font-family: 'quicksand-semibold';
    src: url('../fonts/Quicksand-SemiBold.ttf');
}

@font-face {
font-family: 'montserrat-regular';
    src: url('../fonts/montserrat.ttf');
    
}


// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
  


/* END FONTS */


/* CONTENT */
body {
    line-height: 1.6;
    overflow-x: hidden;
    color: #231f20;
}

html {
    font-size: 15px;
} 

::-moz-selection {
    background-color: #384580;
    color: #ffffff;
} 

::selection {
    background-color: #384580;
    color: #ffffff;
}

.mycontainer {
    padding-left: 11rem;
    padding-right: 11rem;
}

.container-extra {
    padding-left: 19rem;
    padding-right: 19rem;
}

.webflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 36rem;
}

.top {
    padding-top: 14rem;
}

.top-extra {
    /* padding-top: 9rem; */
}

.relative {
    position: relative;
}

.green {
    background-color: #8faa69;
}

.orange {
    background-color: #e45c36;
}

.blue {
    background-color: #384580;
}

.text-green {
    color: #8faa69;
}

.text-orange {
    color: #e45c36;
}

.text-blue {
    color: #384580;
}

.text-white {
    color: #ffffff;
}

.hover-green {
    border: 0.2rem solid #8faa69;
}

.hover-orange {
    border: 0.2rem solid #e45c36;
}

.hover-blue {
    border: 0.2rem solid #384580;
}

.hover:hover {
    background-color: transparent !important;
}

.hover {
    color: #ffffff;
}

.hover-green:hover {    
    color: #8faa69;
} 

.hover-orange:hover {
    color: #e45c36;
} 

.hover-blue:hover {
    color: #384580;
} 

.line-green h1,
.line-green h2,
.line-blue h1,
.line-blue h2,
.line-orange h1,
.line-orange h2 {
    display: inline-block;   
}

.line-green h1,
.line-green h2 {
    border-bottom: 0.3rem solid #8faa69;    
} 

.line-orange h1,
.line-orange h2 {
    border-bottom: 0.3rem solid #e45c36; 
} 

.line-blue h1,
.line-blue h2 {
    border-bottom: 0.3rem solid #384580; 
} 

.underline {    
    text-decoration: underline;
}

.bigtitle {
    text-align: center;
}

.bigtitle h1, 
.bigtitle h2 {
    font-size: 4rem;
font-family: 'montserrat-regular';
    letter-spacing: 0.2rem;
    line-height: 1.2;
    text-transform: uppercase; 
}

.title h1,
.title h2 {
font-family: 'montserrat-regular';
    font-size: 3.5rem;
    letter-spacing: 0.2rem;
    padding-top: 3.5rem;
    margin-bottom: 1rem;
}

.title h3 {
font-family: 'montserrat-regular';
    font-size: 2.5rem;
    letter-spacing: 0.2rem;
    padding-top: 3.5rem;
    margin-bottom: 1rem;
}

.supertitle {   
    border-radius: 4rem;
    display: inline-block;
    padding: 1rem 3rem;
    margin: 0 1rem;
}

.supertitle h1, 
.supertitle h2 {
font-family: 'montserrat-regular';
    font-size: 3rem;
    letter-spacing: 0.2rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.4;
}

.subtitle h1,
.subtitle h2 {
font-family: 'montserrat-regular';
    font-size: 3rem;
    padding-top: 5rem;
    letter-spacing: 0.2rem;
    line-height: 1.2;
    padding-bottom: 0.5rem;
}

.hipertitle h2 {
    font-size: 1rem;
    text-transform: initial;
    color: #fff;
    font-family: 'montserrat-regular';
    line-height: 18px;
    margin-top: 10px;
}

.boldtitle h3 {
    font-family: 'montserrat-bold';
    font-size: 1.7rem;
}

.paragraph p,
.paragraph a {
    font-size: 1.6rem;
    font-family: 'montserrat-medium';
}

.paragraph .point {
    font-size: 2.8rem;
}

.mediumparagraph p,
.mediumparagraph a {
    font-size: 1.5rem;
    font-family: 'montserrat-medium';
}

.mediumparagraph a {
    color: #231f20;
}

.mediumparagraph .point {
    font-size: 2.4rem;
}

.smallparagraph p,
.smallparagraph a {
    font-size: 1.4rem;
    font-family: 'montserrat-regular';
}

.mh{
    min-height: 275px !important;
}

.paragraph .bold,
.mediumparagraph .bold {
    font-family: 'montserrat-bold';
}

.main-supertitle {
    text-align: center;
    margin-top: -4rem;
    position: relative;
}  

.uppercase {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

.row {
    width: 100%;
    height: 0.3rem;
}

.bg-grey {
    background: #f1f4f6;
}


form#my-form a {
    color: #000;
    font-size: 1.2rem;
}

form#my-form .href-decor {
    color: black;
    font-size: 1.2rem;
    text-decoration: underline;
}

.forms form {
    margin: 0;
    padding: 4rem;
    border-radius: 4rem;
    padding: 1rem;
} 

.forms form input,
.forms form textarea,
.forms .payment p,
.forms .payment label,
.forms .type label,
.forms .phone p {
    color: #000;
    font-family: 'montserrat-regular';
    font-size: 1rem;
    padding-bottom: 0.5rem; 
}

.forms form input,
.forms form textarea,
.forms .payment,
.forms .type,
.forms .phone {
    margin-bottom: 3rem;
}

.forms form input,
.forms form textarea {    
    width: 100%;
    border: 0.1rem solid #757B7E;
    background-color: transparent;
    padding: 15px;
    border-radius: 30px;  
}

::-webkit-input-placeholder { 
    color: #000 !important;
    font-family: 'montserrat-regular';
    font-size: 1rem;
}

:-moz-placeholder { 
    color: #000 !important;
    font-family: 'montserrat-regular';
    font-size: 1rem;
}

::-moz-placeholder { 
    color: #000 !important;
    font-family: 'montserrat-regular';
    font-size: 1rem;
}

:-ms-input-placeholder { 
    color: #000 !important;
    font-family: 'montserrat-regular';
    font-size: 1rem;
}

.forms .flexbox > div:first-child {
    width: 60%;
    padding-right: 2rem;
}

.forms .flexbox > div:last-child {
    width: 40%;
    padding-left: 2rem;
}

.forms .flexis > div {
    width: 33%;
}

.forms .flexis > div:nth-child(1) {
    padding-right: 2.5rem;
}

.forms .flexis > div:nth-child(2) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.forms .flexis > div:nth-child(3) {
    padding-left: 2.5rem;
}

.forms .flexing > div {
    width: 50%;
}

.forms .flexing > div:first-child {
    padding-right: 2rem;
}

.forms .flexing > div:last-child {
    padding-left: 2rem;
}


.forms .privacity {
    margin-right: auto; 
    padding-bottom: 4rem;
}

.forms .privacity label {
    color: #ffffff;
    font-family: 'montserrat-regular';
    font-size: 1.1rem;
    display: block;
    position: relative;
    padding-left: 2.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.forms .privacity input {
    position: absolute;
    left: 0;
    top: 0.3rem;
    opacity: 0;
    height: 1.5rem;
    width: 1.5rem;
    border: 0.2rem solid #ffffff;
    padding: 1rem;    
}

.forms .privacity .checkmark {
    position: absolute;
    top: 0.3rem;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
    border: 0.1rem solid #ffffff;
    cursor: pointer;
    border-radius: 0.3rem;
}

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

.forms .checkmark:after {
    left: 0.4rem;
    top: 0;
    width: 0.3rem;
    height: 0.8rem;
    border: solid #ffffff;
    border-width: 0 0.2rem 0.2rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

.forms .lines {
    width: 28rem;
    height: 0.1rem;
    background-color: #ffffff;
}

.forms .option {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.forms .option input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.forms .option .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.8rem;
    width: 1.8rem;
    border: 0.1rem solid #ffffff;
    margin-top: 1.5rem;
    border-radius: 0.3rem;
}

.forms .option input:checked ~ .checkmark {
    background-color: #ffffff;
    color: #ffffff;
}

.forms .payment input {
    padding: 1rem;
    border: 0.1rem solid #ffffff;
    background-color: transparent;
    font-size: 1.3rem;
    width: unset !important;
    height: 4rem;
    margin: 0.3rem 0 1.5rem 0;
}

.forms .payment .option {
    padding: 1rem 4rem 0 3rem;
}    

.forms .type {
    padding: 2rem 0; 
    border-top: 0.1rem solid #ffffff;
    border-bottom: 0.1rem solid #ffffff;
}

.forms .type .option {
    padding: 1rem 1rem 1rem 0;
}  

.forms .type .option .check {
    border: 0.1rem solid #ffffff;
    border-radius: 1rem;
    width: 100%;
    padding: 0.3rem;
    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;
    width: 19rem;
}

.forms .type .option input:checked ~ .check {
    background-color: #ffffff;
    color: #8faa69;
}

.forms a {
    color: #ffffff;
}

.forms .phone {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.forms .phone p {
    padding-left: 1.5rem;
    padding-bottom: 0;
}

.forms .phone img {
    width: 2.8rem;
}

.forms form button {
    background-color: #ee322e;
    color: #fff;
    border: 0.2rem solid #ffffff;
    padding: 1rem;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    font-size: 1.1rem;
    border-radius: 4rem;
    width: 10rem;
}

.forms form button:hover {
    background-color: #a52421;
    color: #ffffff;
}

body .title-forms {
    margin: 0;
    padding: 0 4rem;
    border-radius: 4rem;
    font-size: 1rem;
    line-height: 17px;
}

 .webflex.informations{
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

p.title-forms.no-padding {
    margin-top: 20px;
    line-height: 20px;
}


.informations {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1rem 0 6rem 0;
}

.informations > div {
    padding: 1rem;
}

.informations p,
.informations a {
    font-size: 1.5rem;
    font-family: 'montserrat-regular';
}

.informations .text-bold p {
    font-family: 'montserrat-bold' !important;
}

.informations a {
    color: #231f20;
}

.informations img {
    width: 2rem;
}

.informations .flexdata {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.informations .flexdata > div {
    padding-top: 0.5rem;
} 

.informations .data {
    padding-left: 1rem;
}

.introduction {
    margin: 3rem 0;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.introduction p {
    color: #ffffff;
    width: 80%;
    margin: auto;
} 

.emails {
    padding-top: 1rem;
}

.email {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.email img {
    padding-right: 1rem;
    width: 3.5rem;
}

.email a,
.email p {
    color: #231f20;
    font-size: 1.6rem;
    font-family: 'montserrat-bold';
}

.profile {
    padding: 6rem 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

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

.profile img {
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    border: 0.2rem solid #384580;
    margin: 0 3rem;
}

.profile .name p {
    font-family: 'montserrat-bold';
    font-size: 1.6rem;
    padding: 2rem 0;
}

.profile .download a {
    font-family: 'montserrat-bold';
    text-align: center;
    font-size: 1.4rem;
    border-radius: 4rem;
    padding: 1rem 2.5rem;
}

.profile .price p {
    font-size: 1.5rem;
    font-family: 'montserrat-regular';
    padding: 3rem 0;
}

.profile .right {
    padding: 2rem 0 0 6rem;
} 

.profile .right p {
    font-size: 1.5rem;
    font-family: 'montserrat-medium';
}

.profile .right .bold {
    font-family: 'montserrat-bold';
}

.profile .right .italic {
    font-style: italic;
     font-family: 'montserrat-regular';
    color: #666666;
}

.profile .right .pointsleft {
    padding-left: 3rem;
}

.profile .right .point {
    font-size: 2.3rem;
}

.prev, 
.next {
    position: absolute;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 100;
}

.prev img, 
.next img {
    width: 1.5rem;
}

.prev img:hover, 
.next img:hover {
    opacity: 0.8;
}

.prev {
    left: 5rem !important;
}

.next {
    right: 5rem !important;
}
/* END CONTENT */


/* HEADER */
header {
    width: 100%;
    padding: 1rem 7rem;
    z-index: 200;
    height: 90px;
    position: fixed;
}

header.scroll {
    background: #000000 !important;
}

header .navbar {  
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: center;
}    

header .logo {
    margin-right: auto;
}

header .logo img {
    width: 14rem;
}

header ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    -o-transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

header.scroll ul li a {
    color: #fff;
}
 
header ul li {    
    font-size: 1.15rem;
    font-family: 'quicksand-semibold';
    list-style: none;
    display: inline-block;
    /* height: 9rem; */
    color: #ffffff;
    margin-left: 3.5rem;
    padding: 20px 0;
}    

li.button-nav {
    background: #EE322E;
    padding: 1rem;
}

.button-nav a {
    color: #609CC9;
}

header ul li a {
    color: #000;
}


/* header nav #color.active {
    background-color: #8faa69;
    border-radius: 2rem;
    padding: 0.3rem 1.2rem;

} */


.spacer {
    padding-top: 5px;
    border-bottom: 2px solid #ee322e;
}

header nav .drop-desktop span {
    cursor: pointer;
} 

header nav .drop-mobile {
    display: none!important;
}

header nav .dropdown {
    display: none;
    position: absolute;
    width: 16rem;
    top: 4rem;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.41);
    /* margin-top: .5rem; */
}


header nav .dropdown a {
    display: block;
    padding: 0.3rem 1.5rem;
    font-family: 'montserrat-light';
    color: #fff;
}

header nav .dropdown a:last-child {
    border-bottom: none;
}

header nav #back:hover,
header nav #back.active {
    background-color: #202122a6;
    font-family: 'montserrat-semibold';
}

header nav .dropdown.show {
    display: block;
}

header nav .open img, 
header nav .closed img {
    width: 1.2rem;
}

header nav .closed {
    display: none;
}

header nav .languages a.active {
    color: #4f997f;
} 

header .animation {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    -o-transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

header .bar {
    width: 3.5rem;
    height: 0.3rem;
    background-color: #ffffff;
    margin: 0.5rem 1rem 0.5rem 0.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .toggle {
    display: none;
}

header .toggle.active .bar:nth-child(2) {
    opacity: 0;
}

header .toggle.active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

header .toggle.active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}
/* END HEADER */


/* FOOTER */
footer {
    background-color: #212021;
    z-index: 99999;
    position: relative;
}

footer p,
footer a {
    color: #ffffff;
}

footer .columns {
    padding: 2rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

footer .first,
footer .second {
    width: 33%;
    padding: 1rem 2rem;
}

footer .first {
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
}

footer .logotipo img {
    /* width: 22rem; */
    margin-bottom: 5rem;
}

footer .social {
    padding-top: 2rem;
}

footer .social > div {
    padding: 0 0.5rem;
}

footer .social img {
    width: 3rem;
}

footer .square {
    padding: 1.5rem 0.5rem;
    display: flex;
}

footer .columns p {
    font-size: 1rem;
font-family: 'montserrat-regular';
}

footer .padding {
    padding-top: 1rem;
}

footer .text-green {
    font-family: 'montserrat-bold' !important;
}

footer .end {
    padding: 0 4rem;
    background: #000;
}

footer .end .webflex {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 1rem;    
}

footer .end .webflex > div {
    /* padding: 1rem; */
    
}

footer .border {
    /* border-top: 0.1rem solid #ffffff; */
}

footer .end a,
footer .end p {
    font-family: 'montserrat-regular';
    font-size: 1rem;
}


.country-address img {
    width: 30px;
    margin-right: 10px;
}

footer .social svg {
    width: 20px;
}

body .facebook-footer svg {
    width: 11px;
}

.services-onshore {
    background-color: #EEEEED;
    padding-bottom: 10rem;
}

.services-onshore p,
.services-onshore a {
    color: #000;
}

.services-onshore .columns {
    padding: 0 2rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.services-onshore .first,
.services-onshore .second {
    width: 33%;
    padding: 1rem;
    min-height: 100%;
}

.services-onshore .first {
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
}

.services-onshore .logotipo img {
    /* width: 22rem; */
}

.services-onshore .social {
    padding-top: 2rem;
}

.services-onshore .social > div {
    padding: 0 0.5rem;
}

.services-onshore .social img {
    width: 3rem;
}

.services-onshore .square {
    padding: 2rem;
    display: flex;
    flex-flow: column;
    box-shadow: 0px 0px 10px 0px #00000038;
    border-radius: 20px;
    background: #fff;
    height: 100%;
    margin-bottom: 4rem;
}

div#services-onshore, div#services-offshore {
    padding: 7rem 0 0;
}

.services-onshore .columns p {
    font-size: 1.2rem;
font-family: 'montserrat-regular';
}

.services-onshore .padding {
    padding-top: 1rem;
}

body .services-onshore .text-green {
    font-family: 'montserrat-medium';
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
}

#contact .nice-padding.w10.title-about {
    margin-top: 5px;
}

.services-onshore .end {
    padding: 0 4rem;
    background: #000;
}

.services-onshore .end .webflex {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 1rem;    
}

.services-onshore .end .webflex > div {
    /* padding: 1rem; */
    
}

.services-onshore .border {
    /* border-top: 0.1rem solid #ffffff; */
}

.services-onshore .end a,
.services-onshore .end p {
    font-family: 'montserrat-regular';
    font-size: 1rem;
}


.country-address img {
    width: 30px;
    margin-right: 10px;
}

.services-onshore .social svg {
    width: 20px;
}

body .facebook-.services-onshore svg {
    width: 11px;
}

p.menu-footer {
    margin-top: 2rem;
}


/* END FOOTER */


/* HOME */
#home header {
    background-color: transparent !important;
}

#home header.scroll {
    position: fixed !important;
    background: #000 !important;
}

.scroll .cls-logo-1, .scroll .cls-logo-2, .scroll .cls-logo-3 {
    fill: #ffffff !important;
}

#home .begin { 
    background-image: url(../images/projeto_cy-images/banner-home-min.png);
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#home .btns {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5rem;
    width: 20%;
}

#home .btns > div {
    padding: 4% 0;
}

#home .btns .link {
    font-size: 1.3vw;
font-family: 'montserrat-regular';
    text-transform: uppercase;
    border-radius: 4rem;
    padding: 1rem 0;
    text-align: center;
}

#home .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#home .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

.container-title h2 {
    max-width: 250px;
    font-size: 2rem;
    color: #fff;
    line-height: 2rem;
    padding: 0;
}

.lh-65 {
    line-height: 65px;
}


span.scroll-down {
    font-size: 1.7rem;
    font-family: 'Montserrat';
    font-weight: 500;
}

#home .main-title .blue {

}

#home .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#home .main-title h1 b{
    font-weight: 600;
}

#home .topics {
    padding: 1rem 4rem 6rem 4rem;
    justify-content: space-between;
}

#home .topics > div {
    width: 13.5%;
    padding: 0.8rem;
    border: 1px solid #ffffff;
    border-radius: 15px;
}

#home .topics .hipertitle {
    text-transform: uppercase;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-flow: column;
}

#home .topics .smallparagraph p {
    border-top: 0.3rem solid #8faa69;
    border-radius: 0.2rem;
    padding-top: 2rem;
    min-height: 20rem;
    line-height: 2;
}

#home .topics .cta a {
    font-family: 'montserrat-bold';
    text-align: center;
    font-size: 1.5rem;
    border-radius: 4rem;
    padding: 1rem 2.5rem;
}

#home .quote {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#home .quote p {    
    color: #ffffff;
}

#home .quote .textbig p {
    font-size: 2rem;
font-family: 'montserrat-regular';
    line-height: 1.4;
}

#home .quote .textsmall p {
    font-size: 2rem;
    font-family: 'quicksand-light';
    padding-top: 3rem;
    text-align: right;
}

#home .testimonials {
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center;
}
#home .our-numbers {
    background-image: url(../images/projeto_cy-images/our_numbers-bg-min.png);
    height: 70vh !important
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    background-size: cover;
    background-attachment: fixed;

}

.our-numbers .title {
    color: #fff;;
}


.box-our_numbers svg {
    height: 150px;
    padding: 10px;
}


.box-image_text {
    display: flex;
}

p.title-box-image_text {
    font-size: 3rem;
    font-family: 'montserrat-semibold';
    line-height: 35px;
    margin-bottom: 30px;
}



body .desc-box-image_text {
    font-size: 1.2rem;
}

.text-image-content{
    padding: 0rem 7rem;
}

ul {
    font-family: 'montserrat-medium';
    line-height: 20px;
    font-size: 1.3rem;
    margin-bottom: 30px;
    margin-left: 30px;
}

#home ul {
    margin-bottom: 0; 
    min-height: 60px;
}

.image-box {

    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-size: 60%;
    background-repeat: no-repeat;
    margin: 8rem 0;
}

.image-box-even{

}

.image-box-odd{
    background-position: right;
}

.image-box-1 {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/repowering-home.png);*/
    background-image: url();
    background-size: cover;
    border-radius: 15px;
    margin-top: 0;

}

.image-box-2 {
    /*background-image: url(../images/projeto_cy-images/blades-home.png);*/
    background-image: url();
    background-size: cover;
    border-radius: 15px;
}

.image-box-3 {
    /*background-image: url(../images/projeto_cy-images/installation-min.png);*/
    background-image: url();
    margin-top: 0;
    background-size: cover;
    background-position: left bottom;
    border-radius: 15px;
}

.image-box-4 {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/DSC06371.png);*/
    background-image: url();
    background-size: cover;
    border-radius: 15px;
}

.image-box-5 {
    /*background-image: url(../images/projeto_cy-images/retrofitting-min.png);*/
    background-image: url();
    background-size: cover;
    border-radius: 15px;
}

.image-box-6 {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/retrofiting-off-1600.webp);*/
    background-image: url();
    background-size: cover;
    border-radius: 15px;
    background-position: bottom;
}

#home .testimonials-slider {
    padding-top: 2rem;
} 

#home .testimonials .circle {
    border: 0.4rem solid #8faa69;
    border-radius: 50%;
    width: 30rem;
    height: 30rem;
    margin: auto;
    position: relative;
}

#home .testimonials .smallparagraph {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 0 4rem;  
}

#home .testimonials .smallparagraph p {
    font-family: 'montserrat-medium';
}   

#home .testimonials .name {
    width: 32rem;
    margin: auto;
    border-radius: 4rem;
    margin-top: -4rem;
    z-index: 100;
    position: relative;
} 

#home .testimonials .name p {
    font-size: 1.6rem;
    text-transform: uppercase;
font-family: 'montserrat-regular';
    color: #ffffff;
    padding: 1rem;
    letter-spacing: 0.2rem;
}

#home .testimonials .prev {
    left: -3rem !important;
}

#home .testimonials .next {
    right: -3rem !important;
}







/* END HOME */


/* MDV */
#about .bigtitle h1 {
    color: #384580;
    padding-left: 10rem;
    padding-right: 10rem;
    padding-bottom: 4rem;
}

#about .colors .mycontainer {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#about .colors p,
#about .colors a {
    color: #ffffff;
}

#about .colors .big {
    font-size: 1.7rem !important;
}

#about .colors .pointsleft {
    padding: 2rem 0 0 2rem; 
}

#about .colors .blocks > div {
    width: 50%;
}

#about .colors .blue > div:first-child {
    padding-right: 5rem;
} 

#about .colors .blue > div:last-child {
    padding-left: 5rem;
} 

#about .colors .orange {
    margin-bottom: 4rem;
}

#about .colors .separator {
    padding-top: 0.5rem;
}

#about .colors .flexs {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#about .colors .flexs > div {
    padding: 3rem 2rem 0 2rem;
}

#about .vision {
    padding: 14rem 0;
}

#about .vision .green {
    height: 46rem;
}

#about .vision .wrap {
    position: absolute;
    left: 5rem;
    right: 5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#about .vision .wrap > div {
    width: 25%; 
}

#about .vision .wrap .box {
    padding: 3rem 2rem 1rem 2rem;
    margin: 0 1rem;
    background-color: #ffffff;
    border-radius: 2rem;
    -webkit-box-shadow: 0.1rem 0.1rem 1rem 0.1rem rgba(0, 0, 0, 0.3);
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem rgba(0, 0, 0, 0.3);
    min-height: 63.5rem;
}

#about .vision .icon,
#about .vision h2 {
    text-align: center;
}

#about .vision .icon img {
    width: 12rem;
}

#about .vision h2 {
    padding: 2rem 0 1rem 0;
font-family: 'montserrat-regular';
    font-size: 1.8rem;
}

#about .vision p {
    font-size: 1.4rem;
    font-family: 'montserrat-regular';
    line-height: 1.7;
    text-align: center;
}

#about .hierarchy {    
    text-align: center;
}

#about .hierarchy .blue {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#about .hierarchy h2,
#about .hierarchy .blue p {
    color: #ffffff;
}

#about .hierarchy h2 {
font-family: 'montserrat-regular';
    font-size: 3.3rem;
    letter-spacing: 0.2rem;
}

#about .hierarchy .blue p {
    font-family: 'quicksand-regular';
    font-size: 1.8rem;
}

#about .hierarchy .content {
    padding-top: 5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#about .hierarchy .content > div {
    /* width: 50%; */
    width: 33.3%;
    padding: 0 2rem 6rem 2rem;
}

#about .hierarchy .content .green {
    width: 26rem;
    padding: 0.7rem;
    margin: auto;
    border-radius: 4rem;
}

#about .hierarchy .content h3 {   
    color: #ffffff; 
}

#about .hierarchy .content h3,
#about .hierarchy .content p {
    font-size: 1.5rem;
    font-family: 'montserrat-semibold';
}

#about .hierarchy .content p {
    padding-top: 3rem;
}

#about .team {
    text-align: center;
}

#about .team .bigtitle  h2 {
    padding: 5rem 0;
    text-transform: capitalize;
}

#about .team-slider {
    padding: 4rem 8rem;
}

#about .team-slider .box {
    padding: 0 2rem;
} 

#about .team-slider .box-white {
    background-color: #ffffff;
    padding: 2rem 2rem 1rem 2rem;
    border-radius: 6rem;
    -webkit-box-shadow: 0.1rem 0.1rem 1rem 0.1rem rgba(0, 0, 0, 0.3);
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem rgba(0, 0, 0, 0.3);
    text-align: center;
    min-height: 58rem;
}

#about .team-slider .person img {
    width: 11rem;
    margin: auto;
}

#about .team-slider h3 {
    font-size: 1.9rem;
font-family: 'montserrat-regular';
    color: #8faa69;
    padding: 1rem 0;
    letter-spacing: 0.2rem;
    line-height: 1.3;
}

#about .team-slider .green {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 75%;
    min-height: 50px;
    padding: 0.5rem 2rem;
    margin: auto;
    border-radius: 1.5rem;
}

#about .team-slider h4 {
    color: #ffffff;
    font-family: 'montserrat-light';
    font-size: 1.4rem;
    line-height: 1.4;
}

#about .team-slider p {
    padding-top: 2rem;
    font-family: 'montserrat-light';
    font-size: 1.3rem;
    line-height: 1.8;
}

#about .btns {
    padding: 4rem 8rem;
}

#about .btns .webflex > div {
    width: 22%;
}

#about .btns .space {
    padding: 0.5rem;
}

#about .btns .link {
    font-size: 1.2rem;
    font-family: 'montserrat-bold';
    border-radius: 4rem;
    padding: 1.5rem;
    text-align: center;
}

.nice-padding.w40.subtitle-about {
    margin-top: 10px;
}

.nice-padding.w50.desc-about {
    margin-top: 15px;
}

.mycontainer.webflex.justify{
    margin-top: 20px;
}

/* END MDV */


/* CAMPANHAS */
#campaigns {
    min-height: 100vh;
    padding-bottom: 2rem;
}

#campaigns .background { 
    background-image: url(../images/campanhas/mdv-movimento-defesa-vida-campanhas.jpg);     
}

#campaigns .lead {
    text-align: center;
    padding-bottom: 5rem;
}

#campaigns .lead p {
    width: 80%;
    margin: auto;
}

#campaigns .pictures {
    padding-top: 3rem;
    padding-bottom: 4rem;
} 

#campaigns .pictures > div {
    width: 50%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#campaigns .pictures > div:first-child {
    padding-right: 2rem;
}

#campaigns .pictures > div:last-child {
    padding-left: 2rem;
}

#campaigns .btn {
    padding: 6rem 0;
}

#campaigns .btn a {
    font-family: 'montserrat-bold';
    text-align: center;
    font-size: 2.1rem;
    border-radius: 4rem;
    padding: 1.3rem 3rem;
}

#campaigns .toping {
    padding-top: 4rem;
}
/* END CAMPANHAS */


/* DONATIVOS */
#donations .background { 
    background-image: url(../images/donativos/mdv-movimento-defesa-vida-donativos.jpg);     
}
/* END DONATIVOS */


/* PADRINHOS */
#godparents .background { 
    background-image: url(../images/padrinhos/mdv-movimento-defesa-vida-padrinhos.jpg);     
}

#godparents .paragraph-extra p {
    font-family: 'montserrat-bold';
    font-size: 1.8rem;
    padding-bottom: 1rem;
}

#godparents .forms .payment {
    margin-bottom: 2rem;
}
/* PADRINHOS */


/* ASSOCIADOS */
#associates .background { 
    background-image: url(../images/associados/mdv-movimento-defesa-vida-associados.jpg);     
}
/* END ASSOCIADOS */


/* EMPRESAS */
#companies .background { 
    background-image: url(../images/empresas/mdv-movimento-defesa-vida-empresas.jpg);     
}
/* END EMPRESAS */


/* VOLUNTARIOS */
#volunteers .background { 
    background-image: url(../images/voluntarios/mdv-movimento-defesa-vida-voluntarios.jpg);     
}

#volunteers .paragraph-extra p {
    font-family: 'montserrat-bold';
    font-size: 1.8rem;
    padding-bottom: 1rem;
}

/* END VOLUNTARIOS */


/* RELATORIOS E CONTAS */
#reports {
    min-height: 100vh;
    text-align: center;
    padding-top: 10rem;
}

#reports .reports-slider {
    padding: 0 9rem 8rem 9rem;
}

#reports .reports-slider .box {
    padding: 0 2rem;
}

#reports .reports-slider p {
font-family: 'montserrat-regular';
    font-size: 1.6rem;
    padding-bottom: 1.5rem;
}

#reports .reports-slider a {
    color: #231f20;
}

#reports .prev, 
#reports .next {
    top: 45%;
}

#reports .prev img, 
#reports .next img {
    width: 1.4rem !important;
}

#reports .planos-pdf {
    border: 1px solid black;
}
/* END RELATORIOS E CONTAS */


/* IMPACTO */
#impact {
    padding-top: 11rem;
    text-align: center;
}

#impact h1,
#impact h2,
#impact p {
    color: #ffffff;    
}

#impact .bigtitle h1 {
    padding: 3rem 0; 
}

#impact .background { 
    background-image: url(../images/impacto/mdv-movimento-defesa-vida-impacto.jpg);
    height: calc(100vh - 18rem);   
}

#impact .webflex {    
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#impact .webflex > div {
    width: 50%;
    padding: 4rem 1rem;
}

#impact h2 {
    font-size: 6rem;
    font-family: 'montserrat-bold';
    line-height: 1;
}

#impact p {
    font-size: 1.8rem;
    font-family: 'montserrat-light';
}

.impact-images{
    padding: 5rem 2rem;
}
.impact-images h2{
    padding: 5rem 2rem;
}

.boximage__container {
   display: flex;
   justify-content: center;
   align-items: center;
}

.boximage__container > div {
    width: 25%;
    padding: 1.5rem;
}
/* END IMPACTO */

/* POLÍTICA DE PRIVACIDADE */

section#politicaPrivacidade .mediumparagraph p, section#politicaPrivacidade .mediumparagraph a {
    font-size: 1rem;
}

#politicaPrivacidade .begin {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/banner-home-min.png);*/
    background-image: url();
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#politicaPrivacidade .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#politicaPrivacidade .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#politicaPrivacidade .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#politicaPrivacidade .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#politicaPrivacidade .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#politicaPrivacidade .main-title h1 b{
    font-weight: 600;
}

#politicaPrivacidade .texts {
    padding-bottom: 10rem;
}

#politicaPrivacidade .bigtitle {
    text-align: start !important;
}

#politicaPrivacidade .top {
    padding: 5rem 0rem 3rem 0rem;
}

#politicaPrivacidade .boldtitle {
    margin: 3rem 0rem 1rem 0rem;
}
/* END POLÍTICA DE PRIVACIDADE */


/* CANAL DE DENÚNCIAS */

section#CanaldeDenuncias .mediumparagraph p, section#CanaldeDenuncias .mediumparagraph a {
    font-size: 1rem;
}

#CanaldeDenuncias .begin {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/denuncias-bg-min.jpg);*/
    background-image: url();
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#CanaldeDenuncias .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#CanaldeDenuncias .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#CanaldeDenuncias .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#CanaldeDenuncias .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#CanaldeDenuncias .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
    text-shadow: 3px 4px 23px #000;
}

#CanaldeDenuncias .main-title h1 b{
    font-weight: 600;
}

#CanaldeDenuncias .texts {
    padding-bottom: 10rem;
}

#CanaldeDenuncias .bigtitle {
    text-align: start !important;
}

#CanaldeDenuncias .top {
    padding: 5rem 0rem 3rem 0rem;
}

#CanaldeDenuncias .boldtitle {
    margin: 3rem 0rem 1rem 0rem;
}

section#CriarDenuncia .mediumparagraph p, section#CriarDenuncia .mediumparagraph a {
    font-size: 1rem;
}

#CriarDenuncia .begin {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/denuncias-bg-min.jpg);*/
    background-image: url();
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#CriarDenuncia .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#CriarDenuncia .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#CriarDenuncia .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#CriarDenuncia .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#CriarDenuncia .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
    text-shadow: 3px 4px 23px #000;
}

#CriarDenuncia .main-title h1 b{
    font-weight: 600;
}

#CriarDenuncia .texts {
    padding-bottom: 10rem;
}

#CriarDenuncia .bigtitle {
    text-align: start !important;
}

#CriarDenuncia .top {
    padding: 5rem 0rem 3rem 0rem;
}

#CriarDenuncia .boldtitle {
    margin: 3rem 0rem 1rem 0rem;
}
/* END CANAL DE DENÚNCIAS */


/* PROJECTO FAMILIA */
#familyProject .background { 
    background-image: url(../images/atividades/projecto-familia/mdv-movimento-defesa-vida-projecto-familia.jpg);
}

#familyProject  .introduction p {
    width: 100% !important;
}

#familyProject .source {
    width: 100%;
    padding-top: 2.5rem;
}

#familyProject .source small {
    font-size: 1.4rem;
    font-family: 'montserrat-light';
}

#familyProject .introduction .content {
    width: 100%;
    margin: auto;
}

#familyProject .introduction h2 {
    color: #ffffff;
    font-family: 'montserrat-bold';
    font-size: 2rem;
    text-align: center;
    padding-bottom: 1rem;
}

#familyProject .introduction small {
    color: #ffffff;
}

#familyProject .texts {
    padding-bottom: 8rem;
}

#familyProject .factors h2 {
    text-transform: uppercase;
}

#familyProject .factors .row {
    margin-top: -4rem;
}

#familyProject .factors .topics {
    padding: 8rem 1rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#familyProject .factors .topics > div {
    width: 38rem;
    padding: 2.5rem; 
}

#familyProject .factors .topics .background {
    background-image: url(../images/atividades/projecto-familia/mdv-fatores-diferenciadores-background-new-min.png);
    height: 20rem !important;
} 

#familyProject .factors .topics .icons,
#familyProject .factors .topics .info {
    position: absolute;       
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#familyProject .factors .topics .icons {
    top: 44%;
    left: -4rem;
}

#familyProject .factors .topics .icons img {
    width: 11rem;
}

#familyProject .factors .topics .info {
    top: 50%;
    left: 7rem;
    right: 5rem;
}

#familyProject .factors .topics h3
/* #familyProject .factors .topics p  */
{
    color: #ffffff;
}

#familyProject .factors .topics h3 {
    font-family: 'montserrat-bold';
    font-size: 1.4rem;
    line-height: 1.3;
}

#familyProject .factors .topics p {
    font-family: 'montserrat-regular';
    font-size: 1.05rem;
    padding-top: 0.5rem; 
}


#familyProject .evolution .image-new {        
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem;
    width: 45%;
}
#familyProject .evolution .block-new {
    width: 55%;
    padding: 4rem 7.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#familyProject .evolution .graphic p {
    font-size: 1.5rem;
    font-family: 'montserrat-regular';
}

#familyProject .evolution .boldtitle-new{
    width: 100%;
    text-align: left;
}    
#familyProject .evolution .boldtitle-new h3{
    padding-top: 4rem;
}    

/* END PROJECTO FAMILIA */


/* DEPARTAMENTO DE PSICOLOGIA */
#psychologyDepartment .background { 
    background-image: url(../images/atividades/departamento-psicologia/mdv-movimento-defesa-vida-departamento-psicologia.jpg);   
}
/* END DEPARTAMENTO DE PSICOLOGIA */


/* ENCONTROS COM PAIS */
#datingParents .background { 
    background-image: url(../images/atividades/encontros-pais/mdv-movimento-defesa-vida-encontros-pais.jpg);  
}

#datingParents .end {
    padding-top: 8rem;
}
/* END ENCONTROS COM PAIS */


/* SAPE */
#sape .background { 
    background-image: url(../images/atividades/sape/mdv-movimento-defesa-vida-sape.jpg);   
}
/* END SAPE */


/* LOJINHA SOCIAL */
#socialShop .background { 
    background-image: url(../images/atividades/lojinha-social/lojinha-social-3.jpeg);   
}
#socialShop .first p {
    padding-bottom: 3rem;
}

#socialShop .products {
    padding: 4rem 17rem;
}

#socialShop .products > div {
    width: 33.333%;
    padding: 2rem;
}
/* END LOJINHA SOCIAL */


/* FORMACAO */
#training .background { 
    background-image: url(../images/atividades/formacao/mdv-movimento-defesa-vida-formacao.jpg);   
}

#training .details {
    padding: 3rem 0 5rem 0;
}

#training h2 {
    font-family: 'montserrat-bold';
    font-size: 1.8rem;
}

#training .formations {
    padding: 0 18rem;
}

#training .formations > div {
    width: 30%;
    padding: 3rem 1rem 1rem 1rem;
}

#training .formations .blue {
    padding: 1.5rem;
    min-height: 250px;
}

#training .formations p {
    color: #ffffff;
}

#training .formations p:first-child {
    font-family: 'montserrat-bold';
    font-size: 1.2rem;
    line-height: 1.4;
}

#training .formations p:last-child {
    font-family: 'montserrat-light';
    font-size: 0.9rem;
    min-height: 5rem;
}

#training .dgert {
    padding-top: 6rem;
}
/* END FORMACAO */


/* PAGINA INDIVIDUAL FORMACOES */
#individualTraining {
    padding-bottom: 6rem;
}

#individualTraining .background { 
    background-image: url(../images/atividades/formacao/mdv-movimento-defesa-vida-sem-imagem.jpg);   
}

#individualTraining .second {
    padding-top: 4rem;
}
/* END PAGINA INDIVIDUAL FORMACOES */


/* EDUCACAO SEXUAL E PLANEAMENTO FAMILIAR */
#educationPlanning .background { 
    background-image: url(../images/atividades/educacao-planeamento/mdv-movimento-defesa-vida-educacao-planeamento.jpg);   
}
/* END EDUCACAO SEXUAL E PLANEAMENTO FAMILIAR */


/* JARDIM */
#garden {
    padding-bottom: 5rem;
}

#garden .background { 
    background-image: url(../images/atividades/jardim/mdv-movimento-defesa-vida-jardim.jpg);   
}

#garden .garden-slider {
    margin-top: 3rem;
    padding: 0 19rem;
}

#garden .garden-slider .box {
    padding: 0 0.2rem;
}
/* JARDIM*/


/* TERAPIA DA FALA */
#speechTherapy .background { 
    background-image: url(../images/atividades/terapia-fala/mdv-movimento-defesa-vida-terapia-fala.jpg);   
}
/* END TERAPIA DA FALA */


/* ORIENTACAO CONJUGAL E TERAPIA FAMILIAR */
#therapyOrientation .background { 
    background-image: url(../images/atividades/orientacao-terapia/mdv-movimento-defesa-vida-orientacao-terapia.jpg);   
}
/* END ORIENTACAO CONJUGAL E TERAPIA FAMILIAR */


/* PARCEIROS */
#partners .lead p {
    padding: 4rem 0;
}

#partners .subtitle h2 {
    text-align: center;
}

#partners .logotipos .webflex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4rem 0;
}

#partners .logotipos .webflex > div {
    width: 33.333%;
}

#partners .ambassadors {
    padding: 7rem 18rem;
}

#partners .ambassadors .webflex > div {
    width: 33.333%;
    padding: 1rem;
}

#partners .ambassadors .blue {
    padding: 2rem 1rem;
    min-height: 15rem;
}

#partners .ambassadors p {
    text-align: center;
    color: #ffffff;
}

#partners .flex-partners{
    justify-content: center;
    align-items: center
}

#partners .ambassadors p:first-child {
    font-family: 'montserrat-bold';
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
}

#partners .ambassadors p:last-child {
    font-family: 'montserrat-light';
    font-size: 1.5rem;
    min-height: 5rem;
    line-height: 1.3;
}
/* END PARCEIROS */


/* PROJETOS FINANCIADOS */
#fundedProjects {
    padding-bottom: 8rem;
}

#fundedProjects .image {
    padding: 3rem 0;
}

#fundedProjects .mediumparagraph a {
    text-decoration: underline;
}

#fundedProjects .image.videobox{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* END PROJETOS FINANCIADOS */


/* MEDIA */
#media .bigtitle {
    margin-bottom: 4rem;
}

#media .subtitle h2 {
    padding-top: 2rem !important;
    text-align: center;
}

#media .prev, 
#media .next {
    top: 35% !important;
}

#media .slider-three {
    padding: 4rem 10rem 10rem 10rem;
}

#media .slider-three .box {
    padding: 0 1rem;
}

#media .slider-three .blue,
#media .slider-three .green {
    padding: 2rem;
}

#media .slider-three p,
#media .news p {
    color: #ffffff;
}

#media .news-slider p:first-child {
    min-height: 8rem;
}

#media .slider-three p:first-child {
    font-family: 'montserrat-bold' !important;
    font-size: 1.5rem !important;
    padding-bottom: 0.5rem !important;   
}

#media .slider-three p {
    font-family: 'montserrat-light';
    font-size: 1.4rem;
    line-height: 1.3;
}

#media .videos-slider {
    padding: 4rem 9rem 10rem 9rem; 
}

#media .videos-slider .boxes {
    padding: 0 2rem;
}

#media .videos-slider p:first-child {
    font-family: 'montserrat-bold';
    font-size: 1.6rem;
    padding: 2.5rem 0 0.5rem 0;
    color: #e45c36;
}

#media .videos-slider p:last-child {
    font-family: 'montserrat-medium';
    font-size: 1.5rem;
}

#media .videos-slider iframe {
    width: 100%;
    height: 30rem;
}

#media .news {
    padding: 4rem 9rem 6rem 9rem;
}

#media .news .webflex > div {
    width: 50%;
    padding: 0 2rem 4rem 2rem;
}

#media .news p {
    text-align: center;
}

.mx-ht{
    max-height: 300px;
}
/* END MEDIA */


/* CONTACTOS */
#contacts {
    min-height: 100vh; 
}

#contacts .wrapper {
    text-align: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

#contacts .wrapper > div {
    padding: 2rem;
    width: 25%;
}

#contacts .wrapper img {
    width: 2.5rem;
    margin: auto;
    padding-bottom: 0.5rem;
}

#contacts .wrapper p,
#contacts .wrapper a {
    font-family: 'quicksand-regular';
    font-size: 1.6rem;
} 

#contacts .wrapper p {    
    padding-bottom: 1rem;
}

#contacts .wrapper a {
    color: #231f20;
}

#contacts .wrapper a,
#contacts .wrapper .bold {
font-family: 'montserrat-regular';
} 

#contacts .forms .subtitle h1 {
    background-color: #ffffff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    width: 104%;
    margin: auto;
    -webkit-box-shadow: 0.1rem 0.1rem 1.5rem 0.1rem rgba(0, 0, 0, 0.3);
    box-shadow: 0.1rem 0.1rem 1.5rem 0.1rem rgba(0, 0, 0, 0.3);
    border-radius: 3rem;
    margin-left: -2%;
}

#contacts .forms form {
    padding: 4rem 0 0 0 !important;
}

#contacts .forms .green {
    -webkit-box-shadow: 0.1rem 0.1rem 1.5rem 0.1rem rgba(0, 0, 0, 0.3);
            box-shadow: 0.1rem 0.1rem 1.5rem 0.1rem rgba(0, 0, 0, 0.3);    
}

#contacts .forms .content {
    padding: 4rem;
}

#contacts .forms .btn {
    text-align: center;
}  


fieldset {
    display: flex;
    margin-bottom: 30px;
}

.box-choose-type {

}

.box-choose-type label input {
    cursor: pointer;
}

.box-choose-type label {
    color: #fff;
    font-family: 'montserrat-regular';
    text-transform: uppercase;
    font-weight: bold;
    background: #ee322e;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 3rem;
    border-radius: 30px;
    margin-right: 1rem;
    cursor: pointer;
    font-size: 0.9rem;
}

.box-choose-type input {
    height: 54px;
}

label.label-type_contact.good {
    background: #a52421;
}

.box-choose-type input {
    margin: 0 !important;
    width: 100px !important;
    position: absolute;
    opacity: 0;
}

.box-terms input {
    width: 30px !important;
}


.box-terms {
    display: flex;
}

.box-terms label {
    font-family: 'montserrat-regular';
}

/* END CONTACTOS */


/* MEDIA QUERIES */
/* DESKTOP */
@media(max-width: 1699px) {  

    /* CONTENT */
    html {
        font-size: 10px;
    } 

    header ul li {
    font-size: 1.4rem;
    font-family: 'montserrat-medium';
    list-style: none;
    display: inline-block;
    /* height: 9rem; */
    color: #ffffff;
    margin-left: 2.5rem;
}
}
@media(min-width: 1699px) {  
    header ul li {
        font-size: 1.15rem;
        font-family: 'quicksand-semibold';
        list-style: none;
        display: inline-block;
        /* height: 9rem; */
        color: #ffffff;
        margin-left: 2.5rem;
    }
    /* CONTENT */
    footer .square {
        padding: 1.5rem 0.5rem;

    }

    .mh{
        min-height: 455px !important;
    }
    
    #about .vision .wrap .box {
        min-height: 75rem;
    }
    

}


@media (max-width: 1600px) {
    .subtitle-about p {
        font-size: 4.5rem !important;
    }
}


/* PORTATIL */
@media (max-width: 1199px) {  
    
    

    /* CONTENT */
    .mycontainer {
        padding-left: 6rem;
        padding-right: 6rem; 
    }  

    .wrap-home.mycontainer {
        padding: 2rem;

        align-items: center;
    }

    .colors.mediumparagraph.image-box.image-box-even {
        width: 100%;
    }

    .container-extra {
        padding-left: 13rem;
        padding-right: 13rem;
    }  

    .forms form {
        padding: 5rem 7rem;
    }

    .prev {
        left: 2rem !important;
    }

    .next {
        right: 2rem !important;
    }

    /* HEADER */
    header {
        padding: 2rem;    
    }   

    /* FOOTER */
    footer .columns {
        padding: 2rem 1rem;
    }

    footer .first,
    footer .second  {
        padding: 1rem;
    }

    footer .end {
        padding: 0 2rem;
    }

    .services-onshore .columns {
        padding: 2rem 1rem;
    }

    .services-onshore .first,
    .services-onshore .second  {
        width: 50%;
        padding: 1rem;
    }

    .services-onshore .end {
        padding: 0 2rem;
    }

    /* HOME */
    #home .btns {   
        left: 6rem;
    }

    #home .topics {
        padding: 0 1rem 6rem 2rem;
    }

    /* MDV */
    #about .bigtitle h1 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    #about .vision .wrap {
        left: 0;
        right: 0;
    }

    #about .vision .wrap .box {
        min-height: 68rem;
    }

    #about .team-slider {
        padding: 4rem;
    }

    #about .team-slider .box {
        padding: 0 2rem;
    }   

    #about .team-slider .box-white {
        min-height: 64rem;
    } 

    #about .btns {
        padding: 6rem 4rem;
    }

    /* RELATORIOS E CONTAS */
    #reports .reports-slider {
        padding: 0 4rem 8rem 4rem;
    }    

    /* LOJINHA SOCIAL */
    #socialShop .products {
        padding: 4rem 11rem;
    }

    /* FORMACAO */
    #training .formations {
        padding: 0 12rem;
    }

    /* JARDIM */
    #garden .garden-slider {
        padding: 0 13rem;
    }

    /* PARCEIROS */
    #partners .ambassadors {
        padding: 7rem 12rem;
    }

    /* MEDIA */
    #media .slider-three {
        padding: 4rem 5rem 10rem 5rem;
    }

    #media .videos-slider {
        padding: 4rem 4rem 10rem 4rem;
    }

    #media .news {
        padding: 4rem 4rem 6rem 4rem;
    }

    #media .videos-slider iframe {
        height: 28rem;
    }
       
}


@media screen and (max-width: 768px) {
    #home .media #tabbed-nav {
        gap: 5rem !important;
        display: flex
;
        flex-flow: column;
    }
    

    #home .nice-padding {
        padding: 3rem 1rem;
    }

    header ul.itens.animation.mobile {
        border-radius: 0;
        background-color: #a52421;
        top: 10rem;
        padding: 0;
    }

    header.scroll ul.itens.animation.mobile {
        top: 7rem;
    }

    header.scroll .itens.animation, header .itens.animation {
        padding: 0;
        overflow: hidden;
    }
}



/* TABLET */
@media(max-width: 1050px) { 

    .colors.mediumparagraph.image-box.image-box-odd {
        width: 100%;
        margin: 0;
    }

    ul.itens.animation {
        background: #A52421 ;
    }


    .timeline__nav ul li {
        border: 0 !important;
    }

    .timeline__nav {
        right: 0rem !important;
    }

    h2.milestone {
        font-size: 35px !important;
    }


    svg.iconify.iconify--twemoji {
        width: 40px !important;
    }

    .timeline__nav ul {
        width: auto !important;
    }

    .box-choose-type {
        margin-bottom: 10px;
    }

    .box-terms {
        display: block;
    }

    footer .columns p {
        text-align: center;
    }

    #ambition p {
        font-size: 14px !important;
    }

    div#section-padrinhos div {
        margin: 2rem;
    }
    
    .spacer {
        display: none;
    }


    .subtitle-about p {
        font-size: 3rem !important;
        line-height: 35px !important;
    }

    ul {
        width: fit-content;
        text-align: left;
    }

    li.button-nav {
        border-bottom: 1px solid #eee;
    }

    .country-address img {
        margin-bottom: 10px;

    }

    footer .square {
        flex-flow: column;
        align-items: center;
        text-align: center;
    }


    #home .main-title .container-title {
        flex-flow: column;
    }

    #home .main-title h1 {
        text-align: center;
        font-size: 4rem !important;
        line-height: 3.5rem !important;
    }

    .container-title h2 {
        max-width: 270px;
        margin-top: 50px;
        font-size: 1.5rem;
        color: #fff;
        line-height: 2rem;
        padding: 0;
    }

    #home > div.begin.background > div > div > div {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }

    .text-image-content {
        padding: 1rem;
    }

    .w40.text-image-content {
        padding: 3rem;
    }


    .three_bg.banner-container {
        flex-flow: column;
    }



    .box-our_numbers {
        margin: 2rem;
    }

    #home .box-our_numbers {
        margin: 0;
    }

    div#section-padrinhos {
        margin-top: 5rem;
    }

    div#section-padrinhos {
        justify-content: center !important;
    }

    fieldset {
        flex-flow: column;
    }


    /* CONTENT */
    .container,
    .container-extra {
        padding-left: 1rem;
        padding-right: 1rem; 
    }

    .about-container .mycontainer {
        flex-flow: column;
        align-items: center;
    }

    .about-container .mycontainer .nice-padding {
        width: 100%;
        text-align: center;
    }
    #applying .nice-padding.w50.desc-about {
        padding: 0 !important;
    }

    #home .our-numbers {
        height: auto !important;
    }

    #meet-the-team .mycontainer.webflex.justify {
        flex-flow: column;
        padding: 0 4rem;
    }

    #meet-the-team .news-item h2.title-news {
        font-size: 20px;
        text-align: center;
        line-height: 25px;
    }

    #meet-the-team .nice-padding.w30.desc-quote {
        width: 100%;
    }

    .box-image_text {
        display: flex;
        flex-flow: column;
        text-align: center;
    }

    #home .box-image_text {
    height: 100%;
        align-items: center;
        justify-content: center;
    }

    .text-image-content {
        width: 100% !important;
        z-index: 2;

    }

    #home .image-box-1, #home .image-box-2, #home .image-box-3, #home .image-box-4, #home .image-box-5, #home .image-box-6 {
        position: absolute;
        z-index: 1;
        height: 33rem;
        width: 95%;
    }

    .image-box {
        background-size: cover;
        height: 40rem !important;
        margin: 3rem 0;
    }

    #home .mycontainer.webflex.justify {
        padding: 0 2rem;
    }

    .box-image_text .nice-padding {
        color: #fff;
        background: #000000b0;
        border-radius: 15px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-flow: column;
    }

    body .services-onshore .text-green {
        text-align: center;
    }
    
    .mh{
        min-height: auto !important;
    }
    
    .top-extra {
        padding-top: 8rem;
    }

    .background {
        height: 40rem;
    } 
 
    .supertitle {
        padding: 1.5rem 5rem;
    }

    .supertitle h1, 
    .supertitle h2 {
        font-size: 3rem;
    }

    .paragraph p, 
    .paragraph a {
    	font-size: 1.6rem;
	}

	.main-supertitle {
    	margin-top: 2rem;
	}
  
	.introduction {
    	margin: 2rem 0 6rem 0;
	}

	.hover:hover {
	    color: #ffffff !important;
	}

	.hover-green:hover {    
	    background-color: #8faa69 !important;
	} 

	.hover-orange:hover {
	    background-color: #e45c36 !important;
	} 

	.hover-blue:hover {
	    background-color: #384580 !important;
	} 

    .forms form {
        padding: 5rem 0rem;
    }

    form#my-form .href-decor {
        font-size: 1.1rem;
    }

    #my-form > div > div:nth-child(6) > p {
        font-size: 1.1rem;
    }

    .forms form input,
	.forms form textarea,
	.forms .payment p,
	.forms .payment label,
	.forms .type label,
	.forms .phone p {
	    font-size: 1.7rem;
	}

	::-webkit-input-placeholder { 
	    font-size: 1.7rem;
	}

	:-moz-placeholder { 
	    font-size: 1.7rem;
	}

	::-moz-placeholder { 
	    font-size: 1.7rem;
	}

	:-ms-input-placeholder { 
	    font-size: 1.7rem;
	}

    .introduction p {
        width: 100%;
    } 

    .profile img {
        width: 18rem;
        height: 18rem;
        margin: 0 1rem;
    }

    .prev {
        left: 1rem !important;
    }

    .next {
        right: 1rem !important;
    }

    body a#href-see-more {
        width: 100%;
    }

    .three_bg.banner-container {
        flex-flow: column;
        height: auto;
    }

    #meet-the-team .begin {
        height: 30rem !important;
    }
 
    /* HEADER */  
    header {
        padding: 1rem 0;
        position: fixed;
        height: unset;
        background-image: unset;
        background-repeat: unset;
        background-size: unset;
        background-position: unset;
        background-color: #ffffff;
    }

    header .navbar {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    header .navbar ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 10rem;
        background-color: #a52421 !important;
        width: 100%;
        -webkit-transform: translate(-101%);
        -ms-transform: translate(-101%);
        transform: translate(-101%);
        text-align: center;
        overflow-y: scroll;
        border-radius: 0px !important;
        padding-bottom: 2rem;
    }

    header.scroll .itens.animation {
        top: 7.6rem;
    }

    header ul li a {
        color: #fff;
    }

    header ul {
        margin-right: unset;
    }

    header ul li {
        margin: 0;
        padding: 2rem 0;
        height: unset;
        font-size: 1.4rem;
    }

    header .logo {
        margin-right: auto;
        padding-left: 1rem;
    }
      
    header .toggle, 
    header .bar {
        display: block;
        cursor: pointer;
    }

    header.scroll .bar {
        background-color: #fff !important;
    }

    .quote-container {
        height: 65vh;
    }

    header .toggle.hide {
        display: none;
    } 

    header nav .drop-mobile {
        display: block !important;
    }

    header nav .drop-desktop {
        display: none !important;
    }

    header nav .dropdown {
        position: unset;
        margin: auto;
        width: 100%;
        top: 0;
        left: 0;
        padding-top: 2rem;
    }

    header nav .dropdown a {
        display: block;
        padding-top: 1rem;
        font-size: 1.4rem;
    }
     
    header .mobile {
        -webkit-transform: translate(0%)!important;
            -ms-transform: translate(0%)!important;
                transform: translate(0%)!important;
    } 

    /* FOOTER */
    footer .first {
        width: 100%;
    }

    footer .second {
        width: 50%;
    }

    /* HOME */
    #home header {
        position: fixed !important;
        background-color: #ffffff !important
    }

    #home .hipertitle h2 {
        font-size: 1.5rem;
    }

	#home header.scroll {
	    background-image: none !important;  
	    position: fixed !important;
	    background-color: #000000 !important;
	}

    #home .begin {
        height: 60rem !important;
    }

    #home .btns {   
        left: 1rem;
        width: 20rem;
    }

    #home .btns > div {
        padding: 1rem 0;
    }

    #home .btns .link {
        font-size: 1.7rem;
    }
    
    #home .topics {
        padding: 0 0 6rem 0;
    }

    #home .topics > div {
        width: 44%;
        padding: 4rem 2rem;
    }

    #home .topics .smallparagraph p {
        min-height: 13rem;
    }

    #home .quote .textbig p {
        font-size: 2.2rem;
    }

    #home .testimonials .name p {
        font-size: 1.6rem;
    }

    #home .testimonials .circle {
        width: 28rem;
        height: 28rem;
    }

    #home .testimonials .smallparagraph {
        top: 50%;
    }

    #home .testimonials .name {
        width: 32rem;
        margin-top: -2rem;
    }

    #home .testimonials .prev img, 
    #home .testimonials .next img {
        width: 1.6rem;
    }

    #home .testimonials .prev {
        left: 0.5rem !important;
    }

    #home .testimonials .next {
        right: 0.5rem !important;
    }

    /* ABOUT */
    #about .bigtitle h1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #about .colors .blocks > div,
    #about .colors .orange .width {
        width: 100%;
    }
 
    #about .colors .big {
    	font-size: 1.6rem !important;
	}

    #about .colors .blue > div:first-child {
        padding-right: 0;
    }

    #about .colors .blue > div:last-child {
        padding-left: 0;
        padding-top: 4rem;
    }

    #about .vision {
        padding: 14rem 0;
    }

    #about .vision .wrap > div {
        width: 50%;
    }

    #about .vision .green {
        height: 98rem;
    }

    #about .vision .wrap .box {
        padding: 3rem 3rem 1rem 3rem;
        margin: 1rem;
        min-height: 55rem;
    }

    #about .hierarchy h2 {
        font-size: 3.2rem;
    }

    #about .team-slider .box {
        padding: 0 1rem;
    }
    
    #about .btns .webflex > div {
        width: unset;
    }

    #about .btns {
        padding: 6rem 1rem;
    }

    #about .btns .webflex {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #about .btns .link {
        width: 28rem;
    }

    /* IMPACTO */
    #impact {
        padding-top: 8rem;
    }    

    #impact .background {
    	height: 90rem;
	}    

    .boximage__container > div {
        width: 50%;
        padding: 1.5rem;
    }
    

    /* PROJECTO FAMILIA */
    #familyProject .introduction .content,
    #familyProject .evolution .graphic > div {
        width: 100%;
    }

    #familyProject .introduction h2 {
        font-size: 2rem;
    }

    #familyProject .evolution .graphic .image {
        text-align: center;
        padding-top: 3rem;
    } 

    #familyProject .evolution .graphic .image img {
        width: 40rem;
    }

    #familyProject .evolution .block {
        padding: 5rem 0 0 0;
    }

    /* LOJINHA SOCIAL */
    #socialShop .products {
        padding: 4rem 0;
    }

    #socialShop .products > div {
        padding: 1rem;
    }

    /* FORMACAO */
    #training .formations {
        padding: 0;
    }

    #training .formations > div {
        width: 33.333%;
    }

    /* JARDIM */
    #garden .garden-slider {
        padding: 0 5rem;
    }

    /* PARCEIROS */
    #partners .ambassadors {
        padding: 7rem 0;
    }

    #partners .ambassadors .webflex > div {
        width: 50%;
    }

    /* MEDIA */
    #media .awards-slider .blue, 
    #media .news .green {
        padding: 2rem;
    }

    #media .news {
        padding: 4rem 0 6rem 0;
    }

    #media .news .webflex > div {
        padding: 0 1rem 2rem 1rem;
    }

    #media .videos-slider iframe {
        height: 44rem;
    }

    /* CONTACTOS */
    #contacts .wrapper > div {
        width: unset;
    }

    #contacts .forms .subtitle h1 {
        width: 100%;
        margin-left: 0;
    }

    #contacts .forms .content {
        padding: 5rem 3rem;
    }

}


/* SMARTPHONE */
@media(max-width: 700px) {  



    /* CONTENT */
    .background {
        height: 25rem;
    }

    .bigtitle h1,
    .bigtitle h2 {
        font-size: 3.5rem;
    }

    .title h1, 
    .title h2 {
        font-size: 3rem;
        line-height: 2.8rem;
    } 

    .subtitle h1,
    .subtitle h2 {
        font-size: 3rem;
    }

    .supertitle {        
        padding: 1.5rem 3rem;
    }

    .supertitle h1, 
    .supertitle h2 {
        font-size: 2.5rem;
    }
    
    .forms .flexing > div,
    .forms .flexis > div,
    .forms .flexbox > div:first-child,
    .forms .flexbox > div:last-child {
        width: 100%;
    }  

    .forms .flexing > div:first-child,
    .forms .flexbox > div:first-child,
    .forms .flexis > div:nth-child(1),
    .forms .flexis > div:nth-child(2) {
        padding-right: 0;
    } 

    .forms .flexing > div:last-child, 
    .forms .flexbox > div:last-child,
    .forms .flexis > div:nth-child(2),
    .forms .flexis > div:nth-child(3) {
        padding-left: 0;
    }  
     
    .profile {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .profile .left {
        margin: auto;
    }

    .profile .right {
        padding: 0;
    }

    .profile .right .pointsleft {
        padding-left: 0;
    }  

    /* FOOTER */
    footer .second {
        width: 100%;
        padding: 1rem 0;
    }  

    footer .end {
        padding: 0 1rem;
    }

    .services-onshore .second {
        width: 100%;
        padding: 1rem 0;
    }  
    
    .services-onshore .end {
        padding: 0 1rem;
    }

  



    /* HOME */
    #home .begin {
        height: 65rem !important;
    }

   
    #home .topics > div {
        width: 100%;
        padding: 3rem 1rem;
    }

    #home .topics .smallparagraph p {
        min-height: unset;
    	padding-bottom: 3rem;
    }   

    /* MDV */
    #about .colors .flexs > div {
        width: 100%;
    }

    #about .vision {
        padding: 6rem 0;
    }

    #about .vision .wrap > div {
        width: 100%;
    }

    #about .vision .green {
        padding: 1rem 0;
        height: unset;
    }

    #about .vision .wrap {
        position: unset;
        top: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    #about .vision .wrap .box {
        padding: 3rem 3rem 3rem 3rem;
        min-height: unset;
        margin: 1rem;
    }

    #about .hierarchy .content > div {
        width: 100%;
        padding: 0 0 6rem 0;
    }

    #about .btns .space {
    	padding: 1rem;
	}

    /* CAMPANHAS */
    #campaigns .lead p {
        width: 100%;
    }    

    #campaigns .pictures > div {
        width: 100%;
    }

    #campaigns .pictures > div:first-child {
        padding-right: 0;
    }

    #campaigns .pictures > div:last-child {
        padding-left: 0;
    }

    /* IMPACTO */
    #impact .background { 
        height: 70rem;
    }

    #impact .webflex > div {
        width: 100%;
    }

    #impact h2 {
        font-size: 5rem;
    }

    .boximage__container > div {
        width: 100%;
        padding: 1.5rem;
    }
    

    /* PROJECTO FAMILIA */   
    #familyProject .factors .row {
        display: none;
    }

    #familyProject .factors .topics {
        padding: 4rem 1rem 8rem 4rem;
    }

    #familyProject .factors .topics > div {
        padding: 2.5rem 0;
        width: 33rem;
    }
  
    #familyProject .evolution .supertitle {
        margin-right: 0 !important;
    } 

    #familyProject .evolution .graphic .image img {
        width: 80%;
    }   

    /* LOJINHA SOCIAL */
    #socialShop .products > div {
        width: 50%;
    }  

    /* FORMACAO */
    #training .formations > div {
        width: 50%;
    } 

    #training .formations .blue {
        padding: 1.5rem;
    }

    /* PARCEIROS */
    #partners .logotipos .webflex > div {
        width: 50%; 
    }

    #partners .ambassadors .webflex > div {
        width: 100%;
    }

    #partners .ambassadors p:last-child,
    #partners .ambassadors .blue {
        min-height: unset;
    }

    /* MEDIA */
    #media .news .webflex > div {
        width: 100%;
    }        

    #media .news-slider p:first-child {
        min-height: unset;
    }

    #media .videos-slider iframe {
        height: 20rem;
    }
   
}  
/* END MEDIA QUERIES */  


/* NOVO CSS V9 */
/* SOBRE */
.justify{
    justify-content: space-around;
}
.w49{
    width: 49%;
}


.w10{
    width: 10%;
}

.w15{
    width: 15%;
}

.w20{
    width: 20%;
}

.w25{
    width: 25%;
}

.w30{
    width: 30%;
}

.w35{
    width: 35%;
}

.w40{
    width: 40%;
}

.w50{
    width: 50%;
}

.w60{
    width: 60%;
}

.w70{
    width: 70%;
}

.w80{
    width: 80%;
}

.w90{
    width: 90%;
}

.w100{
    width: 100%;
}



.rounded-bord{
    border-radius: 5px;
    padding: 2rem;
}

.new-space{
    padding: 0 !important;
}

.pd5{
    padding: 5%;
}

.w33{
    width: 33%;
}

.mt3{
    margin-top:3rem !important;
}
.fweight{
    font-weight: 800 !important;
    font-size: 1.8rem !important;
}
/* END Sobre */

/* Projeto familia */
#content-mobile{
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: initial !important;
    }

    .col-2{
    width: 100%;
    padding: 1rem 2.5rem;
    }

    .txt-left{
        text-align: left !important;
    }

    .sm-left{
        display: flex;
        justify-content: end;
    }
    .w100.sm-rigth{
        width: 100% !important;
        display: flex !important;
        justify-content: end !important;
    }

    .background-new {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: relative;
        height: 36rem;
    }

    #familyProject .factors .topics .background-new {
        background-image: url(../images/atividades/projecto-familia/mdv-fatores-diferenciadores-background-new-min.png);
        height: 25rem !important;
    } 

    #familyProject .factors .topics .item-grid {
        width: 36rem;
        padding: 2.5rem;
    }
    
    #familyProject .factors .topics .icons-new,
    #familyProject .factors .topics .info-new {
    position: absolute;       
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#familyProject .factors .topics .icons-new {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 95%;
    min-width: 300px;
    top: 25%;
}

#familyProject .factors .topics .icons-new img {
    width: 20%;
    margin-left: 1rem;
}

#familyProject .factors .topics .info-new {
    top: 70%;
    left: 3.5rem;
    right: 3.5rem;
}

#familyProject .factors .topics p {
    color: #000;
}

#familyProject .factors .topics h3 {
    font-family: 'montserrat-bold';
    font-size: 1.7rem;
    line-height: 1.3;
    /* margin-left: 0.8rem; */
}

.right-new{
    display: flex;
    justify-content: end;
    align-items: center;
}

.graphic .webflex .container-new{
    padding: 0 5rem;
}

.supertitle-new{
    border-radius: 4rem 0 0 4rem;
}

.ftsize{
    font-size: 1.2rem !important;
}
/* END Projeto familia */

/* Campanhas */
#campaigns .slider-three-news {
    padding: 4rem 10rem;
}

#campaigns .slider-three-news .box {
    padding: 1rem;
}

#campaigns .slider-three-news .blue,
#campaigns .slider-three-news .green {
    padding: 2rem;
}

#campaigns .slider-three-news p,
#campaigns .news p {
    color: #000;
}

#campaigns .news-slider-news p:first-child {
    min-height: 8rem;
}

#campaigns .slider-three-news p:first-child {
    font-family: 'montserrat-bold' !important;
    font-size: 1.5rem !important;
    padding-bottom: 1rem !important;   
    padding-top: 1rem !important;   
}

#campaigns .slider-three-news p {
    font-family: 'montserrat-light';
    font-size: 1.4rem;
    line-height: 1.3;
}

.date-camp{
    font-weight: 800;
    font-size: 1rem;
}

/* End Campanhas */

/* Campanha Ind */
.background-ind {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    height: 36rem;
}
#campaigns-ind .background { 
    background-image: url(../images/campanhas/campanhas.jpg);     
}

#campaigns-compre-livro .background-ind { 
    background-image: url(../images/campanhas/banner-compre-um-livro-ajude-uma-familia-min.png);     
}
#campaigns-mbway .background-ind { 
    background-image: url(../images/campanhas/banner-MB-Way-min.png);     
}
#campaigns-padrinhos .background-ind { 
    background-image: url(../images/campanhas/banner-padrinhos-min.png);     
}
#campaigns-irs2022 .background-ind { 
    background-image: url(../images/campanhas/consigne-irs2022-min.png);     
}

.pdl-10{
    padding-left: 10rem;
}

.title-camp {
font-family: 'montserrat-regular';
    font-size: 2rem;
    letter-spacing: 0.2rem;
    padding-top: 3.5rem;
    margin-bottom: 2rem;
}

#campaigns-ind .campaign {
    padding: 0 10rem;
}

#campaigns-ind .campaign > div {
    width: 33.3%;
    padding: 3rem 1rem 1rem 1rem;
}

#campaigns-ind .campaign .white {
    padding: 1.5rem 0;
}

#campaigns-ind .campaign p {
    color: #000;
}

#campaigns-ind .campaign p:first-child {
    font-family: 'montserrat-bold';
    font-size: 1.2rem;
    line-height: 1.4;
}

#campaigns-ind .campaign p:last-child {
    font-family: 'montserrat-light';
    font-size: 1.1rem;
    min-height: 5rem;
}

/* End Campanha Ind */
/* Premios */
.background-premio {
    margin-top: 2rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    height: 25rem;
}
#premio1 .background-premio { 
    background-image: url(../images/media/premios/banner-premio1-min.png);     
}
#premio2 .background-premio { 
    background-image: url(../images/media/premios/banner-premio2-min.png);     
}
#premio3 .background-premio { 
    background-image: url(../images/media/premios/banner-premio3-min.png);     
}
#premio4 .background-premio { 
    background-image: url(../images/media/premios/banner-premio4-min.png);     
}
#premio5 .background-premio { 
    background-image: url(../images/media/premios/banner-premio5-min.png);     
}
#premio6 .background-premio { 
    background-image: url(../images/media/premios/banner-premio6-min.png);     
}

.negrito{
    font-weight: 800 !important;
}
/*End premios*/

/* Impacto */
.mx-w-img{
    width: 80% !important;
    max-width: 300px;
}
.just-center{
    display: flex;
    justify-content: center;
}
/* End Impacto */
/* End CSS V9 */

/* novas alterações 02/11/2022 */
/* page donativos, padrinhos, associados button com os forms */
.div-btn-ext {
    margin: 4rem 0 8rem 0;
    padding: 4rem;
    border-radius: 4rem;
}
.new-button-easypay {
    background-color: #ffffff;
    border: 0.2rem solid #ffffff;
    padding: 1rem;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    font-size: 1.4rem;
    border-radius: 4rem;
    width: 30rem !important;
}
.jc-c{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* CSS FORMULARIOS  */
#status {
    width: 90%;
    max-width: 500%;
    text-align: center;
    padding: 10px;
    margin: 1.5rem auto;
    border-radius: 8px;
    font-size: 2.5rem;
    font-family: 'montserrat-regular';
}

#status.success{
    background-color: rgb(211, 250, 153);
    animation: status 4s ease forwards;
}
#status.error{
    background-color: rgb(250, 129, 92);
    color: #FFFFFF;
    animation: status 4s ease forwards;
}

@keyframes status{
    0%{
        opacity: 1;
        pointer-events: all;
    }
    90%{
        opacity: 1;
        pointer-events: all;
    }
    100%{
        opacity: 0;
        pointer-events: none;
    }
}

/* END CSS FORMULARIOS  */
/* END novas alterações 02/11/2022 */


@media only screen and (max-width: 769px){
    .w49{
        width: 100%;
        flex-direction: column;
        margin: 2rem  0;
    }

    #about .colors .mycontainer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #content-mobile{
    flex-direction: column;
    }
    #home .btns {
        left: 50%;
        width: 20rem;
    }

    #working-at .news-grid {
        
    }

    
    
}

@media only screen and (max-width: 469px){
    .pdl-10{
        padding-left: 1rem;
    }
    
    #campaigns-ind .campaign > div{
        width: 100%;
    }
}

/* Alterações 15/11 */
#training .formations p:first-child {
    font-family: 'montserrat-bold';
    font-size: 1.5rem;
    line-height: 1.4;
}

#training .formations p:last-child {
    font-family: 'montserrat-light';
    font-size: 1.3rem;
    min-height: 5rem;
}

/* .fs-title-formation{
    font-size: 1.5rem !important;
}

.fs-content-formation{
    font-size: 1.3rem !important;
} */
.pd-2{
    padding: 2rem;
}
#coloquioGondomar .background { 
    background-image: url(../images/atividades/formacao/coloquio-gondomar-background-min.png); 
    background-repeat: no-repeat;
    background-size: contain;  
}
#coloquioAlmada .background { 
    background-image: url(../images/atividades/formacao/coloquio-almada-background-min.png); 
    background-repeat: no-repeat;
    background-size: contain;  
}

.qr-code{
    width: 100%;
    max-width: 250px;
}

.d-flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.program{
    width: 50%;
}

#aliancaTerapeutica .background { 
    background-image: url(../images/atividades/formacao/alianca-terapeutica-background-min.png); 
    background-repeat: no-repeat;
    background-size: contain;  
}

#coloquioGondomar .main-supertitle,
#coloquioAlmada .main-supertitle,
#aliancaTerapeutica .main-supertitle
 { 
    margin: -1rem;
}

#campaigns-presentes .background-ind { 
    background-image: url(../images/campanhas/banner-campanha-presentes-min.png);     
}

header.scroll .nav .toggle .bar{
    background-color: #384580;
}



/*    ANYWIND    */



.about-container {
    padding: 7rem 0;
}

.subtitle-about p{
    font-size: 3.6rem;
    line-height: 65px;
    font-weight: 600;

}

.subtitle-about .bold.big {
    color: #ee322e;
    font-family: 'montserrat-medium';
}

.title-about p {
    font-size: 1.6rem;
    line-height: 20px;
}


.desc-about p{
    font-size: 1.3rem;
    margin-bottom: 30px;
}

.nice-padding {
    padding: 1rem;
}


.text-blue {
    color: #008DA4;
}

.text-lightblue {
    color: #00B9D8;
}

.text-red {
    color: #ee322e;
}

.text-lightred {
    color: #ee322e;
}



/* cookie banner */
.cookie-banner {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 400px;
  padding: 2rem;
  background-color: #000;
  color: #fff;
  text-align: center;
  display: none;
}

.cookie-banner p {
    font-size: 0.9rem;
    line-height: 20px;
}

.cookie-banner a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.cookie-button {
  margin: 5px;
  padding: 5px 10px;
  border: none;
  border-radius: 3px;
  background-color: #008DA4;
  color: #fff;
  cursor: pointer;
}

/* Estilos para o modal */
.cookie-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
}

.modal-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  width: 100%;
  max-width: 600px;
  margin: 8rem auto;
}

.cookie-modal label {
  display: flex;
  gap: 2rem;
}

.cookie-modal label input {
  width: 15px;
}

.cookie-modal label input[disabled]:checked {
  background-color: #28a745;
  cursor: not-allowed;
}

.cookie-description {
  font-size: 0.8em;
  color: #666;
  margin-top: 5px;
}
/* end cookie banner */


/*    Working At    */

#working-at .nice-padding.w50.desc-about {
    margin-top: 15px;
    padding: 0 0 0 8rem;
}


#working-at .news-grid {
    font-family: 'montserrat-medium';
    gap: 2rem;
}
#working-at .news-item {
    border: none; /* Remove a borda */
    border-radius: 0; /* Remove o arredondamento das bordas, se houver */
    overflow: hidden; /* Garante que a imagem não ultrapasse os limites da div */
    box-shadow: 0px 0px 5px 0px #00000050;
    cursor: pointer;
    border-radius: 30px;
}


/* Estilos para o ícone de seta */
#working-at .arrow-icon {
    width: 20px;
    height: 20px;
    fill: blue; /* Cor do ícone */
    vertical-align: middle;
}
#working-at .arrow-icon:hover {
    fill: darkblue; /* Cor do ícone ao passar o mouse */
    cursor: pointer;
}


#working-at .news-infos {
    padding: 20px;
    position: absolute;
    bottom: 0;
}




#working-at svg {
    width: 30px;
}

.news-infos p,
.news-infos a {
    color: #ee322e; /* Define a cor da fonte da categoria, título e data */
}

#working-at .news-item:hover {
    background: #f0f4f6; /* Altera a cor de fundo no hover */
}

.news-item:hover .news-infos p,
.news-item:hover .news-infos h2,
.news-item:hover .news-infos a {
    color: white; /* Altera a cor do texto no hover */
}

.news-item:hover .cls-wa{
    fill:#fff;
}

.news-infos .date-news{
    font-size: 0.7rem;
    margin: 1rem 0;
}

.news-infos .cat-news{
    font-size: 1rem;
}

.title-news {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}



p.desc-working_at {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.nice-padding.w100.text-working_at {
    padding: 10rem 0;
    position: relative;
    margin-bottom: 5rem;
}


.working_at-bg {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.working_at-bg img {
    width: 80%;
}




.news-item:hover .news-image img {
    transform: scale(1.5);
    transition: 0.5s;
}


.news-image {
    overflow: hidden;
}


div#working-at-title {
    padding-bottom: 0;
}

/* div#working-at {
    padding-top: 0;
} */

#working-at .news-grid {
		grid-template-columns: repeat(1, 4fr) !important;
	}

    #working-at .news-grid {

    font-family: 'montserrat-medium';
    gap: 2rem;
}



/* OPEN JOBS */

#open-jobs .nice-padding.w50.desc-about {
    margin-top: 15px;
    padding: 0 0 0 8rem;
}


#open-jobs .news-grid {

    font-family: 'montserrat-medium';
    gap: 2rem;
}


#open-jobs .news-item {
    border: none; /* Remove a borda */
    border-radius: 0; /* Remove o arredondamento das bordas, se houver */
    overflow: hidden; /* Garante que a imagem não ultrapasse os limites da div */
    box-shadow: 0px 0px 5px 0px #00000050;
    cursor: pointer;
    background: #fff;
}


/* Estilos para o ícone de seta */
#open-jobs .arrow-icon {
    width: 20px;
    height: 20px;
    fill: blue; /* Cor do ícone */
    vertical-align: middle;
}
#open-jobs .arrow-icon:hover {
    fill: darkblue; /* Cor do ícone ao passar o mouse */
    cursor: pointer;
}


#open-jobs .news-infos {
    padding: 30px;
}



#open-jobs .news-info svg {
    width: 30px;
}

.news-infos p,
.news-infos a {
    color: #ee322e; /* Define a cor da fonte da categoria, título e data */
}

#open-jobs .news-item:hover {
    background: #ee322e; /* Altera a cor de fundo no hover */
}

.news-item:hover .news-infos p,
.news-item:hover .news-infos h2,
.news-item:hover .news-infos a {
    color: #000; /* Altera a cor do texto no hover */
}

.news-item:hover .cls-wa{
    fill:#000;
}

.news-infos .date-news{
    font-size: 1rem;
    margin: 1rem 0;
}

.news-infos .cat-news{
    font-size: 1rem;
}

.title-news {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 0.5rem;
    min-height: 110px;
}

.footer-news svg {
    width: 30px;
}


p.desc-working_at {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.nice-padding.w100.text-working_at {
    padding: 10rem 0;
    position: relative;
    margin-bottom: 5rem;
}


.working_at-bg {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.working_at-bg img {
    width: 80%;
}



.news-item:hover .news-image img {
    transform: scale(1.5);
    transition: 0.5s;
}


.news-image {
    overflow: hidden;
}


div#open-jobs-title {
    padding-bottom: 0;
}

div#open-jobs {
    padding-top: 0;
}

/* SMARTPHONE */
@media(max-width: 768px) {  
    #working-at .news-grid {
        
    }
}


.footer-news {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-news a {
    margin: 0 0 0;
}

.news-infos .cat-news {
    font-size: 1.2rem;
}

/*    END Working At    */


#ambition {
    /*background-image: url(../images/projeto_cy-images/our_numbers-bg-min.png);*/
    background-image: url();
    /* height: 30rem !important; */
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    background-size: cover;
    background-attachment: fixed;
    background-position: 80%;
    padding-top: 8rem;
    padding-bottom: 8rem;
}


#ambition p {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    font-family: 'montserrat-regular';
}

svg.svg-scroll_up {
    transform: rotate(180deg);
}

a#href-see-more {
    color: #fff;
    font-family: 'montserrat-regular';
    text-transform: uppercase;
    font-weight: bold;
    background: #ee322e;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 3rem;
    border-radius: 30px;
    margin-right: 1rem;
    cursor: pointer;
    font-size: 1rem;
    width: 430px;
    transition: .5s;
}

div#see-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 8rem;
}

a#href-see-more:hover {
    background: #a52421;
}



#home .begin-new { 
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    overflow: hidden;
}



/* TABLET */
@media(max-width: 1050px) { 
    #home > div.begin-new.background > div > div > div {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        height: 100%;
    }


    #home .begin-new {
        height: 60rem !important;
    }


         /* Estilos para o slider */
            #home .begin-new .slider-container {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
        .begin-new .slider {
            width: 100%;
            height: 100%;
        }
    
        .begin-new .slider video {
            width: 110%;
            height: 100%;
            object-fit: cover;
        }
    
        /* Estilos para o conteúdo do banner */
        .begin-new .container-title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            color: #fff; /* Cor do texto */
            text-align: center;
        }
}


@media(max-width: 700px) {  
    /* HOME */
    #home .begin-new {
        height: auto !important;
    }
}


.contact .begin {
    /*background-image: url(../images/projeto_cy-images/Ativo1222-min.png) !important;*/
    background-image: url();
    height: 70vh !important;
    position: relative;
    display: flex;
    flex-flow: column;
}

div#contact {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(237, 242, 244, 1) 40%);
}


#contact .info-contact, #contact span {
    font-family: 'montserrat-regular';
}

#contact .title-about p {
    font-size: 1.3rem;
    font-family: 'montserrat-semibold';
}

#contact .info-contact {
    margin: 1rem 0 3rem;
}


#contact p.title-forms.no-padding {
    font-size: 1.2rem;
    line-height: 25px;
}


.mosaic-container {
    display: flex;
    gap: 1rem;
    margin: auto;
    overflow: hidden;
}

.mosaic-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s;
}

.mosaic-item img {
    width: 100%;
    height: auto;
    display: block;
}
.mosaic-item .caption {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    font-family: 'montserrat-regular';
}

.mosaic-item:first-child {
    margin-bottom: 1rem;
}


.mosaic-item:hover .image-mosaic {
    transform: scale(1.5);
    transition: 0.5s;
}

div#portfolio {
    padding: 5rem 0 0;
}


li.button-nav:hover {
    background: #a52421;
}


.mosaic-column:nth-child(1) {
    width: 28%;
}

.mosaic-column:nth-child(2) {
    width: 19.6%;
}

.mosaic-column:nth-child(3) {
    width: 28%;
}

.mosaic-column:nth-child(4) {
    width: 23.9%; 
}

.logo svg {
    width: 200px;
}

.scroll .cls-logo-14 {
    fill: #fff !important;
    transition: .3s;
}


.scroll .logo svg {
    width: 135px !important;
	transition: .5s;
}



/*      OPEN JOBS      */



#open-jobs header {
    background-color: transparent !important;
}

#open-jobs header.scroll {
    position: fixed !important;
    background: #000000 !important;
}

#open-jobs .begin {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/open_jobs-banner.webp);*/
    background-image: url();
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#open-jobs .btns {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5rem;
    width: 20%;
}

#open-jobs .btns > div {
    padding: 4% 0;
}

#open-jobs .btns .link {
    font-size: 1.3vw;
font-family: 'montserrat-regular';
    text-transform: uppercase;
    border-radius: 4rem;
    padding: 1rem 0;
    text-align: center;
}

#open-jobs .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#open-jobs .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#open-jobs .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#open-jobs .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#open-jobs .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#open-jobs .main-title h1 b{
    font-weight: 600;
}

#open-jobs .about-container {
    background: #f1f4f6;
}


@media(max-width: 1050px) { 

    /* HOME */
    #open-jobs header {
        position: fixed !important;
        background-color: #000000 !important;
    }

	#open-jobs header.scroll {
	    background-image: none !important;  
	    position: fixed !important;
	    background-color: #000000 !important;
	}

    #open-jobs .begin {
        height: 60rem !important;
    }

    #open-jobs .main-title .container-title {
        flex-flow: column;
    }

    #open-jobs .main-title h1 {
        text-align: center;
        font-size: 4rem !important;
        line-height: 3.5rem !important;
    }

    .container-title h2 {
        max-width: 270px;
        margin-top: 50px;
        font-size: 1.5rem;
        color: #fff;
        line-height: 2rem;
        padding: 0;
    }

    #open-jobs > div.begin.background > div > div > div {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }
}


/* SMARTPHONE */
@media(max-width: 700px) {  
    #open-jobs .begin {
        height: 65rem !important;
    }

   
    #open-jobs .topics > div {
        width: 100%;
        padding: 3rem 1rem;
    }

    #open-jobs .topics .smallparagraph p {
        min-height: unset;
    	padding-bottom: 3rem;
    }   
}

/* APPLYING */

#applying .nice-padding.w50.desc-about {
    margin-top: 15px;
    padding: 0 0 0 8rem;
}


#applying .news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-family: 'montserrat-medium';
    gap: 2rem;
}
#applying .news-item {
    border: none; /* Remove a borda */
    border-radius: 0; /* Remove o arredondamento das bordas, se houver */
    overflow: hidden; /* Garante que a imagem não ultrapasse os limites da div */
    box-shadow: 0px 0px 5px 0px #00000050;
    cursor: pointer;
    background: #fff;
}


/* Estilos para o ícone de seta */
#applying .arrow-icon {
    width: 20px;
    height: 20px;
    fill: blue; /* Cor do ícone */
    vertical-align: middle;
}
#applying .arrow-icon:hover {
    fill: darkblue; /* Cor do ícone ao passar o mouse */
    cursor: pointer;
}


#applying .news-infos {
    padding: 30px;
}



#applying .news-info svg {
    width: 30px;
}

div#applying-title {
    padding-bottom: 0;
}

div#applying {
    padding-top: 0;
}




/* meet-the-team */

#meet-the-team .nice-padding.w50.desc-about {
    margin-top: 15px;
    padding: 0 5rem;
}


#meet-the-team .news-grid {
    font-family: 'montserrat-medium';
}
#meet-the-team .news-item {
    border: none; /* Remove a borda */
    border-radius: 0; /* Remove o arredondamento das bordas, se houver */
    overflow: hidden; /* Garante que a imagem não ultrapasse os limites da div */
    box-shadow: 0px 0px 5px 0px #00000050;
    cursor: pointer;
    background: #fff;

    border-radius: 3rem;
    margin: 1rem;
}

#meet-the-team .slick-dots {
    display: none !important;
}


#meet-the-team .slick-next:before, 
#meet-the-team .slick-prev:before {
    font-family: slick;
    font-size: 40px;
}

#meet-the-team .slick-prev {
    left: -45px;
}

/* Estilos para o ícone de seta */
#meet-the-team .arrow-icon {
    width: 20px;
    height: 20px;
    fill: blue; /* Cor do ícone */
    vertical-align: middle;
}
#meet-the-team .arrow-icon:hover {
    fill: darkblue; /* Cor do ícone ao passar o mouse */
    cursor: pointer;
}


#meet-the-team .news-infos {
    padding: 30px;
}



#meet-the-team .news-info svg {
    width: 30px;
}

div#meet-the-team-title {
    padding-bottom: 0;
}

div#meet-the-team {
    padding-top: 0;
}


/*      MEET THE TEAM      */



#meet-the-team header {
    background-color: transparent !important;
}

#meet-the-team header.scroll {
    position: fixed !important;
    background: #000 !important;
}

.three_bg a {
    width: inherit;
}

#meet-the-team .begin {
    height: 82vh;
    position: relative;
    display: flex;
    flex-flow: column;
}


#meet-the-team .bg_section-1 {
    border-radius: 3rem;
}

#meet-the-team .bg_section-2 {
    border-radius: 3rem;
}

#meet-the-team .bg_section-3 {
    border-radius: 3rem;
}

.bg_section-1 {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/workingat-1.webp);*/
    background-image: url();
    background-position: 34%;
}

.bg_section-2 {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/applying-banner.webp);*/
    background-image: url();
    background-position: center;
}

.bg_section-3 {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/open_jobs-banner.webp);*/
    background-image: url();
}


/* Container principal do banner */
.banner-container {
    display: flex;
    width: 100%;
    height: 500px; /* Altura do banner */
    overflow: hidden;
}

/* Estilo básico de cada seção do banner */
.banner-section {
    position: relative;
    flex: 1; /* Todas as seções ocupam o mesmo espaço inicialmente */
    transition: flex 0.5s ease; /* Transição suave para a mudança de tamanho */
    overflow: hidden;
}

/* Efeito de hover para expandir a seção */
.banner-section:hover {
    flex: 3; /* Expande a seção selecionada */
}

/* Contração das outras seções quando uma está em hover */
.banner-section:not(:hover) {
    flex: 1; /* As outras seções encolhem */
}

/* Estilo adicional para o conteúdo da seção */
.banner-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.4); Overlay preto com opacidade */
    transition: background-color 0.5s ease; /* Transição suave do overlay */
    z-index: 1;
    border-radius: 3rem;
    
}

.banner-section:hover::before {
    background-color: rgba(0, 0, 0, 0.3); /* Overlay mais escuro ao hover */
}




.three_bg {
    display: flex;
    height: 82vh;
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    border-width: 0 20px 0;
    border-color: #fff;
    border-style: solid;
}

#meet-the-team .btns {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5rem;
    width: 20%;
}

#meet-the-team .btns > div {
    padding: 4% 0;
}

#meet-the-team .btns .link {
    font-size: 1.3vw;
font-family: 'montserrat-regular';
    text-transform: uppercase;
    border-radius: 4rem;
    padding: 1rem 0;
    text-align: center;
}

#meet-the-team .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#meet-the-team .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#meet-the-team .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#meet-the-team .main-title .container-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
}

#meet-the-team .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 4.9rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#meet-the-team .main-title h1 b {
    font-weight: 600;
    font-family: 'montserrat-regular';
}

.title-meet-the-team {
    margin-bottom: 30px;
}


.title-meet-the-team span {
    font-size: 3.6rem;
    line-height: 55px;
    font-weight: 600;
    font-family: 'montserrat-medium';
   
}

.title-meet-the-team .bold.big {
    color: #ee322e;
    font-family: 'montserrat-medium';
}

#meet-the-team .testimonials {
    padding: 0;
    text-align: center;
}

#meet-the-team .our-numbers {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}


#meet-the-team .topics {
    padding: 0;
    justify-content: space-between;
    width: 100%;
    max-width: 750px;
    margin-top: 2rem;
}

#meet-the-team .topics > div {
    width: 17%;
    padding: 0;
}

#meet-the-team .topics .hipertitle {
    text-transform: uppercase;
}

#meet-the-team .topics .smallparagraph p {
    border-top: 0.3rem solid #8faa69;
    border-radius: 0.2rem;
    padding-top: 2rem;
    min-height: 20rem;
    line-height: 2;
}

#meet-the-team .topics .cta a {
    font-family: 'montserrat-bold';
    text-align: center;
    font-size: 1.5rem;
    border-radius: 4rem;
    padding: 1rem 2.5rem;
}

#meet-the-team .news-item:hover {
    background: #f0f4f6; /* Altera a cor de fundo no hover */
}

#meet-the-team .our-numbers .title {
    color: #000;
}

#meet-the-team .hipertitle h2 {
    color: #000;
    font-size: 1.2rem;
}

#meet-the-team #see-more {
    padding: 4rem 0 0;
}


#meet-the-team .image-box-4 {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/meet-the-team.jpg);*/
    background-image: url();
}

#meet-the-team .image-box {
    height: 65vh !important;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background-size: 55%;
    background-repeat: no-repeat;
    margin: 2rem 0 8rem;
    padding: 1rem;
}

section#meet-the-team {
    padding-top: 15vh;
}

#meet-the-team header {
    top: 0;
    left: 0;
}

#meet-the-team .box-our_numbers {
    text-align: center;
    margin: 0 auto;
}

#meet-the-team .icon {
    width: 100px;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #meet-the-team .box-our_numbers {
        max-width: 90%;
        margin: auto;
    }

    #meet-the-team .icon {
        width: 70px;
    }
}

img.img-responsive.img-about.aos-init.aos-animate {
    border-radius: 3rem;
}

.info-box {
    display: none;
    position: absolute;
    top: 20%;
    left: calc(70% + 30px); /* Ajusta a posição para aparecer ao lado do mapa */
    background-color: white;
    border: 1px solid #ddd;
    padding: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    max-width: 250px;
    z-index: 10;
}

.info-box h2 {
    margin-top: 0;
    font-size: 1.5rem;
}

.info-box p {
    margin: 10px 0;
    font-size: 1rem;
}

.info-box button {
    background-color: #e5241d;
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 1rem;
    border-radius: 5px;
}

.info-box button:hover {
    background-color: #c51e1a;
}

.bg-red {
    background: #ee322e; /* Altera a cor de fundo no hover */
}

.bg-grey {
    background: #f1f4f6; /* Altera a cor de fundo no hover */
}


#meet-the-team .news-infos .date-news {
    font-size: 1rem;
    margin: 1rem 0;
    color: #000;
}

#meet-the-team .news-item:hover .news-infos p,#meet-the-team .news-item:hover .news-infos h2,#meet-the-team .news-item:hover .news-infos a {
    color: #000;
}

#meet-the-team > div.three_bg.banner-container > a:nth-child(2), #meet-the-team > div.three_bg.banner-container > a:nth-child(1) {
    border-width: 0 20px 0 0;
    border-color: #fff;
    border-style: solid;
}

#meet-the-team div#news-container {
    background: #F1F4F6;
}

ul.submenu {
    position: absolute;
    display: none;
    flex-flow: column;
    left: 0;
    width: 100%;
    padding: 1rem;
    background: #0000007d;
}

header ul li:hover ul.submenu {
    display: flex;
}

header ul li{
   position: relative;
}

.submenu li {
    margin: 0;
}

header .submenu li a {
    color: #fff;
}

.the-team .mycontainer.webflex.justify{
    flex-flow: row;
}

.the-team img.img-responsive.img-about.aos-init.aos-animate {
    max-width: 520px;
}

.the-team .slick-next:before, .the-team .slick-prev:before {
    color: #e42320;
}

.the-team .slick-next, .the-team .slick-prev {
    z-index: 9;
}


.the-team .slick-prev {
    left: auto !important;
    right: 70px;
    z-index: 9;
    bottom: 10px;
    top: auto;
}

.the-team .slick-next {
    right: 20px !important;
    bottom: 10px;
    top: auto;
}

.seals_footer svg {
    width: 150px;
    margin-left: 5rem;
}

.box-icons_footer {
    display: flex;
    align-items: baseline;
}

@media(max-width: 1050px) { 

    /* HOME */
    #meet-the-team header {
        position: fixed !important;
        background-color: #000000 !important;
    }

    header .bar {
        width: 3.5rem;
        height: 0.3rem;
        background-color: #000;
    }

    #meet-the-team header {
        position: fixed !important;
        background-color: #ffffffa3 !important;
    }

	#meet-the-team header.scroll {
	    background-image: none !important;  
	    position: fixed !important;
	    background-color: #000 !important;
	}

    #meet-the-team .begin {
        height: 60rem !important;
    }

    #meet-the-team .main-title .container-title {
        flex-flow: column;
    }

    #meet-the-team .main-title h1 {
        text-align: center;
        font-size: 4rem !important;
        line-height: 3.5rem !important;
    }

    .container-title h2 {
        max-width: 270px;
        margin-top: 50px;
        font-size: 1.5rem;
        color: #fff;
        line-height: 2rem;
        padding: 0;
    }

    #meet-the-team > div.begin.background > div > div > div {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }

    #meet-the-team .news-grid {
        grid-template-columns: repeat(1, 4fr) !important;
    }

    #meet-the-team .nice-padding.w50.desc-about {
        padding: 0;
    }

    #meet-the-team .box-image_text .nice-padding {
        background: #00000000;
        color: #000;
    }

    #meet-the-team .nice-padding.w50.desc-about {
        padding: 0;
        width: 100%;
        text-align: center;
    }
	
	.the-team .mycontainer.webflex.justify{
		flex-flow: column;
	}
	#open-jobs .news-grid {
		grid-template-columns: repeat(1, 4fr) !important;
	}
	
	div#contact {
		background: #EDF2F4;
	}
	
	footer .social {
		align-items: center;
		justify-content: center;
	}
	
	.box-icons_footer {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
	}
	
	.seals_footer svg{
		margin: 3rem 0 0;
	}

    #meet-the-team .begin {
        height: 30rem !important;
    }

}


/* SMARTPHONE */
@media(max-width: 700px) {  
    #meet-the-team .begin {
        height: 30rem !important;
    }

   
    #meet-the-team .topics > div {
        width: 100%;
        padding: 3rem 1rem;
    }

    #meet-the-team .topics .smallparagraph p {
        min-height: unset;
    	padding-bottom: 3rem;
    }

    #meet-the-team .w60 {
        width: 100%;
        /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/meet-the-team_img1_1.webp);*/
        background-image: url();
        height: 25vh;
        background-size: contain;
        z-index: 5;
    }

    #meet-the-team .image-box-4 {
        background: none;
    }

    #meet-the-team p.title-box-image_text {
        font-size: 2.5rem;
    }

    #meet-the-team .image-box {
        margin: 0;
    }
}

#meet-the-team div#services-offshore {
    padding: 6rem 0 0 !important;
}

/*      AAPLYING      */



#applying header {
    background-color: transparent !important;
}

#applying header.scroll {
    position: fixed !important;
    background: #000 !important;
}

#applying .begin {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/applying-banner.webp);*/
    background-image: url();
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#applying .btns {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5rem;
    width: 20%;
}

#applying .btns > div {
    padding: 4% 0;
}

#applying .btns .link {
    font-size: 1.3vw;
font-family: 'montserrat-regular';
    text-transform: uppercase;
    border-radius: 4rem;
    padding: 1rem 0;
    text-align: center;
}

#applying .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#applying .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#applying .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#applying .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#applying .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#applying .main-title h1 b{
    font-weight: 600;
}

.title-applying {
    margin-bottom: 30px;
}


.title-applying span {
    font-size: 3.6rem;
    line-height: 55px;
    font-weight: 600;
    font-family: 'montserrat-medium';
   
}


.video-container {
    height: 100vh ;
    overflow: hidden;
}

.our-numbers .title {
    color: #fff;;
}


.box-our_numbers svg {
    height: 120px;
    padding: 10px;
}

#applying .topics {
    padding: 0;
    justify-content: space-between;
    width: 100%;
    max-width: 750px;
    margin-top: 2rem;
}

#applying .topics > div {
    width: 31%;
    padding: 4rem 1rem;
    border: 1px solid #e42320;
    border-radius: 15px;
}

#applying .topics .hipertitle {
    text-transform: uppercase;
}

#applying .topics .smallparagraph p {
    border-top: 0.3rem solid #8faa69;
    border-radius: 0.2rem;
    padding-top: 2rem;
    min-height: 20rem;
    line-height: 2;
}



#applying .topics .cta a {
    font-family: 'montserrat-bold';
    text-align: center;
    font-size: 1.5rem;
    border-radius: 4rem;
    padding: 1rem 2.5rem;
}

#applying .news-item:hover {
    background: #ee322e; /* Altera a cor de fundo no hover */
}

#applying .our-numbers .title {
    color: #000;
}

#applying .hipertitle h2 {
    color: #000;
}

#applying #see-more {
    padding: 4rem 0 0;
}

.quote-container {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/banner-novo-waa.png);*/
    background-image: url();
    height: 95vh;
    position: relative;
    display: flex;
    flex-flow: column;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10rem 0 0;
    align-items: center;
    justify-content: center;
}

.desc-quote p{
    font-size: 25px;
    color: #fff;
}

.video-container {
    height: auto;
    overflow: hidden;
}


@media(max-width: 1050px) { 

    /* HOME */
    #applying header {
        position: fixed !important;
        background-color: #000000 !important;
    }

	#applying header.scroll {
	    background-image: none !important;  
	    position: fixed !important;
	    background-color: #000000 !important;
	}

    #applying .begin {
        height: 60rem !important;
    }

    #applying .main-title .container-title {
        flex-flow: column;
    }

    #applying .main-title h1 {
        text-align: center;
        font-size: 4rem !important;
        line-height: 3.5rem !important;
    }

    .container-title h2 {
        max-width: 270px;
        margin-top: 50px;
        font-size: 1.5rem;
        color: #fff;
        line-height: 2rem;
        padding: 0;
    }

    #applying > div.begin.background > div > div > div {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }

    #applying .news-grid {
        grid-template-columns: repeat(1, 4fr) !important;
    }

    #applying .nice-padding.w50.desc-about {
        padding: 0;
    }

    .title-about p {
        font-size: 3.5rem;
        line-height: 40px;
    }

}


/* SMARTPHONE */
@media(max-width: 700px) {  
    #applying .begin {
        height: 65rem !important;
    }

   
    #applying .topics > div {
        width: 100%;
        padding: 3rem 1rem;
    }

    #applying .topics .smallparagraph p {
        min-height: unset;
    	padding-bottom: 3rem;
    }   

    .desc-quote p {
        font-size: 20px;
    }
}


.title-applying .bold.big {
    color: #ee322e;
    font-family: 'montserrat-medium';
}

#applying .testimonials {
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center;
}
#applying .our-numbers {
    background: #f1f4f6;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}


/* ABOUT-US */



#about-us_ID .begin {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/about-us-banner.webp);*/
    background-image: url();
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
    z-index: 9999;
}

#about-us_ID .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#about-us_ID .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#about-us_ID .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#about-us_ID .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#about-us_ID .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
    text-shadow: 3px 4px 23px #000;
}

#about-us_ID .main-title h1 b{
    font-weight: 600;
}

#about-us_ID #working-at .about-container {
    background: #ee322e;
}


#about-us_ID #working-at div#see-more {
    padding: 0;
}


.timeline-container {
    position: relative;
    width: 100vw;
    overflow: hidden;
}

.time-line_slider-horizontal {
    display: flex;
    width: calc(300vw); /* Para 3 itens visíveis por vez, ajustado conforme a quantidade de itens */
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.timeline-container .box-item {
    width: 33.33vw; /* Largura de cada item ajustada para caber 3 itens na tela */
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 20px;
    background-color: #f0f0f0;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.title-slider-hori span {
    font-size: 150px;
    margin-bottom: 10px;
    font-family: 'montserrat-medium';
}

/* Define a cor do texto transparente com borda vermelha */
.title-slider-hori span {
    color: #f0f0f0;
    padding: 5px;
    text-align: center;
    transition: color 0.3s ease;
    text-shadow: 
        1px 1px 0 rgba(229, 36, 29, 0.1), 
        -1px -1px 0 rgba(229, 36, 29, 0.1), 
        1px -1px 0 rgba(229, 36, 29, 0.1), 
        -1px 1px 0 rgba(229, 36, 29, 0.1), 
        2px 2px 0 rgba(229, 36, 29, 0.1), 
        -2px -2px 0 rgba(229, 36, 29, 0.1), 
        2px -2px 0 rgba(229, 36, 29, 0.1), 
        -2px 2px 0 rgba(229, 36, 29, 0.1);
}

/* Define o estilo do texto ao passar o mouse sobre o box-item */
.box-item:hover .title-slider-hori span {
    color: rgba(229, 36, 29, 0.1); /* Torna o texto visível e vermelho */
    text-shadow: none;
    border: none; /* Remove a borda ao passar o mouse */
}

/* Define o estilo do texto adicional ao passar o mouse sobre o box-item */
.box-item:hover .text-slider-hori {
    display: block; /* Mostra o texto adicional */
}


#about-us_ID a#href-see-more {
    background: #fff;
    color: #000;
    margin-top: 2rem;
}


#about-us_ID #working-at .news-infos {
    position: absolute;
    bottom: 0;
}

#about-us_ID #working-at .cat-news {
    color: #fff;
}


#home header.scroll {
    position: fixed !important;
    background: #000 !important;
}



.text-slider-hori span {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
    font-family: 'montserrat-medium';
    padding: 10px;
    background-color: #f0f0f0;
    display: none;
}

.text-slider-hori {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.timeline-container .box-item:hover .text-slider-hori span { 
    display: block !important;
}

section#about-us_ID {
    position: relative;
}

#time-line-section {
    height: 80vh;
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    /* position: sticky; */
    top: 0;
}


#time-line-section.sticky-off {
    position: static !important;
}



#working-at .slick-next:before, #working-at .slick-prev:before {
    color: #e42320;
}

#working-at .news-item {
    border: none;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #00000050;
    cursor: pointer;
    background: #fff;
    border-radius: 3rem;
    margin: 1rem;
}


#open-jobs .slick-next:before, #open-jobs .slick-prev:before {
    color: #e42320;
}

#news-container .slick-next:before, #news-container .slick-prev:before {
    color: #e42320;
}


@media(max-width: 1050px) { 

    /* HOME */
    #about-us_ID header {
        position: fixed !important;
        background-color: #ffffffa3 !important
    }

	#about-us_ID header.scroll {
	    background-image: none !important;  
	    position: fixed !important;
        background: #000 !important;

	}

    #about-us_ID .begin {
        height: 60rem !important;
    }

    #about-us_ID .main-title .container-title {
        flex-flow: column;
    }

    #about-us_ID .main-title h1 {
        text-align: center;
        font-size: 4rem !important;
        line-height: 3.5rem !important;
    }

    .container-title h2 {
        max-width: 270px;
        margin-top: 50px;
        font-size: 1.5rem;
        color: #fff;
        line-height: 2rem;
        padding: 0;
    }

    #about-us_ID > div.begin.background > div > div > div {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }
}


/* SMARTPHONE */
@media(max-width: 700px) {  
    #about-us_ID .begin {
        height: 65rem !important;
    }

   
    #about-us_ID .topics > div {
        width: 100%;
        padding: 3rem 1rem;
    }

    #about-us_ID .topics .smallparagraph p {
        min-height: unset;
    	padding-bottom: 3rem;
    }   
}



/*      TIMELINE      */



#timeline header {
    background-color: transparent !important;
}

#timeline header.scroll {
    position: fixed !important;
    background: #000 !important;
}

#timeline .begin { 
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/our-timeline-min.png);*/
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#timeline .btns {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5rem;
    width: 20%;
}

#timeline .btns > div {
    padding: 4% 0;
}

#timeline .btns .link {
    font-size: 1.3vw;
font-family: 'montserrat-regular';
    text-transform: uppercase;
    border-radius: 4rem;
    padding: 1rem 0;
    text-align: center;
}

#timeline .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#timeline .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#timeline .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#timeline .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#timeline .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#timeline .main-title h1 b{
    font-weight: 600;
}

.title-timeline {
    margin-bottom: 30px;
}


.title-timeline span {
    font-size: 3.6rem;
    line-height: 55px;
    font-weight: 600;
    font-family: 'montserrat-medium';
   
}


.video-container {
    height: 100vh ;
    overflow: hidden;
}

.our-numbers .title {
    color: #fff;;
}


.box-our_numbers svg {
    height: 110px;
    padding: 10px;
}

#timeline .topics {
    padding: 0;
    justify-content: space-between;
    width: 100%;
    max-width: 750px;
    margin-top: 2rem;
}

#timeline .topics > div {
    width: 31%;
    padding: 4rem 1rem;
    border: 1px solid #e42320;
    border-radius: 15px;
}

#timeline .topics .hipertitle {
    text-transform: uppercase;
}

#timeline .topics .smallparagraph p {
    border-top: 0.3rem solid #8faa69;
    border-radius: 0.2rem;
    padding-top: 2rem;
    min-height: 20rem;
    line-height: 2;
}



#timeline .topics .cta a {
    font-family: 'montserrat-bold';
    text-align: center;
    font-size: 1.5rem;
    border-radius: 4rem;
    padding: 1rem 2.5rem;
}

#timeline .news-item:hover {
    background: #ee322e; /* Altera a cor de fundo no hover */
}

#timeline .our-numbers .title {
    color: #000;
}

#timeline .hipertitle h2 {
    color: #000;
}

#timeline #see-more {
    padding: 4rem 0 0;
}


/*.wrapper {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    perspective: 1000;
  }
  
  .section {
    height: 60vh;
    width: calc(100% / 5);
    float: left;
    position: relative; /* apenas para fins estéticos */
  
    /* Cores diferentes para cada seção */
  }
  /*
  .section:nth-child(1) {
    background: #F64747;
  }
  
  .section:nth-child(2) {
    background: #22A7F0;
  }
  
  .section:nth-child(3) {
    background: #F9690E;
  }
  
  .section:nth-child(4) {
    background: #9B59B6;
  }
  
  .section:nth-child(5) {
    background: #03C9A9;
  }
  
  .section__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
  }*/




  /*            OUR VALUES       */


  
#our-values header {
    background-color: transparent !important;
}

#our-values header.scroll {
    position: fixed !important;
    background: #000000 !important;
}

#our-values .begin { 
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/our-values-banner.webp);*/
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#our-values .btns {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5rem;
    width: 20%;
}

#our-values .btns > div {
    padding: 4% 0;
}

#our-values .btns .link {
    font-size: 1.3vw;
font-family: 'montserrat-regular';
    text-transform: uppercase;
    border-radius: 4rem;
    padding: 1rem 0;
    text-align: center;
}

#our-values .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#our-values .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#our-values .main-title {
    width: 100%;
    position: absolute;
    bottom: 8rem;
}

#our-values .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#our-values .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#our-values .main-title h1 b{
    font-weight: 600;
}

#our-values .about-container {
    background: #f1f4f6;
    padding: 0;
}

#our-values .news-item {
    border: none; /* Remove a borda */
    border-radius: 0; /* Remove o arredondamento das bordas, se houver */
    overflow: hidden; /* Garante que a imagem não ultrapasse os limites da div */
    box-shadow: 0px 0px 5px 0px #00000050;
    cursor: pointer;
    background: #fff;

    border-radius: 3rem;
    margin: 1rem;
}

#our-values .slick-dots {
    display: none !important;
}


#our-values .slick-next:before, 
#our-values .slick-prev:before {
    font-family: slick;
    font-size: 40px;
}

#our-values .slick-prev {
    left: -45px;
}


.title-our_values svg {
    height: 100px;
    margin-bottom: 2rem;
}

.title-our_values {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e42320;
    flex-flow: row;
    align-items: end;
    padding-bottom: 1rem;
}

#our-values .news-infos {
    padding: 2rem;
}

#our-values .title-news {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 0.5rem;
    min-height: auto !important;
    font-family: 'montserrat-medium';
}

#our-values p.date-news {
    color: #000;
}


#our-values .news-infos .date-news {
    font-size: 1.2rem;
    margin: 1rem 0;
    font-family: 'montserrat-regular';
    line-height: 1.8rem;
}


#our-values .news-infos {
    min-height: 530px;
}


#our-values .news-item:hover {
    background: #e42320;
}

#our-values .news-item:hover .title-our_values {
    border-bottom: 1px solid #fff;
}

#our-values .news-item:hover p.date-news {
    color: #fff;
}

#our-values .news-item:hover .cls-audacia-1, #our-values .news-item:hover .cls-compaixao-1, #our-values .news-item:hover .cls-compromisso-1{
    fill:#fff;
}

#our-values .slick-next:before, #our-values .slick-prev:before {
    color: #e42320;
}


#our-values > div.colors.mediumparagraph.about-container > div {
    margin-top: -6rem !important;
    padding-bottom: 4rem;
}


@media(max-width: 1050px) { 

    /* HOME */
    #our-values header {
        position: fixed !important;
    }

	#our-values header.scroll {
	    background-image: none !important;  
	    position: fixed !important;
	    background-color: #000 !important;
	}

    #our-values .begin {
        height: 60rem !important;
    }

    #our-values .main-title .container-title {
        flex-flow: column;
    }

    #our-values .main-title h1 {
        text-align: center;
        font-size: 4rem !important;
        line-height: 3.5rem !important;
    }

    .container-title h2 {
        max-width: 270px;
        margin-top: 50px;
        font-size: 1.5rem;
        color: #fff;
        line-height: 2rem;
        padding: 0;
    }

    #our-values > div.begin.background > div > div > div {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }
}


/* SMARTPHONE */
@media(max-width: 700px) {  
    #our-values .begin {
        height: 65rem !important;
    }

   
    #our-values .topics > div {
        width: 100%;
        padding: 3rem 1rem;
    }

    #our-values .topics .smallparagraph p {
        min-height: unset;
    	padding-bottom: 3rem;
    }   
}


/* QHSE */ 



#qhse .begin { 
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/QHSE-min.png);*/
    height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

#qhse .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#qhse .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#qhse .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#qhse .main-title .container-title{
    display: flex;
    justify-content: space-between;
}

#qhse .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#qhse .main-title h1 b{
    font-weight: 600;
}

#qhse #working-at .about-container {
    background: #ee322e;
}


#qhse #working-at div#see-more {
    padding: 0;
}

#qhse p.cat-news {
    color: #fff;
    font-size: 1.5rem;
    min-height: 72px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

#qhse #working-at .news-item:hover p.cat-news {
    border-bottom: 1px solid;
}


#qhse .news-item {
    box-shadow: none;
    margin: 0 1rem;
    cursor: pointer;
}


#qhse #working-at .news-infos {
    padding: 20px;
    position: absolute;
    bottom: -100px;
    transition: .4s;
    margin: 0 1rem 0 0;
    border-radius: 0 0 30px 30px;
    max-height: 172px;
}

#qhse #working-at .news-item:hover .news-infos {
    bottom: 0;
    background: #ee322eb0;
    border-radius: 0 0 30px 30px;
    max-height: 362px;
    overflow-y: scroll;
}

#qhse #working-at .news-infos span {
    color: #fff;
    font-size: 0.8rem;
}


#qhse #working-at .news-grid .aos-init.aos-animate {
    overflow: hidden;
    /* margin: 1rem; */
}


#our-policies .news-item {
    border: 1px solid #e42320;
    padding: 2rem;
    margin: 1rem;
    border-radius: 30px;
    
}

#our-policies h2.title-news {
    font-family: 'montserrat-medium';
    font-size: 25px;
    line-height: 40px;
}

.disp-flex {
    display: flex;
}

#our-policies .title-our_values {
    border: none;
}

#our-policies .footer-news .arrow-right svg {
    width: 15px;
}

#our-policies p.date-news {
    font-size: 12px;
}

#our-policies .news-item:hover {
    background: #f0f4f6;
}



.cls-document-1{
    fill:#e42320;
}

#our-policies .news-item:hover .cls-document-1 {
    fill:#fff;
}

.cls-document-2{
    fill:#fff;
}

#our-policies .news-item:hover .cls-document-2{
    fill:#e42320;
}

.cls-arrow-right-1{
    fill:#fff;
    stroke:#e42320;
    stroke-linejoin:bevel;
    stroke-width:5px;
}

#our-policies .news-item:hover .cls-arrow-right-1 {
    fill:#e42320;
    stroke:#fff;
}

#our-policies .slick-next:before, #our-policies .slick-prev:before {
    font-size: 35px;
    color: #e42320;
    opacity: 1;
}

.qhse-slider .news-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}

.qhse-slider {
    background: #f1f4f6;
    
}


.maps-box {
    position: relative;
}

.map-container {
    position: relative;
    width: 100%;
    /* max-width: 1000px; */
}

.map {
    width: 100%;
    height: auto;
}

.map-point {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #e42320;
    border-radius: 50%;
    cursor: pointer;
}


#about-us_ID .maps-box {
    position: relative;
    z-index: 203;
    background: #F8FAFB;
}

#about-us_ID div#about-us {
    z-index: 202;
    position: relative;
    background: #fff;
}

#about-us_ID div#working-at {
    z-index: 205;
    position: relative;
}

#about-us_ID section#qhse {
    background: #fff;
    position: relative;
    z-index: 206;
}

div#timeline-title {
    background: #f0f4f6;
    position: relative;
    z-index: 300;
}

div#global-xp-title {
    background: #F8FAFB;
    position: relative;
    z-index: 301;
}

div#our-values-title {
    position: relative;
    z-index: 302;
}

div#our_policies-title {
    position: relative;
    z-index: 302;
    background: #fff;
}

div#sheq-title {
    position: relative;
    z-index: 302;
    background: #f1f4f6;
}





.container_title-map{
    text-align: center;
    display: flex;
    justify-content: center;
}


span.title-map_h1 {
    background: transparent;
    border: 1px #EE322E solid;
    padding: 0.5rem 2rem;
    color: #EE322E;
    border-radius: 30px;
    font-family: 'montserrat-semibold';
    font-size: 18px;
    margin-bottom: 20px;
}

span.title-map_h1.active-tab {
    background: #EE322E;
    padding: 0.5rem 2rem;
    color: #fff;
    border-radius: 30px;
    font-family: 'montserrat-semibold';
    font-size: 18px;
    margin-bottom: 20px;
}






/* SINGLE POST */ 



#single-post .begin {
    /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/media-img3.webp);*/
    height: 60vh;
    position: relative;
    display: flex;
    flex-flow: column;
    z-index: 9999;
    background-position: 0px -660px;
}

#single-post .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#single-post .main-title .container-title{
    display: flex;
    justify-content: space-between;
}


#single-post .main-title {
    width: 100%;
    position: absolute;
    bottom: 4rem;
}

#single-post .main-title .container-title {
    display: flex;
    justify-content: center;
    text-align: center;
}

#single-post .main-title h1 {
    color: #ffffff;
    padding: 0.3rem 0;
    font-weight: 100;
    font-size: 6rem;
    line-height: 5.5rem;
    font-family: 'montserrat-light';
}

#single-post .main-title h1 b{
    font-weight: 600;
}

#single-post #working-at .about-container {
    background: #ee322e;
}


#single-post #working-at div#see-more {
    padding: 0;
}




ul.itens.animation {
    background: #ffffffb3;
    border-radius: 10px;
    padding: 5px 30px 0 0;
}


header.scroll .itens.animation {
    background: none;
    border-radius: 10px;
    padding: 5px 30px 0 0;
}

#home #working-at .news-infos {
    padding: 20px;
    position: relative;
    bottom: 0;
}

a#scroll-button {
    /* position: absolute;
    right: 8rem; */
    background: #e5241d;
    padding: .5rem 1rem;
    color: #fff;
    text-transform: uppercase;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a#scroll-button-up {
    background: #e5241d;
    padding: .5rem 1rem;
    color: #fff;
    text-transform: uppercase;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}



#our-number-title,  #our-number-title-1,  #our-number-title-2,  #our-number-title-3,  #our-number-title-4 {
    position: relative; /* Necessário para posicionar a tooltip */
    cursor: pointer;
  }

  /* Estilo da tooltip */
  #our-number-title::after {
    content: "Total de Horas de Formação que os colaboradores receberam por parte da ANYWIND em 2023";
    position: absolute;
    /* bottom: -60% !important; Ajuste a posição vertical da tooltip */
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    padding: 8px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
    bottom: -80px;
  }

  /* Mostra a tooltip ao passar o mouse */
  #our-number-title:hover::after,  #our-number-title-1:hover::after,  #our-number-title-2:hover::after,  #our-number-title-3:hover::after,  #our-number-title-4:hover::after {
    visibility: visible;
    opacity: 1;
  }


  #our-number-title-1::after {
    content: "Numero de horas média de formação pagas pela ANYWIND a cada colaborador entre as quais se incluem GWO Basic Safety Training, GWO Basic Technical Training, VCA Basic Safety, treino especifico associado aos fabricantes entre outras formações.";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    padding: 8px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
    bottom: -130px;
  }

  #our-number-title-2::after {
    content: "Começaram como técnicos na Anywind";
    position: absolute;
    /* bottom: -60% !important; Ajuste a posição vertical da tooltip */
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    padding: 8px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
    bottom: -60px;
  }

  #our-number-title-3::after {
    content: "Começaram como técnicos na Anywind";
    position: absolute;
    /* bottom: -60% !important; Ajuste a posição vertical da tooltip */
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    padding: 8px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
    bottom: -60px;
  }

  #our-number-title-4::after {
    content: "Começaram como técnicos na Anywind";
    position: absolute;
    /* bottom: -60% !important; Ajuste a posição vertical da tooltip */
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    padding: 8px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
    bottom: -60px;
  }


  #meet-the-team .box-our_numbers svg {
    height: 95px;
  }


  .tag-number {
    font-size: 20px;
    font-family: 'montserrat-bold';
    color: #fff;
    background: red;
    border-radius: 6px;
    font-weight: bolder;
    /* position: absolute; */
    width: 120px;
    top: 5%;
    left: 70%;
    /* transform: translateX(-50%); */
    display: block; 
    /* align-items: center; */
    /* justify-content: center; */
    /* margin: 0 auto;*/
  }






  /*  AJUSTES FINAIS  */


  #meet-the-team > div.aos-init.aos-animate > div > div > div.w40.text-image-content > div > div > p.title-box-image_text {
    font-size: 2rem !important;
}


#tabbed-nav > div:nth-child(3) > div {
    line-height: 30px;
    margin-bottom: 2rem;
}

#tab-3 > div > div > div > div:nth-child(2) > div.red-line > div > p:nth-child(2) > a {
    text-decoration: underline;
    color: #e42320;
}




.slider video {
    width: 105%;
}


.copyright-video {
    margin-top: 60px;
}

.copyright-video p {
    font-size: 12px;
}


@media screen and (min-width: 768px) and (max-device-width: 1400px){ 
    .title-news {
        font-size: 20px;
        line-height: 22px;
    }
}


.services #working-at {
    padding: 1rem 0 6rem !important;
}


.services div#services-offshore {
    padding: 3rem 0 0 !important;
}






@media (max-width: 768px) {
/* Garantir que o wrapper do slick tenha overflow oculto */
.three_bg.banner-container {
  overflow: hidden;
  padding: 0px; /* Espaço lateral opcional */
  box-sizing: border-box;
}

/* Espaço entre os slides */
.three_bg .slick-slide {
  margin: 0 8px; /* Espaçamento horizontal entre slides */
  transition: transform 0.4s ease-in-out;
}

/* Remover o espaço extra adicionado pelo Slick que causa overflow lateral */
.three_bg .slick-list {
  margin: 0 -8px; /* Deve ser o negativo da margem do slide */
}



.three_bg .slick-slide {
margin: 0 12px;
}

.three_bg .slick-list {
margin: 0 -12px;
}

video {
    margin-top: 8rem !important;
}

div#about-us {
    margin-top: -1rem;
    z-index: 99999;
    position: relative;
    background: #fff;
}
}


.services #working-at .news-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important;
    font-family: 'montserrat-medium';
    gap: 2rem;
}


@media (max-width: 768px) {
    .services #working-at .news-grid {
    grid-template-columns: repeat(1, 4fr) !important;
}
}

@media (max-width: 768px) {
    .services #working-at .news-grid {
        grid-template-columns: repeat(1, 4fr) !important;
    }

    #politicaPrivacidade .main-title h1 {
        font-size: 4rem;
        text-align: center;
        line-height: 4rem;
    }

    #politicaPrivacidade .begin {
        /*background-image: url(https://clientes.space/anywind/v3/images/projeto_cy-images/banner-home-min.png);*/
        background-image: url();
        height: 40vh;
    }

    #our-policies h2.title-news p {
        font-size: 22px;
        line-height: 30px;
    }
}