/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* TIPOGRAFIA */

@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:100,200,400');
/*CSS GENERAL*/

body #wrapper #main h1, 
body #wrapper #main h2, 
body #wrapper #main h3, 
body #wrapper #main h4, 
body #wrapper #main h5{
    font-family: Barlow Semi Condensed;
    text-transform: uppercase;
    font-weight: 100;
    color: #7aa095;
}


/* HEADER */
header.fusion-is-sticky .fusion-logo a img {
    max-width: 100px;
    margin-top: 8px;
}

header.fusion-is-sticky .fusion-main-menu > ul > li > a {
    height: 40px;
    line-height: 40px;
}

header.fusion-is-sticky .fusion-header{
    height: 40px !important;
}

header.fusion-header-wrapper #menu-menuprincipal li.menu-item a{
    font-family: Barlow Semi Condensed;
    text-transform: uppercase;
    font-weight: 200;
    border-top: none;
}


header.fusion-header-wrapper .fusion-main-menu {
    float: none;
    width: 100%;
    text-align: center;
}

header.fusion-header-wrapper #menu-menuprincipal li.menu-item{
    float: none;
    display: inline-block;
}

.fusion-logo {
    text-align: center;
    float: none;
}

.fusion-logo a img {
    max-width: 150px;
    margin-top: 11px;
}

.fusion-header .fusion-logo a {
    display: inline-block;
    max-width: none;
    float: left;
    position: absolute;
    left: 0px;
  z-index:9999999;
}

body.home h2 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

header #moreinfo-header {
    display: inline-block;
    right: 0px;
    position: absolute;
    top: 13px;
    z-index: 1000;
}

header #moreinfo-header a {
    font-family: "Barlow Semi Condensed";
    font-weight: 100;
    font-size: 16px;
}


header.fusion-is-sticky #moreinfo-header{
    top: 6px;
}

header #moreinfo-header a::before {
    content: "";
    position: absolute;
    width: 19px;
    background: url("/wp-content/uploads/iconescontacte3.png");
    display: block;
    height: 22px;
    background-size: 14px auto;
    top: 4px;
    left: -21px;
    background-repeat: no-repeat;
}


#sliders-container .tfs-slider .slide-content-container .slide-content {
    background: rgba(122, 160, 149,0.8);
    padding: 62px;
    max-width: 850px;
}

#sliders-container .tfs-slider .slide-content-container .slide-content .caption{

}

#sliders-container .tfs-slider .slide-content-container .slide-content .caption h3 {
    font-size: 20px !important;
    line-height: 25px !important;
    font-family: "Barlow Semi Condensed";
    font-weight: 400;
}

#sliders-container .tfs-slider .slide-content-container .slide-content .heading {
    
}

#sliders-container ul.slides .background-image{
    background-position-y: 0%;
}
    


.wpcf7-form .acceptance {
    height: 21px;
    margin-top: 12px;
}

.wpcf7-form #aceptostyle {
    font-size: 14px;
    margin-left: 27px;
    position: relative;
top: -13px;
}

.wpcf7-form .acceptance span.wpcf7-list-item.first{    
        margin-left: 0px;
}


.wpcf7-form span.acceptance{
    position: relative;
}

.wpcf7-form span.acceptance input {
    margin-top: 0px !important;
}

.wpcf7-form span.acceptance .wpcf7-not-valid-tip {
    position: absolute;
    width: 250px;
    top: 27px;
    left: 0px;
}

/*CUBIERTAS VERDES*/
.page-id-584 #sliders-container #titol-header{
  text-transform: uppercase;
}
.page-id-584 #intro-cv{
  padding-top: 40px !important;
  padding-bottom:10px !important;
}
.page-id-584 #intro-cv p.introTitle {
    margin-bottom: 16px;
    letter-spacing: 6px;
    font-size: 31px;
    color: #7aa095 !important;
    font-weight: 200 !important;
    display: block;
    font-family: "Barlow Semi Condensed";
}

.page-id-584 #intro-cv .col-intro-cv{
  padding-top: 40px !important;
  padding-bottom: 10px !important;
}
body.page-id-584 #wrapper #main #desc-cv h2,
body.page-id-584 #wrapper #main #mantenimiento-cv h2{
     color: #7aa095;
    text-align: left;
    margin-top: 0px;
    background: white;
    padding-left: 16px;
}
 #desc-cv .img-cv-50 img,#mantenimiento-cv .img-cv-50 img {
        position: relative;

