/*****************************/
/* Copyright by CreativeDive */
/*****************************/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap');
*, ::before, ::after { -webkit-box-sizing: inherit;  -moz-box-sizing: inherit; box-sizing: inherit;}
body { margin:0px; padding:0px; font-family:'Cormorant', sans-serif;}
section, div{display:block;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a { text-decoration:none!important; color:#333333;font-family: 'Cormorant', sans-serif; }
a {-webkit-transition: color .5s ease;-moz-transition: color .5s ease;-o-transition: color .5s ease; -ms-transition: color .5s ease;transition: color .5s ease;}
a:hover { color:#666666; }
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,
a:active{outline:0;}
h1,
h2,
h3,
h4,
h5,
h6{margin:10px 0;font-family: 'Cormorant', sans-serif;font-weight:normal;line-height:32px;color:inherit;text-rendering:optimizelegibility;}
h1, h2 { font-weight:bold}
h2 { font-size:37px; color:#333; line-height:37px; padding-bottom:20px; font-weight:300}
p, th, td {font-family: 'Cormorant', sans-serif; font-size:18px; line-height:28px; margin-bottom:15px;}
h1,.h1 {font-size: 38px; line-height:48px; margin-bottom:15px}
.noweb{ display:none!important}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 18px;}
h4,.h4 { font-size: 16px;}
h5,.h5 {font-size: 14px;}
h6,.h6 { font-size: 12px;}

.arquitectes { z-index:2; position:relative}
.bgarquitectes .span4 { position:relative}
.bgarquitectes .span4 img{ position:absolute; bottom:-20px; left:30px; z-index:9999}
.bgarquitectes a.linkinteriew{ margin:20px 0px 0px; padding:0px; font-size:14px; font-style:normal; line-height:24px; text-decoration:underline!important; display:block; width:auto }

.bgarquitectes .namearchitect{ margin:25px 0px 0px; padding:0px; font-size:20px; font-style:italic; line-height:26px; font-weight:700}
.bgarquitectes .cargo{ margin:0px; padding:0px 0px; font-size:14px; font-style:normal; line-height:22px; font-weight:500  }
.bgarquitectes .group{ margin:0px; padding:0px; font-size:16px; font-style:normal; line-height:22px; font-weight:600  }

.bgarquitectes .content-text p.prin {
max-width: 65%;
  text-align: left;
  font-size: 24px;
  font-weight: 400;
  line-height:34px; min-height:105px;
}
.bgarquitectes {
  background: #f1efea;
  padding: 0px 15px 0px 40px;
  position: relative;
  overflow: visible;
  margin: 50px 0px;
}
.bgarquitectes.arqinterior { margin: 50px 0px 80px 0px; }
.bgarquitectes .row {
  position: relative;
  min-height: 250px; /* altura mínima para alinear bien la imagen */
}

.bgarquitectes .col-md-4 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  display: flex;
  justify-content: center;
  align-items: center; 
  min-height: 300px;
}
.bgarquitectes.arqinterior .img-architect {  max-width: 260px; transform: translateY(0px); /* sobresale 20px por debajo */
}

.bgarquitectes .content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  height: 100%;

}

.bgarquitectes .content-text.home-content-text{  min-height:330px;}

.questionsArquitech{margin-bottom:90px; margin-top:50px}

.questionsArquitech p{ font-size:19px }
.bottomsection .questionsArquitech h2 { font-size:29px!important;}
.bottomsection .questionsArquitech h3 { font-size:23px!important; margin-top:25px; margin-bottom:10px; line-height:37px}
.bottomsection .questionsArquitech p img {margin-bottom:15px}


.newvisor {height: 95vh!important;}


.imagen-visor {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.5); /* Comienza más pequeña */
  transition: transform 8s ease-in-out; /* Más lento y suave */
}

.imagen-visor.sinzoom{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1); /* Comienza más pequeña */
  transition: transform 8s ease-in-out; /* Más lento y suave */
}

.capa-textos {
    position: absolute;
    bottom: 25%; /* Posición desde la parte inferior */
    left: 0;
    right: 0;
    text-align: center; /* Centrado horizontal */
    z-index: 2; /* Por encima de la imagen */
    padding: 0 20px;
    color: white;
}

/* Estilos individuales para los textos */
.capa-textos h1, 
.capa-textos h2, 
.capa-textos h3 {
    margin: 17px 0; padding:0px!important;font-weight:normal;

}

.capa-textos h1 {
    font-size: 3.0em; font-weight:normal;
}

.capa-textos h2 {
    font-size: 1.9em; color:#FFFFFF!important
}

.capa-textos h3 {
    font-size: 1.2em; font-style:italic;
}

/* Opcional: Degradado para mejorar contraste */
.visorhome::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%; /* Altura del degradado */
    background: linear-gradient(to top, rgba(0,0,0,0.2) 0%, transparent 100%);
    z-index: 1;
}

.mb20{margin-bottom:20px!important}
.menumobile__nav li { list-style:none!important; font-size:30px; margin-bottom:25px; font-weight:normal}
.menumobile__nav li a {text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%;  background-repeat: no-repeat; background-size: 0% 2px;
    transition: background-size .3s;}
.menumobile__nav li a:hover  {background-size: 100% 2px;}	
.container.contabout { padding-top:30px}
.clearfix{*zoom:1;}
.clearfix:before,
.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.btn { -webkit-transition: background-color .5s ease; -moz-transition: background-color .5s ease; -o-transition: background-color .5s ease; -ms-transition: background-color .5s ease;  transition: background-color .5s ease;}
.container { max-width:1180px; display:table; margin:0 auto; width:100%}
.container.containgrand  { max-width:1320px!important; display:table; margin:0 auto; width:100%}
.info-legal p { font-size:12px!important; line-height:18px!important }
.intern { padding-top:0px!important }
.titularvisor { z-index:22; position:absolute; top:250px }
.visorfinder .titularvisor { z-index:22; position:absolute; top:150px }
.titularvisor p{ font-size:14px; margin-bottom:60px }
.titularvisor h2{ font-size:38px; margin-bottom:0px; padding-bottom:20px}
.titularvisor h3{ font-size:26px; line-height:42px; padding-bottom:20px }
.projectshome.paddinghome  { padding-top:620px }
.row-fluid { }
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;float:left;}
.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;float:left;}
.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;margin-right:2%; float:left;}
.row-fluid .span8{width:66%;*width:67.69266486422946%;margin-right:2%; float:left; }
.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;float:left;}
.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;float:left;}
.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;float:left;}
.row-fluid .span4{width:32%;*width:31.43852121782062%;margin-right:2%; float:left; }
.row-fluid .span3{width:23.5%;*width:22.87498530621841%;margin-right:2%; float:left; }
.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;float:left;}
.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;}
.menumovil { display:none }
.span4 .description { padding:10px;z-index: 9999999999999999999999999999999999999999999999;display: block;overflow: hidden;position: relative; min-height:115px!important }
.span4 .description h3{ font-weight: 600;font-size: 19px; }
.span4 .description p{ line-height:24px; text-align:right }
.projectshome,.detailshome, .serviceshome, .magazinehome,.newsletter, .tipshome, .tipshomeinter{ position:relative; clear:both; width:100%; margin-bottom:40px; display:block}

