@font-face {
    font-family:'Public_Sans-Thin';
    src: url('../fontface/PublicSans-Thin.eot');
    src: url('../fontface/PublicSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fontface/PublicSans-Thin.woff2') format('woff2'),
        url('../fontface/PublicSans-Thin.woff') format('woff'),
        url('../fontface/PublicSans-Thin.ttf') format('truetype'),
        url('../fontface/PublicSans-Thin.svg#PublicSans-Thin') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Public_Sans-Light';
    src: url('../fontface/PublicSans-Light.eot');
    src: url('../fontface/PublicSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fontface/PublicSans-Light.woff2') format('woff2'),
        url('../fontface/PublicSans-Light.woff') format('woff'),
        url('../fontface/PublicSans-Light.ttf') format('truetype'),
        url('../fontface/PublicSans-Light.svg#PublicSans-Light') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Public_Sans-Regular';
    src: url('../fontface/PublicSans-Regular.eot');
    src: url('../fontface/PublicSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fontface/PublicSans-Regular.woff2') format('woff2'),
        url('../fontface/PublicSans-Regular.woff') format('woff'),
        url('../fontface/PublicSans-Regular.ttf') format('truetype'),
        url('../fontface/PublicSans-Regular.svg#PublicSans-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Public_Sans-Medium';
    src: url('../fontface/PublicSans-Medium.eot');
    src: url('../fontface/PublicSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fontface/PublicSans-Medium.woff2') format('woff2'),
        url('../fontface/PublicSans-Medium.woff') format('woff'),
        url('../fontface/PublicSans-Medium.ttf') format('truetype'),
        url('../fontface/PublicSans-Medium.svg#PublicSans-Medium') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Public_Sans-SemiBold';
    src: url('../fontface/PublicSans-SemiBold.eot');
    src: url('../fontface/PublicSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fontface/PublicSans-SemiBold.woff2') format('woff2'),
        url('../fontface/PublicSans-SemiBold.woff') format('woff'),
        url('../fontface/PublicSans-SemiBold.ttf') format('truetype'),
        url('../fontface/PublicSans-SemiBold.svg#PublicSans-SemiBold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Public_Sans-Bold';
    src: url('../fontface/PublicSans-Bold.eot');
    src: url('../fontface/PublicSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fontface/PublicSans-Bold.woff2') format('woff2'),
        url('../fontface/PublicSans-Bold.woff') format('woff'),
        url('../fontface/PublicSans-Bold.ttf') format('truetype'),
        url('../fontface/PublicSans-Bold.svg#PublicSans-Bold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Public_Sans-Black';
    src: url('../fontface/PublicSans-Black.eot');
    src: url('../fontface/PublicSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fontface/PublicSans-Black.woff2') format('woff2'),
        url('../fontface/PublicSans-Black.woff') format('woff'),
        url('../fontface/PublicSans-Black.ttf') format('truetype'),
        url('../fontface/PublicSans-Black.svg#PublicSans-Black') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'anek_malayalammedium';
    src: url('../fontface/anekmalayalam-variablefont_wdthwght.eot');
    src: url('../fontface/anekmalayalam-variablefont_wdthwght.eot?#iefix') format('embedded-opentype'),
         url('../fontface/anekmalayalam-variablefont_wdthwght.woff2') format('woff2'),
         url('../fontface/anekmalayalam-variablefont_wdthwght.woff') format('woff'),
         url('../fontface/anekmalayalam-variablefont_wdthwght.ttf') format('truetype'),
         url('../fontface/anekmalayalam-variablefont_wdthwght.svg#anek_malayalammedium') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Anek-Malayalam-SemiBold';
    src: url('../fontface/AnekMalayalam-SemiBold.eot');
    src: url('../fontface/AnekMalayalam-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fontface/AnekMalayalam-SemiBold.woff2') format('woff2'),
        url('../fontface/AnekMalayalam-SemiBold.woff') format('woff'),
        url('../fontface/AnekMalayalam-SemiBold.ttf') format('truetype'),
        url('../fontface/AnekMalayalam-SemiBold.svg#AnekMalayalam-SemiBold') format('svg');
    font-weight:normal;
    font-style:normal;
}

html {
	height:100%;
}

* {
	font-smooth:always;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased; 
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    max-width:1920px;
    min-width:320px; 
	font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
    color:#000;
    margin:auto;
    background:#FFF;
}

img {
    margin:0;
    padding:0;
    border:none;
    transition:all 150ms linear;
    -webkit-transition:all 150ms linear;
    -moz-transition:all 150ms linear;
    -o-transition:all 150ms linear;
    -ms-transition:all 150ms linear;
}

a {
    text-decoration:none;
    outline:none;
    transition:all 150ms linear;
    -webkit-transition:all 150ms linear;
    -moz-transition:all 150ms linear;
    -o-transition:all 150ms linear;
    -ms-transition:all 150ms linear;
    color:#000;
}

h1, h2, h3, h4 {
    margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
}

h3 {
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:27px;
    line-height:32px;
    color:#FFF;
}

p {
    margin:0;
    padding:0;
}

ul {
    margin:0;
    padding:0;
    list-style:none;
}

section {
    margin:0;
    padding:0;
    font-size:0;
    line-height:0;
}

iframe {
	margin:0;
	padding:0;
}

input, textarea, select {
    outline:none;
}

.clear {
	clear:both;
}

.table {
    display:table;
    width:100%;
    height:100%;
    margin:auto;
    padding:0;
}

.table-cell {
    position:relative;
    display:table-cell;
    height:inherit;
    vertical-align:middle;
}

.thumb {
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    font-size:0;
    line-height:0;
    border:none;
}

.thumb.mobile {
    display:none;
}


/*/// HEADER ///*/

header {
    position:absolute;
    top:0;
    width:100%;
    min-width:320px;
    height:55px;
    z-index:10000;
}

.HeaderTransform {
    position:fixed;
    top:0;
    z-index:10001;
}

.HeaderOriginal {
    position:fixed;
}

.HeaderTransform ul.botonera li a {
    color:#3B3D40;
}

.HeaderTransform .banda_transparente {
    background:rgba(0,0,0,1);
}

.HeaderTransform .header_interno {
    padding:10px 0 82px;
}

.HeaderTransform .ClipLogo {
    margin-top:14px;
}

.HeaderTransform .logo {
    width:110px;
}

.HeaderTransform .slogan {
    font-size:14px;
    margin-top:27px;
}

.HeaderTransform ul.navegacion {
    padding-top:5px;
}

.HeaderTransform ul.navegacion li a {
    font-size:19px;
}

.HeaderTransform .ClipIdiomas {
    margin-top:7px;
}

.HeaderTransform #MenuH {
    top:-11px;
}

.header_interno {
    position:relative;
    width:100%;
    padding:24px 0 12px;
    top:0;
    left:0;
    right:0;
}

.banda_transparente {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    transition:background 0.5s;
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    -o-transition:background 0.5s;
    -ms-transition:background 0.5s;
    z-index:-1;
}

.centrador {
	position:relative;
	display:block;
	width:100%;
	max-width:1920px;
	margin:auto;
	padding:20px 40px;
}

.centrador.HD {
	padding:0 30px;
}

.ClipLogo {
    position:relative;
    float:left;
    z-index:1;
}

.logo {
	float:left;
	width:140px;
}

.logo.negro {
    display:none;
}

.slogan {
    float:left;
    font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#FFF;
    margin:19px 0 0 20px;
}

.ClipLeft {
    position:relative;
    display:inline-flex;
    float:right;
    margin-top:17px;
    z-index:1;
}

ul.navegacion {
    display:inline-block;
	font-size:0;
	text-align:center;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.navegacion li {
	display:inline-block;
	margin:0;
	padding-left:60px;
}

ul.navegacion li a {
	font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#FFF;
	padding:0;
}

ul.navegacion li a:hover {
	color:#CCC;
}

.ClipIdiomas {
    display:inline-block;
    margin-top:2px;
    margin-left:90px;
}

.btn-idioma {
    display:inline-block;
    width:53px;
}

.idioma {
    font-family:'Public_Sans-SemiBold', Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:left;
    color:#FFF;
    padding-left:2px;
}

.flechita {
    display:inline-block;
    border-bottom:2px solid #FFF;
    border-right:2px solid #FFF;
    width:8px;
    height:8px;
    margin-left:8px;
    margin-bottom:3px;
    -webkit-transform-origin:66% 66%;
    -ms-transform-origin:66% 66%;
    transform-origin:66% 66%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

.ClipTira {
    display:block;
    overflow: hidden;
    height:0;
    width:53px;
    margin-top:3px;
    opacity:0;
    transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
}

.ClipTira.abierto {
    height:100%;
    opacity:1;
}

.tira {
    display:block;
    font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    color:#000;
    margin-top:-1px;
    padding:5px 0;
    border:1px solid #D8D8D8;
    background:#F5F5F5;
}

.tira:hover {
    font-family:'Public_Sans-Bold', Arial, Helvetica, sans-serif;
    background:#FFF;
}

#MenuH {
    display:none;
    position:absolute;
    top:7px;
    left:20px;
}

.menu {
    display:inline-block;
}

.menu .burguer {
    width:40px;
}

#mmenu:active,
#mmenu:focus {
	outline:none;
	background:none;
	border:none;
}

#elmenu {
	display:none;
	position:absolute;
	top:0;
	width:100%;
    color:#FFF;
    text-align:center;
	padding:30px 20px 70px;
	background:#000;
	z-index:11000;
}

.ico-cerrar {
    display:inline-block;
    width:32px;
    height:32px;
    border:none;
    background-image:url(../imgs/cerrar.png);
    background-size:contain;
    background-repeat:no-repeat;
}

ul.botones {
    padding:30px 0;
}

ul.botones li {
	list-style:none;
}

ul.botones li a {
	display:inline-block;
	font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
	font-size:25px;
	text-decoration:none;
	color:#FFF;
    margin-bottom:30px;
}

ul.botones li a:hover {
	color:#999;
}

#elmenu .ClipLogo {
    width:160px !important;
}

