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;}
.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_6{	transition-delay:.6s;}


header{	background-image:url("../img/header_back.jpg"); background-attachment:fixed;background-repeat:no-repeat;background-size:cover; }
header .right{  display: inline-block; width: 10%; text-align: center;position: relative; top: -8.2em;}
header .right a{ color: #72dda3;}
header .play a{cursor: pointer;background:url(../img/play_button.png) center  center no-repeat #72dda3; border-radius: 10em; height: 54px; width: 54px; margin: 0 auto 1em; display: block;}
header .left{display: inline-block;width: 89%;}
#header_section {position: relative; color: #ffffff; padding: 8em 0 6.3em; }
#header_section .contenedor {position: relative; z-index: 2;font-weight: 400; text-align: left;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 .icon-ico-adaptive-defense-b2b{ font-size: 2.3em; position: relative; top: 18px; left: -9px; }
#header_section .product_name .name{ position: relative; left: -11px;}
#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-weight: 700; font-size: 3em; width: 60%;  padding-top: 0.5em; position: relative; font-weight: 400;}
#header_section p.tdelay_6{ 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_azul{ margin-left: 6.3em;background-color: #6dacde;}


.button_zone a{ padding: 15px 0; width: 22em; border-radius: 25px;    color: #fd9d56;    display: inline-block; border: 2px solid #fd9d56;font-weight: 400;   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{ 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; }

#main_chars {padding: 6.7em 0 8.3em;width: 100%;background: #f2f2f2;}
.main_chars { border-top: 2px solid #c7c7c7; color: #101010; }
.main_chars .contenedor{text-align: left;}
.main_chars article{ margin-top: -27px; }
.main_chars article:before {  content: "•"; font-size: 2.5em; color: #1c1b20;}
.main_chars .svgicon{ display: block;    font-size: 4.8em; left: -10px; position: relative;  top: 10px;}
.main_chars article h4{font-size:1.55em;	max-width:270px;font-weight:700;font-weight: normal;	margin:2.2em 0 0.6em 0.38em;  line-height: 1.3em;}
.main_chars article p{ color: #454f5c; width: 99%; margin-left: 0.38em; line-height: 1.5em;}
.owl-dots .owl-dot span { background-color: #696969 ; }
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {    background-color: #ffffff; border-color: #ffffff;}
.owl-carousel .owl-stage-outer { overflow: visible;}

.solutions{padding:3.25em 0 0;font-weight: 400; color: #454f5c;}
.solutions .contenedor_big{ text-align: left; max-width: 1540px;padding-left: 180px;  box-sizing: border-box;    margin-left: auto;    margin-right: auto;}
.slider_big  .contenedor{ padding: 0; max-width: 1190px; }
.solutions .desc{ width: 40%; text-align: left; margin-top: 8.4em; line-height: 1.4em;}
.solutions h2{ font-size: 2.1em; margin-bottom: 2em; color: #1c1b20; font-weight:700;font-weight: normal;}
.solutions h3{ font-size: 1.5em; width: 75%; color: #101010;font-weight:700;font-weight: normal;}
.solutions .image p.subtitle{ color: #72dda3; padding: 0.75em 0 0; font-size: 1.23em; margin-bottom: 0.9em; }
.solutions .image span{ font-size: 5em; color: #72dda3;}
.solutions article{	padding:70px 0 0; position: relative; width: 280px; text-align: left;}
.solutions article .svgicon { font-size: 4.6em; left: -10px;}
.solutions article span{ color: #afd39a; font-size: 5em; position: relative; left: -20px;}
.solutions .slider_big{ color: #ffffff; padding: 0 0 6.4em; position: relative;  margin-top: -10em;background-color:  #3d3f49;}
.solutions .arrow{background:url(../img/arrow.jpg) 0 0 no-repeat ; position: relative; display: block; height: 11px; width: 22px;  left: -10px;}
.solutions .image{ background-image:url(../img/thesolution.png); background-repeat: no-repeat; background-position: 100% 0; padding-right: 1045px;min-height: 561px; width: 500px; position: relative; z-index: 2;}
#fusion.solutions .image{ background-image:url(../img/Fusion360-console.png);}
#fusion .info{ text-align: left; margin-bottom: 2em;}
#fusion.solutions .image p.subtitle { color: #065ca8;}
#fusion .svgicon { font-size: 3em;}
#fusion  .info a, #atestation .info a {    border: 2px solid #065ca8;    color: #065ca8;    font-weight: 400;    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;}
#fusion  .info a:hover, #atestation .info a:hover{ background-color: #065ca8; color: #ffffff;}
#fusion a.info, #atestation a.info {    color: #000000;    border-color: #000000; margin-left: 1em;}
#fusion  a.info:hover, #atestation a.info:hover{    color: #ffffff;    background-color: #000000;}
#fusion ul{ margin-left: 2em;}
#fusion.solutions h3 { margin-top: 0.6em;}
.solutions ul{margin-left: 0.9em;font-weight: 400; }
.solutions li{ margin-bottom: 0.8em;}
.solutions article h4{ font-size: 1.24em;  margin-bottom: 0.59em;font-weight: 700; font-weight: normal; width: 75%;  }
.solutions .image p{ margin-bottom: 1.7em; font-weight: 500;  font-size: 1em; line-height: 1.5em; font-weight: 300; }
.solutions .button_zone{text-align: center; margin-top: 5.4em;}
.solutions article p{ font-weight: 500; font-size: 0.99em; min-height: 6em; line-height: 1.5em; width: 85%;}


.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-weight:400; text-align: left;}
.documentation h3{ font-size: 1.2em; margin-bottom: 2.1em; margin-top: -1.1em; color: #ffffff;}
.documentation h4{ font-size: 1.24em; margin-bottom: 0.9em; color: #ffffff;font-weight:400;}
.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-bottom: 0.7em;}
.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-weight:300;}
.solutions .documentation .svgicon{ font-size: 1.4em;  left: 0; color: #ffffff; }

#chars_down{font-weight:400;  padding: 3.7em 0 5.6em; background-color: #282a35;clear: both;}
#chars_down h2{ font-size: 2.05em; width: 40%; margin:1em auto 1.3em;}
#chars_down h2 span{text-decoration: underline;}
#chars_down article{ display: inline-block; width: 24%; margin-right: 8px;}
#chars_down a{ font-size: 0.9em;  font-weight:400;    padding: 14px 0; width: 21em;margin-top: 7em;}
#chars_down .slider_zone{	padding:30px 0 0;}
#chars_down .svgicon { font-size: 4.8em;}
#chars_down.chars article h4 { font-size: 1.25em;width: 90%; margin: 1.4em auto 0; line-height: 1.33em; font-weight: normal;}
#chars_down.chars article { padding-top: 75px;}

#left_img {background: url("../img/hacker.jpg") no-repeat;width:50%;float: left;height: 680px;}
#atestation #texto {width: 40%;float: left;padding: 4em;}
#atestation .svgicon {color:#535d6a;font-size: 4.5em;margin-left: -15px;margin-bottom: 10px;}
#atestation h2{font-weight:700; font-size: 24px;color:#111;}
#atestation h3{font-weight:400; font-size: 20px;color:#565f6c;margin-top: 15px;}
#atestation p{font-weight:300; font-size: 16px;color:#3c4652;width: 100%;margin-top: 30px;}
#atestation .info {margin-left: -15px;margin-top: 70px;}
@media screen and (min-width: 992px) and (max-width:1280px) {
    #atestation .info {margin-top: 50px;}
    #atestation p {width: 100%;}
    #atestation #texto {padding-bottom: 0;width: 35%;}
    #left_img {width: 50%;}
}
@media screen and (max-width:991px) {
    #left_img {display: none;}
    #atestation #texto {float: none;margin: 0 auto;padding: 4em 0;}
}
@media screen and (max-width:450px) {
    #atestation .info {margin-top: 30px;}
    #atestation #texto {width: 90%;}
    #atestation p {width: 100%;}
}
@media screen and (min-width:451px) and (max-width:991px) {
    #atestation #texto {width: 90%;}
}

.button_cta a {    background-color: #6dacde;    border-radius: 5em;    color: #ffffff;    display: inline-block;    font-weight:700;font-weight: normal;    font-size: 0.9em;    padding:1em 5em;}

#modal_video{ display: none;}
/*************************************modal*********************************/
.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; }

#video{ position: relative; background-color: #30323e; }
#video video{ width: 100%;}
#video .play a{ width: 80px; height: 80px; display: block;background:url(../img/play.png) scroll center center no-repeat;top: 50%; left: 50%;    cursor: pointer;    margin-left: -40px;    margin-top: -40px;    position: absolute;   }
#publishFooter {    margin-top: -4px;}

#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-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: 5;}
#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;}

@media screen and ( max-width: 1650px ){	
	header h1 { width:  65%;}
}

@media screen and ( max-width: 1550px ){	
	 header p { width: 60%;}
	.solutions .contenedor_big {    padding-left: 0;max-width: 1190px;}
}
@media screen and ( max-width: 1150px ){	
	.solutions .image{ background:none; padding: 0 0 6em; width: 93%;min-height: auto; left: 1em;}
	#fusion.solutions .image {    background: none;}
	.solutions .arrow {    left: 10px;}
	.solutions .slider_big {    margin-top: 0; padding-left: 1em;}
	header .left {    display: inline-block;    width: 80%; padding-left: 2em;}
	header .right {    width: auto;}
	.solutions .desc { width: 85%;   margin-top: 3em;}	
	#chars_down article {    width: 30%;}
	#chars_down h2 { width: 80%;}
}
@media screen and ( max-width: 900px ){		
	 header p { width: 80%;}
	header h1 { width: 96%;}
	.solutions article {    margin: 0 auto;    text-align: center;}
	.solutions article h4,.solutions article p  { margin-left: auto; margin-right: auto;}
	.solutions .slider_big {    padding-left: 0;}
	.solutions .desc {    padding-left: 2em;}	
	.owl-controls{margin-top: 3em;}
	.main_chars article{text-align: center;}
	.main_chars article .svgicon  {   margin:  0 auto; left: 0}
	.main_chars article h4 { margin-left: auto; margin-right: auto; width: 100%; text-align: center;}	
	.main_chars article::before {  left: auto;    margin-left: auto;}
	.main_chars article p { text-align: center; width: 50%; margin-left: auto; margin-right: auto;}
}

@media screen and ( max-width: 700px ){	
	header .right { display: none;}
	header .left {  width: 95%; }
	 header p {    width: 96%;}
	.button_zone a.boton_azul {    margin-left: auto; }
	.button_zone a{display: block; margin: 0 auto 1em;}
	#header_section .button_zone{ margin-left: -2.6em;}
	.main_chars article p { width: 70%;}
	.documentation{width: 85%; left: 50%; margin-left: -48%;}
	.documentation .block { display: block; width: 95%; }
	.documentation .block:last-of-type {    margin-left: 0;}
	.modal_back .modal_div{top:30%;left:40%;width:70%;}
	.modal_back iframe{height: 300px;}
}
@media screen and ( max-width: 640px ){		
	#chars_down article {    width: 47%;}
}
@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;}
}
@media screen and ( max-width: 500px ){		
	#chars_down article {    width: 95%;}
	#chars_down.chars article:first-of-type {    padding-top: 25px;}
	.documentation{width: 80%; left: 50%; margin-left: -46%;}
	.documentation p a { padding-right: 1em;}	
	header h1 {    width: 93%; font-size: 2.5em;}
}
@media screen and ( max-width: 400px ){		
	.main_chars article p { width: 90%;}
}
@media screen and ( max-width: 350px ){	
}
@media screen and ( max-width: 320px ){	
	#chars_down a { font-size: 0.8em;}
}