.ndx{padding:0px 0px 0px 0px;}
.container{ border:gray solid 0px; text-align:center;padding:0px 0px 0px 0px; opacity: 1;filter:blur(0px);transform: scale(1);transform-origin: center right;left:0%;
	-webkit-transition: left .001s linear;
	-moz-transition: left .001s linear;
	-ms-transition: left .001s linear;
	-o-transition: left .001s linear;
	transition: left .001s linear;
	-webkit-transition: transform .15s linear;
	-moz-transition: transform .15s linear;
	-ms-transition:  transform .15s linear;
	-o-transition:  transform .15s linear;
	transition: transform .15s linear;
	overflow-x:hidden;	
}
.container.blur{
	-webkit-transition:  .15s linear;
	-moz-transition: .15s linear;
	-ms-transition:  .15s linear;
	-o-transition:  .15s linear;
	transition: .15s linear;
	filter:blur(10px);
}

.mainbd.viewVideo{}
.mainbd.viewVideo:after{content: "";position: fixed;top:0px;left: 0px;width:100%;height: 100%;z-index:2;background:rgba(0,0,0,.65);}
.mdHdr, .mdHdr .TP,nav, section{text-align: center;}
.videoBgHome{
	position: absolute;
	top: 50%;
  left: 50%;
  width: 100%;
  height: 100vh;
  transform: translate(-50%, -50%);
  }

.lmts{float:none;display:inline-block;max-width:1280px;padding: 0px 10px 0px 10px;}
nav{height: 62px;box-shadow: 0px 4px 6px rgba(0,0,0,.10);}
nav .mns{justify-content: flex-start;white-space: nowrap;flex-wrap: nowrap;padding:0px 0px 0px 0px;z-index:5;}
nav .mns li{padding: 0px 0px 0px 0px;}

