@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: #666666;
text-align: left;
}

h1 {
font-family: Akrobat-ExtraBold;
font-weight: normal;
letter-spacing: 10px;
font-size: 44px;
line-height: 54px;
text-align: center;
text-transform: uppercase;
color: #4d4d4d;
padding: 0 0 40px 0;
}

h2 {
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 28px;
line-height: 38px;
text-align: center;
color: #4d4d4d;
padding: 10px 0;
}

h3 {
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 22px;
line-height: 30px;
color: #808080;
padding: 0 0 10px 0;
}

h4 {
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 18px;
line-height: 24px;
color: #c98da2;
padding: 0 0 8px 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 6px 15px;
margin: 0;
}

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

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

.clr {
clear: both;
}

.center {
text-align: center;
}

a {
font-family: Akrobat-SemiBold;
font-weight: normal;
color: #2e994b;
text-decoration: none;
}

a:hover {
color: #cccccc;
}

.inputbox {
background: #fff;
display: inline-block;
width: 100%;
max-width: 450px;
font-size: 16px;
line-height: 24px;
font-family: Akrobat-Regular;
font-weight: normal;
letter-spacing: 1px;
color: #666666;
text-align: left;
border: solid 2px #d1d1d1;
padding: 8px 15px;
margin: 0 0 30px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

textarea.inputbox {
max-width: 960px;
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;
}

.checkboxes {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}

.checkbox, .radio, .file {
display: none;
}

label {
cursor: pointer;
}

.checkbox + label::after, .radio + label::before {
content: '';
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 0 0 10px;
user-select: none;
}

.radio + label::before {
background: #fff url('../images/bg_radio.png') 2px -26px no-repeat;
background-size: 18px;
border-radius: 50%;
margin: 0 5px 0 10px;
}

.checkbox:checked + label::after {
background-position: 2px 2px;
}

.radio:checked + label::before {
background-position: 4px 4px;
}

.asterisk {
display: inline-block;
color: #f00;
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 20px;
}

.asterisk_s {
color: #f00;
font-family: Akrobat-SemiBold;
font-weight: normal;
}

.button {
background: #2e994b;
display: inline-block;
color: #fff;
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
cursor: pointer;
border: 0;
border-radius: 5px;
padding: 17px 40px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

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

.button:hover {
color: #fff;
}

.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 #eaeaea;
margin: 20px 0;
}

.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: 0 auto 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-weight: bold;
}

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

.btn_close, .btn_close_2 {
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;
}

.breadcrumb {
background: none;
list-style: none;
padding: 0 0 10px 30px;
margin: 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;
font-weight: bold;
}

.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 5px 0 7px;
}

.bg_line {
width: 100%;
}

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

.line {
padding: 0 10px;
position: relative;
z-index: 500;
}

.bg_line.bg_top {
background: url('../images/bg_top.png') bottom repeat-x;
background-size: 1px 10px;
position: absolute;
top: 0;
left: 0;
z-index: 5000;
}

.bg_top .back {
background: #fff;
margin: 0 0 10px 0;
}

.bg_top .win_line {
padding: 5px 0 0 0;
}

.bg_top .line {
text-align: center;
}

.bg_top .logo_top {
background: url('../images/logo_top.png') no-repeat;
background-size: 100%;
display: block;
float: left;
width: 200px;
height: 68px;
margin: 0 30px 0 0;
}

.menu_button_top {
display: none;
}

.module_top {
background: none;
}

.bg_topdown {
height: 81px;
}

.menu_top, .menu_top2 {
display: inline-block;
list-style: none;
border-bottom: solid 2px #eaeaea;
padding: 0;
margin: 0;
}

.menu_top2 {
border: 0;
}

.menu_top li, .menu_top2 li {
background: none;
display: inline-block;
list-style: none;
vertical-align: top;
position: relative;
padding: 0;
margin: 0;
}

.menu_top li a, .menu_top2 li a {
display: block;
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
color: #737373;
text-transform: uppercase;
padding: 5px 12px;
}

.menu_top2 li a {
font-size: 16px;
line-height: 20px;
padding: 12px 12px 10px 12px;
}