#elmenu .logo {
    display:block;
    width:160px !important;
    margin:auto;
}

#elmenu .slogan {
    display:block;
    float:none;
    margin:20px auto 40px;
}

#elmenu .col p span {
    display:block;
    font-size:15px;
    line-height:21px;
    margin-top:15px;
    margin-right:0;
}


/*/// SLIDER ///*/

.ClipSlide {
    position:relative;
    width:100%;
    overflow:hidden;
}

#slider_gr {
    height:100vh;
}

#slider_ch {
    display:none;
    height:100svh;
}

.swiper-slide {
    overflow:hidden;
    background-size:cover;
    background-position:center center;
}

.entity-img {
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
}

.swiper-wrapper {
    transition:all .25s ease;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:18px;
    height:18px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    border:2px solid #FFF;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    position:relative;
    width:12px;
    height:12px;
    margin:0 12px;
    background-color:#FFF;
    opacity:.4;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity:1;
}

.swiper-pagination {
    display:none;
    bottom:30px !important;
}

.absolute {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.ClipRelleno {
    position:relative;
    width:530px;
    background:#FFF;
    overflow:hidden;
    z-index:2;
}

.textura {
    position:absolute;
    top:0;
    left:0;
    width:65px;
}

.absolute h2 {
    font-family:'Public_Sans-Thin', Arial, Helvetica, sans-serif;
    font-size:35px;
    line-height:36px;
    color:#000;
    margin:0 auto;
    padding:50px 0 60px 130px;
}

.ClipSolapa {
    position:absolute;
    right:40px;
    bottom:40px;
    padding:15px 25px;
    background:#FFF;
    z-index:9;
}

/*
.ClipSolapa:hover {
    padding-left:90px;
}
*/

.ClipProyecto {
    display:inline-block;
}

.ClipProyecto p {
    font-family:'Public_Sans-Black', Arial, Helvetica, sans-serif;
    font-size:15px;
    margin-bottom:7px;
}

.ClipProyecto h3 {
    font-family:'Public_Sans-Thin', Arial, Helvetica, sans-serif;
    font-size:27px;
    color:#000;
}

.ClipAnio {
    display:inline-block;
    margin-left:30px;
}

.ClipAnio p {
    font-family:'Public_Sans-Black', Arial, Helvetica, sans-serif;
    font-size:15px;
    margin-bottom:7px;
}

.ClipAnio h3 {
    font-family:'Public_Sans-Thin', Arial, Helvetica, sans-serif;
    font-size:27px;
    color:#000;
}

.oscurece {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    border:none;
    background-color:#000;
    opacity:0.3;
    z-index:2;
}


/*/// VIDEO ///*/

.ClipPortada .oscurece {
    opacity:0.1;
}

#contenedorVideo {
    position:relative;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    padding:0;
    border:none;
    background:#000;
    overflow:hidden;
    z-index:7;
}

#VideoFS_Mask {
    overflow:hidden;
}


/*/// SOMOS ///*/

#somos {
    padding:80px 0 0;
}

#somos h2 {
    max-width:1040px;
    font-family:'Public_Sans-Thin', Arial, Helvetica, sans-serif;
    font-size:35px;
    line-height:49px;
    text-align:center;
    margin:auto;
    padding:0 30px;
}

.ClipCirculos {
    max-width:1200px;
    margin:auto;
    padding:80px 0 110px;
}

