
.fondo01{
	background-color: #EF3B8B;
}
.fondo02{
	background-color: #FFF;
}
.fondo03{
	background-color: #000;
}
.fondo04{
	background-color: #EFEFEF;
}
.fondo05{
	background-color: #272729;
}
.box{
	display: block;
	margin: auto;
	width: 100%;
	max-width: 1320px;
}
.box2{
	display: block;
	margin: auto;
	width: 100%;
	max-width: 1000px;
}
.box3{
	display: block;
	margin: auto;
	width: 100%;
	max-width: 1000px;
	border: 1px solid #000;
	padding: 0 30px;
}
.logo{
	width: 64px;
	height: 64px;
}
.icono, .icono2{
	width: 24px;
	height: 24px;
}
.icono2{
	fill: red;
}
.header{
	width: auto;
}
.header2{
	width: auto;
	font-family: 'sf_pro_displayregular', Helvetica;
}
.header2 a{
	color: #16327A;
	text-decoration: none;
	font-size: 14px;
}
.header2 a:hover{
	color: #666FFF;
	text-decoration: none;
}
.pleca01{
	background: #606060;
}
.pleca01 a{
	font-family: 'sf_pro_displaybold';
	color: #FFF;
	font-size: 15px;
}
.pleca01 a:hover, .pleca01Activo{
	font-family: 'sf_pro_displaybold';
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding-bottom: 0px;
}
.logo2{
	width: 125px;
}
.textoHeader{
	font-family: 'sf_pro_displaybold', Helvetica;
	color: #000;
	font-size: 15px;
}
.textoHeader span{
	font-family: 'sf_pro_displayheavy_italic', Verdana;
	color: #000;
	font-size: 15px;
	background: #00F100;
}

.textoHome01 h3{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 42px;
	color: #FFF;
}
.textoHome01 h2{
	font-family: 'sf_pro_displayheavy_italic', Verdana;
	font-size: 42px;
	color: #FFF;
}
.textoHome01 h4{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 20px;
	color: #0071B7;
}
.textoHome01 h4 a{
	text-decoration: none;
	color: #0071B7;
}
.textoHome01 h4 a:hover{
	text-decoration: none;
	color: #01F200;
}
.textoHome02 h3{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 42px;
	color: #FFF;
	line-height: 125%;
}
.textoHome02 h2{
	width: 100%;
	max-width: 600px;
	font-family: 'myriad_proregular', Verdana;
	font-size: 18px;
	color: #FFF;
}
.textoHome02 h4{
	font-family: 'myriad_proregular', Verdana;
	font-size: 18px;
	color: #2995FF;
}
.textoHome02 h4 a{
	text-decoration: none;
	color: #2995FF;
}
.textoHome02 h4 a:hover{
	text-decoration: none;
	color: #01F200;
}
/** sección 01 */
.caja01{
	/* display: block; */
	background: #000;
	border-radius: 20px;
}
.caja02{
	/* display: block; */
	background: #FFF;
	border-radius: 20px;
}
.home01 h2{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 80px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.014em;
	color: #FFF;
}
.home01 h3{
	font-family: 'sf_pro_displayheavy_italic', Verdana;
	font-size: 80px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.014em;
	color: #01F200;
	margin-top: 20px !important;
}
.home01 h4{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 21px;
	line-height: 1.381002381;
	font-weight: 400;
	letter-spacing: .011em;
	color: #FFF;
	margin-top: 30px !important;
}
.home02 h2{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 60px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -0.014em;
	color: #000;
}
.home02 h2 span{
	display: inline-block;
	font-family: 'sf_pro_displayheavy_italic', Verdana;
	background: #00F100;
}
.home02 h4{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 21px;
	line-height: 1.381002381;
	font-weight: 400;
	letter-spacing: .011em;
	color: #000;
	margin-top: 30px !important;
}

