@font-face {
font-family: 'Akrobat-Regular';
src: url('../fonts/Akrobat-Regular.eot');
src: local('☺'), url('../fonts/Akrobat-Regular.woff') format('woff'), url('../fonts/Akrobat-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Akrobat-SemiBold';
src: url('../fonts/Akrobat-SemiBold.eot');
src: local('☺'), url('../fonts/Akrobat-SemiBold.woff') format('woff'), url('../fonts/Akrobat-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Akrobat-ExtraBold';
src: url('../fonts/Akrobat-ExtraBold.eot');
src: local('☺'), url('../fonts/Akrobat-ExtraBold.woff') format('woff'), url('../fonts/Akrobat-ExtraBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

* {
margin: 0;
padding: 0;
outline: none;
}

body {
background: #fff;
font-size: 16px;
line-height: 24px;
font-family: Akrobat-Regular, Arial, sans-serif;
font-weight: normal;
letter-spacing: 1px;
color: #4d4d4d;
text-align: left;
}

h1 {
font-family: Akrobat-Regular;
font-weight: normal;
letter-spacing: 5px;
font-size: 40px;
line-height: 50px;
text-align: center;
color: #4d4d4d;
padding: 0 0 40px 0;
}

h1::after {
display: block;
width: 100px;
content: '';
border-bottom: solid 3px #1f618b;
margin: 10px auto 0 auto;
padding: 0;
}

h2 {
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 26px;
line-height: 36px;
text-align: center;
color: #1f618b;
padding: 10px 0 20px 0;
}

h3 {
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 28px;
line-height: 38px;
text-align: center;
color: #1f618b;
padding: 10px 0 30px 0;
}

h4 {
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 22px;
line-height: 30px;
text-align: center;
color: #4d4d4d;
padding: 10px 0;
}

img {
border: 0;
}

p {
padding: 0 0 10px 0;
}

ul {
list-style: none;
padding: 0 0 10px 0;
}

ul li {
background: url('../images/li_tag.png') left 8px no-repeat;
background-size: 7px;
list-style-type: none;
padding: 0 0 15px 15px;
margin: 0;
}

strong, b {
font-family: Akrobat-ExtraBold;
font-weight: normal;
}

.notes {
font-size: 10px;
font-style: italic;
}

.clr {
display: block;
clear: both;
}

.center {
text-align: center;
}

a {
color: #1f618b;
text-decoration: none;
}

a:hover {
color: #cccccc;
}

.inputbox {
background: #fff;
display: inline-block;
width: 100%;
max-width: 355px;
font-size: 16px;
line-height: 24px;
font-family: Akrobat-Regular;
font-weight: normal;
color: #4d4d4d;
text-align: left;
vertical-align: top;
border: solid 1px #7d7d7d;
border-radius: 2px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
padding: 8px 15px;
margin: 0 0 20px 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

textarea.inputbox {
max-width: 787px;
min-height: 180px;
line-height: 22px;
padding: 10px 15px;
}

select.inputbox {
background: #fff url('../images/bg_select.png') right 10px center no-repeat;
background-size: auto 25px;
max-width: 484px;
padding-right: 30px;
cursor: pointer;
}

.inputbox.error {
border: solid 2px #f00;
}

.checkbox, .radio {
display: none;
}

.radio + label {
cursor: pointer;
}

.checkbox + label .pseudo, .radio + label .pseudo {
background: #fff url('../images/bg_checkbox.png') 2px -26px no-repeat;
background-size: 22px;
display: inline-block;
width: 26px;
height: 26px;
border: solid 2px #d1d1d1;
vertical-align: middle;
cursor: pointer;
margin: 0 10px;
user-select: none;
}

.radio + label .pseudo {
border-radius: 50%;
margin: 0 10px 0 0;
}

.checkbox:checked + label .pseudo, .radio:checked + label .pseudo {
background-position: 2px 2px;
}

.asterisk {
display: inline-block;
width: 15px;
color: #f00;
font-size: 20px;
}

.button, .buttonw {
background: #1f618b url('../images/bg_blue.png') repeat-y;
background-size: 100%;
display: inline-block;
color: #fff;
font-family: Akrobat-ExtraBold;
font-weight: normal;
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
cursor: pointer;
border: 0;
border-radius: 5px;
padding: 12px 35px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.buttonw {
background: transparent;
border: solid 1px #fff;
}

.button.small {
font-size: 14px;
line-height: 14px;
letter-spacing: 1px;
border-radius: 3px;
padding: 10px 20px;
}

.button:hover, .buttonw:hover {
color: #fff;
}

.progress_bar {
position: relative;
width: 250px;
height: 25px;
border: solid 1px #d3d3d3;
border-radius: 14px;
margin: 10px 0;
overflow: hidden;
margin: 0 auto;
}

.progress_bar .bar {
background: #1f618b;
width: 0%;
height: 25px;
}

.progress_bar .percent {
width: 100%;
height: 100%;
color: #cccccc;
text-align: center;
position: absolute;
top: 0;
left: 0;
}

.fileok .filename {
display: inline-block;
font-family: Akrobat-SemiBold;
font-weight: normal;
color: #1f618b;
padding: 0 15px 20px 0;
}

.fileok .fileremove {
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #f00;
cursor: pointer;
}

.fileok .fileremove:hover {
color: #cccccc;
}

.waiting {
background: rgba(0, 0, 0, 0.5) url('../images/waiting.gif') center no-repeat;
background-size: 40px;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9000;
cursor: wait;
display: none;
}

hr {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: solid 1px #d3d3d3;
margin: 20px 0;
}

.highlight {
color: #a60000;
text-decoration: underline;
}

.float_left {
float: left;
margin: 0 10px 10px 0;
}

.inline_block {
display: inline-block;
width: 100%;
max-width: 500px;
text-align: left;
vertical-align: top;
margin: 0 30px 20px 30px;
}

.wf-columns {
text-align: center;
}

.wf-columns .wf-column {
display: inline-block;
width: 100%;
max-width: 100px;
vertical-align: top;
margin: 0 10px 20px 10px;
}

.wf-columns.wf-columns-stack-large .wf-column {
max-width: 450px;
height: 350px;
overflow: hidden;
margin: 0 30px 20px 30px;
}

.wf-columns.wf-columns-stack-medium .wf-column {
max-width: 500px;
text-align: left;
margin: 0 30px 20px 30px;
}

.wf-columns.wf-columns-stack-small .wf-column {
max-width: 250px;
height: 160px;
overflow: hidden;
margin: 0 10px 20px 10px;
}

.wf-columns .wf-column img {
max-width: 100% !important;
height: auto !important;
}

.wf-columns.wf-columns-stack-large .wf-column.inheight {
max-width: 370px;
height: auto;
margin: 0 10px 20px 10px;
}

.wf-columns.wf-columns-stack-large .wf-column.inheight img {
max-width: none !important;
width: auto !important;
height: 350px !important;
}

.wf-columns .wf-column.border {
border-right: solid 1px #d0d0d0;
}

video {
display: block;
width: 100%;
max-width: 800px !important;
height: auto !important;
margin: 20px auto;
}

.report {
background: #f3f3f3 url('../images/notice_message.png') 10px center no-repeat;
width: 100%;
max-width: 600px;
border: solid 1px #2fb900;
border-radius: 8px;
color: #6b6c81;
text-align: left;
word-wrap: break-word;
position: relative;
margin: 20px auto;
}

.report.info {
background: #f3f3f3 url('../images/notice_note.png') 10px center no-repeat;
border: solid 1px #3073fd;
}

.report.error, .report.warning, .report.notice {
background: #f3f3f3 url('../images/notice_error.png') 10px center no-repeat;
color: #e92f2f;
border: solid 1px #e92f2f;
}

.report.error a, .report.warning a, .report.notice a {
font-family: Akrobat-SemiBold;
font-weight: normal;
}

.report p {
padding: 20px 50px 15px 50px;
}

.btn_close {
background: url('../images/button_close.png') no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 5px;
right: 5px;
}

.margintop {
margin: 30px 0 0 0;
}

.marginlr {
margin: 0 20px 20px 20px;
}

.breadcrumb {
background: none;
list-style: none;
padding: 0 0 10px 30px;
margin: 0 0 20px 0;
}

.breadcrumb li {
display: inline-block;
background: none;
list-style: none;
font-size: 12px;
line-height: 16px;
padding: 0;
margin: 0;
}

.breadcrumb li a {
display: inline-block;
}

.breadcrumb li .divider {
display: inline-block;
background: url('../images/li_tag.png') left 9px no-repeat;
background-size: 100%;
width: 5px;
height: 16px;
margin: 0 2px;
}

.bg_line {
width: 100%;
}

.win_line {
width: 100%;
max-width: 1220px;
padding: 60px 0;
margin: 0 auto;
}

.line {
padding: 0 10px;
}

.bg_line.bg_upper {
background: #1c5a86;
box-shadow: inset 0 -4px 5px 0 rgba(0, 0, 0, 0.3);
}

.bg_upper .win_line {
padding: 0 0 10px 0;
}

.bg_upper .line {
color: #fff;
text-align: center;
}

.bg_upper .line a {
color: #fff;
}

.bg_upper .address, .bg_upper .phone, .bg_upper .email {
display: inline-block;
vertical-align: top;
border-right: solid 1px #5789a8;
margin: 10px 20px 0 0;
padding: 0 20px 0 0;
}

.bg_upper .email {
border: 0;
}

.bg_upper .phone p, .bg_upper .email p {
padding: 0;
}

.bg_upper .address p, .bg_upper .phone a, .bg_upper .email a {
display: inline-block;
line-height: 17px;
background: url('../images/ico_phonew.png') 0 1px no-repeat;
background-size: 15px;
padding: 0 0 0 25px;
}

.bg_upper .phone a:hover {
background-position: 0 -29px;
color: #cccccc;
}

.bg_upper .address p {
background: url('../images/ico_pointw.png') 0 1px no-repeat;
background-size: 20px;
}

.bg_upper .email a {
background: url('../images/ico_emailw.png') 0 4px no-repeat;
background-size: 15px;
}

.bg_upper .email a:hover {
background-position: 0 -30px;
color: #cccccc;
}

.bg_line.bg_top {
background: #fff;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
position: absolute;
top: 44px;
left: 0;
z-index: 1500;
}

.bg_top .win_line {
padding: 0;
}

.bg_top .logo_top {
display: block;
float: left;
background: url('../images/logo_alupra.png') no-repeat;
background-size: 100%;
width: 182px;
height: 57px;
margin: 10px 80px 0 0;
}

.menu_button_top {
display: none;
}

.menu_top {
float: left;
list-style: none;
padding: 0;
margin: 0;
}

.menu_top li {
background: none;
float: left;
list-style: none;
position: relative;
padding: 0;
margin: 0;
}

.menu_top li a {
display: block;
font-size: 18px;
line-height: 24px;
letter-spacing: 2px;
color: #737373;
padding: 25px 15px;
}

.menu_top li a.home {
background: url('../images/ico_home.png') center no-repeat;
background-size: 25px;
width: 25px;
text-indent: 9999px;
overflow: hidden;
transition: opacity 0.3s;
}

.menu_top li a.home:hover {
opacity: 0.8;
}

.menu_top li.active a {
color: #1f618b;
}

.menu_top .submenu {
background: rgba(28, 90, 134, 0.9);
width: 350px;
text-align: left;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
position: absolute;
top: 74px;
left: 0;
padding: 15px 20px;
margin: 0;
z-index: 1500;
display: none;
}

.menu_top .submenu li {
display: block;
float: none;
padding: 0;
margin: 0;
}

.menu_top .submenu li a {
font-size: 16px;
line-height: 22px;
font-weight: normal;
color: #fff;
padding: 4px 0;
}

.menu_top .submenu li.active a {
color: #cccccc;
}

.menu_top .submenu .submenu {
top: 0;
left: 70px;
}

.menu_top .submenu .submenu li a {
color: #fff;
}

.menu_top .submenu .submenu li.active a {
color: #cccccc;
}

.bg_eject {
float: right;
position: relative;
margin: 0 15px 0 0;
}

.bg_eject .search {
background: url('../images/ico_search.png') center 10px no-repeat;
background-size: 25px;
width: 35px;
height: 35px;
cursor: pointer;
margin: 15px 0 0 0;
}

.bg_eject .search:hover {
background-position: center -39.8px;
}

.bg_eject p {
font-size: 14px;
line-height: 20px;
padding: 0;
}

.bg_eject .login {
background: url('../images/ico_login.png') center 10px no-repeat;
background-size: 25px;
width: 35px;
height: 35px;
cursor: pointer;
margin: 15px 0 0 0;
}

.bg_eject .login:hover {
background-position: center -39.8px;
}

.bg_eject .inputbox {
max-width: 200px;
margin: 0 0 20px 0;
}

.bg_eject .ejection {
background: #fff;
width: 260px;
text-align: center;
border: solid 1px #1f618b;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
position: absolute;
top: 75px;
right: 0;
z-index: 3000;
padding: 15px;
}

.bg_top .phone {
float: right;
width: 35px;
height: 28px;
overflow: hidden;
margin: 25px 15px 0 0;
}

.bg_top .phone p {
padding: 0;
}

.bg_top .phone a {
display: block;
background: url('../images/ico_phone.png') center 1px no-repeat;
background-size: 25px;
width: 35px;
height: 28px;
text-indent: 9999px;
}

.bg_top .phone a:hover {
background-position: center -49px;
}

.bg_topdown {
height: 74px;
}

.bg_caption .win_line {
max-width: 2500px;
padding: 0;
}

.bg_caption .image {
width: 100%;
height: 310px;
}

.bg_first .win_line {
max-width: 2500px;
padding: 0;
}

.bg_first .line {
padding: 0;
max-height: 1100px;
overflow: hidden;
position: relative;
}

.top_slider .slide {
height: 1100px;
box-shadow: inset 0 -5px 10px 0 rgba(0, 0, 0, 0.35);
}

.top_slider .win_text {
max-width: 1220px;
margin: 0 auto;
}

.top_slider .bg_text {
background: rgba(0, 0, 0, 0.5);
max-width: 700px;
letter-spacing: 3px;
font-size: 32px;
line-height: 42px;
color: #fff;
position: relative;
padding: 10px 20px;
margin: 150px 0 10px 0;
}

.top_slider h1 {
font-family: Akrobat-ExtraBold;
letter-spacing: 3px;
font-size: 32px;
line-height: 42px;
text-align: left;
color: #fff;
padding: 0 0 10px 0;
}

.top_slider h1::after {
display: none;
}

.top_slider .button {
position: absolute;
top: 200px;
left: 20px;
}

.top_slider .bx-pager {
text-align: center;
width: 100%;
position: absolute;
bottom: 20px;
left: 0;
z-index: 1500;
}

.top_slider .bx-pager .bx-pager-item {
display: inline-block;
vertical-align: top;
margin: 0 5px;
}

.top_slider .bx-pager .bx-pager-item a {
display: block;
width: 12px;
height: 12px;
text-indent: 9999px;
overflow: hidden;
border: solid 1px #1f618b;
border-radius: 50%;
}

.top_slider .bx-pager .bx-pager-item a.active {
background: #1f618b;
}

.bg_line.bg_second {
box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 80px 0;
}

.bg_second .win_line {
padding: 0 0 60px 0;
}

.menu_reference, .menu_center {
text-align: center;
list-style: none;
padding: 0 0 40px 0;
margin: 0;
}

.menu_reference.reference_1 {
padding: 0;
}

.menu_reference li, .menu_center li {
background: none;
display: inline-block;
list-style: none;
vertical-align: top;
padding: 0 0 10px 0;
margin: 0;
}

.menu_reference li span, .menu_center li a {
display: block;
font-size: 16px;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase;
color: #7c7c7c;
border-right: solid 1px #b4b4b4;
cursor: pointer;
padding: 15px;
}

.menu_center li a {
border: 0;
}

.menu_reference li span:hover, .menu_reference li span.active, .menu_center li a:hover, .menu_center li.active a {
color: #1f618b;
}

.menu_reference li span.last, .menu_reference.no_border li span {
border: 0;
}

.menu_reference.no_border li span {
padding: 5px 15px;
}

.reference_slider {
height: 250px;
overflow: hidden;
position: relative;
}

.reference_slider .bx-controls-direction {
width: 100%;
height: 45px;
text-align: center;
position: absolute;
top: 200px;
left: 0;
z-index: 500;
}

.reference_slider .bx-prev, .reference_slider .bx-next {
display: inline-block;
background: url('../images/ico_prev.png') center no-repeat;
background-size: 35px;
width: 45px;
height: 45px;
vertical-align: top;
border: solid 1px #fff;
border-radius: 50%;
margin: 0 20px;
}

.reference_slider .bx-next {
background: url('../images/ico_next.png') center no-repeat;
background-size: 35px;
}

.reference_slider .image {
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 300px;
height: 170px;
overflow: hidden;
margin: 0 auto 20px auto;
}

.bg_line.bg_third {
background: #1f618b url('../images/bg_blue.png') repeat-y;
background-size: 100%;
}

.bg_third .win_line {
max-width: 700px;
padding: 30px 0;
}

.bg_third .line {
color: #fff;
}

.bg_third .buttonw {
float: right;
margin: 5px 0 0 20px;
}

.bg_third h2 {
font-family: Akrobat-ExtraBold;
font-weight: normal;
font-size: 24px;
line-height: 34px;
text-align: left;
color: #fff;
padding: 0 0 10px 0;
}

.bg_line.bg_fourth {
box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 60px 0;
}

.bg_fourth .news {
text-align: center;
}

.bg_fourth .news .item {
display: inline-block;
width: 100%;
max-width: 360px;
min-height: 450px;
vertical-align: top;
color: #6e7679;
text-align: left;
border-bottom: solid 1px #d3d3d3;
margin: 0 10px 40px 10px;
padding: 0 0 10px 0;
}

.bg_fourth .news .item .image {
display: block;
width: 100%;
height: 200px;
overflow: hidden;
margin: 0 0 20px 0;
}

.bg_fourth .news .item .image img {
max-width: 100%;
height: auto;
}

.bg_fourth .news .item h3 {
font-size: 22px;
line-height: 32px;
text-align: left;
color: #4d4d4d;
padding: 0 0 30px 0;
}

.bg_fifth .win_line {
padding: 0 0 60px 0;
}

.bg_sixth .win_line {
padding: 60px 0 0 0;
}

#google_map {
width: 100%;
height: 400px;
}

.bg_bottom .win_line {
padding: 0 0 40px 0;
}

.bg_bottom .line {
text-align: center;
border-top: solid 1px #b4b4b4;
padding-top: 40px;
}

.bg_bottom .logo_bottom {
background: url('../images/logo_alupra.png') left center no-repeat;
background-size: 170px;
display: inline-block;
width: 200px;
height: 150px;
vertical-align: top;
border-right: solid 1px #b4b4b4;
padding: 0 60px 0 0;
}

.menu_bottom {
display: inline-block;
list-style: none;
width: 200px;
min-height: 150px;
vertical-align: top;
border-right: solid 1px #b4b4b4;
padding: 0 0 0 40px;
margin: 0;
}

.menu_bottom li {
background: none;
list-style: none;
padding: 0;
margin: 0;
}

.menu_bottom li a {
display: block;
font-size: 14px;
line-height: 18px;
text-align: left;
color: #7e7e7e;
padding: 2px 0;
}

.menu_bottom li a:hover {
color: #1f618b;
}

.menu_bottom li.active a {
color: #1f618b;
}

.menu_bottom.social {
border: 0;
text-align: left;
padding-top: 50px;
}

.menu_bottom.social li {
display: inline-block;
margin: 0 10px;
}

.menu_bottom.social li a {
width: 30px;
height: 30px;
text-indent: 9999px;
overflow: hidden;
padding: 0;
}

.menu_bottom.social li a.fb {
background: url('../images/ico_fb.png') center no-repeat;
background-size: 100%;
}

.menu_bottom.social li a.yt {
background: url('../images/ico_yt.png') center no-repeat;
background-size: 100%;
}

.bg_line.bg_footer {
background: #1f618b url('../images/bg_blue.png') repeat-y;
background-size: 100%;
}

.bg_footer .win_line {
padding: 12px 0 0 0;
}

.bg_footer .line {
text-align: center;
font-size: 14px;
line-height: 18px;
color: #fff;
}

.bg_line.bg_document {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 80px 0;
}

.bg_document .win_line {
padding: 20px 0 60px 0;
}

.bg_document img {
max-width: 100% !important;
height: auto !important;
}

.bg_document .categories, .bg_document .products {
text-align: center;
}

.bg_document .categories .item, .bg_document .products .item {
display: inline-block;
width: 100%;
max-width: 360px;
vertical-align: top;
color: #6e7679;
border-bottom: solid 1px #d3d3d3;
margin: 0 10px 40px 10px;
padding: 0 0 10px 0;
}

.bg_document .categories .item:hover, .bg_document .products .item:hover {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.bg_document .categories .item .image, .bg_document .products .item .image {
display: block;
width: 100%;
height: 300px;
overflow: hidden;
margin: 0 0 20px 0;
}

.bg_document .categories .item .image img, .bg_document .products .item .image img {
width: auto !important;
max-height: 100% !important;
}

.bg_document .categories .item h2, .bg_document .products .item h2 {
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 28px;
line-height: 34px;
color: #1f618b;
padding: 0 0 10px 0;
}

.bg_user_1 .win_line {
padding: 20px 0 0 0;
}

.bg_product {
padding: 0 0 80px 0;
}

.bg_product .win_line {
padding: 0;
}

.bg_product img {
max-width: 100% !important;
height: auto !important;
}

.bg_product .bg_text_3 {
box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.1);
}

.bg_product .bg_text_3 .win_line {
padding: 0 0 60px 0;
}

.bg_product .bg_text_5 {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.bg_product .bg_text_5 .win_line {
padding: 60px 0;
}

.bg_product h2, .bg_second h2, .bg_fourth h2, .bg_fifth h2 {
font-family: Akrobat-Regular;
font-weight: normal;
letter-spacing: 3px;
font-size: 34px;
line-height: 44px;
text-align: center;
color: #4d4d4d;
padding: 0 0 40px 0;
}

.bg_product h2::after, .bg_second h2::after, .bg_fourth h2::after, .bg_fifth h2::after {
display: block;
width: 100px;
content: '';
border-bottom: solid 2px #1f618b;
margin: 10px auto 0 auto;
padding: 0;
}

.bg_product .bg_text_2 .win_line {
padding: 60px 0;
}

.bg_product .bg_text_2 .bg_item {
text-align: center;
}

.bg_product .bg_text_2 .item {
display: inline-block;
width: 250px;
min-height: 370px;
text-align: left;
vertical-align: top;
border-bottom: solid 1px #d3d3d3;
margin: 10px 10px 30px 10px;
}

.bg_product .bg_text_2 .item .image {
width: 100%;
height: 220px;
overflow: hidden;
}

.bg_product .bg_text_2 .item h3 {
font-size: 22px;
line-height: 32px;
text-align: left;
color: #4d4d4d;
padding: 0 0 30px 0;
}

.bg_product .bg_text_2 .item .desc {
font-size: 14px;
line-height: 22px;
letter-spacing: 1px;
padding: 0 0 10px 0;
}

.bg_product .bg_text_2 .item .moreinfo {
display: inline-block;
padding: 0 0 10px 0;
}

.bg_product .bg_text_1 {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.bg_product .bg_text_1 .win_line {
padding: 60px 0;
}

.bg_product .bg_text_4 {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.bg_product .bg_text_4 .win_line {
padding: 60px 0;
}

.bg_product .bg_text_4 .line {
text-align: center;
}

.bg_product .bg_text_4 .item {
display: inline-block;
width: 100%;
max-width: 450px;
vertical-align: top;
margin: 10px 20px;
}

.bg_product .bg_text_4 .item .image {
width: 100%;
height: 400px;
overflow: hidden;
}

.bg_product .bg_text_4 .item h3 {
font-size: 22px;
line-height: 32px;
color: #1f618b;
padding: 0 0 30px 0;
}

.bg_product .bg_text_6 {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.bg_product .bg_text_6 .win_line {
padding: 60px 0;
}

.eucookie {
background: #1f618b;
width: 100%;
color: #fff;
font-size: 14px;
line-height: 22px;
text-align: center;
position: fixed;
left: 0;
bottom: 0;
padding: 5px 0;
z-index: 5000;
}

.eucookie p {
padding: 0;
}

.eucookie a {
color: #fff;
text-decoration: underline;
}

.eucookie a:hover {
color: #cccccc;
}

.eucookie .buttoncookie {
display: inline-block;
border: solid 1px #fff;
border-radius: 5px;
padding: 5px 10px;
margin: 0 0 0 20px;
cursor: pointer;
}

.eucookie .buttoncookie:hover {
color: #cccccc;
border-color: #cccccc;
}

.bg_downloads .itemfile {
display: block;
text-decoration: none;
border-bottom: solid 1px #d3d3d3;
margin: 0 0 10px 0;
}

.bg_downloads .itemfile .text {
display: block;
float: left;
font-size: 18px;
line-height: 26px;
padding: 15px 0 0 0;
}

.bg_downloads .itemfile .size {
display: block;
float: left;
font-size: 12px;
line-height: 24px;
font-style: italic;
padding: 16px 0 0 10px;
}

.bg_downloads .itemfile .icon {
background: url('../images/file_icons.png') 0 0 no-repeat;
display: block;
float: right;
width: 56px;
height: 56px;
overflow: hidden;
}

.bg_downloads .itemdir {
display: block;
font-size: 24px;
line-height: 34px;
border-bottom: solid 1px #d3d3d3;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.bg_downloads .itemdir.updir {
font-size: 18px;
line-height: 26px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
}

#cboxWrapper {
max-width: none;
}

#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}

#cboxContent {
position: relative;
}

#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}

#cboxTitle {
margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}

.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}

.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

#cboxOverlay {
background: #000;
opacity: 0.9;
filter: alpha(opacity = 90);
}

#colorbox {
outline: 0;
}

#cboxContent {
margin-top: 20px;
background: #000;
}

.cboxIframe {
background: #000;
}

#cboxError {
padding: 50px;
border: 1px solid #ccc;
}

#cboxLoadedContent {
border: 5px solid #000;
background: #000;
padding: 0 0 25px 0;
}