height: 100% !important;

width: auto;

max-width: none;

max-height:800px;

        }
body.page-id-584 #wrapper #main #desc-cv .texto-cv-50,
body.page-id-584 #wrapper #main #mantenimiento-cv .texto-cv-50 {
    text-align: justify;
    padding: 40px;
    color: #ffffff;
}
body.page-id-584 #wrapper #main #beneficios-cv-2 .texto-cv-50,
body.page-id-584 #wrapper #main #tipo-cv-2 .texto-cv-50 {
   
    padding: 0px 40px;
}
body.page-id-584 .desc-cv .texto-cv-50 .fusion-text, #mantenimiento-cv .texto-cv-50 .fusion-text{

    overflow-x: auto;
    height: 610px;

}

body.page-id-584 #wrapper #main #desc-cv .texto-cv-50 .fusion-column-wrapper,
body.page-id-584 #wrapper #main #mantenimiento-cv .texto-cv-50 .fusion-column-wrapper{
    overflow-x: auto;
    padding: 50px !important;
      font-size: 17px;
}
body.page-id-584 #wrapper #main #beneficios-cv-2 .texto-cv-50 .fusion-column-wrapper,
body.page-id-584 #wrapper #main #tipo-cv-2 .texto-cv-50 .fusion-column-wrapper{
    overflow-x: auto;
    padding:40px 50px !important;
      font-size: 17px;
}

body.page-id-584 #wrapper #main #desc-cv .fusion-layout-column,
body.page-id-584 #wrapper #main #mantenimiento-cv .fusion-layout-column,
body.page-id-584 #wrapper #main #beneficios-cv-2 .fusion-layout-column,
body.page-id-584 #wrapper #main #tipo-cv-2 .fusion-layout-column{
    width: 50% !important;
    margin-right: 0% !important;
  margin-bottom: 0px !important;
  overflow: hidden;
}
body.page-id-584 #wrapper #main .img-cv-50, body.page-id-584 #wrapper #main .img-cv-50 p{
  margin-bottom:0px !important;
}

body.page-id-584 #wrapper #main .img-cv-50 .fusion-column-wrapper {

    background-size: cover !important;

}
body.page-id-584 #wrapper .fusion-accordian .panel-title a .fa-fusion-box {
    color: #7aa095;
}
body.page-id-584 #wrapper .fusion-accordian .panel-title a .fa-fusion-box {
    background-color: transparent;
    border: 1px solid #000;
}
body.page-id-584 #wrapper .panel-title.toggle, body.page-id-584 #wrapper #tipo-cv .panel-title.toggle{
    font-size: 18px;
    line-height: 20px;
}
body.page-id-584 #wrapper .fusion-accordian .panel-title a{
    color: #7aa095;
}
body.page-id-584 #wrapper .fusion-accordian .fusion-panel {
    border-color: transparent;
}
body.page-id-584 #wrapper  .fusion-accordian .panel-title a:hover .fa-fusion-box {
    background-color: transparent !important;
    border-color: #7aa095 !important;
    color: #7aa095 !important;
}
body.page-id-584 #wrapper #main  h3{
    margin: 10px auto;
    line-height: 33px;
}
body.page-id-584 #wrapper #main #beneficios-cv .fusion_builder_column_1_2 h3{
  min-height:60px;
}
body.page-id-584 #wrapper .separador p{
padding: 110px 0px;
text-align: center;
font-style: italic;
font-size: 48px;
margin: 0px;
}
body.page-id-584 #wrapper h3{
line-height: 26px;
font-size: 25px;
}
body.page-id-584 #wrapper .post-content h2{
  font-size:36px;
  margin-bottom: 20px;
}
.intro-cv-text{
  text-align:justify;
}

 body.page-id-584 #wrapper .separador-img p{
    text-align: center;
    text-transform: uppercase;
    font-family: Barlow Semi Condensed;
    color: #7aa095;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0px;

}
body.page-id-584 #wrapper .separador-img img{
  width:50%;
}
 body.page-id-584 #wrapper .separador-img span.fusion-imageframe{
    text-align: center;
    display: block;
}

