.elementor-kit-6{--e-global-color-primary:#211E1E;--e-global-color-secondary:#1D1818;--e-global-color-text:#A1A1A5;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Mogno";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Mogno";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Mogno";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Mogno";--e-global-typography-accent-font-weight:800;font-family:"Mogno", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:"Mogno", Sans-serif;}.elementor-kit-6 a:hover{font-family:"Mogno", Sans-serif;}.elementor-kit-6 h1{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-6 h2{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-6 h3{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-6 h4{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-6 h5{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-6 h6{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1080px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#cookie-form > *{
    display: inline-block;
}

#cookie-accept-button{
    border: none;
}



.contact-services {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(7, auto);
grid-column-gap: 20px;
grid-row-gap: 10px;
}

.contact-services .div1 { grid-area: 1 / 1 / 2 / 2; }
.contact-services .div2 { grid-area: 1 / 2 / 2 / 3; }
.contact-services .div3 { grid-area: 2 / 1 / 3 / 3; }
.contact-services .div4 { grid-area: 3 / 1 / 4 / 3; }
.contact-services .div5 { grid-area: 4 / 1 / 5 / 3; }
.contact-services .div6 { grid-area: 5 / 1 / 6 / 3; }
.contact-services .div7 { grid-area: 6 / 1 / 7 / 3; }
.contact-services .div8 { grid-area: 7 / 1 / 8 / 3; 
   justify-content: center;
   display: grid;
   position: relative;
 
}


.forms  form.wpcf7-form input[type="submit"] {
  border-color: #000;
  padding: 2px 20px;
  font-weight: 600;
  font-size: 16px;
  padding: 2px 14px;
  border-width: 2px 2px 2px 2px;
  background: #000;
  color: #fff;
  width: auto;
}


.form1  form.wpcf7-form input[type="submit"] {
  border-color: #000;
  padding: 2px 20px;
  font-weight: 600;
  font-size: 16px;
  padding: 2px 14px;
  border-width: 2px 2px 2px 2px;
  background: #000;
  color: #fff;
  width: auto;
}

.mcontainer > div{
    display: block !important;
}

.contact-services > div{
   margin-bottom: 10px;
}

.contact-services > div:last-child{
   margin-bottom: 1px;
}

.forms{
    float:right;
    width:480px !important;
    margin:0 0 40px 80px;
    position: relative;
    z-index: 9;
}

.form1{
    float:right;
    width:480px !important;
    margin:0;
    position: relative;
    z-index: 9;
}

.forms .wpcf7-form {
    background: #f1f1f1;
    padding: 20px 40px;
    margin-bottom: 20px;
}

.form1 .wpcf7-form{
    background: #f1f1f1;
    padding: 20px 40px !important;
}

.forms .wpcf7-form textarea {
  resize: none;
}

.forms .wpcf7-form input, .forms .wpcf7-form textarea{
border: 0 !important;
border-bottom: solid 1px #010000 !important;
background: transparent;
border-radius:0;
padding: 2px;
}


.form1 .wpcf7-form input, .form1 .wpcf7-form textarea{
border: 0 !important;
border-bottom: solid 1px #010000 !important;
background: transparent;
border-radius:0;
padding: 2px;
}

::placeholder {
  color: #565565;
}


.forms .wpcf7-form .wpcf7-list-item-label{
    font-size: 14px;
    font-weight: 300;
}

.form1 .wpcf7-form .wpcf7-list-item-label{
    font-size: 14px !important;
    font-weight: 300;
}

.forms .wpcf7-form .wpcf7-list-item{
        margin-left: 0;
}

.form1 .wpcf7-form .wpcf7-list-item{
        margin-left: 0;
}

.forms .wpcf7-form .wpcf7-spinner {
  position: absolute;
  right: 80px;
  top: 1px;
}

.forms .wpcf7-form .wpcf7-not-valid-tip{
    font-size: 14px;
}

.forms .wpcf7-form .wpcf7-response-output{
    margin-top: 20px;
}




ul.bullet{
 list-style: none;   
}

ul.bullet li{
 position: relative;   
}

ul.bullet li:before{
 position: absolute;
 content:"";
 width: 12px;
 height: 17.16px;
 left: -25px;
 top:10px;
 background: url(/wp-content/uploads/2025/01/icon-bullet.svg) no-repeat center center/ contain;
}



.newbuttonghost a{
    display: inline-block;
    border: solid 2.77px #161616;
    padding: 0px 0px;
    color: #3b3b3b !important;
    width: 334.95px  !important;
}

.newbuttonghost a span{
    font-size: 20px !important;
    line-height: 50px;
}

.newbuttonghost a:hover{
    color: #fff !important;
    background: #161616 !important;;

}



/* OLd Website CSS */

heaher.header-wrap > div{
    flex-wrap: nowrap !important;
}

body{
min-height: 100vh;
display: flex;
flex-direction: column;
padding: 70px 0px 0px 0px !important;
}
.elementor-location-footer {
margin-top: auto;
}