#cboxTitle {
text-align: center;
position: absolute;
bottom: 3px;
left: 10px;
right: 10px;
color: #fff;
font-weight: bold;
}

#cboxCurrent {
position: absolute;
top: -20px;
right: 0px;
color: #ccc;
}

#cboxLoadingGraphic {
background: url('../images/loading.gif') no-repeat center center;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
outline: 0;
}

#cboxSlideshow {
position: absolute;
top: -20px;
right: 90px;
color: #fff;
}

#cboxPrevious {
position: absolute;
top: 50%;
left: 5px;
margin-top: -32px;
background: url('../images/controls.png') no-repeat top left;
width: 28px;
height: 65px;
text-indent: -9999px;
}

#cboxPrevious:hover {
background-position: bottom left;
}

#cboxNext {
position: absolute;
top: 50%;
right: 5px;
margin-top: -32px;
background: url('../images/controls.png') no-repeat top right;
width: 28px;
height: 65px;
text-indent: -9999px;
}

#cboxNext:hover {
background-position: bottom right;
}

#cboxClose {
position: absolute;
top: 5px;
right: 5px;
display: block;
background: url('../images/controls.png') no-repeat top center;
width: 38px;
height: 19px;
text-indent: -9999px;
}

#cboxClose:hover {
background-position: bottom center;
}