.serviceshome .span4{ width:31.3%}
.serviceshome .span4.first{ margin-left:2%}
.dark { position:absolute; height:100%; width:100%; background:#666666; z-index:999}
.span4 .descriptop { position:absolute; bottom:15px; width:100%; z-index:9}
.span4 .descriptop h3{ padding-left:25px; padding-right:15px; font-size:2.6em; font-weight:bold; color:#FFFFFF; line-height:36px}
.span4 .descriptop h4{ padding-left:25px; padding-right:15px; font-size:22px; color:#FFFFFF; line-height:28px}
.projectshome { display:inline-block; margin:60px 0 70px 0; width:100% }
.magazinehome { margin:90px 0 50px 0; display:inline-block;  }
.magazinehome p{ padding-left:80px; line-height:32px; color:#666; font-size:20px }
.imagenmagazine { display:inline-block; width:100% }
.imagenmagazine img{ float:right; max-width:90%}
.projectshome .span4 .description p:after { content:" "; width:40px; height:6px; position:absolute; right:0px; bottom:0px;  background:url(/images/ico-fle.png) right 0px no-repeat; }
.magazinehome .container.magazinetitle h2 { font-size:26px }
.double, ol.double li{ font-size:20px!important }
header { background:#f1efea; padding-bottom:30px; min-height:125px;}
header.headerwhite {position:absolute}

.headertop { position:relative; margin-top:0px; display:inline-block; width:100% }
.headertop .lovemedia { float:right; margin: 25px 20px 0px 0px;width: auto;min-width: 100px; }
.lovemedia a, .sharedficha .lovemedia a  {background-size:15px; width:15px; height:15px; display:inline-block; margin-right:15px!important}
.shared { float:right; margin-right:30%; margin-top:52px}
.shared img { max-width:14px; display:block; margin:0px 0 10px 0!important; padding:0px;}
.shared p { font-size:11px; font-weight:bold; line-height:16px}
.vertical {writing-mode: vertical-rl;text-orientation: upright;}
.error{ color:#FF0000!important}
.success{ color:#0066CC!important}
.sharedficha .lovemedia a { margin-top:5px!important }
.lovemedia a:hover { opacity:0.5}
a.facebook { background:url(/images/facebook.svg) no-repeat; background-size:13px; }

a.pinterest { background:url(/images/pinterest.svg) no-repeat; background-size:13px; }
a.pinterest-blanco { background:url(/images/blanco-pinterest.svg) no-repeat;  }

a.instagram { background:url(/images/instagram.svg) no-repeat; background-size:13px; margin-right:5px }
a.instagram-blanco { background:url(/images/002-instagram-blanco.png) no-repeat; margin-right:5px;  background-size:13px;}
a.facebook-blanco { background:url(/images/001-facebook-blanco.png) no-repeat; background-size:13px;  }



.visorhome { width:100%; display:inline-block;  overflow:hidden; height:680px; margin-bottom:50px}
.swiper-container { width: 100%;  height: 530px; position:relative;background:#f1efea; }
.swiper-wrapper{ }
.franjavisor { position:absolute; left:45px; top:10px; }
.franjavisor h1 {font-size:22px; font-weight:normal; line-height:30px; margin-bottom:40px; max-width:320px; margin-top:65px}
.franjavisor h2 {font-size:42px; font-weight:bold; line-height:46px; margin-bottom:50px; max-width:320px;}
.franjavisor a {font-size:19px!important; color:#000000}

.swiper-slide { text-align: center; font-size: 18px; background: #fff; width:65%!important;background-size:cover!important;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;background:#f1efea; }
.swiper-slide:first-child { margin-left:200px; z-index:1!important; border-right:#f1efea solid 45px}
.swiper-slide:nth-child(2n) {width: 20%;z-index:5!important; border-right:#f1efea solid 45px }
.swiper-slide:nth-child(3n) {width: 15%; z-index:5!important; border-right:#f1efea solid 45px}
.swiper-slide:nth-child(1n), .swiper-slide:nth-child(5n) {z-index:5!important;background:#f1efea; border-right:#f1efea solid 45px }

.swiper-slide .description { position:absolute; bottom:-170px; text-align:left; width:100%; padding-bottom:20px}
.swiper-slide .description .izq{ float:left; width:40%}
.swiper-slide .description .izq h3{ font-size:36px; font-weight:normal; margin-top:0px;}
.swiper-slide .description .izq p{ font-size:16px; font-weight:normal;}
.swiper-slide .description .der{ float:left; width:55%}
.swiper-slide .description .der p{ font-size:16px; font-weight:normal; margin-top:15px}
.swiper-slide .description .linkvisor{ position:absolute; bottom:0px; right:0px}
.swiper-pagination { width:auto; margin-left:18%; text-align:left; margin-top:20px; position:relative; font-size:14px;}
.swiper-pagination{ margin-left:24%!important; }
img.paralax {display:none; margin-top:-22px}
img.noparalax {max-width:150px!important}

.header.js-rp-header.has-transform.header--alt img.noparalax, .header.js-rp-header.header--alt img.noparalax {display:none}
.header.js-rp-header.has-transform.header--alt img.paralax, .header.js-rp-header.header--alt img.paralax{display:block}
.prefooter .span7 p, .prefooter .span12 p, .abouthome .span4 p, .lisservices .span4 p, .swiper-slide .description .der p { font-family:'Cormorant', sans-serif!important; line-height:25px }

.homehead { position:relative; z-index:9 }
.container.hiddemov { z-index:2}
.containerhead {max-width: 1180px;display: table; margin: 0 auto; width: 100%;}
.fijar .logotop span, .homehead .fijar .logotop span { margin-top: 16px;line-height: 18px;font-size: 12px; }
.submenutop { width:auto; display:inline-block; position:absolute; top:-15px; right:0px }
.submenutop ul { width:auto; float:right; padding:0px; padding-top:2px}
.submenutop ul li{ float:left; list-style:none; color:#000; text-transform:uppercase; padding:0 0px; font-size:10px; }
.submenutop ul li a{ color:#000; font-size:11px }
.submenutop ul li a:hover{ color:#ccc!important; }
.homehead ul li a, .submenutop ul li { color:#FFFFFF }
.logotop { z-index:9999; margin-top:-25px}
.logotop img{ max-width:480px; float:left}
.logotop span{ display:inline; float:left;margin: 28px 0px 0 16px;font-size: 14px; line-height:20px; color:#000}
.homehead .logotop span{ display:inline; float:left;margin: 28px 0px 0 16px;font-size: 14px; line-height:20px; color:#FFFFFF}
.logotop ul { float:right; margin-top:20px; padding-top:10px}
.logotop li a, .logotop li { color:#000; font-size:19px; position:relative }
.logotop li a:hover:after, .logotop li.active a:after, .homehead .fijar .logotop li a:hover:after { content:'';  width:50px; color:#000000; height:4px; position:absolute; bottom:-15px; left:0px }
.tipsblock { margin-top:30px; margin-bottom:90px; display:inline-block; width:100% }

.swiper-slide .video, .visormovil { overflow: hidden; width:100%; height:100%; display:inline-block;}
.swiper-slide video, .visormovil video { position: absolute;top: 0px;left: 0px;height: 101%;object-fit: cover;object-position: center; max-width:100%; width:100%}
.swiper-slide video, .visormovil img { position: absolute;top: 0px;left: 0px;height: 101%;object-fit: cover;object-position: center; max-width:100%; width:100%}
.visormovil { overflow: hidden; width:100%; height:600px; display:inline-block;}

.headsection { background:#f1efea; padding:80px 0 30px 0; display:inline-block; width:100%; position:relative; z-index:9999; min-height:300px }
.headsection h2{ font-weight:bold; line-height:40px; margin-top:20px }



.bottomsection { display:table; padding:25px 0 30px 0; width:100%; position:relative; z-index:99999; background:#FFFFFF}
.bottomsection li { font-size:16px; font-weight:normal; font-family:'Cormorant', sans-serif;list-style-position: inside }
.bottomsection h2 { font-size:32px; font-weight:normal; line-height:40px;margin-bottom: 10px;padding-bottom: 10px; }
.bottomsection h3 { font-size:28px!important; font-weight:normal; padding-right:60px; line-height:42px; margin-bottom:20px }
.bottomsection h4 { font-size:24px!important; font-weight:normal;line-height:32px; }
.bottomsection.botservices h2{ font-size:36px; font-weight:bold; line-height:48px;margin-bottom: 10px;padding-bottom: 10px; }
.bottomsection.botservices h3{ font-size:30px; font-weight:normal; line-height:40px;margin-bottom: 10px;padding-bottom: 10px; }
.bottomsection.botservices h4{ font-size:22px!important; font-weight:normal; padding-right:60px; line-height:42px; margin-bottom:10px  }

img { max-width:100%; }
.sharedvertical{ max-width:16px; margin-top:16px!important }
.bottomsection h3{ font-size:30px; }
.bottomsection img{ margin-top:15px; margin-bottom:25px}
.sep{ display:inline-block; width:100%} 

.imgContainerfirst { position:relative; width:100%; min-height:450px; display:block; max-height:450px!important; }
.imgContainer {position: absolute;top: 0px; left: 0px; width: 100%; height:100%; background-position: center!important; background-repeat: no-repeat; background-size: cover!important;transform: scaleY(1);transition: all 1.9s ease-in-out; overflow:hidden; }

.headsection.servicetop{ position:relative; height:420px; position:relative }
.headsection .serviceshead {position: absolute;top: 0px; left: 0px; width: 100%; height:100%; background-position: top!important; background-repeat: no-repeat; background-size: cover!important; min-height:420px}
.headsection .serviceshead.newstop {background-position: center!important;}
.servicetop h1 {position: absolute;bottom:50px; color:#FFFFFF; font-size:48px; font-weight:bold; z-index:9; padding-right:100px; line-height:52px}

.fijar .logotop li.active a:after, .fijar .logotop li a:hover:after,  .homehead .fijar .logotop li a:hover:after  { content:''; border-bottom:#333 solid 4px; width:50px; color:#000000; height:3px; position:absolute; bottom:-10px; left:0px }
.homehead  .logotop li a:hover:after {border-bottom:#fff solid 4px; color:#fff; }
.logotop li a:hover { color:#666!important}
.homehead .logotop li a:hover { color:#FFFFFF!important}
.fijar  .logotop li a:hover  { color:#000!important}
.logotop li a { position:relative; height:40px}
.homehead .logotop li a, .homehead .logotop li { color:#FFFFFF; position:relative }
.logotop li { float:left; margin:0 0px; list-style:none; }
.logotop li:after { content:'\00B7'; padding:0 15px; width:2px; height:2px; }
.logotop li:last-child:after { content:''!important; padding:0px!important; width:0px; height:0px; }
.submenutop li:after { content:'\00B7'; padding:0 6px; width:2px; height:2px; color:#000; font-size:10px;  }
.homehead .submenutop li:after { content:'|'; padding:0 12px; width:2px; height:2px; color:#fff }
.submenutop li:last-child:after { content:''; padding:0; width:0px; height:0px; }
.submenutop li:last-child { margin-right:0px; padding-right:0px; }
.idiomastop { float:right }


.idiomastop a{ color:#000; text-transform:uppercase; font-size:11px }
.homehead .idiomastop a{ color:#FFFFFF }


.bottomsection.fichaproj h1{ margin-bottom:0px; font-size:40px; padding-bottom:0px}
.bottomsection.fichaproj h2{ margin-top:0px; font-size:28px; font-weight:bold}

.titularvisor { color:#FFFFFF }
.padleft { padding-left:15px; }

h2.grand { font-size:36px; font-weight:bold; margin-bottom:35px }
h3.medium { font-size:28px!important; font-weight:bold; line-height:40px; margin-bottom:30px }
h3.medium.titizq span { font-size:18px }

.contenido { position:relative; margin-top:60px }
.contenido.general{ position:relative; margin-top:45px }
.contenido.general.servicesfich{ position:relative; margin-top:25px }
.contenido.general.second { margin-top:0px }
h2.line { text-decoration:underline; font-weight:bold; font-size:34px;}
h2.line.detail { text-decoration:none; font-weight:normal; font-size:34px; color:#bdafa2}
h2.line.detail span.tittag{ text-decoration:underline!important; font-weight:bold; font-size:34px; color:#333; margin-right:10px}
h2.line.detail span.tittag a{ text-decoration:underline!important; font-weight:bold; font-size:34px!important; color:#333!important;}
.tagdescription p, .tagdescription p, .tagdescription h3 { color:#000000; font-weight:bold; font-size:16px }


.visorinter { height:370px }
.tipslist { height:390px; position:relative; width:49%!important; margin-right:2%!important; float:left}
.tipslist.last { margin-right:0px;}
.tipslist figure{ height:100%} 
.tipslist .description{ position:absolute; bottom:80px; left:30px; z-index:99 }
.tipslist .description h3{ color:#FFFFFF; font-size:44px!important; line-height:48px }
.tipslist .description h3::after {content: ''; display: block; background: url(../images/ico-fle-blanca.png) no-repeat right; width:90%;  height: 30px;  margin-top: 10px;}
.tipslist:hover  h3::after {margin-left:20px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.fotoprin  { height:580px!important; background-size:cover!important; background-position:center!important}
.visorinter img, .tipslist img, .fotoprin img{ width: 100%; height: auto; margin-top:0px!Important}
@supports(object-fit: cover){
    .visorinter img, .tipslist img, .fotoprin img {
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}
.menuproy ul { float:right; margin:30px 0 20px 0}

.abouthome { width:100%; background:#FFFFFF; padding:30px 0px; z-index:2; position:relative}
.abouthome h2{ font-weight:bold; line-height:38px; font-size:32px}
.abouthome p{ padding-right:40px}


.projectshome h2.titizq, .detailshome h3.titizq, .serviceshome h2.titizq, .tipshome h2.titizq, .tipshomeinter h2.titizq,  h2.titizq{ float:left; width:auto; padding-left:0px; font-size:32px; font-weight:bold}
.titular { position:relative; clear:both; width:100%; display:inline-block;}
.last { margin-right:0px!important}
.projectshome article figure, .detailshome article figure, .tipshome article figure, .tipshome article figure { width:100%; margin:0px; padding:0px; position:relative; overflow:hidden}
.projectshome article figure img, .detailshome article figure img, .tipshome article figure img, .tipshome article figure img{ max-width:100%}
.tipshome .description a { text-decoration:underline!important}
.tipshome .description h3 { margin-bottom:0px!important; padding-bottom:0px!important}
.tipshome .description h3 a{ text-decoration:none!important}
.tipshome .description h4 { margin-top:5px}
.servicesH h3 { font-size:32px!important;font-weight:bold }
.servicesH h3 a{ font-size:32px!important; font-weight:bold }
.servicesH h3::after { border-bottom:#fff solid 6px; content:" "; width:40px; height:6px; position:absolute; right:0px; bottom:0px  }

h3.titizq { font-weight:600; font-size:22px;}
h3.titizq span{ font-weight:normal; font-size:12px; display:block}

p.see { float:right; width:auto; clear:right; margin-top:20px; padding-right:15px}
.detailshome, .tipslist, .serviclist, .video.videovis{ visibility:hidden}
.detailshome { margin-bottom:0px; background:#FFFFFF}
.detailshome .description a { text-decoration:underline!important; font-weight:bold}
#newsanimated, .thumb-col.efect1, .thumb-col.efect, .thumb-col.efect2, #animatedprojects, .detailshome, .imgmagazine, .tipshome, .serviceshome { position:relative; z-index:2 }
.serviceshome { background:#FFFFFF }
.tipshome.interior { visibility:visible}
.thumb-col.efect1 { }
.imgmagazine, .imgmagazineint { position:relative }
.sellomagazine { position:absolute; top:-40px; padding-left:35% }
.sellomagazine  img { max-width:65% }
.sellomagazineinte { position:absolute; top:-40px; padding-left:40% }
.magazinehome .containgrand p a { color:#666666; font-size:16px}
.magazinehome .containgrand p a:hover { color:#333; font-size:16px}

.visible { visibility:visible!important }
.serviceshome {background:#eeeeee; display:inline-block; padding:50px 0px 30px 0; }
.serviceshome.inter { margin-top:50px; }
ul.listservices { float:left; margin-bottom:35px; padding-left:0px; margin-left:5px}
ul.listservices li { list-style:none; text-transform:none; width:32%; margin-right:1%; padding-bottom:10px; float:left; padding-left:30px; text-decoration:underline; font-size:18px; color:#333; font-family:'Cormorant', sans-serif; position:relative}
ul.listservices li::before  { content: ''; display: inline-block;background: url('../images/right-arrow.svg') no-repeat 0 0;width: 24px;height: 21px;position: absolute;top: 40%;transform: translateY(-50%);left: 0px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 99999;}
ul.listservices li:hover::before { left:5px}	

.services article { position:relative;} 

.lisservices h3{ font-family:catamaran; font-size:24px; line-height:34px; margin-bottom:50px}
.serviceshome  {margin-bottom:0px!important; display:inline-block}
.sectcontact { padding:90px 0 50px 0; background:#FFFFFF; position:relative; z-index:1; }
.sectcontact .container.row-fluid{ display:table; margin:0 auto; max-width:800px!important; width:auto}
.sectcontact .container.row-fluid h2{ margin-bottom:0px; padding-bottom:2px}
.sectcontact .container.row-fluid h3{ line-height:26px} 
.titproject  { display:inline-block; width:100%}
.project { background:#FFFFFF; position:relative; z-index:2; margin-bottom:40px}

.partnesheader { display:inline-block; margin-top:15px; width:100%}
.partnesheader img{ max-width:100px}

.sectcontact form{ width:80%; margin-top:40px}
input, label{ color:#999; margin:0px; padding:0px; font-size:18px}
label{ font-size:18px; margin-bottom:10px}

input{ border:0px; border-bottom:#edf1f4 solid 3px; padding-bottom:10px; margin-bottom:30px; height:22px; line-height:12px; font-size:12px;}
textarea{ border:0px; border-bottom:#edf1f4 solid 3px; padding-bottom:10px; margin-bottom:25px; height:70px; line-height:12px;}
input[type="submit"] { background:#FFF; color:#333; text-align:center; width:auto; padding:22px 42px; display:table; margin:30px auto; border:#666666 solid 2px!important; font-size:18px; min-width:80px; line-height:0px; font-weight:bold; font-family:'Catamaran', sans-serif!important;}
input[type="submit"]:hover {background:#f1efea!important; }


.serviceshome article .fondo, .servicesinter article .fondo, .serviceshome article .fondo, .fondo {position: absolute; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.40);height: 100%; z-index:7; height:100%}
.fondodegree {position: absolute; bottom: 0px; width: 100%;z-index:7; height:100%; background: rgba(76,76,76,0);
background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(54%, rgba(97,97,97,0)), color-stop(68%, rgba(102,102,102,0.3)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );}
.servicesinter article img { max-width:100%; width:100%}
.red { color:#666666}
.servicesinter { background:#FFFFFF; z-index:99999; position:relative}
.servicesinter article { position:relative; overflow:hidden}
.servicesinter article h2 { color:#fff; top:36%; font-size:46px; position:absolute; z-index:9999; left:10%; font-weight:bold}
.servicesinter article h2::after { content:''; display:block; background:url(../images/ico-fle-blanca.png) no-repeat right; width:230px; height:30px; margin-top:20px}
.servicesinter article:hover .imgContainer {transform: scale(1.1);}
.servicesinter article:hover h2::after {margin-left:20px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


.container.botonesficha  { width:auto!important}
.container.botonesficha .btnprojects{ display:inline-block}
.container.botonesficha .btnprojects.primer{ margin-right:20px}

.listserv { margin-top:40px; margin-bottom:60px}
.listserv .listservices { float:left}
.listserv .listservices li{ width:100%; text-decoration:none; font-size:26px; font-weight:normal; font-family:'Cormorant', sans-serif; color:#333333}
.listserv .span12 { display:inline-block; clear:both; width:100%}
.listserv .span12 div { display:inline-block; float:left; width:44%; margin-right:6%; margin-bottom:30px}
.listserv .span12 h2, .listserv h2 { font-size:38px; font-weight:bold; line-height:46px }
.listserv .span12 h2 { padding-bottom:10px; display:inline-block; width:100%}
.listserv .span12 h3 { font-size:30px; font-weight:bold; line-height:36px }


.ideas { float:right; width:89%; display:inline-block; margin:30px 0 }
.ideas h4 { float:left; width:auto; text-transform:uppercase; font-weight:600; font-size:18px; margin-top:45px}
.ideas h4 span{ font-weight:normal!important}
.ideas ul { float:right; margin-bottom:35px; max-width:60%; padding-left:0px}
.ideas ul li { list-style:none; text-transform:uppercase; width:32%; margin-right:1%; padding-bottom:10px; float:left; font-size:18px}
.ideas ul li a.red { font-size: 16px;text-transform: none; }
.ideas ul li a{ text-decoration:underline!important}
h2.line span.tittag {color:#bdafa2; text-decoration:none!important }


.homehead .fijar .logotop li a,  .homehead .fijar .logotop li { color:#000000; }

.fijar .homehead ul li a, .fijar .submenutop ul li { color:#000000; }

.prefooter { background-attachment:fixed!important }
.prefooter, .footerlast { visibility:hidden }
.prefooter h2{ line-height:40px; font-size:40px; font-weight:bold;}

.prefooter h3{ line-height:46px; font-size:32px; padding-right:52px; font-weight:bold}
.prefooter p{ line-height:28px; font-size:16px; padding-right:0px; margin-top:20px}
.prefooter .span12  { width:100%; margin-top:20px; display:inline-block; clear:both}

footer { margin:20px 0 0 0;position: relative;display: inline-block;width: 100%; background:#eeeeee; padding:20px 0px; z-index:9999999}
footer h4{font-size:22px; padding-bottom:10px; font-weight:bold; margin-bottom:0px; font-family:'Catamaran', sans-serif; font-weight:bold}
footer ul{ margin:0px; padding:0px}
footer ul li{ list-style:none; font-size:20px; padding-bottom:8px; color:#333; line-height:26px;font-family:'Cormorant', sans-serif;  color:#333 }
footer ul li a{ color:#333}
footer .span4.last p{ font-size:16px; line-height:26px; margin-top:0px; color:#333}
footer .span4.last img{ max-width:300px}
.copytext{ float:left; width:auto}

.seegoogle { margin:30px 0 20px 0px!important}
.isologo { max-width:220px; margin-bottom:20px }
.margin36 { padding-top:36px}
.menufooter { margin-top:12px }
.topfooter { margin-bottom:50px }
.linkgoogle { font-size:17px; font-weight:bold; text-decoration:underline!important; margin-left:6px }
.lovemedia { float:left;margin-right:10px; margin-top:4px; position:relative; z-index:99999}
.lovemedia span { display:inline; float:left;margin: 0px 20px 0 0;font-size: 14px;color:#666666; line-height:20px}
.lovemedia img {float: left;margin-right: 12px;max-width: 27px;margin-top: 18px;}
.lovemedia object { max-width:15px; margin-right:15px }
.logofooter img{ max-width:140px; float:left}
.logofooter span{ display:inline; float:left;margin: 14px 0px 0 16px;font-size: 14px; line-height:20px}
.copyright { font-size:12px; margin-top:40px; width:100% }
.copyright p{ font-size:14px!important; line-height:24px!important }
.detailshome .span4 {}
.detailshome .span4 .description { padding-top:18px }
footer .lovemedia { padding-top:26px }

.left { float:left}
.projectlist { visibility:hidden}

.listserv .span12 p, .bottomsection p{font-family:'Cormorant', sans-serif;}

.vol1, .vol2, .vol3, .vol3, .vol4 { visibility:hidden}

.project article .projimag img { width:100%}
.project article .description h3 { text-align:center; margin-bottom:0px; padding-bottom:0px; line-height:30px; text-transform:uppercase}
.project article .description h4 { text-align:center; padding-top:0px; margin-top:0px; line-height:22px}

h2.center {text-align: center!important;margin: 0px;padding: 0 0 90px 0;font-weight: normal;font-size: 80px !important; }
.projectshome.intern  { margin-top:0px!important}
.thumb-link {position: absolute; top: 0; right: 0px;bottom: 0;left: 0px;cursor: pointer;z-index: 999999;}
.thumb-row { display: inline-block; flex-wrap: wrap;  margin: 0;}
.bgproject { overflow:hidden}
.bgproject:hover figure{ transform: scale(1.1); }
.thumb-bg-overlay, .img-overlay {background-color: rgba(0,0,0,0.6); color: #fff;font-size: 18px;letter-spacing: 0.45px;position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: -1;
 text-align: center;display: flex; align-items: center;justify-content: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.animated.fadeInUp { visibility:visible    }
.taglist { visibility:hidden }
.thumb-row { flex-wrap: wrap; }
.thumb-wrap .sub-heading { border-bottom: none; padding-bottom: 0; margin-bottom: 15px; }
.thumb-col { width: 31.5%; display: inline-grid; position: relative; margin-right:2%; margin-bottom:30px;}
.thumb-col .description { padding:0px 10px 10px 10px }
.thumb-col h3 { min-height: 50px; font-size:20px; font-weight:600; line-height:28px }
.thumb-col p { line-height:22px }
.thumb-bg-col { overflow: hidden; height: 235px; width: 100%; margin-bottom: 15px; position: relative;}
.thumb-bg-col .precio, .visorprin .prin1 .precio{ background:#666666!important; padding:7px 13px; position:absolute; bottom:0px; right:0px; z-index:99; color:#FFFFFF; font-size:10px }
.thumb-bg-col .precio span, .visorprin .prin1 .precio span{ color:#FFFFFF; font-weight:bold;font-size:14px; margin-left:8px; position:relative!important; padding:0px!important; background:none!important; right:auto!important}
.thumb-bg-col img { max-width:100%; height:100% }
.blocklist article img, .detailshome article img{transform: scaleY(1);transition: all 1.9s ease-in-out; max-width:100%; height:100%; width:100%; display:block; height:auto; max-height:530px;object-fit: cover;}
.blocklist article:hover img, .detailshome article:hover img{ transform: scale(1.1);transition: all 1.9s ease-in-out; }
.servicesH img {transform: scale(1);transition: all 1.9s ease-in-out;}
.servicesH:hover img {transform: scale(1.1);transition: all 1.9s ease-in-out;  }
.thumb-bg-overlay, .img-overlay { background-color: rgba(0,0,0,0.3); color: #fff; font-size: 18px; letter-spacing: 0.45px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: -1; text-align: center; display: flex; align-items: center; justify-content: center; 
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.thumb-col:hover .thumb-bg-overlay { opacity: 1; z-index: 2; }
.blocklist article:hover .thumb-bg-overlay { opacity: .4; z-index: 2; }
.blocklist article .thumb-bg-overlay { opacity: 1; z-index: 2; }
.blocklist article h3 { position:absolute; top:45%; display:table; margin:0 auto; color:#FFFFFF; font-size:40px; text-align:center; z-index:999; font-weight:bold; width:100%}

.link { color: #333342; font-size: 14px; padding-right: 30px; position: relative; padding-right: 45px; display: block; z-index:999; margin-top:20px}
.link.rightl { color: #333342; font-size: 14px; padding-right: 70px; width:auto; display:inline-block; margin-top:30px}
.link.izq { margin-left:45px; margin-right:50px; font-size:16px }
.link.izq a{font-size:16px; text-decoration:none!important }

.link.izq:before { right:0px!important; left:auto!important}

.link:before { content: ''; display: inline-block; background: url('../images/right-arrow.svg') no-repeat 0 0; width: 28px; height: 23px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; z-index:99999}
.link.rightl:before { right:0px; left:auto!important;  }
.link:hover, .link:focus { color: #999; }
.link:hover:before { left: -5px; }
.link.rightl:hover:before { right: -10px; }

.menumobile.is-active { z-index:9999999999; }

/* GENERALS */
.contenido.general h1 { text-transform:uppercase; font-size:30px; margin-bottom:30px;font-weight:bold; line-height:46px }
.contenido.general h2 {font-size:34px; line-height:44px;font-weight:400; padding-right:150px; margin-bottom:5px}
.contenido.general h3 {font-size:26px; line-height:34px;font-weight:400; padding-right:150px; margin-bottom:5px}
.contenido.general.servicesfich h2 { font-size:26px }
.contenido.general.servicesfich h1 { font-size:46px; text-transform:none!important }
.contenido.general h3 {font-size:20px; line-height:26px; font-weight:bold; margin-bottom:25px }
.contenido.general h3 {font-size:20px; line-height:26px; font-weight:bold; margin-bottom:25px }
.contenido.general h4 {font-size:18px; line-height:26px; font-weight:bold; margin-bottom:25px }
.contenido.general ul {font-size:16px; margin-bottom:20px }
.contenido.general li {font-size:16px; line-height:28px; color:#999999; }
.contenido.general .sharedficha { width:auto!important; float:right }
.contenido.general .sharedficha .lovemedia span { margin:0px 12px 0 0!important; color:#333333!important}
.contenido.general .sharedficha .lovemedia  { margin-top:8px!important; padding-top:0px!important }

.contenido.general .sharedficha .lovemedia img { margin-top:5px!important }
.contenido.general p {font-size:17px; line-height:28px; color:#333; margin-bottom:20px; font-weight:200;}
.contenido.general .first p {font-size:16px;line-height:28px; color:#333; font-weight:bold}
.generalimg { margin:20px 0px 50px 0px }
.generalimg img{ max-width:100% }

.menumobile__nav .menuul { position:absolute; left:47px; margin-top:5px}
.imagenmenu {width:100%; float:right; max-width:76% }

/* FLECHA VISOR HOME */

.the-arrow {
  width: 1px;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 60%;
  left: 0;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #4c4c4c;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #4c4c4c;
}
.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}
.the-arrow.-right {
  top: 0px;
}
.the-arrow.-right > .shaft {
  width: 1px;
  transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  transition-delay: 0.3s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #4c4c4c;
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: #4c4c4c;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
  color: #4c4c4c;
  font-size: 1.25em;
  font-style: italic;
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
  font-size:16px;
}
.animated-arrow:hover {
  color: #808080;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  transition-delay: 0.1s;
  background-color: #808080;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  transition-delay: 0.1s;
  background-color: #808080;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  transform: translateX(17px);
  transform: translateX(80px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}
.animated-arrow > .main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
  font-size:16px!important;
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}





/* CONTACT */
.formcontact { float:left; width:40%;margin-right:4%; }
.formcontact h2{ font-size:28px; font-weight:bold; margin:0px }
.formcontact form { margin-top:60px }
.formcontact input, .formcontact textarea{ width:100%; border:0px!important; border-bottom:2px solid #ced6df!important; color:#788596; height:40px!important; margin-bottom:25px!important; font-size:16px}
.formcontact textarea{height: 50px !important;font-family:'Catamaran', Arial, Helvetica, sans-serif !important;vertical-align: bottom;line-height: 60px;overflow: hidden;}
.formcontact input[type="submit"] { background:#000000; color:#FFFFFF; text-align:center; width:auto; padding:8px 45px }
.formcontact input[type="submit"]:hover {background:#666666!important; }
.formcontact input[type="checkbox"], .sectcontact input[type="checkbox"] { width:20px!important;margin:0px; height:20px!Important }
.descriptioncontact { float:left; width:56% }
.descriptioncontact iframe{ display:inline-block; margin-bottom:20px}
.descriptioncontact img{ max-width:100%}
.descriptioncontact .imag { margin-bottom:10px; position:relative; display:inline-flex; }
.descriptioncontact .imag .trecientos{ position:absolute; bottom:0px; left:0px; background:#eeece8}
.descriptioncontact .imag .trecientos .der { float: left; width: 48%; padding-left: 4%; padding-top: 5px;}
.descriptioncontact .imag .trecientos .der p{line-height: 18px;font-weight: normal;font-size: 14px;margin: 0px; padding-left:6px!important}
.descriptioncontact .imag .trecientos .tresimg {float: left; width: 48%; overflow:hidden; display:inline-flex; position:relative}
.descriptioncontact .imag .trecientos .tresimg img{ max-width:100%; height:100%!important}
.descriptioncontact  p {line-height: 28px;font-weight: bold; }
.contactbottominter h2 { font-size:28px; font-weight:bold; }
.contactbottominter p {line-height: 32px; font-size:19px; padding-right:150px}

.btnprojects, .submitbtn { background: #fff; color: #000;  border: #000000 solid 1px; margin: 40px auto 40px auto; -webkit-transition: background-color .5s ease;  -moz-transition: background-color .5s ease;  -o-transition: background-color .5s ease;  -ms-transition: background-color .5s ease;  transition: background-color .5s ease;  padding: 14px 25px; display:table; font-weight:bold}
.btnprojects:hover, .submitbtn:hover { background: #000; color: #fff;}
.submitbtn {padding: 14px 45px; font-size:16px}
.listproj { max-width:100%; margin-left:0px; padding-left:0px; margin-top:30px; display:inline-block; margin-bottom:30px}
.listproj li{ list-style:none; float:left; display:inline; margin-right:20px; text-decoration:underline}

.lisservices { margin-top:60px; display:inline-block; }
.lisservices .span6{ width: 66%!important; }
.lisservices .span4.first p{ font-size:16px}
.lisservices .span6 .span12 h3{margin-top:0px}
/*MENU DESPLEGABLE MOVIL*/

#view-code{
  color:#4183d7; 
  font-size:13px;
  text-transform:uppercase;
  font-weight:700;
  text-decoration:none;
  position:absolute;top:640px; left:50%;margin-left:-35px;
}
div.screen{
	width:100%;
	height:auto;	
	overflow:hidden;
	position:absolute; 
	top:0px; 
	left:0px;
  margin-left:0;
	background:#31558a;
}
.list{margin-top:36px; text-align:left;}
.item{
	height:115px;
	margin-top:30px 0;
	padding-left:115px;
	clear:both;
}
.item .img, .item span{background:#214273; border-radius:3px;}
.item .img{float:left; width:71px; height:71px; margin-left:-93px;}
.item span{height:11px; width:180px; margin-bottom:19px; float:left;}
.item span:nth-of-type(3){width:75px; margin-botom:0;}

.logomovil { position:absolute; top:15px; left:20px; z-index:999; }
.logomovil img{ max-height:42px; }
div.burger {height: 40px; width: 40px;position: absolute;top: 11px; right: 11px;cursor: pointer; z-index:999}
	div.x,
	div.y,
	div.z {
		position: absolute; margin: auto;
		top: 0px; bottom: 0px;		
		background: #fff;
		border-radius:2px;
		-webkit-transition: all 200ms ease-out;
		   -moz-transition: all 200ms ease-out;
		    -ms-transition: all 200ms ease-out;
		     -o-transition: all 200ms ease-out;
		        transition: all 200ms ease-out;
	}		
	div.x, div.y, div.z { height: 3px; width: 26px; }
	div.y{top: 18px;}
	div.z{top: 37px;}
	div.collapse{
		top: 20px;
		background:#fff;
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;
	}
	 
	
	div.rotate30{
		-ms-transform: rotate(30deg); 
    	-webkit-transform: rotate(30deg); 
	    transform: rotate(30deg);	
		-webkit-transition: all 50ms ease-out;
		   -moz-transition: all 50ms ease-out;
		    -ms-transition: all 50ms ease-out;
		     -o-transition: all 50ms ease-out;
		        transition: all 50ms ease-out;					
	}
	div.rotate150{
		-ms-transform: rotate(150deg); 
    	-webkit-transform: rotate(150deg); 
	    transform: rotate(150deg);	
		-webkit-transition: all 50ms ease-out;
		   -moz-transition: all 50ms ease-out;
		    -ms-transition: all 50ms ease-out;
		     -o-transition: all 50ms ease-out;
		        transition: all 50ms ease-out;					
	}
	
	div.rotate45{
		-ms-transform: rotate(45deg); 
    	-webkit-transform: rotate(45deg); 
	    transform: rotate(45deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}
	div.rotate135{
		-ms-transform: rotate(135deg); 
    	-webkit-transform: rotate(135deg); 
	    transform: rotate(135deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}

div.navbar{height:73px;background:#000;}

div.circle{	
	border-radius: 1%;
	width: 0px;
	height: 0px; 
	position:absolute;
	top: 35px;
	left: 36px;
	background:#000;
	opacity:1;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.circle.expand{width:1200px;	height:1200px;top: -560px;left: -565px; -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);  -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);  transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); z-index:99;}
div.menu {height: auto; width: 320px;position: absolute;top: 0px; left: 0px; z-index:9999999999}
div.menu ul li {
	list-style: none;
	position:absolute;
	top:50px;;
	left:0;
	opacity:0;
	width:320px;
	text-align:center;
	font-size:0px;
	-webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu ul li a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;	
	letter-spacing:3px;			
}

div.menu li.animate{
	font-size:21px;
	opacity:1;
	-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu li.animate:nth-of-type(1){	
	top:120px;
	transition-delay: 0.0s;	
}
div.menu li.animate:nth-of-type(2){
	top:190px;
	transition-delay: 0.03s;	
			
}
div.menu li.animate:nth-of-type(3){
	top:260px;
	transition-delay: 0.06s;		
	
}
div.menu li.animate:nth-of-type(4){
	top:330px;
	transition-delay: 0.09s;		
	
}
div.menu li.animate:nth-of-type(5){
	top:400px;
	transition-delay: 0.12s;		
	
}
div.menu li.animate:nth-of-type(6){
	top:470px;
	transition-delay: 0.15s;	
			
}

.imagenmagazineinter { width:85%; float:right; clear:both }
.imagenmagazineinter img{ max-width:100% }
.textcenter { text-align:center; margin-top:20px}
.textcenter p{ text-align:center;}

.blocklist {overflow: hidden;grid-template-columns: 1fr 1fr; width: 100%;display: grid; grid-gap: 50px;margin: 0px;padding: 0px;grid-template-rows:1fr;}
.blocklist article {  overflow: hidden; height:500px; position:relative; overflow:hidden; display:inline-block;}
.blocklist article img{  overflow: hidden; position:relative; object-fit: cover;object-position: center center; height:100%}

.fijar {margin: 0 auto;top:0px;	position: fixed;width: 100%;padding:0px 0 10px 0;color: white;text-align: center; background:#f1efea; left:0px; z-index:9999!important;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);}
.fijar .logotop { margin-top:3px }
.logotop .negro { display:none}
.fijar .logotop .blanco { display:none}
.fijar .logotop .negro { display:block}
.fijar .logotop  img.negro, .fijar .logotop img{ max-width: 405px;margin-top: 12px;}
.fijar .logotop span { color:#000000}

.textfinf { margin:30px 0 0 0; display:inline-block; position:relative}
.textfinf h1{ text-align:center; font-size: 30px;margin-bottom: 20px;font-weight: 600; margin-top:20px}
.textfinf h2{text-align:center; font-size:26px; margin-bottom:15px;argin-bottom: 0px;padding-bottom: 5px;}
.textfinf h3{text-align:center; font-size:22px}
.textfinf p{text-align:center; font-size:16px; margin-top:10px; padding-top:0px; padding-left:40px; padding-right:40px}


.visorlink { color:#FFFFFF; font-size:16px; z-index:99999; min-width:150px }
.box.grand.cien .hiden { width:48% }
.blocktag .box.grand .link { position:absolute; bottom:20px; width:92%; left:30px; text-align:left}
.blocktag .box.grand .viewbig { position:relative; text-align:left; margin-top:30px; width:90%; padding-left:32px; font-size:13px!important; color:#000000}
.visorlink.link::before { content: ''; display: inline-block;   background: url('../images/right-arrow-blanco.svg') no-repeat 0 0;width: 48px;right: 25px; }

.viewbig::before {
    content: '';
    display: inline-block;
    background: url('../images/glasses.svg') no-repeat 0 0;
    width: 28px;
    height: 23px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 99999;

}
.visorlink.link:hover::before,.visorlink.link:hover::before {right: 5px; }
/* FICHA */
.visorprin a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;}
.visorprin .prin2 a::before, .visor .visorprin .prin1 img::after {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;}
.visorprin .prin2:hover a::before   {background-color: rgba(54,56,58,0);}
.visor .visorprin .prin1:hover img::after { background-color: rgba(54,56,58,0);}

.visorprin1 .prin1 a::before, .visorprin1 .prin2 a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;}
.visorprin1 .prin1:hover a::before, .visorprin1 .prin2:hover a::before  {background-color: rgba(54,56,58,0.3);}


.visorprin2 .prin1 a::before, .visorprin2 .prin2 a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;}
.visorprin2 .prin1:hover a::before, .visorprin2 .prin2:hover a::before  {background-color: rgba(54,56,58,0);}

.visorprin3 .prin1 a::before, .visorprin3 .prin2 a::before, .visorprin3 .prin3 a::before, .visorprin3 .prin4 a::before{position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;}
.visorprin3 .prin1:hover a::before, .visorprin3 .prin2:hover a::before, .visorprin3 .prin3:hover a::before, .visorprin3 .prin4:hover a::before  {background-color: rgba(54,56,58,0);}

.prin1.completo { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:590px!important; width:100%!important; position:relative}

.prin1.completo a { position:absolute; width:100%; height:100%; z-index:999; }
.prin1.completo a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;}
.prin1.completo a:hover::before {background-color: rgba(54,56,58,0);}

.fichadetails { position:relative; margin-bottom:40px; width:100%; display:inline-block; margin-top:-20px }
.fichadetails .container{ position:relative }
.sharedficha { display:inline-block; width:100%}

.fichadetails p { font-size:18px; font-weight:bold; line-height:30px; margin-top:25px}
.fichadetails h1 { font-size:30px; font-weight:bold; line-height:40px }
.fichadetails h2 { font-size:30px; font-weight:bold; line-height:40px }

.fichadetails .btnmorephotos{ position:absolute; top:0px; right:0px; padding:15px 25px; background:#f1f1f1; color:#000000; text-decoration:underline!important; font-weight:bold }
.fichadetails .btnmorephotos:hover{ background:#ccc; color:#000000; }
.internades { margin-top:30px }
.internades p { font-size:16px; line-height:30px; color:#666666 }

.fichadetails .lovemedia span { margin-top:0px!important }
.fichadetails .lovemedia a { float:left; }
.linkdeco  { padding-left:10px; text-decoration:underline!important; min-width:110px; margin-top:0px!Important }
.fichadetails .lovemedia .secondspan {position: relative;padding-left: 20px; }
.fichadetails .lovemedia .secondspan a{ min-width:160px }
.fichadetails .lovemedia .secondspan::before  { content:"|"; width:10px; height:10px; font-size:22px; padding-left:10px; padding-right:10px; position: absolute;left: 0px; font-weight:normal}
.fichadetails .lovemedia .linkdeco  { margin-top:0px!Important }

.visor { width:100%; position:relative; display:inline-block; margin:20px 0 0 0; z-index:0 }
.visor img {max-width:100% }
.visor .visorprin {grid-template-columns:2fr 1fr; -ms-grid-columns:2fr 1fr;display: grid;  display: -ms-grid; grid-column-gap: 15px; gap: 15px; -ms-grid-gap: 15px; height:520px; position:relative; padding-bottom:85px }
.visor .visorprin .prin1 {grid-column: 1;  grid-row: 1; -ms-grid-column: 1;  -ms-grid-row: 1;  overflow: hidden; height:520px; position:relative}
.visor .visorprin  span {position: absolute;right: 120px;bottom:0px;z-index: 99999999999999;padding:10px 22px; background:#f1f1f1; color:#000000; text-decoration:underline!important; font-weight:bold; cursor:pointer  }
.visor .visorprin span:hover{ background:#666666!important; color:#FFFFFF!important}
.visor .visorprin .prin2 {grid-column: 2;  grid-row: 1;   -ms-grid-column: 2;  -ms-grid-row: 1;  overflow: hidden;position:relative;height:520px; }
.visor .visorprin .prin1 img { object-fit: cover; object-position: center; width:100%; height:100% }
.visor .visorprin .prin2 img { object-fit: cover; object-position: center; height:100%}

.visor .visorprin2 {grid-template-columns:1fr 1fr; -ms-grid-columns:1fr 1fr; display: grid; display: -ms-grid; grid-gap: 15px; height:450px;position:relative }
.visor .visorprin2 .prin1 {grid-column: 1;-ms-grid-column:1;  grid-row: 1; -ms-grid-row: 1;   overflow: hidden;position:relative }
.visor .visorprin2 .prin2 {grid-column: 2; -ms-grid-column: 2; grid-row: 1; -ms-grid-row: 1;   overflow: hidden;position:relative }
.visor .visorprin2 .prin1 img { object-fit: cover; object-position: center; width:100%; height:100% }
.visor .visorprin2 .prin2 img { object-fit: cover; object-position: center; width:100%; height:100%}

.visor .visorprin3 {grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr; display: grid; display: -ms-grid; grid-gap: 15px; -ms-grid-gap: 15px; grid-template-rows:1fr 1fr 1fr; -ms-grid-template-rows:1fr 1fr 1fr;  height:980px; margin-top:20px}
.visor .visorprin3 .prin1 {grid-column: 1/span2; -ms-grid-column: 1/span2;  grid-row: 1; -ms-grid-row: 1;   overflow: hidden;height:490px;position:relative }
.visor .visorprin3 .prin2 {grid-column: 1;  grid-column: 1;  -ms-grid-column: 1;   overflow: hidden; height:490px;position:relative }
.visor .visorprin3 .prin2 { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:490px!important; width:100%!important; position:relative}
.visor .visorprin3 .prin2 a { position:absolute; width:100%; height:100%; z-index:999; }
.visor .visorprin3 .prin3 {grid-column: 2;  grid-row: 1; -ms-grid-column: 2;  -ms-grid-row: 1;   overflow: hidden;height:450px;position:relative }
.visor .visorprin3 .prin3 { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:490px!important; width:100%!important; position:relative}
.visor .visorprin3 .prin3 a { position:absolute; width:100%; height:100%; z-index:999; }
.visor .visorprin3 .prin4 {-ms-grid-column: 1;  -ms-grid-row: 3; grid-column: 1;  grid-row: 3;   overflow: hidden;height:490px;position:relative }
.visor .visorprin3 .prin4 { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:450px!important; width:100%!important; position:relative}
.visor .visorprin3 .prin4 a { position:absolute; width:100%; height:100%; z-index:999; }
.visor .visorprin3 .prin5 {grid-column: 2;  grid-row: 3;  -ms-grid-column: 2;  -ms-grid-row: 3;  overflow: hidden;position:relative }
.visor .visorprin3 .prin5 p{ line-height:28px; font-size:16px; color:#666666; padding: 70px 40px 0 50px; width:90vh!important; max-width:430px }
.visor .visorprin3 .prin5 a{ padding:0px 50px 0 50px; max-width:200px; font-size:14px; font-weight:bold; margin-top:50px; text-decoration:underline!important }
.visor .visorprin3 .prin5 p a{ padding:0px 0px 0 0px!important;}
.visor .visorprin3 .prin1 img { object-fit: cover; object-position: center; width:100% }
.visor .visorprin3 .prin2 img, .visor .visorprin3 .prin3 img, .visor .visorprin3 .prin4 img, .visor .visorprin3 .prin5 img { object-fit: cover; object-position: center; width:100%}
.imagetot { background-image:url(../imagenes/prefooter/designer-location-mallorca.jpg); height:550px; width:100%; background-repeat:no-repeat; background-position:center; margin-bottom:30px}

strong { font-weight:bold }

.headsection.ficha{ padding-top:10px; height:500px; margin-bottom:90px }
.headsection.ficha img{ max-width:100% }
.headsection.ficha .link.izq {margin-top:510px }
.fotoprin { position:relative; display:inline-block; height:100%; width:100% }
.fotoprin .btnprojects.white{ color:#FFFFFF; border-color:#FFFFFF; position:absolute; bottom:0px; left:60px; background:none!important}
.typeproject { width:100%; display:inline-block}
.typeproject p{ text-align:right; text-decoration:underline; font-size:18px; margin-bottom:0px}
.fichatecnica  {width:100%; clear:both; display:inline-block; margin-bottom:40px}
.fichatecnica p { font-size:18px; margin-bottom:6px }
.fichatecnica  h3{ font-size:30px; margin-bottom:40px}
.fichatecnica li {list-style:none; margin-bottom:10px}
.fichatecnica .tecnica{ float:left; width:36%; margin-right:6%;}
.fichatecnica .tecnica.first{border-right:#666666 solid 1px;}
.visorficha {display: grid;grid-template-columns: 1fr 1fr;  grid-column-gap: 20px;   grid-row-gap: 15px; margin-top:50px;}
.visorficha img{ margin:0px!important}

.detailshome article { overflow:hidden }
.detailshome article .imagen { height:440px; overflow:hidden!important; width:100%;  -webkit-background-size: cover;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  text-align: left;
  background-position-x: 50%;
  background-position-y: 0%; background-position:center!important; background-repeat:no-repeat!important;
}
.blocktag .box.grand .imagen { height:450px; overflow:hidden!important; width:100%;background-size: cover!important;text-align: left;background-position-x: 50%; background-position-y: 0%; background-position:center!important; background-repeat:no-repeat!important;}
.blocktag .box.grand.cien .imagen {height:600px; }
.detailshome article .imagen:hover {  -webkit-animation: zoomin 10s linear;
  animation: zoomin 10s linear;
  animation-fill-mode: forwards;
}


@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
}

.newscontent a{ text-decoration:underline!important}
.newscontent img{ height:auto!important}
ul.tags { margin:50px 0px 20px 0px; padding-left:0px;}
ul.tags li { float:left; display:inline; font-size:12px; color:#333333; padding-right:10px; text-decoration:underline; list-style:none}
ul.tags li a{ font-size:14px; color:#999;}
ul.tags li a:hover{ font-size:14px; color:#666666;}

/* SERVICIOS */

.migasservices { display:inline-block; margin:0px 0 5px 0; }
.migasservices .sharedficha { float:left!important; margin-right:20px }
.migasservices .otherservices{ float:left!important; margin-top:6px }
.migasservices ul { margin:0px; padding:0px; float:left; position:relative; padding-left:20px}
.migasservices ul:before { content:"|"; width:20px; height:10px; padding-left:0px; position:absolute; left:0px; top:-2px; font-size:22px}
.migasservices ul li { list-style:none; float:left; margin-right:20px; font-size:14px!important; padding-top:1px }
.migasservices ul li a{ font-size:14px; text-decoration:underline!important; }
.sharedficha .lovemedia { margin-top:0px; padding-top:0px }

.bold { font-weight:bold}

.titular.fichaservi h2 { padding-left:0px; margin-bottom:40px }
.titular.fichaservi h2 span{ font-weight:bold}
.titular.fichaservi h2 span.color14{ color:#000!important}
.titular.fichaservi h2 span.color73 { color:#999!important}
.titular.fichaservi h2 span.color15 { color:#68d0ec!important}
.titular.fichaservi h2 span.color19 { color:#75c4b0!important}
.titular.fichaservi h2 span.color16 { color:#ff8572!important}
.morinfoplus { color:#000000; font-weight:bold; text-align:center; display:table; margin:20px auto 0 auto!important; text-decoration:underline!important; font-size:16px!important}
.orderform h3 { width:auto; float:left }

.servicesfich.generalimg img{ width:100%!important}
.sectitular h1 { text-align:center; font-size:40px!important; margin:0px!Important; color:#333333!important}
.sectitular { padding:2px 0px; margin-bottom:40px;background:background: rgba(110,110,110,1);
background: -moz-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,110,110,1)), color-stop(84%, rgba(5,0,0,1)), color-stop(100%, rgba(5,0,0,1)));
background: -webkit-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#050000', GradientType=0 ); }

h2.color14, h1.color14 { color:#000!important}
h2.color73, h1.color73 { color:#999!important}
h2.color15, h1.color15 { color:#68d0ec!important}
h2.color19, h1.color19 { color:#75c4b0!important}
h2.color16, h1.color16 { color:#ff8572!important}

.sectitular.color14 h1 { color:#000!important}
.sectitular.color73 h1 { color:#999!important}
.sectitular.color15 h1 { color:#68d0ec!important}
.sectitular.color19 h1 { color:#75c4b0!important}
.sectitular.color16 h1 { color:#ff8572!important}

.sectitular.color14 { background:#000;}
.sectitular.color73 { background:#999; }
.sectitular.color15 { background:#68d0ec;}
.sectitular.color19 { background:#75c4b0;}
.sectitular.color16 { background: #ff8572;}

.listmenu ul { margin:0px 0px 40px 0px; padding:0px; display:inline-block;}
.listmenu li { list-style:none; font-size:18px; color:#333!important; float:left; padding-right:20px}
.listmenu li a{ list-style:none; font-size:16px; color:#333!important; text-decoration:underline!important}
.listmenu li a:hover, .listmenu li.select a, .listmenu li.select { list-style:none; font-size:18px; color:#ccc!important; text-decoration:underline!important}
.listmenu li a.forsale{ color:#666666!important }

.linkser { height:100%; width:100%; display:table }
.proyectotext .btncontact{ float:left; background:#000; color:#FFFFFF; margin-right:20px; border:#000000 solid 1px; margin-top:40px;-webkit-transition: background-color .5s ease;-moz-transition: background-color .5s ease;-o-transition: background-color .5s ease;-ms-transition: background-color .5s ease;transition: background-color .5s ease;  }
.proyectotext .btncontact.color14{ background:#000;border:#000000 solid 1px;}
.proyectotext .btncontact.color73{ background:#999;border:#999 solid 1px;}
.proyectotext .btncontact.color15{ background:#68d0ec;border:#68d0ec solid 1px;}
.proyectotext .btncontact.color19{ background:#75c4b0;border:#75c4b0 solid 1px;}
.proyectotext .btncontact.color16{ background:#ff8572;border:#ff8572 solid 1px;}
.proyectotext .btnprojects{ float:left; background:#fff; color:#FFFFFF; margin-right:20px; border:#000000 solid 1px; margin-top:40px;-webkit-transition: background-color .5s ease;-moz-transition: background-color .5s ease;-o-transition: background-color .5s ease;-ms-transition: background-color .5s ease;transition: background-color .5s ease; }
.proyectotext .btnprojects.color14{border:#000000 solid 1px;}
.proyectotext .btnprojects.color73{border:#999 solid 1px;}
.proyectotext .btnprojects.color15{border:#68d0ec solid 1px;}
.proyectotext .btnprojects.color19{border:#75c4b0 solid 1px;}
.proyectotext .btnprojects.color16{border:#ff8572 solid 1px;}
.proyectotext .btncontact:hover { background:#5f5f5f; border:#5f5f5f solid 1px; }
.proyectotext .btnprojects:hover {border:#000 solid 1px; color:#fff; background:#000000}
.proyectotext .btnprojects:hover a, .proyectotext .btnprojects a:hover{color:#5f5f5f!important;}

.proyectotext .btncontact a{ color:#FFFFFF; padding:15px 30px; display:inline-block}
.proyectotext .btnprojects a{ color:#000000; padding:15px 20px; display:inline-block}
.proyectotext .btnprojects.color14 a{ color:#000000;}
.proyectotext .btnprojects.color73 a{ color:#999;}
.proyectotext .btnprojects.color15 a{ color:#68d0ec;}
.proyectotext .btnprojects.color19 a{ color:#75c4b0;}
.proyectotext .btnprojects.color16 a{ color:#ff8572;}

.project .row-fluid .span4 { position:relative; margin-bottom:20px; z-index:1}


.visorhome { position:relative; display:inline-block; margin-bottom:50px}
.visorhome img{ max-width:100%}

.otrasnoticias { border-top:solid 1px #999; padding-top:20px; border-bottom:#CCCCCC solid 1px; padding-bottom:0px; margin-bottom:20px; display:inline-block; width:95%}

.servicesplug { width:100%; position:relative; display:inline-block; clear:both; height: 76vh; margin:25px 0px 0 0;}

.circlecounter {display:none;width: 180px; height: 180px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;background: #e5e4e0; position:absolute; right:0px; bottom:-30px; -webkit-box-shadow: 0px 7px 9px -12px rgba(102,102,102,1);
-moz-box-shadow: 0px 7px 9px -12px rgba(102,102,102,1);
box-shadow: 0px 7px 9px -12px rgba(102,102,102,1); }
.counter { text-align: center; font-size: 60px; font-weight:bold; line-height:60px;padding-right:15px; font-family:'Catamaran', Helvetica, Arial, sans-serif; }
.counter1 {display: table;margin: 35px auto 0 auto;font-size: 30px;font-weight: bold; }
.circlecounter p { font-size:16px; line-height:21px; text-align:center; font-weight:bold}
.flex-container {position: absolute;height: 73vh;width: 100%;display: -webkit-flex; /* Safari */display: flex;overflow: hidden;
	@media screen and (max-width: 768px) {
		flex-direction: column;
	}
}
.flex-title { padding:20px 40px; color: #f1f1f1;position: relative;font-size: 2.7vw; line-height:42px;margin: auto; font-weight:bold;text-align: center;	top: 200px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;	-o-transition: all 500ms ease;	transition: all 500ms ease;
	@media screen and (max-width: 768px) {
		transform: rotate(0deg) !important;
	}
}
.flex-about {
	opacity: 0;
	color: #f1f1f1;
	position: relative;
	width: 70%;
	font-size: 2vw;
	padding: 5%;
	top: 15%;
	border: 2px solid #f1f1f1;
	border-radius: 10px;
	line-height: 1.3;
	margin: auto;
	text-align: left;
	transform: rotate(0deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	@media screen and (max-width: 768px) {
		padding: 0%;
		border: 0px solid #f1f1f1;
	}
}


.flex-slide {
	-webkit-flex: 1;  /* Safari 6.1+ */
	-ms-flex: 1;  /* IE 10 */    
	flex: 1;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	@media screen and (max-width: 768px) {
		overflow: auto;
		overflow-x: hidden;
	}
}
.flex-slide p {
	@media screen and (max-width: 768px) {
		font-size: 2em;
	}
} 
.flex-slide ul li {
	@media screen and (max-width: 768px) {
		font-size: 2em;
	}
} 
.flex-slide:hover {
	-webkit-flex-grow: 3;
	flex-grow: 3;
}
.home {
	height: 100vh;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-macquarie-71208_1920.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	@media screen and (min-width: 768px) {
		@include animation-properties((animation: aboutFlexSlide, animation-duration: $defaultSeconds, animation-iteration-count: 1, animation-delay: 0s));
	}
}

@keyframes aboutFlexSlide {
	0% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	50% {
		-webkit-flex-grow: 3;
		flex-grow: 3;
	}
	100% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
}

.flex-title-home {
	@media screen and (min-width: 768px) {
		top: 15%;
		@include animation-properties((animation: homeFlextitle, animation-duration: $defaultSeconds, animation-iteration-count: 1, animation-delay: 0s));
	}
}



@keyframes homeFlextitle {
	0% {
		transform: rotate(90deg);
		top: 15%;
	}
	50% {
		transform: rotate(0deg);
		top: 15%;
	}
	100% {
		transform: rotate(90deg);
		top: 15%;
	}
}

.flex-about-home {
	opacity: 0;
	@media screen and (min-width: 768px) {
		@include animation-properties((animation: flexAboutHome, animation-duration: $defaultSeconds, animation-iteration-count: 1, animation-delay: 0s));
	}
}

@keyframes flexAboutHome {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}



.about {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/beach-2089959_1280.jpg);
	background-size: cover!important;
	background-position: center center;
	background-attachment: fixed;
	background-repeat:no-repeat!important;
}
.contact-form {
	width: 100%;
}
input {
	width: 100%;
}
textarea {
	width: 100%;	
}
.contact {
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-696098_1920.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
.work {
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/forest-208517_1280.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}


.spinner {
	position: fixed;
	top: 0;
	left: 0;
	background: #222;
	height: 100%;
	width: 100%;
	z-index: 11;
	margin-top: 0;
	color: #fff;
	font-size: 1em;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}


.pdf {background: url(/imagenes/ico-pdf-negro.png) no-repeat left;padding-left: 25px; position: absolute;  top: 10px; right: 10px;}
.press .thumb-col h3 { min-height:25px!important }
.textodest { min-height:130px }
.press .thumb-col .abajo { position: absolute;width: 100%;bottom: 10px; }
.press .thumb-col .abajo .more  { float:right }
.press .thumb-col .abajo .fecha  { float:left }

/* ARTICLES */
.artic .span4.img { float:left; width:40%; margin-right:2%  }
.artic .span4.img img{ max-width:100%;   }
.artic .span8.fichatex { float:left; width:55%;}
.otherpress { width:100%; clear:both; padding-top:30px }
.otherpress h4{ font-weight:bold }
.art-pres li {list-style: none;line-height: 18px; padding-bottom:10px}
ul.art-pres { padding-left:20px!important}
.art-pres li::before { content: ">";display: inline-block;width: 12px;font-size: 9px;font-weight: bold;color: #999;}
.movil { display:none }
.visorhome { z-index:1 }
.box.grand { position:relative; margin-bottom:20px; display:table; width:49%; }
.box.grand.cien { width:100%; margin-right:0% }
.blocktag article .hiden { height: 92%;margin-top: 3% !important;max-height: 92% !important;overflow: hidden;bottom: 2% !important;display: inline-table;top: 92% !important;}
.blocktag article .hiden .interior{ display:table-cell; padding:20px 20px; width:100%; padding-top:20%!important }
.blocktag article .hiden .interior h2{ font-weight:bold; margin-bottom:0px; padding-bottom:0px}
.blocktag article .hiden .interior h3{ font-weight:bold; }
.blocktag article .hiden .interior .link{ width: 90%;display: inline-block;text-align: left;bottom: 0px; color:#000!important; position: absolute;bottom: 20px;}
#moreser span{ display:none}
.margenes { display:block; width:100%; padding:20px 0px }

.blocktag article:hover .hiden {  background: rgba(255,255,255,0.95);
 color: #000; z-index:999999999999999;
 opacity: .95;
 -moz-transform: translate3d(0, -100%, 0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
 box-shadow: 0px -2px 28px rgba(255,255,255, 0.3);}

.span3.tipslist { margin-bottom:20px; min-height:445px }
.span3.tipslist:hover {box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);}
.tipshome .description { padding-left:15px; padding-right:15px }


.valoraciones h1 {font-weight:bold; font-size:36px; line-height:45px}
.valoraciones h2 {font-weight:400!important; font-size:36px!important; line-height:44px!important; padding-right:10px!important; padding-bottom:10px!important; margin-bottom:0px!important}
.valoraciones h3 {font-weight:400!important; font-size:21px!important; line-height:34px!important; padding-right:60px!important;}

.reviews.homerev .containerlist { position:relative; display:inline-block; }
.reviews.homerev h2 { font-size:32px; padding-bottom:24px; border-bottom:#eaeaea solid 1px; margin-bottom:30px}
.reviews.homerev { margin-bottom:50px; position:relative }
.reviews.homerev .degree { position:absolute; z-index:5; background:#CCCCCC; width:100%; height:75%; bottom:0px; left:0px;background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0.85)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}

.reviews p.tit { font-weight:bold; font-size:18px;}
.reviews p.tit.int { font-weight:bold; font-size:18px;padding-top: 24px;border-top:#eaeaea solid 1px;margin-top: 0px; }
.reviews article { padding-top: 25px;margin-top: 15px;border-top: 1px solid #e6e6e6; }
.reviews article.first { padding-top: 15px;margin-top: 15px;border-top: 0px solid #e6e6e6; }
.reviews article .start{ float:left; width:40%}
.reviews article .start .name .starsimg{ width:100%; display:inline-block}
.reviews article .start .name .starsimg img{ max-width:15px}
.reviews article .starsimg img{ max-width:15px}
.reviews article .start .img{ float:left; width:auto; margin-right:10px}
.reviews article .start .img img{ max-width:55px}
.reviews article .start .name{ float:left; font-weight:bold;font-size:16px; padding-top:7px }
.reviews article .start .name span{ float:left; font-weight:bold;font-size:16px; display:block }
.reviews article .cliente{ float:left; width:20%;color: #222; font-size:16px}
.reviews article .cliente span{ font-size: 14px; color: #666; display:block}
.reviews article .date{ float:left;width:20%;color: #222;font-size:16px}
.reviews article .date span{  font-size: 14px; color: #666; display:block}
.reviews article .top{ display:inline-block; clear:both; width:100%; margin-bottom:20px}
.reviews article .descripcion{ display:inline-block; clear:both; width:100%; color:#333333;font-size: 17px;line-height: 28px;margin-bottom: 20px;}
.reviews article .descripcion p{ color:#333333; margin-bottom:0px; padding-bottom:0px}
.reviews article .start{ float:left}
.reviews .datepub {color: #878787!important; margin-top:15px}
.ocultext, .ocultext2, .ocultext3, .ocultext4, .ocultext5 { display:none}
.reviews article p a.openreviews { color:#666666; margin-top:10px }
.reviews article p a.openreviews:hover { color:#333333; margin-top:10px }
.ocultext, .ocultext2, .ocultext3, .ocultext4, .ocultext5 { display:none;}
.awards img { max-width:190px; margin-top:10px}
.awards {color:#000000!important; font-weight:600; padding-top:10px}


h3.titular { font-size:18px; margin-bottom:35px; line-height:30px; color:#000000; font-weight:500 }
.descriptionproy p { font-size:14px; line-height:28px }

.project .imgContainer.img1 { opacity: 0; transition: opacity 0.9s ease-in-out;position: absolute;left: 0; width:100%; height:100% }
.project .imgContainer.img2 { position: absolute;left: 0; width:100% }
.project .imgContainerfirst:hover .imgContainer.img2 {opacity: 0; transition: opacity 0.9s ease-in-out;}
.project .imgContainerfirst .imgContainer.img1{ opacity:0;transition: opacity 0.9s ease-in-out; }
.project  article:hover .imgContainer.img1 {opacity: 1;transition: opacity 0.9s ease-in-out;}
.project  article:hover .imgContainer.img2 {opacity: 0;transition: opacity 0.9s ease-in-out;}





.box .imgContainerfirst:hover .imgContainer.img2 {opacity: 0; transition: opacity 0.9s ease-in-out;}
.box .imgContainerfirst:hover .imgContainer.img1 {opacity: 1;transition: opacity 0.9s ease-in-out;}

.descriptionnomov h3 { font-size:24px!important; line-height:34px!important}
.descriptionnomov p { font-size:18px!important; line-height:26px!important}
.texthidden { display:none}
.gallery h2.center { font-size:50px!important }
.scroll-downs {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  margin: auto;
  cursor: pointer;
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 5px 13px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.sitemap a:hover { color:#666666!important}
.sitemap .col1 { width:48%; float:left}
.sitemap .col2 { width:48%; float:right}
.blocktag article:hover .hiden { opacity:0.95}
.span8.fichatex img { max-width:100%!important; height:auto!important }
.imadest .thumb-bg-col img { width:100%; max-width:100% }
.span8.fichatex iframe { max-width:100%!important; }

#barracookies {display: none;z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;padding:10px 5px 10px 5px;background-color: rgba(255, 255, 255, 0.95);color:#333;line-height:30px;font-family:Catamaran;font-size:11px;text-align:center;box-sizing:border-box;border: 1px solid #cccccc; box-shadow: 0 0 16px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.1);    -moz-box-shadow: 0 0 16px rgba(0,0,0,0.1)} #barracookies a:nth-child(2) {padding:4px;background:#666666;border-radius:5px;text-decoration:none; color:#FFFFFF} #barracookies a {color: #000;text-decoration: none;}
#barraaceptacion {display:none;position:fixed;left:0px;right:0px;bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:40px; background-color: rgba(0, 0, 0, 0.5); color:#fff;z-index:99999;}
 
.inner {width:100%; position:absolute;padding-left:5px; font-family:verdana;font-size:12px; top:30%;}
 
.inner a.ok { padding:4px; color:#00ff2e;text-decoration:none;}
 
.inner a.info { padding-left:5px;text-decoration:none; color:#faff00;}

 @media all and (-ms-high-contrast:none)
     {
     .foo { color: green } /* IE10 */
	 .blocklist article { float:left; width:48%; margin-right:2% }
	 .fichadetails { margin-top:10px}
	 .internades { margin-top:80px }
	 .visor .visorprin3 .prin5 p { padding:30px 40px 0 40px }
	 .visor .visorprin .prin1, .visor .visorprin2 .prin1, .visor .visorprin3 .prin2 { margin-right:10px }
	 .visor .visorprin3 .prin2 { margin-right:10px; width:98.5%!important }
	 .visor .visorprin3 .prin4 { margin-top:15px }
	 .imagenmagazine { display:table-caption!important; }
	 .thumb-col {display: inline-block;}
     *::-ms-backdrop, .blocklist article { float:left; width:49%; margin-right:1%; margin-bottom:30px } /* IE11 */
     }
	 
@media (min-width:1921px){ 
.swiper-slide video, .visormovil video { height: 100%;width:100%}	 
}	 
	 
@media (max-width:1024px){ 
.container { max-width: 990px; }
.containerhead, { max-width: 990px; }
.header__wrapper { max-width: 1010px; }
.link.izq { margin-left:10px; margin-right:20px }
.header__box-svg{ left:15px!important }
.franjavisor{ left:15px }
}

@media (max-width:840px){
.logotop span { display:none }
.newvisor {height: 80vh!important;}
 }
 
 
 .bgarquitectes {
  background: #f1efea;
  padding: 0 15px 0 40px;
  position: relative;
  overflow: visible;
  margin: 50px 0 35px 0px;
}

.bgarquitectes .row {
  min-height: 300px;
}

/* Contenedor de imagen */
.image-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

/* Imagen general */
.img-architect {
max-height: 180px;
  max-width: 100%;
  margin:0px!important;
}

/* Versión escritorio */
@media (min-width: 768px) {

 .bgarquitectes {
  background: #f1efea;
  padding: 0 15px 0 40px;
  position: relative;
  overflow: visible;
  margin: 50px 0 35px 0px;
}
  .image-container {
    position: relative;
  }
 .img-architect.img-home{ max-width:210px}
  .img-architect.img-home {
    position: relative;
    right: 0;
    bottom: 0;
    transform: translateY(0px);
  }
  .descriptionArquitects { padding-left:40px; padding-right:60px}
  
}

/* Versión móvil */
@media (max-width: 767.98px) {
 .descriptionArquitects { padding-left:0px; padding-right:0px}
 .img-architect.img-home{ max-width:200px}
  .image-container {
    justify-content: center;
    align-items: center;
    padding: 20px 0;
  }
  .bgarquitectes .content-text p.prin{ margin-top:30px}
  .bgarquitectes .col-md-4{ min-height:280px!important}
  .bgarquitectes .image-container {
    justify-content: center;
    align-items: center;
    padding: 20px 0 0 0!important;
  }

  .img-architect {
    position: static;
    transform: none;
    margin: 0 auto;
    max-width: 210px;
  }
  .bgarquitectes .content-text { padding:10px 20px 40px 20px}
   .bgarquitectes { padding: 0 15px 0 0px;}
   
   .bgarquitectes.bginter{margin-left:-15px}
   .bottomsection .questionsArquitech h3{ padding-right:20px}
 }  
@media (max-width:640px){
.titproject p.see.seearchitect{ display:block!important; float:left!important; padding-left:15px!important; margin:0px!important; width:100%!important}
.bgarquitectes .col-md-4 {position: relative;display: flex;justify-content:center!important; align-items:center!important; bottom:auto!important; right:auto!important}
.bgarquitectes .content-text p.prin {max-width: 99%; text-align:left}

.fluidmov{ padding-left: 0px!important;}

.bottomsection img { height:auto!important}
.submenutop { right:10px;}
.tituvideomov h1 br{ display:none}
.contenido.reviews { padding-left:18px; padding-right:18px; width:auto!important }

.reviews article .start .name span { font-size:15px }
.reviews article .start .name { font-size:1px }
.reviews article .start .name .starsimg img { max-width:11px; margin-right:1px }
.reviews article .cliente span, .reviews article .date span { font-size:13px }
.reviews article .cliente, .reviews article .date{ font-size:15px }
.reviews article .start .img { margin-right:6px }
.reviews article .cliente {width: 21%;}
.reviews article .date { width: 32%;}
.reviews article .start {width: 46%; }
.reviews article .start .img img { max-width:48px }

.reviews article .start { width:45% }
.reviews article .start img{ width:50px; }
.reviews article .start .name .starsimg {width: auto;display: block; clear: both;}

.valoraciones h3 { padding-right:0px!important }
.reviews article .cliente { width:25% ; }
.reviews article .date { width:30%; }
.servicesH { height:240px }
.visorhome { z-index:0 }
.servicesplug { display:none }
.serviceshome.interior { margin-top:0px!important }
.paddingmovil { margin-bottom:0px!important }
.magazinetitle { padding-left:15px }
.imagenmagazineinter { width:95% }
.movil { display:block;  }
.titularvisor {top: 130px; left:10px}
.servicesplug { margin-top:0px }
.contenido.general.servicesfich { margin-top:0px }
ul.listservices { padding-left:18px; margin-left:0px; float:left }
ul.listservices li { width:100%;font-size:20px!important}
ul.listservices li a{ font-size:20px }
.contenido.general .container { padding-left:18px!important; padding-right:18px!important; width:auto!important }
.hiddemov { display:none }
.menumovil { display:block }
.visor .visorprin { display:block!important; grid-template-columns:1fr!important}
.visor .visorprin1 {}
.visor .visorprin2 { display:block!important; grid-template-columns:1fr!important; height:560px!important}
.fichadetails .container { padding:10px 15px; width:auto }

.titularvisor p { margin-bottom:35px }
.titularvisor h2 { font-size: 34px; margin-bottom: 0px; padding-bottom: 16px;}
.titularvisor h3 {font-size: 24px;line-height: 32px; padding-bottom: 16px;}
#goproject { }
.projectshome.paddinghome { padding-top: 485px;}
.thumb-col { margin-right:0px; width:100% }
.ideas.flash { display:none }
.newsletterinter {width: 90%;float: right; background: #eeeeee; padding: 30px 15px;}
.row-fluid .span12{width:100%;}
.row-fluid .span11{width:100%}
.row-fluid .span10{width:100%}
.row-fluid .span9{width:100%}
.row-fluid .span8{width:100%}
.row-fluid .span7{width:100%}
.row-fluid .span6{width:100%}
.row-fluid .span5{width:100%}
.row-fluid .span4{width:100% }
.row-fluid .span3{width:100% }
.row-fluid .span2{width:100%}
.row-fluid .span1{width:100%}
.blocklist article { display:block!important; margin-bottom:20px!important;}
.blocklist {overflow: hidden;grid-template-columns: 1fr;width: 100%;display: grid; grid-gap: 0px;margin: 0px;padding: 0px;grid-template-rows:1fr; width:100%}
.blocklist article {  overflow: hidden; height:280px; position:relative; overflow:hidden; display:inline-block;}
.blocklist article img{ width:100%!important}
.contenido h2{ padding-left:15px; padding-right:18px }
.contenido .listmenu{ padding-left:15px; padding-right:18px }
.formcontact, .descriptioncontact { width:100%; margin-right:0px}
.newsletterinter, .contactbottominter {width: 100%;}
.newsletterinter { padding:20px 0 }
.newsletterinter .left { float:none}
.newsletterinter h2 { text-align:center}
.newsletterinter h3 { text-align:center}
.newsletter { margin-top:25px }
.newsletter form { min-width:340px; margin:30px auto 0 auto }
.magazinehome p { text-align:center; padding-left:0px; margin-left:0px; padding:0px 10px; }
.sellomagazine  img { max-width:90px }
footer { margin:30px 0 0 0;position: relative;display: inline-block;width: 100%;}
footer .row-fluid .span8 { width:auto!important; margin:0px auto 20px auto; display:table; float:none }
foote .lovemedia { margin-top:2px }
footer h4{font-size:20px; padding-bottom:10px; font-weight:bold; margin-bottom:0px; text-align:center}
footer ul{ margin:0px; padding:0px}
footer ul li{ list-style:none; font-size:20px; padding-bottom:10px; text-align:center}
footer ul li a, footer ul li { color:#666666; font-size:16px}
footer .span4.last p{ font-size:16px; line-height:26px; margin-top:0px; text-align:center; color:#666666}
.houzz img { width:100%; max-width:55px; padding-top:4px}
.lovemedia img { max-width:25px; margin-right:6px }
.lovemedia span {margin: 0px 8px 0 8px;font-size: 13px;}
.copyright { text-align:center }
.logofooter { width:auto; display:table; margin:0 auto }
.logofooter img{ max-width:110px }
.logofooter span { margin-top:2px }
.houzz { margin-right:20px }
.tipslist .description { padding-left:18px; padding-right:18px }
.proyectotext { padding-left:18px }
.titular.fichaservi h2 { padding-left:18px; line-height:34px }
.sectitular h1 { font-size:38px!important; }
.formcontact, .descriptioncontact { width:auto; padding-left:18px; padding-right:18px }
 .contactbottominter { width: 94%;  float: none; padding: 30px 3%;}
 .contactbottominter p { padding-right:0px;}
 .sectitular {  padding: 5px 0px;  margin-bottom: 20px;}
.contenido.general.servicesfich h2 { padding-right:20px; padding-left:0px}
.contenido.general h2 { padding-right:20px; padding-left:0px; font-size:24px; line-height:34px}
.contenido.general .sharedficha .lovemedia {  margin-top: 10px !important;} 
.contenido .formcontact h2 {padding-left:0px; }
.artic .span4.img { float:none; width:100%; margin-right:0%  }
.artic .span8.fichatex { float:none; width:100%; }
.artic .span8.fichatex .interior{padding-left:18px; padding-right:18px}
.otherpress h4{ padding-left:18px}
.serviceshome ul.listservices { display:none }
.box.grand { position:relative; margin-bottom:20px; display:table; width:100%; margin-right:0!important }
.blocktag article .hiden .interior{ padding-top:10px!important}
.visor .visorprin3 {grid-template-columns:1fr;display: grid; display: -ms-grid;grid-gap: 15px; grid-template-rows:1fr 1fr; height:230px}
.visor .visorprin3 .prin2, .visor .visorprin3 .prin3 { height:125px}
.prin1.completo { margin-top:20px }
.prin1.completo { height:380px!important }
.visor .visorprin3 .prin4 { display:none}
.visor .visorprin3 .prin5 { display:block; width:100%; grid-column: 1;  grid-row: 2; display:table; height:230px!important}
.visor .visorprin3 .prin5 p {padding: 0px 20px 0 20px!Important;max-width: 360px; width:90%!important; position:relative}
.tagdescription { padding-left:15px; padding-right:18px;}
.blocktag article .hiden .interior h2 { padding-left:0px }
.visor .visorprin .prin2 { display:none }
.visor .visorprin3 .prin2, .visor .visorprin3 .prin3, .visor .visorprin3 .prin4 { display:none }
.paddingleft { padding-left:18px; padding-right:18px!important; width:auto!important; width:clear;}
.nomovil { display:none }
.visor { margin-top:0px }

article.span3.tipslist {width: 100%!important;margin-left: auto!important;margin-right: auto!important;display: table!important;float: none!important; margin-bottom:12px}
article.span3.tipslist.last {width: 100%!important;}
.tipslist .description h3 { font-size:38px; line-height:40px}
article.span3.tipslist.last {width: 100%!important;margin-left: auto;margin-right: auto!important;display: table!important;float: none!important;}
.servicesH.span4 h3 { height:95px }
.newsletter form input { border: none !important; width: 70% !important; min-width: 180px !important;}
.servicesfich.generalimg { margin-top:0px }
.menufooter li a { font-weight:bold}
#seeservices { display:none }
#moreser { cursor: pointer;}
#moreser span{ display:inline}
.visor .visorprin, .visor .visorprin .prin1 { height:500px;}
.visor .visorprin { padding-bottom:45px }
.visor .visorprin .btnmorephotos.btn { display:none }
.blocktag article { margin-bottom:100px }
.box.grand .hiden {height: auto;margin-top:10px !important;max-height: auto!important;overflow: hidden;bottom: -105px !important;top:auto !important; opacity:1!important; padding-top:10px!important;width: 92%;!important }
.box.grand.cien .hiden { width:92%!important }
.box.grand { margin-bottom:140px!important;}
.blocktag article .hiden {position: absolute!important;  background: #fff; display: table!important; line-height: 1.7em; bottom:-80px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto!important; text-align: left; padding: 30px 10px; z-index: 999999; width: 92%; max-height: 180px; overflow: hidden; top: auto!important; left:4%!important; -moz-transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0%, 0, 0); opacity: 1; min-height:210px; -moz-transition: all 0.8s; -webkit-transition: all 0.8s;
 transition: all 0.8s; margin-left:4%;}
 article:hover .hiden {  background: rgba(255,255,255,0.9);
 color: #000; z-index:999999999999999;
 opacity: .9;
 -moz-transform: translate3d(0, 0%, 0)!important;
 -webkit-transform: translate3d(0, 0%, 0)!important;
 transform: translate3d(0, 0%, 0)!important;
 -moz-transition: all 0s;
 -webkit-transition: all 0s;
 transition: all 0s;
 box-shadow: 0px -2px 28px rgba(255,255,255, 0.3);}
 .guidecontent .description h3 { font-size:22px; line-height:28px; padding-left:18px; padding-right:18px }
 .sitemap .col1 { width:96%; float:left; margin-left:15px}
.sitemap .col2 { width:96%; float:left;margin-left:15px}
.menumovil div.menu { width:100%!important;  }
div.menu li.animate { width:100%!important;}
.magazinehome h2 { font-size:40px!important; font-weight:bold; }
.magazinetitle h2 {font-size:32px!important;}
.nomovil { display:none}
.movil ul.listservices li { width:90%!important; font-size:18px!important; margin-top:20px; }
.movil ul.listservices li a{  font-size:18px!important; }
.imadest .textodest { padding:0 15px}
.ficha .img img { width:100% }
.fichadetails .lovemedia .secondspan {width:20% }
.visor .visorprin2 .prin1 { margin-bottom:20px }
.descriptioncontact img { max-height:300px!important}
.circlecounter { right:5px; width:160px; height:150px }
.counter { text-align: center; font-size: 46px; font-weight:bold; line-height:46px;padding-right:15px; font-family:'Lato', Helvetica, Arial, sans-serif; }
.prefooter .container { padding:0px 15px; width:auto}
footer .span4.last img {max-width: 260px; display: table; margin: 0 auto;}
.isologo {display: table; margin: 0 auto;}
.lovemedia {display: table; margin: 0 auto; float:none}
.headsection .row-fluid, .bottomsection .row-fluid {display: inline-block; padding-left: 15px;  width: auto;}
.header__wrapper-info ul  { display:none!important }
.lovemedia a, .sharedficha .lovemedia a { margin-top:3px}
.serviceshome .span4.first {margin-left:0%!important}
.abouthome .container, .lisservices, .sectcontact .container { width:auto; padding-left:18px; padding-right:18px}

.visorficha {grid-column-gap: 15px;}
.visorinter { height:200px!important}
.headsection.ficha  .row-fluid{ width:100%}
.shared  { display:none}
.fichatecnica { margin-bottom:15px!important}
.fichatecnica .tecnica {  float: left;  width: 47%!important;  padding-left: 2.5%!important; margin-right:0px!important}
.fichatecnica .tecnica.first{ padding-right:2.5%!important; padding-left:0!important;}
.imgContainerfirst { min-height:340px!important;max-height:380px!important}
.prefooter h3  { padding-right:10px}
.prefooter p {padding-right:10px}
.abouthome p {padding-right:10px;} 
.link.izq { margin-left:2px!important}
.listserv {padding-left:18px!important; padding-right:18px!important} 
.row-fluid .span9 {padding-right:18px}
.headsection.ficha .link.izq {margin-top:0px }
.franjavisor  { display:none}
.swiper-slide:first-child { margin-left:0px}
.swiper-slide .description .der p { display:none}
.swiper-slide .description .izq { width:100%}
.header__container{padding-right:15px; padding-left:15px}
.lisservices .span6{ width: 100%!important; }





.headsection { min-height:150px}
.imagenmenu { display:none}
.menumobile__nav .menuul { position:relative; left:auto!important;}
.nomovil { display:none}
.visormovil { display:inline-block; position:relative; z-index:-1; top:-60px}
.visormovil .video { height:100%; display:inline-block}
.noweb{ display:inline-block!important}
.tituvideomov { display:inline-block!important; clear:both; margin-top:-50px}
.tituvideomov h2, .tituvideomov h1, .tituvideomov h3 { padding-left:18px;}
.titproject h2 { padding-left:10px;}
.titproject p.see { display:none!important}
.submenutop{ display:none}
.submenutop.movil { display:inline-block!important; position:relative!important; left:auto!important; top:auto!important; width:auto!important; clear:both; margin:30px 0 0 5px;}
.header__col { padding:0px!important;}
header {padding-bottom: 0px; min-height: 80px;}
.headsection{ padding-top:20px!important}
.menumobile__nav { margin-top:40px!important}
.partnesheader { margin-top:20px!important}
.contabout { padding-left:18px; padding-right:18px}
.listserv .span12 div { width:100%; margin-bottom:10px!important}
.project h2 { padding-left:18px}
.imagetot { background-size:cover!important; height:480px!important}
.tipslist .description { padding-left:0px; padding-right:0px}
.tipslist .description h3 { padding-right:20px!important}
.container.botonesficha .btnprojects.primer{ margin-right:10px}
.container.botonesficha .btnprojects { padding-right:15px; padding-left:15px}
img.noparalax {max-width: 130px !important; margin-top: 7px;}
img.paralax { margin-top:0px}
.servicetop h1 {position: absolute; bottom: 30px; color: #FFFFFF; font-size: 40px; font-weight: bold; z-index: 9; padding-right: 30px!important;  line-height: 40px;}
.fondodegree {
    background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(54%, rgba(97,97,97,0)), color-stop(68%, rgba(102,102,102,0.3)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(97,97,97,0) 54%, rgba(102,102,102,0.3) 68%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,0) 30%, rgba(97,97,97,0) 14%, rgba(102,102,102,0.6) 78%, rgb(19, 19, 19) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.visorinter img, .tipslist img, .fotoprin img {
    height: 100%!important;
}

@media (max-width:460px){
.descriptioncontact img { max-height:260px!important;}

}

@media (max-width:360px){
.descriptioncontact img { max-height:200px!important}

}
#ulcheck ul {margin: 0px; display: flex; flex-direction: revert;  flex-wrap: wrap;}
#ulcheck li { width:48%; list-style:none; padding-left:10px;}
#ulcheck li:before {}