html,body {font-weight: 300;margin:0;padding:0;color:#ffffff;font-size:16px; overflow-x: hidden;}
img {border:0;}
h1,h2,h3,h4,h5,th {margin:0;padding:0; font-weight: normal;}
.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;}
.tdelay_9{ transition-delay:.9s;}
.button_zone a{ padding: 16px 0; border-radius: 25px;color: #fd9d56;display: inline-block; border: 1px solid #fd9d56;font-weight: 400; font-size: 0.9em; text-align: center;background-color: rgba(253,157,86,0.05); width: 300px; margin-right: 6em;letter-spacing: 0.09em;}
.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{ 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 6.3em; }
#header_section .contenedor {position: relative; z-index: 2;font-weight: 400; 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 .back_opacity{ background-color: #282a35; opacity: 0.9; position: absolute; top: 0; bottom: 25px; left: 0; right: 0; z-index: 1;}
header h1{ font-size: 3em; width: 50%; padding-top: 0.5em; position: relative; font-weight: 400; font-weight: 700;}
#header_section p.tdelay_6{ width: 68%; margin: 3em 0 3.3em; font-size: 1.25em; line-height: 1.4em;}
#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;}
.svgicon{ font-size: 3.5em;}
#ep .icon-ico-endpoint-b2b,#sm .icon-ico-systems-management-b2b,#fusion .icon-ico-fusion-b2b,#email .image .icon-ico-email-b2b,#aether .icon-ico-aether-b2b{ font-size: 6.5em; color: #72dda3; left: -20px;}
#platform{text-align: center; padding-top: 3.56em;}
#platform h2{ color: #000000; font-size: 2.12em; text-align: center;font-weight:700; font-weight: normal;}
#platform .graphic{background:url(../img/platform.png) center center no-repeat; display: block; width: 773px; height: 568px; margin: 2.4em auto 4.3em;}
#visibility{background:url(../img/visibility_back.jpg) no-repeat; background-size: cover; padding: 10.5em 0 12.4em; }
#visibility h2{font-weight:700; font-weight: normal;font-size: 2.11em; margin: 0 auto; width: 51%;text-align: center;}
#modules,#datacontrol{padding:4.9em 0 0;font-weight: 400;}
.contenedor_big{ text-align: left; max-width: 1540px; margin-left: auto; margin-right: auto;box-sizing: border-box;}
#modules h2{ font-size: 2.1em; margin-bottom: 2.5em; color: #000000;font-weight:700;font-weight: normal; text-align: center}
#modules article,#datacontrol article{ padding:5.9em 0 0; position: relative; width: 290px;}
.slider_big{ color: #ffffff; padding: 0 0 7em; position: relative; margin-top: -6.1em;background-color: #3d3f49;}
.slider_big .svgicon{ left: -10px; color: #adacb2;}
.slider_big .arrow{background:url(../img/arrow.jpg) 0 0 no-repeat ; position: relative; display: block; height: 11px; width: 22px; left: -10px;}
#modules .arrow{ left: 99%;}
#modules .image{ background-image:url(../img/modules.png);background-repeat: no-repeat; min-height: 567px; width: 500px; position: relative; z-index: 2; background-position: 0 0; left: -183px; padding: 1em 0 0 1055px; color: #484848;}
.info .svgicon{ font-size: 4.5em; left: -14px; color: #5e6875;}
.info{ position: relative; top: -30px;}
.info h3{ font-size: 1.87em; color: #101010;font-weight:700;font-weight: normal; margin: 0.2em 0}
.image p.subtitle{ color: #101010; padding: 0.3em 0 0; font-size: 1.25em; margin-bottom: 0.9em;font-weight: 400; }
#modules ul{margin:-0.3em 0 0 1.1em;font-weight: 300; }
#modules li{ margin-bottom: 0.6em; line-height: 1.5em;}
.slider_big article h4{ font-size: 1.24em; margin: 0.3em 0 0.5em;font-weight: 400; width: 95%; }
.image p{ margin-bottom: 0.9em; font-size: 1em; line-height: 1.5em; font-weight: 300; }
.slider_big .button_zone{text-align: center; margin-top: 5.2em;}
.slider_big .slider_zone{margin-top: 3.3em;}
.slider_big article p{font-size: 1.082em; min-height: 6em; line-height: 1.4em; width: 85%;}
#datacontrol .contenedor_big{ padding-left: 11em;}
#datacontrol .slider_big { margin-top: -3.6em;}
#datacontrol article{ padding-top:6.5em; }
#datacontrol .image{ background-image:url(../img/datacontrol.png); background-repeat: no-repeat; background-position: 100% 0; padding-right: 1045px;min-height: 567px; width: 500px; position: relative; z-index: 2; color: #484848; padding-top: 1em; }
#datacontrol .slider_big article h4{ margin: 0.8em 0 0.5em;}
#datacontrol p a{ color: #6dacde;}
.owl-controls{ margin-top: 1.4em;}
.owl-dots .owl-dot span { background-color: #696969 ; }
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background-color: #ffffff; }
.documentation{background-color: rgba(0, 0, 0, 0.9); display: none;left:50%; margin-left: -360px; position: fixed; top: 10%; width: 721px; z-index: 100; padding:2em 2em 8em; border-radius: 10px;-webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,1);-moz-box-shadow: 0px 0px 15px 0px rgba(255,255,255,1);box-shadow: 0px 0px 15px 0px rgba(255,255,255,1);}
.documentation h3{ font-size: 2em; margin-bottom: 2em;}
.documentation h4{ font-size: 1.3em; margin-bottom: 2em;}
.documentation p{ font-size: 1.2em; margin-bottom: 1em;border-bottom: 1px solid #ffffff;background: url(../img/arrow.png) top right no-repeat; padding-bottom: 0.1em;}
.documentation p a{color: #ffffff; }
.documentation .block{ display: inline-block; width: 46%;vertical-align: top;}
.documentation .block:last-of-type{margin-left: 3em;}
#siem{background:url(../img/siem.jpg) no-repeat ;background-attachment:fixed;background-size:cover; color: #ffffff; padding:4em 0 3.5em;font-weight: 300; }
#siem .contenedor{text-align: center;}
#siem .name{ font-size: 1.6em;font-weight: 400; margin: 0; width: 100%; }
#siem .svgicon{ font-size: 2.5em; top: 23px; left: 5px;}
#siem h2{ font-size: 2.12em;font-weight: 700; font-weight: normal;margin: 1.2em auto 0.2em; width: 95%; }
#siem h3{font-weight: 400; font-size: 1.25em; width: 95%; margin: 0 auto;}
#siem p{ width: 67.5%; margin: 2.8em auto 2.3em; line-height: 1.4em}
#siem .button_zone a { margin-right: 0;}
#map .graphic{background:url(../img/map.jpg) center center no-repeat; display: block; width: auto; height: 448px;background-size:cover;}
#services{margin:2em 0 5.5em;}
#services .image{color: #454f5c;background-image:url(../img/attestation.jpg); background-repeat: no-repeat; background-position: 100% 0; padding: 0 1045px 0 11em;min-height: 496px; width: 500px;}
#services .left{background-image:url(../img/investigation.jpg); background-position: 0 0; padding-left: 1055px;min-height: 496px; width: 500px;position: relative; right: 182px;}
#services h2{ color: #000000; margin: 2.45em auto 2.1em;font-weight:700; text-align: center; font-size: 2.17em;}
#services .button_zone a {color: #101010;background-color: transparent; border: 2px solid #101010; padding: 10px 35px; margin-top: 1.9em; width: auto;}
#services .button_zone a:hover{ background-color: #000000; color: #ffffff;}
#services .image p.subtitle { color: #616a77;}
#services .info { top: -18px;}
#services .left .info { top: 50px;}
#cta_zone{padding:2.4em 0 1.4em; background-color:#6dacde; text-align:center; position:fixed; right:0; z-index: 3; top: 135px; width: 51px; }
#cta_zone a { width: 150px; color: #ffffff; display: block; font-weight: 400;font-weight: normal; 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-weight:300; font-weight: 700;}
#cta_zone_mobile .text_cta p{font-weight: 400; 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-weight: 400; font-size: 0.9em; padding:1em 5em;}
@media screen and ( max-width: 1540px ){
#datacontrol .contenedor_big{ padding-left: 0;}
.contenedor_big{ max-width: 1190px;}
#modules .contenedor_big .image{ left: -350px; padding: 0 0 0 90%;}
#services .image:not(.left) { padding-left: 0;}
#services .left { right: 355px;}
}
@media screen and ( max-width: 1340px ){
#modules .contenedor_big .image{ left: -400px; }
}
@media screen and ( max-width: 1200px ){
#header_section .contenedor { padding-left: 30px;}
header h1 { width: 70%;}
#modules .contenedor_big .image,#datacontrol .contenedor_big .image,#services .contenedor_big .image{ background:none; padding: 0 0 6em; width: 93%;min-height: auto;left: 1em; position: relative;}
#modules .arrow , #datacontrol .arrow { left: 10px;}
#modules article ,#datacontrol article { margin: 0 auto; text-align: center;}
#modules article p ,#datacontrol article p{ width: 100%;}
#modules .button_zone,#datacontrol .button_zone { margin-top: 4em;}
#modules article ,#datacontrol article{ padding: 20px 0 0;}
}
@media screen and ( max-width: 1099px ){
#visibility h2 { width: 70%;}
}
@media screen and ( max-width: 1023px ){
#siem {padding-top:0.4em;}
}
@media screen and ( max-width: 900px ){
header p { width: 80%;}
header h1 { width: 96%;}
}
@media screen and ( max-width: 800px ){
#header_section p.tdelay_6 { width: 95%;}
#platform .graphic { background-size: 90%; margin-top: 0; width: auto;}
#services .contenedor_big .image { padding-bottom: 2em;}
}
@media screen and ( max-width: 700px ){
header p { width: 96%;}
.button_zone a { margin-right: 1em;}
#visibility { padding: 10em 0;}
}
@media screen and ( max-width: 640px ){
#siem .button_zone a ,.button_zone a { display: block; margin: 0 auto 1em;}
#header_section .button_zone { margin-left: -30px;}
#services .button_zone a{ display: inline-block;}
#siem p { width: 95%;}
.button_zone a.boton_azul { display: block; margin-right: auto;}
#platform .graphic { background-position: center 20px; margin-bottom: 0; height: 520px;}
#platform h2 { width: 95%; margin-left: auto; margin-right: auto;}
}
@media screen and ( max-width: 550px ){
#cta_zone_mobile{display: block; z-index: 5;}
#cta_zone{display: none;}
#cta_zone_mobile .text_cta h2{ color: #ffffff; font-weight: 400; 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-weight: 400; font-size: 14px;}
#cta_zone_mobile { background-color: #6dacde; padding: 0.9em 0;}
header h1 { font-size: 2.4em;}
#visibility { padding: 7em 0;}
#visibility h2 { width: 90%;}
}
@media screen and ( max-width: 500px ){
#platform .graphic { height: 400px;}
#map .graphic { background-size: auto; background-image: url("../img/map.png");}
#visibility { background-size: auto;background-image: url("../img/visibility_back.png");}
}
@media screen and ( max-width: 400px ){
#platform .graphic { height: 330px;}
}
@media screen and ( max-width: 350px ){
header h1 { font-size: 2em;}
}