.home03 h2{
	font-family: 'sf_pro_displayheavy_italic', Verdana;
	font-size: 60px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -0.014em;
	color: #01F200;
}
.home03 h3{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 55px;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: .011em;
	color: #FFF;
}
.home03 h4{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 22px;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: .011em;
	color: #FFF;
	width: 100%;
	max-width: 500px;
	display: inline-block;
}
.home03 h5{
	font-family: 'sf_pro_displayheavy_italic', Verdana;
	font-size: 55px;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: .011em;
	color: #01F200;
}
.home03 h6{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 20px;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: .011em;
	color: #FFF;
	width: 100%;
	max-width: 500px;
	display: inline-block;
}
.img03{
	width: 100%;
	max-width: 550px;
}
.img03b{
	width: 100%;
	max-width: 175px;
}
.img04{
	width: 100%;
	max-width: 475px;
}

.home04 h3{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 60px;
	line-height: 90%;
	font-weight: 600;
	letter-spacing: -0.014em;
	color: #000;
}
.home04 h2{
	font-family: 'sf_pro_displayheavy_italic', Verdana;
	font-size: 60px;
	line-height: 100%;
	font-weight: 800;
	letter-spacing: -0.014em;
	color: #000;
	background: #01F200;
}
.home04 h4{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: #000;
	width: 100%;
	max-width: 400px;
	display: inline-block;
}

.home05 h2{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 46px;
	line-height: 100%;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: #FFF;
}
.home05 h3{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 20px;
	line-height: 125%;
	font-weight: 600;
	color: #FFF;
	width: 100%;
	max-width: 600px;
}
.home05 h4{
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 34px;
	line-height: 100%;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: #000;
}

.home06 h2{
	width: 100%;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 48px;
	line-height: 100%;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: #000;
	max-width: 500px;
	margin: auto;
}
.home06 h3{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 20px;
	line-height: 125%;
	font-weight: 600;
	color: #000;
	width: 100%;
}
.home06 h4{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 32px;
	line-height: 100%;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: #808080;
	max-width: 600px;
	margin: auto;
}

.home07{
	border-radius: 25px;
	overflow: hidden;
	background: #1D1D20;
}
.home07 img {
	border-radius: 25px 25px 0 0;
	width: 100%;
	display: block;
}
.home07 h2{
	margin: 0;padding: 0;
	width: 100%;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 26px;
	line-height: 100%;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: #FFF;
}
.home07 h3{
	margin: 0;padding: 0;
	width: 100%;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 18px;
	line-height: 100%;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: #FFF;
}
.home07 h4{
	margin: 0;padding: 0;
}
.home07 h4 a{
	width: 100%;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 16px;
	line-height: 100%;
	font-weight: 200;
	letter-spacing: -0.014em;
	color: rgb(41, 151, 255);
	text-decoration: none;
}
.home07 h4 a:hover{
	color: rgb(41, 151, 255);
	text-decoration: underline;
}

/** new Apple at work **/


.box_aaw01{
	margin: auto;
	width: 100%;
	max-width: 1200px;
}
.box_aaw02{
	margin: auto;
	width: 100%;
	max-width: 700px;
}
.box_aaw03{
	margin: auto;
	width: 100%;
	max-width: 800px;
}
.box_aaw04{
	margin: auto;
	width: 100%;
	max-width: 900px;
}

.aawn h1{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: 24px;
	color: #000;
}

.aawn h2{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: clamp(20px, 8vw, 48px);
	color: #000;
}
.aawn h2 span{
	color: #EE3B8B;
}
.aawn p{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(18px, 8vw, 32px);
	color: #000;
	line-height: 120%;
}
.aawn02 h2{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: clamp(20px, 8vw, 48px);
	color: #0387E5;
	line-height: 100%;
}
.aawn02 h2 span{
	color: #000;
}
.aawnBorde{
	padding: 50px 50px;
	border-radius: 20px;
	background: #000;
}
.aawn03 h2{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: clamp(16px, 8vw, 38px);
	color: #FFF;
	line-height: 100%;
}
.aawn03 h2 span{
	color: #4CB3F2;
}

.aawn03 ul {
  list-style-image: url('../images/bullet.png');
	margin-left: 30px;
}
.aawn03 li {
	padding: 0;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: clamp(16px, 8vw, 22px);
	color: #FFF;
	line-height: 120%;
	margin-bottom: 15px;
}

.aawn04 h2{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: clamp(16px, 8vw, 38px);
	color: #BF66B5;
	line-height: 100%;
}
.aawn04 h2 span{
	color: #FFF;
}