.circulo {
    width:400px;
    height:400px;
    text-align:center;
    border:2px solid #C4C4C4;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}

.circulo.primero {
    left:30px;
}

.circulo.ultimo {
    left:-30px;
}

.circulo h3 {
    font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
    font-size:25px;
    line-height:29px;
    text-align:center;
    color:#000;
    margin-top:-5px;
}

.ClipRespaldos {
    position:relative;
    width:100%;
    color:#FFF;
    padding:110px 0;
    background:#32312F;
    z-index:10000;
}

.ClipRespaldos .centrador {
    max-width:1200px;
    padding:0 40px;
}

.ClipDestacados .centrador, .ClipClientes .centrador {
    max-width:1300px;
    padding:0 40px;
}

.ClipRespaldos h4 {
    max-width:600px;
    display:inline-block;
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:60px;
    line-height:63px;
    margin-top:100px;
}

.ClipPuntos {
    float:right;
}

.ClipPunto {
    margin-bottom:15px;
}

.ClipPunto span {
    float:left;
    width:25px;
    height:25px;
    font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
    font-size:15px;
    text-align:center;
    padding-top:2px;
    border:1px solid #FFF;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}

.ClipPunto p {
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:20px;
    line-height:25px;
    padding-left:42px;
}

.ClipRealizamos {
    position:relative;
    width:100%;
    height:520px;
    padding-top:60px;
    background-color:rgba(60, 60, 60, .5);
}

.ClipDestacados {
    position:relative;
    display:inline-block;
    width:100%;
    padding:70px 0 30px;
}

.ClipThumbs {
    float:left;
    width:100%;
    margin-top:50px;
}

.ClipThumbs_int {
    margin:0 -40px;
}

.col-aire {
    float:left;
    width:33.3%;
    padding:0 40px 100px;
}

.col-aire:nth-child(4n+4) { 
    display:none;
}

.ClipThumbs.cuadrados .col-aire:nth-child(4n+4) { 
    display:inline-block;
}

.col-aire.home {
    padding-bottom:70px;
}

.ClipThumb {
    position:relative;
    display:inline-block;
    width:100%;
    height:450px;
    overflow:hidden;
}

.thumb_bg {
    position:relative;
    display:inline-block;
    width:100%;
    height:450px;
    padding:0;
    border:none;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center;
    transition:all 150ms linear;
    -webkit-transition:all 150ms linear;
    -moz-transition:all 150ms linear;
    -o-transition:all 150ms linear;
    -ms-transition:all 150ms linear;
}

.ClipThumb:hover .thumb_bg {
    -webkit-transform:scale(1.045);
    -moz-transform:scale(1.045);
    -ms-transform:scale(1.045);
    -o-transform:scale(1.045);
}

.ClipThumb .oscurece {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    border:none;
    background-color:#000;
    transition:opacity 0.5s;
    -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
    opacity:0;
    z-index:2;
}

.ClipThumb:hover .oscurece {
    opacity:0.5;
}

.ClipInfo {
    color:#606060;
}

.ClipInfo h3 {
    font-family:'Public_Sans-Medium', Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#606060;
    padding:10px 0;
}

.ClipInfo h2 {
    display:inline-block;
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:25px;
    line-height:28px;
    margin-top:25px;
    transition:color 150ms linear;
    -webkit-transition:color 150ms linear;
    -moz-transition:color 150ms linear;
    -o-transition:color 150ms linear;
    -ms-transition:color 150ms linear;
}

.ClipInfo h2:hover {
    color:#666;
}

.ClipInfo p.resumen {
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:25px;
    margin-top:8px;
    padding-right:10px;
}

.boton-mas-trabajos {
    display:inline-block;
    float:right;
    margin-bottom:40px;
}

.boton-mas-trabajos p {
    display:inline-block;
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#606060;
    padding-bottom:3px;
    border-bottom:1px solid #606060;
}

.ico-flecha-ch {
    display:inline-block;
    width:35px;
    margin-left:10px;
    margin-bottom:-14px;
}

.boton-mas-trabajos:hover p {
    color:#000;
    border-color:#000;
}


/*/// FICHA PROYECTO ///*/

.ClipPortada {
    position:relative;
    min-height:400px;
    line-height:0;
    color:#FFF;
    background:#000;
    overflow:hidden;
}

.s_container {
    width:100%;
    overflow:hidden;
}

.ClipFlecha {
    position:absolute;
    bottom:40px;
    left:0;
    right:0;
    width:50px;
    height:50px;
    margin:auto;
    z-index:9999;
}

.flecha-baja {
    display:inline-block;
    width:50px;
    height:50px;
    border:none;
    background-image:url('../imgs/bajar.png');
    background-size:contain;
    background-repeat:no-repeat;
}

.s_foto_fondo {
    position:absolute;
    width:100%;
    /*background-image:url('../imgs/proyectos/100/portada0000.jpg');*/
    background-size:cover;
    background-position:center center;
    background-color:#000;
    z-index:9000;
}

.ClipPortada .centrador {
    position:absolute;
    max-width:1920px;
    padding:0 100px;
    bottom:70px;
    z-index:9000;
}

.ClipPortada h1 {
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:90px;
    line-height:90px;
    color:#FFF;
}

.linea-ficha {
    display:inline-block;
    margin:30px 0 47px;
    border-top:1px solid #FFF;
    animation: expandir 2s ease-in-out forwards;
}

@keyframes expandir {
    from {
        width:0%;
    }
    to {
        width:100%;
    }
}

.line {
    display:inline-block;
    width:100%;
    margin:30px 0 47px;
    border-top:1px solid #FFF;
}

.columna {
    float:left;
    /*padding:20px 0;
    border:1px dotted #CCC;*/
}

.columna.uno {
    width:29%;
}

.columna.dos {
    float:left;
    width:24%;
}

.columna.tres {
    width:21%;
}

.columna.cuatro {
    float:left;
    width:15%;
}

.columna.cinco {
    float:left;
    width:11%;
}

.columna_int {
    margin-right:50px;
    /*border:1px dotted #CCC;*/
}

.columna.cinco .columna_int {
    float:right;
    margin-left:50px;
    margin-right:0;
}

.ClipPortada span {
    font-family:'Public_Sans-Black', Arial, Helvetica, sans-serif;
    font-size:14px;
}

.ClipPortada p {
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:22px;
    margin-top:12px;
}

.mascara_slider {
    position:relative;
    width:100%;
    height:inherit;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:8888;
}

.ClipMain {
    display:inline-block;
    width:100%;
    padding:80px 0 150px;
}

.ClipMain .centrador {
    padding:0 100px;
}

.ClipMain .ClipThumbs.cuadrados {
    margin-bottom:-120px;
}

.ClipMain h1 {
    float:left;
    width:400px;
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:40px;
    line-height:46px;
    color:#606060;
    margin-top:-1px;
}

.ClipMain p {
    float:left;
    width:calc(100% - 400px);
    width:-webkit-calc(100% - 400px);
    width:-moz-calc(100% - 400px);
    width:-o-calc(100% - 400px);
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:23px;
    line-height:32px;
    padding-left:160px;
}

.ClipMain p strong {
    font-family:'Public_Sans-Bold', Arial, Helvetica, sans-serif;
}

.ClipMain p a {
    text-decoration:underline;
    color:#000;
}

.Clip-c-a {
    display:none;
    margin:10px 0 7px;
}

.ClipMain p.cliete-anio {
    float:left;
    width:100%;
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:24px;
    padding-top:3px;
}

.ClipMain p.cliete-anio span {
    font-family:'Public_Sans-Bold', Arial, Helvetica, sans-serif;
}


/*/// GALERÍA ///*/

.ClipGaleria {
    display:inline-block;
    width:100%;
    padding:110px 0 0;
}

.col_galeria {
    float:left;
    width:33.3%;
}

.col_galeria_int {
    float:left;
    width:100%;
    /*padding:0 5px;
    margin-bottom:10px;*/
    padding:0;
}

.thumb_galeria {
    display:inline-block;
    float:left;
    width:100%;
    /*height:360px;*/
    height:410px;
    padding:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#EFEFEF;
}

.thumb_galeria:hover {
    opacity:0.7;
}

.ClipThumbs.cuadrados .col-aire {
    width:25%;
}

/*
.ClipThumbs.cuadrados .col-aire:nth-child(3n+1) {
    clear:initial;
}

.ClipThumbs.cuadrados .col-aire:nth-child(4n+1) {
    clear:both;
}
*/

.ClipThumbs.cuadrados .ClipThumb {
    height:368px;
}

.ClipThumbs.cuadrados .thumb_bg {
    height:368px;
}


/*/// THUMBS CUADRADOS ///*/

.ClipThumbs.cuadrados {
    margin-top:70px;
}

.ClipThumbs.cuadrados h4 {
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:38px;
    line-height:45px;
    color:#606060;
    margin:-15px 0 40px 5px;
}

.ClipThumbs.cuadrados .ClipThumbs_int {
    margin:0 -35px;
}

.ClipThumbs.cuadrados h2 {
    display:inline-block;
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:26px;
    line-height:30px;
    color:#606060;
    margin-top:20px;
    transition:color 150ms linear;
    -webkit-transition:color 150ms linear;
    -moz-transition:color 150ms linear;
    -o-transition:color 150ms linear;
    -ms-transition:color 150ms linear;
}

.ClipThumbs.cuadrados h2:hover {
    color:#000;
}


/*/// LOGOS ///*/

.ClipClientes .line {
    border-color:#606060;
    margin:20px 0 40px;
}

.tit-clientes {
    width:650px;
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:25px;
    line-height:29px;
    color:#606060;
    margin-bottom:30px;
}

.ClipClientes .boton-mas-trabajos {
    margin:60px 0 120px;
}

.ClipLogos {
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    padding:0;
    margin:0;
    z-index:8;
}

.ClipThumbs_int_clientes {
    max-width:1920px;
    padding:0 30px;
}

.thumb_cliente {
    width:100%;
    /*border:1px solid #999;*/
}

.thumb_cliente_int {
    margin:0;
}

.ClipThumbs_int_clientes .owl-nav {
    display:none;
}

.ClipThumbs_int_clientes .owl-dots {
    display:none;
}


/*/// CATEGORÍAS ///*/

.cuadro {
    position:relative;
    float:left;
    width:33.3%;
    height:auto;
    margin:0;
    padding:0;
    border:none;
    overflow:hidden;
}

.preview {
    position:relative;
    float:left;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:none;
    z-index:1;
    transition:all 100ms linear;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 100ms linear;
    -o-transition:all 100ms linear;
    -ms-transition:all 100ms linear;
}

.cuadro:hover .preview {
    -webkit-transform:scale(1.075);
    -moz-transform:scale(1.075);
    -ms-transform:scale(1.075);
    -o-transform:scale(1.075);
}

.capsula {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.capsula_int {
    display:table;
    width:100%;
    height:100%;
    margin:auto;
    padding:0 30px;
}

.titulo_servicio {
    position:relative;
    display:table-cell;
    height:inherit;
    vertical-align:middle;
    z-index:3;
}

.titulo_servicio_int {
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:44px;
    line-height:50px;
    text-transform:uppercase;
    text-align:center;
    color:#000;
    padding:0;
    opacity:0;
    transition:opacity 0.5s;
    -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
}

.cuadro:hover .titulo_servicio_int,.capsula_int:hover+.titulo_servicio_int {
    opacity:1;
}

.mascara_img {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    opacity:0;
    transition:opacity 0.5s;
    -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
    z-index:2;
}

.cuadro:hover .mascara_img,.capsula_int:hover+.mascara_img {
    opacity:0.9;
}


/*/// PROYECTOS ///*/

.lonja-categoria .line {
    /*margin:20px auto 100px;*/
    margin:-16px auto 50px;
    border-top:none;
    border-bottom:1px dotted #999;
}

.lonja-categoria:first-child .line  {
    margin:0 auto 70px;
    border-bottom:none;
}

.ClipThumbs.cuadrados h1 {
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:38px;
    line-height:45px;
    color:#606060;
    margin:0 0 30px 40px;
}

.no_hay {
    margin:-20px 0 50px 40px;
}

.ClipFiltros {
    margin:25px 0 0 -2px;
    padding:0;
}

.ClipMain.biotecnologia .ClipFiltros {
    margin:-50px 0 60px -2px;
}

.btn-capsula {
    position:relative;
    display:inline-block;
    width:auto;
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:18px;
    text-transform:uppercase;
    color:#000;
    background-color:rgba(213, 211, 239, .3);
    padding:8px 22px;
    margin:15px 6px 0;
    border:none;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -o-border-radius:50px;
    -ms-border-radius:50px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    transition:all 200ms linear;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    cursor:pointer;
}

.btn-capsula:hover {
    color:#FFF;
    background:#000;
}

.btn-capsula.activada {
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    color:#FFF;
    background:#000;
}

.desplegable {
    display:none;
    float:left;
    width:430px;
    height:40px;
    border:1px solid #606060;
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:40px;
    text-transform: uppercase;
    color:#606060;
    background:url(../imgs/flecha_desplegable.png) right 2px no-repeat #FFF;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    -ms-border-radius:7px;
    padding-left:12px;
    margin-top:34px;
    margin-left:10px;
}


/*/// BIOTECNOLOGÍA ///*/

.ClipMain.biotecnologia {
    padding:90px 0 0;
}

.lonja-numeros {
    float:left;
    width:100%;
    margin:100px auto 120px;
}

.lonja-numeros h1 {
    float:left;
    width:400px;
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:36px;
    line-height:38px;
    color:#606060;
}

.lonja-numeros h1 span {
    display:block;
}

.col-number {
    float:left;
    /*width:33.3%;*/
    margin-right:50px;
}

.ClipNumeros {
    float:left;
    width:calc(100% - 400px);
    width:-webkit-calc(100% - 400px);
    width:-moz-calc(100% - 400px);
    width:-o-calc(100% - 400px);
    font-family:'Public_Sans-Thin', Arial, Helvetica, sans-serif;
    color:#606060;
    padding-top:42px;
    padding-left:160px;
}

.mas {
    float:left;
    font-size:160px;
}

.mas.cifra-1 {
    margin-right:0;
}

.mas.cifra-2 {
    margin-right:-5px;
}

.mas.cifra-3 {
    margin-right:-7px;
}

.ClipDatos {
    float:left;
    font-size:160px;
}

.ClipDatos .number {
    display:block;
    width:200px;
}

.ClipDatos .chico {
    display:block;
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:32px;
    margin-top:72px;
    padding-left:7px;
}


/*/// BORRAR ///*/

.prox {
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:50px;
    text-align:left;
    margin:50px auto 900px;
}


/*/// NOSOTROS ///*/

.ClipMain.about {
    padding:70px 0 0;
}

.ClipEquipo {
    float:left;
    margin:0 auto 50px;
}

.ClipEquipo h1 {
    width:100%;
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:30px;
    color:#606060;
    margin:80px 0 20px;
}


/*/// EQUIPO ///*/

.thumbs_Equipo {
    margin:0 -25px;
}

.thumbs_Equipo .cuadro {
    width:calc(25% - 20px);
    width:-webkit-calc(25% - 20px);
    width:-moz-calc(25% - 20px);
    width:-o-calc(25% - 20px);
    margin:0 10px 20px;
    padding:0 0 20px;
    border:1px solid transparent;
    cursor:pointer;
}

.thumbs_Equipo .cuadro:hover {
    border:1px solid #0068FF;
}

.thumbs_Equipo .cuadro.activo {
    border:1px solid #0068FF !important;
}

.thumbs_Equipo .cuadro .ico-circulo.menos {
    display:none;
}

.thumbs_Equipo .cuadro.inactivo .ico-circulo.menos {
    display:none;
}

.thumbs_Equipo .cuadro.activo .ico-circulo.mas {
    display:none;
}

.thumbs_Equipo .cuadro.activo .ico-circulo.menos {
    display:block;
}

.thumbs_Equipo .cuadro.inactivo {
    opacity:0.2;
}

.thumbs_Equipo .cuadro.inactivo:hover {
    border:1px solid transparent;
}

.thumbs_Equipo .marco {
    position:relative;
    float:left;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:15px solid #FFF;
    background:transparent;
    overflow:hidden;
}

.thumbs_Equipo .titulo_servicio_int {
    display:inline-block;
    width:calc(100% - 70px);
    width:-webkit-calc(100% - 70px);
    width:-moz-calc(100% - 70px);
    width:-o-calc(100% - 70px);
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:25px;
    line-height:30px;
    text-transform:initial;
    text-align:left;
    padding-left:17px;
    opacity:1;
}

.thumbs_Equipo .titulo_servicio_int span {
    display:block;
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:23px;
    text-transform:uppercase;
    color:#606060;
    padding-top:2px;
}

.ico-circulo {
    float:right;
    width:35px;
    margin:10px 14px 0 0;
}

.detalle_cv {
    display:none;
    padding:10px 18px 0;
}

.ClipCV {
    display:none;
    max-width:1200px;
    margin:auto;
    padding:0 100px;
}

.ClipCV p {
    float:none;
    width:100% !important;
    font-family:'Public_Sans-Light', Arial, Helvetica, sans-serif;
    font-size:25px;
    line-height:30px;
    padding-top:70px;
    padding-left:0;
    padding-bottom:50px;
}

.ClipRecuadros {
    display:inline-block;
    width:100%;
    max-width:1920px;
    margin:auto;
    /*background:#DDD;*/
    background:#FFF;
}

.ClipRecuadros .centrador {
    max-width:1440px;
    padding:60px 70px 65px;
}

.recuadro {
    float:left;
    width:50%;
    height:450px;
    color:#FFF;
    padding:90px 75px 0;
    background:#32312F;
}

.recuadro.foto {
    padding:0;
    border:none;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}

.recuadro h2 {
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:22px;
    margin-bottom:15px;
}

.recuadro p {
    width:100%;
    max-width:330px;
    font-family:'Public_Sans-Thin', Arial, Helvetica, sans-serif;
    font-size:33px;
    line-height:37px;
    padding:0;
}

.btn-cv {
    display:inline-block;
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:19px;
    color:#FFF;
    margin-top:50px;
}


/*/// STAFF ///*/

.thumbs_Staff {
    display:inline-block;
    margin-top:40px;
    margin-bottom:-5px;
}

.thumbs_Staff .cuadro {
    width:20%;
    /*cursor:pointer;*/
}

.thumbs_Staff .capsula_int {
    padding:0 20px;
}

.thumbs_Staff .titulo_servicio_int {
    font-family:'anek_malayalammedium', Arial, Helvetica, sans-serif;
    font-size:22px;
    line-height:26px;
    text-transform:initial;
}

.thumbs_Staff .titulo_servicio_int span {
    display:block;
    font-family:'Anek-Malayalam-SemiBold', Arial, Helvetica, sans-serif;
    font-size:20px;
    line-height:25px;
    text-transform:initial;
}

.thumbs_Staff .cuadro:hover .titulo_servicio_int,.capsula_int:hover+.titulo_servicio_int {
    opacity:1;
}

.thumbs_Staff .cuadro:hover .mascara_img,.capsula_int:hover+.mascara_img {
    opacity:0.9;
}


/*/// CLIENTES ///*/

.ClipGrilla {
    width:100%;
    float:left;
    margin:auto;
    padding:30px 0 0;
}

.ClipGrilla .thumb_cliente {
    float:left;
    width:16.6%;
    /*border:1px solid #999;*/
}

.ClipGrilla .thumb_cliente_int {
    margin:0 30px;
}


/*/// POPUP ///*/

#pop_video {
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0;
    background:rgba(0,0,0,0.9);
    z-index:10000;
}

#pop_video iframe {
    width:100%;
    height:100%;
}

#vid_cerrar {
    position:absolute;
    display:block;
    right:1px;
    top:1px;
    width:60px;
    height:60px;
    font-size:22px;
    line-height:60px;
    text-align:center;
    background:#FFF;
    z-index:10005;
}


