html,body{ width:100%; height:100%; margin:0; padding:0; /*font-family:"Open Sans";*/ color:red; font-family:Arial; font-weight:400;}h1, h2, h3, h4 { font-family: 'Play', sans-serif; color:#333; font-weight: 700; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);}header { filter: alpha(Opacity=55); opacity: .55; background: #000 !important; position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 90px; border-bottom:0px !important; text-transform:uppercase; display:none;}.swe{}.eng {display:none;}.opacity95{ /*filter: alpha(Opacity=0); opacity: .0;*/}.opacity55{ filter: alpha(Opacity=55); opacity: .55;}.logo{ margin-top:0px; float:left; outline:none; }.section a,.section a:visited,.section a:active { color:#0d7db7 !important; }#nav_bar{ font-family: 'Play', sans-serif;}#nav_bar ul.nav a:hover { color: #fff !important; }#nav_bar a:hover, #nav_bar .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; }#nav_bar .active > a { background-image: none !important; background-repeat: no-repeat; -webkit-box-shadow: 0 !important; box-shadow: 0 !important; background-color:#d63a12; color:#FFF !important; border-radius:2px;}#nav_bar .active > a#link-intro { background-color:#0d7db7; }#nav_bar .active > a#link-ipak { background-color:#ccc;}#nav_bar .active > a#link-mes { background-color:#128b12; }#nav_bar .active > a#link-oeetak { background-color:#0d7db7; }#nav_bar .active > a#link-webdoc { background-color:#e08900; }#nav_bar .active > a#link-demo { background-color:#ccc;}#nav_bar .active > a#link-ref { background-color:#a6384c; }#nav_bar .active > a#link-contact { background-color:#3d3f42;}.quote{ font-size:220%; font-style: italic; font-weight:bold; margin-top:60px; color:#5c493b; font-family: 'Loved by the King', cursive; line-height:1.0em; text-align:center;}.quote_auth{ font-size:80%; color:gray; text-align:center; font-weight:lighter;}.quote i{font-size:200%;color:gray;display:block;}#license{ border-radius:5px; border:1px solid white;}#license tr > td{ padding:5px; border:1px solid white;}#license .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th{background-color:#222;}div.section, div.section-half { font-family: Arial, "Lucida Grande", sans-serif; color:#333; line-height:1.5em; padding-top:90px; background-attachment: fixed; width:100%; min-height:100%; position: relative; }div.section-half { min-height:50%;} #bg_pic{ z-index:0; position:fixed; top:0px; background:url(/aukimg/ipak/ipak_backdrop_22.jpg) #000; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size:100% 100%; bakground-color:red; height:100%; width:100%; }#page-intro{ z-index:1; /* background:url(/aukimg/ipak/ipak_backdrop_22.jpg) #fff; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:150px; background-size:100% 100%; background-color:#000; */}#page-intro .intro_text{ color:white;text-shadow: 1px 1px 5px #000 !important;}#page-intro .intro_box{text-decoration:none;display:none;}#page-intro .intro_box div{width:100%; border-radius:3px; padding:40px 20px; border:1px solid #ccc;color:#ccc;background-color:#222;margin-bottom:20px;filter: alpha(Opacity=80);opacity: .8;} #page-intro .intro_box > div > h1{color:#ccc;margin:0px;} #page-ipak{ z-index:1; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); background: -webkit-linear-gradient(top, ffffff , #f7f7f7); background: linear-gradient(to bottom, ffffff , #f7f7f7); background-color:#ffffff;}#page-mes{ z-index:1; background:url(/aukimg/ipak/ipak_plantview_bg.png) #128b12; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;/* background: -webkit-gradient(linear, left top, left bottom, from(#17a917), to(#128b12 )); background: -webkit-linear-gradient(top, #17a917, #128b12); background: linear-gradient(to bottom, #17a917, #128b12); */ background-color:#128b12; padding-bottom:50px; color:#fff; }#page-mes h1{color:white;}#page-mes h4{color:white;}#page-oeetak{ z-index:1; background: -webkit-gradient(linear, left top, left bottom, from(#0d7db7), to(#18709e )); background: -webkit-linear-gradient(top, #0d7db7, #18709e); background: linear-gradient(to bottom, #0d7db7, #18709e); background-color:#18709e; padding-bottom:50px; color:#fff; }#page-oeetak h1{color:white;}#page-oeetak h4{color:white;}#page-webdoc{ z-index:1; background: -webkit-gradient(linear, left top, left bottom, from(#e08900), to(#c67900 )); background: -webkit-linear-gradient(top, #e08900, #c67900); background: linear-gradient(to bottom, #e08900, #c67900); background-color:#e08900; padding-bottom:50px; color:#fff; }#page-webdoc h1{color:white;}#page-webdoc h4{color:white;}#page-ref{ z-index:1; background:url(/aukimg/ipak/ipak_backdrop_7.jpg) #fff; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom:50px; background-color:#fff; }#page-ref h1,#page-ref p, #page-ref div { text-shadow: 1px 1px 5px #fff !important;}#page-ref .company_ref{  border:1px solid #ccc; border-radius:3px; padding:25px 25px; margin:10px 10px; height:400px; overflow:wrap; text-align:center; background-color:#fff; }#page-demo{ z-index:1; padding-bottom:70px; background-color:#fff; }#page-demo #login_container{ background:url(/aukimg/ipak/ipak_backdrop_2.jpg) #fff; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  padding-top:150px; background-size:100% 100%; background-color:#000; color:white;  max-width:500px;  border:1px solid #efefef; border-radius:5px;  margin:auto; text-align:center; margin-top:40px;  padding:1px;}#page-contact{ z-index:1; box-sizing: border-box; background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), color-stop(#3d3f42), to(#2d2d2d)); background: -webkit-linear-gradient(top, #2d2d2d, #3d3f42, #2d2d2d); background: linear-gradient(to bottom, #2d2d2d , #3d3f42, #2d2d2d); background-color:#3d3f42; color:#fff; padding-bottom:2em;}#page-contact h1,#page-contact h2,#page-contact h4{ color:white;}#page-contact .user_card{ border:1px solid #fff; border-radius:3px; padding:5px; margin-top:10px; margin-right:10px; width:300px; color:#fff!importent; float:left; background-color:#55585b;}#page-footer{ z-index:1 !important; border-top:1px #3d3f42 inset; padding-top:10px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background-color:#3d3f42; color:#fff;}#page-footer a, #page-webdoc a { z-index:1 !important; color:#fff; }@media (max-width: 767px) { header { height:60px; } header h1 { margin-top:7px; } .section { padding:60px 5px 0px 5px; } .logo_img{ height:50px; } .break { display:block; } #page-ref .company_ref{ width:100%; padding:10px 10px; } .quote{ margin-top:30px; } #page-intro{padding-top:70px;} #nav_bar .navbar-collapse { background-color:#fff; } #nav_bar .active > a { border-radius:0px; margin-top:0px; } }@media screen and (min-width: 321px){ .break { display:inline; }}