/* 
	V8 - 16/09/2019
	Design: Logos Comunicaciones
	www.logoscomunicaciones.com
*/


/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body{
line-height: 1;
}
ol,ul{
list-style: none;
}
blockquote,q{
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
content: '';
content: none;
}
focus{
outline: 0;
}
ins{
text-decoration: none;
}
del{
text-decoration: line-through;
}
table{
border-collapse: collapse;
border-spacing: 0;
}

/* RESET */






@font-face {
    font-family: 'flexoregular';
    src: url('../fonts/flexo-regular-webfont.eot');
    src: url('../fonts/flexo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flexo-regular-webfont.woff') format('woff'),
         url('../fonts/flexo-regular-webfont.ttf') format('truetype'),
         url('../fonts/flexo-regular-webfont.svg#flexoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'flexolight';
    src: url('../fonts/flexo-light-webfont.eot');
    src: url('../fonts/flexo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flexo-light-webfont.woff') format('woff'),
         url('../fonts/flexo-light-webfont.ttf') format('truetype'),
         url('../fonts/flexo-light-webfont.svg#flexolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'flexobold';
    src: url('../fonts/flexo-bold-webfont.eot');
    src: url('../fonts/flexo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flexo-bold-webfont.woff') format('woff'),
         url('../fonts/flexo-bold-webfont.ttf') format('truetype'),
         url('../fonts/flexo-bold-webfont.svg#flexobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'flexoit';
    src: url('../fonts/Flexo-It.eot');
    src: url('../fonts/Flexo-It.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Flexo-It.woff2') format('woff2'),
         url('../fonts/Flexo-It.woff') format('woff'),
         url('../fonts/Flexo-It.ttf') format('truetype');
    font-weight: normal;
}


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

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

@font-face {
    font-family: 'TitilliumELight';
    src: url('../fonts/TitilliumWeb-ExtraLight.eot');
    src: url('../fonts/TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb-ExtraLight.woff') format('woff'),
         url('../fonts/TitilliumWeb-ExtraLight.ttf') format('truetype'),
         url('../fonts/TitilliumWeb-ExtraLight.svg#TitilliumWeb-ExtraLight') format('svg');
    font-weight: 100;
    font-style: normal;
}

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

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


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






/*
ffdc00
ffc100
ff9700
ff6400
8dab19
0075ab
*/


body{
	color: #ffffff;
	font-size: 16px;
	font-family: 'flexolight', Arial, Tahoma, Verdana;
	text-align: center;
	line-height: 22px;
	background: #1a303e;
}
body.modal-open,
body.modal-openb{
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    width: 100wh;
    height: 100vh;
    /*position: fixed;*/
}


/*
a{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
*/


h1{
	position: relative;
	color: #ff8500;
	font-size: 44px;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 44px;
	text-transform: uppercase;
	margin: 30px auto;
    padding-bottom: 20px;
}
h1:before{
    bottom: 5px;
    left: 50%;
    content: "";
    position: absolute;
    border-bottom: 6px solid #ffd300;
    width: 120px !important;
    height: 6px;
    margin-left: -60px;
}

h2{
	color: #ff8500;
	font-size: 34px;
	font-family: 'TitilliumLight', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 38px;
	margin: 30px auto;
}

h3{
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
}


h4{
	color: #ffd300;
	font-size: 22px;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-transform: uppercase;
	margin: 30px auto 0 auto;
}





.wrapper{
	overflow: hidden;
	position: relative;
	clear: both;
	width: 100%;
	margin: 0 auto;
}



.loading-st{
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1000000;
	position: absolute;
	background: #142632 url(../lib/loading.svg) no-repeat center;
    background-size: 80px 80px;
    width: 100%;
    height: 100vh;
}


header{
	background: #142632;
	width: 100%;
	height: 70px;
/*	-webkit-transition: all 1.6s;
	   -moz-transition: all 1.6s;
		    transition: all 1.6s;*/
}
.cntHeader{
	overflow: hidden;
	position: relative;
	width: 98%;
	height: 70px;
	margin: 0 auto;
}




/*  NUEVO MENU RESPONSIVE */

.cntHeader nav,
.fixed nav{
	float: right;
	position: relative;
	font-size: 17px;
	font-family: 'TitilliumLight', Arial, Tahoma, Verdana;
	height: 57px;
	margin: 10px auto 0 0;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}
.cntHeader nav ul,
.fixed nav ul{
	color: #fff;
	margin: 0 auto;
}
.cntHeader nav ul li,
.fixed nav ul li{
	float: left;
	display: block;
	margin: 0 5px;
}
.cntHeader nav ul .lang a,
.fixed nav ul .lang a{
	color: rgba(255, 255, 255, 0.50);
	border-left: 1px solid #314552;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
        -ms-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
}
.cntHeader nav ul .SC,
.fixed nav ul .SC{
	display: none;
	position: relative;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
        -ms-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
}
.cntHeader nav ul .SC,
.fixed nav ul .SC{
	color: #d5de22;
}
.fixed nav ul .SC:before{
	bottom: 8px;
	left: 50%;
	content: "";
	position: absolute;
	background: #d5de22;
	width: 40%;
	height: 1px;
	margin-left: -20%;
	transition: all .3s;
}
.fixed nav ul .SC:hover:before{
	width: 80%;
	margin-left: -40%;
}
.cntHeader nav ul li a,
.fixed nav ul li a{
	display: block;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	height: 30px;
	padding: 10px 20px;
}
.cntHeader nav ul li a:hover,
.fixed nav ul li a:hover{
	color: #ffd300;
}
/*
.cntHeader nav ul li a:focus,
.fixed nav ul li a:focus{
	background-color: #ffd300;
}
*/
.cntHeader nav ul li .act,
.fixed nav ul li .act{
	color: #ffd300;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
}


.fixed{
	position: fixed;
	z-index: 1000;
  	top: 0;
	background: #142632;
	width: 100%;
	height: 60px;
}
.fixed .logo{
	background: url(../lib/ico_logos.png) no-repeat center !important;
	background-size: 100% !important;
	width: 38px !important;
	height: 38px !important;
	margin: 10px 0 0 20px !important;
}

.fixed nav{
	margin: 4px auto 0 0 !important;
}

.fixed nav ul .lang{
	display: none;
}
.fixed nav ul .SC{
	display: block !important;
	/*padding: 10px 50px 10px 70px;*/
}




.open,
.open:after,
.open:before{
	transition: all 0.5s;
}

.open{
	display: none;
	cursor: pointer;
	position: absolute;
	top: 10px !important;
	right: 4px !important;
	text-indent: -999999px;
	background: url(../lib/lin_02.png) no-repeat left top;
	background-size: 100% 2px;
	width: 23px;
	height: 22px;
	/*border-top: 2px solid #ffffff;*/
}
.open:hover{
	background-size: 50% 2px;
}


.open:before{
	content:"";
	top: 7px;
	left: 0;
	z-index: 100;
	position: absolute;
	background: #ffffff;
	width: 110%;
	height: 2px;
}
.open:hover:before{
	width: 40%;
}

.open:after{
	content:"";
	bottom: 6px;
	left: 0;
	z-index: 100;
	position: absolute;
	background: #ffffff;
	width: 60%;
	height: 2px;
}
.open:hover:after{
	width: 100%;
}


.cntMs{
	overflow: hidden;
    z-index: 2000;
    right: 0;
    top: 0;
    position: fixed;
    background: transparent;
	width: 100%;
	height: 0vh;
	transition: all 2.90s;
}



@media screen and (min-width:300px) and (max-width:920px){


	.open,
	.open{
		top: 16px !important;
		right: 11px !important;
		display: block !important;
	}
	
	.dsp-mn-mb .open,
	.dsp-mn-mb .open{
		background: none;
		top: 9px !important;
		right: 11px !important;
		border-radius: 50%;
		width: 28px;
		height: 28px;
	}
	.dsp-mn-mb .open:before{
		top: 14px;
		left: 4px;
		width: 20px;
		height: 1px;
		transform: rotate(-45deg);
	}
	.dsp-mn-mb .open:hover:before{
		width: 20px;
	}

	.dsp-mn-mb .open:after{
		bottom: 13px;
		left: 4px;
		width: 20px;
		height: 1px;
		transform: rotate(45deg);
	}
	.dsp-mn-mb .open:hover:after{
		right: 0;
		width: 20px;
	}

	



	header,
	.dsp-mn-mb,
	.cntHeader,
	.fixed{
		width: 100% !important;
	-webkit-transition: all 2.0s;
	   -moz-transition: all 2.0s;
		    transition: all 2.0s;
	}
/*
	.wrapper{
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
		    transition: all 0.6s;
	    margin-left: 0;
	}
	.modal-open .wrapper{
		display: block;
	    margin-left: -100%;
	}
	*/
	.modal-open .cntMs{
	    right: 0;
		height: 150vh;
	}

	.modal-open .logo{
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 30px !important;
		height: 30px !important;
		margin: 10px 0 0 10px !important;
	}
	.cntMs .open{
	}
	.modal-open .cntMs .open{
		top: 9px !important;
		right: 11px !important;
		opacity: 1.00;
		background: none;
		border-radius: 50%;
		width: 28px;
		height: 28px;
		animation-name: op-men_anim;
		animation-duration: 0.8s;
		animation-timing-function: ease-in;
		animation-iteration-count: stop;
		transform-origin: center;
	}

	@keyframes op-men_anim{
		from { opacity: 0.00; }
	     70% { opacity: 0.00; }
	      to { opacity: 1.00; }
	}


	.modal-open .cntMs .open:before{
		top: 14px;
		left: 4px;
		width: 20px;
		height: 1px;
		transform: rotate(-45deg);
	}
	.modal-open .cntMs .open:hover:before{
		width: 20px;
	}

	.modal-open .cntMs .open:after{
		bottom: 13px;
		left: 4px;
		width: 20px;
		height: 1px;
		transform: rotate(45deg);
	}
	.modal-open .cntMs .open:hover:after{
		right: -4px !important;
		width: 20px;
	}

/*
	.cntMs .logo{
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 38px !important;
		height: 38px !important;
		margin: 10px 0 0 20px !important;
	}
*/

	.cntMs .elm1,
	.cntMs .elm2,
	.cntMs .elm3,
	.cntMs .elm4,
	.cntMs .elm5,
	.cntMs .elm6{
		display: block;
		background: #142632;
		width: 100%;
		height: 16.7vh;
		opacity: 1.00;
		margin-right: 0;
	}


	.cntMs nav{
		z-index: 200;
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: auto;
		margin: 12vh auto 0 auto !important;
		display: block;
	}
	.cntMs nav ul{
		float: none;
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
	}
	.cntMs nav ul li{
		clear: both;
		float: none;
		overflow: hidden;
		position: relative;
		font-size: 19px;
		font-family: 'TitilliumLight', Arial, Tahoma, Verdana;
		line-height: 18px;
		text-align: center;
		width: auto;
		margin: 6px auto;
	}

	.cntMs nav ul li a{
		display: block;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		padding: 15px 10px;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.cntMs nav ul li a:hover{
		color: #ffd300;
		background: transparent;
	}

	.cntMs nav ul .lang{
		display: block;
	}

	.cntMs nav ul .lang a{
		color: rgba(255, 255, 255, 0.50);
		border-left: 0;
	}
	.cntMs nav ul .SC{
		display: block;
		margin: 24px auto 4px auto;
	}
	
	.cntMs nav ul .SC,
	.cntMs nav ul .SC:hover{
		color: #8aac17 !important;		
	}
	
	.cntMs nav ul .SC:before{
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 50%;
		border-bottom: 1px solid #8aac17 !important;
		width: 40%;
		height: 0;
		margin-left: -20%;
	}






	.cntHeader nav,
	.fixed nav{
		display: none;
	}

	.dsp-mn-mb{
		overflow: hidden;
		/*height: 180vw !important;*/
	-webkit-transition: all 3.0s;
	   -moz-transition: all 3.0s;
		    transition: all 3.0s;
	}

	.dsp-mn-mb .cntHeader,
	.dsp-mn-mb .fixed{
		overflow: hidden;
		/*height: 180vw !important;*/
	-webkit-transition: all 3.0s;
	   -moz-transition: all 3.0s;
		    transition: all 3.0s;
	}

	.dsp-mn-mb .cntHeader nav,
	.dsp-mn-mb .fixed nav{
		display: none;
		float: none;
		width: 90%;
		height: auto;
		margin: 80px auto 0 auto !important;
		display: block;
	}
	.dsp-mn-mb .cntHeader nav ul,
	.dsp-mn-mb .fixed nav ul{
		overflow: hidden;
		width: 90%;
	}
	.dsp-mn-mb .cntHeader nav ul li,
	.dsp-mn-mb .fixed nav ul li{
		clear: both;
		float: none;
		overflow: hidden;
		position: relative;
		font-size: 19px;
		font-family: 'TitilliumLight', Arial, Tahoma, Verdana;
		line-height: 18px;
		text-align: center;
		width: auto;
		margin: 0 auto;
	}



	.dsp-mn-mb .cntHeader nav ul li a,
	.dsp-mn-mb .fixed nav ul li a{
		display: block;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		padding: 10px;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.dsp-mn-mb .cntHeader nav ul li a:hover,
	.dsp-mn-mb .fixed nav ul li a:hover{
		color: #ffd300;
		background: transparent;
	}

	.dsp-mn-mb .fixed nav ul .lang{
		display: block;
	}

	.dsp-mn-mb .cntHeader nav ul .lang a,
	.dsp-mn-mb .fixed nav ul .lang a{
		color: rgba(255, 255, 255, 0.50);
		border-left: 0;
	}
	.dsp-mn-mb .cntHeader nav ul .SC,
	.dsp-mn-mb .fixed nav ul .SC{
		display: block;
	}
	
	.dsp-mn-mb .cntHeader nav ul .SC a,
	.dsp-mn-mb .fixed nav ul .SC a,
	.dsp-mn-mb .cntHeader nav ul .SC a:hover,
	.dsp-mn-mb .fixed nav ul .SC a:hover{
		color: #8aac17 !important;		
	}
	
	.dsp-mn-mb .cntHeader nav ul .SC:before,
	.dsp-mn-mb .fixed nav ul .SC:before{
	    content: "";
	    position: absolute;
	    bottom: 8px;
	    left: 50%;
		border-bottom: 1px solid #8aac17 !important;
		width: 20%;
		height: 0;
		margin-left: -10%;
	}


}

/*  NUEVO MENU RESPONSIVE */




.cntHeader .sc-dsp,
.fixed .sc-dsp{
	top: 8px;
	right: 70px;
	position: absolute;
	display: none;
	color: #d5de22;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	/*border-bottom: 1px solid #d5de22;*/
	height: 10px;
	margin: 0;
	padding: 4px 0 12px 0;
}
.cntHeader .sc-dsp:hover,
.fixed .sc-dsp:hover{
	/*border-bottom: 0 solid #d5de22;*/
}
.fixed .sc-dsp:before{
	bottom: 0;
	left: 50%;
	content: "";
	position: absolute;
	background: #d5de22;
	width: 40%;
	height: 1px;
	margin-left: -20%;
}


.cntHeader nav,
.fixed nav{
	float: right;
	position: relative;
	font-size: 17px;
	font-family: 'TitilliumLight', Arial, Tahoma, Verdana;
	height: 57px;
	margin: 10px auto 0 0;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}
.cntHeader nav ul,
.fixed nav ul{
	color: #fff;
	margin: 0 auto;
}
.cntHeader nav ul li,
.fixed nav ul li{
	float: left;
	display: block;
	margin: 0 5px;
}
.cntHeader nav ul .lang a,
.fixed nav ul .lang a{
	color: rgba(255, 255, 255, 0.50);
	border-left: 1px solid #314552;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
        -ms-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
}
.cntHeader nav ul .SC,
.fixed nav ul .SC{
	display: none;
	position: relative;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
        -ms-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
}
.cntHeader nav ul .SC,
.fixed nav ul .SC{
	color: #d5de22;
}
.fixed nav ul .SC:before{
	bottom: 8px;
	left: 50%;
	content: "";
	position: absolute;
	background: #d5de22;
	width: 40%;
	height: 1px;
	margin-left: -20%;
	transition: all .3s;
}
.fixed nav ul .SC:hover:before{
	width: 80%;
	margin-left: -40%;
}
.cntHeader nav ul li a,
.fixed nav ul li a{
	display: block;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	height: 30px;
	padding: 10px 20px;
}
.cntHeader nav ul li a:hover,
.fixed nav ul li a:hover{
	color: #ffd300;
}

.cntHeader nav ul li .act,
.fixed nav ul li .act{
	color: #ffd300;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
}


.fixed{
	position: fixed;
	z-index: 1000;
  	top: 0;
	background: #142632;
	width: 100%;
	height: 60px;
}
/*
.fixed .cntHeader{
	overflow: hidden;
	position: relative;
	background: #142632;
	width: 100%;
	height: 60px;
	margin: 0 auto;
}
*/
.fixed .logo{
	background: url(../lib/ico_logos.png) no-repeat center !important;
	background-size: 100% !important;
	width: 38px !important;
	height: 38px !important;
	margin: 10px 20px 0 20px !important;
}

.fixed nav{
	margin: 4px auto 0 0 !important;
}

.fixed nav ul .lang{
	display: none;
}
.fixed nav ul .SC{
	display: block !important;
	/*padding: 10px 50px 10px 70px;*/
}




.btn-sol-c{
	display: none;
	position: fixed;
	z-index: 1000;
	left: 50%;
  	bottom: 0;
	background: #142632;
	width: 80%;
	height: 30px;
	margin-left: -40%;
}
.btn-sol-c a{
	color: #d5de22;
}



/*
.fixed-nav + .banner{
  padding-top: 80px;
}
*/

/*
.fixed{
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	background: #142632;
	width: 100%;
	height: 60px;
}



.fixed .logo{
	background: url(../lib/ico_logos.png) no-repeat center !important;
	background-size: 100% !important;
	width: 38px !important;
	height: 38px !important;
	margin: 10px 20px 0 20px !important;
}

.fixed nav{
	margin: 4px auto 0 0 !important;
}
.fixed nav ul .lang a{
	display: none;
}
.fixed nav ul .SC a{
	display: block;
	padding: 10px 50px 10px 70px;
}
*/





.banner{
	display: block;
	position: relative;
	font-family: 'TitilliumELight', Arial, Tahoma, Verdana;
	background: rgba(254,132,62,1);
	background: -webkit-linear-gradient(bottom left, rgba(254,132,62,1) 0%, rgba(253,162,52,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(254,132,62,1) 0%, rgba(253,162,52,1) 100%);
	background: linear-gradient(to top right, rgba(254,132,62,1) 0%, rgba(253,162,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe843e', endColorstr='#fda234', GradientType=1 );
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	height: 87vh !important;
}
.banner .cntBanner{
	position: relative;
	height: 100%;
	margin: 0 auto !important;
	padding: 0 !important;
}

.banner .cntElB{
	z-index: 4;
	bottom: -175px;
	left: 0;
	overflow: hidden;
	position: absolute;
    background: url(../lib/border_el.png) no-repeat center;
	background-size: 100%;
	width: 100%;
	height: 350px;
}

.banner .cntBanner ul{
	float: left;
	width: 100%;
	height: auto;
}
.banner .cntBanner ul li{
	float: left;
	width: 100%;
	height: auto;
}
.banner .cntBanner li a{
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	/*
	background-position: center;
	background-repeat: no-repeat;
	*/
	width: 100%;
	height: auto;
}

.banner .cntBanner img{
	position: relative;
	display: block;
	width: 100%;
	/*width: auto;
	height: auto;*/
	margin: 0 !important;
}

/* ---------------------------- SLIDER ELEMENTS---------------------------- */


/* FlexSlider Necessary Styles
*********************************/
.msk-flexs{
	z-index: 200;
	top: 14%;
	left: 8.2%;
	pointer-events: none;
	position: absolute;
	width: 57%;
	height: 58%;
}
.flexslider {opacity: 1.60;
	clip-path: polygon(0 0%, 100% 0, 98% 96%, 0 100%);
		-webkit-clip-path: polygon(0 0%, 100% 0, 98% 96%, 0 100%);
	position: relative;
	width: 220px;
	height: 128px;
	margin: -9px 0 0 -521px !important;
	padding: 0 !important;
	transform: matrix3d(2.160518, -0.503174, 0, 0.000359, 
                    0.89185, 1.98969, 0, 0.000485, 
                    0, 0, 1, 0, 
                    666, 204, 0, 1);
 	transform-origin: 0px 0px 0px;
}

.flexslider .slides img{
    filter: blur(0px);
    /*-moz-image-rendering: optimizeQuality;
    -webkit-image-rendering: optimizeQuality;
    image-rendering: optimizeQuality; pixelated optimizeSpeed optimizeQuality*/
}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; background: trasparent; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }


/* Control Nav - BULLETS */
.flex-control-nav {
	display: none;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	background: rgba(255, 255, 255, 0.6);
	width: 20px !important;
	height: 20px !important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.flex-control-paging li a:hover{
	background: rgba(255, 255, 255, 0.4);
}
.flex-control-paging li a.flex-active{
	background: #ed1a3b; cursor: default;
}




.flex-direction-nav{
	*height: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
.flex-direction-nav a{
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	display: block;
	top: 280px;
	z-index: 10;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	width: 60px!important;
	height: 60px!important;
	margin: 0;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.flex-direction-nav .flex-prev{
	left: 10%;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
}
.flex-direction-nav .flex-next{
	right: 10%;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
}
.flexslider:hover .flex-prev{
	opacity: 0.7;
	background: url(../lib/ico_prv.png) no-repeat center;}
.flexslider:hover .flex-next{
	opacity: 0.7;
background: url(../lib/ico_nxt.png) no-repeat center;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {
display: inline-block;
}
.flex-direction-nav a.flex-next:before  {
}


/* ---------------------------- SLIDER ELEMENTS---------------------------- */


.bglayer{
	z-index: 2;
	top: 0 !important;
	left: -8px !important;
	/*background-image: url(../lib/ux_txt.png);
    background-position: left top;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;  */  
	width: 46%;
	height: 90%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /*filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;*/
}

.frontlayer {
	top: 20px;
	right: 0;
    z-index: 15;
    position: absolute;
	background-image: url(../lib/portatil_el.png);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
	width: 789px;
	height: 751px;
	padding: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 18;
    width: 100%;
    height: 80%;
    margin: 0 !important;
}


.banner .titulo{
	font-size: 50px;
	line-height: 56px;
	text-align: left;
	width: 40%;
}
.banner .titulo h1{
	float: left;
	color: #ffffff;
	font-size: 50px;
	font-family: 'TitilliumELight', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 56px;
	text-align: left;
	text-transform: none;
	width: 100%;
}
.banner .titulo h1:before{
	display: none;
}

.banner .titulo .subtitle{
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
}






.contentHome{
	width: 100%;
}
.contentHome .cntHome{
	overflow: hidden;
	position: relative;
	width: 1280px;
	margin: 0 auto;
	padding: 130px 0 60px 0;
}
.contentHome .cntHome h2{
	float: none !important;
	display: block;
	color: #ffd300;
	font-family: 'TitilliumLight', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 36px;
	text-align: center;
	width: 90%;
	margin: 40px auto !important;
}


.contentIn{
	overflow: hidden;
	color: #142632;
	background: #ffffff;
	width: 100%;
	padding: 20px 0;
}
.contentIn .cntIn{
	overflow: hidden;
	position: relative;
	width: 1280px;
	margin: 0 auto;
}
.contentIn .cntIn p{
	font-size: 20px;
	line-height: 24px;
	width: 70%;
	margin: 30px auto 10px auto;
}





.contentInfo{
	overflow: hidden;
	width: 100%;
}
.contentInfo .cntInfo{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.contentInfo .cntInfo h2{
	float: none !important;
	display: block;
	color: #ffd300;
	font-family: 'TitilliumLight', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 36px;
	text-align: center;
	width: 90%;
	margin: 40px auto !important;
}

.contentInfo ul.liProd{
	margin: 0 !important;
}



.contentInfoB{
	overflow: hidden;
	color: #233e4e !important;
	background-color: #ffffff !important;
	width: 100%;
}
.contentInfoB .cntInfoB{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
.contentInfoB .cntInfoB p{
	text-align: center;
	margin: 20px 0;
}

.contentInfoB ul.liProd{
	margin: 0 !important;
}


.contentMap{
	overflow: hidden;
	width: 100%;
	background: #1c3240 url(../lib/brd_01.png) no-repeat center bottom;
}
.contentMap img{
	display: block;
	width: 100%;
	margin-bottom: 18px;
}






.content{
	overflow: hidden;
	position: relative;
	color: #1c3240;
	background: #ffffff;
	width: 100%;
}
.content .cntContent{
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 80px 0;
}


.content p{
    text-align: left;
    margin: 20px auto;
}

.content a{
    color: #ff8500;
    text-decoration: underline;
}

.content ul{
    margin: 20px 0;
}
.content ul li{
	position: relative;
    text-align: left;
    margin: 10px 0;
    padding-left: 22px;
}
.content ul li:before{
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    background-color: #ffffff;
    border: 4px solid #ffc200;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}


.content ol{
    clear: both;
    display: block;
    list-style-type: decimal !ie; /*IE 7- hack*/    
    margin-left: 15px;  
    counter-reset: li-counter;
    margin: 10px 0;
}
.content ol li{
    overflow: hidden;
    position: relative;
    text-align: left;
    margin: 6px 0;
    padding-left: 36px;
}
.content ol li:before{
    position: absolute;
    top: 0;
    left: 0;
    color: #ff8500;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
    text-align: right;
    width: 26px;
    content: counter(li-counter)".";
    counter-increment: li-counter;
}

.contentIn .cntIn h1{
	display: block;
	width: 64%;
}



.content .contentIn{
	font-size: 18px !important;
	line-height: 26px !important;
	width: 1000px;
}

.content .contentIn img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}


.content .contentIn .cntIn{
	overflow: hidden;
	position: relative;
	width: 90% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.content .contentIn p{
	font-size: 18px !important;
	line-height: 26px !important;
	text-align: justify;
	width: 100%;
	margin: 30px auto;
}

.content .contentIn ul,
.content .contentIn ol{
	width: 100%;
	margin: 30px auto;
}





.content .contentIn{
	font-family: 'Roboto-Regular', Arial, Tahoma, Verdana;
}
	


.contIn{
	float: left;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 56%;
	margin-right: 6%;
}
.contIn h2{
	font-size: 32px;
	line-height: 32px;
	text-align: left;
	border-left: 3px solid #ffc200;
	width: 40%;
	margin: 10px 0 20px 0;
	padding-left: 15px;
}

.contIn .formA fieldset{
	margin: 20px 0 50px 0;
}
.contIn .formA .inpB{
	display: block;
	float: left;
	width: 98%;
	height: 27px;
	padding: 0 1% 6px 1%;
	appearance: none;
}

.contIn .formA label{
	padding: 0 0 5px 0;
}
.contIn .formA p{
	float: left;
	overflow: hidden;
	position: relative;
	text-align: justify;
	width: 45%;
	height: 80px;
	margin: 6px 8% 4px 0;
	padding: 0;
}
.contIn .formA p:nth-child(2n){
	margin: 10px 0;
}

.contIn .formA p.cnt-txta{
	width: 100%;
	height: 100px;
	margin: 6px 0 4px 0;
}
.contIn .formA textarea{
	display: block;
	float: left;
	width: 97%;
	height: 17px;
	padding: 10px 2px;
}


.contIn .formA .button{
	height: 56px;
	margin-right: 3%;
	padding: 0 70px;
}




.contOp{
	float: left;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	width: 37%;
}
.contOp h2{
	overflow: hidden;
	font-size: 32px;
	line-height: 32px;
	text-align: left;
	border-left: 3px solid #ffc200;
	width: 60%;
	margin: 10px 0 20px 0;
	padding-left: 15px;
}

.contOp p{
	margin: 20px 0;
}

.contOp p a{
	color: #ff8500;
	text-decoration: none;
}
.contOp img{
	display: block;
	width: 100%;
	height: auto;
}
.contOp a.btn02{
	display: none !important;
}



.cnt-bx-itm{
	overflow: hidden;
	position: relative;
}

/*
.cnt-bx-itm div:nth-child(1){
	background: #ffcb08;	
}
.cnt-bx-itm div:nth-child(2){
	background: #ff8500;	
}
.cnt-bx-itm div:nth-child(3){
	background: #d5de22;
}
.cnt-bx-itm div:nth-child(9){
	background: #71bf44;	
}
*/
/*
.cnt-bx-itm .bxLIt:nth-child(1):hover{
	background: #ffcb08;
}
.cnt-bx-itm .bxLIt:nth-child(2):hover{
	background: #ff8500;

}
.cnt-bx-itm .bxLIt:nth-child(3):hover{
	background: #d5de22;
}
.cnt-bx-itm .bxLIt:nth-child(4):hover{
	background: #71bf44;

}
*/

.cnt-bx-itm .bxLIt:nth-child(1){
	background: #ffc107;
}
.cnt-bx-itm .bxLIt:nth-child(1) .bxItmSsc{
	top: 0;
	right: 0;
}

.cnt-bx-itm .bxLIt:nth-child(2){
	background: #ff7b01;

}
.cnt-bx-itm .bxLIt:nth-child(2) .bxItmSsc{
	top: 0;
	left: 0;
}

.cnt-bx-itm .bxLIt:nth-child(3){
	background: #63dff9;
}
.cnt-bx-itm .bxLIt:nth-child(3) .bxItmSsc{
	top: 0;
	right: 0;
}

.cnt-bx-itm .bxLIt:nth-child(4){
	background: #c2cf17;
}
.cnt-bx-itm .bxLIt:nth-child(4) .bxItmSsc{
	top: 0;
	left: 0;
}




.bxLIt{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 88vh;
}



.bxItm{
	float: right;
	display: block;
	overflow: hidden;
	position: relative;	
    /*background: url(../img/marketing-digital.jpg) no-repeat right bottom !important;
	background-size: auto 100% !important;*/
	width: 100%;
	height: 88vh;
}

.cnt-bx-itm img{
	display: block;
}


.dsw1{
	right: 1.8vh;
	bottom: -2vh;
	z-index: 10;
	position: absolute;
	width: auto;
	height: 26vh;
}
.dsw2{
	left: 10vh;
	bottom: -10vh;
	z-index: 20;
	position: absolute;
	width: auto;
	height: 63vh;
}
.dsw3{
	left: -1.2vh;
	bottom: -10vh;
	z-index: 30;
	position: absolute;
	width: auto;
	height: 40vh;
}
.dsw4{
	left: -8.2vh;
	top: 4.3vh;
	z-index: 40;
	position: absolute;
	width: auto;
	height: 75.4vh;
}
.dsw5{
	left: 40vh;
	bottom: -12vh;
	z-index: 50;
	position: absolute;
	width: auto;
	height: 44vh;
}



.ic1{
	right: -1vh;
	bottom: -20.5vh;
	z-index: 10;
	position: absolute;
	width: auto;
	height: 96vh;
}
.ic2{
	right: 10.5vh;
	top: 12.2vh;
	z-index: 20;
	position: absolute;
	width: auto;
	height: 17vh;
}
.ic3{
	right: -1.3vw;
	bottom: -4.7vw;
	z-index: 30;
	position: absolute;
	width: auto;
	height: 69.5vh;
}



.awm1{
	right: 3vh;
	bottom: -0.2vh;
	z-index: 10;
	position: absolute;
	width: auto;
	height: 13.8vh;
}
.awm2{
	left: -2.8vh;
	bottom: -1vh;
	z-index: 20;
	position: absolute;
	width: auto;
	height: 24vh;
}
.awm3{
	left: 38vh;
	bottom: -16vh;
	z-index: 30;
	position: absolute;
	width: auto;
	height: 60vh;
}
.awm4{
	left: 60.5vh;
	top: 11vh;
	z-index: 40;
	position: absolute;
	width: auto;
	height: 19vh;
}
.awm5{
	left: 0vh;
	top: 1vh;
	z-index: 50;
	position: absolute;
	width: auto;
	height: 80vh;
}
.awm6{
	left: 10.4vh;
	top: -2vh;
	z-index: 60;
	position: absolute;
	width: auto;
	height: 62.6vh;
}



.md1{
	right: -12vh;
	bottom: -6.8vh;
	z-index: 10;
	position: absolute;
	width: auto;
	height: 83.1vh;
}
.md2{
	right: -20vh;
	bottom: -9vh;
	z-index: 20;
	position: absolute;
	width: auto;
	height: 67vh;
}
.md3{
	right: 25.4vh;
	bottom: 13.2vh;
	z-index: 30;
	position: absolute;
	width: auto;
	height: 60.2vh;
}


/*
.bxLIt img{
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
}
*/

.bxItmSsc{
	display: block;
	z-index: 100;
	position: absolute;
	color: #ffffff;
	font-size: 18px;
	text-align: left;
	width: 36%;
	height: auto;
	padding: 70px 10% 10px 4%;
	transition: all .3s;
}

.bxItmSsc h2{
	color: #ffffff;
	font-size: 38px;
	line-height: 38px;
	text-align: left;
	text-transform: uppercase;
	border-left: 3px solid rgba(255, 255, 255, 1.00);
	width: 90%;
	margin: -5px 0 20px 0;
	padding-left: 15px;
	transition: all .3s;
}

.bxLIt .bxItmSsc p{
}
.bxLIt .bxItmSsc p:nth-child(2){
	font-size: 20px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	line-height: 24px;
}

.bxLIt .bxItmSsc ul{
}
.bxLIt .bxItmSsc ul li:before{
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    background-color: #fcff00;
    border: 4px solid #ffffff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}




footer{
	background: url(../lib/bg_footer.png) no-repeat center bottom;
	width: 100%;
	height: 125px;
}
footer .cntFooter{
	overflow: hidden;
	position: relative;
	font-size: 11px;
	line-height: 14px;
	width: 98%;
	height: 105px;
	margin: 0 auto;
	padding: 10px 0;
}
footer .cntFooter p{
	float: left;
	position: relative;
	text-align: left;
	width: 260px;
	margin: 10px;
}
footer .cntFooter p a{
	color: #ff8500;
	text-decoration: none;
}

footer .cntFooter ul{
	float: right;
	height: 85px;
	margin: 15px auto 0 auto;
}
footer .cntFooter ul li{
	vertical-align: middle;
	display: table-cell;
	margin: 7px 0;
}
footer .cntFooter ul li a{
	display: block;
	color: #171716;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 15px;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
footer .cntFooter ul li a:hover{
}

footer .cntFooter ul li ico{
    background-image: url(../lib/sprite_iconos.png);
    background-repeat: no-repeat;
    display: block;
}
footer .cntFooter ul li .ico_facebook{
    width: 47px;
    height: 48px;
    background-position: -355px -5px;
}
footer .cntFooter ul li .ico_twitter{
    width: 47px;
    height: 47px;
    background-position: -828px -5px;
}
footer .cntFooter ul li .ico_youtube{
    width: 48px;
    height: 48px;
    background-position: -885px -5px;
}

footer .cntFooter a.btn02{
	float: left;
	font-size: 12px;
	line-height: 36px;
	width: 97px;
	height: 36px;
	margin-top: 35px;
	padding: 0;
}





.bxDCnt{
	top: 0;
	z-index: 1000;
	overflow: hidden;
    overflow-y: disabled;
    overflow-x: disabled;
	position: fixed;
	background: rgba(24,44,57,1.00);
	width: 101%;
	height: 100vh;
	right: -110%;
    transition: all 0.2s;
}
.dspInfA{
	right: 0 !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
    transition: all 0.2s;
}

.bxDCnt .close-dsp{
	top: 0;
	right: 0;
	z-index: 300;
	position: absolute;
	margin: 20px 20px 0 0;
}


.bxDCntF{
	overflow: hidden;
	position: relative;
	background: rgba(20,38,50,1.00);
	width: 100%;
	height: 100vh;
}
.bxDCntF .slider{
	opacity: 1;
	overflow: hidden;
	position: relative;
    width: 100%;
	height: 49vw !important;
    margin: 0 !important;
}

.bxDCntF .slider div,
.bxDCntF .slider div:last-child{
	opacity: 1 !important;
}


.bxDCntF .slider img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -10% !important;
}



.cntDsc{
	pointer-events: none;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(24,44,57,0);
	background: -moz-linear-gradient(top, rgba(24,44,57,0) 0%, rgba(24,44,57,0) 65%, rgba(24,44,57,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,44,57,0)), color-stop(65%, rgba(24,44,57,0)), color-stop(100%, rgba(24,44,57,1)));
	background: -webkit-linear-gradient(top, rgba(24,44,57,0) 0%, rgba(24,44,57,0) 65%, rgba(24,44,57,1) 100%);
	background: -o-linear-gradient(top, rgba(24,44,57,0) 0%, rgba(24,44,57,0) 65%, rgba(24,44,57,1) 100%);
	background: -ms-linear-gradient(top, rgba(24,44,57,0) 0%, rgba(24,44,57,0) 65%, rgba(24,44,57,1) 100%);
	background: linear-gradient(to bottom, rgba(24,44,57,0) 0%, rgba(24,44,57,0) 65%, rgba(24,44,57,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c39', endColorstr='#182c39', GradientType=0 );
}
.cntDsc .bxCnt{
	left: 2%;
	bottom: 0;
	position: absolute;
	display: block;
	color: #ffffff;
	text-align: left;
	width: 96%;
	margin: 0 auto 50px auto;
}


.cntDsc .bxCnt .bxIcoDsw,
.cntDsc .bxCnt .bxIcoIc,
.cntDsc .bxCnt .bxIcoAwm,
.cntDsc .bxCnt .bxIcoMd{
	float: left;
	display: block;
	position: relative;
	text-align: center !important;
	width: 71px;
	height: 71px;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.cntDsc .bxCnt .bxIcoDsw{
	background-color: #9ac23e !important;
}
.cntDsc .bxCnt .bxIcoIc{
	background-color: #169eaa !important;	
}
.cntDsc .bxCnt .bxIcoAwm{
	background-color: #f8b71d !important;	
}
.cntDsc .bxCnt .bxIcoMd{
	background-color: #763187 !important;	
}

.cntDsc .bxCnt .bxIcoDsw:after,
.cntDsc .bxCnt .bxIcoIc:after,
.cntDsc .bxCnt .bxIcoAwm:after,
.cntDsc .bxCnt .bxIcoMd:after{
	top: 0;
	left: 14%;
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
    margin: 10px auto;
    -webkit-transform: scale(1.10);
       -moz-transform: scale(1.10);
        -ms-transform: scale(1.10);
         -o-transform: scale(1.10);
            transform: scale(1.10);
}

.cntDsc .bxCnt .bxIcoDsw:after{
    background: url(../lib/ico-desarrollo.svg) no-repeat center;
    background-size: 44px 36px;
}
.cntDsc .bxCnt .bxIcoIc:after{
    background: url(../lib/ico-posicionamiento.svg) no-repeat center;
    background-size: 31px 31px;		
}
.cntDsc .bxCnt .bxIcoAwm:after{
    background: url(../lib/ico-aplicaciones.svg) no-repeat center;
    background-size: 36px 42px;		
}
.cntDsc .bxCnt .bxIcoMd:after{
    background: url(../lib/ico-marketing.svg) no-repeat center;
    background-size: 30px 30px;		
}





.cntDsc .bxCnt p{
	float: right !important;
	display: block !important;
	overflow: hidden;
	position: relative;
	pointer-events: auto;
	width: 50%;
	margin-top: 10px;
}
.cntDsc .bxCnt p a{
	float: left;
	position: relative;
	display: block !important;
	color: #ffffff !important;
	text-decoration: none;
	width: auto !important;
	height: auto !important;
	margin: 8px 0 0 0 !important;
	padding: 0 0 2px 0 !important;
}
.cntDsc .bxCnt p a:after{
	left: 0;
	bottom: 0;
	z-index: 100;
	content: "";
	position: absolute;
	background: #ffc200;
	width: 100%;
	height: 1px;
	margin: 0 !important;
	padding: 0 !important;
}
.cntDsc .bxCnt p a:hover{
	color: #ffc200 !important;
	text-decoration: none;
}
.cntDsc .bxCnt p a:hover:after{
	background: #ffc200;
}

.cntDsc .bxCnt .titDsc{
	float: left;
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 30px;
	line-height: 24px;
	width: 42%;
	margin-top: 10px;
}
.cntDsc .bxCnt .titDsc .small{
	font-size: 16px !important;
	line-height: 18px;
}

.lnkCls{
	top: 10px;
	right: 25px;
	z-index: 1000;
	display: block;
	position: absolute;
	outline: none;
	text-indent: -9000px;
	background: url(../lib/ico_cls.png) no-repeat center;
	text-decoration: none;
	width: 30px;
	height: 30px;
}



.dsp-img{
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
    overflow-y: disabled;
    overflow-x: disabled;
	position: absolute;
	display: block;
	text-align: left;
	background: rgba(255, 255, 255, 0.30);
    width: 100% !important;
	height: 100%;
}
/*
.dsp-img div{
	width: 100% !important;
}
*/

.bxDCnt .dsp-img .slider img {
	display: block;
	width: 100%;
	height: auto;
}
.slider{
	opacity: 1;
	overflow: hidden;
    overflow-y: disabled;
    overflow-x: disabled;
	position: relative;
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
}

.slick-slide {
	width: 100%;
	margin: 0;
}
/*
.dsp-img .slider div div div div:nth-child(1){
    width: 100.40% !important;
    min-width: 100.40% !important;
    max-width: 100.40% !important;
}
*/
/*
.dsp-img .slider div{
	float:left;
	display: block;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
*/





.slick-slide img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -6%;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

ul.liProd li:hover .dsp-img img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transform: scale(1.00) !important;
	   -moz-transform: scale(1.00) !important;
	    -ms-transform: scale(1.00) !important;
	     -o-transform: scale(1.00) !important;
	        transform: scale(1.00) !important;
}


/*
.slider .slick-disabled{
    pointer-events: none;
}
*/

a:focus {
	border:none;
	outline:0px;
}

.slider button.slick-prev:focus,
.slider button.slick-next:focus{
	border: none !important;
	outline: 0px !important;
}
.slider .slick-prev,
.slider .slick-next{
	border: none !important;
	outline: 0px !important;
    position: absolute;
    z-index: 1000 !important;
    border-radius: 0;
    width: 120px;
    height: 80px;
}
.slider .slick-prev{
    left: 0;
}
.slider .slick-next{
    right: 0;
}

.slider .slick-prev:before{
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    background: url(../lib/ar_prv.png) no-repeat center center;
    width: 120px;
    height: 80px;
}
.slider .slick-next:before{
    top: 0;
    right: 0;
    position: absolute;
    content: "";
    background: url(../lib/ar_nxt.png) no-repeat center center;
    width: 120px;
    height: 80px;
}



.dsp-mop{
	cursor: pointer;
	/*
	float: left;
	display: block;
	color: #fff;
	font-size: 11px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	background: #ff9108;
	width: auto;
	height: 26px;
	margin: 10px 0;
	padding: 0 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	*/
}

.close-dsp{
	float: right;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: transparent;
	/*border: 2px solid #ffffff;*/
	width: 40px;
	height: 40px;
	margin: 0 -50px 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.close-dsp:hover{
	transform: rotate(-90deg);
}
.close-dsp:before,
.close-dsp:after{
	z-index: 100;
    content: "";
	position: absolute;
	background: #ffffff;
	width: 24px;
	height: 2px;
}
.close-dsp:before{
	top: 19px;
	right: 8px;
	transform: rotate(-45deg);
}
.close-dsp:after{
	top: 19px;
	left: 8px;
	transform: rotate(45deg);
}



.close-b{
	top: 20px;
	right: 20px;
	z-index: 100;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: transparent;
	/*border: 2px solid #ffffff;*/
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.close-b:hover{
	transform: rotate(-90deg);
}
.close-b:before,
.close-b:after{
	z-index: 100;
    content: "";
	position: absolute;
	background: #ffffff;
	width: 24px;
	height: 2px;
}
.close-b:before{
	top: 19px;
	right: 8px;
	transform: rotate(-45deg);
}
.close-b:after{
	top: 19px;
	left: 8px;
	transform: rotate(45deg);
}





.discroll{
    overflow-y: none;
}

.cnt2{
    z-index: 2000;
    right: -100%;
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    color: #1a303e;
    background: #ffffff;
	width: 100%;
	height: 100vh;
}

.cnt2p{
    z-index: 2000;
    top: 0;
    right: -400%;
    position: fixed;
    color: #1a303e;
    background: #ffffff;
	width: 100%;
	height: 100vh;
}
.content-dsp-cnt{
    overflow-y: none;
	text-align: justify;
	width: 85%;
	height: auto;
	padding: 0 5%;
}
.content-dsp-cnt h2{
	display: block;
	font-size: 28px;
	line-height: 28px;
	text-align: left;
	border-left: 3px solid #ffc200;
	width: 18% !important;
	margin: 40px 0 20px 0;
	padding-left: 15px;
}




.content-dsp-cnt h3{
	color: #ff9108;
	font-size: 20px;
	text-align: left;
	width: 60%;
	margin: 20px 0 10px 0;
}
.content-dsp-cnt p{
	margin: 10px 0;
}

.content-dsp-cnt .formA fieldset{
	width: 100%;
	margin: 0 0 50px 0;
}

.content-dsp-cnt .formA .subt{
	float: left;
	clear: both;
	display: block;
	color: #ff9108;
	font-size: 20px;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: left;
	width: 80%;
	margin: 20px 0 0 0;
}

.content-dsp-cnt .formA p{
	width: 31%;
	height: 70px;
	margin: 10px 3.2% 10px 0;
}
.content-dsp-cnt .formA p:nth-child(5),
.content-dsp-cnt .formA p:nth-child(8),
.content-dsp-cnt .formA p:nth-child(14){
	margin: 10px 0;
}
.content-dsp-cnt .formA p.frm-txt{
	width: 100%;
	margin: 0 0 10px 0;
}
.content-dsp-cnt .formA p.frm-txt label{
	padding-bottom: 4px;
	
}
.content-dsp-cnt .formA p.frm-txt textarea{
	color: #1a303e;
	font-size: 14px;
	width: 99%;
	height: 17px;
	padding: 6px 0;
}

.content-dsp-cnt .formA p.cntch{
	height: auto;
}


.content-dsp-cnt .formA .labCh{
	float: left;
	width: auto;
	margin: 6px 2% 6px 0;
	padding: 4px 6px;
}

.content-dsp-cnt .formA .liRB{
	float: left;
	width: auto;
	margin: 4px 10px 6px 0;
}

.content-dsp-cnt .formA .liRB label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  color: #1a303e;
  font-size: 14px;
  width: auto;
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 8px 15px 8px 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.content-dsp-cnt .formA .liRB label:hover {

}
.content-dsp-cnt .formA .liRB label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 6px;
  border-radius: 50%;
  background: none;
  border: 1px solid #ff9108;
  width: 16px;
  height: 16px;
}
.content-dsp-cnt .formA .liRB input[type="radio"] {
  display: none;
}
.content-dsp-cnt .formA .liRB input[type="radio"]:checked + label:before {
  background: #ffffff;
  border: 1px solid #ffffff;

}
.content-dsp-cnt .formA .liRB input[type="radio"]:checked + label {
  color: #ffffff;
  background: #ff9108;
  border: 1px solid #ff9108;
}

.content-dsp-cnt .formA input{
	display: block;
	float: left;
	font-size: 14px;
	width: 98%;
	height: 24px;
	margin: -4px 0 0 0 !important;
	padding: 0 1% 5px 1%;
}

.content-dsp-cnt .formA select{
	display: block;
	float: left !important;
	clear: both;
	color: #333333;
	font-size: 14px;
	background: url(../lib/ar_dwn.png) no-repeat 99% center;
	width: 98%;
	height: 26px;
	margin: 0;
	padding: 5px 1%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.content-dsp-cnt .formA .button{
	float: left;
	cursor: pointer;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	border: none;
	background: #ff8500;
	width: auto;
	height: 56px;
	margin-right: 3% !important;
	padding: 0 70px;

	-webkit-appearance: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.content-dsp-cnt .close-dsp{
	margin: 0 -7% 0 0;
	/*border: 2px solid #e6002b;*/
}

.content-dsp-cnt .close-dsp:before,
.content-dsp-cnt .close-dsp:after{
	background: #e6002b;
}


.cnt-dsp-frm{
	overflow: hidden;
    position: relative;
    color: #1a303e;
    background: #ffffff;
	width: 100%;
	height: 100vh;
}

.cnt-dsp-frm .content-dsp-cnt{
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0 5%;
}
.cnt-dsp-frm .content-dsp-cnt h2{
	border-left: 3px solid #ffc200;
	width: 14% !important;
	margin: 0 0 20px 0;
}

.cnt-dsp-frm .content-dsp-cnt .close-dsp{	
	margin: 40px 46px 0 0;
}





.p-txt-c{
	float: none;
    font-size: 16px;
	line-height: 20px;
	text-align: center;
	width: 70%;
	margin: 120px auto 40px auto !important;
}





.spL{
    clear: both;
    display: block;
    border-bottom: 1px solid #d6dbdf;
    margin-bottom: 10px;
}





.subtitulo2{
    font-size: 20px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: left;
}
.subtitulo3{
    color: #ff8500 !important;
    font-size: 20px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: left;
}






.imgS{
	float: left;
	margin: 15px 27px 15px 0;
}

.imgM{
	float: left;
	margin: 0;
}

.imgB{
	margin: 20px 0;
}



.left{
	float: left;
	display: block;
}

.right{
	float: right;
	display: block;
}

.clear{
	clear: both;
	display: block;
}




b, .bold, .bold2{
	font-family: 'robotobold', Arial, Tahoma, Verdana;
	font-weight: 100;
}
.bold2{
	color: #ff8500 !important;
}


i{
	font-style: italic;
}


.small{
	font-size: 12px;
	line-height: 12px;
}
.small2{
	color: #ff8500;
	font-size: 12px;
	line-height: 12px;
}


.color2{
	color: #ff8500 !important;
}








/* ---------------------------- LINKS ---------------------------- */



a.lnk1:link,a.lnk1:visited{
	color: #fe860c;
	text-decoration: none;
}
a.lnk1:hover {
}




a.btn01:link,a.btn01:visited{
	float: left;
	clear: both !important;
	display: block !important;
	position: relative;
    color: #ffffff;
    font-size: 18px;
    font-family: 'TitilliumELight', Arial, Tahoma, Verdana !important;
	font-weight: 100;
	line-height: 56px;
	text-align: center;
    text-decoration: none;
    background: transparent;
    /*border: 1px solid #ffffff;*/
    width: 360px !important;
    height: 60px !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

a.btn01:hover{
    color: #ff6500;
    background: #ffffff;
}
.bord-a{
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 360px;
    height: 1px;
}
.bord-a:before{
	z-index: 100;
	top: 0;
	right: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 1px;
    height: 58px;
}
.bord-a:after{
	z-index: 100;
	top: 58px;
	right: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 360px;
    height: 1px;
}
.btn01:before{
	z-index: 100;
	bottom: 1px;
	left: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 1px;
    height: 58px;
}

.txt-btn{
	opacity: 1.00;
    width: 360px;
    height: 58px;
}

/*
.bord-a{
	top: 0;
	left: 0;
	display: block;
	position: absolute;
    width: 360px;
    height: 58px;
}
.bord-a svg g rect{
    width: 380px !important;
    height: 40px !important;
    margin-left: -10px;
}
.bord-a .lin-a{
	stroke-dasharray: 754 756;
	stroke-dashoffset: 755;
	animation:bord-anim 1.70s ease 3.00s forwards;
}
@keyframes bord-anim{
	90%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0;}
}

.txt-a{
	top: 0;
	left: 0;
	display: block;
	position: absolute;
    width: 360px;
    height: 58px;
	opacity: 1.00;
	animation-name: txta-anim;
	animation-duration: 4.80s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;
	transform-origin: center;
}
@keyframes txta-anim{
	from { opacity: 0.00;}
	 30% { opacity: 0.00;}
	 90% { opacity: 0.00;}
      to { opacity: 1.00;}
}

*/


a.btn02:link,a.btn02:visited{
	display: block;
	color: #ff8500;
	font-size: 14px;
	font-weight: 100;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	background: transparent;
	border: 1px solid #ff8500;
	width: 40%;
	height: 40px;
	margin: 30px auto 20px auto;
	padding: 0 40px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
a.btn02:hover{
	color: #fff;
	background: #ff8500;
}



a.btn03:link,a.btn03:visited{
	float: left;
	display: block;
	color: #ffffff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.00);
	border: 1px solid #ffffff;
	width: 36%;
	height: 40px;
	margin: 30px auto 20px auto;
	padding: 6px 20px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
a.btn03:hover{
	color: #142632;
	background: rgba(255, 255, 255, 1.00);
}





.adjDoc,
.adjPdf,
.adjPpt,
.adjTxt,
.adjXls,
.adjZip{
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    color: #142632 !important;
    font-size: 14px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
    line-height: 16px;
    text-align: left;
    text-decoration: none !important;
    border: 1px solid #cdd2d5;
    width: 30%;
    min-height: 50px;
    margin: 5px 50px 15px auto !important;
    padding: 8px 10px !important;
}

.adjDoc:hover,
.adjPdf:hover,
.adjPpt:hover,
.adjTxt:hover,
.adjXls:hover,
.adjZip:hover{
    color: @col3 !important;
}


.adjDoc ico,
.adjPdf ico,
.adjPpt ico,
.adjTxt ico,
.adjXls ico,
.adjZip ico{
    float: left;
    background-image: url(../lib/sprite_ico_adj.png);
    background-repeat: no-repeat;
    display: block;
    width: 51px;
    height: 51px;
    margin-right: 14px;
}

.adjDoc ico{
    background-position: 0 0;
}

.adjPdf ico{
    background-position: -51px 0;
}

.adjPpt ico{
    background-position: -102px 0;
}

.adjTxt ico{
    background-position: -153px 0;
}

.adjXls ico{
    background-position: -204px 0;
}

.adjZip ico{
    background-position: -255px 0;
}

a.adjDoc:before,
a.adjPdf:before,
a.adjPpt:before,
a.adjTxt:before,
a.adjXls:before,
a.adjZip:before{
    content:"Descargar";
    position: absolute;
    left: 75px;
    bottom: 10px;
    color: #ff8500;
    font-size: 11px;
}

.adjDoc .txt-desc,
.adjPdf .txt-desc,
.adjPpt .txt-desc,
.adjTxt .txt-desc,
.adjXls .txt-desc,
.adjZip .txt-desc{
    float: left;
    display: block;
    line-height: 18px;
    width: 80%;
    padding-top: 4px;
}






a.logo:link,a.logo:visited{
	float: left;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/logo.png) no-repeat center;
	background-size: 90%;
	width: 167px;
	height: 42px;
	margin: 13px 5px 0 -4px;
    -webkit-transition: all 0s;
       -moz-transition: all 0s;
        -ms-transition: all 0s;
         -o-transition: all 0s;
            transition: all 0s;
}
a.logo:hover {
}





.logo-dsp{
	top: 0;
	left: 20px;
	z-index: 100;
	position: absolute;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/logo.png) no-repeat center;
	background-size: 90%;
	width: 167px;
	height: 42px;
	margin: 13px 5px 0 -4px;
}

a.logo-b:link,a.logo-b:visited{
	top: 0;
	left: 20px;
	z-index: 100;
	position: absolute;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/logo.png) no-repeat center;
	background-size: 90%;
	width: 167px;
	height: 42px;
	margin: 13px 5px 0 -4px;
    -webkit-transition: all 0s;
       -moz-transition: all 0s;
        -ms-transition: all 0s;
         -o-transition: all 0s;
            transition: all 0s;
}
a.logo-b:hover {
}









/* ---------------------------- LINKS ---------------------------- */

/* ---------------------------- LISTADOS ---------------------------- */







	
ul.li-02{
	float: left;
	overflow: hidden;
	width: 94%;
	margin: 0 auto;
}
ul.li-02 li{
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 20px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	margin: 0;
	padding: 15px 0;
}
ul.li-02 li:before{
    display: none;
}

ul.li-02 li span{
	float: left;
	display: block;
}

ul.li-02 li span:nth-child(1){
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
	width: 65%;
	margin-right: 20px;
}
ul.li-02 li span:nth-child(2){
	font-size: 14px;
	text-align: center;
	width: 16%;
	margin: 0 1%;
}

ul.li-02 li span:nth-child(3){
	float: right;
	text-align: center;
	width: 10%;
	margin: 0 1%;
}

ul.li-02 li a{
	float: left;
	display: block;
	color: #ff8500;
	font-size: 12px;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #ff8500;
	padding: 4px 16px;
}
ul.li-02 li a:hover{
	color: #ffffff;
	background: #ff8500;
}





ul.liBlog{
	overflow: hidden;
	font-family: 'Roboto-Regular', Arial, Tahoma, Verdana;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	width: 100%;
	margin: 0 auto 80px auto;
	padding: 0;
}
ul.liBlog li{
	float: left;
	display: inline-block;
	overflow: hidden;
	position: relative;
	border: 1px solid #d6dbdf;
	width: 44%;
	margin: 10px 2% 30px 0;
	padding: 30px 2%;
}
ul.liBlog li:nth-child(2),
ul.liBlog li:nth-child(4),
ul.liBlog li:nth-child(6),
ul.liBlog li:nth-child(8),
ul.liBlog li:nth-child(10),
ul.liBlog li:nth-child(12){
	margin: 10px 0 30px 0;
}
ul.liBlog li:nth-child(3),
ul.liBlog li:nth-child(5),
ul.liBlog li:nth-child(7),
ul.liBlog li:nth-child(9),
ul.liBlog li:nth-child(11),
ul.liBlog li:nth-child(13),
ul.liBlog li:nth-child(15){
	clear: both;
}
ul.liBlog li:before{
	display: none;
}

ul.liBlog li .blog-dt{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 14px;
	width: 94%;
	margin: 16px 0 0 0;
}

ul.liBlog li a.blog-titulo{
	position: relative;
	display: block;
	color: #ff8500;
	font-size: 30px;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 36px;
	text-decoration: none;
	width: 94%;
	margin: 6px 0 10px 0;
    transition: all .3s;
}
ul.liBlog li a.blog-titulo:hover{
	color: #142632;
}

ul.liBlog li a.blog-img{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 24vh;
    transition: all .3s;
}
/*
ul.liBlog li a.blog-img:before{
	content: "leer más";
	top: 44%;
	left: 50%;
	z-index: 20;
	position: absolute;
	color: #ffffff;
	font-size: 16px;
    line-height: 34px;
    text-align: center;
	text-transform: uppercase;
	border: 1px solid #ffffff;
    width: 160px;
    height: 34px;
    margin-left: -80px;
	opacity: 0.0;
    transition: all .3s;
}
ul.liBlog li a.blog-img:hover:before{
	opacity: 1.00;
}
ul.liBlog li a.blog-img:after{
	content: "";
	top: 0;
	left: 0;
	z-index: 10;
	position: absolute;
	background: #142632;
	width: 100%;
	height: 100%;
	opacity: 0.0;
    transition: all .3s;
}
ul.liBlog li a.blog-img:hover:after{
	opacity: 0.60;
}
*/
/*
ul.liBlog li a.blog-img:after{
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	background: #142632;
	width: 100%;
	height: 100%;
	opacity: 0.0;
}
ul.liBlog li a.blog-img:hover:after{
	opacity: 0.20;
}
*/



ul.liBlog li img{
	display: block;
	width: 100%;
	height: auto;
	margin: -18% 0 0 0;
    transition: all .3s;
}
ul.liBlog li a.blog-img:hover img{
	width: 110%;
	margin: -20% 0 0 -5%;	
}


ul.liBlog li .blog-txt{
	position: relative;
	display: block;
	width: 94%;
	margin: 10px 0 20px 0;
}
/*
ul.liBlog li a.lnk-mas{
	float: left;
	position: relative;
	display: block;
	color: #ff8500;
	font-size: 15px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-decoration: none;
	margin: 20px 0;
    transition: all .3s;
}
ul.liBlog li a.lnk-mas:before{
	content: "leer más";
	top: 8px;
	left: 50%;
	position: absolute;
	color: #ffffff;
	text-transform: uppercase;
	border: 1px solid #ffffff;
    width: 100px;
    height: 18px;
    margin-left: -50px;
}
*/

ul.liBlog li .bxMsk{
	pointer-events: none;
	display: block;
	position: absolute;
	z-index: 10;
	color: rgba(255, 255, 255, 0.00);
	background: rgba(26, 48, 62, 0.00) center;
	width: 100%;
	height: 24vh;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
ul.liBlog li:hover .bxMsk{
	color: rgba(255, 255, 255, 1.00);
	background: rgba(26, 48, 62, 0.70);
}



ul.liBlog li .bxMsk .btn-vp{
	top: 40%;
	left: 50%;
	display: none;
	z-index: 100;
	position: absolute;
    color: #ffffff;
    font-size: 15px;
    font-family: 'TitilliumELight', Arial, Tahoma, Verdana !important;
	line-height: 38px;
	text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent;
    width: 180px !important;
    height: 38px !important;
    margin: 20px 0 0 -90px !important;
    padding: 0 !important;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
	opacity: 1.00;
}
ul.liBlog li:hover .bxMsk .btn-vp{
	display: block;	
}

ul.liBlog li .bxMsk .btn-vp .bord-btn-vp{
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 180px;
    height: 1px;
}
ul.liBlog li:hover .bxMsk .btn-vp .bord-btn-vp{
	display: block;
}

ul.liBlog li .bxMsk .btn-vp .bord-btn-vp:before{
	z-index: 100;
	top: 0;
	right: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 1px;
    height: 38px;
}

ul.liBlog li .bxMsk .btn-vp .bord-btn-vp:after{
	z-index: 100;
	top: 38px;
	right: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 180px;
    height: 1px;
}

ul.liBlog li .bxMsk .btn-vp:before{
	z-index: 100;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 1px;
    height: 38px;
}


ul.liBlog li .bxMsk .btn-vp .txt-btn-vp{
    width: 180px;
    height: 38px;
}

ul.liBlog li .bxMsk .btn-vp .bg-btn-vp{
	display: none;
	background: #ffc200;
	border: 1px solid #ffffff;
    width: 180px;
    height: 38px;
}

ul.liBlog li a.lnk-mas{
	float: left;
	position: relative;
	display: block;
	color: #ff8500;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
    margin: 30px 0 4px 0;
    padding-bottom: 6px;
    transition: all .3s;
}
ul.liBlog li a.lnk-mas:before{
	content: "";
	bottom: 0;
	left: 0;
	position: absolute;
	background: #ffd300;
    width: 100%;
    height: 2px;
    transition: all .3s;
}
ul.liBlog li a.lnk-mas:hover:before{
	background: #142632;
    height: 4px;
}
ul.liBlog li a.lnk-mas:hover{
	color: #142632;
}
/*
ul.liBlog li a.lnk-mas:before{
	content: "";
	top: 8px;
	left: 10px;
	position: absolute;
	background: url(../lib/ico-mor.svg) no-repeat center;
    background-size: 14px auto;
    width: 14px;
    height: 14px;
}

ul.liBlog li a.lnk-mas:hover{
	background: #142632;
}
*/


/* PRODUCTOS */

ul.liProd{
	overflow: hidden;
	width: 99.999%;
	margin: 30px auto 0 auto !important;
}
ul.liProd li{
	float: left;
	cursor: pointer;
	/*display: inline-block;
	vertical-align:top;*/
	overflow: hidden;
	position: relative;
	width: 33.333% !important;
	margin: 0 0 0 0 !important;
	padding: 0 !important;
}
/*
ul.liProd li a{
	overflow: hidden;
	position: relative;
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
*/
ul.liProd li a{
	display: block;
	text-decoration: none;
}
ul.liProd li a:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}

ul.liProd li img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
ul.liProd li:hover img{
	-webkit-transform: scale(1.20);
	   -moz-transform: scale(1.20);
	    -ms-transform: scale(1.20);
	     -o-transform: scale(1.20);
	        transform: scale(1.20);
}
ul.liProd li span{	
	display: block;
	position: absolute;
}
ul.liProd li .bxIcoDsw,
ul.liProd li .bxIcoIc,
ul.liProd li .bxIcoAwm,
ul.liProd li .bxIcoMd{
	z-index: 100;
	width: 55px;
	height: 55px;
	margin: 10px;

	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
ul.liProd li .bxIcoDsw{
	background: #9ac23e;
}
ul.liProd li .bxIcoIc{
	background: #169eaa;	
}
ul.liProd li .bxIcoAwm{
	background: #f8b71d;	
}
ul.liProd li .bxIcoMd{
	background: #763187;	
}

ul.liProd li:hover .bxIcoDsw,
ul.liProd li:hover .bxIcoIc,
ul.liProd li:hover .bxIcoAwm,
ul.liProd li:hover .bxIcoMd{
	background: #9faab1;
}
ul.liProd li .bxIcoDsw:after,
ul.liProd li .bxIcoIc:after,
ul.liProd li .bxIcoAwm:after,
ul.liProd li .bxIcoMd:after{
	top: 0;
	left: 3%;
	content: "";
	position: absolute;
	display: block;
    width: 50px;
    height: 50px;
    margin: 2px auto;
}

ul.liProd li .bxIcoDsw:after{
    background: url(../lib/ico-desarrollo.svg) no-repeat center;
    background-size: 36px 33px;
}
ul.liProd li .bxIcoIc:after{
    background: url(../lib/ico-posicionamiento.svg) no-repeat center;
    background-size: 31px 31px;		
}
ul.liProd li .bxIcoAwm:after{
    background: url(../lib/ico-aplicaciones.svg) no-repeat center;
    background-size: 36px 42px;		
}
ul.liProd li .bxIcoMd:after{
    background: url(../lib/ico-marketing.svg) no-repeat center;
    background-size: 30px 30px;		
}




ul.liProd li .bxPvw{
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
}
ul.liProd li:hover .bxPvw{
	display: block;
}
ul.liProd li .bxPvw img{
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
ul.liProd li:hover .bxPvw img:nth-child(1){
	z-index: 10px;
}
ul.liProd li:hover .bxPvw img:nth-child(2){
	z-index: 11px;
}
ul.liProd li:hover .bxPvw img:nth-child(3){
	z-index: 12px;
}
ul.liProd li:hover .bxPvw img:nth-child(4){
	z-index: 13px;
}
ul.liProd li:hover .bxPvw img:nth-child(5){
	z-index: 14px;
}
ul.liProd li:hover .bxPvw img:nth-child(6){
	z-index: 15px;
}



ul.liProd li .bxMsk{
	display: block;
	position: absolute;
	z-index: 10;
	color: rgba(255, 255, 255, 0.00);
	background: rgba(26, 48, 62, 0.00) center;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
ul.liProd li:hover .bxMsk{
	color: rgba(255, 255, 255, 1.00);
	background: rgba(26, 48, 62, 0.70);
}



ul.liProd li .bxMsk .btn-vp{
	top: 40%;
	left: 50%;
	display: none;
	z-index: 100;
	position: absolute;
    color: #ffffff;
    font-size: 15px;
    font-family: 'TitilliumELight', Arial, Tahoma, Verdana !important;
	line-height: 38px;
	text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent;
    width: 180px !important;
    height: 38px !important;
    margin: 20px 0 0 -90px !important;
    padding: 0 !important;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
	opacity: 1.00;
}
ul.liProd li:hover .bxMsk .btn-vp{
	display: block;	
}

ul.liProd li .bxMsk .btn-vp .bord-btn-vp{
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 180px;
    height: 1px;
}
ul.liProd li:hover .bxMsk .btn-vp .bord-btn-vp{
	display: block;
}

ul.liProd li .bxMsk .btn-vp .bord-btn-vp:before{
	z-index: 100;
	top: 0;
	right: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 1px;
    height: 38px;
}

ul.liProd li .bxMsk .btn-vp .bord-btn-vp:after{
	z-index: 100;
	top: 38px;
	right: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 180px;
    height: 1px;
}

ul.liProd li .bxMsk .btn-vp:before{
	z-index: 100;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	position: absolute;
    background: #ffffff;
    width: 1px;
    height: 38px;
}


ul.liProd li .bxMsk .btn-vp .txt-btn-vp{
    width: 180px;
    height: 38px;
}

ul.liProd li .bxMsk .btn-vp .bg-btn-vp{
	display: none;
	background: #ffc200;
	border: 1px solid #ffffff;
    width: 180px;
    height: 38px;
}
/*
ul.liProd li .bxMsk .btn-vp .bd-btn-vp{
	content: "";
	display: none;
	background: transparent;
    width: 178px;
    height: 34px;
}
*/

ul.liProd li .dTxt{
	bottom: 16px;
	left: 20px;
	overflow: hidden;
	font-size: 18px;
	line-height: 18px;
	text-align: left;
	width: 100%;
}
ul.liProd li .dTxt .small{
	position: relative;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}



ul.liProd li:nth-child(1),
ul.liProd li:nth-child(7),
ul.liProd li:nth-child(13),
ul.liProd li:nth-child(21){
	border-bottom: 22px solid #ffdd00;	
}
ul.liProd li:nth-child(2),
ul.liProd li:nth-child(8),
ul.liProd li:nth-child(14),
ul.liProd li:nth-child(19){
	border-bottom: 22px solid #ffc200;	
}
ul.liProd li:nth-child(3),
ul.liProd li:nth-child(9),
ul.liProd li:nth-child(15),
ul.liProd li:nth-child(20){
	border-bottom: 22px solid #ff9600;	
}
ul.liProd li:nth-child(4),
ul.liProd li:nth-child(10),
ul.liProd li:nth-child(16),
ul.liProd li:nth-child(21){
	border-bottom: 22px solid #c5d935;	
}
ul.liProd li:nth-child(5),
ul.liProd li:nth-child(11),
ul.liProd li:nth-child(17),
ul.liProd li:nth-child(22){
	border-bottom: 22px solid #99ca3c;	
}
ul.liProd li:nth-child(6),
ul.liProd li:nth-child(12),
ul.liProd li:nth-child(18),
ul.liProd li:nth-child(23){
	border-bottom: 22px solid #84af14;	
}


/*
ul.liProd li ul.bx-dsp-img{
}
*/

/* CLASS PARA OCULTAR BOTÓN */
ul.liProd li.dsp-btn-ef .bxMsk .btn-vp{
	display: none;
}

ul.liProd li ul.bx-dsp-img{
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
  	opacity: 0 !important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	margin: 0 auto !important;
}
ul.liProd li:hover ul.bx-dsp-img{
	top: 0;
	left: 0;
  	opacity: 1.0 !important;
}
ul.liProd li ul.bx-dsp-img li{
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}






ul.liProdB{
	overflow: hidden;
	text-align: center;
	width: 100%;
	margin: 30px auto 80px auto;
	padding: 0;
}
ul.liProdB li{
	float: left;
	display: inline-block;
	overflow: hidden;
	position: relative;
	/*border: 1px solid #d6dbdf;*/
	width: 16.5%;
	margin: 17px 4% 17px 0;
	padding: 0;
}
ul.liProdB li:before{
	display: none;
}
ul.liProdB li a{
	overflow: hidden;
	position: relative;
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: 100%;
}
ul.liProdB li a:hover{
}
ul.liProdB li img{
	display: block;
	-webkit-filter: grayscale(1);
  	filter: grayscale(1);
	width: 100%;
	margin: 0 auto;
    transition: all .3s;
}
ul.liProdB li a:hover img{
	-webkit-filter: grayscale(0);
  	filter: grayscale(0);
}
/*
ul.liProdB li a:hover img{
	width: 94%;
	margin: 5% auto;
}
*/
/*
ul.liProdB li a:before{
    top: 0;
    left: -100%;
    content: "+";
    z-index: 100;
    position: absolute;
    color: rgba(255, 133, 0, 1.00);
    font-size: 30px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
    background-color: rgba(255, 133, 0, 0.30);
    border-right: 10px solid rgba(255, 133, 0, 1.00);
    width: 40%;
    height: 100%;
    transition: all .3s;
}
ul.liProdB li a:hover:before{
    left: 0;
}
*/




ul.liCat{
	font-size: 18px;
	line-height: 18px;
	margin: 50px auto 0 auto;
}
ul.liCat li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 155px;
	height: 195px;
	margin: 0 65px;
}

ul.liCat li a{
	float: none;
	position: relative;
	display: block;
	color: #ffffff;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: center;
	text-decoration: none;
	width: 155px;
	height: 195px;
	margin: 0 auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
ul.liCat li a:hover{
	color: #ffc200;
}
ul.liCat li .bxIcoDsw,
ul.liCat li .bxIcoIc,
ul.liCat li .bxIcoAwm,
ul.liCat li .bxIcoMd{
	float: none !important;
	position: relative;
	bottom: 0;
	display: block;
	overflow: hidden;
	background: url(../lib/bg_cat.png) no-repeat center;
	width: 133px;
	height: 133px;
	margin: 0 auto 18px auto !important;
	-webkit-background-size: 100%;
	   -moz-background-size: 100%;
		    background-size: 100%;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
ul.liCat li .bxIcoDsw:after,
ul.liCat li .bxIcoIc:after,
ul.liCat li .bxIcoAwm:after,
ul.liCat li .bxIcoMd:after{
	top: 0;
	left: 10.5%;
	content: "";
	position: absolute;
	display: block;
	width: 105px;
	height: 105px;
	margin: 14px auto;

    -webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
    		transform: rotate(0deg);

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
ul.liCat li:nth-child(1) .bxIcoDsw:after{
	background-color: #9ac23e;	
}
ul.liCat li:nth-child(2) .bxIcoIc:after{
	background-color: #169eaa;	
}
ul.liCat li:nth-child(3) .bxIcoAwm:after{
	background-color: #f8b71d;	
}
ul.liCat li:nth-child(4) .bxIcoMd:after{
	background-color: #763187;
}

ul.liCat .bxIcoDsw:after{
    background: url(../lib/ico-desarrollo.svg) no-repeat center;
    background-size: 76px 68px;
}
ul.liCat .bxIcoIc:after{
    background: url(../lib/ico-posicionamiento.svg) no-repeat center;
    background-size: 59px 62px;		
}
ul.liCat .bxIcoAwm:after{
    background: url(../lib/ico-aplicaciones.svg) no-repeat center;
    background-size: 74px 86px;		
}
ul.liCat .bxIcoMd:after{
    background: url(../lib/ico-marketing.svg) no-repeat center;
    background-size: 60px 62px;		
}

ul.liCat li:hover .bxIcoDsw,
ul.liCat li:hover .bxIcoIc,
ul.liCat li:hover .bxIcoAwm,
ul.liCat li:hover .bxIcoMd{
	-webkit-background-size: 240%;
	   -moz-background-size: 240%;
	    -ms-background-size: 240%;
		    background-size: 240%;
}
ul.liCat li:hover .bxIcoDsw:after,
ul.liCat li:hover .bxIcoIc:after,
ul.liCat li:hover .bxIcoAwm:after,
ul.liCat li:hover .bxIcoMd:after{
    -webkit-transform: rotate(-10deg);
	   -moz-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
    		transform: rotate(-10deg);
}






	
ul.liBtn{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
ul.liBtn li{
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 76px;
	width: 33.33%;
	height: 80px;
}

ul.liBtn li:nth-child(1){
	background: #c5d935;	
}
ul.liBtn li:nth-child(2){
	background: #99ca3c;	
}
ul.liBtn li:nth-child(3){
	background: #84af14;	
}

ul.liBtn li a{
	display: inline-block;
	position: relative;
	color: #ffffff;
	font-size: 24px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-decoration: none;
	width: auto;
	margin: 0 auto;
}

ul.liBtn li a:before{
    content: "";
    position: absolute;
    bottom: 16px;
    left: 50%;
	border-bottom: 2px solid rgba(255, 255, 255, 0.70);
	width: 100px;
	margin-left: -50px;
    transition: all .3s;
}

ul.liBtn li a:hover:before{
    left: 0;
	width: 100%;
	margin-left: 0;
}
/*
ul.liBtn li a:hover{
	text-decoration: underline;
}
*/




ul.li-rs{
	clear: both;
	overflow: hidden;
	text-align: center;
	width: 58%;
	margin: 20px auto;
}
ul.li-rs li{
	float: none !important;
	display: inline-block;
	color: #ff8500;
	/*font-weight: 700;*/
	margin: 2px 10px;
	padding: 0;
}
ul.li-rs li:first-child{
	font-size: 14px;
	line-height: 38px;
	margin: 2px 0;
	padding: 0;
}
ul.li-rs li:before{
	display: none;
}

ul.li-rs li a{
	display: block;
	color: #ffffff;
	font-size: 12px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 30px;
	text-align: left;
	text-decoration: none;
	width: auto;
	height: 30px;
	margin: 0 auto!important;
	padding: 0 14px 0 40px !important;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    transition: all .3s;
}

ul.li-rs li a.fbk{
	text-align: center;
	background: #0076bf url(../lib/ico-facebook.svg) no-repeat 10px center;
	background-size: 20px auto;
}
ul.li-rs li a.fbk:hover{
	background: #0050a2 url(../lib/ico-facebook.svg) no-repeat 10px center;
	background-size: 20px auto;
}

ul.li-rs li a.twt{
	text-align: center;
	background: #1da1f2 url(../lib/ico-twitter.svg) no-repeat 10px center;
	background-size: 20px auto;
}
ul.li-rs li a.twt:hover{
	text-align: center;
	background: #0d7eeb url(../lib/ico-twitter.svg) no-repeat 10px center;
	background-size: 20px auto;
}

ul.li-rs li a.wta{
	text-align: center;
	background: #3ebb50 url(../lib/ico-whatsapp.svg) no-repeat 10px center;
	background-size: 20px auto;
}
ul.li-rs li a.wta:hover{
	text-align: center;
	background: #229d2f url(../lib/ico-whatsapp.svg) no-repeat 10px center;
	background-size: 20px auto;
}








/* PAGINADOR */

ul.pag {
	clear: both;
	display: table;
	width: auto !important;
	margin: 40px auto !important;
}
ul.pag li{
	float: left !important;
	clear: none !important;
	background-image: none !important;
	width: auto !important;
	margin: 0 2px !important;
	padding: 0 !important;
}
ul.pag li a{
	float: left;
	color: #454545 !important;
	font-size: 18px;
	line-height: 27px;
	text-decoration: none !important;
	text-align: center;
	border: 1px solid #ffffff;
	width: 19px;
	margin: 0 !important;
	padding: 0 10px !important;

}
ul.pag li a:hover{
	color: #000 !important;
}
ul.pag li .pagAct{
	color: #d53958 !important;
}
ul.pag li .txtL{
	color: #d53958 !important;
	width: auto;
}






/* ---------------------------- LISTADOS ---------------------------- */


/* ---------------------------- FORMULARIOS ---------------------------- */





.bx_cont_chk,
.bx_cont_chk2{
	float: left;
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	color: #000000 !important;
	text-align: center;
	width: auto !important;
	margin: 4px 10px 4px 0;
	padding: 4px 10px 4px 34px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.bx_cont_chk::after,
.bx_cont_chk2::after{
	display: none;
}

.bx_cont_chk input,
.bx_cont_chk2 input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.bx_cont_chk .checkmark,
.bx_cont_chk2 .checkmark{
	top: 0;
	left: 0;
	z-index:-1;
	position: absolute;
	display: block;
	background-color: #ffffff;
	border-radius: 10px;
	width: 100%;
	height: 100%;
}
/*
.bx_cont_chk:hover input ~ .checkmark,
.bx_cont_chk2:hover input ~ .checkmark{
  background-color: #838384;
}
*/
.bx_cont_chk input:checked ~ .checkmark,
.bx_cont_chk2 input:checked ~ .checkmark{
  background-color: #ff9108;
}
.bx_cont_chk .checkmark:after,
.bx_cont_chk2 .checkmark:after{
	content: "";
	position: absolute;
	border: 1px solid #ff9108 !important;
}
.bx_cont_chk input:checked ~ .checkmark:after,
.bx_cont_chk2 input:checked ~ .checkmark:after{
  display: block;
}
.bx_cont_chk .checkmark:after,
.bx_cont_chk2 .checkmark:after{
  top: 6px;
  left: 5px;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
}
.bx_cont_chk .bx_txt_chk,
.bx_cont_chk2 .bx_txt_chk{
	float: left;
	display: block;
	font-size: 14px;
	margin: 0 10px 0 32px;
}
.bx_cont_chk input:checked ~ .bx_txt_chk{
  color: #ffffff;
}





form label.error{
  bottom: 28px;
  right: 0;
  clear: none;
  display: block;
  z-index: 10 !important;
  position: absolute !important;
  color:#ffffff;
  font-size: 11px;
  line-height: 22px !important;
  text-align: center;
  background: red;
  border: 0;
  width: 106px;
  height: 24px !important;
  padding: 4px 5px !important;
}


form input.error{
    float: left;
    position: relative;
    font-size: 16px;
    border: 0;
    border-bottom: 2px solid red;
    width: 100% !important;
    height: 27px;
    padding: 3px 0 !important;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

form select.error{
  cursor: pointer;
  position: relative;
    font-size: 16px;
    line-height: 34px;
    text-transform: uppercase;
  background: url(../lib/ar_dwn.svg) no-repeat 98% center;
  background-size: 18px 11px;
  -webkit-appearance: none;
  appearance: none;
}




.formA fieldset{
	float: left;
	clear: both;
	overflow: hidden;	
	font-family: 'flexolight', Arial, Tahoma, Verdana;
	text-align: center;
	margin: 20px 0 50px 0;
}

.formA select, .formA input, .formA textarea{
	display: block;
	color: #142632;
	font-size: 16px;
	line-height: 16px;
	font-family: 'flexolight', Arial, Tahoma, Verdana;
	background:rgba(255, 255, 255, 0.00);
	border: none;
	border-bottom: 1px solid #98a3a9;
	border-radius: 0;
/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	*/
    transition: all .3s;
}

.formA input:focus,
.formA textarea:focus{
	outline: 0;
	border-bottom: 2px solid #808b92;
	font-size: 16px;
	resize: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.formA select:focus,
.formA textarea {
	font-size: 16px;
	resize: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*
.formA select:focus, input:focus, textarea:focus{
	background: rgba(255, 0, 0, 0.50);
}
*/

.formA label{
	display: block;
	float: left;
	color: #ff8500;
	font-weight: 100;
	line-height: 16px;
	text-align: left;
	width: 100%;
	padding: 8px 0;
}


.formA select{
	display: block;
	float: left;
	width: 365px;
	height: 36px;
	padding: 6px 10px 6px 6px;
}



.formA .inpB{
	display: block;
	float: left;
	width: 98%;
	height: 27px;
	padding: 6px 1%;
}


.formA .req{
	border-bottom: 1px solid #e6002b;
}


.formA textarea{
	display: block;
	float: left;
	border: 0;
	border-bottom: 1px solid #98a3a9;
	appearance: none;
	width: 500px;
	height: 17px;
	padding: 6px 4px;
}


.formA .button{
	float: right;
	cursor: pointer;
	color: #ffffff;
	font-size: 18px;
	font-family: 'flexolight', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border: none;
	/*background: #ffc200;*/
	background: #ff8500;
	height: 50px;
	margin-right: 3%;
	padding: 0 60px;

	-webkit-appearance: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.formA .button:hover{
}


.formA p{
	float: left;
	overflow: hidden;
	position: relative;
	text-align: justify;
	width: 30%;
	height: 90px;
	margin: 10px 3% 10px 0;
	padding: 5px 0;
}
.formA p.Tit{	
	text-align: left;
	border-left: 3px solid #b5e600;
	width: 24%;
	height: auto;
	margin-bottom: 30px;
	padding-left: 2%;
}
.formA p.Tit span{
	color: #b5e600;
	font-size: 36px;
	line-height: 36px;
}


.formA .bxEr{
	float: right;
	display: block;
	color: #e6002b;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	height: 30px;
}

.formA .subt{
	float: left;
	clear: both;
	display: block;
	color: #ff9108;
	font-size: 20px;
	font-family: 'TitilliumSBold', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: left;
	width: 80%;
	margin: 15px 0 5px 0;
}




/*     	FORMULARIO 2    */

.formB fieldset{
	clear: both;
	overflow: hidden;
	color: #6b757d;
	font-family: 'OpenSansCondensedLight', Arial, Tahoma, Verdana;
	text-align: center;
	width: 100%;
	margin: 10px auto 30px auto;
}
.formB select, input, textarea, checkbox{
	color: #ffffff;
	font-size: 16px;
	font-family: 'OpenSansCondensedLight', Arial, Tahoma, Verdana;
}


.formB label{
	display: block;
	float: left;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
	padding: 8px 10px 8px 0;
}
.formB .labB{
	width: 115px;
}
.formB .labS{
	width: 100px;
}


.formB input{
	display: block;
	float: left;
	height: 20px;
	padding: 6px;
}

.formB select{
	display: block;
	float: left !important;
	clear: both;
	color: #333333;
	font-size: 12px;
	font-family: "Arial", Tahoma, Verdana;
	border: 1px solid #dadada;
	min-width: 229px;
	height: 30px;
	margin: 0 0 10px 115px;
	padding: 5px 4px;
}
.formB select:last-child{
	margin-bottom: 0;
}
.formB .selB{
	margin-right: 20px;
}
.formB .selC{
	margin-left: 125px;
}
.formB .selD{
	clear: none;
	margin-left: 0;
}
.formB .selM{
	float: left !important;
	clear: none;
	min-width: 150px;
	margin: 5px 0 0 10px;
}




.formB .fc{
	clear: none !important;
	margin-left: 0 !important;
}

.formB .inpB{
	display: block;
	float: left;
	width: 200px;
	height: 22px;
	padding: 6px;
}
.formB .inpS{
	display: block;
	float: left;
	background: #edeeef;
	border: 1px solid #f5f6f6;
	width: 200px;
	height: 22px;
	padding: 6px;
}


.formB .req{
	border: 1px solid #e74c3c;
}


.formB p{
	clear: both;
	position: relative;
	text-align: justify;
	margin: 2px 0 !important;
	padding: 8px 0;
}
.formB .pCol{
	float: left;
	clear: none;
	margin-right: 20px !important;
}
.formB .pColB{
	float: left;
	clear: none;
	margin-right: 0 !important;
}


.formB .txtEr{
	display: block;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background: #e84c3d;
	width: 80%;
	margin: 0 auto;
	padding: 10px !important;
}
.formB .txtErB{
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #e84c3d;
	width: 40%;
	margin: 0 auto;
	padding: 10px !important;
}


.formB .button{
	float: right;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-family: 'OpenSansCondensedLight', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: center;
	border: none;
	background: #ffa813;
	height: 51px;
	margin-top: 10px;
	padding: 15px 50px;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.formB .button:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

.formB .btn2{
	float: right;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-family: 'OpenSansCondensedLight', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border: none;
	background: #ed912d;
	height: 51px;
	margin-top: 10px;
	padding: 5px 35px;
	-webkit-appearance: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.formB .btn2:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

.formB .btn3{
	float: right;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-family: 'OpenSansCondensedLight', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border: none;
	background: #1abc9c;
	height: 41px;
	margin-top: 10px;
	padding: 0 25px;
	-webkit-appearance: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.formB .btn3:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

.formB .btn4{
	float: left;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-family: 'OpenSansCondensedLight', Arial, Tahoma, Verdana;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border: none;
	background: #ed912d;
	height: 40px;
	margin: -3px 10px 0 10px;
	padding: 5px 35px;
	-webkit-appearance: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.formB .btn4:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

.formB .butAd{
	display: block;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
	background: #2ecc71;
	border: none;
	height: 40px;
	padding: 0 25px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.formB .butAd:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

.formB .contSec{
	float: left;
	width: 40%;
}

.formB .bxEr{
	float: left;
	clear: both;
	display: block;
	color: #fff;
	font-size: 11px;
	line-height: 26px;
	text-align: center;
	background: #e84c3d;
	height: 26px;
	margin: 2px 0 10px 125px;
	padding: 0 10px;
}


.formB .urlTxt{
	float: left;
	clear: both;
	display: block;
	color: #264354;
	font-size: 11px;
	text-align: center;
	line-height: 26px;
	background: #f4f5f6;
	height: 26px;
	margin-left: 125px;
	padding: 0 10px;
}


.formB .txtChx{
float: left;
line-height: 26px;
margin: 0 15px 0 0;
}
.formB .btnEd{
float: left !important;
margin: 4px 0 0 10px !important;
}

.formB .inFil{
float: left;
display: block;
width: 30%;
}
.formB .edN{
clear: both;
}

.formB .psEd{
float: left;
display: block;
font-size: 26px;
line-height: 24px;
margin-top: 12px;
}
.formB .lnk2U{
float: left;
display: block;
margin: 8px 10px 0 10px;
}

/* ---------------------------- FORMULARIOS ---------------------------- */



/* ---------------------------- RESPONSIVE MENU ---------------------------- */


/* ---------------------------- RESPONSIVE MENU ---------------------------- */






/* ---------------------------- MEDIA QUERIES ---------------------------- */


@media screen and (min-width:1441px){


	.bxDCntF{
		height: 100vh !important;
	}

	.bxDCntF .slider{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCntF .slider img {
		width: 100%;
		margin: 0;
	}


	ul.liProdB li:nth-child(5),
	ul.liProdB li:nth-child(10),
	ul.liProdB li:nth-child(15),
	ul.liProdB li:nth-child(20),
	ul.liProdB li:nth-child(25),
	ul.liProdB li:nth-child(30),
	ul.liProdB li:nth-child(35),
	ul.liProdB li:nth-child(40),
	ul.liProdB li:nth-child(45),
	ul.liProdB li:nth-child(50),
	ul.liProdB li:nth-child(45){
		margin: 17px 0;
	}

	



}

@media screen and (min-width:1371px) and (max-width:1440px){


/*

	.flexslider{
		overflow: hidden;
		width: 225px;
		height: 129px;
		margin: -8px 0 0 -526px !important;
	}

	.flexslider img{
		width: 100%;
		height: auto;
	}


	.frontlayer {
		top: 10px;
		right: 0;
		width: 789px;
		height: 751px;
	}


	.bglayer{ 
		width: 60%;
		height: 100%;
	}

*/

	.frontlayer {
		right: -60px;
	}

	.banner .titulo{
		width: 38%;
	}

	.banner .titulo h1{
	}



	.cntDsc .bxCnt .titDsc{
		width: 40%;
	}
	.bxDCntF{
		height: 100vh !important;
	}

	.bxDCntF .slider{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCntF .slider img {
		width: 100%;
		margin: 0 !important;
	}


	

.slick-slide img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -6%;
}


	ul.liProd li .bxMsk .btn-vp{
		top: 37%;
	}


	ul.liProdB li{
		width: 16.5%;
		margin: 17px 4% 17px 0;
	}

	ul.liProdB li:nth-child(5),
	ul.liProdB li:nth-child(10),
	ul.liProdB li:nth-child(15),
	ul.liProdB li:nth-child(20),
	ul.liProdB li:nth-child(25),
	ul.liProdB li:nth-child(30),
	ul.liProdB li:nth-child(35),
	ul.liProdB li:nth-child(40),
	ul.liProdB li:nth-child(45),
	ul.liProdB li:nth-child(50),
	ul.liProdB li:nth-child(45){
		margin: 17px 0;
	}

/*
	ul.liProdB li{
		width: 17%;
		margin: 10px 1.20%;
	}
*/

	.bxItmSsc{
		height: 530px;
		padding: 70px 8% 30px 4%;
	}

	.bxItmSsc h2{
		letter-spacing: -0.20px;
		width: 100%;
	}


	
	ul.li-02{
		width: 99%;
	}

	ul.li-02 li span:nth-child(1){
		width: 65%;
		margin-right: 1%;
	}
	ul.li-02 li span:nth-child(2){
		width: 14%;
		margin: 0 1%;
	}
	ul.li-02 li span:nth-child(3){
		width: 15%;
		margin: 0 0 0 1%;
	}



	ul.liBlog li a.blog-img{
		height: 26vh;
	}


	ul.liBlog li .bxMsk{
		height: 26vh;
	}



}


@media screen and (min-width:1351px) and (max-width:1370px){



/*

	.flexslider{
		overflow: hidden;
		width: 225px;
		height: 129px;
		margin: -8px 0 0 -526px !important;
	}

	.flexslider img{
		width: 100%;
		height: auto;
	}


	.frontlayer {
		top: 20px;
		right: 0;
		width: 789px;
		height: 751px;
	}




	.bglayer{
		top: -2%;
		left: -1%;
	}

*/


	.banner .titulo h1{
		font-size: 44px;
		line-height: 48px;
	}




	.cntDsc .bxCnt .titDsc{
		width: 40%;
	}


	.bxDCntF{
		height: 100vh !important;
	}

	.bxDCntF .slider{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCntF .slider img {
		width: 100%;
		margin: 0;
	}




	.contentHome .cntHome{
		padding: 100px 0 70px 0;
	}



	.bxItmSsc{
		height: 440px;
		padding: 45px 4%;
	}

	.bxItmSsc h2{
		width: 80%;
	}



	ul.liProdB li{
		width: 17%;
		margin: 10px 3% 10px 0;
	}

	ul.liProd li .bxMsk .btn-vp{
		top: 37%;
	}




	
	ul.li-02{
		width: 99%;
	}

	ul.li-02 li span:nth-child(1){
		width: 65%;
		margin-right: 1%;
	}
	ul.li-02 li span:nth-child(2){
		width: 14%;
		margin: 0 1%;
	}
	ul.li-02 li span:nth-child(3){
		width: 15%;
		margin: 0 0 0 1%;
	}




	ul.liBlog li a.blog-img{
		height: 26vh;
	}


	ul.liBlog li .bxMsk{
		height: 26vh;
	}



	
}


@media screen and (min-width:1200px) and (max-width:1350px){

	



	.dsw1{
		height: 21vh;
	}
	.dsw2{
		height: 58vh;
	}
	.dsw3{
		height: 35vh;
	}
	.dsw4{
		height: 70.4vh;
	}
	.dsw5{
		height: 39vh;
	}



	.ic1{
		height: 91vh;
	}
	.ic2{
		height: 12vh;
	}
	.ic3{
		height: 64.5vh;
	}



	.awm1{
		height: 9vh;
	}
	.awm2{
		height: 20vh;
	}
	.awm3{
		height: 55vh;
	}
	.awm4{
		height: 14vh;
	}
	.awm5{
		height: 75vh;
	}
	.awm6{
		height: 57.6vh;
	}



	.md1{
		height: 78.1vh;
	}
	.md2{
		height: 62vh;
	}
	.md3{
		height: 55.2vh;
	}





	header .cntHeader{
		width: 96%;
	}



	.frontlayer {
		top: 10px;
		right: -20px;
		width: 668px;
		height: 653px;
	}
	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 190px;
		height: 114px;
		margin: -35px 0 0 -550px !important;
	}	
/*

	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 200px;
		height: 115px;
		margin: -26px 0 0 -541px !important;
	}

	.flexslider img{
		width: 100%;
		height: auto;
	}


	.frontlayer {
		top: 20px;
		right: 0;
		width: 710px;
		height: 676px;
	}



	.bglayer{
		top: -2%;
		left: -1%;
	}

*/


	.banner .titulo{
		width: 40%;
	}


	.banner .titulo h1{
		font-size: 44px;
		line-height: 48px;
	}




	.cntDsc .bxCnt .titDsc{
		width: 40%;
	}


	.bxDCntF{
		height: 100vh !important;
	}

	.bxDCntF .slider{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
		height: 100vh !important;
	}
	
	.bxDCntF .slider img {
		width: 100%;
		margin: 0 !important;
	}

	.slick-slide img {
		margin-top: 0;
	}


	.contentHome .cntHome{
		width: 96%;
	}




	.contentIn .cntIn{
		width: 96%;
	}
	.contentIn .cntIn p{
		width: 90%;
	}




	.contentMap{
		overflow: hidden;
		width: 100%;
	}
	.contentMap img{
		display: block;
		width: 100%;
	}



	.content{
		width: 100%;
	}
	.content .cntContent{
		width: 90%;
	}



	.contentInfo .cntInfo{
		width: 100%;
		margin: 0 auto;
	}



	.contentInfoB .cntInfoB{
		width: 80%;
		margin: 0 auto;
	}






	footer .cntFooter{
		width: 96%;
	}




	.cntDsc .bxCnt .titDsc{
		width: 35%;
	}





	.bxItmSsc{
		height: auto;
		padding: 50px 10% 20px 4%;
	}

	.bxItmSsc h2{
		width: 80%;
	}




	.close-dsp{
		margin: 20px -30px 0 0;
	}


	ul.liCat li{
		margin: 30px 6%;
	}





	ul.liProd li .bxMsk .btn-vp{
		top: 35%;
	}


	ul.liProdB li{
		width: 17%;
		margin: 10px 3% 10px 0;
	}





	
	ul.li-02{
		width: 99%;
	}

	ul.li-02 li span:nth-child(1){
		width: 65%;
		margin-right: 1%;
	}
	ul.li-02 li span:nth-child(2){
		width: 14%;
		margin: 0 1%;
	}
	ul.li-02 li span:nth-child(3){
		width: 15%;
		margin: 0 0 0 1%;
	}


	ul.liBlog li a.blog-img{
		height: 26vh;
	}


	ul.liBlog li .bxMsk{
		height: 26vh;
	}



	
}


/* ---------------------------- TABLET H ---------------------------- */

@media screen and (min-width:921px) and (max-width:1190px){



	.wrapper{
	min-width: 320px;
	}




	header{
		height: 75px;
	}
	header .cntHeader{
		width: 97%;
		height: 75px;
	}



	header .cntHeader nav ul li a{
		padding: 10px;
	}

	.fixed nav ul .SC a{
		padding: 10px 20px;
	}




	.banner .titulo{
	}
	.banner .titulo h1{
		font-size: 40px;
		line-height: 44px;
		margin: 0;
		padding: 0;
	}



	a.btn01:link,a.btn01:visited{
    	margin: 20px 0 0 -2% !important;
		transform: scale(0.90);
	}





	.frontlayer {
		top: 30px;
		right: 0;
		width: 604px;
		height: 583px;
	}

	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 168px;
		height: 98px;
		margin: -53px 0 0 -558px !important;
	}
	.flexslider img{
		width: 100%;
		height: auto;
	}


/*

	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 157px;
		height: 115px;
		margin: -62px 0 0 -565px !important;
	}
	.flexslider img{
		width: 100%;
		height: auto;
	}

	.frontlayer {
		top: 20px;
		right: 0;
		width: 568px;
		height: 541px;
	}


	.bglayer{
		top: 0 !important;
		left: 0 !important;
		width: 60%;
		height: 100%;
	}
*/



	.slider .slick-prev,
	.slider .slick-next{
		top: 40%;
	    width: 80px;
	    height: 80px;
	}

	.slider .slick-prev:before{
	    width: 80px;
	    height: 80px;
	}
	.slider .slick-next:before{
	    width: 80px;
	    height: 80px;
	}
	.bxDCntF{
		overflow: hidden;
		height: 100vh !important;
		margin: 0;
		padding: 0;
	}

	.bxDCnt .slider,
	.bxDCntF .slider{
		overflow: hidden;
		height: 100vh !important;
	}
	.bxDCnt .slider div,
	.bxDCntF .slider div{
		overflow: hidden;
		height: 100vh !important;
	}

	
	.bxDCntF .slider img {
		width: 120% !important;
		margin: 0 0 0 -10% !important;
	}

	.slick-slide img {
		width: 120% !important;
		margin: 0 0 0 -10%;
	}
	

		
	.bxDCntF .cntDsc{
		background: rgba(26,48,62,0);
		background: -moz-linear-gradient(top, rgba(26,48,62,0) 46%, rgba(26,48,62,0.03) 47%, rgba(26,48,62,1) 76%);
		background: -webkit-gradient(left top, left bottom, color-stop(46%, rgba(26,48,62,0)), color-stop(47%, rgba(26,48,62,0.03)), color-stop(76%, rgba(26,48,62,1)));
		background: -webkit-linear-gradient(top, rgba(26,48,62,0) 46%, rgba(26,48,62,0.03) 47%, rgba(26,48,62,1) 76%);
		background: -o-linear-gradient(top, rgba(26,48,62,0) 46%, rgba(26,48,62,0.03) 47%, rgba(26,48,62,1) 76%);
		background: -ms-linear-gradient(top, rgba(26,48,62,0) 46%, rgba(26,48,62,0.03) 47%, rgba(26,48,62,1) 76%);
		background: linear-gradient(to bottom, rgba(26,48,62,0) 46%, rgba(26,48,62,0.03) 47%, rgba(26,48,62,1) 76%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a303e', endColorstr='#1a303e', GradientType=0 );
	}

	.bxDCntF .bxCnt{
		padding-bottom: 60px;
	}

	.bxDCntF .bxCnt .titDsc{
		font-size: 24px !important;
		line-height: 26px !important;
	}
	.bxDCntF .cntDsc .bxCnt p{
		font-size: 15px;
		line-height: 20px;
		width: 50%;
		margin-top: 4px;
	}



	.cntDsc .bxCnt{
		width: 94%;
		margin: 0 auto 50px -47%;
	}

	.cntDsc .bxCnt .titDsc{
		font-size: 24px !important;
		line-height: 22px !important;
		width: 30%;
		margin-top: 10px;
	}
	.cntDsc .bxCnt .titDsc .small{
		font-size: 16px !important;
		line-height: 18px;
	}
.cntDsc .bxCnt p{
	float: right;
	display: block;
	width: 52%;
	margin-top: 10px;
}
.cntDsc .bxCnt p a{
	color: #ffc200;
	text-decoration: none;
}





	.contentHome .cntHome{
		width: 96%;
	}



	.contentIn{
		height: auto;
		-webkit-background-size: auto 100% !important;
		   -moz-background-size: auto 100% !important;
		        background-size: auto 100% !important;
	}
	.contentIn .cntIn{
		width: 96%;
		height: auto;
	}
	.contentIn .cntIn p{
		width: 90%;
	}




	.contentMap{
		overflow: hidden;
		width: 100%;
	}
	.contentMap img{
		display: block;
		width: 100%;
	}



	.content{
		width: 100%;
	}
	.content .cntContent{
		width: 94%;
	}



	.contentInfo .cntInfo{
		width: 100%;
		margin: 0 auto;
	}



	.contentInfoB .cntInfoB{
		width: 80%;
		margin: 0 auto;
	}






	footer{
		overflow: hidden;
		height: auto;
		padding-bottom: 50px;
	}
	footer .cntFooter{
		width: 96%;
		height: auto;
	}







	.bxItmSsc{
		height: 410px;
		padding: 35px 4%;
	}

	.bxItmSsc h2{
		width: 90%;
	}


	.bxItmSsc p{
	    margin: 13px auto;
	}
	.bxItmSsc ul{
	    margin: 13px 0;
	}



	.close-dsp{
		margin: -6px -30px 0 0;
	}

	.content-dsp-cnt{
		width: 82%;
		padding: 0 8% 0 5%;
	}

	.content-dsp-cnt h2{
		width: 50% !important;
		margin: 20px 0 5px 0;
	}


	.content-dsp-cnt .formA label{
		margin: 5px 0;
		padding: 0;
	}
	.content-dsp-cnt .formA .subt{
		margin: 10px 0 5px 0;
	}


	.content-dsp-cnt .formA p{
		/*width: 31%;
		height: 70px;*/
		margin: 3px 3.2% 3px 0;
	}
	.content-dsp-cnt .formA p:nth-child(5),
	.content-dsp-cnt .formA p:nth-child(8),
	.content-dsp-cnt .formA p:nth-child(14){
		margin: 3px 0;
	}


	.content-dsp-cnt .formA p.frm-txt{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.content-dsp-cnt .formA p.frm-txt label{
		margin: 0;
		padding: 0 0 5px 0;
	}
	.content-dsp-cnt .formA p.frm-txt textarea{
		height: 20px !important;
		padding: 6px 5px;
	}


	.content-dsp-cnt .formA .liRB{
		margin: 2px 10px 0 0;
	}
	.content-dsp-cnt .formA .liRB label {
	  font-size: 13px;
	}


	.content-dsp-cnt .formA input{
		height: 29px;
		margin: -3px 0 0 0 !important;
		padding: 0 1%;
	}


	.content-dsp-cnt .formA .button{
		height: 54px;
		padding: 0 40px;
	}





.bxLIt{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 90vh;
}



.bxItm{
	float: right;
	display: block;
	overflow: hidden;
	position: relative;	
    width: 100%;
	height: 90vh;
}

	

	.dsw1{
		right: 1.8vh;
		bottom: 2vh;
		height: 16vh;
	}
	.dsw2{
		left: 18vh;
		bottom: -10vh;
		height: 45vh;
	}
	.dsw3{
		left: -1.2vh;
		bottom: -10vh;
		height: 30vh;
	}
	.dsw4{
		left: -8.2vh;
		top: 0.3vh;
		height: 65.4vh;
	}
	.dsw5{
		left: 36vh;
		bottom: 2vh;
		height: 34vh;
	}



	.ic1{
		right: -10vh;
		bottom: -18vh;
		height: 80vh;
	}
	.ic2{
		right: 9vh;
		top: 22vh;
		height: 8vh;
	}
	.ic3{
		right: -1.3vw;
		bottom: -6vw;
		height: 52vh;
	}



	.awm1{
		right: 3vh;
		bottom: -0.2vh;
		height: 10vh;
	}
	.awm2{
		left: -2.8vh;
		bottom: -3.2vh;
		height: 20vh;
	}
	.awm3{
		left: 30vh;
		bottom: -14vh;
		height: 60vh;
	}
	.awm4{
		left: 54vh;
		top: 8vh;
		height: 12vh;
	}
	.awm5{
		left: 0vh;
		top: 1vh;
		height: 70vh;
	}
	.awm6{
		left: 10.4vh;
		top: -9vh;
		height: 54vh;
	}




	.md1{
		right: -12vh;
		bottom: -6.8vh;
		height: 73.1vh;
	}
	.md2{
		right: -18vh;
		bottom: -14vh;
		height: 57vh;
	}
	.md3{
		right: 20vh;
		bottom: 13.2vh;
		height: 50.2vh;
	}




	.bxItmSsc{
		font-size: 20px;
		width: 42%;
		height: 540px;
		padding: 70px 4% 30px 4%;
	}

.bxItmSsc h2{
	color: #ffffff;
	font-size: 40px;
	line-height: 40px;
	text-align: left;
	text-transform: uppercase;
	border-left: 3px solid rgba(255, 255, 255, 1.00);
	width: 90%;
	margin: -5px 0 20px 0;
	padding-left: 15px;
	transition: all .3s;
}






	
	ul.li-02{
		width: 99%;
	}

	ul.li-02 li span:nth-child(1){
		width: 65%;
		margin-right: 1%;
	}
	ul.li-02 li span:nth-child(2){
		width: 14%;
		margin: 0 1%;
	}
	ul.li-02 li span:nth-child(3){
		width: 15%;
		margin: 0 0 0 1%;
	}






	ul.liCat li{
		margin: 0 4%;
	}




	ul.liProd li .bxMsk .btn-vp{
		top: 32%;
	}


/*
	ul.liProd li .bxMsk ico,
	ul.liProd li:hover .bxMsk ico{
		top: 40%;
		left: 50%;
		display: block;
		opacity: 100;
		position: absolute;
		color: #ffffff;
		font-size: 16px;
		line-height: 38px;
		border: 1px solid #ffffff;
		width: 200px;
		height: 40px;
		margin-left: -100px;
		-webkit-transform: scale(0.80) !important;
		-moz-transform: scale(0.80) !important;
		-ms-transform: scale(0.80) !important;
		 -o-transform: scale(0.80) !important;
		transform: scale(0.80) !important;
	}
*/
	ul.liProdB li{
		width: 22%;
		margin: 10px 3% 10px 0;
	}





}



/* ---------------------------- TABLET V ---------------------------- */

@media screen and (min-width:737px) and (max-width:920px){




	body{
		font-size: 14px;
		line-height: 20px;
	}


	h1{
		font-size: 36px;
		line-height: 36px;
	}

	.bxLIt{
		width: 100%;
		height: 56vh !important;
	}

	.bxItm{
	    width: 100%;
		height: 56vh !important;
	}


	

	.dsw1{
		right: 1.8vh;
		bottom: 2vh;
		height: 10vh;
	}
	.dsw2{
		left: 6vh;
		bottom: -2vh;
		height: 25vh;
	}
	.dsw3{
		left: -2vh;
		bottom: -2vh;
		height: 20vh;
	}
	.dsw4{
		left: -10vh;
		top: 4vh;
		height: 38vh;
	}
	.dsw5{
		left: 16vh;
		bottom: 14vh;
		height: 16vh;
	}



	.ic1{
		right: -20vh;
		bottom: -12vh;
		height: 50vh;
	}
	.ic2{
		right: 5vh;
		top: 12vh;
		height: 8vh;
	}
	.ic3{
		right: -2vw;
		bottom: -10vw;
		height: 30vh;
	}




	.awm1{
		right: 2vh;
		bottom: -0.2vh;
		height: 8vh;
	}
	.awm2{
		left: -1vh;
		bottom: -1vh;
		height: 16vh;
	}
	.awm3{
		left: 16vh;
		bottom: -10vh;
		height: 35vh;
	}
	.awm4{
		left: 26vh;
		top: 2vh;
		height: 10vh;
	}
	.awm5{
		left: -2vh;
		top: -6vh;
		height: 48vh;
	}
	.awm6{
		left: 6vh;
		top: -4vh;
		height: 30vh;
	}



	.md1{
		right: -6vh;
		bottom: -5vh;
		height: 44vh;
	}
	.md2{
		right: -12vh;
		bottom: -15vh;
		height: 38vh;
	}
	.md3{
		right: 12vh;
		bottom: 6vh;
		height: 30.2vh;
	}




	.wrapper{
	min-width: 200px;
	}



	header{
		height: 60px;
	}
	header .cntHeader{
		width: 96%;
		height: 60px;
	}

	a.logo:link,a.logo:visited{
		margin: 9px 5px 0 14px;
	}


	.fixed .logo{
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 38px !important;
		height: 38px !important;
		margin: 10px 0 0 20px !important;
	}



	.fixed .sc-dsp{
		top: 14px;
		right: 80px;
		display: block;
		height: 10px;
		margin: 0;
		padding: 4px 0 12px 0;
	}
	.fixed .sc-dsp:before{
		width: 50%;
		margin-left: -25%;
	}

	.open{
		top: 22px !important;
		right: 26px !important;
	}


	.cntMs .logo{display: none !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 38px !important;
		height: 38px !important;
		margin: 10px 0 0 20px !important;
	}

	.modal-open .logo{display: block !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 38px !important;
		height: 38px !important;
		margin: 10px 0 0 20px !important;
	}


	.cntMs nav ul li{
		font-size: 22px;
		line-height: 20px;
		margin: 10px 0;
	}




	.banner{
		height: 60vh !important;
	}


	.banner .titulo{
		font-size: 34px;
		line-height: 38px;
		width: 60%;
	}
	.banner .titulo h1{
		font-size: 34px;
		line-height: 38px;
		width: 80%;
		margin: 0;
		padding: 0;
	}





	.frontlayer {
		top: 100px;
		right: -10px;
		width: 454px;
		height: 433px;
	}
	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 124px;
		height: 72px;
		margin: -91px 0 0 -587px !important;
	}
	.flexslider img{
		width: 100%;
		height: auto;
	}

	.bglayer{
		top: 160px !important;
		left: 0 !important;
		width: 80%;
		height: 100%;
	}



	a.btn01:link,a.btn01:visited{
		font-size: 20px;
    	margin: 20px 0 0 -7% !important;
		transform: scale(0.80);
	}




	.contentHome .cntHome{
		width: 96%;
		padding: 60px 0 0 0;
	}




	/*.contentIn{
		background: #1c3240 url(../lib/bg_cnt.jpg) no-repeat center;
		height: auto;
		-webkit-background-size: auto 100% !important;
		   -moz-background-size: auto 100% !important;
		        background-size: auto 100% !important;
	}*/
	.contentIn{
		padding: 0;
	}
	.contentIn .cntIn{
		width: 96%;
		height: auto;
		padding: 0;
	}
	.contentIn .cntIn p{
		width: 90%;
	}




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



	.content{
		width: 100%;
	}
	.content .cntContent{
		width: 96%;
	}


	.contIn{
		width: 53%;
		margin-right: 4%;
	}
	.contIn h2{
		width: 80%;
		margin: 0 0 20px 0;
	}
	.contIn .formA .button{
		float: right;
		margin-right: 0;
	}
	.contIn .formA textarea{
		width: 94%;
	}




	.contOp{
		float: right;
		width: 42%;
	}
	.contOp h2{
		width: 90%;
		margin: 0 0 20px 0;
	}




	.contentInfo .cntInfo{
		width: 100%;
		margin: 0 auto;
	}



	.contentInfoB .cntInfoB{
		width: 80%;
		margin: 0 auto;
	}






	footer{
		overflow: hidden;
		height: auto;
	}
	footer .cntFooter{
		width: 96%;
		height: auto;
	}
	footer .cntFooter p{
		width: 32%;
		margin: 15px 10px 30px 10px;
	}

	footer .cntFooter ul{
		left: 50%;
		position: absolute;
		margin: 4px auto 0 -110px;
	}




	/* DESPLEGABLE */

	.cntDsc{
		background: rgba(24,44,57,0);
		background: -moz-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(24,44,57,0)), color-stop(41%, rgba(24,44,57,0.03)), color-stop(70%, rgba(24,44,57,1)));
		background: -webkit-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: -o-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: -ms-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: linear-gradient(to bottom, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c39', endColorstr='#182c39', GradientType=0 );
	}

	.bxDCntF .cntDsc{
		background: -moz-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(26,48,62,0)), color-stop(60%, rgba(26,48,62,1)));
		background: -webkit-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -o-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -ms-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: linear-gradient(to bottom, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a303e', endColorstr='#1a303e', GradientType=0 );
	}

	


	.bxDCntF{
		overflow: hidden;
		height: 100vh !important;
		margin: 0;
		padding: 0;
	}
	.bxDCntF .cntDsc{
		overflow: hidden;
		height: 100vh !important;
		margin: 0;
		padding: 0;
	                      }
	.bxDCntF .cntDsc .bxCnt{
		left: 5%;
		bottom: 100px;
		position: absolute;
		display: block;
		color: #ffffff;
		text-align: left;
		width: 90%;
		margin: 0;
		padding: 0;
	}
	.bxDCntF .titDsc{
		font-size: 20px;
	}

	.bxDCntF .slider{
		overflow: hidden;
		height: 100vh !important;
	    margin: 0 !important;
		padding: 0;
	}
	.bxDCntF .slider div{
		overflow: hidden;
		height: 100vh !important;
	}






	.bxDCnt .dsp-img .slider,
	.bxDCnt .dsp-img .slider div{
		overflow: hidden;
	}
	.bxDCnt .dsp-img .slider img {
		width: 170%;
		margin: 0 0 0 -20%;
	}
	.bxDCntF .slider div{
		overflow: hidden;
	}
	.bxDCntF .slider img {
		width: 170%;
		margin: 0 0 0 -20%;
	}




	.slider .slick-prev,
	.slider .slick-next{
		top: 34%;
	    width: 60px;
	    height: 80px;
	}

	.slider .slick-prev:before{
	    width: 60px;
	    height: 80px;
	}
	.slider .slick-next:before{
	    width: 60px;
	    height: 80px;
	}
	/* DESPLEGABLE */



.cnt-bx-itm{
	overflow: hidden;
	position: relative;
}

.bxLIt{
	overflow: hidden;
	position: relative;
}

	.bxItmSsc{
		font-size: 15px;
		width: 44%;
		height: auto;
		margin-top: 0;
		padding: 35px 6% 20px 6%;
	}
	.bxItmSsc h2{
		font-size: 30px;
		line-height: 30px;
		width: 86%;
		padding-left: 15px;
		margin: 0 0 20px 0;
	}

	.bxLIt .bxItmSsc ul li:before{
	    top: 4px;
	    left: 0;
	    border: 3px solid #ffffff;
	    width: 5px;
	    height: 5px;
	}

	.bxItmSsc p{
	    margin: 13px auto;
	}
	.bxItmSsc ul{
	    margin: 13px 0;
	}





	.btn-sol-c{
		display: block;
	}


	.close-dsp{
		margin: -6px -2% 0 0;
	}

	.content-dsp-cnt{
		width: 90%;
		padding: 0 5% 0 5%;
	}

	.content-dsp-cnt h2{
		width: 40% !important;
		margin: 20px 0 5px 0;
	}




	.content-dsp-cnt .formA label{
		margin: 0;
		padding: 0;
	}
	.content-dsp-cnt .formA .subt{
		margin: 10px 0 5px 0;
	}

	.content-dsp-cnt .formA p{
		float: left;
		width: 46%;
		height: 53px;
		margin: 4px 6% 4px 0;
	}

	.content-dsp-cnt .formA p:nth-child(4),
	.content-dsp-cnt .formA p:nth-child(6),
	.content-dsp-cnt .formA p:nth-child(8),
	.content-dsp-cnt .formA p:nth-child(13){
		margin: 4px 0;
	}

	.content-dsp-cnt .formA p:nth-child(5),
	.content-dsp-cnt .formA p:nth-child(14){
		margin: 4px 6% 4px 0;
	}
	.content-dsp-cnt .formA p:nth-child(20),
	.content-dsp-cnt .formA p:nth-child(23),
	.content-dsp-cnt .formA p:nth-child(24){
		margin: 4px 6% 4px 0;
	}


	.content-dsp-cnt .formA p.frm-txt{
		width: 84%;
		height: auto;
		margin: 0 0 10px 0;
	}
	.content-dsp-cnt .formA p.frm-txt label{
		margin-bottom: 5px;
	}
	.content-dsp-cnt .formA p.frm-txt textarea{
		padding: 4px 5px;
	}


	.content-dsp-cnt .formA .liRB label {
	  font-size: 13px;
	}


	.content-dsp-cnt .formA input{
		height: 29px;
		margin: -3px 0 0 0 !important;
		padding: 0 1%;
	}


	.content-dsp-cnt .formA .button{
		height: 54px;
		padding: 0 40px;
	}







	
	ul.li-02{
		width: 100%;
	}

	ul.li-02 li span:nth-child(1){
		width: 53%;
		margin-right: 1%;
	}
	ul.li-02 li span:nth-child(2){
		width: 18%;
		margin: 0 1%;
	}
	ul.li-02 li span:nth-child(3){
		width: 21%;
		margin: 0 0 0 1%;
	}

	ul.li-02 li a{
		padding: 4px 14px;
	}




	/* PRODUCTOS */

	ul.liProd li{
		width: 50% !important;
		height: auto;
	}

	ul.liProd li:last-child{
		display: none;
	}

	ul.liProd li .bxMsk .btn-vp{
		top: 34%;
	}




	ul.liProdB{
		width: 96%;
		margin: 10px 2% 60px 2%;
	}
	ul.liProdB li{
		width: 30%;
		margin: 6px 1%;
	}




	ul.liCat{
		margin: 0 auto;
	}
	ul.liCat li{
		float: left;
		width: 24%;
		height: auto;
		margin: 0 8% 46px 18%;
	}
	ul.liCat li:nth-child(2),
	ul.liCat li:nth-child(4){
		margin: 0 18% 46px 8%;
	}
	ul.liCat li a{
		width: 100%;
		height: auto;
	}






	ul.liBtn li{
		line-height: 22px;
		width: 100%;
	}
	ul.liBtn li:nth-child(1),
	ul.liBtn li:nth-child(3){
		display: none;	
	}
	ul.liBtn li a{
		display: block;
		font-size: 18px;
		width: 30%;
		padding: 24px 0;
	}






	.formA fieldset{
		float: none;
		width: 100%;
		margin: 20px auto 50px auto;
	}


	.formA label{
		width: 100%;
		padding: 4px 0;
	}

	.formA .button{
		float: none;
		margin: 20px auto 0 auto;
	}


	.formA p{
		float: none;
		width: 90%;
		height: auto;
		margin: 0 auto 5px auto;
	}
	.formA p.Tit{
		width: 85%;
		padding-left: 5%;
	}

	.formA .bxEr{
		font-size: 10px;
		line-height: 15px;
		height: 20px;
	}


}






/*          MOBILE IPHONE X          */ 

@media only screen  and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3){


	.cntDsc{
		height: 100vh !important;
		background: -moz-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(26,48,62,0)), color-stop(60%, rgba(26,48,62,1)));
		background: -webkit-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -o-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -ms-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: linear-gradient(to bottom, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a303e', endColorstr='#1a303e', GradientType=0 );
	}


	.bxDCntF{
		height: 100vh !important;
	}


	.bxDCntF .slider {
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
	}

	
	.bxDCntF .cntDsc{
		height: 100vh !important;
		background: -moz-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(26,48,62,0)), color-stop(60%, rgba(26,48,62,1)));
		background: -webkit-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -o-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -ms-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: linear-gradient(to bottom, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a303e', endColorstr='#1a303e', GradientType=0 );
	}

	.bxDCntF .cntDsc .bxCnt,
	.bxDCnt .cntDsc .bxCnt{
		left: 10%;
		bottom: 120px;
		width: 80%;
		height: auto;
		margin: 0;
	}


	.bxDCntF .cntDsc .bxCnt p,
	.bxDCnt .cntDsc .bxCnt p{
		font-size: 14px !important;
		line-height: 22px !important;
		width: 100%;
		margin-top: 10px;
	}



}


/*          MOBILE GRANDE          */ 


@media screen and (min-width:321px) and (max-width:736px){






	body{
		font-size: 16px;
		line-height: 22px;
	}


	h1{
		font-size: 36px;
		line-height: 36px;
	}

	.bxLIt{
		width: 100%;
		height: auto !important;
	}

	.bxItm{
		overflow: visible !important;
	    width: 100%;
		height: 42vh !important;
	}




	

	.dsw1{display: none !important;
		right: 1.8vh;
		bottom: 2vh;
		height: 10vh;
	}
	.dsw2{display: none !important;
		left: 10vh;
		bottom: -10vh;
		height: 25vh;
	}
	.dsw3{display: none !important;
		left: -1.2vh;
		bottom: -6vh;
		height: 20vh;
	}
	.dsw4{
		left: -6vh;
		top: -2vh;
		height: 50vh;
	}
	.dsw5{
		left: 24vh;
		bottom: -10vh;
		height: 20vh;
	}



	.ic1{
		right: -12vh;
		bottom: -18vh;
		height: 54vh;
	}
	.ic2{display: none !important;
		right: 5vh;
		top: 2vh;
		height: 8vh;
	}
	.ic3{
		right: -4vw;
		bottom: -10vw;
		height: 36vh;
	}




	.awm1{display: none !important;
		right: 2vh;
		bottom: 10vh;
		height: 8vh;
	}
	.awm2{
		left: -2.8vh;
		bottom: -3.2vh;
		height: 26vh;
	}
	.awm3{
		left: 22vh;
		bottom: -14vh;
		height: 58vh;
	}
	.awm4{display: none !important;
		left: 26vh;
		top: 7vh;
		height: 10vh;
	}
	.awm5{display: none !important;
		left: -2vh;
		top: 6vh;
		height: 32vh;
	}
	.awm6{display: none !important;
		left: 4vh;
		top: -6vh;
		height: 30vh;
	}



	.md1{
		right: -6vh;
		bottom: -14vh;
		height: 50vh;
	}
	.md2{display: none !important;
		right: -12vh;
		bottom: -15vh;
		height: 38vh;
	}
	.md3{
		right: 12vh;
		bottom: -2vh;
		height: 42vh;
	}




	.wrapper{
		min-width: 200px;
	}




	header{
		height: 48px;
	}
	header .cntHeader{
		width: 96%;
		height: 48px;
	}

	a.logo:link,a.logo:visited,
	a.logo-b:link,a.logo-b:visited{
		width: 110px;
		height: 30px;
		margin: 9px 0 0 10px;
	}
	a.logo-b:link,a.logo-b:visited{
		margin: 9px 0 0 -16px !important;
	}
	.logo-dsp{
		/*top: 0;
		position: absolute;*/
		width: 110px;
		height: 30px;
		/*margin: 9px 0 0 -16px !important;*/
	}


	.fixed{
		height: 48px;
	}

	.fixed .logo{
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}


	.fixed .open{
	}
	/*
	.fixed{
		height: 50px;
	}
	.fixed .logo{
		width: 36px !important;
		height: 36px !important;
		margin: 7px 20px 0 10px !important;
	}

	.fixed .open{
		top: 2px !important;
	}
	*/
	.fixed .sc-dsp{
		top: 8px;
		right: 70px;
		display: block;
	}


	.cntMs .logo{display: none !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}

	.modal-open .logo{display: block !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}



	.banner{
		height: 86vh !important;
	}	

	.frontlayer {
		top: 200px;
		right: 16px;
		width: 420px;
		height: 400px;
	}

	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 113px;
		height: 66px;
		margin: -100px 0 0 -590px !important;
	}
	.flexslider img{
		width: 100%;
		height: auto;
	}

	.bglayer{
		top: -2%;
		left: -1%;
		width: 100%;
		/*width: 36%;*/
	}



	.banner .titulo{
		font-size: 30px;
		line-height: 32px;
		width: 90%;
	}

	.banner .titulo h1{
		font-size: 30px;
		line-height: 32px;
		width: 90%;
		margin: 0;
		padding: 0;
	}


	.slider .slick-prev,
	.slider .slick-next{
		top: 34%;
	    width: 60px;
	    height: 80px;
	}

	.slider .slick-prev:before{
	    width: 60px;
	    height: 80px;
	}
	.slider .slick-next:before{
	    width: 60px;
	    height: 80px;
	}




	a.btn01:link,a.btn01:visited{
	    font-size: 14px;
		line-height: 33px;
	    width: 200px !important;
	    height: 35px !important;
	    margin: 30px 0 0 11px !important;
    	transform: scale(1.10);
	}

	.bord-a{
	    width: 200px;
	}
	.bord-a:before{
	    height: 35px;
	}
	.bord-a:after{
		z-index: 100;
		top: 35px;
	    width: 200px;
	}
	.btn01:before{
		bottom: 0;
	    height: 35px;
	}

	.txt-btn{
	    width: 200px;
	    height: 35px;
	}




	.contentHome .cntHome{
		width: 96%;
		padding: 20px 0 0 0;
	}
	.contentHome .cntHome h2{
		font-size: 26px;
		line-height: 27px;
		margin: 30px 0;
	}



	.contentIn{
		height: auto;
		padding: 0;
	}
	.contentIn .cntIn{
		width: 96%;
		height: auto;
	}
	.contentIn .cntIn p{
		font-size: 16px;
		line-height: 22px;
		width: 90%;
		margin: -20px auto 35px auto;
	}





	.contIn .formA .button{
		float: none !important;
		height: 58px;
		margin: 10px auto;
		padding: 0 45px;
	}



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



	.content{
		width: 100%;
	}
	.content .cntContent{
		width: 84%;
	}



	.contentInfo .cntInfo{
		width: 100%;
		margin: 0 auto;
	}
	.contentInfo .cntInfo h2{
		font-size: 26px;
		line-height: 27px;
		margin: 0 auto 30px auto !important;
	}



	.contentInfoB .cntInfoB{
		width: 80%;
		margin: 0 auto;
	}





	.contIn{
		width: 100%;
		margin-right: 0;
	}
	.contIn h2{
		width: 80%;
		margin: 0 0 20px 0;
	}

	.contIn .formA fieldset{
		margin: 30px 0 50px 0;
	}
	.formA textarea{
		width: 96%;
		line-height: 16px !important;
		height: 22px !important;
		padding: 4px 1% 2px 1% !important;
	}
	.contIn .formA .button{
		float: none;
		margin: 0 auto;
	}

	.contIn .formA p{
		width: 98%;
		height: 80px;
		margin: 6px 0 4px 0;
	}

	.contIn .formA p.cnt-txta{
		height: 80px !important;
		margin: 6px 0 0 0;
	}




	.contOp{
		width: 100%;
	}
	.contOp h2{
		width: 90%;
		margin: 0 0 20px 0;
	}
	.contOp a.btn02{
		display: block !important;
	}






	footer{
		overflow: hidden;
		background-image: none;
		height: auto;
	}
	footer .cntFooter{
		width: 90%;
		height: auto;
	}
	footer .cntFooter p{
		width: 54%;
		margin: 15px 10px 20px 0;
	}

	footer .cntFooter ul{
		left: 50%;
		position: absolute;
		margin: 4px auto 0 -110px;
	}

	footer .cntFooter ul{
		left: 50%;
		position: absolute;
		margin: 4px auto 0 -110px;
	}


	footer .cntFooter a.btn02:link,a.btn02:visited{
		float: right;
		display: block;
		font-size: 13px;
		line-height: 32px;
		width: 97px;
		height: 34px;
		margin: 34px auto 20px auto;
		padding: 0;
	}


	.bxItmSsc{
		position: relative;
		font-size: 15px;
		width: 80%;
		height: auto;
		margin-top: 0;
		padding: 35px 10% 20px 10%;
	}
	.bxItmSsc h2{
		font-size: 30px;
		line-height: 30px;
		width: 86%;
		padding-left: 15px;
		margin: 0 0 20px 0;
	}

	.bxLIt .bxItmSsc ul li:before{
	    top: 4px;
	    left: 0;
	    border: 3px solid #ffffff;
	    width: 5px;
	    height: 5px;
	}

	/* DESPLEGABLE */

	/* DESPLEGABLE PORTAFOLIO */


	.bxDCnt .close-dsp{
		top: 14px !important;
		right: 11px !important;
		/*border: 2px solid #ffffff;*/
		border-radius: 50%;
		width: 26px;
		height: 26px;
		margin: 0 0 0 0;
	}

	.bxDCnt .close-dsp:before,
	.bxDCnt .close-dsp:after{
		width: 32px;
		height: 2px;
	}
	.bxDCnt .close-dsp:before{
		top: 14px;
		right: 0px;
	}
	.bxDCnt .close-dsp:after{
		top: 14px;
		left: 0px;
	}


	.cntDsc{
		background: rgba(24,44,57,0);
		background: -moz-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(24,44,57,0)), color-stop(64%, rgba(24,44,57,1)));
		background: -webkit-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: -o-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: -ms-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: linear-gradient(to bottom, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c39', endColorstr='#182c39', GradientType=0 );
	}
	.cntDsc .bxCnt{
		left: 0 !important;
		bottom: 0;
		width: 90% !important;
		margin: 0 auto 20px 5% !important;
	}

	.cntDsc .bxCnt .bxIcoDsw,
	.cntDsc .bxCnt .bxIcoIc,
	.cntDsc .bxCnt .bxIcoAwm,
	.cntDsc .bxCnt .bxIcoMd{
		width: 56px;
		height: 56px;
		margin-right: 15px;
	}

	.cntDsc .bxCnt .bxIcoDsw:after,
	.cntDsc .bxCnt .bxIcoIc:after,
	.cntDsc .bxCnt .bxIcoAwm:after,
	.cntDsc .bxCnt .bxIcoMd:after{
		left: 5%;
	    margin: 5px auto 0 auto;
	    -webkit-transform: scale(1.00);
	       -moz-transform: scale(1.00);
	        -ms-transform: scale(1.00);
	         -o-transform: scale(1.00);
	            transform: scale(1.00);
	}

	.cntDsc .bxCnt p{
		width: 100%;
		margin-top: 10px;
	}
	.cntDsc .bxCnt .titDsc{
		font-size: 26px;
		line-height: 24px;
		width: 70%;
		margin-top: 6px;
	}
	.cntDsc .bxCnt .titDsc .small{
		font-size: 15px !important;
		line-height: 16px;
	}

	.bxDCnt .dsp-img{
		background: #142632;
	}

	.bxDCnt .dsp-img .slider,
	.bxDCnt .dsp-img .slider div{
		overflow: hidden;
	}
	.bxDCnt .dsp-img .slider img{
		width: 230%;
		margin-left: -30%;
	}
	.slider .slick-prev,
	.slider .slick-next{
	}

	/* DESPLEGABLE PORTAFOLIO */


	.close-b{
		top: 9px;
		right: 11px;
		width: 28px;
		height: 28px;
	}
	.close-b:before,
	.close-b:after{
		width: 20px;
		height: 1px;
	}
	.close-b:before{
		top: 13px;
		right: 4px;
	}
	.close-b:after{
		top: 13px;
		left: 4px;
	}



	.bxDCntF{
		height: 100vh !important;
	}



	.bxDCntF .slider {
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
	}
	.bxDCntF .slider img{
		width: 230%;
		height: auto;
		margin: -25px 0 0 -30% !important;
	}
	.bxDCntF .dsp-img .slider img{
		width: 230%;
		margin: -25px 0 0 -30% !important;
	}

	.bxDCntF .cntDsc{
		height: 100vh !important;
		background: rgba(24,44,57,0);
		background: -moz-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(24,44,57,0)), color-stop(64%, rgba(24,44,57,1)));
		background: -webkit-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: -o-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: -ms-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		background: linear-gradient(to bottom, rgba(24,44,57,0) 40%, rgba(24,44,57,1) 64%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c39', endColorstr='#182c39', GradientType=0 );
	}

	.bxDCntF .cntDsc .bxCnt p{
		font-size: 12px;
		line-height: 18px;
		width: 100%;
		margin-top: 10px;
	}



	/* DESPLEGABLE */

	/* COTIZACIÓN - oculta scroll */
   


	.close-dsp{
		top: 0;
		right: 0;
		z-index: 1000;
		position: absolute;
		display: block;
		width: 40px;
		height: 40px;
		margin: 10px 10px 0 0;
	}

	.content-dsp-cnt{
		overflow-y: scroll;
		width: 80%;
		height: 100vh;
		padding: 0 10% 0 10%;
	}

	.content-dsp-cnt h2{
		display: block;
		font-size: 28px;
		width: 70% !important;
	}


	.content-dsp-cnt h3{
		font-size: 16px;
		line-height: 20px;
	}

	.content-dsp-cnt .close-dsp{
		top: 9px !important;
		right: -26px !important;
		border-radius: 50%;
		overflow: hidden;
		width: 28px;
		height: 28px;
		margin: 0 0 0 0;
	}

	.content-dsp-cnt .close-dsp:before,
	.content-dsp-cnt .close-dsp:after{
		width: 20px;
		height: 2px;
	}
	.content-dsp-cnt .close-dsp:before{
		top: 14px;
		right: 4px;
	}
	.content-dsp-cnt .close-dsp:after{
		top: 14px;
		left: 4px;
	}

	.content-dsp-cnt .formA{
	}
	.content-dsp-cnt .formA label{
		margin: 0 0 7px 0;
		padding: 0;
	}
	.content-dsp-cnt .formA .subt{
		font-size: 20px;
		line-height: 24px;
		margin: 5px 0;
	}

	/*.content-dsp-cnt .formA p{
		float: left;
		width: 94%;
		margin-top: 0;
	}*/
	.content-dsp-cnt .formA p{
		width: 98%;
		height: 80px;
		margin: 6px 0 4px 0;
	}


	.content-dsp-cnt .formA p:nth-child(4),
	.content-dsp-cnt .formA p:nth-child(7),
	.content-dsp-cnt .formA p:nth-child(12){
		margin: 0 24px 10px 0;
	}
	.content-dsp-cnt .formA p.frm-txt{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.content-dsp-cnt .formA p.frm-txt label{
		margin-bottom: 5px;
	}
	.content-dsp-cnt .formA p.frm-txt textarea{
		width: 96%;
		height: 50px;
		padding: 6px 5px;
	}

.content-dsp-cnt .formA .liRB{
	float: left;
	width: auto;
	margin: 4px 10px 6px 0;
}

.content-dsp-cnt .formA .liRB label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  width: auto;
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 8px 15px 8px 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.content-dsp-cnt .formA .liRB label:hover {

}
.content-dsp-cnt .formA .liRB label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 6px;
  border-radius: 50%;
  background: none;
  border: 1px solid #ff9108;
  width: 16px;
  height: 16px;
}
.content-dsp-cnt .formA .liRB input[type="radio"] {
  display: none;
}
.content-dsp-cnt .formA .liRB input[type="radio"]:checked + label:before {
  background: #ffffff;
  border: 1px solid #ffffff;

}
.content-dsp-cnt .formA .liRB input[type="radio"]:checked + label {
  color: #ffffff;
  background: #ff9108;
  border: 1px solid #ff9108;
}


	.content-dsp-cnt .formA input{
		height: 29px;
		margin: -2px 0 0 0 !important;
		padding: 2px 1%;
	}


	.content-dsp-cnt .formA .button{
		float: none !important;
		height: 54px;
		margin: 0 auto !important;
		padding: 0 60px;
	}


	.btn-sol-c{
		display: block;
	}



	.cnt-dsp-frm{
		width: 100%;
		height: auto;
	}

	.cnt-dsp-frm .content-dsp-cnt{
		position: relative;
		width: 85%;
		height: auto;
		padding: 0 5%;
	}
	.cnt-dsp-frm .content-dsp-cnt h2{
		border-left: 3px solid #ffc200;
		width: 50% !important;
		margin: 0 0 20px 0;
	}

	.cnt-dsp-frm .content-dsp-cnt .close-dsp{	
		margin: 10px 10px 0 0;
	}



	
	ul.li-02{
		width: 100%;
	}
	ul.li-02 li{
		padding: 5px 0 10px 0;
	}

	ul.li-02 li span:nth-child(1){
		width: 66%;
		margin: 2px 4% 0 0;
	}
	ul.li-02 li span:nth-child(2){
		float: right;
		clear: right;
		text-align: center;
		width: 28%;
		margin: 0;
	}

	ul.li-02 li span:nth-child(3){
		float: right;
		width: 28%;
		margin: 6px 0 0 0;
	}





	/* PRODUCTOS */

	ul.liProd li{
		width: 100% !important;
		height: 210px;
	}


	ul.liProd li .bxMsk{
		color: rgba(255, 255, 255, 1.00);
		background: rgba(26, 48, 62, 0.00) center;
	}
	ul.liProd li:hover .bxMsk{
		color: rgba(255, 255, 255, 1.00);
		background: rgba(26, 48, 62, 0.70);
	}

	ul.liProd li .bxMsk .btn-vp{
		top: 33%;
		display: none;
		border: 0;
	}
	ul.liProd li:hover .bxMsk .btn-vp{
		display: block;	
	}



	ul.liProd li .bxMsk .aos-animate .bord-btn-vp{
		/*display: block;*/
	}
	ul.liProd li .bxMsk .aos-animate .bord-btn-vp:before{
		/*display: block;*/
	}
	ul.liProd li .bxMsk .btn-vp:before,
	ul.liProd li:hover .bxMsk .btn-vp:before,
	ul.liProd li .bxMsk .aos-animate .btn-vp:before{
		display: none !important;
	}
	ul.liProd li .bxMsk .btn-vp .bg-btn-vp{
		display: none !important;
	}





	ul.liProd li:hover img{
		-webkit-transform: scale(1.00);
		   -moz-transform: scale(1.00);
		    -ms-transform: scale(1.00);
		     -o-transform: scale(1.00);
		        transform: scale(1.00);
	}
	ul.liProd li:hover .bxPvw{
		display: none !important;
	}
	ul.liProd li:hover .bxMsk .btn-vp{
		display: none !important;
	}
	ul.liProd li:hover .bxMsk .btn-vp .bord-btn-vp{
		display: none !important;
	}



/* CLASS PARA OCULTAR BOTÓN */
ul.liProd li.dsp-mb-h a{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}

ul.liProd li.dsp-mb-h img{
	-webkit-transform: scale(1.20);
	   -moz-transform: scale(1.20);
	    -ms-transform: scale(1.20);
	     -o-transform: scale(1.20);
	        transform: scale(1.20);
}

ul.liProd li.dsp-mb-h .bxIcoDsw,
ul.liProd li.dsp-mb-h .bxIcoIc,
ul.liProd li.dsp-mb-h .bxIcoAwm,
ul.liProd li.dsp-mb-h .bxIcoMd{
	background: #9faab1;
}

ul.liProd li.dsp-mb-h .bxPvw{
	display: block;
}

ul.liProd li.dsp-mb-h .bxPvw img:nth-child(1){
	z-index: 10px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(2){
	z-index: 11px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(3){
	z-index: 12px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(4){
	z-index: 13px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(5){
	z-index: 14px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(6){
	z-index: 15px;
}

ul.liProd li.dsp-mb-h .bxMsk{
	color: rgba(255, 255, 255, 1.00);
	background: rgba(26, 48, 62, 0.70);
}

ul.liProd li.dsp-mb-h .bxMsk .btn-vp{
	display: block;
	border: 1px solid #ffffff;
}

ul.liProd li.dsp-mb-h .bxMsk .btn-vp .bord-btn-vp{
	display: block;
}




	ul.liProdB{
		width: 92%;
		margin: 6px 4%;
	}


	ul.liProdB li{
		width: 46%;
		margin: 6px 1%;
	}



	ul.liCat{
		font-size: 14px;
		line-height: 14px;
		margin: 8px auto 0 auto;
	}
	ul.liCat li{
		float: none;
		display: inline-block;
		width: 150px;
		height: 176px;
		margin: 0 2.5% 40px 2.5%;
	}

	ul.liCat li a{
		width: 150px;
		height: 176px;
	}
	ul.liCat li .bxIcoDsw,
	ul.liCat li .bxIcoIc,
	ul.liCat li .bxIcoAwm,
	ul.liCat li .bxIcoMd{
		width: 110px;
		height: 110px;
		margin: 0 auto 10px auto !important;
	}

	ul.liCat li .bxIcoDsw:after,
	ul.liCat li .bxIcoIc:after,
	ul.liCat li .bxIcoAwm:after,
	ul.liCat li .bxIcoMd:after{
		left: 10.5%;
		display: block;
		width: 86px;
		height: 86px;
		margin: 12px 0 0 0 !important;
	}
	ul.liCat .bxIcoDsw:after{
	    background-size: 56px auto;
	}
	ul.liCat .bxIcoIc:after{
	    background-size: 39px auto;		
	}
	ul.liCat .bxIcoAwm:after{
	    background-size: 54px auto;		
	}
	ul.liCat .bxIcoMd:after{
	    background-size: 40px auto;		
	}




	ul.liBtn li{
		line-height: 22px;
		width: 100%;
	}

	ul.liBtn li:nth-child(1),
	ul.liBtn li:nth-child(3){
		display: none;	
	}

	ul.liBtn li a{
		display: block;
		font-size: 18px;
		width: 70%;
		padding: 24px 0;
	}






}


/* ---------------------------- MOBILE H ---------------------------- */



@media screen and (min-width:321px) and (max-width:815px) and (orientation: landscape) { 



	body{
		font-size: 14px;
		line-height: 20px;
	}


	h1{
		font-size: 34px;
		line-height: 34px;
		margin: 20px auto 10px auto;
	    padding-bottom: 20px;
	}




/*
	.bxLIt{
		width: 100%;
		height: 180vh !important;
	}

	.bxItm{
	    width: 100%;
		height: 120vh !important;
	}

*/
	

	.bxLIt{
		height: 154vh !important;
	}
	.bxItm{
		height: 154vh !important;
	}


			
	.bxItmSsc{
		display: block;
		z-index: 100;
		position: absolute;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		width: 46%;
		height: auto;
		padding: 40px 10% 20px 4%;
	}

.bxItmSsc h2{
	color: #ffffff;
	line-height: 26px;
	text-align: left;
	text-transform: uppercase;
	border-left: 3px solid rgba(255, 255, 255, 1.00);
	width: 90%;
	margin: -5px 0 20px 0;
	padding-left: 15px;
	transition: all .3s;
}

.bxLIt .bxItmSsc p{
}
.bxLIt .bxItmSsc p:nth-child(2){
	font-size: 20px;
	font-family: 'flexobold', Arial, Tahoma, Verdana;
	line-height: 24px;
}

.bxLIt .bxItmSsc ul{
}
.bxLIt .bxItmSsc ul li:before{
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    background-color: #fcff00;
    border: 4px solid #ffffff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}





	.dsw1{
		display: block !important;
		right: 1.8vh;
		bottom: 2vh;
		height: 30vh;
	}
	.dsw2{
		display: block !important;
		left: 22vh;
		bottom: 4vh;
		height: 46vh;
	}
	.dsw3{
		display: block !important;
		left: -1.2vh;
		bottom: -10vh;
		height: 44vh;
	}
	.dsw4{
		left: -12vh;
		top: 12vh;
		height: 70vh;
	}
	.dsw5{
		left: 30vh;
		bottom: 64vh;
		height: 30vh;
	}



	.ic1{
		right: -10vh;
		bottom: -12vh;
		height: 80vh;
	}
	.ic2{
		display: block !important;
		right: 5vh;
		top: 22vh;
		height: 16vh;
	}
	.ic3{
		right: -1.3vw;
		bottom: -6vw;
		height: 60vh;
	}




	.awm1{
		display: block !important;
		right: 2vh;
		bottom: -0.2vh;
		height: 20vh;
	}
	.awm2{
		display: block !important;
		left: -2.8vh;
		bottom: -3.2vh;
		height: 30vh;
	}
	.awm3{
		display: block !important;
		left: 28vh;
		bottom: -18vh;
		height: 80vh;
	}
	.awm4{
		display: block !important;
		left: 56vh;
		top: 7vh;
		height: 18vh;
	}
	.awm5{
		display: block !important;
		left: -2vh;
		top: 30vh;
		height: 78vh;
	}
	.awm6{
		display: block !important;
		left: 4vh;
		top: 4vh;
		height: 50vh;
	}



	.md1{
		display: block !important;
		right: -6vh;
		bottom: -15vh;
		height: 110vh;
	}
	.md2{
		display: block !important;
		right: -28vh;
		bottom: -28vh;
		height: 90vh;
	}
	.md3{
		display: block !important;
		right: 20vh;
		bottom: 60vh;
		height: 70.2vh;
	}






	h1{
		font-size: 34px;
		line-height: 34px;
		margin: 20px auto 10px auto;
	    padding-bottom: 20px;
	}



	.wrapper{
		min-width: 200px;
	}




	header{
		height: 44px;
	}
	header .cntHeader{
		width: 96%;
		height: 44px;
	}




	.cntHeader .sc-dsp{
		display: none;
	}
	.fixed .sc-dsp{
		right: 85px;
		display: block !important;
	}



	.fixed{
		height: 44px;
	}

	@keyframes fix_nav_anim{
		from {height: 44px;}
	      50% {height: 44px;}
	      to {height: 44px;}
	}
	.fixed .logo{
		width: 30px !important;
		height: 30px !important;
		margin: 7px 20px 0 10px !important;
	}

	.fixed .open{
		top: 9px !important;
		right: 20px !important;
	}

	a.logo:link,a.logo:visited{
		width: 110px;
		height: 30px;
		margin: 7px 5px 0 0;
	}




	.cntMs .logo{display: none !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}

	.modal-open .logo{display: block !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}


	.banner{
		height: 86vh !important;
	}


	.frontlayer {
		top: 20px;
		right: -20px;
		width: 330px;
		height: 320px;
	}
	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 90px;
		height: 53px;
		margin: -120px 0 0 -609px !important;
	}	

	.bglayer{
		top: -2%;
		left: -1%;
		width: 64%;
		/*width: 36%;*/
	}


	.banner .titulo{
		font-size: 30px;
		line-height: 32px;
		width: 52%;
	}

	.banner .titulo h1{
		font-size: 28px;
		line-height: 30px;
		margin: 0;
		padding: 0;
	}



	a.btn01:link,a.btn01:visited{
	    font-size: 14px;
		line-height: 33px;
	    width: 200px !important;
	    height: 35px !important;
	    margin: 20px 0 0 0 !important;
	}

	.bord-a{
	    width: 200px;
	}
	.bord-a:before{
	    height: 35px;
	}
	.bord-a:after{
		z-index: 100;
		top: 35px;
	    width: 200px;
	}
	.btn01:before{
		bottom: 0;
	    height: 35px;
	}

	.txt-btn{
	    width: 200px;
	    height: 35px;
	}




/*
	a.btn01:link,a.btn01:visited{
	    font-size: 17px;
		line-height: 27px;
	    width: 78% !important;
	    margin: 20px 0 10px 0 !important;
	    padding: 8px 0 12px 0 !important;
	}

*/






	.contentHome .cntHome{
		width: 96%;
		padding: 20px 0 0 0;
	}
	.contentHome .cntHome h2{
		font-size: 26px;
		margin: 30px 0;
	}



	.contentIn{
		height: auto;
		padding: 0;
	}
	.contentIn .cntIn{
		width: 96%;
		height: auto;
	}
	.contentIn .cntIn p{
		font-size: 18px;
		line-height: 20px;
		width: 90%;
		margin: 0 auto 20px auto;
	}



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



	.content{
		width: 100%;
	}
	.content .cntContent{
		width: 90%;
	}



	.contIn{
		width: 100%;
		margin-right: 0;
	}
	.contIn h2{
		width: 80%;
		margin: 0 0 20px 0;
	}

	.contIn .formA fieldset{
		margin: 30px 0 50px 0;
	}
	.contIn .formA textarea{
		width: 92%;
		height: 100px;
		padding: 10px 8px;
	}
	.contIn .formA .button{
		float: right;
		margin-right: 0;
	}

	.contIn .formA p{
		width: 98%;
		height: 80px;
		margin: 6px 0 4px 0;
	}

	.contIn .formA p.cnt-txta{
		height: 100px;
		margin: 6px 0 0 0;
	}




	.contOp{
		width: 100%;
	}
	.contOp h2{
		width: 90%;
		margin: 0 0 20px 0;
	}



	.contentInfo .cntInfo{
		width: 100%;
		margin: 0 auto !important;
	}
	.contentInfo .cntInfo h2{
		font-size: 26px;
		margin: 0 auto 30px auto !important;
	}



	.contentInfoB .cntInfoB{
		width: 80%;
		margin: 0 auto;
	}






	footer{
		overflow: hidden;
		height: auto;
	}
	footer .cntFooter{
		width: 96%;
		height: auto;
	}
	footer .cntFooter p{
		width: 38% !important;
		margin: 15px 10px 20px 0 !important;
	}

	footer .cntFooter a.btn02:link,a.btn02:visited{
		float: left;
	}



/*
	.bxItmSsc{
		font-size: 15px;
		width: 64%;
		height: auto;
		margin-top: 0;
		padding: 35px 6% 20px 6%;
	}
	.bxItmSsc h2{
		font-size: 30px;
		line-height: 30px;
		width: 90%;
		padding-left: 15px;
		margin: 0 0 20px 0;
	}

	.bxLIt .bxItmSsc ul li:before{
	    top: 4px;
	    left: 0;
	    border: 3px solid #ffffff;
	    width: 5px;
	    height: 5px;
	}

	.bxItmSsc p{
	    margin: 13px auto;
	}
	.bxItmSsc ul{
	    margin: 13px 0;
	}


*/


	.bxDCnt .dsp-img .slider,
	.bxDCnt .dsp-img .slider div{
		overflow: hidden;
	}
	.bxDCnt .dsp-img .slider img{
		width: 100% !important;
		margin-left: 0 !important;
	}

	.bxDCntF .slider div{
		overflow: hidden;
	}
	.bxDCntF .slider img{
		width: 100% !important;
		margin-left: 0 !important;
	}


	.bxDCntF{
		height: 100vh !important;
	}


	.bxDCntF .slider {
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
	}

	.bxDCnt .bxCnt,
	.bxDCntF .bxCnt{
		left: 3%;
		display: block;
		width: 94%;
		margin: 0 auto 20px 0;
	}

	.bxDCnt .cntDsc .titDsc,
	.bxDCntF .cntDsc .titDsc{
		font-size: 20px;
		line-height: 20px;
		width: 24% !important;
		margin: 0 !important;
	}

	.bxDCnt .cntDsc .bxCnt p,
	.bxDCntF .cntDsc .bxCnt p{
		font-size: 13px;
		line-height: 17px;
		width: 60% !important;
		margin-top: 0 !important;
	}






	/* DESPLEGABLE */

	.content-dsp-cnt .formA .subt{
		font-size: 20px;
		line-height: 24px;
		width: 90%;
		margin: 10px 0 5px 0;
	}


	.btn-sol-c{
		display: block;
	}

	
	ul.li-02{
		width: 100%;
	}
	ul.li-02 li{
		padding: 5px 0 10px 0;
	}

	ul.li-02 li span:nth-child(1){
		width: 66%;
		margin: 6px 4% 0 0;
	}
	ul.li-02 li span:nth-child(2){
		float: left;
		text-align: center;
		width: 12%;
		margin: 12px 0 0 0;
	}

	ul.li-02 li span:nth-child(3){
		float: right;
		width: 14%;
		margin: 6px 0 0 0;
	}


	/* PRODUCTOS */


	ul.liProd li{
		width: 50% !important;
		height: auto;
	}

	ul.liProd li:last-child{
		display: none;
	}
/*
	ul.liProd li .bxMsk .btn-vp{
		top: 34%;
	}*/

	ul.liProd li .bxMsk .btn-vp{
		top: 33%;
		display: block;	
	}
	ul.liProd li .bxMsk .btn-vp .bord-btn-vp{
		display: block;
	}

/*
	ul.liProd li .bxMsk ico,
	ul.liProd li:hover .bxMsk ico{
		top: 40%;
		left: 50%;
		display: block;
		opacity: 100;
		position: absolute;
		color: #ffffff;
		font-size: 16px;
		line-height: 38px;
		background: #ffffff;
		border: 0;
		width: 200px;
		height: 40px;
		margin-left: -100px;
		-webkit-transform: scale(0.80) !important;
		-moz-transform: scale(0.80) !important;
		-ms-transform: scale(0.80) !important;
		 -o-transform: scale(0.80) !important;
		transform: scale(0.80) !important;
	}
*/




	ul.liProdB{
		width: 92%;
		margin: 6px 4%;
	}


	ul.liProdB li{
		width: 46%;
		margin: 6px 1%;
	}






	ul.liCat{
		float: none;
		font-size: 14px;
		line-height: 14px;
		margin: 8px auto 0 auto;
	}
	ul.liCat li{
		float: none;
		display: inline-block;
		width: 20%;
		height: 170px;
		margin: 0 2% 45px 2%;
	}

	ul.liCat li a{
		width: 100%;
		height: 170px;
		margin: 0 auto;
	}

	ul.liCat li .bxIco{
		background: url(../lib/bg_cat.png) no-repeat center;
		width: 90px;
		height: 90px;
		margin: 0 auto 14px auto;
	}
	ul.liCat li .bxIco:after{
		margin: -7px auto 0 -7px;		
		transform: scale(0.70);
	}







	ul.liBtn li{
		line-height: 22px;
		width: 100%;
	}

	ul.liBtn li:nth-child(1),
	ul.liBtn li:nth-child(3){
		display: none;	
	}

	ul.liBtn li a{
		display: block;
		font-size: 18px;
		width: 34%;
		padding: 24px 0;
	}






	.formA fieldset{
		float: none;
		width: 100%;
		margin: 20px auto 50px auto;
	}


	.formA label{
		width: 100%;
		padding: 4px 0;
	}

	.formA .button{
		float: none;
		margin: 20px auto 0 auto;
	}


	.formA p{
		float: none;
		width: 90%;
		height: auto;
		margin: 0 auto 5px auto;
	}
	.formA p.Tit{
		width: 85%;
		padding-left: 5%;
	}


	



}



/* ---------------------------- MOBILE V ---------------------------- */



@media screen and (max-width: 320px) {




	body{
		font-size: 16px;
		line-height: 22px;
	}


	h1{
		font-size: 36px;
		line-height: 36px;
	}

	.bxLIt{
		width: 100%;
		height: auto !important;
	}

	.bxItm{
		overflow: visible !important;
	    width: 100%;
		height: 42vh !important;
	}




	

	.dsw1{display: none !important;
		right: 1.8vh;
		bottom: 2vh;
		height: 10vh;
	}
	.dsw2{display: none !important;
		left: 10vh;
		bottom: -10vh;
		height: 25vh;
	}
	.dsw3{display: none !important;
		left: -1.2vh;
		bottom: -6vh;
		height: 20vh;
	}
	.dsw4{
		left: -6vh;
		top: -2vh;
		height: 50vh;
	}
	.dsw5{
		left: 24vh;
		bottom: -10vh;
		height: 20vh;
	}



	.ic1{
		right: -12vh;
		bottom: -18vh;
		height: 54vh;
	}
	.ic2{display: none !important;
		right: 5vh;
		top: 2vh;
		height: 8vh;
	}
	.ic3{
		right: -4vw;
		bottom: -10vw;
		height: 36vh;
	}




	.awm1{display: none !important;
		right: 2vh;
		bottom: 10vh;
		height: 8vh;
	}
	.awm2{
		left: -2.8vh;
		bottom: -3.2vh;
		height: 26vh;
	}
	.awm3{
		left: 22vh;
		bottom: -14vh;
		height: 58vh;
	}
	.awm4{display: none !important;
		left: 26vh;
		top: 7vh;
		height: 10vh;
	}
	.awm5{display: none !important;
		left: -2vh;
		top: 6vh;
		height: 32vh;
	}
	.awm6{display: none !important;
		left: 4vh;
		top: -6vh;
		height: 30vh;
	}



	.md1{
		right: -6vh;
		bottom: -14vh;
		height: 50vh;
	}
	.md2{display: none !important;
		right: -12vh;
		bottom: -15vh;
		height: 38vh;
	}
	.md3{
		right: 12vh;
		bottom: -2vh;
		height: 42vh;
	}




	.wrapper{
		min-width: 200px;
	}




	header{
		height: 48px;
	}
	header .cntHeader{
		width: 96%;
		height: 48px;
	}

	a.logo:link,a.logo:visited,
	a.logo-b:link,a.logo-b:visited{
		width: 110px;
		height: 30px;
		margin: 9px 0 0 10px;
	}
	a.logo-b:link,a.logo-b:visited{
		margin: 9px 0 0 -16px !important;
	}



	.fixed{
		height: 48px;
	}

	.fixed .logo{
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}


	.fixed .open{
	}
	/*
	.fixed{
		height: 50px;
	}
	.fixed .logo{
		width: 36px !important;
		height: 36px !important;
		margin: 7px 20px 0 10px !important;
	}

	.fixed .open{
		top: 2px !important;
	}
	*/
	.fixed .sc-dsp{
		top: 8px;
		right: 70px;
		display: block;
	}


	.cntMs .logo{display: none !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}

	.modal-open .logo{display: block !important;
		background: url(../lib/ico_logos.png) no-repeat center !important;
		background-size: 100% !important;
		width: 30px !important;
		height: 30px !important;
		margin: 9px 0 0 10px !important;
	}



	.banner{
		height: 86vh !important;
	}

	.flexslider{
		overflow: hidden;
		background: transparent;
		width: 96px;
		height: 58px;
		margin: -117px 0 0 -607px !important;
	}	

	.frontlayer {
		top: 190px;
		right: 16px;
		width: 350px;
		height: 340px;
	}

	.bglayer{
		top: -2%;
		left: -1%;
		width: 100%;
		/*width: 36%;*/
	}



	.banner .titulo{
		font-size: 30px;
		line-height: 32px;
		width: 90%;
	}

	.banner .titulo h1{
		font-size: 30px;
		line-height: 32px;
		width: 90%;
		margin: 0;
		padding: 0;
	}


	.slider .slick-prev,
	.slider .slick-next{
		top: 34%;
	    width: 60px;
	    height: 80px;
	}

	.slider .slick-prev:before{
	    width: 60px;
	    height: 80px;
	}
	.slider .slick-next:before{
	    width: 60px;
	    height: 80px;
	}




	a.btn01:link,a.btn01:visited{
	    font-size: 14px;
		line-height: 33px;
	    width: 200px !important;
	    height: 35px !important;
	    margin: 20px 0 0 11px !important;
    	transform: scale(1.10);
	}

	.bord-a{
	    width: 200px;
	}
	.bord-a:before{
	    height: 35px;
	}
	.bord-a:after{
		z-index: 100;
		top: 35px;
	    width: 200px;
	}
	.btn01:before{
		bottom: 0;
	    height: 35px;
	}

	.txt-btn{
	    width: 200px;
	    height: 35px;
	}




	.contentHome .cntHome{
		width: 96%;
		padding: 20px 0 0 0;
	}
	.contentHome .cntHome h2{
		font-size: 26px;
		margin: 30px 0;
	}



	.contentIn{
		height: auto;
		padding: 0;
	}
	.contentIn .cntIn{
		width: 96%;
		height: auto;
	}
	.contentIn .cntIn p{
		font-size: 16px;
		line-height: 22px;
		width: 90%;
		margin: -20px auto 35px auto;
	}





	.contIn .formA .button{
		float: none !important;
		height: 58px;
		margin: 10px auto;
		padding: 0 45px;
	}



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



	.content{
		width: 100%;
	}
	.content .cntContent{
		width: 84%;
	}



	.contentInfo .cntInfo{
		width: 100%;
		margin: 0 auto;
	}
	.contentInfo .cntInfo h2{
		font-size: 26px;
		margin: 0 auto 30px auto !important;
	}



	.contentInfoB .cntInfoB{
		width: 80%;
		margin: 0 auto;
	}





	.contIn{
		width: 100%;
		margin-right: 0;
	}
	.contIn h2{
		width: 80%;
		margin: 0 0 20px 0;
	}

	.contIn .formA fieldset{
		margin: 30px 0 50px 0;
	}
	.formA textarea{
		width: 96%;
		line-height: 16px !important;
		height: 22px !important;
		padding: 4px 1% 2px 1% !important;
	}
	.contIn .formA .button{
		float: none;
		margin: 0 auto;
	}

	.contIn .formA p{
		width: 98%;
		height: 80px;
		margin: 6px 0 4px 0;
	}

	.contIn .formA p.cnt-txta{
		height: 80px !important;
		margin: 6px 0 0 0;
	}




	.contOp{
		width: 100%;
	}
	.contOp h2{
		width: 90%;
		margin: 0 0 20px 0;
	}
	.contOp a.btn02{
		display: block !important;
	}






	footer{
		overflow: hidden;
		background-image: none;
		height: auto;
	}
	footer .cntFooter{
		width: 90%;
		height: auto;
	}
	footer .cntFooter p{
		width: 54%;
		margin: 15px 10px 20px 0;
	}

	footer .cntFooter ul{
		left: 50%;
		position: absolute;
		margin: 4px auto 0 -110px;
	}

	footer .cntFooter ul{
		left: 50%;
		position: absolute;
		margin: 4px auto 0 -110px;
	}


	footer .cntFooter a.btn02:link,a.btn02:visited{
		float: right;
		display: block;
		font-size: 13px;
		line-height: 32px;
		width: 97px;
		height: 34px;
		margin: 34px auto 20px auto;
		padding: 0;
	}


	.bxItmSsc{
		position: relative;
		font-size: 15px;
		width: 80%;
		height: auto;
		margin-top: 0;
		padding: 35px 10% 20px 10%;
	}
	.bxItmSsc h2{
		font-size: 30px;
		line-height: 30px;
		width: 86%;
		padding-left: 15px;
		margin: 0 0 20px 0;
	}

	.bxLIt .bxItmSsc ul li:before{
	    top: 4px;
	    left: 0;
	    border: 3px solid #ffffff;
	    width: 5px;
	    height: 5px;
	}

	/* DESPLEGABLE */

	/* DESPLEGABLE PORTAFOLIO */


	.bxDCnt .close-dsp{
		top: 9px !important;
		right: 11px !important;
		/*border: 2px solid #ffffff;*/
		border-radius: 50%;
		width: 28px;
		height: 28px;
		margin: 0 0 0 0;
	}

	.bxDCnt .close-dsp:before,
	.bxDCnt .close-dsp:after{
		width: 20px;
		height: 2px;
	}
	.bxDCnt .close-dsp:before{
		top: 14px;
		right: 4px;
	}
	.bxDCnt .close-dsp:after{
		top: 14px;
		left: 4px;
	}


	.cntDsc{
		background: rgba(24,44,57,0);
		background: -moz-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(24,44,57,0)), color-stop(41%, rgba(24,44,57,0.03)), color-stop(70%, rgba(24,44,57,1)));
		background: -webkit-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: -o-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: -ms-linear-gradient(top, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		background: linear-gradient(to bottom, rgba(24,44,57,0) 40%, rgba(24,44,57,0.03) 41%, rgba(24,44,57,1) 70%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c39', endColorstr='#182c39', GradientType=0 );
	}
	.cntDsc .bxCnt{
		left: 0;
		bottom: 0;
		width: 80%;
		margin: 0 auto 20px 10%;
	}

	.cntDsc .bxCnt .bxIcoDsw,
	.cntDsc .bxCnt .bxIcoIc,
	.cntDsc .bxCnt .bxIcoAwm,
	.cntDsc .bxCnt .bxIcoMd{
		width: 56px;
		height: 56px;
		margin-right: 15px;
	}

	.cntDsc .bxCnt .bxIcoDsw:after,
	.cntDsc .bxCnt .bxIcoIc:after,
	.cntDsc .bxCnt .bxIcoAwm:after,
	.cntDsc .bxCnt .bxIcoMd:after{
	    margin: 5px auto 0 auto;
	    -webkit-transform: scale(1.00);
	       -moz-transform: scale(1.00);
	        -ms-transform: scale(1.00);
	         -o-transform: scale(1.00);
	            transform: scale(1.00);
	}

	.cntDsc .bxCnt p{
		width: 100%;
		margin-top: 10px;
	}
	.cntDsc .bxCnt .titDsc{
		font-size: 26px;
		line-height: 24px;
		width: 70%;
		margin-top: 6px;
	}
	.cntDsc .bxCnt .titDsc .small{
		font-size: 15px !important;
		line-height: 16px;
	}

	.bxDCnt .dsp-img{
		background: #142632;
	}

	.bxDCnt .dsp-img .slider,
	.bxDCnt .dsp-img .slider div{
		overflow: hidden;
	}
	.bxDCnt .dsp-img .slider img{
		width: 230%;
		margin-left: -30%;
	}
	.slider .slick-prev,
	.slider .slick-next{
	}

	/* DESPLEGABLE PORTAFOLIO */


	.close-b{
		top: 9px;
		right: 11px;
		width: 28px;
		height: 28px;
	}
	.close-b:before,
	.close-b:after{
		width: 20px;
		height: 1px;
	}
	.close-b:before{
		top: 13px;
		right: 4px;
	}
	.close-b:after{
		top: 13px;
		left: 4px;
	}



	.bxDCntF{
		height: 100vh !important;
	}


	.bxDCntF .slider {
		height: 100vh !important;
	}
	.bxDCntF .slider div{
		overflow: hidden;
	}
	.bxDCntF .slider img {
		width: 180%;
		margin-left: -30%;
	}

	.bxDCntF .cntDsc{
		height: 100vh !important;
		background: -moz-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(26,48,62,0)), color-stop(60%, rgba(26,48,62,1)));
		background: -webkit-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -o-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: -ms-linear-gradient(top, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		background: linear-gradient(to bottom, rgba(26,48,62,0) 40%, rgba(26,48,62,1) 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a303e', endColorstr='#1a303e', GradientType=0 );
	}

	.bxDCntF .cntDsc .bxCnt p{
		font-size: 12px;
		line-height: 18px;
		width: 100%;
		margin-top: 10px;
	}



	/* DESPLEGABLE */

	/* COTIZACIÓN - oculta scroll */
   


	.close-dsp{
		margin: 10px -20px 0 0;
	}

	.content-dsp-cnt{
		overflow-y: scroll;
		width: 80%;
		height: 100vh;
		padding: 0 10% 0 10%;
	}

	.content-dsp-cnt h2{
		display: block;
		font-size: 28px;
		width: 70% !important;
	}


	.content-dsp-cnt h3{
		font-size: 16px;
		line-height: 20px;
	}

	.content-dsp-cnt .close-dsp{
		top: 9px !important;
		right: -26px !important;
		border-radius: 50%;
		overflow: hidden;
		width: 28px;
		height: 28px;
		margin: 0 0 0 0;
	}

	.content-dsp-cnt .close-dsp:before,
	.content-dsp-cnt .close-dsp:after{
		width: 20px;
		height: 2px;
	}
	.content-dsp-cnt .close-dsp:before{
		top: 14px;
		right: 4px;
	}
	.content-dsp-cnt .close-dsp:after{
		top: 14px;
		left: 4px;
	}

	.content-dsp-cnt .formA{
	}
	.content-dsp-cnt .formA label{
		margin: 0 0 7px 0;
		padding: 0;
	}
	.content-dsp-cnt .formA .subt{
		font-size: 20px;
		line-height: 24px;
		margin: 5px 0;
	}

	/*.content-dsp-cnt .formA p{
		float: left;
		width: 94%;
		margin-top: 0;
	}*/
	.content-dsp-cnt .formA p{
		width: 98%;
		height: 80px;
		margin: 6px 0 4px 0;
	}


	.content-dsp-cnt .formA p:nth-child(4),
	.content-dsp-cnt .formA p:nth-child(7),
	.content-dsp-cnt .formA p:nth-child(12){
		margin: 0 24px 10px 0;
	}
	.content-dsp-cnt .formA p.frm-txt{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.content-dsp-cnt .formA p.frm-txt label{
		margin-bottom: 5px;
	}
	.content-dsp-cnt .formA p.frm-txt textarea{
		width: 96%;
		height: 50px;
		padding: 6px 5px;
	}

.content-dsp-cnt .formA .liRB{
	float: left;
	width: auto;
	margin: 4px 10px 6px 0;
}

.content-dsp-cnt .formA .liRB label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  width: auto;
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 8px 15px 8px 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.content-dsp-cnt .formA .liRB label:hover {

}
.content-dsp-cnt .formA .liRB label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 6px;
  border-radius: 50%;
  background: none;
  border: 1px solid #ff9108;
  width: 16px;
  height: 16px;
}
.content-dsp-cnt .formA .liRB input[type="radio"] {
  display: none;
}
.content-dsp-cnt .formA .liRB input[type="radio"]:checked + label:before {
  background: #ffffff;
  border: 1px solid #ffffff;

}
.content-dsp-cnt .formA .liRB input[type="radio"]:checked + label {
  color: #ffffff;
  background: #ff9108;
  border: 1px solid #ff9108;
}


	.content-dsp-cnt .formA input{
		height: 29px;
		margin: -2px 0 0 0 !important;
		padding: 2px 1%;
	}


	.content-dsp-cnt .formA .button{
		float: none !important;
		height: 54px;
		margin: 0 auto !important;
		padding: 0 60px;
	}


	.btn-sol-c{
		display: block;
	}



	.cnt-dsp-frm{
		width: 100%;
		height: auto;
	}

	.cnt-dsp-frm .content-dsp-cnt{
		position: relative;
		width: 85%;
		height: auto;
		padding: 0 5%;
	}
	.cnt-dsp-frm .content-dsp-cnt h2{
		border-left: 3px solid #ffc200;
		width: 50% !important;
		margin: 0 0 20px 0;
	}

	.cnt-dsp-frm .content-dsp-cnt .close-dsp{	
		margin: 10px 10px 0 0;
	}



	
	ul.li-02{
		width: 100%;
	}
	ul.li-02 li{
		padding: 5px 0 10px 0;
	}

	ul.li-02 li span:nth-child(1){
		width: 66%;
		margin: 2px 4% 0 0;
	}
	ul.li-02 li span:nth-child(2){
		float: right;
		clear: right;
		text-align: center;
		width: 28%;
		margin: 0;
	}

	ul.li-02 li span:nth-child(3){
		float: right;
		width: 28%;
		margin: 6px 0 0 0;
	}





	/* PRODUCTOS */

	ul.liProd li{
		width: 100% !important;
		height: 210px;
	}

	ul.liProd li .bxMsk{
		color: rgba(255, 255, 255, 1.00);
		background: rgba(26, 48, 62, 0.00) center;
	}
	ul.liProd li:hover .bxMsk{
		color: rgba(255, 255, 255, 1.00);
		background: rgba(26, 48, 62, 0.70);
	}

	ul.liProd li .bxMsk .btn-vp{
		top: 33%;
		display: none;
		border: 0;
	}
/*

	ul.liProd li .bxMsk .btn-vp{
		top: 40%;
		left: 50%;
	    color: #ffd300;
	    font-size: 13px;
	    text-transform: uppercase;
	    background: rgba(26, 48, 62, 0.90);
	    width: 180px !important;
	    height: 36px !important;
	    
	}*/
	ul.liProd li:hover .bxMsk .btn-vp{
		display: block;	
	}



	ul.liProd li .bxMsk .aos-animate .bord-btn-vp{
		/*display: block;*/
	}
	ul.liProd li .bxMsk .aos-animate .bord-btn-vp:before{
		/*display: block;*/
	}
	ul.liProd li .bxMsk .btn-vp:before,
	ul.liProd li:hover .bxMsk .btn-vp:before,
	ul.liProd li .bxMsk .aos-animate .btn-vp:before{
		display: none !important;
	}
	ul.liProd li .bxMsk .btn-vp .bg-btn-vp{
		display: none !important;
	}



	ul.liProd li img{
		-webkit-transform: scale(1.10);
		   -moz-transform: scale(1.10);
		    -ms-transform: scale(1.10);
		     -o-transform: scale(1.10);
		        transform: scale(1.10);
	}



	ul.liProd li:hover img{
		-webkit-transform: scale(1.20);
		   -moz-transform: scale(1.20);
		    -ms-transform: scale(1.20);
		     -o-transform: scale(1.20);
		        transform: scale(1.20);
	}
	ul.liProd li:hover .bxPvw{
		display: none !important;
	}
	ul.liProd li:hover .bxMsk .btn-vp{
		display: none !important;
	}
	ul.liProd li:hover .bxMsk .btn-vp .bord-btn-vp{
		display: none !important;
	}



/* CLASS PARA OCULTAR BOTÓN */
ul.liProd li.dsp-mb-h a{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}

ul.liProd li.dsp-mb-h img{
	-webkit-transform: scale(1.20);
	   -moz-transform: scale(1.20);
	    -ms-transform: scale(1.20);
	     -o-transform: scale(1.20);
	        transform: scale(1.20);
}

ul.liProd li.dsp-mb-h .bxIcoDsw,
ul.liProd li.dsp-mb-h .bxIcoIc,
ul.liProd li.dsp-mb-h .bxIcoAwm,
ul.liProd li.dsp-mb-h .bxIcoMd{
	background: #9faab1;
}

ul.liProd li.dsp-mb-h .bxPvw{
	display: block;
}

ul.liProd li.dsp-mb-h .bxPvw img:nth-child(1){
	z-index: 10px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(2){
	z-index: 11px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(3){
	z-index: 12px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(4){
	z-index: 13px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(5){
	z-index: 14px;
}
ul.liProd li.dsp-mb-h .bxPvw img:nth-child(6){
	z-index: 15px;
}

ul.liProd li.dsp-mb-h .bxMsk{
	color: rgba(255, 255, 255, 1.00);
	background: rgba(26, 48, 62, 0.70);
}

ul.liProd li.dsp-mb-h .bxMsk .btn-vp{
	display: block;
	border: 1px solid #ffffff;
}

ul.liProd li.dsp-mb-h .bxMsk .btn-vp .bord-btn-vp{
	display: block;
}




	ul.liProdB{
		width: 92%;
		margin: 6px 4%;
	}


	ul.liProdB li{
		width: 46%;
		margin: 6px 1%;
	}



	ul.liCat{
		font-size: 16px;
		line-height: 16px;
		margin: 8px auto 0 auto;
	}
	ul.liCat li{
		float: none;
		display: inline-block;
		width: 150px;
		height: 176px;
		margin: 0 2.5% 40px 2.5%;
	}

	ul.liCat li a{
		width: 150px;
		height: 176px;
	}
	ul.liCat li .bxIcoDsw,
	ul.liCat li .bxIcoIc,
	ul.liCat li .bxIcoAwm,
	ul.liCat li .bxIcoMd{
		margin: 0 auto 10px auto !important;
	}





	ul.liBtn li{
		line-height: 22px;
		width: 100%;
	}

	ul.liBtn li:nth-child(1),
	ul.liBtn li:nth-child(3){
		display: none;	
	}

	ul.liBtn li a{
		display: block;
		font-size: 18px;
		width: 70%;
		padding: 24px 0;
	}




}





.cntLd{
	z-index: 1000;
	/*position: absolute;
	overflow-y: hidden;
	background: #1a303e;
	width: 100%;
	height: 100%;*/
    position: fixed;
    top: 0;
    left: 0;
	background: #1a303e;
    width: 100%;
    height: 100%;
    min-height: 100vh
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #60D7A9
}




.cntAnim{
	float: none;
	position: relative;
	overflow: hidden;
	width: 141px;
	height: 127px;
	margin: 300px auto 0 auto;
    -webkit-transform: scale(0.40, 0.40);
       -moz-transform: scale(0.40, 0.40);
        -ms-transform: scale(0.40, 0.40);
         -o-transform: scale(0.40, 0.40);
            transform: scale(0.40, 0.40);
}

.msk{
	top: -1px;
	left: -1px;
	z-index: 100;
	position: absolute;
  	background: url(../lib/iso_msk.png) no-repeat center;
  	background-size: 100%;
  	width: 144px;
	height: 129px;
}

.uil-pie-css {
	background: none;
	position: relative;
	background: #ff9900;
	width: 300px;
	height: 300px;
	margin: -20px 0 0 -20px;
}
@-webkit-keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
@-webkit-keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
@-moz-keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
@-ms-keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
@-moz-keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
@-webkit-keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
@-o-keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
@keyframes uil-pie-rotate {
  0% {
    -ms-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(0deg) translate(-50px, -50px);
  }
  100% {
    -ms-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -moz-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -webkit-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    -o-transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
    transform: translate(50px, 50px) rotate(360deg) translate(-50px, -50px);
  }
}
.uil-pie-css div {
	opacity: 0.6;
	position: absolute;
	background: url(../lib/bg_cat.png) no-repeat center;
	background-size: 100%;
	width: 100px;
	height: 100px;
	border-radius: 100% 0 0 0;
	/*background: #ff4d00;*/
}
.uil-pie-css div{
  /*background: #fc001a;*/
  -ms-animation: uil-pie-rotate 1.45s linear infinite;
  -moz-animation: uil-pie-rotate 1.45s linear infinite;
  -webkit-animation: uil-pie-rotate 1.45s linear infinite;
  -o-animation: uil-pie-rotate 1.45s linear infinite;
  animation: uil-pie-rotate 1.45s linear infinite;
}
.uil-pie-css div:nth-child(2){
	background-position: -40px;
  /*background: #ff4d00;*/
  -ms-animation: uil-pie-rotate 1.8666666666666667s linear infinite;
  -moz-animation: uil-pie-rotate 1.8666666666666667s linear infinite;
  -webkit-animation: uil-pie-rotate 1.8666666666666667s linear infinite;
  -o-animation: uil-pie-rotate 1.8666666666666667s linear infinite;
  animation: uil-pie-rotate 1.8666666666666667s linear infinite;
}
.uil-pie-css div:nth-child(3) {
  /*background: #66b822;*/
  -ms-animation: uil-pie-rotate 2.7s linear infinite;
  -moz-animation: uil-pie-rotate 2.7s linear infinite;
  -webkit-animation: uil-pie-rotate 2.7s linear infinite;
  -o-animation: uil-pie-rotate 2.7s linear infinite;
  animation: uil-pie-rotate 2.7s linear infinite;
}

.uil-pie-css div:nth-child(4) {
  /*background: #ffe500;*/
  -ms-animation: uil-pie-rotate 5.4s linear infinite;
  -moz-animation: uil-pie-rotate 5.4s linear infinite;
  -webkit-animation: uil-pie-rotate 5.4s linear infinite;
  -o-animation: uil-pie-rotate 5.4s linear infinite;
  animation: uil-pie-rotate 5.4s linear infinite;
}
.uil-pie-css div:nth-child(5) {
  /*background: #fff200;*/
  -ms-animation: uil-pie-rotate 1.45s linear infinite;
  -moz-animation: uil-pie-rotate 1.45s linear infinite;
  -webkit-animation: uil-pie-rotate 1.45s linear infinite;
  -o-animation: uil-pie-rotate 1.45s linear infinite;
  animation: uil-pie-rotate 1.45s linear infinite;
}
.uil-pie-css div:nth-child(6) {
  /*background: #ffcc00;*/
  -ms-animation: uil-pie-rotate 1.7666666666666667s linear infinite;
  -moz-animation: uil-pie-rotate 1.7666666666666667s linear infinite;
  -webkit-animation: uil-pie-rotate 1.7666666666666667s linear infinite;
  -o-animation: uil-pie-rotate 1.7666666666666667s linear infinite;
  animation: uil-pie-rotate 1.7666666666666667s linear infinite;
}

.uil-pie-css div:nth-child(7) {
 /* background: #fc001a;*/
  -ms-animation: uil-pie-rotate 2.65s linear infinite;
  -moz-animation: uil-pie-rotate 2.65s linear infinite;
  -webkit-animation: uil-pie-rotate 2.65s linear infinite;
  -o-animation: uil-pie-rotate 2.65s linear infinite;
  animation: uil-pie-rotate 2.65s linear infinite;
}

.uil-pie-css div:nth-child(8) {
  /*background: #cce70b;*/
	  -ms-animation: uil-pie-rotate 4.8s linear infinite;
  -moz-animation: uil-pie-rotate 4.8s linear infinite;
  -webkit-animation: uil-pie-rotate 4.8s linear infinite;
  -o-animation: uil-pie-rotate 4.8s linear infinite;
  animation: uil-pie-rotate 4.8s linear infinite;
}