/*/// FOOTER ///*/

footer {
    position:relative;
    float:left;
    width:100%;
    padding:55px 0 75px;
    background:#000;
    z-index:2;
}

.centrador.FT {
    max-width:1300px;
    padding:0 40px;
}

footer .ClipLogo {
    position:relative;
    display:inline-block;
    margin-top:10px !important;
}

footer .logo {
    width:210px !important;
}

footer .slogan {
    font-size:16px;
    line-height:18px;
    margin:25px 0 0 40px;
}

.right-FT {
    float:right;
    width:calc(100% - 540px);
    width:-webkit-calc(100% - 540px);
    width:-moz-calc(100% - 540px);
    width:-o-calc(100% - 540px);
    /*border:1px solid #FFF;*/
}

.col {
    float:right;
    font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:26px;
    color:#FFF;
    padding-top:15px;
}

.col.first {
    padding-top:17px;
    padding-right:90px;
}

.col.mobile {
    display:none;
    margin-top:40px;
    margin-bottom:0;
}

.col p {
    font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:21px;
}

.col p span {
    font-family:'Public_Sans-Bold', Arial, Helvetica, sans-serif;
    font-size:15px;
    line-height:20px;
    margin-right:7px;
}

.col a {
    color:#FFF;
}

.casilla {
    font-family:'Public_Sans-Regular', Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#FFF;
    transition:color 150ms linear;
    -webkit-transition:color 150ms linear;
    -moz-transition:color 150ms linear;
    -o-transition:color 150ms linear;
    -ms-transition:color 150ms linear;
}