.menu_top li.active a, .menu_top2 li.active a {
color: #2e994b;
}

.menu_top .submenu, .menu_top2 .submenu {
background: rgba(46, 153, 75, 0.8);
width: 210px;
text-align: left;
border-top: solid 1px #fff;
position: absolute;
top: 32px;
left: 0;
padding: 15px 20px;
margin: 0;
z-index: 1500;
display: none;
}

.menu_top2 .submenu {
width: 190px;
top: 41px;
}

.menu_top .submenu li, .menu_top2 .submenu li {
display: block;
padding: 0;
margin: 0;
}

.menu_top .submenu li a, .menu_top2 .submenu li a {
font-size: 16px;
line-height: 22px;
color: #fff;
padding: 6px 0;
}

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

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

.bg_first .line {
padding: 0;
max-height: 700px;
overflow: hidden;
}

.top_slider .bg_bottom {
background: url('../images/bg_first.png') repeat-x;
background-size: 1px 10px;
width: 100%;
height: 10px;
position: absolute;
bottom: 0;
left: 0;
}

.top_slider .slide {
background-size: auto 100% !important;
height: 700px;
}

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

.top_slider .bg_text {
display: inline-block;
background: url('../images/bg_textslider.png') repeat;
position: relative;
padding: 10px 10px 0 10px;
margin: 60px 0 0 0;
}

.top_slider h1 {
background: none;
font-size: 40px;
line-height: 50px;
font-family: Akrobat-Regular;
font-weight: normal;
text-align: left;
letter-spacing: 5px;
text-transform: none;
color: #fff;
padding: 0 0 10px 0;
}

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

.bg_line.bg_second {
background: url('../images/bg_second.png') bottom repeat-x;
background-size: 1px 15px;
}

.bg_second .win_line {
padding: 30px 0 20px 0;
}

.bg_second .line {
text-align: center;
}

.bg_second .item {
display: inline-block;
width: 100%;
max-width: 250px;
text-align: left;
vertical-align: top;
border-right: solid 1px #cccccc;
margin: 0 20px 20px 20px;
}

.bg_second .item.last {
border: 0;
}

.bg_second h3 {
background: url('../images/bg_second_h3.png') left 3px no-repeat;
background-size: 15px;
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 22px;
line-height: 30px;
color: #2e994b;
padding: 0 0 10px 25px;
}

.bg_second .phone {
background: url('../images/ico_phone.png') left 3px no-repeat;
background-size: 15px;
color: #666666;
padding: 0 0 10px 25px;
}

.bg_second .email {
background: url('../images/ico_email.png') left 6px no-repeat;
background-size: 15px;
color: #666666;
padding: 0 0 10px 25px;
}

.bg_second .phone:hover, .bg_second .email:hover {
color: #2e994b;
}

.bg_line.bg_third {
background: url('../images/bg_third.png') bottom repeat-x;
background-size: 1px 15px;
}

.bg_third .win_line {
max-width: 1000px;
padding: 80px 0;
}

.bg_third .image {
float: left;
margin: 0 60px 20px 0;
}

.bg_third .image img {
max-width: 300px;
height: auto;
}

.bg_third h2 {
display: inline-block;
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 34px;
letter-spacing: 2px;
line-height: 44px;
text-align: left;
color: #4d4d4d;
border-bottom: solid 2px #eaeaea;
padding: 20px 0;
margin: 0 0 30px 0;
}

.bg_third .button {
margin: 0 0 0 100px;
}

.bg_line.bg_fourth {
background: url('../images/bg_second.png') bottom repeat-x;
background-size: 1px 15px;
}

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

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

.menu_center li a, .menu_center li span {
display: block;
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
color: #2e994b;
text-transform: uppercase;
border: solid 1px #2e994b;
border-radius: 5px;
cursor: pointer;
padding: 6px 15px 5px 13px;
margin: 0 15px 20px 15px;
}

.menu_center li.active a, .menu_center li span.active {
background: #2e994b;
color: #fff;
}

.menu_contacts {
padding: 40px 0 0 0;
}

.btn_show {
background: url('../images/ico_down.png') no-repeat;
background-size: 45px;
width: 50px;
height: 26px;
cursor: pointer;
margin: 0 auto;
}

