/* HEADER + NAV */

header {background:#95732c; font-size: 14px; }
header > ul {height:40px; max-width:100%; margin:auto; color:#ffffff; padding-top:10px;padding-right:10px; padding-left: 10px;  letter-spacing: 0.5px; font-weight: 600;}
header > ul > li.fecha {float:left;} 
header > ul > li.fecha > img, header > ul > li.fecha > p {float:left; margin-right: 7px;} 
header > ul > li.social {float:right; }
header > ul > li.social > p {float:left; margin-right: 5px;}
header > ul > li.social > ul {float:left;}
header > ul > li.social > ul > li {float:left;}
header > ul > li.social > ul > li > a {margin-left:2px;}



.wrapper{background: transparent; }
.ccparallaxeff{min-height:600px; position:relative;}

.crt-parallaxvideo{ position: absolute; z-index: -1; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background-size: cover; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; background-image: none;}
.crt-parallaxvideo video{ margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; width:100%!important;  transform: translate(-50%, -50%); visibility: visible; opacity: 1; width: 1428px; height: auto;}
.crt-parallaxvideo h1 {color: #fff; font-size: 76px; font-weight: 700; text-align: center; text-transform: uppercase; }

.plax.ccparallax-one {background-image: url("../images/paxallax1.jpg"); }
.plax.ccparallax-two {background-image: url("../images/paxallax2.jpg"); }
.plax.ccparallax-three {background-image: url("../images/paxallax3.jpg"); }
.plax:last-child {margin-bottom: 0; }
.plax.ccparallax {background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding-bottom: 50px; padding-top: 50px; }
.plax.content {background: none repeat scroll 0 0 #2581e8; padding: 42px 0; }
.plax.ccparallax h1 {font-weight: 700; font-size: 76px; text-align: center; text-transform: uppercase; color:#FFF; }
.plax .headlines h2 {color: #fff; font-family: "PT Sans",sans-serif; font-size: 32px; margin: 0; text-align: center; } .plax .headlines p {font-size: 16px; font-weight: 300; margin: 0; color:#f6f3f3; text-align: center; }
.plax .contentarea, .plax .contentarea h2{color:#FFF; }

video {width:100%; height:auto; margin-bottom: -5px;}


/* SLIDER */
.img-mobile {display: none;}

.sl-slider-wrapper {
	width: 800px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

ul#quienessomos {height:500px; background: url('../img/back-intro.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#quienessomos > li{width:calc(100%/2); float:left}
ul#quienessomos > li.left{float:left; ; height:500px; } 
ul#quienessomos > li.right{background:rgba(255,255,255,0.90) ; height:500px; letter-spacing: 0.5px;  float:right; } 
ul#quienessomos > li.right > .triangle{ width: 0; height: 0; border-style: solid; border-width: 50px 65px 50px 0; border-color: transparent rgba(255,255,255,0.85) transparent transparent; position:absolute; margin-left:-65px; margin-top:200px;}
ul#quienessomos > li.right > div{ margin:50px; } 
ul#quienessomos > li.right > div > img { margin-bottom:30px; } 
ul#quienessomos > li.right > div > p{line-height: 28px;  margin-bottom:30px;letter-spacing: 2px;  }

.gold {color:#8a6929; font-weight: 700; font-size: 18px;} 
.gold2 {background:#8a6929; } 
.grey {background:#fafafa; padding:50px 0px; text-align: center; letter-spacing: 4px; font-size: 15px;} 
.grey > p {max-width: 750px; margin: auto;} 


.quote{background:#8a6929; text-align: center; padding:65px 0px; letter-spacing: 30px; color:#ffffff; font-size: 18px;}
.line{background:#8a6929; height:5px; width:60px; margin:30px auto 0px auto;}


ul#brands{max-width:1280px; margin:50px auto; overflow:hidden;}
ul#brands > li{width:calc(100%/5); float:left;}
ul#brands > li > img{width:100%;}
ul#brands > li.border-right{border-right:1px solid #e9e9e9;}
ul#brands > li.border-bottom{border-bottom:1px solid #e9e9e9;}


/* GRILLA DE CASOS */


ul#works {width:100%; overflow: hidden;}
ul#works > li {width: calc(100%/2);}
ul#works > li.work1 {float:left;}
ul#works > li.work2 {float:right;}

ul#services {width:100%; overflow: hidden;}
ul#services > li {width: calc(100%/2);}
ul#services > li.service1 {float:left;}
ul#services > li.service2 {float:right;}

.grid {margin: 0 auto; width:100%; position:relative; overflow:hidden; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 1s; animation-delay: 1s; }
.grid:after {content: ''; display: block; clear: both; }

.grid-item {float: left; width: 300px; height: 500px; background: #0D8; border: 0; padding:20px; }
.grid-item h2{font-size: 35px; color:#da2c56; letter-spacing: -5px; }
.grid-item h1{font-size: 15px; text-transform: uppercase; margin-top: 20px;}
.grid-item p{font-size: 35px; font-weight: 600; margin-top: 20px; line-height: 33px;}

.grid-item--height2 { height: 300px; width:500px; padding:0px;}
.grid-item--height3 { width: 400px; height: 400px; padding:0px;}
.grid-item--padding {  padding:0px;}


.videos{width:75%; margin:0px auto 50px auto;}
.videos p {text-align:center; margin:15px auto; font-size: 16px; letter-spacing: 1px;}

/* EFECTO HOVER DE CASOS */

.container2 {position: relative; width: 100%;}
.image2 {display: block; width: 100%; height: auto; }
.overlay2 {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000000;  }
.overlay2-visible {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease;  background:none;}
.overlay2 > h1{color: white; font-size: 18px; text-align: center; position: absolute; top: 34%; color:#8a6929; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.overlay2 > .vermas{color: white; font-size: 14px; text-align: center; position: absolute; top: 72%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); border:1px solid #fff; padding:10px 20px; letter-spacing: 1px; }
.overlay2 > .vermas2{top: 62%;}
.overlay2 > .vermas > a {color:#ffffff;}
.overlay2 > .vermas:hover {opacity: 0.8}
.container2:hover .overlay2 {opacity: 0.7; }
.container2:hover .overlay2-visible {opacity: 1; }
.text2 {color: white; font-size: 40px; font-weight: 600; text-align: center;  letter-spacing: 1px; line-height: 35px; font-family: 'Montserrat'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }


.maseventos {width: 100%; text-align:center; padding:20px; font-size:15px; letter-spacing: 1px;}
.maseventos > p > a > img {position:absolute; margin:2px 0px 0px 5px;}


.cta-cont {width: 100%; text-align:center; padding:20px; font-size:15px; letter-spacing: 1px; padding:50px; color:#fff;}
.cta-cont > .cta {margin:auto; max-width: 1280px; text-align: center;}
.cta-cont > .cta > p {font-size:35px; font-weight: 300;}
.cta-cont > .cta > a {margin:20px auto 0px auto; display:block; width:180px; border:1px solid white; padding:20px 25px; font-size:14px; color:#fff; letter-spacing: 5px; font-weight: 400;}


footer {background: #1a1a1a; letter-spacing: 1px; overflow: hidden;}
ul#contact {max-width: 1280px; margin: auto; padding: 60px 0px; overflow: hidden;}
ul#contact > li {width: calc(100%/3); text-align: center; float:left; font-size: 14px;}
ul#contact > li > h1{color:#fff; font-size: 18px;letter-spacing: 2px; margin-bottom: 40px;}
ul#contact > li > p{color:#a5a5a5;}
ul#contact > li > a{color:#8a6929; margin-top: 40px; display: block; font-weight: 600}
ul#contact > li > form{margin: auto; margin-top: 30px; width:80%; }
ul#contact > li > form > {margin-top: 30px; }


form { display: block; margin-top: 0em; }

input {  letter-spacing:1px; color: #4d4d4d;  border: 2px solid #ccc; padding:20px 10px; font-family: 'Open Sans', sans-serif; font-size: 14px;}


input.mail {display:inline; width:75%; float:left;  letter-spacing:1px; color: #000;  border: 0px; padding:15px 10px; display:block; font-family: 'Open Sans', sans-serif;}
input.send {display:inline;  width:25%; float:left; letter-spacing:1px;  color: #fff;  border: 0px; padding:15px 10px; display:block; font-family: 'Open Sans', sans-serif;  background: #95732c;}

.titulo-form{font-size:15px; font-weight:700; margin-bottom:10px; width:100%;}
form  > p{margin-bottom:5px;}

input:focus {color:#808080;}

input.send_message {width:250px; color:#FFF; cursor:pointer; margin:0; font-size:13px; margin:auto; display:block; margin-top:20px; border:2px solid black; background:#fff; color:black;}

input, textarea, select { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; }

input.send_message:hover {background:grey;}
.verif{ display: none; }

#message { width: 420px;  margin: auto; height:auto; margin-bottom:35px; font-family: 'Open Sans', sans-serif; margin-top:30px; }


input#nombre {width:420px;  float:left; margin:0 20px 20px 0;}
input#telefono {width:420px; float:left; margin:0 0 20px 0}
input#email {width:420px; float:left; margin:0 0 20px 0}
input:focus {color:#808080;}
textarea {width:420px; margin-top:20px; letter-spacing:3px;  height:150px;  color: #4d4d4d;  border: 2px solid #ccc; padding:20px 10px; display:block; font-family: 'Open Sans', sans-serif;}
textarea:focus {color:#808080; }

input.send_message {width:250px; color:#FFF; cursor:pointer; margin:0; font-size:13px; margin:auto; display:block; margin-top:20px; border:2px solid black; background:#fff; color:black;}
input.send_message:hover {background:#82621f; color:#fff; border:2px solid #82621f;}
.verif{ display: none; }


.social2 {text-align:center; margin:auto; margin-bottom:50px;}
.social2 > h1{color:#fff; font-size: 18px;letter-spacing: 2px; margin-bottom: 20px;}

.footer{padding:15px; text-align: center; background: #95732c; color:#fff; font-size: 14px;}


/* SOLUCIONES */

h2.titles {padding:70px 0px; text-align: center; width: 100%; font-size: 35px; color: #fff; background: #1a1a1a; font-weight: 600; letter-spacing: 2px;}
ul#soluciones {overflow: hidden;}
ul#soluciones > li {width: calc(100%/3); float:left; padding:50px; text-align: center; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px;}
ul#soluciones > li > a{color:#fff;}
ul#soluciones > li.one {background: #ae883c}
ul#soluciones > li.two {background: #82621f}
ul#soluciones > li.three {background: #654a11}
ul#soluciones > li.active {background: #e2e9e9; color:#000;}

.soluciones-text {width:100%; overflow:hidden; text-align: center; letter-spacing: 1px;}
.soluciones-text > .right{max-width:950px; margin: auto; padding: 60px 0px 0px 0px; overflow: hidden;}
.soluciones-text > .right > h1{font-size:35px; font-weight: 800;letter-spacing: 2px;}
.soluciones-text > .right > p {font-size:16px; padding:10px; margin-bottom: 10px;}


ul#soluciones-img {overflow: hidden; padding:10px; max-width: 1280px; margin:30px auto;}
ul#soluciones-img > li{width: calc(100%/2); float:left;}
ul#soluciones-img > li > img{width: 100%;}

.container{width:100%!important; padding:10px!important;}


ul#casosdeestudio{}
ul#casosdeestudio > li {width: 100%; height: 600px; color:#fff;}
ul#casosdeestudio > li > .description{padding-top:440px; margin-left: 50px;}
ul#casosdeestudio > li > .description > h1{color: white; font-size: 18px; color:#8a6929; margin-bottom: -5px;}
ul#casosdeestudio > li > .description > p{color: white; font-size: 40px; font-weight: 600; letter-spacing: 1px;  font-family: 'Montserrat'; margin-bottom: 15px}
ul#casosdeestudio > li > .description > a{color: white; font-size: 14px; text-align: center; border:1px solid #fff; padding:10px 20px; letter-spacing: 1px;}
ul#casosdeestudio > li.despedida-monumental {background: url('../img/works/despedida-monumental/despedida-monumental.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.motorshow-el-garage {background: url('../img/works/motorshow-el-garage/motorshow-el-garage.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.dia-del-hincha-de-boca {background: url('../img/works/dia-del-hincha-boca-juniors/dia-del-hincha-boca-juniors.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.leo-gutierrez {background: url('../img/works/leo-gutierrez/leo-gutierrez.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.la-pedrera {background: url('../img/works/la-pedrera/la-pedrera.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.estado-en-tu-barrio {background: url('../img/works/estado-en-tu-barrio/estado-en-tu-barrio.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.bruno-labaque {background: url('../img/works/bruno-labaque/bruno-labaque.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.master-final-2018 {background: url('../img/works/master-final-2018/master-final-2018.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.master-final-2019 {background: url('../img/proximos-eventos/master-final-2019.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.padel-master-cup {background: url('../img/works/padel-master-cup/padel-master-cup.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.ultimo-gol {background: url('../img/works/ultimo-gol/ultimo-gol.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.boca-campeon {background: url('../img/proximos-eventos/boca-campeon.jpg') repeat right center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.circuito-padel {background: url('../img/proximos-eventos/circuito-padel.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.damian-alvarez {background: url('../img/proximos-eventos/damian-alvarez.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.motorshow-2018 {background: url('../img/proximos-eventos/motorshow-2018.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.guinazu {background: url('../img/proximos-eventos/guinazu.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.gloriosa-albiceleste {background: url('../img/proximos-eventos/gloriosa-albiceleste.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.circuito-16-ajpp {background: url('../img/works/etapa-16-ajpp/ajpp-16-back.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.etapa-13-ajpp {background: url('../img/works/etapa-13-ajpp/etapa-13-ajpp.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.noche-de-futbol {background: url('../img/works/noche-de-futbol/noche-de-futbol.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.mundialito-en-tu-barrio {background: url('../img/works/mundialito-en-tu-barrio/mundialito-en-tu-barrio.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.dia-del-nino {background: url('../img/works/dia-del-nino/dia-del-nino.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.damian-alvarez {background: url('../img/works/despedida-incomparable/despedida-incomparable.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.adios-a-un-cuervo {background: url('../img/works/adios-a-un-cuervo/adios-a-un-cuervo.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.justo-villar {background: url('../img/works/justo-villar/justo-villar.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.mora {background: url('../img/works/mora/mora.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.ajpp-2019 {background: url('../img/proximos-eventos/ajpp-2019.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.boca-hublot {background: url('../img/works/boca-hublot/boca-hublot.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.campus-boca {background: url('../img/works/campus-boca/campus-boca.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.adios-a-un-cuervo {background: url('../img/works/adios-a-un-cuervo/adios-a-un-cuervo.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.chaco {background: url('../img/proximos-eventos/chaco.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.cubero {background: url('../img/proximos-eventos/cubero-inolvidable.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.ponzio {background: url('../img/works/ponzio/capitan-eterno.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.powerchair {background: url('../img/works/powerchair/powerchair.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.maxi {background: url('../img/works/maxi/maxi-rodriguez.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.nochedelrey {background: url('../img/works/noche-del-rey/noche-del-rey.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }
ul#casosdeestudio > li.leyendas {background: url('../img/works/partido-de-leyendas/partido-de-leyendas.jpg') repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; }

ul#img-works {width:100%; overflow: hidden;}
ul#img-works > li {width: calc(100%/4); float:left;}
ul#img-works > li > img {width: 100%;}



/* BLOG */

ul#blog {max-width: 850px; margin:50px auto;}
ul#blog > li {width:100%; margin-bottom:50px;}
ul#blog > li > h2 {font-size:40px; margin:15px 0px; text-transform: uppercase; font-weight: 700;}
ul#blog > li > h3 {font-size:14px; }
ul#blog > li > .line-blog {height:5px; border-top:1px solid #a69a61; border-bottom:1px solid #a69a61; margin:15px auto;}
ul#blog > li > p { margin-top:0px; }
ul#blog > li > a { margin-top:10px; display:block; width: 150px; font-weight: bold; font-size: 12px; }



/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */

@media (max-width: 1200px) {



}

@media (max-width: 950px) {
ul#brands > li{width:calc(100%/2); float:left;}
ul#brands > li.border-right{border-right:0px;}
ul#brands > li.border-bottom{border-bottom:0px;}
ul#brands > li:first-child, ul#brands > li:nth-child(3),ul#brands > li:nth-child(5),ul#brands > li:nth-child(7), ul#brands > li:nth-child(9), ul#brands > li:nth-child(11), ul#brands > li:nth-child(13), ul#brands > li:nth-child(15), ul#brands > li:nth-child(17){border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
ul#brands > li:nth-child(2),ul#brands > li:nth-child(4),ul#brands > li:nth-child(6),ul#brands > li:nth-child(8),ul#brands > li:nth-child(10),ul#brands > li:nth-child(12),ul#brands > li:nth-child(14),ul#brands > li:nth-child(16),ul#brands > li:nth-child(18){border-bottom:1px solid #e9e9e9}
ul#brands > li:nth-child(19){border-right:1px solid #e9e9e9}
ul#brands > li:nth-child(20){display:none;}

ul#works > li, ul#services > li, ul#contact > li, ul#quienessomos > li, ul#soluciones > li, ul#soluciones-img > li {width: 100%;}
ul#img-works > li {width:calc(100%/2);}
ul#contact {width:80%; margin:auto;}
ul#contact > li {margin-bottom:50px; }
ul#quienessomos {overflow:hidden; height:auto;}
ul#quienessomos > li.left {display:none;}
ul#quienessomos > li.right {height:auto;}

.quote {font-size:15px;     letter-spacing: 15px; padding-left:15px;}
.quote > p > span {display:none;}


.cta-cont > .cta > p {font-size:25px; font-weight: 300;}

ul#contact > li > form{margin: auto; margin-top: 30px; width:100%; }


ul#blog {width:100%; padding:0 10%;}
ul#blog > li >img {width:100%;}
} 

@media (max-width: 450px) {


header > ul > li.social > p > span{display:none;}	
.text2 {top:40%;}
.overlay2 > .vermas2 {top:60%;}

ul#img-works > li {width:100%;}
#message { width: 320px; }


input#nombre {width:320px;  float:left; margin:0 20px 20px 0;}
input#telefono {width:320px; float:left; margin:0 0 20px 0}
input#email {width:320px; float:left; margin:0 0 20px 0}
input:focus {color:#808080;}
textarea {width:320px; margin-top:20px; letter-spacing:3px;  height:150px;  color: #4d4d4d;  border: 2px solid #ccc; padding:20px 10px; display:block; font-family: 'Open Sans', sans-serif;}
textarea:focus {color:#808080; }

input.send_message {width:250px; color:#FFF; cursor:pointer; margin:0; font-size:13px; margin:auto; display:block; margin-top:20px; border:2px solid black; background:#fff; color:black;}
input.send_message:hover {background:#82621f; color:#fff; border:2px solid #82621f;}
.verif{ display: none; }


}