.casilla a {
    color:#FFF;
}

.casilla:hover {
    color:#CCC;
}

.redes {
    display:block;
    margin-top:2px;
}

.ico-red {
    display:inline-block;
    height:30px;
    margin-top:4px;
    margin-right:4px;
}


/*/// NO MOBILE ///*/

.pleno {
    display:none;
}


/*/// Queries ///*/

@media screen and (max-width:1790px) {
    /*.thumb_galeria { height:310px; }*/
    .thumb_galeria { height:340px; }
    .mas { font-size:130px; }
    .ClipDatos { font-size:130px; }
    .ClipDatos .number { width:160px; }
    .ClipDatos .chico { font-size:27px; margin-top:65px; }
}

@media screen and (max-width:1650px) {
    .HeaderTransform .slogan { margin-top:26px; }
    .ClipMain p { padding-left:60px; }
    .ClipRecuadros .centrador { padding:60px 60px 65px; }
    .recuadro p { padding:0; }
    .thumb_galeria { height:300px; }
    .ClipThumbs.cuadrados .col-aire { width:33.3%; }
    .ClipThumbs.cuadrados .col-aire:nth-child(4n+4) { display:none; }
    .col-aire.cuarto { display:none; }
    .titulo_servicio_int { font-size:35px; line-height:40px; }
    .ClipNumeros { padding-top:38px; padding-left:45px; }
    .ClipGrilla .thumb_cliente { width:20%; }
}

@media screen and (max-width:1480px) {
    .thumb_galeria { height:310px; }
    .ClipNumeros { padding-top:30px; }
    .col-number { margin-right:45px; }
    .mas { font-size:126px; }
    .mas.cifra-1 { margin-right:-3px; }
    .mas.cifra-2 { margin-right:-5px; }
    .mas.cifra-3 { margin-right:-6px; }
    .ClipDatos { font-size:126px; }
    .ClipDatos .number { width:150px; }
    .ClipDatos .chico { font-size:26px; margin-top:60px; }
}

@media screen and (max-width:1420px) {
    .col { font-size:16px; line-height:25px; }
    #somos h2 { font-size:34px; line-height:46px; padding:0 40px; }
    .ClipRespaldos h4 { width:546px; font-size:55px; line-height:58px; }
    .ClipPortada .centrador { bottom:60px; padding:0 70px; }
    .ClipMain .centrador { padding:0 70px; }
    .thumb_galeria { height:300px; }
    .ClipNumeros { padding-top:33px; }
    .col-number { margin-right:40px; }
    .mas { font-size:120px; }
    .mas.cifra-1 { margin-right:-3px; }
    .mas.cifra-2 { margin-right:-5px; }
    .mas.cifra-3 { margin-right:-6px; }
    .ClipDatos { font-size:116px; }
    .ClipDatos .number { width:140px; }
    .ClipDatos .chico { font-size:25px; margin-top:53px; }
    .ClipRecuadros .centrador { padding:60px 60px 65px; }
}

@media screen and (max-width:1350px) {
    .ClipPuntos { margin-right:30px; }
    .col.first { padding-right:80px; }
    .columna.uno { width:22%; }
    .columna.dos { width:24%; }
    .columna.tres { width:20%; }
    .columna.cuatro { width:20%; }
    .columna.cinco { width:14%; }
    .columna_int { margin-right:40px; }
    .columna.cinco .columna_int { margin-left:40px; }
    .thumb_galeria { height:280px; }
    .ClipThumbs.cuadrados h4 { font-size:34px; line-height:42px; }
    .ClipPortada h1 { font-size:75px; line-height:75px; }
}

@media screen and (max-width:1320px) {
    .mas { font-size:100px; }
    .ClipDatos { font-size:116px; }
    .ClipDatos .number { width:130px; }
    .ClipDatos .chico { font-size:24px; margin-top:50px; }
    .ClipRecuadros .centrador { padding:60px 57px 65px; }
}

