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, .chars .boton_negro{ 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;}
.button_zone a:hover{ color:#ffffff; background-color: #fd9d56; }
.button_zone a span, .chars .boton_negro 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.boton_azul:hover{ color:#ffffff; background-color: #7bb5e1; }
.chars a.boton_negro{ color: #101010; border: 2px solid #101010; margin-left: 5.3em;background-color: rgba(16,16,16,0.05); display: block; margin:4em auto 0;}
.chars a.boton_negro:hover{ color:#ffffff; background-color: #101010; }
header{ text-align:center;background-image:url("../img/header_back_patch.jpg"); background-attachment:fixed;background-repeat:no-repeat;background-size:cover; }
.header_patch{background-image:url("../img/header_back_patch.jpg")}
#header_section {position: relative; color: #ffffff; padding: 4em 0 6.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; }
.icon-ico-adaptive-defense-logohead-b2b{color: #ffffff;}
#header_section .product_name .name{ font-size: 1.288em; position: relative; left: -12px}
#header_section .back_opacity{ background-color: #282a35; opacity: 0; position: absolute; top: 0; bottom: 25px; left: 0; right: 0; z-index: 1;}
#header_section h1{ font-weight: 700; font-size: 3em; width: 60%; padding-top: 0.5em; position: relative; font-family:"Campton Medium","Century Gothic";}
/*#header_section h1.XL { width: 60%;}*/
#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 a{ color:#ffffff; background-color: #fd9d56; font-size: 0.85em; letter-spacing: 0.09em; }
#header_section .button_zone a.boton_rojo{ background-color: #fa0808; border-color: #fa0808;}
#header_section .button_zone a.boton_azul{ margin-left: 4.3em;background-color: #6dacde;}
header .symbol{ display: block; width: 1156px; height: 410px; background: url("../img/symbol.png") no-repeat top center;}
header .leap{ border-left: 5px solid #fa0808; padding-left: 5px; font-size: 58px; font-family:"Campton SemiBold","Century Gothic";}
#header_section .button_zone { margin: 2em auto 0; text-align: center; font-size: 1.5em;}
#header_section .button_zone a{ letter-spacing: normal; width: 15.8em; padding: 10px 0}
.chars { border-top: 2px solid #c7c7c7; margin: 4.5em 0 4.2em;color: #101010; }
.chars article{ margin-top: -27px; }
.chars article:before { content: "•"; font-size: 2.5em; color: #1c1b20;}
.chars article .svgicon{ display: block; font-size: 4.8em; left: -10px; position: relative; top: 10px;}
.chars article h4{font-size:1.57em; max-width:270px;font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; margin:2em 0 0.6em 0.38em; line-height: 1.3em;}
.chars article p{ color: #454f5c; width: 99%; margin-left: 0.38em; line-height: 1.5em;}
.owl-dots .owl-dot span { border:1px solid #c6d0db;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background-color: #696969; border-color: #696969;}
.owl-carousel .owl-stage-outer { overflow: visible;}
.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;}
#solutions .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: 46%;vertical-align: top;}
.documentation .block:last-of-type{margin-left: 3em;}
.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";}
/*#gartner{background: url("../img/back-gartner.jpg") no-repeat center top; padding: 4em 0 3.6em; color: #ffffff; background-size: cover;display:none;}
#gartner .contenedor{text-align: center;}
#gartner h1{ font-size: 2.04em; margin: 1.5em auto;font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; width: 65%;}
#gartner a { border: 2px solid #fd9d56; border-radius: 5em; color: #fd9d56; display: block; font-family: "Campton Book","Century Gothic"; font-size: 14px; margin: 3.8em auto 0; padding: 0.9em 0; text-align: center; width: 20.5em; letter-spacing: 0.09em;}
*/
#gartner{ background-color: #8155a6; padding: 1.9em 0 2em;}
#gartner img{ display: block; margin: 0 auto 2.3em;}
#gartner .contenedor{text-align: center;max-width: 1100px;}
#gartner #logo-premio{background: url("../img/logo-gartner-premio.png") no-repeat left top; display: inline-block; width: 237px; height: 190px; margin-right: 2.3em; vertical-align: top;}
#gartner h1{ display: inline-block; text-align: left; color: #cbb2da; width: 44.7%; vertical-align: top;font-family:"Campton SemiBold", "Century Gothic"; font-size: 1.85em; line-height: 1.4em; margin-top: 0.4em;}
#gartner h1 span{color: #ffffff; font-size: 1.22em;}
#gartner a { color: #ffffff; display: inline-block; border-radius: 5em; font-family: "Campton SemiBold","Century Gothic"; font-size: 14px; margin: 2.8em 2em 0 auto; padding: 1.3em 0; text-align: center; min-width: 13.3em; letter-spacing: 0.03em; background-color: #e0b318;}
#gartner a:last-of-type{margin-right: 0;}
#solutions{ padding: 5.4em 0 5.7em 1.5em;}
#solutions .line{ border-bottom: 1px solid #bcbbbc; height: 1px; width: 100%; display: block; margin-bottom: 2em;}
#solutions h2{ font-size: 2.12em; margin:0 0 1.5em -4em; text-align: center; color: #1c1b20;font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; }
#solutions .svgicon{ font-size: 6.3em; color: #72dda3; position: relative; left: -15px;}
#solutions #sm .svgicon{ color: #1f9fee; }
#solutions #fusion .svgicon{ color: #7bb5e1;}
#solutions #email .svgicon{ color: #fd9d56; }
#solutions #fusion360 .svgicon{ color: #065ca8; font-size: 3.4em; top: -22px; }
#solutions h4{ font-size: 1.56em; font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; color: #101010; margin-top: 0.7em; }
#solutions #ep h4{ margin-top: 0;}
#solutions .subtitle{ color: #72dda3; width: 17em; margin-left: 0; margin: 0.8em 0 0.2em; font-size: 1.23em;}
#solutions #sm .subtitle{color: #1f9fee; border-color: #1f9fee; }
#solutions #fusion .subtitle{color: #7bb5e1; border-color: #7bb5e1; }
#solutions #email .subtitle{color: #fd9d56; border-color: #fd9d56; }
#solutions #fusion360 .subtitle {color: #065ca8; border-color: #065ca8;}
.product{ margin: 0 5.6em 4.3em 0; display: inline-block; width: 28%; }
.product a{ border: 2px solid #72dda3; color: #72dda3;font-family:"Campton Book", "Century Gothic";padding: 10px 30px; font-size: 14px; border-radius: 3em; display: inline-block; margin-top: 1.7em;background-color: rgba(175,211,154,0.05); letter-spacing: 0.09em;}
.product a.XS{padding: 10px;}
.product a:hover{ color:#ffffff; background-color: #72dda3;}
#ep.product{display: block; background: url("../img/back-ep.png") no-repeat right top; padding: 8em 64.2em 0 0; min-height: 448px; margin-bottom: 2em;}
#email.product{ margin-right: 0;}
#fusion360.product{ margin-right: 0;}
#solutions .contenedor{max-width: 1190px;}
#solutions .contenedor:first-of-type{ max-width: 1400px; padding-left: 6.1em;}
#sm a{color: #1f9fee; border-color: #1f9fee; }
#sm a:hover{ color:#ffffff; background-color: #1f9fee; }
#fusion a{color: #7bb5e1; border-color: #7bb5e1; }
#fusion a:hover{ color:#ffffff; background-color: #7bb5e1; }
#fusion360 a{color: #065ca8; border-color: #065ca8; }
#fusion360 a:hover{ color:#ffffff; background-color: #065ca8; }
#email a{color: #fd9d56; border-color: #fd9d56; }
#email a:hover{ color:#ffffff; background-color: #fd9d56; }
.product a.info,#sm a.info,#fusion a.info,#email a.info,#fusion360 a.info{ border-color: #101010; margin-left: 1.3em; color: #101010;padding: 10px 35px;}
.product a.info,#sm a.info,#fusion a.info,#email a.info,#fusion360 a.info{ padding: 10px;}
.product a.info:hover,#sm a.info:hover,#fusion a.info:hover,#email a.info:hover,#fusion360 a.info:hover{color:#ffffff; background-color: #000000;}
#solutions .description{ margin-top: 1.35em;line-height: 1.43em; min-height: 5.7em;}
#solutions .button_zone{ text-align: center; padding-top: 3em;}
#solutions .button_zone a { width: 20.5em; margin-left: 0;}
#solutions .button_zone a.XL { width: 23.5em;}
#solutions .button_zone a.boton_azul,#solutions .button_zone a.boton_negro { margin-left: 5em;}
#solutions .documentation .svgicon{ font-size: 1.4em; left: 0; color: #ffffff; }
#partner_program{background: url("../img/back_partnerprogram.jpg") no-repeat center top; padding: 6.5em 0 5.5em; color: #ffffff; background-size: cover; }
#partner_program h3{font-family:"Campton Book", "Century Gothic";text-align: center; font-size: 1.41em;}
#partner_program h2{font-family:"Campton Medium", "Century Gothic"; font-size: 2.05em; margin: 0.8em 0 2.1em;text-align: center;}
#partner_program #partner_img{ width: 100%; height: 100%;background: url("../img/partner-logos.png") no-repeat center top; height: 74px; width: 1173px;}
#chars_down{padding: 6.7em 0 40px; color: #000000;text-align: center;}
#chars_down h2{ font-size: 2.05em;font-family:"Campton SemiBold", "Century Gothic";font-weight: normal; }
#chars_down h3{font-size: 1.58em; margin: 1.2em 0 2.4em; color: #1c1b20;}
#chars_down a{ font-size: 14px; color: #0098a6; font-family:"Campton Book", "Century Gothic"; border-radius: 25px; padding: 14px 25px;border: 2px solid #0098a6; display: inline-block; margin: 7.5em auto 2em; font-weight: normal; letter-spacing: 0.09em;}
#chars_down a:hover{ background-color: #0098a6; color: #ffffff; }
#chars_down a span{ text-decoration: underline;}
#chars_down .slider_zone{ padding:30px 0 0; text-align: left;}
#chars_down article .svgicon{ font-size: 5em; color: #0098a6;}
#chars_down article h4{ font-family:"Campton SemiBold", "Century Gothic";font-weight: normal;font-size: 1.5em; margin: 0.8em 0}
#chars_down article p{ color: #454f5c; line-height: 1.4em}
#cta_zone{padding:2.4em 0 1.4em; background-color:#6dacde; text-align:center; position:fixed; right:0; z-index: 2; top: 135px; width: 51px; }
#cta_zone a { width: 150px; color: #ffffff; display: block; font-family: "Campton Book","Century Gothic"; font-size: 0.8em; transform: rotate(-90deg); transform-origin: left bottom 0; margin: 10em 0 0 2.8em; letter-spacing: 0.05em;}
#cta_zone.XL a { width: 180px; margin-top: 11.5em; }
#cta_zone_mobile{ display: none;padding:1.5em 0; background-color:#d8e7f7; text-align:center; position:fixed; bottom:0; width:100%; z-index: 1;}
#cta_zone_mobile .contenedor{ text-align: center;}
#cta_zone_mobile .text_cta, #cta_zone_mobile .button_cta{display:inline-block; vertical-align:middle; text-align:left;}
#cta_zone_mobile .text_cta{margin-right:2em;}
#cta_zone_mobile .text_cta h2{font-size:1em; color: #303e48; font-family: "Montserrat", "Campton Light", "Century Gothic"; font-weight: 700;}
#cta_zone_mobile .text_cta p{font-family:"Campton Book","Century Gothic"; font-size:1.125em;}
#cta_zone_mobile .telephone_zone{display:inline-block; vertical-align:middle; text-align:left;margin-left:2em; padding:10px; border-radius:10px; border:1px solid #437fc0; background-color:#ffffff;}
#cta_zone_mobile .telephone_zone a, #cta_zone_mobile .telephone_zone span{display:block;}
#cta_zone_mobile .telephone_zone span{color:#5a5a5a;}
#cta_zone_mobile a.telephone_container{position:relative; padding-left:35px; color: #437fc0; line-height:25px; font-size:18px; transition:all .5s;}
#cta_zone_mobile a.telephone_container:before{position:absolute;left:0;content: "\e651"; color:#437fc0; font-size:25px; font-family:"ico_panda"}
#cta_zone_mobile a.telephone_container:hover{text-decoration:underline;}
.button_cta a { background-color: #6dacde; border-radius: 5em; color: #ffffff; display: inline-block; font-family: "Campton SemiBold","Century Gothic";font-weight: normal; font-size: 0.9em; padding:1em 5em;}
#note{ margin: 0.5em auto; text-align: center; font-size: 12px;}
#summit{background: url("../img/back_summit.jpg") no-repeat center top; width: 100%; position: relative; background-size: cover;}
#summit .contenedor{ text-align: center;background: url("../img/back-summit-text.png") no-repeat center top;height: 431px;max-width: 1260px;}
#summit p{font-size: 1.8em;font-family:"Dosis","Century Gothic"; position: relative; top: 27%; left: 62.5%; color: #ffffff; width: 12%; text-align: left; line-height: 1.1em; border: 1px solid #ffffff; padding: 1em 9.2em 1em 1.2em;}
#summit p.XL{width: 15%; padding-right: 7.9em;}
#summit a{ width: 21em; background-color: rgba(253, 157, 86, 0.05); border: 2px solid #fd9d56; border-radius: 25px; color: #fd9d56; display: block; font-family: "Campton Book","Century Gothic"; font-size: 14px; letter-spacing: 0.09em; padding: 15px 0; margin: 11.3em auto 0; }
@media screen and ( max-width: 1550px ){
/*#b2b_home header p { width: 60%;}*/
#ep.product { background-size: 60% auto; padding: 5em 54em 0 0;}
}
@media screen and ( max-width: 1400px ){
#solutions .contenedor:first-of-type { max-width: 1190px; padding-left: 0;}
#solutions h2 { margin: 0 auto;}
}
@media screen and ( max-width: 1260px ){
#summit .contenedor{ text-align: center;background: url("../img/back-summit-text.png") no-repeat center top;height: 431px; background-size: 90% auto;}
#summit p { padding-right: 7.4em;}
#summit p.XL { padding-right: 6em;}
}
@media screen and ( max-width: 1200px ){
#ep.product { background-size: 40% auto; padding: 2em 30em 0 0;}
.product { display: block; margin: 1em auto; width: 50%;}
#email.product { margin-right: auto;}
#fusion360.product { margin-right: auto; margin-top: 2em;}
#solutions #fusion360 .svgicon { top: 0;}
}
@media screen and ( max-width: 1150px ){
#header_section .contenedor{padding-left: 2em;}
#partner_program #partner_img {background-image:url("../img/partner-logos-mobile.png"); height: 199px; width: 673px; margin: 0 auto;}
header .symbol {display: none;}
#b2b_home header .leap { width: 95%; font-size: 50px; margin: 2.5em auto 0}
}
@media screen and ( max-width: 1000px ){
#header_section p.tdelay_6 {width: 64%;}
#header_section h1 { width: 90%;}
#summit p { padding-right: 6.4em; font-size: 1.5em; top: 20%;}
}
@media screen and ( max-width: 900px ){
#chars_down h2 { padding-left: 50px;}
#chars_down h3 { padding-left: 50px;}
#b2b_home header p { width: 80%;}
.chars article{text-align: center;}
.chars article .svgicon { margin: 0 auto; left: 0}
.chars article h4 { margin-left: auto; margin-right: auto; width: 100%; text-align: center;}
.chars article::before { left: auto; margin-left: auto;}
.chars article p { text-align: center; width: 50%; margin-left: auto; margin-right: auto;}
.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; }
#ep.product { background-size: 40% auto; padding: 0 20em 0 0; }
}
@media screen and ( max-width: 800px ){
#ep.product { background:none; padding: 0; min-height: auto; margin-bottom: 3em;}
#solutions .line{display: none;}
#solutions h2 { width: 95%;}
.product { width: 90%; margin: 1em auto 3em;}
#solutions .desc { width: 64%;}
#solutions .contenedor { width: auto;}
#header_section p.tdelay_6 { width: 85%;}
#gartner h1 { width: 86%;}
#header_section .contenedor{padding-left: 30px;}
#header_section .button_zone a.boton_azul { margin-left: 4em;}
#summit p { padding-right: 6em; font-size: 1.2em; top: 17%;}
.button_zone a{display: block; margin: 0 auto 1em;}
#header_section .button_zone a.boton_azul { margin-left: auto !important;}
}
@media screen and ( max-width: 700px ){
header h1 { font-size: 3em;}
#b2b_home header p { width: 96%;}
.chars article p { width: 70%;}
#partner_program { padding: 5em 0 2em;}
#partner_program #partner_img {background-size: 94%; width: auto; }
#solutions { padding-left: 0;}
#header_section .button_zone a.boton_azul { margin-left: 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;}
#solutions .icono { margin: 0 0 1em 4em;}
#solutions .desc { width: 94%;}
header h1 { width: 90%;}
#partner_program { padding: 2em 0 0;}
#partner_program h2 { width: 95%; margin-left: auto; margin-right: auto;}
.button_zone a,#solutions .button_zone a { display: block; margin: 1em auto 0;}
#solutions .button_zone a.boton_azul,#solutions .button_zone a.boton_negro{margin-left: auto;}
#summit p.XL{padding-right: 3.5em;}
#summit p{display:none;}
#summit .contenedor{background-image:url("../img/back-summit-text-mini.png");padding-top:320px;padding-bottom:2em;height:auto;}
#summit a{margin-top:0;}
#b2b_home header .leap { width: 85%; }
}
@media screen and ( max-width: 550px ){
.documentation{width: 80%; left: 50%; margin-left: -46%;}
.documentation p a { padding-right: 1em;}
#cta_zone_mobile{display: block; z-index: 5;}
#cta_zone{display: none;}
#cta_zone_mobile .text_cta h2{ color: #ffffff; font-family:"Campton Book","Century Gothic"; font-size: 14px; font-weight: normal;}
#cta_zone_mobile .text_cta { margin-right: 0;}
#cta_zone_mobile .button_cta a{ background-color: transparent; padding: 0;font-family:"Campton Book","Century Gothic"; font-size: 14px;}
#cta_zone_mobile { background-color: #6dacde; padding: 0.9em 0;}
header h1 { font-size: 2.4em;}
#summit .contenedor{ /*height: auto; padding-bottom: 1em;*/}
#summit p { padding-right: 5em; font-size: 1em; top: 50px;}
#summit p.XL{padding-right: 1em; width: 25%;}
/*#summit a { margin-top: 5em;} */
}
@media screen and ( max-width: 480px ){
#partner_program #partner_img {height: 160px; }
#summit .contenedor{padding-top:240px;}
#header_section h1 { font-size: 40px;}
}
@media screen and ( max-width: 400px ){
.chars article p { width: 90%;}
#summit p { padding-right: 4em; font-size: 0.9em; top: 40px;}
#summit .contenedor{padding-top:200px;}
}
@media screen and ( max-width: 350px ){
#header_section h1 { font-size: 36px;}
}
@media screen and ( max-width: 320px ){
#chars_down a { font-size: 0.8em;}
}