.s-services, .s-about, .s-works, .s-contact{
    padding: 9rem 0
}
@media only screen and (max-width: 800px) {
    .s-services, .s-about, .s-works, .s-contact{
        padding: 7rem 0
    }
    .s-contact{
        padding-bottom:1rem
    }
}

ul.content-list li{
    margin-bottom:15px;
}

.services-list .service-icon img{
    width:50px;
}

.service-text ul{ 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    background-color: #f1f1f1;
}
.service-text a li { 
    float: left; 
    width:100%;  
    background-color: rgba(28,137,129,0.5); 
    margin-bottom: 14px; 
    padding: 20px 18px 16px 20px; 
    font-family: "domine-bold", sans-serif; 
    font-size:26px; 
    line-height:0.8em;
    display: block; 
    color: white; 
    text-align: left; 
    text-decoration: none; 
    min-height: 87px;
}
.service-text a li  div { 
    color: #f2f2f2; 
    text-align: left; 
    font-size:14px;  
    font-family: "metropolis-regular", sans-serif; 
    margin-top:12px;
}
.service-text a:hover li{ 
    background-color: #333333;
}
.service-text ul .col-block:nth-child(even){
    padding-left: 8px
}
.service-text ul .col-block:nth-child(odd){
    padding-right:8px
}
@media only screen and (max-width: 800px) {
    .service-text ul .col-block:nth-child(even){
        padding-left: 15px
    }
    .service-text ul .col-block:nth-child(odd){
        padding-right:15px
    }
}
.m0{margin:0;}
.mb3r {
    margin-bottom:3rem !important;
}
 
 /**
  * Modals ($modals)
  */
 
 /* 1. Ensure this sits above everything when visible */
 .modal {
     position: fixed;
     z-index: 10000; /* 1 */
     top: 0;
     left: 0;
     visibility: hidden;
     width: 100%;
     height: 100%;
 }
 
 .modal img{
    width: 300px;
}
 
 .modal.is-visible {
     visibility: visible;
 }
 
 .modal-overlay {
   position: fixed;
   z-index: 10;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: hsla(0, 0%, 0%, 0.5);
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s linear 0.3s, opacity 0.3s;
 }
 
 .modal.is-visible .modal-overlay {
   opacity: 1;
   visibility: visible;
   transition-delay: 0s;
 }
 
 .modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 100px;
    bottom: 100px;
    left: 25%;
    width: 50%;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
 }
 
 .modal-transition {
   transition: all 0.3s 0.12s;
   transform: translateY(-10%);
   opacity: 0;
 }
 
 .modal.is-visible .modal-transition {
   transform: translateY(0);
   opacity: 1;
 }
 
 .modal-header,
 .modal-content {
   padding: 1em;
 }
 
 .modal-header {
   position: relative;
   background-color: #fff;
   box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
   border-bottom: 1px solid #e8e8e8;
 }
 
 .modal-close {
   position: absolute;
   top: 0;
   right: 0;
   padding: 2em;
   color: #aaa;
   background: none;
   border: 0;
 }
 
 .modal-close:hover {
   color: #777;
 }

 .modal-close span{
    position: absolute;
    top: 5px;
    left: 17px;
    font-size: 30px;
    color: black;
 }
 
 .modal-heading {
   font-size: 1.125em;
   margin: 0;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .modal-content > *:first-child {
   margin-top: 0;
 }
 
 .modal-content > *:last-child {
   margin-bottom: 0;
 }

 /*****************************************
				FOOTER-FORM
******************************************/
@media only screen and (max-width: 600px){
    .s-contact {
        padding-top:7rem
    }
}

.footer-gap{
    padding-bottom:80px;
}
@media only screen and (max-width: 600px) {
    .footer-gap{
        padding-bottom:20px;
    }
}


form#contactform {
    margin-bottom: 4.8rem;
}
@media only screen and (max-width: 600px) {
    margin-bottom: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

fieldset input.checkbox{
    float: left;
    height: 30px !important;
    width: 13px !important;
    margin-right: 10px;
}
  
input {
    display: block!important;
    width: 100%!important;
    height: 55px!important;
    padding: 11px!important;
    border: 0!important;
    border-radius: 0!important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1!important;
    background: rgba(255,255,255,0.97)!important;
    color: #212121!important;
    outline: 0!important;
    appearance: none!important;
    transition: all 0.2s ease-in-out!important;
}

fieldset.half-column:nth-child(odd){
    width: 50%!important;
    padding-right: 15px!important;
    float: left!important;
}

fieldset.half-column:nth-child(even) label{
    left: 15px;
}

@media only screen and (max-width: 600px) {
    fieldset.half-column {
	width: 100%!important;
    	padding-right: 0px!important;
    }
}
  
textarea {
    display: block!important;
    width: 100%!important;
    padding: 11px!important;
    border: 0!important;
    border-radius: 0!important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.4!important;
    color: #212121!important;
    outline: 0!important;
    appearance: none!important;
    transition: all 0.2s ease-in-out!important;
    background: rgba(255,255,255,0.97)!important;
}
  
.form-label fieldset {
    position: relative;
}
  
.form-label label {
    position: absolute;
    top: 17px;
    left: 15px;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease-in-out;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color:#555;
}

.form-css-label input[data-empty="false"],
.form-css-label input:valid,
.form-css-label input:focus,
.form-css-label textarea[data-empty="false"],
.form-css-label textarea:valid,
.form-css-label textarea:focus {
    padding: 22px 15px 10px!important;
}
.form-css-label input:focus,
.form-css-label textarea:focus {
    outline: 0!important;
}
.form-css-label input[data-empty="false"] + label,
.form-css-label input:valid + label,
.form-css-label input:focus + label,
.form-css-label textarea[data-empty="false"] + label,
.form-css-label textarea:valid + label,
.form-css-label textarea:focus + label {
    color: #e51b23!important;
    font-weight: 400!important;
    font-size: 12px!important;
    transform: translate3d(0, -13px, 0)!important;
}

.form-js-label input[data-empty="false"],
.form-js-label input:focus,
.form-js-label textarea[data-empty="false"],
.form-js-label textarea:focus {
    padding: 22px 15px 10px!important;
}
.form-js-label input:focus,
.form-js-label textarea:focus {
    outline: 0!important;
}
.form-js-label input[data-empty="false"] + label,
.form-js-label input:not(:empty) + label,
.form-js-label input:focus + label,
.form-js-label textarea[data-empty="false"] + label,
.form-js-label textarea:focus + label {
    color: #e51b23!important;
    font-weight: 400!important;
    font-size: 9px!important;
    transform: translate3d(0, -11px, 0)!important;
}
  
/*********** COOKIES **********/

#cookiesAlert {
    display: none;
    position: fixed;
    z-index: 200;
    bottom: -72px;
    left: 0;
    background: #808080;
    color: #FFF;
    width: 100%;
    border-top: 2px solid #3e4b61;
    font-size: 1em;
    line-height: 1.4em;
}

.rgba #cookiesAlert { background-color: #808080F0; }

#cookiesAlert > div {
    width: 92%;
    padding: 8px 4%;
    margin: auto;
}

#cookiesAlert #close {
    position: absolute;
    top: 16px;
    right: 16px;
}

#cookiesAlert > div .title {
    font-size: 1.2em;
    font-weight: bold;
}

/*********** ICONOS **********/
.icon-fix{color:#ff002e; margin-right: 8px; font-size:16px;}

/****LLUIS****/
.header-nav{color:rgba(255, 255, 255, 0.75)}


.test{
    width: 100%;
    max-width: 1600px;
    border:1px solid white;
}

.header-logo{
    display: block;
    left: 0;
    width: 88%;
    margin:0 auto;
    position: static;
    margin-top:0;
    transform:none!important;
}

.header-logo img, .logo-wrapper img{
    width: 70px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.header-logo span, .logo-wrapper strong{
    display: inline-block;
    vertical-align: middle;
    font-family: "domine-bold", sans-serif;
    padding-left: 15px;
    font-size: 2.3rem!important;
    color:#fff;
}
.header-nav__content .header-logo span{
    font-size: 1.5rem!important;
}

@media only screen and (max-width: 600px) {
    .header-logo span, .logo-wrapper strong{
        font-size:2rem!important
    }
    .header-logo img, .logo-wrapper img{
        width: 60px
    }
}

.header-menu-toggle{
    z-index: 502;
    right:6%;
    top:38px;
}
.header-menu-lang{
    position: fixed;
    right: 6%;
    top: 48px;
    font-size:1.4rem;
    color:#fff;
    z-index: 502;
    transition:all 200ms;
    padding-right:146px;
}

.header-menu-lang.opaque{
   display: none;
}
.header-menu-lang a{
    color:#fff;
    font-size:1.4rem;
}
.header-menu-lang a:hover{
    color:#ff002e;
}
.header-nav__list a.active::before{
    color: #ff002e;
}

.header-nav__list li.lang{
    display: none;
}

@media only screen and (max-width: 600px) {
    .header-nav__list li.lang{
        display: block;
    }
}

.header-nav__list li.lang a{
    display: inline-block;
    padding:0
}

.header-nav__list li.lang a::before{
    content:"";
}


.company-address-info div{
    position: relative;
    padding-left: 30px;  
    padding-top: 3px;
    border:0!important
}

.company-address-info a{
    color: rgba(255, 255, 255, 0.5);
    border-bottom:0!important
}
.company-address-info a:hover{
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    
}

.company-address-info i{
    position: absolute;    
    left: 0;
    top: 0;
}
.home-content__main{
    padding-top: 0
}
@media only screen and (max-width: 1600px) {
    .home-content__main{
       padding-top: 0 
    }
}
@media only screen and (max-width: 767px) {
    .home-content{
        display: block;
        padding-top:12rem;
        height:auto
    }
    .home-content h1{
        font-size:3.2rem
    }
}


.projects-featured{
    position: absolute;
    left: 110px;
    bottom: 5rem;    
}
.projects-featured .inner{
    background:rgba(0,0,0,0.7);
    padding:10px 10px 0 10px;
}

.projects-featured + .projects-featured{
    left: 400px;
}
@media only screen and (max-width: 600px) {
    .projects-featured{
        bottom: 18rem;
        width:100%;
        width:100%;
        position: relative;
        top:0;
        left: 0;
        padding-left: 25px;
        padding-right: 25px;
        width: auto;
        margin-bottom:25px;
        
    }
    .projects-featured + .projects-featured{
        left: 0;
        bottom:0;
        position: relative;
        top:0;
    }
}
.projects-featured .title{
    font-family:"metropolis-light", sans-serif;
    color: rgba(255, 255, 255, 0.8);
    font-size:1.4rem;
    font-weight: normal;
    border-bottom:1px solid #ff002e;
    padding-bottom: 7px;
    margin: 0 0 15px 0;
}
.projects-featured a{
    display: inline-block
}

@media only screen and (max-width: 400px) {
    .projects-featured img{
        width: 120px!important
    }
    .projects-featured + .projects-featured img{
        width: 144px!important;
    }
}

.services-list{
    margin-bottom: 5rem;
}

@media only screen and (max-width: 768px) {
    form#contactform .half-column{
        width:100%!important;
        padding:0!important
    }
}

@media only screen and (max-width: 600px) {
    .header-menu-lang{
        display: none;
    }
    .header-menu-toggle{
        top: 15px;
    }
    .masonry__brick {
        padding:0;
        margin-bottom: 25px;
    }
    .masonry-wrap{
        width: 100%;

    }
    form#contactform{
        margin-top: 25px
    }
    .contact-secondary, .cl-copyright{
        padding-right:0
    }
    .services-list{
        margin-bottom: 0
    }
    .services-list [class*="col-"]{
        margin-bottom: 45px;
    }
    .services-list [class*="col-"]:last-child {
        margin-bottom: 0px;
    }
    .services-list [class*="col-"]:nth-child(n) {
        padding: 0;
    }
    @media only screen and (max-width: 600px){
        .services-list [class*="col-"]:nth-child(n) {
            padding: 20px;
            padding-left:0
        }
    }

}

@media only screen and (max-width: 500px) {
    .header-menu-lang{
        padding-right:55px
    }
    .header-menu-toggle::before {
      display: none;
    }
}

@media only screen and (max-width: 500px) {
    .cl-go-top{
        display: none!important
    }
}


.services-list .service-item{
    margin-bottom:3.5rem
} 

.services-list .service-item:last-child{
    margin-bottom:0!important
} 
.services-list .service-item h3 {
    font-family:"domine-bold", sans-serif; 
    border:0!important
}
@media only screen and (max-width: 800px) {
    .services-list .service-item{
        margin-bottom:1rem
    } 
    .services-list .service-item h3{
        padding-bottom:0!important;
       
    } 
}
.slider-services{
    margin-top: 40px;
}
.slider-services img{width:100%}
.whity {background: #ffffff; padding: 20px 0;}

.slick-next {
    right: -35px;
    z-index: 9
}
.slick-prev {
    left: -35px;
    z-index: 9
}
.slick-prev:before, .slick-next:before{
    color:#1C8981;
}
@media only screen and (max-width: 800px) {
    .slick-next {
        right: 0;
    }
    .slick-prev {
        left: 2px;
    }
}

.cl-go-top{
    position: absolute;
    right: 6%;
    bottom: 38px;
}


@media only screen and (max-width: 400px){
    .cl-copyright {
        margin-top: 0;
        padding-bottom:1rem
      
    }
}

.inner-page-gap{
    padding-top: 4rem
}