@media screen and (max-width:1270px) {
    /*header { display:none; }
    #contenedor { display:none; }
    footer { display:none; }
    .pleno { display:block; }*/

    ul.navegacion { display:none; }
    header .slogan { display:none; }
    #MenuH { display:block; }
    .HeaderTransform #MenuH { top:-3px; }
    .ClipLogo { position:relative; display:block; float:none; width:140px; margin:auto; text-align:center; }
    .logo { float:none; width:140px; }
    .HeaderTransform .ClipLogo { margin-top:9px; }
    .ClipLeft { margin-top:-32px; }
    .HeaderTransform .ClipLeft { margin-top:-33px; }
    .HeaderTransform .ClipIdiomas { margin-top:2px; }
    .HeaderTransform .header_interno { padding:10px 0 20px; }
    .ClipIdiomas { margin-left:0; }
    footer { padding:55px 0 65px; }
    .centrador.FT { padding:0 30px; }
    footer .ClipLogo { float:left; width:150px !important; margin:0 !important; padding-top:11px !important; }
    footer .logo { width:150px !important; }
    footer .slogan { font-size:14px !important; line-height:16px; margin:12px 0 0 25px !important; }
    .right-FT { width:calc(100% - 370px); width:-webkit-calc(100% - 370px); width:-moz-calc(100% - 370px); width:-o-calc(100% - 370px); }
    .col { padding-top:0; }
    .col.first { padding-top:3px; padding-right:70px; }
    .col p { font-size:14px; line-height:20px; padding-top:0; }
    .col p span { font-size:14px; line-height:20px; margin-right:7px; }
    .casilla { font-size:15px; }
    .ico-red { height:33px; margin-right:6px; }
    #somos { padding-top:60px; }
    #somos h2 { max-width:900px; font-size:27px; line-height:38px; padding:0 75px; }
    .ClipCirculos { padding:60px 40px 90px; }
    .circulo h3 { font-size:21px; line-height:25px; }
    .ClipRespaldos { padding:100px 0; }
    .ClipRespaldos h4 { width:450px; font-size:45px; line-height:52px; }
    .ClipDestacados { padding:50px 0 10px; }
    h3 { font-size:25px; line-height:30px; }
    .ClipThumbs { margin-top:30px; }
    .ClipThumbs_int { margin:0 -25px; }
    .col-aire { padding:0 25px; }
    .ClipThumb { height:380px; }
    .thumb_bg { height:380px; }
    .col-aire.home { padding-bottom:60px; }
    .ClipInfo h3 { font-size:14px; }
    .ClipInfo h2 { margin-top:20px; }
    .ClipClientes .boton-mas-trabajos { margin:40px 0 80px; }

    .ClipPortada p { font-size:17px; line-height:21px; }
    .ClipMain { padding:65px 0 200px; }
    .ClipMain.about { padding:65px 0 0; }
    .ClipMain h1 { width:320px; font-size:30px; line-height:32px; margin-top:3px; }
    .ClipMain p { width:calc(100% - 320px); width:-webkit-calc(100% - 320px); width:-moz-calc(100% - 320px); width:-o-calc(100% - 320px); font-size:21px; line-height:30px; padding-left:0; }
    .ClipEquipo h1 { width:100%; }
    .ClipGaleria { padding-top:90px; }
    .thumb_galeria { height:220px; }
    .ClipThumbs.cuadrados { margin-top:40px; }
    .ClipThumbs.cuadrados h4 { font-size:30px; line-height:37px; margin:-30px 0 40px 0; }
    .ClipThumbs.cuadrados h2 { font-size:24px; line-height:29px; margin-top:15px; }
    .titulo_servicio_int { font-size:32px; line-height:37px; }
    .ClipMain.biotecnologia { padding-top:70px; }
    .ClipNumeros { width:calc(100% - 320px); width:-webkit-calc(100% - 320px); width:-moz-calc(100% - 320px); width:-o-calc(100% - 320px); padding-left:0; }
    .lonja-numeros { margin:80px auto 100px; }
    .lonja-numeros h1 { width:320px; font-size:28px; line-height:31px; }
    .col-number { margin-right:30px; }
    .mas { font-size:86px; }
    .ClipDatos { font-size:100px; }
    .ClipDatos .chico { font-size:21px; margin-top:45px; }
    .ClipPortada .centrador { padding:0 50px; }
    .ClipMain .centrador { padding:0 50px; }
    .ClipEquipo { margin:50px auto 40px; }
    .thumbs_Equipo .titulo_servicio_int { font-size:22px; line-height:27px; }
    .thumbs_Equipo .titulo_servicio_int span { font-size:17px; line-height:22px; }
    .ClipCV p { padding:60px 0 30px; }
    .ClipFiltros { margin:0 0 0 -6px; }
    .btn-capsula { font-size:17px; padding:6px 22px; }
    .ClipGrilla { padding:20px 0 0; }
    .ClipGrilla .thumb_cliente { width:25%; }
    .ClipGrilla .thumb_cliente_int { margin:0 25px; }
    .ClipRecuadros .centrador { padding:40px 37px 42px; }
    .recuadro { height:330px; padding:48px 60px 0; }
    .recuadro h2 { font-size:19px; }
    .recuadro p { width:100%; max-width:250px; font-size:25px; line-height:31px; }
    .btn-cv { font-size:18px; }
}

@media screen and (max-width:1023px) {
    .thumb.desktop { display:none; }
    .thumb.mobile { display:block; }
    #elmenu .ClipLogo { width:140px !important; }
    #elmenu .logo { width:140px !important; }
    #somos { padding-top:45px; }
    #somos h2 { font-size:24px; line-height:35px; padding:0 80px; }
    .ClipCirculos { padding:50px 20px 80px; }
    .circulo.primero { left:25px; }
    .circulo.ultimo { left:-25px; }
    .circulo h3 { font-size:18px; line-height:23px; }
    .ClipRespaldos { padding:90px 0; }
    .ClipRespaldos .centrador { padding:0 40px; }
    .ClipRespaldos h4 { width:300px; font-size:40px; line-height:45px; }
    .ClipPuntos { margin-right:10px; }
    .ClipPunto p { font-size:18px; line-height:25px; padding-left:40px; }
    .ClipDestacados .centrador, .ClipClientes .centrador { padding:0 30px; }
    .col-aire { padding:0 15px; }
    h3 { font-size:24px; line-height:29px; }
    .ClipThumbs_int { margin:0 -20px; }
    .ClipThumb { height:320px; }
    .thumb_bg { height:320px; }
    .ClipInfo h3 { font-size:13px; }
    .ClipInfo h2 { font-size:23px; line-height:26px; }
    .ClipInfo p.resumen { font-size:17px; line-height:23px; }

    footer { padding:45px 0 65px; }
    .centrador.FT { text-align:center; }
    footer .ClipLogo { float:none; width:180px !important; padding-top:0; margin:0 auto; }
    footer .logo { width:180px !important; }
    footer .slogan { float:none; font-size:16px !important; line-height:18px; margin:15px auto 30px !important; }
    .right-FT { width:100%; }
    .col { float:none; text-align:center; padding-top: 0; padding-left:0; margin-bottom:35px; }
    .col.first { padding-top:3px; padding-right:0; }
    .col.desktop { display:none; }
    .col.mobile { display:block; }
    .col p { font-size:15px; line-height:21px; padding-top:0; }
    .col p span { display:block; font-size:15px; line-height:21px; margin-top:15px; margin-right:0; }
    .casilla { font-size:17px; }
    .redes { margin-top:7px; }
    .ico-red { height:36px; margin:0 4px; }
    .tit-clientes { font-size:23px; line-height:27px; }
    .boton-mas-trabajos p { font-size:16px; }

    .ClipPortada .centrador { padding:0 30px; }
    .ClipPortada h1 { font-size:65px; line-height:65px; }
    .columna.uno { width:26%; }
    .columna.dos { width:23%; }
    .columna.cuatro { width:20%; }
    .columna.cinco { width:10%; }
    .ClipMain { padding:40px 0 200px; }
    .ClipMain.about { padding:50px 0 0; }
    .ClipMain .centrador { padding:0 30px; }
    .ClipMain h1 { width:100%; font-size:29px; line-height:34px; padding-right:0; }
    .ClipMain p { width:100%; font-size:19px; line-height:28px; padding-top:15px; padding-left:0; }
    .ClipCV p { padding:40px 0 20px !important; }
    .ClipGaleria { padding-top:70px; }
    .thumb_galeria { height:180px; }
    .ClipThumbs.cuadrados h4 { font-size:27px; line-height:34px; }
    .ClipThumbs.cuadrados .ClipThumbs_int { margin:0 -20px; }
    .ClipThumbs.cuadrados h2 { font-size:21px; line-height:24px; }
    .cuadro { width:50%; }
    .titulo_servicio_int { font-size:31px; line-height:36px; }
    .ClipMain.biotecnologia { padding-top:40px; }
    .lonja-numeros { margin:57px auto 70px; }
    .lonja-numeros h1 { font-size:26px; line-height:29px; }
    .lonja-numeros h1 span { display:inline-block; }
    .ClipNumeros { width:100%; padding-top:70px; }
    .col-number { margin-right:35px; }
    .mas { font-size:100px; }
    .ClipDatos { font-size:110px; }
    .ClipDatos .chico { font-size:23px; margin-top:48px; }
    .thumbs_Equipo .titulo_servicio_int { font-size:20px; line-height:23px; }
    .thumbs_Equipo .titulo_servicio_int span { font-size:16px; line-height:18px; padding-top:5px; }
    .thumbs_Staff { margin-top:10px; }
    .thumbs_Staff .titulo_servicio_int { font-size:20px; line-height:21px; }
    .thumbs_Staff .titulo_servicio_int span { font-size:19px; line-height:24px; }
    .thumbs_Staff .cuadro { width:25%; }
    .ico-circulo { width:32px; margin-top:7px; }
    .ClipFiltros { margin:20px 0 0 0; }
    .ClipGrilla .thumb_cliente { width:33.3%; }
    .ClipGrilla .thumb_cliente_int { margin:0 20px; }
    .ClipRecuadros .centrador { padding:30px; }
    .recuadro { height:300px; padding:48px 47px 0; }
    .recuadro h2 { font-size:18px; }
    .recuadro p { max-width:220px; font-size:22px; line-height:28px; padding-top:0; }
    .btn-cv { font-size:17px; margin-top:30px; }
    .ClipMain.biotecnologia .ClipFiltros { margin:-20px 0 40px -2px; }
}