.aawn05 h2{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(14px, 8vw, 18px);
	color: #acacac;
	line-height: 100%;
}

.aawn06 ul {
	list-style-type: none;
	margin-left: 30px;
}
.aawn06 li {
	padding: 0;
	font-family: 'sf_pro_displaybold', Verdana;
	font-size: clamp(16px, 8vw, 26px);
	color: #FFF;
	line-height: 120%;
	margin-bottom: 15px;
}

.aawn07 h2{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(16px, 8vw, 26px);
	color: #FFF;
	line-height: 100%;
}
.aawn07 h3{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(14px, 8vw, 22px);
	color: #acacac;
	line-height: 100%;
}
.aawn07 h4{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(14px, 8vw, 18px);
	color: #FFF;
	line-height: 100%;
}
.aawn07 p{
	margin: 0;padding: 0;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(12px, 8vw, 14px);
	color: #acacac;
	line-height: 100%;
}


a.aawnBoton{
	padding: 5px 20px 10px 20px;
	text-align: center;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(12px, 8vw, 14px);
	color: #FFF;
	border: 1px solid #0387E5;
	border-radius: 15px;
	text-decoration: none;
}
a.aawnBoton:hover{
	color: #FFF;
	border: 1px solid #C066B5;
	border-radius: 15px;
	text-decoration: none;
}

.pestana a{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(14px, 8vw, 18px);
	color:#FFF;
	text-decoration: none;
	
	padding-bottom: 10px !important;
}
.pestana a:hover{
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: clamp(14px, 8vw, 18px);
	color:#FFF;
	text-decoration: underline;
	
	padding-bottom: 10px !important;
}


.colorB{
	color: #FFF !important;
}
.colorN{
	color: #000 !important;
}



.home5form{
	display: inline-block;
	width: 100%;
	max-width: 600px;
}

/** aaw **/
.aaw h2{
	font-family: 'latobold';
	color: #000;
	font-size: 28px;
	line-height: 100%;
}
.aaw h3{
	font-family: 'latoregular';
	color: #666;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.5px;
}
.aaw h4{
	font-family: 'latoregular';
	color: #606060;
	font-size: 22px;
	line-height: 100%;
}
.aaw h5{
	font-family: 'latobold';
	color: #000;
	font-size: 22px;
	line-height: 100%;
}
.aaw h6{
	font-family: 'latoregular';
	color: #333;
	font-size: 18px;
	line-height: 100%;
}

.aaw div.imagen{
	display: inline-block;
	width: 100%;
	max-width: 650px;
}
.aawboton{
	display: inline-block;
	text-align: center;
	font-family: 'latoregular';
	color: #FFF;
	background: #0387E5;
	padding: 5px;
	width: 125px;
	border-radius: 15px;
	font-size: 16px;
}
.aawboton:hover{
	background: #000;
	color: #FFF;
	text-decoration: none;
}
.aawbox{
	display: flex;
	align-items: center;
	justify-content: center;
}

/** Mac **/
.mac h2{
	font-family: 'sf_pro_displayregular';
	font-size: 36px;
	color: #000;

}
.macPresenta{
	font-family: 'sf_pro_displayregular';
	font-size: 16px;
	color: #000;
	cursor: pointer;
	background: #FFF;
	border-radius: 15px;
	padding: 3px 20px;
}
.activo{
	background: #000;
	border-radius: 15px;
	color: #FFF;
	padding: 3px 20px;
}
.macBox{
	width: 100%;
	max-width: 235px;
}
.macDesc h2{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 36px;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 120%;
}
.macDesc h3{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 13px;
	color: #bf4800;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: 120%;
}
.macDesc h4{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 20px;
	font-weight: 400;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 120%;
}
.macDesc h5{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 14px;
	color: #86868b;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: 120%;
}
.macDesc p{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: 120%;
}
.macCotiza a{
	text-align: center;
	background: #0387E5;
	color: #FFF;
	padding: 5px 15px;
	border-radius: 15px;
}
.macCotiza a:hover{
	background: #000;
	color: #FFF;
	text-decoration: none;
}
.chip{
	height: 75px;
}
.sonido{
	height: 100px;
}
.pantalla{
	height: 85px;
}
.camara2{
	height: 90px;
}

.boxLegal1{
	width: 100%;
	max-width: 350px;
}
.boxLegal2{
	width: 100%;
	max-width: 700px;
}.boxMaxProds{
	display: block;
	width: 100%;
	max-width: 1020px;
	margin: auto;
}
.boxProds{
	border-radius: 15px;
	background: #F2F2F2;
}
.boxProds h2{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 16px;
	color: #000;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: 120%;
}
.boxProds h3{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 12px;
	color: #bf4800;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: 100%;
}

.boxProds a{
	text-align: center;
	background: #0387E5;
	color: #FFF;
	padding: 5px 15px;
	border-radius: 15px;
}
.boxProds a:hover{
	background: #000;
	color: #FFF;
	text-decoration: none;
}

/** ABM **/

.abmBox{
	width: 100%;
	max-width: 400px;
}
.abm h2{
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: clamp(18px, 8vw, 42px);
	color: #000;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: 100%;
}

.abm {
	font-family: 'sf_pro_displayregular';
	font-size: clamp(14px, 8vw, 20px);
	color: #000;
	line-height: 125%; 
}
.abmHR{
	border-bottom: 2px solid #EEEEEE;
}


/** Form **/
.rsform-input-box, .rsform-text-box{
	border: 2px solid #333 !important;
	border-radius: 0px !important;
	resize: none;
}
#enviar{
	background: #2FA9FF;
	color: #FFF;
	border-radius: 0;
	border: 0px;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 18px;
	letter-spacing: 1px;
	width: 150px;
}
#enviar:hover{
	background: #000;
	color: #FFF;
}
.footer{
	color: #FFF;
	font-family: 'sf_pro_displayregular', Verdana;
	font-size: 14px;
}
.footer01{
	width: 100%;
	max-width: 100px;
}
.footer02{
	width: 100%;
	max-width: 125px;
}
#enviar{
	float: right;
}
.formRed{
	text-align: center;
}


@media (max-width: 800px) {
	.textoHome01 h3{
		font-size: 32px;
	}
	.textoHome01 h2{
		font-size: 32px;
	}
	.textoHome01 h4{
		font-size: 16px;
	}
	.textoHome02 h3{
		font-size: 32px;
	}
	.textoHome02 h2{
		width: 100%;
		max-width: 600px;
		font-size: 17px;
	}
	.textoHome02 h4{
		font-size: 16px;
	}

	.home01 h2{
		font-size: 40px;
	}
	.home01 h3{	
		font-size: 40px;
		margin-top: 10px !important;
	}
	.home01 h4{
		width: 100%;
		max-width: 300px;
		font-size: 18px;
		margin-top: 30px !important;
	}
	.home02 h2{
		display: block;
		font-size: 35px;
	}
	.home02 h4{
		font-size: 18px;
		margin-top: 20px !important;
	}

	.home03 h2{
		font-size: 40px;
	}
	.home03 h3{
		font-size: 32px;
	}
	.home03 h4{
		font-size: 18px;
		width: 100%;
		max-width: 275px;
		display: inline-block;
	}
	.home03 h5{
		font-size: 40px;
	}
	.home03 h6{
		font-size: 18px;
		width: 100%;
		max-width: 275px;
		display: inline-block;
	}

	.home04 h3{
		font-size: 30px;
	}
	.home04 h2{
		font-size: 30px;
	}
	.home04 h4{
		font-size: 18px;
		width: 100%;
		max-width: 400px;
	}

	.img03{
		width: 100%;
		max-width: 300px;
	}


	.rsform-block-demostracion h2{
		font-size: 22px;
	}

	.boxLegal1{
		width: 90%;
		max-width: 90%;
	}
	.boxLegal2{
		width: 90%;
		max-width: 90%;
	}

}
@media (max-width: 500px) {
	.textoHome02 h3{
		font-size: 30px;
	}
	.textoHome02 h2{
		width: 100%;
		max-width: 600px;
		font-size: 16px;
	}
	.textoHome02 h4{
		font-size: 15px;
	}
	.boxProds a{
		display: inline-block;
		width: 130px !important;
	}



}