.bg_document .menu_center {
padding: 0 0 50px 0;
}

.bg_document .video {
float: right;
width: 100%;
max-width: 350px;
margin: 0 0 20px 20px;
}

.fullvideo {
display: inline-block;
width: 100%;
max-width: 750px;
height: auto;
margin: 0 auto;
}

.images_nav {
text-align: center;
padding: 40px 0 0 0;
}

.images_nav .item {
display: inline-block;
width: 100%;
max-width: 250px;
vertical-align: top;
margin: 0 15px 30px 15px;
}

.images_nav .item .image {
display: block;
width: 100%;
height: 150px;
overflow: hidden;
}

.images_nav .item .image img {
width: auto;
height: 100%;
}

.images_nav .item .title_btm {
display: inline-block;
height: 30px;
border-right: solid 1px #2e994b;
margin: 10px 0 0 0;
}

.images_nav .item h3 {
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 18px;
line-height: 26px;
color: #4d4d4d;
padding: 0 0 10px 0;
}

.images_nav .item .text {
font-size: 14px;
line-height: 20px;
color: #808080;
}

.bg_line.bg_fifth {
background: url('../images/bg_third.png') bottom repeat-x;
background-size: 1px 15px;
}

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

.bg_fifth .line {
text-align: center;
}

.bg_fifth h2, .bg_sixth h2 {
display: block;
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 34px;
letter-spacing: 2px;
line-height: 44px;
text-align: center;
color: #4d4d4d;
padding: 0 0 40px 0;
}

.menu_advantages {
display: inline-block;
list-style: none;
text-align: center;
padding: 0 10px;
margin: 0 0 70px 0;
box-shadow: 0px 0px 6px 0px #bdbcbc;
}

.menu_advantages li {
background: none;
display: inline-block;
list-style: none;
vertical-align: top;
padding: 0;
margin: 0;
}

.menu_advantages li a, .menu_advantages li span {
display: block;
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 20px;
line-height: 24px;
letter-spacing: 2px;
color: #9f9f9f;
text-transform: uppercase;
cursor: pointer;
padding: 30px 20px;
}

.menu_advantages li.active a, .menu_advantages li span.active {
color: #2e994b;
}

.bg_fifth .block {
display: inline-block;
width: 100%;
max-width: 350px;
vertical-align: top;
text-align: left;
padding: 0 20px 30px 20px;
}

.bg_fifth .block.image {
text-align: center;
}

.bg_fifth .block img {
max-width: 250px;
height: auto;
}

.bg_fifth .block p {
padding: 0 0 30px 0;
}

.bg_line.bg_sixth {
background: url('../images/bg_second.png') bottom repeat-x;
background-size: 1px 15px;
}

.reference_slider {
max-height: 250px;
overflow: hidden;
position: relative;
padding: 65px 0 80px 0;
}

.reference_slider .bx-prev {
display: block;
background: url('../images/ico_prev.png') center 140px no-repeat;
background-size: 25px;
width: 35px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 500;
}

.reference_slider .bx-next {
display: block;
background: url('../images/ico_next.png') center 140px no-repeat;
background-size: 25px;
width: 35px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 500;
}

.reference_slider .image {
display: block;
width: 300px;
height: 200px;
overflow: hidden;
}

.reference_slider .reference_slider_fade {
background: #fff;
width: 440px;
height: 290px;
overflow: hidden;
position: absolute;
top: 15px;
left: 50%;
margin-left: -220px;
}

.reference_slider .reference_slider_fade .image {
display: block;
width: 440px;
height: 290px;
overflow: hidden;
}

.reference_slider .image img {
max-width: 100%;
min-height: 100%;
height: auto;
}

.bg_seventh .line {
text-align: center;
}

.bg_seventh .map {
max-width: 650px;
position: relative;
margin: 0 auto;
}

.bg_seventh .map img {
max-width: 100%;
height: auto;
}

.bg_seventh .map .point {
background: url('../images/ico_point2.png') no-repeat;
background-size: 100%;
width: 100%;
width: 30px;
height: 45px;
position: absolute;
cursor: pointer;
}