@media screen and (max-width:767px) {
    .centrador { padding:20px; }
    .HeaderTransform .ClipIdiomas { margin-top:3px; }
    #somos h2 { font-size:23px; line-height:32px; padding:0 90px; }
    .ClipCirculos { max-width:600px; padding:40px 0 60px; }
    .circulo.primero { left:20px; }
    .circulo.ultimo { left:-20px; }
    .circulo h3 { font-size:17px; line-height:30px; }
    .ClipRespaldos { padding:0 0 60px; }
    .ClipRespaldos h4 { width:330px; font-size:33px; line-height:39px; margin-top:50px; }
    .ClipPuntos { float:left; width:100%; margin-top:40px; margin-right:0; }
    .col-aire { width:50%; }
    .ClipThumb { height:350px; }
    .thumb_bg { height:350px; }
    .col-aire:nth-child(4n+4) { display:inline-block; }
    .col-aire:nth-child(2n+3) { clear:both; }
    .ClipThumbs.cuadrados .col-aire:nth-child(2n+3) { clear:initial; }
    .ClipClientes .line { margin:10px 0 30px; }
    .tit-clientes { width:100%; font-size:21px; line-height:25px; }

    .ClipPortada { min-height:300px; }
    .ClipPortada .centrador { bottom:30px; }
    .columna { margin-top:40px; }
    .columna.uno { width:100%; margin-top:0; }
    .columna.dos { width:100%; margin-top:40px; }
    .columna.tres { width:39%; clear:both; }
    .columna.cuatro { width:37%; }
    .columna.cinco { width:24%; }
    .columna.cinco .columna_int { float:left; margin-left:18px; }
    .ClipMain h1 { font-size:29px; line-height:34px; }
    .ClipMain p { font-size:18px; line-height:26px; padding-top:10px; }
    .lonja-numeros h1 { font-size:26px; line-height:30px; }
    .ClipGaleria { padding-top:60px; }
    .thumb_galeria { height:160px; }
    .ClipThumbs.cuadrados { margin-top:30px; }
    .lonja-numeros { margin-top:50px; }
    .ClipNumeros { padding-top:60px; }
    .col-number { margin-right:24px; }
    .mas { font-size:80px; }
    .ClipDatos { font-size:90px; }
    .ClipDatos .chico { font-size:21px; margin-top:44px; }
    .thumbs_Staff .titulo_servicio_int { font-size:19px; line-height:20px; }
    .thumbs_Staff .titulo_servicio_int span { font-size:18px; line-height:23px; }
    .desplegable { display:block; }
    .ClipRecuadros .centrador { padding:20px; }
    .recuadro { height:235px; padding:35px 35px 0; }
    .recuadro h2 { font-size:17px; }
    .recuadro p { max-width:100%; padding-top:0; }
    .btn-cv { font-size:16px; }
    .ClipFiltros { display:none; /*margin:18px 0 0 -15px;*/ }
    /*.btn-capsula { font-size:16px; padding:6px 20px; margin:12px 4px 0; background-color:rgba(213, 211, 239, .5); }*/
    .thumbs_Equipo .ico-circulo.mas { display:none; }
    .ClipMain.biotecnologia .desplegable { margin-top:-16px; margin-left:0; margin-bottom:30px; }
}

@media screen and (max-width:639px) {
    .centrador.HD { padding:0 10px; }
    #MenuH { top:1px; left:12px; }
    .HeaderTransform #MenuH { top:-4px; }
    .menu .burguer { width:35px; }
    .HeaderTransform .header_interno { padding:8px 0 13px; }
    .ClipLogo { width:100px; }
    .logo { width:100px; }
    .HeaderTransform .ClipLogo { width:80px; margin-top:6px; }
    .HeaderTransform .logo { width:80px; }
    .ClipIdiomas { margin-top:7px; }
    .HeaderTransform .ClipIdiomas { margin-top:7px; }
    .idioma { font-size:14px; }
    ul.botones li a { font-size:23px; margin-bottom:27px; }
    #somos { padding-top:35px; }
    #somos h2 { font-size:19px; line-height:26px; padding:0 20px; }
    .ClipCirculos { max-width:300px; text-align:center; }
    .circulo { display:inline-block; width:260px; margin:auto; }
    .circulo.primero { left:initial; margin:auto; }
    .circulo.medio { margin:-30px auto; }
    .circulo.ultimo { left:initial; margin:auto; }
    .circulo h3 { margin-top:45%; }
    .ClipRespaldos { padding-bottom:50px; }
    .ClipRespaldos .centrador { padding:0 25px; }
    .ClipRespaldos h4 { width:270px; font-size:27px; line-height:33px; margin-top:45px; }
    .ClipPunto p { font-size:16px; line-height:24px; }
    h3 { font-size:22px; line-height:27px; }
    .ClipDestacados .centrador, .ClipClientes .centrador { padding:0 25px; }
    .ClipThumbs { margin-top:25px; }
    .ClipThumbs_int { margin:0 -15px; }
    .col-aire { padding:0 10px; }
    .col-aire.home { padding-bottom:40px; }
    .ClipThumb { height:250px; }
    .thumb_bg { height:250px; }
    .ClipInfo h3 { padding:5px 0; }
    .ClipInfo h2 { font-size:22px; line-height:24px; margin-top:15px; }
    .ClipInfo p.resumen { font-size:16px; line-height:21px; margin-top:5px; padding-right:0; }
    .boton-mas-trabajos { float:left; margin:20px 0 40px; }
    .tit-clientes { font-size:19px; line-height:23px; }
    .ClipLogos { padding:0; }
    .boton-mas-trabajos p { font-size:15px; }
    .ico-flecha-ch { width:30px; margin-left:7px; margin-bottom:-12px; }
    footer { padding:35px 0 55px !important; }
    footer .ClipLogo { width:140px; }
    footer .logo { width:140px !important; }
    .circulo h3 { font-size:19px; line-height:28px; }

    .ClipPortada h1 { font-size:36px; line-height:43px; }
    .ClipPortada p { font-size:16px; line-height:20px; }
    .ClipPortada span { font-size:13px; }
    .line { margin:20px 0 40px; }
    .ClipMain { padding:40px 0 150px; }
    .ClipMain.about { padding:30px 0 0; }
    .ClipMain h1 { font-size:26px; line-height:31px; }
    .ClipMain p { font-size:17px; line-height:24px; }
    .ClipGaleria { padding-top:50px; }
    .col_galeria { width:50%; }
    .thumb_galeria { height:150px; }
    .ClipThumbs.cuadrados .line { width:calc(100% + 20px); width:-webkit-calc(100% + 20px); width:-moz-calc(100% + 20px); width:-o-calc(100% + 20px); margin:10px 0 45px -10px; }
    .ClipThumbs.cuadrados .col-aire { width:50%; }
    .ClipThumbs.cuadrados .col-aire:nth-child(4n+4) { display:inline-block; }
    .ClipThumbs.cuadrados .col-aire:nth-child(2n+3) { clear:both; }
    .ClipThumbs.cuadrados .col-aire { width:50%; margin-bottom:40px; }
    .ClipThumbs.cuadrados h4 { font-size:21px; line-height:27px; margin-left:-10px; margin-bottom:30px; }
    .titulo_servicio_int { font-size:21px; line-height:26px; }
    .ClipMain.biotecnologia { padding-top:30px; }
    .lonja-numeros { margin:40px auto 60px; }
    .lonja-numeros h1 { font-size:23px; line-height:27px; }
    .ClipNumeros { padding-top:40px; margin-left:-7px; }
    .col-number { margin-right:0; }
    .mas { font-size:60px; }
    .ClipDatos { font-size:60px; }
    .ClipDatos .number { width:92px; }
    .ClipDatos .chico { font-size:17px; margin-top:20px; margin-left:-16px; padding-left:0; }
    .thumbs_Equipo .cuadro { width:calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-o-calc(100% - 20px); }
    .thumbs_Equipo .cuadro { padding-bottom:30px; }
    .ico-circulo { width:35px; margin-top:3px; }
    .thumbs_Staff .cuadro { width:50%; }
    .ClipEquipo h1 { margin-bottom:10px; }
    .thumbs_Equipo .cuadro:hover { border:1px solid transparent; }
    .ClipCV { display:none !important; }
    .detalle_cv { /*display:block;*/ }
    .detalle_cv p { font-size:16px; line-height:23px; }
    .desplegable { width:calc(100% + 20px); width:-webkit-calc(100% + 20px); width:-moz-calc(100% + 20px); width:-o-calc(100% + 20px); margin-left:-10px; }
    .ClipRecuadros .centrador { padding:23px 20px; }
    .recuadro { width:100%; height:auto; padding:40px; }
    .recuadro.foto { height:290px; }
    .recuadro h2 { font-size:18px; }
    .recuadro p { font-size:20px; line-height:28px; }
    .btn-cv { font-size:17px; }

    /*/// NEW ///*/
    .columna.tres { width:100%; }
    .columna.cuatro, .columna.cinco { display:none; }
    .Clip-c-a { display:inline-block; }
    .thumbs_Equipo .ico-circulo.mas { display:inline-block; }
    .ClipMain.biotecnologia .desplegable { width:100%; margin-top:0; }
}

