body{background-color:#eff5f9;background-image:linear-gradient(to right, #b7d1f8, #cddbf8, #cfe4f8, #deedf8, #eff5f9);font-family:Helvetica, Arial, sans-serif;margin:0;padding:0;width:100%}h1{margin-block:0.67em;font-size:2em;margin:50px 0 20px;padding:0;color:#030a4c}h2{display:inline}h3{display:inline}p{text-align:justify}a{text-decoration:none;color:#000;font-weight:600}ul{margin:0}li{line-height:25px;margin-bottom:20px}#Wfluid div p{font-size:18px}#Wlist li{margin-bottom:20px;line-height:25px}#Wfluid div h3{font-size:18px}.lower{position:relative;width:100%;bottom:0;margin-bottom:100px}.A{text-align:justify;float:right;margin-top:10px;max-width:80%}.Q{text-align:justify;width:80%}.QAInput{width:calc(100% - 8px)}.BigSeparator{clear:both;width:100%;margin-bottom:300px}.Separator{clear:both;width:100%}.clear{height:1%;display:inline-block}.skiplinks{padding:0;margin:0;list-style-type:none}.skiplinks a{position:fixed;top:-5em;padding:0.5em;z-index:99;background-color:#eee;color:#030a4c;font-weight:400}.skiplinks a:focus{top:0}.title1{font-family:Arial Unicode MS, Helvetica;font-size:36px;font-weight:lighter;color:#fff;margin:15px 0 0}.title2{font-family:Arial Unicode MS, Helvetica;font-size:40px;font-weight:900;color:#fff;position:relative}.logowrapper{float:left;width:100%;height:100px;min-width:420px;box-shadow:0 0 5px 0 rgba(0, 0, 0, .24);background-color:#030a4c;padding:20px 0 0 20px}.Hamburger{position:fixed;width:30px;height:30px;top:20px;right:20px;display:none}.left-top-menu{height:0;position:relative;float:right;margin:0}.top-menu-left{position:relative;top:-90px}.left-top-menu a{color:#ccc}.left-top-menu li{display:inline-block;margin:20px 10px 0 0}.left-top-menu li a{text-transform:uppercase;font-weight:400}.left-top-menu li:hover a{color:#fff;border-bottom:0 transparent !important;border-color:#030a4c}.left-top-menu li.selected a{color:#aaa}.WOW{display:block;background-repeat:no-repeat;transition-property:all;transition-duration:0.6s;background-size:10%;background-position:center;top:15px;position:relative;text-align:center;width:110px;margin-left:-20px;height:60px;line-height:60px}.WOW:hover{background-image:url('https://advancedsecurityeuropa.com/images/brackets.png'); background-size: 90%; } .left-top-menu li a span { padding-bottom: 7px; border-bottom: 2px solid transparent } .left-top-menu li:hover span { border-color: #030a4c } .left-top-menu li.selected span { border-color: #030a6b; color: #030a4c } .punto { margin: 2px 20px 0 0; width: 30px; height: 30px; float: left } .icona { margin: 0 10px 0 0; width: 30px; height: 30px; float: left } .iconaWA { margin: 0 10px 0 0; width: 20px; height: 20px } .big { font-size: 36px; color: #030a4c; font-weight: 100 } .eood { font-size: 16px; color: #030a4c; font-weight: 100 } .box { width: 100%; max-width: 400px; float: left; margin: 40px 50px 0 0 } .boxicona { width: 600px; clear: both; margin: 40px 50px 0 0 } .VideoYouTube { width: 100%; border: 1px solid #00f } .NewsLine { width: 100%; border-bottom: 1px solid #030a4c } .Container { position: relative; z-index: 999; width: 70%; height: auto; max-width: 1600px; min-height: 400px; margin-left: 2.5%; margin-top: 140px } .Container1 { position: relative; z-index: 999; width: 95%; height: auto; max-width: 1200px; min-height: 100px; margin-left: 2.5%; margin-top: 140px } .sfondo01 { top: 125px; opacity: 0.8; position: fixed; height: 650px; width: 800px; right: 0; background-repeat: no-repeat; background-image: url('https://advancedsecurityeuropa.com/images/SFONDO01.webp') } .sfondo02 { top: 120px; position: fixed; height: 650px; width: 800px; right: 0; background-repeat: no-repeat; background-image: url('https://advancedsecurityeuropa.com/images/SFONDO02.webp') } .sfondo03 { position: fixed; height: 400px; width: 518px; right: 0; background-repeat: no-repeat; background-image: url(https://advancedsecurityeuropa.com/images/Sfondo03.webp') } .sfondo04 { top: 120px; position: fixed; height: 650px; width: 800px; right: 0; background-repeat: no-repeat; background-image: url('https://advancedsecurityeuropa.com/images/SFONDO04.webp') } .sfondo05 { top: 125px; opacity: 0.6; position: fixed; height: 650px; width: 800px; right: 0; background-repeat: no-repeat; background-image: url('https://advancedsecurityeuropa.com/images/SFONDO05.webp') } .sfondo06 { opacity: 0.6; position: fixed; height: 561px; width: 750px; right: 0; background-repeat: no-repeat; background-image: url('https://advancedsecurityeuropa.com/images/SFONDO06.webp') } .fluid { width: 73%; float: left; font-size: 18px; color: #030a4c } .fluidlarge { width: 80%; float: left; font-size: 18px; color: #030a4c } .fluidsmall { width: 40%; float: left; font-size: 18px; color: #030a4c } .top { z-index: 9999; margin-top: 0; position: fixed; width: 99%; top: 0 } .logo { width: 400px; height: 80px; float: right } .QAbox { position: relative; width: 95%; max-width: 1200px; margin-left: 2% } .sitemap { float: left; line-height: 18px } .sitemapleft { float: left; margin: 0 0 0 20px; line-height: 35px } .map-items { line-height: 18px } .errormessage { visibility: hidden } .form { padding: 20px 5% 20px 5%; background-color: #e9e9e9; float: left; border: 0; top: -40px } .forminput { width: 90%; border: solid; border-width: 1px; border-color: #aaa; border-radius: 1px; height: 30px; background-color: #fff } .partner { width: 90%; clear: both; font-size: 22px } .footer { z-index: 999; position: fixed; left: 0; bottom: 0; display: inline-block; background-color: #030a4c; color: #ccc; font-size: 15px; line-height: 20px; width: 96%; padding-left: 2%; padding-right: 2% } .footer a { color: #959595 } .footer a:hover { color: #fff } .Green { background-color: #bbd3f8; padding: 10px } .Chat { margin: 10px; background-color: #fff; border-radius: 3px; padding: 10px } .Time { float: right; } .Button { width: calc(100% - 20px); margin: 10px; text-align: center; padding: 5px 0 5px 0; border-radius: 5px; background-color: #bbd3f8; font-weight: 800 } .FooterDivLeft { height: 60px; float: left; margin: 0 } .map { width: 100%; height: 900px; border: solid; border-width: 1px; border-color: #00f; margin: 50px 0 0 50px; float: right } .submit { width: 90%; border: solid; border-width: 1px; border-color: #444; border-radius: 1px; height: 30px; color: #080870; font-weight: 800; background-color: #ddd } .submit:disabled { color: #888880 } .valid { position: relative; top: 20px; float: right } .list { line-height: 25px; margin-bottom: 15px; margin-left: 15px } .LogoHTML5 { width: 62px; height: 31px } .LogoVCSS { width: 88px; height: 31px } .Direct { margin: 5px 10px 50px 10px; width: calc(100% - 25px); border: 1px solid #030a4c; border-radius: 5px; background-color: #e3f0f8 } .mobile { display: none } .ListItem { float: left; width: 300px } .Bottom { background-image: linear-gradient(to right, #b7d1f8, #cddbf8, #cfe4f8, #deedf8, #eff5f9); width: 55%; position: fixed; bottom: 50px; left: 0; padding-left: 5px; padding-top: 5px; padding-bottom: 20px; border-top: 1px solid #030a4c } .SendButton { float: right } .desktop { display: block } .desktopli { display: inline } .NewsDate { float: right } .DateNews { width: 140px; float: left } .News { display: block } .NewsBox { margin-bottom: 20px; margin-top: 50px; margin-left: 5px; padding: 5px; width: 40%; max-width: 300px; text-align: center; border: 1px solid #030a4c; float: left; cursor: pointer; } .BackToNewsBox { margin-right: 5px; font-weight: 800; margin-bottom: 20px; margin-top: 50px; padding: 5px; width: 40%; max-width: 300px; text-align: center; border: 1px solid #030a4c; float: right; cursor: pointer; } @media(max-width:1450px) { .fluid { width: 90% } .Bottom { width: 85% } .sfondo01 { background-image: none } .sfondo02 { background-image: none } .sfondo03 { background-image: none } .sfondo04 { background-image: none } .sfondo05 { background-image: none } .sfondo06 { background-image: none } } @media(max-width:1000px) { li { width: 100%; line-height: 16px; font-size: 16px; float: left; margin-bottom: 10px } .logowrapper { height: 80px } .WOW { left: 25px; height: 30px; width:100%; text-align:left; } .Container { width: 95%; margin-top: 0; padding-top: 100px } .Container1 { margin-top: 0; padding-top: 100px } .mobile { display: block } .left-top-menu { height: 600px; transition: all .5s ease-out; position: absolute; top: 100px; background-color: #eee; width: 300px; left: -300px; overflow-y: auto; } .Hamburger { display: block } .top-menu-left { top: 0; width: 95%; margin: auto; color: #444; padding: 0 0 0 10px } .left-top-menu a { color: #444 } .left-top-menu li { margin: 0 } .left-top-menu li:hover a { color: #030a4c; border-color: #030a4c } .left-top-menu li.selected a { color: #030a4c } .title1 { font-size: 24px } .title2 { font-size: 32px; top: -0 } .fluid { width: 90% } .fluidlarge { width: 90% } .fluidsmall { width: 99% } .footer-right { display: none; padding-top: 20px } .sitemap { width: 95% } .sitemap li { width: 100%; display: block; clear: both; line-height: 18px } .ListItem { margin-bottom: 15px; width: 50% } .desktop { display: none } .desktopli { display: none } .Bottom { bottom: 50px } .DateNews { width: 100% } .News { position: relative; top: -20px } }