.video .wp-video {margin: 0 auto;}
.col-intro-cv #backgroundintro {background: url("/wp-content/uploads/icones-introduccio.png");height: 200px;width: 200px;display: block;background-size: 1600px auto;opacity: 0.1;position: absolute;top: 60px;right: -33px;}
#cubEst #backgroundintro {background-position-x: 201px;}
#cubDis #backgroundintro {background-position-x: 600px;}
#cubCons #backgroundintro {background-position-x: 1000px;}
/*FIN CUBIERTAS VERDES*/

/* SERVICIOS */

#sliders-container #titol-header {
    font-family: "Barlow Semi Condensed";
    color: #2d2d2d;
    line-height: 59px;
    font-weight: 400;
}

#sliders-container #titol-header .subt-header{
font-size: 25px;
color: white;
text-transform: uppercase;
font-style: italic;
line-height: 30px;
font-style: italic;
}
body.home .fusion-flip-boxes .fusion-flip-box .flip-box-back {
    padding: 60px;
}



body.home .fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper .flip-box-front,
body.home .fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper .flip-box-back{    
    min-height: 320px; 
    border-radius: 0px !important;
}

body.home .fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper .flip-box-front {
    background-repeat: no-repeat;
    background-size: cover;
}

body.home .fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper .flip-box-front h2{
    padding-top: 45px;
    font-weight: 200;
    color: #fff !important;
}

body.home .fusion-flip-boxes .fusion-flip-box-wrapper{
    padding-left: 0px;
    padding-right: 0px;
}


body.home #servicios .fusion-flip-boxes .fusion-flip-box-wrapper:nth-child(1) .flip-box-front{
    background: url("/wp-content/uploads/Img-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


body.home #servicios .fusion-flip-boxes .fusion-flip-box-wrapper:nth-child(2) .flip-box-front{
    background: url("/wp-content/uploads/Img-3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


body.home #servicios .fusion-flip-boxes .fusion-flip-box-wrapper:nth-child(3) .flip-box-front{
    background: url("/wp-content/uploads/Img-5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

body.home #servicios .fusion-flip-boxes .fusion-flip-box-wrapper:nth-child(4) .flip-box-front{
    background: url("/wp-content/uploads/Img-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* QUINES SOMOS */

#quienessomos .text-quinessomos {
    text-align: justify;
    border: 1px solid;
    padding: 40px;
    background: #7aa095;
    color: #ffffff;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}


#quienessomos .text-quinessomos2 {
        background: #2d2d2d;
}

#quienessomos .text-quinessomos .fusion-text{
    padding: 50px;
}

#quienessomos .img-quinessomos, #quienessomos .text-quinessomos {width: 50% !important;margin-right: 0% !important;border: 1px solid #FFFFFF !important;}

#quienessomos .img-quinessomos p{
    margin-bottom: 0px;
}

#quienessomos .text-quinessomos .fusion-text p {
    font-size: 17px;
}

#quienessomos .flexslider{margin:0px;max-height: 671px;overflow: hidden;}

/* BLOCKS INTRO HOME */

#introduccioblocks .introshome p.introTitle{
    margin-bottom: 16px;
    letter-spacing: 6px;
    font-size: 31px;
    color: #7aa095 !important;
    font-weight: 200 !important;
    display: block;
    font-family: "Barlow Semi Condensed";
}



#introduccioblocks {
    margin-top: 80px;
    margin-bottom: 75px;
}



body .introshome #backgroundintro {
    background: url("/wp-content/uploads/icones-introduccio.png");
    height: 200px;
    width: 200px;
    display: block;
    background-size: 1600px auto;
    opacity: 0.1;
    position: absolute;
    top: 60px;
    right: -33px;
}

body #intro1 #backgroundintro {
    background-position-x: 201px;
}

body #intro2 #backgroundintro {
    background-position-x: 600px;
}

body #intro3 #backgroundintro {
    background-position-x: 1000px;
}



/* PORTFOLIO HUGE IT */

#portfolio h2{
    margin-top: 100px;
}

body #huge_it_portfolio_popup_list_6{border-bottom: 3px solid white;}

body #huge_it_portfolio_popup_list_6 .popup-wrapper_6 .right-block .description {
    font-size: 21px !important;
}


