html,body,*{margin:0;padding:0;text-align:center;box-sizing:border-box;font-family:'Krona One',sans-serif;}
body{background:#1e1e1e;height:100%;overflow:hidden;}

a{color:#000;text-decoration:none;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #fff;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
::-ms-input-placeholder { /* Microsoft Edge */color: #fff;}
.clickable{cursor:pointer;}
.notBlurred{animation: bodyBlur 0.3s;}
.blurring{animation: newBlur 0.3s;}
.blurred{filter:blur(10px);}
@keyframes bodyBlur {0%	{filter:blur(10px);}100% {filter:blur(0px);}}
@keyframes newBlur {0%	{filter:blur(0px);}100% {filter:blur(10px);}}
.cell{display:inline-block;width:100%;border:solid 0px;float:left;background-size:cover;
background-position: center top;top:110%;position:relative;cursor:pointer;background-repeat:no-repeat;}
.contentSection:not(.gallerySection) .cell{height:290px;}
.desktopElement{display:none;}
.mobileElement{color:white;display:inline-block;}
.bigMobileElement{display:inline-block;}
.h6weight{font-weight:200;font-size:10px;}
.h1header{font-size:27px; font-weight:400;margin-top:36px;margin-bottom:38px;}
.clearfix::after {content: "";clear: both;display: table;}
.pinkButton{background:#C10A48;color:#fff;border:none;width:140px;height:38px;opacity:1;
border-radius:4px;}
.pinkButton:hover{background:#Cf0f4f;}
.pinkLetter{color:#Cf0f4f;}
.pinkBottomBorder{border-bottom:solid 2px #Cf0f4f;padding-bottom:5px;}
.textsMenu{position:relative; color:white;display:block;text-align:left;}
.errorMsg{color:#C10A48;}
.successMsg{color:green;}
.viewMore{width:250px;padding:7px;border:solid 1px #666;border-radius:5px; background:#333;color:#fff;
position:absolute;bottom:100px;left: 50%;margin-left: -125px;top: calc(100% + 100px);height:30px;font-size:11px;}

.landingPage{position:fixed;width:100%;height:100%;background-size:cover;background-position: 0% 0%;
z-index:501;}
.flotantSplash{position:absolute;z-index:501;left:50%;margin-left:-80px;
top:50%;margin-top:-210px;}
.flotantSplash .splashLogo{width:170px;filter:invert(75%);}
.flotantSplash.splashAngosto{margin-left:-80px;margin-top:-210px;}
.flotantSplash .splashLogo.logoAngosto{width:170px;}
.landingButton{opacity:0;margin-top: 2px;height:30px;width:90px;}
#landingMenu{position: absolute;bottom: 0;z-index: 600;background:#1e1e1e;width: 100%;left: 0px;
padding:18px 0;height:54px;}
#landingMenu .textsMenu{top:0;text-align:center;font-size:11px;display:inline-block;}
#bodyContainer{width:100%;max-width:100%;margin:0 auto;height:100%;position:relative;opacity:0;
overflow-y:scroll;}
.header{position: fixed;width: 100%;z-index: 503;background:#1e1e1e;top:0}
#logo{height:100px; background:#efefef;}
#logo img{max-width:237px;max-height:72px;margin-top:15px}
#logoWhite{}
#logoWhite img{height:40px;margin-top:4px;float:left;}
#menu{height:48px;padding:0; font-size:14px;background:#1e1e1e;z-index:1;border-bottom:0px solid #2f2f2f;}
#menu .overlay{position:absolute;width:100%;height:500px;z-index:-1;background-color:rgba(0,0,0,0.9);
padding-top:56px;margin-top:-500px;}
#menu .overlay .textsMenu{padding:20px;cursor:pointer;}
#menu .overlay .textsMenu:hover{background:rgba(50,50,50,0.8);}
#menuIcon{float:right;margin-top:11px;}
.blankWrapper{position:absolute;top:138px;z-index:2;right:30px;}
#gridIcon{position:relative;filter: invert(50%);}

#menuIcon img{width:34px;}
#menu #logoWhite img{margin-left:20px;}
#menu #menuIcon{margin-right:20px;}

.imgMenu{position:relative;}
#servicesHeader{color:#d2d2d2;background:#262626;font-weight:400;
padding:8px 10px 6px 10px;}


 /*////////////////CAROUSEL STYLES//////////////*/
.owl-carousel.owl-theme.owl-loaded.owl-drag,.owl-stage-outer,.owl-stage,.owl-item,.img-responsive{
    height: 100vh;}
.owl-item{height:100%;}
.owl-carousel .item {position:absolute;height:100%;height:100%;width:100%;}
.owl-carousel .item div{position:absolute;width:100%;height:100%;background-position:center;
background-size:cover;}
.owl-carousel .item div img{position:relative;width:300px;height:100px;background:red;margin:25% auto;
top:-70px;}
.owl-carousel .owl-prev, .owl-carousel .owl-next {display: block;position: absolute;top: 50%;
width: 26px;height: 110px;margin-top: -55px;}
.owl-carousel .owl-prev {right: calc(100% - 28px);}
.owl-carousel .owl-next {left: calc(100% - 28px);}
.owl-dots {margin:-100px auto;text-align:center;position:absolute;left:50%;
margin-left:-135px;z-index:1000;display:none;}
.owl-dot {width: 40px;height: 6px;border-radius: 3px;border: 0px solid #ccc;background: #b5b5b5;
margin-right: 5px;display: inline-block; }
.owl-dot.active {background: #C10A48;}

/*CONTENT SECTIONS//////////////////////////////////////////////*/
.contentContainer{overflow:hidden;position:relative;background: #000;}
.contentSection{position:absolute;background:#000;width:100%;top:593px;opacity:1;
color:#fff; min-height:0px;}
.contentSection .sectionEnd{display:block;height:100px;}
.contentSection h1{margin:28px auto 4px auto;font-size:20px;letter-spacing: 4px;}
.contentSection h2{margin:0px auto 33px auto;font-size:16px;font-family:'Kanit',sans-serif;
font-style:italic;font-weight:200;letter-spacing:2px;}
.PORTAFOLIO.contentSection{top:0;opacity:1}
.picOverlay{position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,0.4);top:0;opacity:1;border-bottom:solid 1px rgba(255,255,255,0.4);}
.loaderOverlay{height:100%;position:absolute;width:100%;top:0;background:#000;opacity:0}
.cellSubtitle{font-size:14px;border-bottom:solid 0px;margin-top:110px;}
.PORTAFOLIO .cellDescription{display:inline-block;width:60px;padding-top:11px;font-size:12px;}
.cellDescription,.cellSubtitle{display:inline-block;}
.gallerySection .picOverlay{opacity:0;}
.gallerySection.AUDIOVISUAL .picOverlay{opacity:1;}
.gallerySection .cellDescription,.gallerySection .cellSubtitle{display:none;}
.gallerySection.AUDIOVISUAL .cellSubtitle{display:inline-block;}
.gallerySection .cell .mobileImg{width:100%;}
.infoGridContainer,.produccionGridContainer{max-width:1050px;margin:80px auto;}
.infoGrid{display:block;height:242px;width:100%;background:transparent;padding:20px;
float:left;font-size:16px;}
.infoGrid h3,.produccionCell h3{font-size:12px;margin-top:5px;margin-bottom:20px;}
.infoGrid h5{font-size:15px;line-height:20px;letter-spacing:1px;font-family: 'Kanit',sans-serif;
font-style: italic;font-weight: 200;color:#aeaeae;}
.infoGrid img{height:45px;}
.infoGrid.topRow,.infoGrid.middleRow,.infoGrid.bottomRow:not(:last-child){border-bottom:dashed 2px #383838;}
.infoGrid.leftCol{border-right:none;}
.infoGrid.rightCol{border-left:none;}
.infoGrid.bottomRow{margin-bottom:50px;}
.contentArticle{width:50%;margin:0 auto;text-align:justify;}

.produccionGridContainer{margin:0 auto;padding:0 20px;}
.produccionRow{border-bottom:dashed 2px #383838;padding:40px 0;}
.produccionCell{position:relative;}
.produccionContainer{padding:20px;}
.produccionPicContainer .pinkButton{padding-top:8px;position:absolute;top: 75%;left:50%;transform: translate(-50%, -50%);}
.produccionPicContainer img{width:100%;}
.produccionCaptionContainer img{height:30px;margin-bottom:18px;}

.produccionCell h5{font-size:12px;line-height:20px;letter-spacing:1px;font-family: 'Kanit',sans-serif;
font-weight: 200;font-style:normal;color:#aeaeae;}

.NOSOTROS.contentSection h3{margin-top:107px;margin-bottom:61px;width:100%;text-align:center;font-size:0.8em}
.NOSOTROS.contentSection h5{margin-bottom:25px;font-family:'Kanit',sans-serif;font-style:italic;
font-weight:600;color:#aeaeae;}
.NOSOTROS.contentSection  .contentArticle{font-size:14px;line-height:21px;font-family: 'Kanit',sans-serif;
font-style: italic;font-weight: 200;width:100%;padding:20px;color:#aeaeae;}
.NOSOTROS.contentSection .creamosConceptos{width:750px;margin:120px auto 100px auto;text-align:left;
padding-left:20px;}
.CONTACTO.contentSection .errorDiv{padding:15px;margin:0 auto;height:0;overflow:hidden;}
.CONTACTO.contentSection .errorDiv span{display:inline-block;font-size:15px;font-family: 'Kanit',sans-serif;font-style: italic;
font-weight: 200;text-align:justify;}
.CONTACTO.contentSection .contactForm{width:100%;margin:0 auto;position:relative;padding:0 20px;}
.CONTACTO.contentSection .footnote{font-size:10px;text-align:left;position:absolute;left:20px;}
.CONTACTO.contentSection input,.CONTACTO.contentSection textarea{background:transparent;
border:none;border-bottom:1px solid #383838;padding:8px;font-size: 12px;}
.CONTACTO.contentSection .textInputs{width:100%;margin:20px 0 0px 0;color:white;}
.CONTACTO.contentSection .areaInput{width:100%;margin:34px 0 12px 0;color:white;}
.CONTACTO.contentSection ul{margin-top:10px;margin-bottom:10px;display:inline-block;width:100%;}
.CONTACTO.contentSection li{text-align:center;font-size:12px;line-height:22px;list-style:none;}
.CONTACTO.contentSection img{height:40px;margin:0 10px 100px 10px;}
.CONTACTO.contentSection .sendMessage{position:relative;top:30px;}

.CLIENTES .contentArticle{width:95%;}
.CLIENTES .contentArticle img{float:left;width:33.3333333%;margin:0px 0 10px 0;}

.imgCanvas{position:absolute;width:100%;height:100%;top:0px;opacity:0;overflow:hidden;
background:rgba(0,0,0,0.8);z-index:1;}
.imgCanvas .singleContainer{position:absolute;box-sizing:content-box;width:100%;left:0;top:70px;height:100%;
height: calc(100% - 70px);}
.imgCanvas .singleContainer.inactive{opacity:0;z-index:-1;}
.imgCanvas .singleContainer.active{z-index:1;}
.imgLoader{position:absolute;z-index:3;left:50%;margin-left:-16px;
top:5%;margin-top:16px;}

.imgCanvas .singleContainer .singleImageControls{position:relative;opacity:0;height:100%;width:100%;
display: flex;justify-content: center;align-items: center;}
.imgCanvas .singleContainer .singleImageClose{position:absolute;z-index:2;opacity:1;top:0;right:0;right:12px;}
.imgCanvas .singleContainer .singleImageClose img{height:30px;}
.imgCanvas .singleContainer .singleImageButton{position:absolute;z-index:1;height:50px;width:100px;display:none;}
.imgCanvas .singleContainer .singleImageButton img{position:relative;top:50%;margin-top:-50px;}
.imgCanvas .singleContainer .projectInfo{display:none;width:100%;}
.imgCanvas .singleContainer .prev{text-align:left;}
.imgCanvas .singleContainer .next{text-align:right;}
.imgCanvas .singleImage{position:relative;display:inline;max-width:100%;max-height:100%;}
@keyframes invertColor {
  from {
    filter: invert(0%);
  }

  to {
    filter: invert(100%);
  }
}

.imgCanvas .singleContainer .singleImageButton img,.imgCanvas .singleContainer .singleImageClose img {
  animation-duration: 2s;
  animation-name: invertColor;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  border-radius: 3px;
}



#temporaryFooter{max-width:1216px;color:#fff;font-weight:200;padding:15px 0;padding-bottom:27px;
width: 100%;box-sizing: border-box;margin:70px auto;border-bottom:solid 2px #C10A48;border-top:solid 2px #C10A48;}
#footer{background:#222222;color:#f2f2f2;font-weight:200;font-size:12px;padding:22px;}
#contactFooter{width:100%; margin:0 auto; border-bottom:solid 2px #C10A48;padding-bottom:10px;
padding-top:10px;}
#contactFooter .footerIconContainer{display:inline-block;width:32%;position:relative;text-align:initial;
height:55px;padding-top:5px;}
#contactFooter .footerIconContainer:not(:last-child){border-right:solid 1px white;}
#contactFooter .iconWithCaption{display:block;text-align:center}
#contactFooter .captionOfIcon{display:block;border:solid 0px red;top:20px; font-size:5px;text-align:center;}
#temporaryFooter .footerIconContainer .iconWithCaption img {height:25px;}
#footerSlogan{font-size:20px;margin-top:18px;font-weight:600;margin-bottom:16px;}
.footerSloganCaption{font-size:14px;line-height:21px;font-family: 'Kanit',sans-serif;
font-style: italic;font-weight: 200;}

#footer{background:#1e1e1e;color:#f2f2f2;font-weight:200;font-size:12px;
padding:29px;}

.modalContainer{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.8);opacity:0;top:0;left:0;z-index:501;display:none;}

.modalDiv{width:90%;max-width:500px;position:absolute;top:50%;left:50%;margin-top:-75px;margin-left:-45%;background:#1e1e1e;border:solid 1px #666;
color:white;text-align:center;padding:30px 10px;}

@media only screen and (min-width: 560px) {
	.imgLoader{top:50%;margin-top:-16px;}
	.mobileElement{display:none;}
	.desktopElement{display:inline-block;}
	.animatedMenu{padding: 0.4em 0;color: rgba(255, 255, 255, 1);position: relative;text-decoration: none;}
	.animatedMenu:before {position: absolute;content: '';-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;opacity: 0;top: 25%;bottom: 25%;left: 0;right: 0;
	border-top: 3px solid #Cf0f4f;border-bottom: 3px solid #Cf0f4f;}
	.animatedMenu:hover:before,.animatedMenu.current:before {opacity: 1;top: -7px;bottom: -7px;}
	#menu{height:52px;font-size:10px;letter-spacing:0;}
	#menu .overlay{position:relative;height:initial;z-index:1;display:inline;
	background-color:transparent;margin-top:0px;}
	#menuIcon{margin-top:27px;}
	#menu #logoWhite img{height:40px;margin-top:5px;float:none;margin-left:0;}
	.textsMenu{margin:0 3px;display:initial;text-align:center;top:-15px;}
	.textsMenu#logoWhite{top:0;display:inline;}
	#menu .overlay .textsMenu{padding:0;}
	.header{top:-72px;}
	.contentContainer{background: #0e0e0e;}
	.contentSection {background:#0e0e0e;}
	.cell{width:33%;height:290px}
	.gallerySection .cell{background-size:cover;height:290px;border:solid 0px;}
	.gallerySection .cell .mobileImg{display:none;}
	.picOverlay{opacity:1;border-bottom:solid 0px;}
	.gallerySection .cellDescription,.gallerySection .cellSubtitle{display:none;}
	.gallerySection.AUDIOVISUAL .picOverlay{opacity:0;}
	.infoGrid img{height:30px;}
	.infoGrid.bottomRow:nth-child(4){border-bottom:dashed 1px #383838;}
	.infoGrid.bottomRow:nth-child(5){border-bottom:none}
	.NOSOTROS.contentSection h3{font-size:1.2em}
	#contactFooter .captionOfIcon{font-size:8px;}
	#temporaryFooter .footerIconContainer .iconWithCaption img {height:48px;}
	.footerIconContainer div{text-align:left;}
	.CONTACTO.contentSection img{margin:0 20px 100px 20px;}
	.imgCanvas .singleContainer .singleImageButton{display:inline;}
}

/*small desktop*/
@media only screen and (min-width: 768px) {
	.bigMobileElement{display:none;}
	#menu{font-size:11px;}
	.cellSubtitle{font-size:16px;}
	.textsMenu{margin:0 10px}
	.owl-dots {margin:-215px auto auto -135px;}
	.imgMenu img{margin-top:-16px;position:absolute;}
	.infoGrid{width:50%;}
	.NOSOTROS.contentSection h3{font-size:1.2em}
	.NOSOTROS.contentSection .contentArticle{width:750px;padding:0 0;}
	.NOSOTROS.contentSection .creamosConceptos{padding-left:0px;}
	#contactFooter .footerIconContainer{height:35px;width:32%;}
	#temporaryFooter .footerIconContainer .iconWithCaption img {height:30px;}
	#temporaryFooter .footerIconContainer > div{width:100%;}
	#contactFooter .captionOfIcon{top:12px;font-size:9px;}
	#locomotorapv{width:20px;}
	#locomotoraPhone{width:30px}
	#locomotoraMail{width:0px}
	.CLIENTES .contentArticle img{width:16.66%;}
	
	.produccionGridContainer .produccionRow{width:100%;padding:38px 0 30px 0;position:relative;}
	.produccionGridContainer .produccionRow:nth-of-type(1){padding-top:13px;}
	.produccionCaptionContainer{top: 50%;transform: translateY(-50%);position:absolute;}
	.produccionCaptionContainer:nth-of-type(1){padding:30px 40px 30px 0;border-right:solid 1px #515151;margin-right:40px;left:0;}
	.produccionCaptionContainer:nth-of-type(2){padding:30px 0 30px 40px;border-left:solid 1px #515151;margin-left:40px;right:0;}
	.produccionPicContainer:nth-of-type(2){float:right;}
	.produccionCell.right,.produccionCell.right h3,.produccionCell.right h5{text-align:right;}
	.produccionCell.left,.produccionCell.left h3,.produccionCell.left h5{text-align:left;}
	.produccionCell.oneThird{width:calc(39% - 33px);}
	.produccionCell.twoThirds{width:60%;}
	
	.CONTACTO.contentSection .contactForm,.errorDiv{width:760px;}
	.CONTACTO.contentSection input,.CONTACTO.contentSection textarea{text-align:left;}
	.CONTACTO.contentSection .textInputs{width:47.6%;margin:20px 1% 0px 1%}
	.CONTACTO.contentSection .areaInput{width:98%;margin:34px 0 12px 0;font-size: 12px;}
	.CONTACTO.contentSection .sendMessage{top:0;right:-200px;}
	.CONTACTO.contentSection ul{margin-top:40px;margin-bottom:50px;width:42%;}
	.CONTACTO.contentSection li{text-align:left;list-style:disc;}
	.modalDiv{margin-left:-250px;}
}

@media only screen and (min-width: 560px) and (min-height: 768px){
	.imgCanvas .singleImage{max-height:calc(100% - 200px)}
}

@media only screen and (min-width: 960px) {
	.textsMenu{margin:0 20px}
	.cellSubtitle{font-size:25px;}
}

/*largeDesktop*/
@media only screen and (min-width: 1024px) {
	.infoGrid{width:33%;text-align:left;}
	.infoGrid h3{text-align:left;}
	.infoGrid h5{text-align:left;}
	.infoGrid.topRow,.infoGrid.middleRow{border-bottom:dashed 2px #383838;}
	.infoGrid.leftCol{border-right:solid 1px #383838;}
	.infoGrid.rightCol{border-left:solid 1px #383838;}
	.infoGrid.bottomRow{margin-bottom:100px;}
	.infoGrid.bottomRow:nth-child(4){border-bottom:none;}
}

@media only screen and (min-width: 1200px) {
	.textsMenu{margin:0 30px}
	#footerSlogan{font-size:25px;letter-spacing:4px;}
}

@media only screen and (min-height: 799px) {
	.flotantSplash{margin-left:-183px;margin-top:-320px;}
	.flotantSplash .splashLogo{width:360px;}
}

/*extraLargeDesktop*/
@media only screen and (min-width: 1280px) {
	.NOSOTROS.contentSection h3{max-width: 1100px;margin-left: auto;margin-right: auto;
    text-align: left;}
	.CLIENTES .contentArticle {width:1216px;}
	.cell{width:25%;}
}

@media only screen and (min-height: 1080px) {
}

@media only screen and (min-width: 1920px) {
	.cell,.gallerySection .cell{height:320px;}
	.cellSubtitle{margin-top:150px;}
}

@media only screen and (min-width: 3840px) {
	.cell,.gallerySection .cell{height:600px;}
	.cellSubtitle{margin-top:300px;}
}

@media only screen and (min-width: 4300px) {
	.cell,.gallerySection .cell{height:750px;}
	.cellSubtitle{margin-top:375px;}
}

@media only screen and (min-width: 5200px) {
	.cell,.gallerySection .cell{height:900px;}
	.cellSubtitle{margin-top:450px;}
}

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
}*/