@media (max-width:567px) {
    .thumb_cliente { width:60%; margin:auto; }
}

@media (max-width:479px) {
    .ClipNumeros { width:109%; }
    .col-number { width:33.3%; margin:0; }
    .ClipDatos { text-align:center; }
    .ClipDatos .number { width:auto; }
    .ClipGrilla .thumb_cliente { width:50%; }
    .ClipGrilla .thumb_cliente_int { margin:0 10px; }
    .recuadro p { padding-right:10px; }
    .recuadro.foto { height:250px; }
}

@media (max-width:429px) {
    #somos h2 { padding:0 40px; }
    h3 { font-size:21px; line-height:26px; }
    .ClipInfo h3 { font-size:12px; }
    .ClipInfo h2 { font-size:20px; line-height:22px; }
    .boton-mas-trabajos p { font-size:15px; }
    .tit-clientes { font-size:18px; line-height:22px; }
    .ico-flecha-ch { width:25px; margin-left:5px; }
    .ClipThumb { height:240px; }
    .thumb_bg { height:240px; }
    .thumb_galeria { height:140px; }
    .titulo_servicio_int { font-size:20px; line-height:25px; }
    .lonja-numeros h1 { font-size:22px; line-height:26px; }
    /*.col-number { margin-right:2px; }*/
    .mas { font-size:50px; }
    .ClipDatos .chico { margin-top:22px; margin-left:-15px; padding-left:0; }
    .ClipThumbs.cuadrados h2 { font-size:20px; line-height:23px; }
}

@media (max-width:420px) {
    .recuadro.foto { height:240px; }
    .recuadro p { padding-right:0; }
}

@media (max-width:413px) {
    #somos h2 { padding:0 35px; }
    .ClipNumeros { width:107%; }
}

@media (max-width:411px) {
    .tit-clientes { font-size:17px; line-height:21px; }
    .ico-flecha-ch { display:none; }
    .ClipNumeros { width:109%; padding-top:35px; margin-left:-5px; }
    .mas { font-size:44px; }
    .ClipDatos { font-size:60px; }
    .ClipDatos .chico { margin-left:-11px; }
}

@media (max-width:399px) {
    .ClipThumb { height:230px; }
    .thumb_bg { height:230px; }
    h3 { font-size:20px; line-height:25px; }
    .tit-clientes { font-size:16px; line-height:20px; }
    .boton-mas-trabajos p { font-size:14px; }
    .titulo_servicio_int { font-size:19px; line-height:24px; }
    .lonja-numeros { margin-bottom:50px; }
    .ClipNumeros { width:105%; }
    .detalle_cv p { font-size:17px; line-height:24px; }
    .ClipGrilla .thumb_cliente_int { margin:0 15px; }
    .recuadro { padding:35px; }
}

@media (max-width:392px) {
    .ClipThumb { height:210px; }
    .thumb_bg { height:210px; }
    #somos h2 { font-size:19px; line-height:26px; padding:0 30px; }
    .ClipInfo h2 { font-size:19px; line-height:21px; }
    .ClipInfo p.resumen { font-size:15px; line-height:20px; }
    .ClipPortada h1 { font-size:33px; line-height:39px; }
    .ClipNumeros { width:107%; }
    .btn-capsula { padding:6px 18px; margin:11px 3px 0; }
}

@media (max-width:374px) {
    .ClipThumb { height:200px; }
    .thumb_bg { height:200px; }
    .ClipInfo h2 { font-size:18px; line-height:20px; }
    h3 { font-size:19px; line-height:24px; }
    .tit-clientes { padding-right:60px; }
    .thumb_galeria { height:130px; }
    .titulo_servicio_int { font-size:18px; line-height:23px; }
    .btn-capsula { font-size:15px; }
    .ClipRecuadros .centrador { padding:15px; }
    .recuadro { padding:30px; }
}

@media screen and (max-width:359px) {
    .ClipThumb { height:180px; }
    .thumb_bg { height:180px; }
    #MenuH { left:10px; }
    #somos h2 { font-size:18px; line-height:25px; padding:0 20px; }
    .ClipCirculos { padding-bottom:50px; }
    .circulo { width:240px; }
    .circulo h3 { font-size:17px; line-height:26px; }
    .ClipRespaldos .centrador { padding:0 20px; }
    .ClipRespaldos h4 { width:250px; font-size:25px; line-height:31px; margin-top:40px; }
    .ClipPuntos { margin-top:35px; }
    .ClipPunto p { font-size:15px; line-height:22px; }
    .ClipPunto span { width:22px; height:22px; font-size:13px; padding-top:0; }
    .ClipDestacados .centrador, .ClipClientes .centrador { padding:0 20px; }
    .ClipInfo h2 { font-size:19px; line-height:21px; }
    .tit-clientes { padding-right:40px; }
    .ClipPortada h1 { font-size:30px; line-height:36px; }
    .ClipMain h1 { font-size:25px; line-height:29px; }
    .ClipMain p { font-size:16px; }
    .thumb_galeria { height:110px; }
    .ClipThumbs.cuadrados h4 { font-size:19px; line-height:24px; }
    .ClipThumbs.cuadrados h2 { font-size:19px; line-height:22px; }
    .titulo_servicio_int { font-size:15px; line-height:19px; }
    .ClipNumeros { padding-top:50px; }
    .lonja-numeros { margin-bottom:20px; }
    .col-number { width:100%; margin:0 0 50px; }
    .mas { font-size:75px; }
    .ClipDatos { font-size:80px; }
    .ClipDatos .chico { font-size:20px; margin-top:30px; margin-left:20px; }
    .btn-capsula { font-size:14px; padding:5px 15px; margin:10px 2px 0; }
    .recuadro h2 { font-size:16px; margin-bottom:10px; }
    .recuadro p { font-size:19px; line-height:26px; }
    .btn-cv { font-size:16px; margin-top:25px; }
}