.bg_seventh .map .point.point_1 {
left: 32.3076923077%; /*210px;*/
top: 29.3333333333%; /*110px;*/
}

.bg_seventh .map .point.point_2 {
left: 13.8461538462%; /*90px;*/
top: 45.3333333333%; /*170px;*/
}

.bg_seventh .map .point.point_3 {
left: 89.2307692308%; /*580px;*/
top: 37.3333333333%; /*140px;*/
}

.bg_seventh .map .point.active {
background: url('../images/ico_point.png') no-repeat;
background-size: 100%;
}

.bg_seventh .address {
color: #2e994b;
padding: 0 0 40px 0;
}

.bg_seventh .address h3 {
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
color: #2e994b;
padding: 10px 0;
}

.bg_seventh .address .box {
width: 100%;
max-width: 450px;
box-shadow: 0px 0px 6px 0px #bdbcbc;
margin: 50px auto 20px auto;
}

.bg_seventh .address span {
color: #b8b8b8;
}

.bg_seventh .contacts .item {
display: inline-block;
width: 100%;
max-width: 270px;
min-height: 250px;
text-align: left;
vertical-align: top;
border-right: solid 2px #e7e7e7;
padding: 0 15px 0 0;
margin: 0 15px 40px 15px;
}

.bg_seventh .contacts .item.type_2, .bg_seventh .contacts .item.last {
border: 0;
}

.bg_seventh .contacts h3 {
font-family: Akrobat-SemiBold;
font-weight: normal;
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
color: #4d4d4d;
padding: 10px 0;
}

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

.bg_bottom .win_line {
max-width: 850px;
}

.bg_bottom .bg_logo_bottom {
float: left;
width: 200px;
border-right: solid 2px #e3e3e3;
padding: 0 60px 0 0;
margin: 0 60px 50px 0;
}

.bg_bottom .bg_logo_bottom img {
max-width: 100%;
height: auto;
}

.menu_bottom {
display: inline-block;
list-style: none;
vertical-align: top;
padding: 0;
margin: 0;
}

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

.menu_bottom li a {
background: url('../images/menu_bottom.png') left center no-repeat;
background-size: 5px 1px;
display: block;
font-family: Akrobat-Regular;
font-weight: normal;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
color: #808080;
text-transform: uppercase;
padding: 2px 80px 2px 10px;
}

.menu_bottom li a:hover {
color: #2e994b;
}

.menu_bottom li.active a {
color: #2e994b;
}

.bg_line.bg_footer {
background: #9f9f9f;
}

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

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

.bg_title .win_line {
max-width: 1920px;
padding: 0;
}

.bg_title .line {
padding: 0;
}

.bg_title .image {
background-size: auto 100% !important;
height: 390px;
text-align: center;
}

.bg_title .image h1 {
display: inline-block;
background: url('../images/bg_textslider.png') repeat;
max-width: 1140px;
font-family: Akrobat-ExtraBold;
font-weight: normal;
letter-spacing: 10px;
font-size: 48px;
line-height: 58px;
text-transform: uppercase;
color: #fff;
padding: 10px 20px;
margin: 90px 0 0 0;
}

.bg_title .bg_text {
padding: 40px 0 0 0;
}

.bg_line.bg_document {
background: url('../images/bg_second.png') bottom repeat-x;
background-size: 1px 15px;
}

.bg_reference {
text-align: center;
}

.bg_reference .image {
display: inline-block;
width: 100%;
max-width: 300px;
height: 200px;
vertical-align: top;
overflow: hidden;
margin: 10px;
}

.bg_reference .image img {
max-width: 100%;
min-height: 100%;
height: auto;
}

.bg_filecatalog .itemdir {
display: block;
font-size: 20px;
line-height: 30px;
padding: 0 0 10px 0;
}

.bg_filecatalog .itemdir.updir {
font-size: 16px;
line-height: 24px;
border-bottom: solid 1px #eaeaea;
margin: 0 0 15px 0;
}

.bg_filecatalog .itemfile {
display: block;
}

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

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

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