@keyframes fromTop {
0% {top: -100px;opacity: 0;}
100% {top: 0px;opacity: 1;}
}
.alertMdl{position: fixed;background: #FF8E0A;color: #fff;padding: 13px 0px 15px 0px;text-align: center;font-size: 15px;z-index: 2;
-webkit-animation: fromTop 0.5s linear;
animation: fromTop 0.5s linear;
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.alertMdl a.clsr.wh{top:9px}

.mdHdr{position: fixed;top: 0px;left: 0px;z-index: 11;background:none}
.mdHdr .TP{background:none;padding:8px 0px 8px 0px;}

.mdHdr .TP ul > li{padding:0px 0px 0px 0px}
.mdHdr .TP a{font-size: 12px;}
.mdHdr .TP a i{font-size: 15px;top:1px;}
.brnd{width:100px;height: 80px;display: inline-block;float:left;border-radius:50%;}
.brnd img{width:90%;top:14px;left:5%;filter: drop-shadow(2px 2px 0px rgba(255,255,255,.3));}
.mdHdr .caption{width: auto;font-size: 12px;line-height: 16px;height: 100%;display: inline-block;float: right;padding: 20px 2% 0px 0px;position: absolute;top: 5px;left: 0px;z-index: -1;opacity:1;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;}
.mdHdr .caption.brnds{position: absolute;left:150px;}
.mdHdr .lstHdr>li{width:100%;}
.mdHdr .mnItem{height: 50px;}
.mdHdr .mnItem>li{padding: 0px 10px 0px 10px;font-size:15px;text-transform:uppercase;color:#646464}
.mdHdr .mnItem>li.ctv:after{content:"";position: absolute;background:#fff;bottom: -45px;left: 0px;width: 100%;height: 40px;z-index: 2;}
.mdHdr .mnItem>li a{color:#646464;cursor:pointer}
.mdHdr .mnItem>li a i{position: absolute;top:-2px;right:-25px;color:#FF8900;}
.mdHdr .mnItem>li a.more{margin:0px 20px 0px 0px}


.mdBnnr.mainProject:after{content:"";width:100%;height:50%;
	background: rgb(2,0,36);
	background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(32,32,32,1) 90%);
	position: absolute;bottom:0px;left:0px;z-index: 0;}
.mdBnnr.mainProject .bnnrItm:after{content:none}
.mdBnnr .bnnrItm{max-height: 750px;}
.mdBnnr.mainProject{overflow: hidden;}

.mdBnnr .bnnrItm video{width:105%;float: left;position: relative;min-height: 500px;}
.mdBnnr .bnnrItm .videoHome{max-height: 750px;overflow: hidden;}
.mdBnnr .bnnrItm:after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.6);position: absolute;top:0px;left:0px;z-index: 0;}
.mdBnnr .bnnrItm.aboutUs{background: transparent url('../imgs/bg_aboutUs.jpg') 70% top no-repeat;min-height: 750px;background-size:cover;}
.mdBnnr .bnnrItm.aboutUs:after{content:none}
.thumbs{position: absolute;margin: 0px 0px 0px 0px;right: 0%;z-index: 3;text-align: center;bottom: 5vh;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;}
.thumbs ul{}
.thumbs li{width:200px;height:130px;padding: 130px 0px 0px 0px; margin: 0px 0px 0px 20px;}
.thumbs li a{position: absolute;z-index:4;width: 100%;cursor: pointer;height: 100%;padding: 101px 0px 0px 0px;top:0px;left: 0px;}
.thumbs li:after{content:"";position: absolute;background: rgba(0,0,0,.2);z-index:3;width: 100%;height: 100%;top: 0px;left: 0px;}
.thumbs li label{background: rgba(0,0,0,.6);padding:5px 7px 5px 7px;bottom: 0px;left:0px;}
.thumbs li.films{background:transparent url('../imgs/film.jpeg') center center no-repeat;}
.thumbs li.graphics{background:transparent url('../imgs/graphics.jpg') center center no-repeat;}
.thumbs li.photo{background:transparent url('../imgs/photo.jpeg') center center no-repeat;}
.thumbs li.develop{background:transparent url('../imgs/develop.jpg') center center no-repeat;}
.thumbs li.films,.thumbs li.graphics,.thumbs li.photo,.thumbs li.develop{background-size: cover;}

.cols{margin:80px 0px 0px 0px;}
.cols li{padding: 70px 0px 0px 0px;}
.cols li h4{font-size:17px;font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif;text-align: center;}
.cols li p{margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.cols li.films{background:transparent url('../imgs/films.svg') center top no-repeat;}
.cols li.graphics{background:transparent url('../imgs/graphics.svg') center top no-repeat;}
.cols li.photo{background:transparent url('../imgs/photo.svg') center top no-repeat;}
.cols li.web{background:transparent url('../imgs/web.svg') center top no-repeat;}
.cols li.films, .cols li.graphics,.cols li.photo,.cols li.web{background-size:50px auto;}

.mdFtr{background:#EEEFEE;text-align: center;padding: 0px 0px 0px 0px;}
.mdFtr ul li{align-self: flex-start;}


.mdFtr li div{font-size: 17px;font-family: 'Roboto-Medium',Arial, Helvetica, sans-serif;margin:0px 0px 10px 0px;color:#E65126}
.mdFtr li.main img{max-width: 60px;}
.mdFtr li p,.mdFtr li a{color:#343434}
.mdFtr li a i{color:#007C75;position: relative;top: 7px;left: -5px;}
.mdFtr li ul li{padding: 0px 0px 10px 10px;line-height:25px;text-align: center;width: 100%;}
.mdFtr .flds.cl4:last-child li i{position: absolute;top:3px;left:-30px;color:#007C75}
.mdFtr ol.socials{flex-direction: row;text-align: center;top:10px;padding: 0px 0px 10px 0px;}
.mdFtr ol.socials div{position: absolute;top:-10px;left:10px;}
.mdFtr ol.socials div img{width:80px;}
.mdFtr ol.socials li {padding: 0px 0px 0px 0px;text-align: center;margin: 0px 0px 0px 0px;width: 50px;float:none;display: inline-block;}
.mdFtr ol.socials li a{float:left;display: inline-block;cursor:pointer}
.mdFtr ol.socials li a img{width: 30px;}
.lstFtr{background:#007C75;text-align: center;color:#999999; margin:0px 0px 0px 0px}
.lstFtr *{color:#fff;font-size: 11px;padding: 5px 0px 5px 0px;}
.lstFtr span:nth-child(2){float:right;}

.mdInfo{padding:30px 0px 30px 0px;margin: 50px 0px 40px 0px;}
.mdInfo.noSpace{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.mdInfo.contSlice{margin: 0px 0px 20px 0px;padding:0px 0px 30px 0px;top:-150px}

.mdInfo h2{font-size:60px;font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif; color:#00a19a;width:100%;line-height: 73px;padding: 0px 20px 0px 20px;}
.mdInfo h2 span{color:#fff;}
.mdInfo h2 span.thumb{font-size:22px;font-family: 'Roboto', Arial, Helvetica, sans-serif;float: left;padding:0px 0px 10px 0px;width:100%;}
.mdInfo h2 span.thumb:before{content:"";position: absolute;bottom:12px;left: 0px;background: #343434;width: 55px;height: 3px;}
.mdInfo p{padding: 0px 10px 0px 22px;margin:50px 0px 30px 0px;width:100%;}
.mdInfo label.sub{font-size:17px;font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif;padding: 20px 0px 30px 0px;}
.mdInfo p.clean{margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.mdInfo p.fw{width:100%;}
.mdInfo p.w65{width:70%;left:15%;}
.mdInfo span.brand{color:#E65126;font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif; }

.mdInfo .photo{text-align: center;}
.mdInfo .photo img{width: 95%;}

.mdInfo h2.aCenter span.thumb{float:none;width: auto;}
.mdInfo h2.aCenter span.thumb:before{left: 50%;margin:0px 0px 0px -27px}
.mdInfo.dTh p.aCenter{width: 80%;left:10%;}

.mdInfo.dTh h2{color:#FF8900;}
.mdInfo.dTh h2 span{color:#fff;}
.mdInfo.dTh h2 span.thumb:before{background: #FF8900;}
.mdInfo.dTh p{color:#fff;}

.mdInfo.cls2 div.clm{width:50%;padding:0px 10px 0px 10px;}
.mdInfo.cls2 div.clm picture:before{content:"";width:100%;height:50%;
	background: rgb(2,0,36);
	background:  linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(32,32,32,1) 100%);
	position: absolute;top:-20px;left:0px;z-index: 1;}
.mdInfo.cls2 div.clm picture:after{content:"";width:100%;height:50%;
		background: rgb(2,0,36);
		background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(32,32,32,1) 100%);
		position: absolute;bottom:0px;left:0px;z-index: 0;}
.mdInfo.cls2 div.clm picture img{width:100%;}

.demos li{padding: 125px 0px 20px 0px;z-index:4;}
.demos h3{color:#fff;font-size: 50px;font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif;width: 100%;line-height: 73px;padding: 0px 20px 0px 20px;position: absolute;left:-150px;width: auto;z-index: 2;line-height: 53px;}
.demos h3 span{color:#00a19a;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;left:80px}
.demos li.left h3{left:initial;right: -30px;}
.demos li:nth-child(2){z-index: 0;}

.videoCnt{width:80%;}
li.right .videoCnt{float: right;}
.videoCnt:after{content:"";position: absolute;width:220px;height:200px;top:-10px;right: -10px;z-index: 1;background: transparent url('../imgs/triangle_top.svg') left top no-repeat;background-size: contain;}
.videoCnt:before{content:"";position: absolute;width:220px;height:200px;bottom:-10px;left: -10px;z-index: 1;background: transparent url('../imgs/triangle_bottom.svg') left top no-repeat;background-size: contain;}
.videoCnt video{width:100%;}
.videoCnt div:before{content:"";width: 100%;height: 100%;background: rgba(0,0,0,.18);position: absolute;top: 0px;left: 0px;z-index: 0}
.videoCnt div:after {
content: "";
width: 100%;
height: 50%;
background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(32,32,32,1) 100%);
position: absolute;
bottom: 0px;
left: 0px;
z-index: 0
}

.gridSq:before{content:"";background:transparent url('../imgs/grid_squares.svg') center center no-repeat;background-size:contain;width: 450px;height:450px;position: absolute;bottom:-190px;left: -50px;z-index: 2;}
.gridSq.contact:before{z-index:0;bottom:-350px;left:250px;width: 320px;}
.circleSq:before{content:"";background:transparent url('../imgs/circleSquare.svg') center center no-repeat;background-size:contain;width: 450px;height:450px;position: absolute;top:-260px;right: -140px;z-index: 2;}
.circleSq.sideR:before{right:initial;left: -140px;transform: rotate(180deg);}

.gridSq.extend:before{background:transparent url('../imgs/grid_squares_extend.svg') center center no-repeat;background-size:contain;width: 450px;height:850px;left: initial;right: -130px;bottom:-640px;}
ul.demos:before{content:"";position: absolute;background:transparent url('../imgs/grid_squares_extend.svg') center center repeat-y;background-size:contain;width: 350px;height:80%;left: 170px;top:40px;z-index:0;}

.mdForm{background:transparent url('../imgs/world_map.svg') center center no-repeat;background-size:contain;padding: 50px 10px 90px 10px;}

ul.cols5 li{width: 20%;}
ul.cols3 li{width: 33.33333%;}
ul.cols3 li.icon, ul.cols5 li.icon{padding: 125px 0px 0px 0px;}
ul.cols3 li.icon.aLeft{padding: 0px 0px 55px 50px;align-self: flex-start;}
ul.cols5 li.icon{align-self: flex-start;}
ul.cols3 li p, ul.cols5 li p{text-align: center;padding:0px 10px 0px 22px;margin: 0px 0px 0px 0px;;}
ul.cols3 li h4, ul.cols5 li h4{text-align: center;font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif;font-size:18px;}
ul.cols3 li h4.white{color:#fff;font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;}
ul.cols3 li.aLeft p{padding:8px 10px 0px 0px}
ul.cols3 li.aLeft p,ul.cols3 li.aLeft h4{text-align: left;}

ul li.layer{background: transparent url('../imgs/icons/icon_layers.svg') left top no-repeat;}
ul li.layer{background-size:30px;}

.galleryTitle{font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif;font-size:28px;border-bottom:solid 1px rgba(255,255,255,.7);padding: 0px 0px 15px 0px;margin: 0px 0px 40px 0px ;}
.galleryTitle:after{content:"";position: absolute;bottom:-2px;left: 0px;height: 4px;width:60px;background: #00a19a;}
.samples{padding: 0px 0px 0px 0px;}
.samples.cols4 li a{float: left;width: 100%;left:0%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.samples.cols4 li a:hover{width: 110%;left:-5%;z-index:5;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.samples.cols4 li{width:25%;padding: 0px 1% 40px 1%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;}
.samples.cols4 li div:not(.view){padding: 20px 20px 15px 20px;background: #303030;border-radius:4px;box-shadow: 0px 5px 10px 1px #121212;}
.samples.cols4 li div picture, .samples.cols4 li div picture img{width:100%;}
.samples.cols4 li div picture{min-height: 70px;}
.samples.cols4 li div h6{font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;font-size: 16px;padding: 10px 0px 10px 0px;}
.samples.cols4 li div label{font-size: 13px;color: #fff;opacity: .55;margin: 0px 20px 0px 0px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

div.view{position: absolute;
top: 0%;
left: 0px;
height:100%;
text-align: center;
overflow:hidden;
padding: 30% 0px 0px 0px;opacity:0;
-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;

}
div.view i{position: relative;top:5px}
.samples.cols4 li div.view label{text-align: center;
    color: #fff;
    opacity: 1;
    z-index: 3;}
div.view:after{content:"";position: absolute;
	top: -125px;
	left: -125px;
	width:500px;
	height:500px;
	border-radius:50%;
	transform: scale(0);
	transform-origin: center;
	opacity:1;
	background: rgba(0,0,0,.5);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;

}

.samples.cols4 li a:hover div.view{position: absolute;
	top: 0%;opacity:1;
	-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-moz-transition:all 0.3s ease-in-out 0s;
		-ms-transition:all 0.3s ease-in-out 0s;
		-o-transition:all 0.3s ease-in-out 0s;
		transition:all 0.3s ease-in-out 0s;
	}
	div.view:hover:after{
		transform: scale(1);
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-moz-transition:all 0.3s ease-in-out 0s;
		-ms-transition:all 0.3s ease-in-out 0s;
		-o-transition:all 0.3s ease-in-out 0s;
		transition:all 0.3s ease-in-out 0s;
	
	}


.mdFinder{background: #025974;min-height:270px;}
.mdFinder .lmts{padding: 30px 0px 30px 450px;}
.mdFinder .info:after{content: "";width:770px;height:280px;position: absolute;left:-770px;top:-60px;background: transparent url('../imgs/distribuidores/bullet.png') left top no-repeat;background-size: 105% 100%;}

/*grids*/
.gridGallery{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.div1{ grid-area: 1 / 1 / 3 / 3; background: transparent url('../imgs/thumbs/main.jpg') center center no-repeat;height: 650px;}
.div2{ grid-area: 1 / 3 / 2 / 5; background: transparent url('../imgs/thumbs/after.jpg') center center no-repeat;}
.div3{ grid-area: 2 / 4 / 3 / 5; background: transparent url('../imgs/thumbs/third.jpg') center center no-repeat;}
.div4{ grid-area: 2 / 3 / 3 / 4; background: transparent url('../imgs/thumbs/fourth.jpg') center center no-repeat;}
.div1,.div2,.div3,.div14{background-size:cover ;}

.gridGallery .description{background:rgba(255,255,255,.8);padding:15px 20px 20px 20px;position: absolute;bottom:10px;left:0px;}
.gridGallery .description h5{text-align: center;font-family:'Oswald-Medium', Arial, Helvetica, sans-serif;font-size: 18px;}
.gridGallery .description p{text-align: center;padding:15px 0px 0px 0px;}


.txtOrn{color:#FF8E0A;}
.lnks{cursor:pointer;}
.lnks.fl{float:left;margin:0px 3px 0px 3px}
.lnks.ic{padding:0px 0px 0px 25px}
.lnks i{top:5px; position: absolute;margin:0px 8px 0px 0px;left: 5px;}
.lnks.unln{color:#fff;border-bottom:solid 2px #fff;padding:0px 0px 3px 0px}

.lbl{position: absolute;top: 8px;left: 5px;font-size: 13px;color:#979797;padding: 0px 0px 0px 0px;z-index: 0;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-ms-transition: all ease .2s;
-o-transition: all ease .2s;
transition: all ease .2s;
transform-origin: 0px 0px;}
.lbl.tp {top: -11px;left: 0px;padding: 0px 0px 0px 0px;
-webkit-transition: all ease .15s;
-moz-transition: all ease .15s;
-ms-transition: all ease .15s;
-o-transition: all ease .15s;
transition: all ease .15s;
transform: scale(.8);
transform-origin: 0px 0px;
}
.lbl.rtp{position: relative;left: 0px;padding: 0px 0px 8px 0px;}

.contactForm{background: #fff;padding: 70px 40px 40px 40px;margin: 15px 0px 0px 0px;max-width: 450px;float: none;display: inline-block;}
.contactForm:after{content: "";width:60%;height:75%; background: #00a19a;position: absolute;right:-35px;top:-35px;z-index: -1;}
.contactForm.sndng:before{content:"";position: absolute;top: 0px;left: 0px;width: 100%;height: 462px;background: rgb(0 161 154 / 50%) url('../imgs/loadingWh.gif') center center no-repeat;}
.contactForm.sndng.sucess:before{content:"¡Mensaje enviado axitosamente!";position: absolute;top: 0px;left: 0px;width: 100%;height: 462px;background: #fff;font-size: 40px;text-align: center;z-index: 3;color: #343434;padding: 120px 0px 0px 0px;box-sizing: border-box;font-family: 'Oswald-Medium', Arial, Helvetica, sans-serif;}

span.msgErr{position: absolute;top: 35px;right: 5px;color: #AD0007;font-size: 12px;font-family: 'Roboto',Arial, Helvetica, sans-serif;opacity: 0.7;}

.flds.cl2{width:47%;}
.flds.cl2:nth-child(1){margin:0px 6% 0px 0px ;}
.flds.cl3{width:31%;margin:0px 3% 0px 0px ;}
.flds.cl3x2{width:63%;margin:0px 3% 0px 0px ;}
.flds.cl3:last-child{margin:0px 0% 0px 0px ;}
.flds.cl4{width:23%;margin:0px 2% 0px 0px ;}
.flds.cl4x2{width:48%;margin:0px 2% 0px 0px ;}
.flds.cl4:last-child{margin:0px 0% 0px 0px ;}

.fld{padding:5px 0px 5px 0px; border-bottom:solid 1px rgba(0,0,0,0.45); font-family:'Roboto',Arial, Helvetica, sans-serif;z-index:2;color:#313131;}
input.fld[disabled]{cursor: not-allowed;}
.fld.qntty{width:55px;border:solid 1px #E2E2E2;text-align: center;border-bottom:solid 2px #00C3DD; caret-color: #00C3DD; }	
.srch .fld{background: #fff;border-radius:20px;padding:5px 50px 5px 15px;border:#E1E1E1 solid 1px;}
.fld.wt{background:transparent url('../imgs/loader.svg') right center no-repeat;background-size: 35px auto;}
.fld.drpDw{background: transparent url('../imgs/icons/icon_arrow_drop_down.svg') center right no-repeat;background-size: 30px auto;}
a.expand{position: absolute;right: 20px;top:15px;top: calc(50% - 10px);background: #7A879F;color: #fff;width: 20px;height: 20px;border-radius: 50%;padding: 1px 0px 0px 1px;text-align: center;}
a.expand i{font-size: 18px;}
a.clsr{background: transparent url('../imgs/icons/icon_close.svg') center center no-repeat;background-size: 30px auto;min-width: 10px;width: 30px;height: 30px;min-width: 30px;position: absolute;top: 13px;right: 10px;padding: 0px 0px 0px 0px;outline: none;opacity: 0.4;}
a.clsr.wh{background: transparent url('../imgs/icons/icon_close.wh.svg') center center no-repeat;background-size: 30px auto;opacity: 1;}
.btn{background:#00a19a;color:#fff;padding:10px 23px 10px 23px;border-radius:20px;font-family:'Roboto-Medium',Arial, Helvetica, sans-serif;}
.btn.dsb{background:#dedede;color:#999;cursor:not-allowed;}
a.btn{display:inline-block;}
a.btns{background:#00C7BC;color:#fff;padding:10px 30px 10px 30px;border-radius:20px;font-family:'Roboto-Medium',Arial, Helvetica, sans-serif;display: inline-block;}
.uipages{text-align: left;top:-10px;padding: 0px 0px 50px 0px;white-space: nowrap;overflow: scroll;}
.uipages.top{padding: 0px 0px 20px 0px;top:18px;}

.lstHdr .btn.fndr{border-radius:50%;height: 32px;width: 32px;background:#FF8E0A;color:#fff;padding: 3px 0px 0px 0px;position: absolute;top: 22px;right: 0px;opacity:0;visibility: hidden;}
.btn.send{right: -1px;top: 0px;position: absolute;z-index: 3;height: 32px;padding: 0px 20px 0px 20px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.btn.navigate{padding: 0px 0px 0px 30px;width: 100px;height: 40px;text-align: center;top:10px;position: relative;float: right;}
.btn.navigate i{position: absolute;top:8px;left:13px;}
.btn.closeMdl{padding: 0px 0px 0px 0px;width: 40px;height: 40px;text-align: center;line-height: 57px;top: 5px;position: sticky;float: right;right: 25px;z-index:15;}
.btn.play{padding: 0px 0px 0px 0px;width: 50px;height: 50px;text-align: center;line-height: 57px;top: calc(45% - 25px);position: absolute;float: right;left:calc(50% - 25px);z-index: 15;border-radius: 50%;background: none;border: solid 5px #fff;}
.btn.play i{color: #fff;position: relative;top:2px;font-size: 35px;}

.btn.clNav{padding: 0px 0px 0px 0px;width: 40px;height: 40px;text-align: center;line-height:42px;bottom: -20px;position: absolute;right: 50%;margin: 0px -20px 0px 0px;background: #9A9A9A;}
.btn.clNav i{font-size: 30px;}



@keyframes rotating {
from {
	transform: rotate(0deg);
}
to {
	transform: rotate(359deg);
}
}
.btn.rdy{font-size: 0px;min-width: 40px;width: 40px;height: 40px;overflow: hidden;padding: 0px;margin: 0px;}
.btn.rdy i{visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: transform .25s linear;
-moz-transition: transform .25s linear;
-ms-transition:  transform .25s linear;
-o-transition:  transform .25s linear;
transition: transform .25s linear;}


.lSw{font-family: 'Roboto',Arial, Helvetica, sans-serif;font-size: 13px;border: none;color: #00C3DD;cursor: pointer;top:-5px;left:24px;white-space: nowrap;float: left;width: 100%;}
.lSw.dsb{color:#999;cursor:not-allowed;}
h3.lSw{cursor:default}
div.wt, .overlayMdl{content:""; position:fixed;top:0px;left:0pc;height:100%;width:100%;background:rgba(0,97,149,.55);z-index: 9;}
div.wt{position:absolute;background:rgba(250,250,250,.75);}
div.wt:after{content:"Procesando...";position: absolute;top:20px;left:0px;background:transparent url('../imgs/loader.svg') center center no-repeat;background-size:50px auto;color:#646464;font-size: 18px; font-family:'Roboto-Medium', Arial, Helvetica, sans-serif; padding:100px 0px 10px 0px;width:100%;text-align: center;}
div.wt .msg{text-align: center;top: 150px;}
.mdSct.docs{height:97%;}
div .owt{background:rgba(255,255,255,.85);position:absolute;top:0px;left: 0px;height:100%;z-index:3;padding: 15% 0px 0px 0px;width: 100%;}
.owt h3{font-size: 18px; text-align: center;padding: 0px 0px 0px 0px;}
.owt h3:after{content: "";background: transparent url('../imgs/grid.svg') center center no-repeat;background-size: 50px auto;width: 50px;height: 50px;position: absolute;left: 50%;top: -80px;margin: 0px 0px 0px -25px;}

div .owt{
	-webkit-animation: fadeInSection 0.5s linear;
	animation: fadeInSection 0.5s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
div .owt{
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}

.facebook{background:transparent url('../imgs/icons/icon_facebook.svg') center center no-repeat;}
.twitter{background:transparent url('../imgs/icons/icon_twitter.svg') center center no-repeat;}
.facebook,.twitter{display:inline-block;width:35px;height:35px;background-size:33px 33px;}

.owl-carousel-marcas div.contents{width:90%;left:5%;text-align: center;background:#fff;padding:0px 5% 0px 5%;min-height:175px;overflow: hidden;border-radius: 10px;z-index: 3;}
.owl-carousel-marcas div.item:after{content:"";position: absolute;left:8%;top:-10px;z-index:1;background: #00a19a;opacity: .5;width:90%;height: 100%;border-radius: 8px;}
.owl-carousel-marcas .owl-nav.disabled{display: none;}
.owl-carousel-marcas img{width:85%;float:none;display: inline-block;position: relative;filter:grayscale(1);top:15px;max-height:175px;opacity: .5;
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;}
.owl-carousel-marcas div.contents:hover img{filter:grayscale(0);opacity: 1;
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) { 
}
@media only screen and (min-width: 1280px) and (max-width: 5000px){
	
}
@media only screen and (min-width: 1px) and (max-width: 1280px){
	
}
@media only screen and (min-width: 1px) and (max-width: 1200px){
	li.prd {width: 19%;margin:0px .5% 13px .5%;}
}
@media only screen and (min-width: 1px) and (max-width: 1050px){
	li.prd {width: 24%;margin:0px .5% 13px .5%;}
	.mdHdr .caption{opacity:0;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-moz-transition:all 0.3s ease-in-out 0s;
		-ms-transition:all 0.3s ease-in-out 0s;
		-o-transition:all 0.3s ease-in-out 0s;
		transition:all 0.3s ease-in-out 0s;}
	.mdCart.hdr {width: 70%;
		-webkit-transition: all ease .2s;
		-moz-transition: all ease .2s;
		-ms-transition: all ease .2s;
		-o-transition: all ease .2s;
		transition: all ease .2s;}
	nav .mns>li:first-child{position: fixed;z-index: 2;left: 1%;}
	nav .mns{padding:0px 0px 0px 250px;z-index:5;}
}
@media only screen and (min-width: 1px) and (max-width: 990px){	
	
	
	nav .mns{overflow-x:scroll}
}
@media only screen and (min-width: 1px) and (max-width: 900px){	
	.samples.cols4 li{width:33.33333%;padding: 0px 1% 40px 1%;}
	.thumbs{position: relative;}
	.thumbs li{}
	
}
@media only screen and (min-width: 1px) and (max-width: 850px){
	
	.bnnrItm .glass.fll.black{max-width: 100%;}
	
.thumbs li {
    width: 215px;
    height: 130px;
    padding: 130px 0px 0px 0px;
    margin: 0px 20px 30px 20px;
}
	
}
@media only screen and (min-width: 1px) and (max-width: 800px){
	.to50at800{width:50%;}


}
@media only screen and (min-width: 1px) and (max-width: 770px){
	

	
	
	
}
@media only screen and (min-width: 1px) and (max-width: 680px){
	.samples.cols4 li{width:50%;padding: 0px 1% 40px 1%;}
	.mdBnnr .bnnrItm video{width: 150%;left:-25%;}
}
@media only screen and (min-width: 1px) and (max-width: 650px){
	/*Cat*/
	.bnnrItm.home .caption{ padding: 80px 0px 0px 0px;}
	
	
	.bnnrItm h1{font-size: 75px;width: 100%;line-height: 80px;padding: 60px 0px 0px 10px;}
	.mdInfo.cls2 div.clm{width: 100%;padding: 0px 10px 35px 10px;}
	.mdInfo h2{font-size: 45px;line-height:60px;padding:0px 0px 0px 0px;}

	.cols li{width:50%;padding: 70px 0px 70px 0px;}
	.thumbs{position: relative;top: 0px;right: 0px;background: #202020;padding: 30px 0px 0px 0px;}
	.thumbs li{width:calc(50% - 20px);margin: 0px 10px 30px 10px;}

	
	.videoFrame .subContent{height:100%;border-radius:0px}
	.videoFrame{padding: 0px 0px 0px 0px;height:100%;}
	.videoFrame iframe{height:350px;}

	.bnnrItm .glass.fll{max-width: 100%;left: 0px;padding: 20px 30px 55px 30px;margin:110px 0px 0px 0px}
	.bnnrItm .glass.fll.black{max-width: 100%;left: 0px;padding: 20px 30px 55px 30px;margin: 30px 0px 0px 0px;}
	.bnnrItm .glass.fll.black{max-width: 100%;padding: 10px 20px 10px 20px;}
	.bnnrItm .glass.fll.black h1{padding: 0px 0px 25px 150px;}
	.bnnrItm .glass.fll.black .photo{width: 120px;top: 20px;left: 20px;height: 130px;}
	.bnnrItm .glass.fll.black .photo img{top:30px}
	
}
@media only screen and (min-width: 1px) and (max-width: 570px){
	.to_100at550{width:100%;}

	.mdBnnr .bnnrItm video{width: 150%;left:-25%;}
	.mdInfo h2{font-size: 55px;line-height:70px;}
	.contactForm:after {right: -15px;top: -20px}

	.owl-carousel-marcas img{width:60%;}
	.mdFtr ul li:nth-child(1){width:100%;}
	.mdFtr ul li:nth-child(2){width:35%;}
	.mdFtr ul li:nth-child(3){width:65%;}
	.mdFtr ul li:nth-child(4){width:100%;}
	.mdFtr ol.socials {text-align: center;}
	.mdFtr ul li.ftrcls{width:100%;}
	.lstFtr{margin: 20px 0px 0px 0px;padding: 0px 10px 0px 10px;}
	
	.mainProjects .bnnrItm:before{content:"";background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(32,32,32,1) 100%);position: absolute;top: 20%;left: 0px;width: 100%;height: 80%;z-index: 1;}
	

	.demos{padding: 50px 0px 0px 0px;}
	.demos h3{left: 0px;line-height: 51px;top: -80px;}
	.demos li.left h3{right: initial;left: 0px;line-height: 51px;top: -80px;}
	.videoCnt{width:100%;}
	.videoCnt:before,.videoCnt:after{width: 80px;height: 70px}

	.samples.cols4 li{width:100%;padding: 0px 1% 40px 1%;}
	
}

@media only screen and (min-width: 1px) and (max-width: 450px){
	.mdFtr li.ftrcls,
	.mdFtr li.ftrcls:last-child{width:100%;}
	.mdBnnr .bnnrItm video{width: 230%;left:-130%;}
	
	
}