body #huge_it_portfolio_popup_list_6 .popup-wrapper_6 .right-block .description small {
    color: #7aa095;
    font-style: italic;
    font-family: "Barlow Semi Condensed";
    font-size: 24px;
}

#portfolio .portfolio-gallery-content a{
    background: none;
}

#servicios .portfolio-gallery-content a {
    background: rgba(0, 0, 0,0.5);
    -webkit-transition: background-color 500ms ease-out .2s;
    -moz-transition: background-color 500ms ease-out .2s;
    -o-transition: background-color 500ms ease-out .2s;
    transition: background-color 500ms ease-out .2s;
}

#servicios .portfolio-gallery-content a:hover{
     background: rgba(0, 0, 0,0.1);
     transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}


body #wrapper #main #portfolio .portfolio-gallery-content .image-overlay h3{
    width: 100%;
    padding-left: 10px !important;
    color: #7aa095;
    font-weight: 400;
    color: #ffffff;
}

body #wrapper #main #servicios .portfolio-gallery-content .image-overlay h3 {
    width: 100%;
    font-weight: 100;
    color: #ffffff;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 300;
    text-shadow: 0px 1px 4px black;
}

body #wrapper #main #portfolio .portfolio-gallery-content .image-overlay div{
    position: absolute;
    bottom: 0px;
    border-top: 0px;
    background: rgba(122, 160, 149,0.7);
    width: 100%;
}


body #wrapper #main #servicios .portfolio-gallery-content .image-overlay div {
    border-top: 0px;
    width: 100%;
    text-align: center;
    position: relative;
    height: 100%;
}


body #wrapper #main #servicios .portfolio-gallery-content .image-overlay div.title-block_6{z-index: 100;pointer-events: none;}

#servicios .portelement_6 .image-block_6 .image-overlay {
    display: block;
    background: none !important;
}


body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .close, body.home ul.huge_it_portfolio_popup_list li.pupup-element .close:link, body.home ul.huge_it_portfolio_popup_list li.pupup-element .close:visited {
    background: transparent !important;
    border-left: none !important;
}
body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .close::before,
body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .close:link::before,
body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .close:visited::before{
    content: "X";
    display: block;
    font-family: Barlow Semi Condensed;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 37px;
    text-align: center;
}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .right-block h3.title {
    font-family: Barlow Semi Condensed;
    text-transform: uppercase;
    font-weight: 200;
    color: #7aa095 !important;
}


body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .right-block h3.title {
    font-size: 32px !important;
    line-height: 46px !important;
}

#huge_it_portfolio_popup_list_6 li.pupup-element .popup-wrapper_6 .right-block > div.description{
    background: none;    
}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 .right-change a, 
#huge_it_portfolio_popup_list_2 .heading-navigation_2 .left-change a,
#huge_it_portfolio_popup_list_6 .heading-navigation_6 .right-change a, 
#huge_it_portfolio_popup_list_6 .heading-navigation_6 .left-change a  {
    font-family: Barlow Semi Condensed;
    text-transform: uppercase;
    font-weight: 100;
}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .heading-navigation {
    background: none !important;
    max-width: 33%;
    right: 0px;
    left: auto !important;
    padding-left: 16px;
}

body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .heading-navigation {
    max-width: 50%;
}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .popup-wrapper{
    overflow-y: initial !important;   
}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element{
    height: 100% !important;
    padding: 0px 0px 0px 0px !important;
}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element  .heading-navigation .left-change, 
body.page-template ul.huge_it_portfolio_popup_list li.pupup-element  .heading-navigation .right-change {
    border: none !important;
}

body.page-template #huge-popup-overlay-portfolio {
    background: rgba(122, 160, 149,0.9) !important;
}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .image-block{
    width: 68% !important;
}


body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .image-block{
    width: 50% !important;
}

body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .right-block {
    width: 48% !important;
    padding: 40px 0px 0px 0px;
    margin-top: 0px;
}


body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .right-block {
    width: 30% !important;
    margin-top: 60px;
}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .popup-wrapper {
    padding: 0% !important;
    width: 100% !important;
}