:root {
    --button-color: #1D1818;
    --container-bg-color: #fff;
    --left-bg-color: rgba(29, 24, 24, 0.75);
    --left-button-hover-color: rgba(11, 11, 11, 1);
    --right-bg-color: rgba(255, 255, 255, 0.75);
    --right-button-hover-color: rgba(11, 11, 11, 1);
    --hover-width: 75%;
    --other-width: 36%;
    --speed: 650ms;
    --fix-gap: -7vw;
    --fix-gap-mobile: -10%;
}

html {
  scroll-behavior: smooth;
}


body{
  background: #fff url('/wp-content/uploads/2024/06/FYLD_Website_Background_Pattern_Homepage.svg') top center/cover repeat fixed;
    background-size: cover;
  background-size: 100%;
}







.elementor-location-footer .button i {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
}
.elementor-location-footer ul.social-footer {
    display: block;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
.elementor-location-footer ul.social-footer li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 15px;
}
.elementor-location-footer .button.button-social {
    border: 1px solid #fff;
    padding: .35rem .55rem;
	line-height: 0;
}
.elementor-location-footer .button.button-social:hover {
    border: solid var(--button-color) 1px;
    padding: 0.3rem 0.55rem;
}
.elementor-location-footer .button.button-social span {
    line-height: 15px;
}
.elementor-location-footer i.facebook {
    background-image: url(/wp-content/uploads/2024/06/Facebook.svg);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
}
.elementor-location-footer .button-social:hover i.facebook {
    background-image: url(https://www.fyld.pt/wp-content/uploads/2024/06/Facebook_hover.svg);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
}
.elementor-location-footer i.instagram {
    background-image: url(/wp-content/uploads/2024/06/Instagram.svg);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
}
.elementor-location-footer .button-social:hover i.instagram {
    background-image: url(/wp-content/uploads/2024/06/Instagram_hover.svg);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
}
.elementor-location-footer i.linkedin {
    background-image: url(/wp-content/uploads/2024/06/Linkedin.svg);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
}
.elementor-location-footer .button-social:hover i.linkedin {
    background-image: url(/wp-content/uploads/2024/06/Linkedin_hover.svg);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
}

.elementor-location-footer .button-social:hover{
    background: #fff !important;
}



main .button-container {
    margin: 0 auto;
    width: 250px;
}

main .button {
    background-color: var(--button-color);
    display: block;
    padding: 0.8rem;
    width: 100%;
    text-align: center;
    color: #fff;
    border: transparent solid 1px;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    transform: skew(-20deg);
    transition: color 0.35s ease-in-out, opacity 0.5s ease-in-out 0.15s; margin: 0 auto;
    width: 250px;
}



main .button.button-reverse {
     margin: 0 auto;
    width: 250px;
    background-color: #fff;
    display: block;
    padding: 0.8rem;
    width: 100%;
    text-align: center;
    color: #fff;
    border: transparent solid 1px;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    transform: skew(-20deg);
    transition: color 0.35s ease-in-out, opacity 0.5s ease-in-out 0.15s;
}

main .elementor-button-text{
    font-size: 18px !important;
}

main .button {
    color: #fff;
    background-color: #000 !important;

    
}


main .button.button-reverse {
    color: #000 ;
    background-color: #fff !important;
   
}

main .button:hover {
    color: var(--button-color);
    border-color: var(--button-color);
    background-color: var(--button-color);
}



main .button.button-reverse:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

main a.button:hover span{
    color: #000;
}


main a.button.button-reverse:hover span{
    color: #fff;
}


color: #fff !important;


main .button a span.elementor-button-text {
    display: inline-block;
    transform: skew(22deg);
}

main .button a span.elementor-button-text {
    color: #fff;
    transform: skew(20deg);
  display: inline-block;
}

main .button.button-reverse a span.elementor-button-text {
    color: #000;
    transform: skew(20deg);
  display: inline-block;
}



main a.button  span {
    color: #fff;
    transform: skew(20deg);
  display: inline-block;
}

main a.button.button-reverse span {
    color: #000;
    transform: skew(20deg);
  display: inline-block;
}

main .button:hover a span.elementor-button-text {
    color: #000;
}


main .button.button-reverse:hover a span.elementor-button-text {
    color: #fff;
}


main a.elementor-button{
    background-color: transparent !important;
    color: #fff;
}


main .button:before {
    background: #000;
	opacity:0;
}
main  .button:after {
    background: #fff;
	opacity:0;
}
main .button:before {
    background: #000;
	opacity:0;
}
main  .button:after {
    background: #fff;
	opacity:0;
}




main .button.button-reverse:before {
    background: #ffffff;
	opacity:0;
}
main  .button.button-reverse:after {
    background: #000;
	opacity:0;
}
main .button.button-reverse:before {
    background: #fff;
	opacity:0;
}
main  .button.button-reverse:after {
    background: #000;
	opacity:0;
}


main  .button::before, .banner-container .button::after, .button::before, .button::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	opacity:0;
}