.progress_bar {
position: relative;
width: 100%;
max-width: 350px;
height: 25px;
border: solid 1px #d9d9d9;
margin: 10px  auto;
overflow: hidden;
display: none;
}

.progress_bar .bar {
background: #2e994b;
width: 0%;
height: 25px;
}

.progress_bar .percent {
color: #cccccc;
position: absolute;
top: 1px;
left: 48%;
}

.form_file_remove {
color: #f00;
padding: 10px 0;
cursor: pointer;
}

.form_file_remove:hover {
color: #cccccc;
}

.callmeback {
background: rgba(46, 153, 75, 0.8);
position: fixed;
top: 100px;
right: 0;
z-index: 5000;
}

.callmeback .perex {
background: url('../images/bg_callmeback.png') center no-repeat;
background-size: 40px;
width: 50px;
height: 65px;
cursor: pointer;
}

.callmeback .bg_text {
text-align: center;
color: #fff;
padding: 20px;
position: relative;
display: none;
}

.callmeback .bg_text h3 {
color: #fff;
}

.callmeback .bg_text .inputbox {
max-width: 240px;
}

#form_contact {
text-align: center;
}

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

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

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

#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: 1200px) {

.bg_topdown {
height: 73px;
}

.menu_top li a {
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
padding: 5px;
}

.menu_top2 li a {
font-size: 15px;
line-height: 18px;
padding: 8px 5px 5px 5px;
}
}

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

.reference_slider_fade {
display: none;
}
}

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

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

.bg_top .logo_top {
width: 148px;
height: 50px;
margin: 0;
}

.module_top {
background: rgba(46, 153, 75, 0.8);
position: absolute;
top: 50px;
right: 40px;
padding: 15px 20px;
display: none;
}

.menu_top, .menu_top2 {
display: block;
border: 0;
}

.menu_top li, .menu_top2 li {
display: block;
position: static;
}

.menu_top li a, .menu_top2 li a {
font-size: 18px;
line-height: 22px;
text-align: left;
color: #fff;
padding: 5px 0;
}

.menu_top a:hover, .menu_top2 li a:hover {
color: #cccccc;
}

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

.menu_top .submenu, .menu_top2 .submenu {
border: 0;
top: 32px;
left: auto;
right: 150px;
}

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

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

.bg_topdown {
height: 55px;
}

.bg_seventh .contacts .item {
min-height: auto;
border: 0;
padding: 0;
margin: 0 0 20px 0;
}

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

.callmeback {
top: 60px;
}
}

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

.bg_second .item {
border: 0;
}

h1 {
letter-spacing: 6px;
font-size: 38px;
line-height: 48px;
}

.bg_title .image h1 {
letter-spacing: 4px;
font-size: 36px;
line-height: 46px;
padding: 10px 20px;
margin: 40px 0 0 0;
}
}

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

.top_slider h1 {
font-size: 30px;
line-height: 40px;
letter-spacing: 3px;
}

.top_slider .button {
top: 260px;
}

.menu_center li a, .menu_center li span {
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
border-radius: 5px;
padding: 4px 10px 2px 10px;
margin: 0 10px 15px 10px;
}

.bg_document .menu_center {
padding: 0 0 20px 0;
}

.menu_advantages {
padding: 0;
margin: 0 0 50px 0;
}

.menu_advantages li a, .menu_advantages li span {
font-size: 18px;
line-height: 22px;
padding: 10px;
}
}

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

.inputbox {
max-width: 240px;
}

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

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

.bg_bottom .bg_logo_bottom {
border: 0;
padding: 0;
}
}

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

.top_slider h1 {
font-size: 22px;
line-height: 30px;
letter-spacing: 2px;
}

.menu_top .submenu, .menu_top2 .submenu {
right: -30px;
}

.bg_reference .image {
margin: 10px 0;
}

.bg_fifth .block {
padding: 0 0 10px 0;
}

.reference_slider .bx-prev {
background-position: left 150px;
background-size: 15px;
}

.reference_slider .bx-next {
background-position: right 150px;
background-size: 15px;
}

.callmeback .bg_text .inputbox {
max-width: 220px;
}
}

.switched, .disable {
display: none;
}

.switched.item_1 {
display: block;
}