body.page-template #portfolio #contenidor-portafoli .huge_it_portfolio_container .portelement,
body.page-template #servicios #contenidor-portafoli .huge_it_portfolio_container .portelement {
    left: auto !important;
    top: auto !important;
    float: left;
    display: block;
    max-width: none !important;
    transition: none !important;
    position: relative !important;
    transform: unset !important;
    margin-bottom: 0px;
}
body.page-template #portfolio #contenidor-portafoli .huge_it_portfolio_container .portelement{width: 25%;}
body.page-template #servicios #contenidor-portafoli .huge_it_portfolio_container .portelement {width: 20%;}

body.page-template #portfolio #contenidor-portafoli #huge_it_portfolio_content_2 #huge_it_portfolio_container_2,
body.page-template #portfolio #contenidor-portafoli .portelement_2 .image-block_2,
body.page-template #portfolio #contenidor-portafoli .portelement_2 .image-block_2 img,
body.page-template #servicios #contenidor-portafoli #huge_it_portfolio_content_6 #huge_it_portfolio_container_6,
body.page-template #servicios #contenidor-portafoli .portelement_6 .image-block_6,
body.page-template #servicios #contenidor-portafoli .portelement_6 .image-block_6 img,
body.page-template #portfolio #contenidor-portafoli #huge_it_portfolio_content_8 #huge_it_portfolio_container_8,
body.page-template #portfolio #contenidor-portafoli .portelement_8 .image-block_8,
body.page-template #portfolio #contenidor-portafoli .portelement_8 .image-block_8 img,
body.page-template #portfolio #contenidor-portafoli #huge_it_portfolio_content_10 #huge_it_portfolio_container_10,
body.page-template #portfolio #contenidor-portafoli .portelement_10 .image-block_10,
body.page-template #portfolio #contenidor-portafoli .portelement_10 .image-block_10 img{height: auto !important;}



#post-301 #portfolio h1 {text-align: center;}


body.page-template #portfolio #butovermasproy,
body.page-template #servicios #butovermasproy{
    text-align: center;
}


body.page-template #portfolio #butovermasproy a,
body.page-template #servicios #butovermasproy a {
    font-family: "Barlow Semi Condensed";
    background: #ffffff;
    padding: 8px 18px;
    color: #7aa095;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 100;
    margin-top: 29px;
    display: inline-block;
    letter-spacing: 1px;
    border: 1px solid #7aa095;

}

body.page-template #portfolio #butovermasproy a:hover,
body.page-template #servicios #butovermasproy a:hover {
        background: #7aa095;
        color: #ffffff;
}

body.page-template #huge_it_portfolio_popup_list_2,
body.page-template #huge_it_portfolio_popup_list_6{
    height: auto;
}


/* END PORTFOLIO */

/* CONTACTO */

body.home #wrapper #main #contacto,
body.page-id-584 #wrapper #main #contacto{
    background: url("/wp-content/uploads/cONTACT3.jpg");
    background-size: cover;
    padding-top: 62px !important;
    color: #ffffff;
    margin-top: 70px;
    background-position-x: center !important;
    background-position-y: 0% !important;
}



body.home #wrapper #main #contacto #formcontact,body.page-id-584 #wrapper #main #contacto #formcontact{background-color: rgba(255,255,255,0.4);padding: 30px 50px;color: #2d2d2d;text-shadow: 0px 0px 2px white;}

body.home #wrapper #main .contacto h2,body.page-id-584 #wrapper #main .contacto h2 {margin-bottom: 0px;margin-top: 0px;color: #2d2d2d;}

body.home #wrapper #main .post-content .contacto #wpcf7-f12-p14-o1 form.wpcf7-form #forminterior label input,
body.page-id-584 #wrapper #main .post-content .contacto #wpcf7-f12-p584-o1 form.wpcf7-form #forminterior label input{
    border: 0px;
    height: 40px;
    background: #ffffff;
    margin-top: 19px;
    color: #7aa095;
    font-family: "Reem Kufi";
    font-size: 10px;
    text-transform: uppercase;
}
body.home #wrapper #main .post-content .contacto #wpcf7-f12-p14-o1 form.wpcf7-form #forminterior span,
body.page-id-584 #wrapper #main .post-content .contacto #wpcf7-f12-p584-o1 form.wpcf7-form #forminterior span {
    display: inherit;
    padding: 0px 0px 0px 0px;
}