main .button:hover::before, main .button:hover::after, .button:hover::before, .button:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, -100%, 0);
	opacity: 1;
}
main  .button:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}
main  :hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

        
        @media only screen and (max-width : 1024px) {
    
    .nobg{
        background-image: none !important;
        background-color: #000 !important;
    }
    
       .nobg:before{
       background-image: none !important;
    }
    
         .nobgw:before{
       background-image: none !important;
    }
    
     .nobgw{
        background-image: none !important;
        background-color: #fff !important;
    }
    
    
    
        .split.right{
        
            background: none !important;
        background-color: #fff !important;
    }
    
      .split.right:before{
          display: none !important;
    }
    
    
      .split.left{
        
            background: none !important;
        background-color: #000 !important;
    }
       .split.left:before{
          display: none !important;
    }
    
    .banner-overlay{
        clip-path: none !important;
        -webkit-clip-path: none !important;
        
    }
    
    
    .wpcf7-form {
  padding: 15px 15px !important;
}

div.elementor-menu-toggle svg {
  font-size: 34px;
  clip-path: polygon(20% 0,100% 0,80% 100%,0% 100%);
}
 
}



/* CSS CF7 Response by LightNoise */
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  color: #31708f;
  background-color: #d9edf7;
  border: 0;
  padding: 10px;
  position: relative;
  border-radius: 3px;
  font-size: 16px;
}
.wpcf7 form.init .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #4F8A10;
  background-color: #DFF2BF;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  color: #D8000C;
  background-color: #FFBABA;
}
.wpcf7 form.spam .wpcf7-response-output {
  color: #f56e28;
  background: #f4a27d;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  color: #9F6000;
  background-color: #FEEFB3;
}

.main-new-header{
    position: absolute !important;
}

@media screen and (max-width: 767px) {
    
    .newbuttonghost a {

  width: 100% !important;
}
    
}



@media screen and (max-width: 1199px) {
    
    .social-last{
        height: 60px !important;
    }
    
      ul.bullet li::before {
  width: 7.27px;
  height: 10.44px;
  top: 6px;
}
    
}


@media screen and (max-width: 1400px) {
    
    
    .flex-contact {

    flex-flow: row wrap !important;
}
    
    
    .newbuttonghostf a {
        margin-top: 30px;
padding: 10px 30px !important;
  background: transparent !important;
}

.nomargin p{
    margin: 0 !important;
}

div.elementor-menu-toggle svg {
    clip-path: none !important;
  }
  
  ul.bullet li::before {
  width: 7.27px;
  height: 10.44px;
  top: 10px;
}

.bgwhite{
    background: #fff !important;
}


.contact {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-rows: repeat(9, auto) !important;
grid-column-gap: 0px !important;
grid-row-gap: 20px !important;
}

.contact .div1 { grid-area: 1 / 1 / 2 / 2 !important; }
.contact .div2 { grid-area: 2 / 1 / 3 / 2 !important; }
.contact .div3 { grid-area: 3 / 1 / 4 / 2 !important; }
.contact .div4 { grid-area: 4 / 1 / 5 / 2 !important; }
.contact .div5 { grid-area: 5 / 1 / 6 / 2 !important; }
.contact .div6 { grid-area: 6 / 1 / 7 / 2 !important; }
.contact .div7 { grid-area: 7 / 1 / 8 / 2 !important; }
.contact .div8 { grid-area: 8 / 1 / 9 / 2 !important;  }
.contact .div9 { grid-area: 9 / 1 / 10 / 2 !important; } 

.contact label{
    font-size: 16px !important;
}


form.wpcf7-form input, .contact  form.wpcf7-form textarea {
       font-size: 16px !important;
}

 .wpcf7-form {
    padding: 0px !important;
  }


.sti {
  font-size: 16px !important;
}

.wpcf7-form .div7 .input-file label {
 margin-top: 20px !important;
  float: none !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  position: relative;

}

.contact .div8 > div > div{ 

margin: 0 auto;
}

form.wpcf7-form .wpcf7-list-item-label {
  font-size: 16px !important;
}


.contact .wpcf7-spinner{
    display: none;
}

.wpcf7-checkbox > .wpcf7-list-item{
    margin-bottom: 10px !important;
}

.main-new-header{
    position: fixed !important;
}


}

@media only screen and (max-width:560px){
  #jcm-banner.jcm-bar,#jcm-banner.jcm-box{
    max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px
  }
  #jcm-banner .jcm-inner{gap:8px}
  #jcm-banner .jcm-copy{min-width:0 !important;flex:1 1 100% !important;}
  #jcm-banner .jcm-copy strong{font-size:14px;margin-bottom:2px}
  #jcm-banner .jcm-copy p{font-size:12px;line-height:1.35;margin:0}
  #jcm-banner .jcm-actions{flex-direction:row;flex-wrap:nowrap;gap:6px;margin-top:2px}
  #jcm-banner .jcm-actions button{
    width:auto !important;flex:1 1 0 !important;min-width:0;padding:8px 6px;font-size:12px;
    font-weight:500;white-space:nowrap
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mogno';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.fyld.pt/wp-content/uploads/2025/01/Mogno-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Mogno';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.fyld.pt/wp-content/uploads/2025/01/Mogno-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Mogno';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.fyld.pt/wp-content/uploads/2025/01/Mogno-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Mogno';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.fyld.pt/wp-content/uploads/2025/01/Mogno-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */