html,body {font-family:"Campton Light","Century Gothic";margin:0;padding:0;color:#454f5c;font-size:16px;  }
img {border:0;}
h1,h2,h3,h4,h5,th {margin:0;padding:0;}
.contenedor {max-width:1190px;margin-left:auto;margin-right:auto;box-sizing:border-box; text-align: left;}
main *,.main * {transition:transform .5s, opacity .5s, border .5s;}
.pieza_oculta{	transform:translateY(20px);	opacity:0;}
.tdelay_3{	transition-delay:.3s;}
.tdelay_6{	transition-delay:.6s;}

.button_zone a,button,#news a{ padding: 15px 0; width: 22em; border-radius: 25px;    color: #fd9d56;    display: inline-block; border: 2px solid #fd9d56;font-family: "Campton Book","Century Gothic";   font-size: 14px; text-align: center; background-color: rgba(253,157,86,0.05); letter-spacing: 0.09em; cursor: pointer;}
.button_zone a:hover,#news a:hover,button:hover{ color:#ffffff; background-color: #fd9d56; }
.button_zone a span{ text-decoration: underline;}
.button_zone a.boton_azul{  color: #7bb5e1; border: 2px solid #7bb5e1; margin-left: 5.3em;background-color: rgba(123,181,225,0.05);}
.button_zone a.XL { width: 24em;}
.button_zone a.boton_azul:hover{ color:#ffffff; background-color: #7bb5e1; }
.button_zone a.boton_verde{  color: #0098a6; border: 2px solid #0098a6; margin-left: 5.3em;}
.button_zone a.boton_verde:hover{ color:#ffffff; background-color: #0098a6; }

header{	text-align:center;background-image:url("../img/header_back.jpg"); background-attachment:fixed;background-repeat:no-repeat;background-size:cover;  }
#header_section {position: relative; color: #ffffff; padding: 8em 0 18.15em; }
#header_section .contenedor {position: relative; z-index: 2;font-family:"Campton Book","Century Gothic";padding-top: 40px;}
#header_section .product_name .svgicon { display:inline-block; font-size: 3em; top: 16px; left: -8px; }
#header_section .product_name .name{ font-size: 1.288em; position: relative; left: -12px}
#header_section .product_name {    font-size: 1.24em;    margin: 1.4em 0 0.2em;}
#header_section .back_opacity{ background-color: #0098a6; opacity: 0.8; position: absolute; top: 0; bottom: 25px; left: 0; right: 0; z-index: 1;}
#header_section h1{ font-weight: 700; font-size: 3em; width: 40%;  padding-top: 0.5em; position: relative; font-family:"Campton Medium","Century Gothic";}
#header_section p.tdelay_6{ width: 54%; margin: 3em 0 3.3em; font-size: 1.25em; line-height: 1.4em; min-height: 2.8em;}
#header_section .button_zone{display:none;}
#header_section .button_zone a{ color:#ffffff; background-color: #fd9d56; font-size: 0.85em; letter-spacing: 0.09em; }
#header_section .button_zone a.boton_azul{ margin-left: 6.3em;background-color: #6dacde;}

#chars_down{padding: 10.3em 0 ; color: #000000;text-align: center;}
#chars_down article{  text-align: left;}
#chars_down article .svgicon{ font-size: 3.4em; color: #0098a6;}
#chars_down article h4{ font-family:"Campton SemiBold", "Century Gothic";font-weight: normal;font-size: 1.2em; margin: 0.8em 0}
#chars_down article p{ color: #454f5c; line-height: 1.4em}

#news{background:  url("../img/news_back.jpg") no-repeat  center top; padding: 3.6em 0 3.9em;  color: #ffffff; background-size: cover;}
#news .contenedor{text-align: center;}
#news h2{ font-size: 2.13em; margin: 0 auto 0.9em;font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; width: 75%;}
#news p{font-size: 1.25em; margin-bottom: 4.52em;}
#news .svgicon{ font-size: 6em;}

#program .contenedor{text-align: center; padding: 4.8em 0 5em;}
#program h2{ color: #101010;font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; font-size: 2.12em;}
#program h3{font-family:"Campton Book", "Century Gothic";font-weight: normal;font-size: 1.57em; margin: 1.1em 0 2.1em;}
#program .desc{width: 78%; margin: 0 auto; line-height: 1.5em;}
#menu_sections{position: relative;min-height: 15.5em; }
#menu_sections .tab{opacity: 0; position: absolute; top: 0; left: 0;  transition: opacity 1s;}
#menu_sections #marketing.tab {padding-left: 6.2em;}
#menu_sections .tab h3{ display: none; color: #0098a6;}
#menu_sections .tabselected{opacity: 1;}
#submenu{ border-bottom: 1px solid #d2d1d2; margin: 5em auto 4em; text-align: left; display: table;}
#submenu ul{ list-style: none;}
#submenu li{ display: inline-block; font-size: 1.22em; margin-right: 4.95em; padding-bottom: 1.3em;}
#submenu li:last-of-type{margin-right: 0;}
#submenu li a{ color: rgba(0,0,0,0.8);padding-bottom: 1.3em;font-family:"Campton Book", "Century Gothic"; transition: none;}
#submenu .tab_advantages.tabselected a,#submenu .tab_advantages a:hover{ color: #0098a6; border-bottom: 2px solid #0098a6;}
#submenu .tab_business.tabselected a,#submenu .tab_business a:hover{ color: #6dacde;border-bottom: 2px solid #6dacde;}
#submenu .tab_alone.tabselected a,#submenu .tab_alone a:hover{ color: #fd9d56;border-bottom: 2px solid #fd9d56;}
#submenu .tab_marketing.tabselected a,#submenu .tab_marketing a:hover{ color: #75d9a9;border-bottom: 2px solid #75d9a9;}
#menu_sections .char{ display: inline-block; width: 30%; margin-right: 3.3em; text-align: left; vertical-align: top;}
#menu_sections .tab div:last-of-type{margin-right: 0;}
#menu_sections .char h4{ font-size: 1.56em; color: #0098a6;font-family:"Campton SemiBold", "Century Gothic"; font-weight: normal; margin-bottom: 1.3em;}
#menu_sections #business .char h4, #menu_sections #business.tab h3{ color: #6dacde;}
#menu_sections #alone .char h4,#menu_sections  #alone.tab h3 { color: #fd9d56;}
#menu_sections #marketing .char h4,#marketing p, #menu_sections  #marketing.tab h3{ color: #75d9a9;}
#menu_sections .char p{margin-left: 0;}
#marketing p{font-size: 1.7em;font-family:"Campton SemiBold", "Century Gothic"; font-weight: normal; margin-bottom: 1em;margin-left: -6.2em;}
#marketing {text-align: center; margin: 0 auto; width: 100%;}
#marketing ul{display: inline-block; width: 32%; text-align: left; }


#become{ border-top: 1px solid #9e9e9e; padding: 4.3em 0 4em;font-family: "Campton Light","Century Gothic"; }
#become .contenedor{text-align: center;}
#become .desc{ margin-bottom: 2.5em;}
#become h2{ font-size: 2.13em; margin: 0 auto 0.8em;font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; width: 75%;color: #101010;}
#become h3{font-family:"Campton Book", "Century Gothic";font-weight: normal;font-size: 1.57em; margin: 1.1em 0 2em;}
#b2b_partners input,#b2b_partners select{ border: 1px solid #bcbcbc;    border-radius: 2em; color: #101010;font-family: "Campton Light","Century Gothic";        font-size: 1em;    padding: 0.8em 1.5em;    transition: all 0.5s ease 0s; margin-top: 1.4em; display: block; width: 17em;}
#b2b_partners #nombre_empresa,#b2b_partners #nombre_usuario,#b2b_partners #mail_usuario{ width: 25em;}
#b2b_partners select { width: 20em; margin-bottom: 3.2em; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-appearance: none;  -moz-appearance: none; background: url("../img/select_arrow.jpg") no-repeat 90% 50%;}
#b2b_partners #terms{display: inline-block; border-color: #0098a6; background-color: #0098a6; width: auto; display: none; }
label{position: relative;}
 label:before {  content: " ";  display: inline-block;  position: relative;  top: 3px;  margin: 0 5px 0 0;  width: 12px;  height: 12px;  border-radius: 11px;  border: 1px solid #9bd7dc;  background-color: transparent;}
input[type=radio]:checked + label:after {  border-radius: 11px;  width: 8px;  height: 8px;  position: absolute;  top: 8px;  left: 3px;  content: " ";  display: block;  background: #0098a6;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=radio]:checked + label:after {top: 7px;}
}



#become .left, #become .right{ display: inline-block; width: 40%;  text-align: left; vertical-align: top; margin-bottom: 5em;}
#become .left{ margin-right: 7em;}
#formulario_visible{text-align: center;}
#formulario_visible a{ color: #101010; text-decoration: underline;font-family:"Campton Medium", "Century Gothic";}
#formulario_enviado{ display: none;}
#error_txt{display: none; color: red;}
#b2b_partners input.error_form, #b2b_partners select.error_form{ border-color: red;}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {   background-color: #696969;    border-color: #696969;}

#header_section .form_iframe{width:480px;height:590px;padding-top:15px;border-radius:2em;background-color:#ffffff;float:right;overflow:hidden;}

.documentation{background-color: rgba(40, 42, 53, 0.9);    display: none;left:50%; margin-left: -360px; position: fixed;    top: 13%;    width: 650px;    z-index: 100; padding:0 2em 2em; color: #ffffff;font-family:"Campton Book", "Century Gothic";}
.documentation h3{ font-size: 1.2em; margin-bottom: 2.1em; margin-top: -1.1em;}
.documentation h4{ font-size: 1.24em; margin-bottom: 0.9em; color: #ffffff;font-family:"Campton Book", "Century Gothic";}
.documentation p{ font-size: 1em; margin-bottom: 1em; width: 94%;}
.documentation p a{color: #ffffff;  background: url(../img/arrow.png) top right no-repeat; display: block; width: 100%;border-bottom: 1px solid #ffffff; padding: 0 0.5em  0.7em 0;}
.documentation .block{ display: inline-block; width: 60%;vertical-align: top;}
.documentation .close{ position: relative; left: 100%;   margin-left: -0.65em; top: 0; font-size: 1.2em; vertical-align: middle; background-color: #1b1b1b; text-align: center; width: 2.3em;  padding: 0.6em 0 0.3em; cursor: pointer;font-family:"Campton Light", "Century Gothic";}
.documentation .svgicon{ font-size: 1.4em;  left: 0; color: #ffffff; }

@media screen and ( max-width: 1200px ){
	#header_section h1 { width: 70%;}
	#submenu,#program .contenedor { width: auto; margin-left: auto; margin-right: auto;text-align: center;}
	#menu_sections{ width: 95%; margin: 0 auto;}
	#menu_sections .char { width: 27%;}
}
@media screen and ( max-width: 1150px ){	
	#header_section .contenedor{padding-left: 2em;}
	#menu_sections #marketing.tab {padding-left: 0;}
	#marketing p { margin-left: 0;}
	#marketing ul {    width: auto; margin-right: 7em;}
	#marketing ul:last-of-type{margin-right: 0;}
}
@media screen and ( max-width: 1000px ){	
	#header_section p.tdelay_6 {width: 64%;}
	#become .left, #become .right { width: 45%; display: block; margin: 0 auto; position:relative;}
	#become #terms, label{ position: absolute; top: 230%;}
	.condiciones{ margin-top: 5em;}
}
@media screen and ( max-width: 900px ){	
	#chars_down {padding: 5em 0; font-size: 1.2em;}
	#chars_down h2 { padding-left: 50px;}
	#chars_down h3 { padding-left: 50px;}	
	.owl-dots { margin-top: 2em;}	
	#chars_down article{    text-align: center;}
	#chars_down article .icon-ic-compass ,#chars_down article .icon-ic-install{    left: auto;}
	#chars_down h2,#chars_down h3,#chars_down article p {     padding-left: 0; width: 85%; margin-left: auto; margin-right: auto;}
	#chars_down article p { width: 55%;}
	#chars_down h3{margin-bottom:1em; }
	#news p { width: 95%; margin-left: auto; margin-right: auto;}
	#submenu li {    margin-right: 3em;}
}
@media screen and ( max-width: 800px ){	
	#become .left, #become .right { width: 100%; margin-left: 2em;}	
	#header_section .contenedor{padding-left: 30px;}
	#header_section .button_zone{display:block;}
	#header_section .form_iframe{display:none;}
	#header_section {padding-bottom:6.15em;}
	#menu_sections .tab { opacity: 1; position: relative; margin-top: 2em;}
	#submenu{ display: none;}
	#menu_sections .char {    width: 100%; margin-left: auto; margin-right: auto; margin-top: 2em;}
	#menu_sections .tab h3{  display: block;    font-size: 2em;    font-weight: bold;    margin: 2em 0 0; text-align: left;}
	#marketing p { margin-top: 1em; text-align: left;}
	#marketing ul { margin-right: 0;   display:block; margin-left: 2em;  width: 100%;}
	.button_zone { margin-top: 5em;}
	#program h3 { width: 97%; margin-left: auto; margin-right: auto;}
}
@media screen and ( max-width: 700px ){	
	#header_section h1 {  width: 90%;}
	#partner_program {    padding: 5em 0 2em;}
	#partner_program #partner_img {background-size: 94%; width: auto;  }	
	.button_zone a ,.button_zone a.boton_azul,.button_zone a.boton_verde{ display: block; margin-left: auto; margin-right: auto;}
	.button_zone a.boton_azul,.button_zone a.boton_verde{ margin-top: 1em;}
	.documentation{width: 85%; left: 50%; margin-left: -48%;}
	.documentation .block { display: block; width: 95%; }
	.documentation .block:last-of-type {    margin-left: 0;}
}
@media screen and ( max-width: 640px ){	
	#header_section .button_zone a { display: block; margin: 1em auto;}
	#header_section .button_zone a.boton_azul { margin-left: auto;}
	#header_section .contenedor{padding-left: 0;}	
	#header_section p,#header_section h1{padding-left: 30px;}
	.button_zone a,#solutions  .button_zone a { display: block; margin: 1em auto 0;}	
}
@media screen and ( max-width: 550px ){
	#header_section h1 {   font-size: 2.4em;}
	#b2b_partners #nombre_empresa,#b2b_partners #nombre_usuario,#b2b_partners #mail_usuario{ width: 17em;}
		.documentation{width: 80%; left: 50%; margin-left: -46%;}
	.documentation p a { padding-right: 1em;}
}
@media screen and ( max-width: 400px ){	
		#become .left, #become .right { margin-left: 1em;}
}
@media screen and ( max-width: 320px ){	
	#chars_down a { font-size: 0.8em;}
}