body.home #wrapper #comment-input input::-moz-placeholder, 
body.home #wrapper #comment-textarea textarea::-moz-placeholder, 
body.home #wrapper .comment-form-comment textarea::-moz-placeholder, 
body.home #wrapper .input-text::-moz-placeholder, 
body.home #wrapper .post-password-form label input[type="password"]::-moz-placeholder, 
body.home #wrapper .searchform .s::-moz-placeholder, input#s::-moz-placeholder, 
body.home #wrapper input::-moz-placeholder,
body.page-id-584 #wrapper #comment-input input::-moz-placeholder, 
body.page-id-584 #wrapper #comment-textarea textarea::-moz-placeholder, 
body.page-id-584 #wrapper .comment-form-comment textarea::-moz-placeholder, 
body.page-id-584 #wrapper .input-text::-moz-placeholder, 
body.page-id-584 #wrapper .post-password-form label input[type="password"]::-moz-placeholder, 
body.page-id-584 #wrapper .searchform .s::-moz-placeholder, input#s::-moz-placeholder, 
body.page-id-584 #wrapper input::-moz-placeholder{
    color: #7aa095;
}


body.home #wrapper #main .post-content .contacto #wpcf7-f12-p14-o1 form.wpcf7-form  #buttonsend input[type="submit"],
body.page-id-584 #wrapper #main .post-content .contacto #wpcf7-f12-p584-o1 form.wpcf7-form  #buttonsend input[type="submit"]{
    background: #7aa095;
    padding: 7px 22px;
    border-radius: 0px;
    font-family: "Reem Kufi";
    text-transform: lowercase;
    display: block;
    margin-top: 20px;
}



.contacto #info-contact h2{
        color: #ffffff;
}

.contacto #info-contact a {
    font-size: 20px;
    font-family: "Barlow Semi Condensed";
    font-weight: 100;
    color: #ffffff;
}


.contacto #info-contact a#icon1::before {
    content: "";
    position: absolute;
    width: 26px;
    background: url("/wp-content/uploads/iconescontacte3.png");
    display: block;
    height: 70px;
    background-size: 24px auto;
    top: 142px;
    left: 0px;
    background-repeat: no-repeat;
}


.contacto #info-contact a#icon2::before {
    content: "";
    position: absolute;
    width: 26px;
    background: url("/wp-content/uploads/iconescontacte1.png");
    display: block;
    height: 70px;
    background-size: 24px auto;
    top: 173px;
    left: 0px;
    background-repeat: no-repeat;
}

.contacto #info-contact a#icon3::before {
    content: "";
    position: absolute;
    width: 26px;
    background: url("/wp-content/uploads/iconescontacte2.png");
    display: block;
    height: 70px;
    background-size: 24px auto;
    top: 227px;
    left: 0px;
    background-repeat: no-repeat;
}

body.home .contacto #info-contact .marginleft {
    margin-left: 30px;
}

body.home #wrapper .contacto #info-contact {
    display: block;
}

#quienessomos .img-quinessomos .flexslider .slides img{

    height: 100% !important;
    width: auto;
    max-width: none;
    max-height: 700px;

}


#quienessomos #ellsol.img-quinessomos img {

    height: 100% !important;
    width: auto;
    max-width: none;
    max-height: 672px;
    position: relative;
}

#quienessomos .text-quinessomos .fusion-text {overflow-x: auto;height: 592px;}


/* Menu Responsive */

nav.fusion-mobile-nav-holder #mobile-menu-menuprincipal li{

}


nav.fusion-mobile-nav-holder #mobile-menu-menuprincipal li a {
    background: #ffffff;
    border: 0px;
    text-transform: uppercase;
    font-family: Barlow Semi Condensed;
    color: #7fa096;
    font-size: 18px;
    line-height: 48px;
    height: 46px;
}

nav.fusion-mobile-nav-holder #mobile-menu-menuprincipal li a:hover{
        background: #7fa096;
        color: #ffffff;
}



/* cookies js */

#cookiescript_injected {
    background: rgba(127, 160, 150,0.9) !important;
}

#cookiescript_injected #cookiescript_accept{

}

#cookiescript_injected #cookiescript_reject, #cookiescript_injected #cookiescript_accept {
    border-radius: 0px !important;
    text-shadow: none !important;
    background: #363839 !important;
}
#cookiescript_injected #cookiescript_reject {
    display: none !important;
}
/* SESAC 14 */




@media screen and (max-width: 1980px) {

#quienessomos .text-quinessomos{

}



}

@media screen and (max-width: 1600px) {
    

    body #wrapper #main #servicios .portfolio-gallery-content .image-overlay h3 {
        font-size: 20px !important;
        line-height: 25px !important;
    }

}


@media screen and (max-width: 1300px) {

    body #huge_it_portfolio_popup_list_6 .popup-wrapper_6 .right-block .description {
        font-size: 15px !important;
    }


    body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .right-block {
        width: 42.8%;
        height: 100%;
        position: relative;
        float: left;
        overflow-y: scroll !important;
        height: 500px !important;
        display: block !important;
    }

}

@media screen and (max-width: 1200px) {
body.page-id-584 #wrapper #main #beneficios-cv-2 .texto-cv-50 .fusion-column-wrapper{

    min-height: 1px !important;
    overflow-x: auto;
    height: 610px !important;

}
}

@media screen and (max-width: 1090px) {
        #quienessomos #ellsol.img-quinessomos img {
            height: 100% !important;
            width: auto;
            max-width: none;
            max-height: 672px;
            position: relative;
            right: 381px;

        }

    #quienessomos .text-quinessomos .fusion-text {
        padding: 50px 0px;
    }


}


body.page-id-9 h2, body.page-id-5 h2, body.page-id-7 h2 {
    font-size: 20px !important;
    line-height: 20px !important;
}
#faq-cv{
  padding: 0px 15px;
}
body.page-id-584 #wrapper #main #mantenimiento-cv .texto-cv-50 .fusion-column-wrapper {

    overflow-x: auto;
    padding: 0px !important;
    font-size: 17px;

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

    body #wrapper #main #servicios .portfolio-gallery-content .image-overlay h3 {
        font-size: 20px !important;
        line-height: 25px !important;
    }

}

@media screen and (max-width: 850px) {
body.page-id-584 #wrapper #main #desc-cv .texto-cv-50 .fusion-column-wrapper, body.page-id-584 #wrapper #main #mantenimiento-cv .texto-cv-50 .fusion-column-wrapper,
body.page-id-584 #wrapper #main #beneficios-cv-2 .texto-cv-50 .fusion-column-wrapper, body.page-id-584 #wrapper #main #tipo-cv-2 .texto-cv-50 .fusion-column-wrapper {
    padding: 40px 10px !important;
}
  body.page-id-584 #wrapper .post-content h2 {
    font-size: 30px;
    margin-bottom: 17px;
}
  body.page-id-584 #wrapper .panel-title.toggle, body.page-id-584 #wrapper #tipo-cv .panel-title.toggle {
    font-size: 17px;
  }
}
@media screen and (max-width: 800px) {
  #desc-cv .img-cv-50 img, #mantenimiento-cv .img-cv-50 img {
height:auto !important;
    max-width: 100%;
}
body.page-id-584 #wrapper #main #desc-cv .fusion-layout-column, body.page-id-584 #wrapper #main #mantenimiento-cv .fusion-layout-column, body.page-id-584 #wrapper #main #beneficios-cv-2 .fusion-layout-column,
  body.page-id-584 #wrapper #main #tipo-cv-2 .fusion-layout-column{

    width: 100% !important;

}
  .fusion-body #iconos-cv .fusion-layout-column {

    width: 50% !important;

}
  body.page-id-584 .texto-cv-50 .fusion-text {

    height: auto;

}
    #quienessomos .text-quinessomos .fusion-text {
        overflow: initial;
        height: auto;
    }

    #quienessomos .img-quinessomos .flexslider .slides img {
        height: auto !important;
        width: 100%;
        max-width: none;
        max-height: none;
    }

    #quienessomos .img-quinessomos, #quienessomos .text-quinessomos {
        width: 100% !important;
    }

    #quienessomos #ellsol.img-quinessomos img {
        height: auto !important;
        width: 100%;
        max-width: none;
        max-height: none;
        position: relative;
    }

    #quienessomos #ellsol.img-quinessomos img {
        right: 0px;
    }

    #huge_it_portfolio_popup_list_2 li.pupup-element.active,
    #huge_it_portfolio_popup_list_6 li.pupup-element.active,
    #huge_it_portfolio_popup_list_8 li.pupup-element.active {
        top: 64px;
    }

    #huge_it_portfolio_popup_list_6,
    #huge_it_portfolio_popup_list_2,
    #huge_it_portfolio_popup_list_8 {
        z-index: 999 !important;
    }

    nav.fusion-mobile-nav-holder{
        z-index: 1000;
    }


}



