@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; line-height: 1.3; background: #fff; visibility: hidden; -webkit-font-smoothing: antialiased; }
a { color: #234f69; }
input,
select,
textarea,
.form-control { outline: none; font-size:12px; }
.btn, .btn:hover { line-height: 40px; font-size: 16px; border-radius: 5px; padding: 0; margin: 0; padding-left: 15px; padding-right: 15px; background-color: #312783; border: 0; }
.block { display: block; }
h3, .hr-item .title { color:#e30613; margin-bottom: 10px; font-size: 20px; }
.img-responsive { width: 100%; }
.mb10 { margin-bottom: 10px; }
label { margin-bottom: 5px; }
/* header */

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background: none; color: #000; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #000; }

.header { z-index: 999; }
.header .nav>li>a:hover { background: none; }
.header .navbar-nav>li a, .header .navbar-nav>li a:hover { color:#000; }
.header .navbar-nav>li>a { font-size: 15px; }
.header .navbar-nav>li.active>a, .header .navbar-nav>li.active>a:hover { color:#000; background: none; }
.header .navbar-nav li { position: relative; }
.header .navbar-nav ul { position: absolute; }
.header .navbar-nav>li>ul { left: 0; }
.navbar-collapse { padding-left: 0; padding-right: 0;}
.header .container { position: relative; }
.header .languages { float: right; }
.header .phone, .main-slider .phone { position: absolute; right: 15px; z-index: 10; top: 0; }
.header .logo { padding-left: 0; padding-top: 10px; padding-bottom: 10px; }
.logo .img-responsive { max-width: 100%; width: auto; }

.navbar .dropdown-menu { background: #fff; font-size: 13px; }
.navbar .dropdown-menu li a { color:#000; padding: 5px 10px; display: block; position: relative; }
.navbar .dropdown-menu .caret { position: absolute; right: 10px; top:50%; margin-top: -4px; border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent }
.navbar .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #f5f5f5; }
.navbar .dropdown-menu>li>ul { left: 100%; top: 0; background: #fff; display: none; min-width: 160px; }
.navbar .dropdown-menu a { white-space: nowrap; }

.main-slider { position: relative; }
.main-slider .container { position: relative; }

.main-content-box a { display: block; color:#000; font-size: 14px; }
.main-content-box strong { display: block; color:#e93c34; font-size: 30px; font-weight: 300; line-height: 1; margin-bottom: 10px; }
.main-content-box span.arrow { display: inline-block; float: left; margin-right: 10px;  background: url(../img/link-arrow.png) no-repeat; width: 21px; height: 21px; }
.main-content-box img { width: 100%; }
.main-content-box .image-text { position: relative; display: table-cell; vertical-align: middle; }
.main-content-box .image-text a { display: block; }

.main-bottom-item { min-height: 230px; border: 1px solid #8d8d8d; padding-top: 10px; padding-bottom: 10px; }
.main-news-title { font-size: 24px; color:#df4e48; margin-bottom: 10px; }
.main-news-title, .main-news { padding-left: 15px; padding-right: 15px; }
.main-news a { display: block; min-height: 50px; padding-left: 100px; position: relative; color:#333; font-weight: bold; margin-bottom: 5px; }
.main-news a img { position: absolute; left: 0; top: 0; width: 78px; height: 50px; }

.footer { padding: 20px 0; background: #e30613; color:#fff; margin-top: 20px; line-height: 1.5; }
.footer-buttons { text-align: right; }
.footer-buttons a { display: inline-block; width: 37px; height: 37px; border: 1px solid #fff; }
.footer a { color:#fff; }

.subpage-title { margin-bottom: 15px; background: #312783; color:#fff; font-size: 30px; padding: 10px 0; line-height: 1; font-weight: 300; }
.subpage-container { line-height: 1.5; }
.subpage-container p, .form-item, .product-image { margin-bottom: 15px; }

.product-item, .logo-item { margin-bottom: 30px; position: relative; }
.product-item .product-list-title { position: absolute; left: 10px; bottom: 10px; right: 10px; display: block; background: #979797; color:#fff; padding: 5px 10px 0 10px; font-size: 14px; }
.logo-item img { border: 1px solid #ddd; padding: 5px; }
.logo-item > a { position: relative; display: block; }
.logo-item > a > span{ display: block; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,.6); color:#fff; font-size: 14px; padding: 5px 10px; }

.hr-item .title { margin-bottom: 15px; }
.hr-item { margin-bottom: 15px; background: #f5f5f5; padding: 10px; }
.hr-item .sub-title { color: #000; margin-bottom: 5px; }
td { padding: 2px 0; }
label.error { font-size: 12px; color: red; }
span.red { color: red; }

.left-menu a { display: block; padding: 6px 10px; font-weight: 600; }
.left-menu > li > a { background: #f5f5f5 url(../img/left-menu-arrow.png) no-repeat left; color: #666; margin-bottom: 1px; padding-left: 15px; }
.left-menu > li.active > a { background: #ddd url(../img/left-menu-arrow.png) no-repeat right; color:#333; font-weight: bold; }
.left-menu > li > ul { display: none; }
.left-menu > li.active > ul { display: block; }
.left-menu > li > ul > li > a { background: #999; padding: 10px 10px 10px 20px; }
.left-menu > li > ul > li.active > a { background: #777 url(../img/submenu-arrow.png) no-repeat left; }

.checkbox-item { margin-right: 15px; margin-bottom: 15px; }
.checkbox-item label { font-weight: 400!important; }
.checkbox-item input { margin: 0; }

.main-products-bg { background-color: #fff; padding: 16px 8px; }
.main-product-item { padding-left: 8px; padding-right: 8px; }
.main-product-item a { display: block; position: relative; }
.main-product-item a .title { display: inline-block; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.75); color: #fff; font-size: 16px; padding: 5px 10px; font-weight: 600; }
.main-products-title { display: inline-block; background-color: #fff; padding: 10px 15px 0 15px; }
.main-products-title, .main-reference-title { font-size: 20px; color:#312783; }
.main-reference-item { margin-left: 5px; margin-right: 5px; }

@media (max-width: 767px) {
  .navbar { margin-top: -20px; }
  .navbar-collapse { width: 100%; }
  .footer-address { text-align: center; }
  .footer-buttons { padding-top: 15px; margin-top: 15px; border-top:1px solid rgba(255,255,255,.5); }
  .footer-logo { text-align: center; }
  .footer-logo img { margin-left: auto; margin-right: auto; }
  .main-content { padding-top: 20px; padding-bottom: 20px; }
  .main-content-box, .main-bottom-item { margin-bottom: 20px; }
  .bx-wrapper .bx-caption { font-size: 24px; }
}

@media (max-width: 979px) {
  .navbar { margin-top: 20px; }
  .navbar-toggle { float: right; margin:0; }
  .header .navbar-nav a { text-align: center; border-top: 1px solid #eee; }
  .header .navbar-nav ul { position: relative; width: 100%; }
  .navbar .dropdown-menu>li>ul { left: 0; }
  .main-bottom-box { margin-bottom: 20px; }
  .subpage-banner { height: 100px; }
  .nav>li>a { padding: 0; }
  .header .navbar-nav>li>a { line-height: 40px; }
  .main-content-box strong { font-size: 24px; }
}

@media (min-width: 768px) {
  .navbar-toggle { display: block; }
  .navbar-collapse { width: 100%; }
  .navbar-toggle { float: right; margin-right: 0; }
  .main-content-box .image-text { height: 116px; padding-left: 30px; }
  .footer-buttons { float: right; }
  .footer-logo { text-align: right; }
  .bx-wrapper .bx-caption { font-size: 36px; }
}

@media (min-width: 980px) {
  .header { background: rgba(255,255,255,.8); width: 100%; position: absolute; left: 0; top: 0; }
  .header .navbar { position: absolute; right: 0; float: none; top: 25px; }
  .header .navbar .navbar-collapse { margin-left: auto; margin-right: auto; }
  .header .nav>li { float: left; }
  .navbar-nav>li>a { line-height: 30px; padding-top: 0; padding-bottom: 0; padding-left: 0px; padding-right: 0px; }
  .navbar-toggle { display: none; }
  .header .navbar-nav>li>a { margin-left: 10px; margin-right: 10px; }
  .main-content-box .image-text { height: 152px; }
  .bx-wrapper .bx-caption { font-size: 44px; }
  .subpage { margin-top: 100px; }
  .main-products { z-index: 11; margin-top: -150px; position: relative; }
}

@media (min-width: 1200px) {
  .header .navbar-nav>li>a { margin-left: 15px; margin-right: 15px; }
  .main-content-box .image-text { height: 184px; }
}