@media screen and (max-width: 1180px) {

.bg_top .logo_top {
margin-right: 10px;
}

.menu_top li a {
padding-left: 8px;
padding-right: 8px;
}
}

@media screen and (max-width: 1000px) {

.bg_top .logo_top {
margin-right: 0;
}

.menu_button_top {
display: block;
background: url('../images/menu_button.png') center no-repeat;
float: right;
width: 70px;
height: 57px;
cursor: pointer;
margin: 8px 0 0 0;
}

.menu_top {
background: rgba(28, 90, 134, 0.9);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
text-align: left;
position: absolute;
top: 68px;
right: 10px;
padding: 15px 20px;
display: none;
}

.menu_top li {
float: none;
}

.menu_top li a {
color: #fff;
padding: 7px 0;
}

.menu_top li a.home {
background: none;
width: auto;
text-indent: 0;
transition: none;
}

.menu_top li.active a {
color: #cccccc;
}

.menu_top .submenu {
top: 10px;
left: auto;
right: 120px;
}

.bg_eject .ejection {
right: -65px;
}
}

@media screen and (max-width: 900px) {

textarea.inputbox {
max-width: 355px;
}
}

@media screen and (max-width: 700px) {

h1 {
letter-spacing: 4px;
font-size: 34px;
line-height: 44px;
}

.bg_upper .line {
text-align: left;
}

.bg_upper .address, .bg_upper .phone, .bg_upper .email {
border: 0;
}

.top_slider .bg_text {
margin-top: 50px;
}

.top_slider .button {
top: 330px;
}

.menu_reference li span {
border: 0;
padding: 5px 10px;
}

.wf-columns .wf-column.border, .bg_bottom .logo_bottom, .menu_bottom {
border: 0;
}

.wf-columns.wf-columns-stack-medium .wf-column, .bg_product .bg_text_4 .item, .inline_block {
margin-left: 0;
margin-right: 0;
}
}

@media screen and (max-width: 600px) {

.menu_top .submenu {
width: 200px;
right: 40px;
}

.menu_top .submenu .submenu {
right: auto;
left: 30px;
}
}

@media screen and (max-width: 500px) {

.bg_document .categories .item, .bg_document .products .item, .bg_fourth .news .item, .wf-columns.wf-columns-stack-large .wf-column, .wf-columns.wf-columns-stack-large .wf-column.inheight, .marginlr {
margin-left: 0;
margin-right: 0;
}

.inputbox, textarea.inputbox {
max-width: 245px;
margin-left: 0;
}

select.inputbox {
max-width: 254px;
}
}

@media screen and (max-width: 400px) {

.bg_top .logo_top {
width: 100px;
height: 33px;
margin-top: 17px;
}
}





.switched, .disable {
display: none;
}

.switched.active {
display: block;
}

.galerie {
}