@media screen and (min-width: 800px) {

    #sliders-container ul.slides .background-image {
        margin-top: 51px;
    }

}

@media screen and (max-width: 768px) {
    
    body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .heading-navigation {
        background: none !important;
        right: 0px;
    }

    #huge_it_portfolio_popup_list_2 .popup-wrapper_2 .image-block_2,
    #huge_it_portfolio_popup_list_6 .popup-wrapper_6 .image-block_6
    #huge_it_portfolio_popup_list_8 .popup-wrapper_8 .image-block_8 {
        margin-top: 40px;
    }

    body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .image-block,
    body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .right-block {
        width: 100% !important;
    }

    body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .heading-navigation{
        max-width: none;
    }

    body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .right-block{
        padding: 30px;
        margin-top: 0px;
    } 

    .fusion-logo a img {
        margin-top: 0px;
    }

    header #moreinfo-header {
        right: 46px;
        top: 0px;
        z-index: 1000;
    }

    body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .image-block,
    body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .right-block,
    body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .heading-navigation {
        width: 100% !important;
        max-width: none;
    }

    body.page-template ul#huge_it_portfolio_popup_list_6.huge_it_portfolio_popup_list li.pupup-element .right-block {
        width: 100% !important;
        padding: 20px;
        margin-top: 0px;
    }




}



@media screen and (max-width: 700px) {
        
    body.page-template #portfolio #contenidor-portafoli .huge_it_portfolio_container .portelement {
            width: 100%;
            margin: 0px;
    }

    body.page-template #servicios #contenidor-portafoli .huge_it_portfolio_container .portelement {
        width: 100%;
        border: 0px;
    }


    body #wrapper #main #servicios .portfolio-gallery-content .image-overlay h3 {
        font-size: 50px !important;
        line-height: 66px !important;
    }


    #sliders-container ul.slides .fusion-title h1 {
        font-size: 23px !important;
    }

    #sliders-container #titol-header .subt-header {
        font-size: 14px;
        line-height: 23px;
    }

    #sliders-container #titol-header {
        line-height: 21px;
    }

    #sliders-container .tfs-slider .slide-content-container .slide-content {
            padding: 26px;
    }




}


@media screen and (max-width: 650px) {
    
    body.home #wrapper #main #contacto {
        background-position-x: 39% !important;
        background-position-y: 0% !important;
    }

}



@media screen and (max-width: 550px) {
    body.page-id-584 #wrapper #main #desc-cv .texto-cv-50 .fusion-column-wrapper, body.page-id-584 #wrapper #main #mantenimiento-cv .texto-cv-50 .fusion-column-wrapper {

    padding: 0px !important;

}
    body.home #wrapper #main #contacto #formcontact {
        padding: 30px 18px;
    }

    body.home #wrapper #main #contacto #formcontact a {
        font-weight: bold;
        text-shadow: 0px 0px 1px #474747;
    }

    body #huge_it_portfolio_popup_list_6 .popup-wrapper_6 .right-block .description small {
        font-size: 21px;
    }

}

body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .close::before, body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .close:link::before, body.page-template ul.huge_it_portfolio_popup_list li.pupup-element .close:visited::before {

    font-size: 37px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000000;

}

@media screen and (max-width: 450px) {
  .fusion-body #iconos-cv .fusion-layout-column {

    width: 100% !important;

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

    body #wrapper #main #servicios .portfolio-gallery-content .image-overlay h3 {
        font-size: 31px !important;
        line-height: 36px !important;
    }

    body #wrapper #main #portfolio .portfolio-gallery-content .image-overlay h3 {
       font-size: 13px !important;
    }

    #sliders-container #titol-header {
        line-height: 18px;
    }

    #sliders-container ul.slides .fusion-title h1 {
        font-size: 17px !important;
    }


    #sliders-container #titol-header .subt-header {
        font-size: 13px;
        line-height: 16px;
    }


}




@media screen and (max-width: 350px){
    .fusion-logo a img {
        max-width: 97px;
    }
}