html,body {font-family:"Campton Light","Century Gothic";margin:0;padding:0;font-size:16px; overflow-x: hidden;color: #454f5c;}
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:center;}
main *,.main * {transition:transform .5s, opacity .5s, border .5s;}
.pieza_oculta{	transform:translateY(20px);	opacity:0;}
.tdelay_3{	transition-delay:.3s;}
.tdelay_4{	transition-delay:.4s;}
.tdelay_5{	transition-delay:.5s;}
.tdelay_6{	transition-delay:.6s;}
.tdelay_9{	transition-delay:.9s;}

.button_zone a{ padding: 16px 0; border-radius: 25px;color: #fd9d56;display: inline-block; border: 1px solid #fd9d56;font-family: "Campton Book","Century Gothic"; font-size: 0.9em; text-align: center;background-color: rgba(253,157,86,0.05); width: 300px; margin-right: 6em;}
.button_zone a:hover{ color:#ffffff; background-color: #fd9d56; }
.button_zone a span{ text-decoration: underline;}
.button_zone a.boton_azul{  color: #7bb5e1; border: 1px solid #7bb5e1; background-color: rgba(123,181,225,0.05); margin-right: 0; }
.button_zone a.boton_azul:hover{ color:#ffffff; background-color: #7bb5e1; }

#header_section{text-align:center;background-image:url("../img/header_back.jpg"); background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center top;}
#header_section {position: relative; color: #ffffff; padding: 8em 0 1.3em; }
#header_section .contenedor {position: relative; z-index: 2;font-family:"Campton Book","Century Gothic"; text-align: left; padding-top: 40px;}
#header_section .product_name{ font-size: 1.24em; margin: 1.4em 0 0.2em;}
#header_section .product_name .icon-ic-adaptive{ font-size: 2.8em; position: relative; top: 18px; left: -15px;}
#header_section .product_name .name{ position: relative; left: -25px;}
#header_section .back_opacity{ background-color: #6d87d0; 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: 50%;  padding-top: 0.47em; position: relative; font-family:"Campton Medium","Century Gothic";}
#header_section p.tdelay_6{ width:54%; margin:2em 0 1em; font-size: 1.25em; line-height: 1.4em; min-height: 2.8em;}
#header_section  .button_zone a{ color:#ffffff; background-color: #fd9d56; font-size: 0.85em; letter-spacing: 0.11em; }
#header_section  .button_zone a.boton_azul{ margin-left: 6.3em;background-color: #6dacde;}

#downloads_menu{background-color:#202830;width:100%;z-index:1;position:absolute;}
#downloads_menu .submenu_container{width:100%; left:0; position:absolute;text-align:left;background-color:#202830; display: none;}
.menu_downloads{display:table; width: auto;}
.menu_downloads>li{display:table-cell;vertical-align:top;box-sizing:border-box; height:50px;}
.menu_downloads>li>a.opt_barra{color:#ffffff;display:block; border-top:3px solid transparent; position:relative;padding:13px 0; font-family:"Campton Book","Century Gothic";margin:0 50px 0 0;font-size:0.875em;}
.menu_downloads>li>a.opt_barra::before{border-bottom:1px solid #ffffff;content: "";height:1px;left: 50%;position: absolute;top:34px;transition: all 0.25s; width: 0;}
.menu_downloads>li:hover>a.opt_barra::before{left:0; width:100%;}
.menu_downloads>li.tabselected>a.opt_barra::before{left:0; width:100%;}
#downloads .contenedor{text-align:left;}
#downloads .content:not(.tabselected){display:none;}
#downloads {padding:140px 0 120px}
#downloads .svgicon{font-size:2em;top:8px}
.load_more {margin:60px auto 0; text-align:center;}
.more_resources{display:none;}
#downloads_menu .fondo_submenu {width: 1072px;}
.resource{display:inline-block;width:340px;text-align:left;vertical-align:top;background-color:#f6f6f7;border:1px solid #d9d9d9;padding:0 15px 20px;margin:0 20px 20px 0;}
.resource p{ width: 90%;}
.resource .subtitle{font-size:1em;margin:0 0 1em 0;font-family:"Campton Light","Century Gothic";}
.resource a{ color: #6dacde;margin: 1em 0; display: block;font-family:"Campton Book","Century Gothic";}
.resource h4{font-family:"Campton Medium","Century Gothic";font-weight:normal;font-size:1.25em;margin:1.5em 0 0.5em;height:4em;}
a.button_down{display:inline-block;color:#fd9d56;border:1px solid #fd9d56;padding:1em 2em;background-color:#fffaf6;border-radius:3em;min-width:240px;font-family:"Campton SemiBold","Century Gothic";font-size:0.875em;font-weight:normal;}
a.button_down:hover{background-color:#fd9d56;color:#fff;}
#modal_video{ display: none;}
.modal_back{width:100%;min-height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);display:none;z-index:100;overflow:scroll;}
.modal_back .modal_div{position:fixed;top:50%;left:50%;width:50%;margin:-20% 0 0 -25%;}
.modal_back .modal_div .contenido_modal .icon_close_modal{position:relative;left: 97.5%; cursor:pointer;font-size:1em; color:#ffffff; display: block;}
.modal_back .modal_div .contenido_modal{padding:0; margin: 0; }

@media screen and ( max-width: 1700px ){#downloads_menu .fondo_submenu {width: 972px;}	}
@media screen and ( max-width: 1500px ){#downloads_menu .fondo_submenu {width: 872px;}	}
@media screen and ( max-width: 1300px ){#downloads_menu .fondo_submenu {width: 772px;}	}
@media screen and ( max-width: 1200px ){	
	#header_section .contenedor, #downloads_menu, #downloads { padding-left: 30px;}
	#header_section h1 { width: 70%;}
	#downloads_menu .fondo_submenu {width: 672px;}	
}
@media screen and ( max-width: 1023px ){	
	#downloads_menu,#downloads { padding-left:0;}
	.menu_downloads{margin:0 auto;}
	#downloads .contenedor {text-align:center;}
}
@media screen and ( max-width: 900px ){	
	#downloads_menu .fondo_submenu {width: 450px;}	
	#header_section p { width: 80%;}
	#header_section h1 { width: 96%;}	
}
@media screen and ( max-width: 700px ){	
	#header_section{padding-top:5em;}
	#header_section p {width: 96%;}
	.button_zone a { margin-right: 1em;}
	.resource {width:80%;}
	.menu_downloads{padding-bottom:10px;}
	.menu_downloads > li{height:auto;}
	.menu_downloads > li > a.opt_barra{margin:0 10px;padding:10px 0 0}
	.menu_downloads>li>a.opt_barra::before{top:30px;}
}
@media screen and ( max-width: 640px ){		
	#header_section p.tdelay_6 {    width: 74%;}
}
@media screen and ( max-width: 600px ){	
	#header_section h1 {    width: 93%; font-size: 2.4em;}
}
@media screen and ( max-width: 500px ){	
#downloads_menu .fondo_submenu {width: auto;}	
}
@media screen and ( max-width: 350px ){	
	#header_section h1 {    font-size: 2em;}
}