html, body {
    height: 100%;
    min-width: 320px;
}

body {
    background: #ffffff;
    font-family: 'PT Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    min-height: 100%;
    color: #393939;
}

textarea,
input[type="text"],
input[type="password"] {
    -webkit-appearance: none;
    font-family: 'PT Sans', Arial, sans-serif;
}

textarea:focus,
input:focus,
.form-control:focus {
    border-color: #ccc;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

a:hover,
a {
    color: #045681;
}

a:focus {
    color: #045681;
    text-decoration: none;
    outline: none;
}

a:active {
    color: #045681;;
    outline: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

.line-top {
    height: 5px;
    background-color: #fbc630;
}

.header .h-inner {
    height: 91px;
    border-bottom: 1px solid #e9c31d;
    background: #fad220;
}

.logo {
    display: inline-block;
    vertical-align: top;
    width: 184px;
    height: 50px;
    margin-top: 22px;
}
.logo img{
    vertical-align: top;
    margin :0;
}
.header .contact-info {
    float: right;
    padding: 20px 0 0 0;
    text-align: right;
}

.header .contact-info .tel {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #6F909D;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 6px;
}

.header .contact-info .tel:active,
.header .contact-info .tel:hover {
    color: #6F909D;
    text-decoration: none;
}

.header .contact-info .email-link {
    color: #3e3f3b;
    font-size: 16px;
    line-height: 20px;
}

.header .contact-info .email-link:active,
.header .contact-info .email-link:hover {
    text-decoration: none;
    color: #3e3f3b;
}

.header .contact-info p {
    margin: 0;
}

.header .inf {
    display: inline-block;
    vertical-align: top;
    margin-left: 27px;
    padding-top: 20px;
}

.header .inf .company {
    font-size: 18px;
    line-height: 23px;
    color: #4c4c4c;
    margin-bottom: 10px;
}

.header .inf .link-locations {
    color: #00517f;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    padding-left: 24px;
    background: url('../images/icn_locations.png') no-repeat 0 center;
}

.header .inf .link-locations:hover,
.header .inf .link-locations:active {
    text-decoration: none;
}

.header .header-search {
	display: inline-block;
    width: 29%;
    padding-top: 38px;
    padding-left: 15px;
}

.header .header-search .searchbox{
	display: inline-block  !important;
	width: 69% !important;
}

.header .header-search .searchbutton{
	display: inline-block  !important;
	vertical-align: unset !important;
	margin-top: 0 !important;
	height: auto !important;
	line-height: 33px !important;
}

@media (max-width: 1199px) {
    .header .header-search
	{
		display: none;
	}
}

.wrap-navigation {
    height: 54px;
    background: #f1f1f1;
}

.navigation {
    position: relative;
    z-index: 1;
    text-align: justify;
}

.navigation:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 1px;
    width: 100%;
}

.navigation > li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.navigation > li:first-child {
    margin-left: 0;
}
.navigation > li:nth-child(4) {
    position:relative;
}
.navigation > li:nth-child(5) {
    position:relative;
}
.navigation > li > a {
    height: 54px;
    display: block;
    line-height: 54px;
    font-weight: bold;
    color: #69767d;
    position: relative;
    font-size: 16px;
}

.navigation > li > a.active,
.navigation > li > a:hover {
    color: #3f5059;
    text-decoration: none;
}

.navigation > li.open > a > i {
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01a94f;
}

.navigation > li.open > a > i:before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    top: -3px;
    border-bottom: 3px solid #01a94f;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: -4px;
}

.sub-nav {
    position: absolute;
    left: 0;
    top: 54px;
    display: none;
    width: 100%;
    padding: 25px 32px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	min-width: 290px;
}

.sub-nav li {
position:relative
}

.sub-nav-second {
    position: absolute;
    left: 280px;
    top: 10px;
    display: none;
    width: 100%;
    padding: 25px 32px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	min-width: 290px;
	z-index:500;
}

.open-sub > .sub-nav-second {
   display:block
}
 
.sub-nav.pos-right {
    left: auto;
    right: 0;
}

.pos-none {
    position: relative;
}

.pos-none .sub-nav {
    width: auto;
}

.pos-none .sub-nav > ul {
    min-width: 250px;
}

.sub-nav.one-col {
    max-width: 380px;
}
.sub-nav.small-col {
    max-width: 175px;
    min-width: 175px;
}
.sub-nav.first-col {
    min-width: 350px;
}
.sub-nav.last-col {
    max-width: 240px;
}

.sub-nav.two-col {
    max-width: 66.666666%;
}

.open > .sub-nav {
    display: block;
}

.sub-nav > ul {
    width: 33.333333%;
    float: left;
    padding-left: 32px;
}
.sub-nav.small-col > ul,
.sub-nav.one-col > ul,
.sub-nav.three-col > ul {
    width: 100%;
}

.sub-nav.two-col > ul {
    width: 100%;
}

.sub-nav > ul:first-child {
    padding-left: 0;
}

.sub-nav > ul > li {
    padding: 7px 0;
}

.sub-nav.two-col > ul > li {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.sub-nav.three-col > ul > li {
    float: left;
    width: 33.333333%;
}

.sub-nav > ul > li > a {
    color: #515446;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
}

.sub-nav > ul > li > a:active,
.sub-nav > ul > li > a:hover {
    color: #3882a9;
}

.sub-nav > ul > li > a.icn-bottle,
.sub-nav > ul > li > a.icn-coffee,
.sub-nav > ul > li > a.icn-french-fries,
.sub-nav > ul > li > a.icn-beeswax,
.sub-nav > ul > li > a.icn-literature,
.sub-nav > ul > li > a.icn-ticket,
.sub-nav > ul > li > a.icn-pill,
.sub-nav > ul > li > a.icn-smoking,
.sub-nav > ul > li > a.icn-network-cable,
.sub-nav > ul > li > a.icn-map-editing,
.sub-nav > ul > li > a.icn-capacitor,
.sub-nav > ul > li > a.icn-apartment,
.sub-nav > ul > li > a.icn-new-post,
.sub-nav > ul > li > a.icn-visa {
    padding-left: 28px;
    padding-right: 6px;
}

.sub-nav > ul > li > a.icn-coffee {
    background: url('../images/icons_products/coffee.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-french-fries {
    background: url('../images/icons_products/french_fries.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-beeswax {
    background: url('../images/icons_products/beeswax.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-literature {
    background: url('../images/icons_products/literature.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-ticket {
    background: url('../images/icons_products/ticket.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-pill {
    background: url('../images/icons_products/pill.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-smoking {
    background: url('../images/icons_products/smoking.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-network-cable {
    background: url('../images/icons_products/network_cable.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-map-editing {
    background: url('../images/icons_products/map_editing.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-capacitor {
    background: url('../images/icons_products/capacitor.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-apartment {
    background: url('../images/icons_products/apartment.png') no-repeat 0 2px;
}

.sub-nav > ul > li > a.icn-new-post {
    background: url('../images/icons_products/new_post.png') no-repeat 0 4px;
}

.sub-nav > ul > li > a.icn-visa {
    background: url('../images/icons_products/visa.png') no-repeat 0 3px;
}

.sub-nav > ul > li > a.icn-bottle {
    background: url('../images/icons_products/bottle.png') no-repeat 0 3px;
}

.close-nav-mobile,
.mobile-nav {
    display: none;
}

.footer {
    padding: 56px 0;
    background: #313639;
}

.footer h2 {
    color: #ffffff;
    font-size: 40px;
    line-height: 42px;
    font-weight: bold;
    min-height: 77px;
}

.contact-form {
    width: 414px;
    float: left;
}

.contact-form .TextBoxField, .contact-form .TextAreaField {
    border: 1px solid #1d2225;
    padding: 8px 15px;
    font-size: 16px;
    height: 44px;
    color: #ffffff;
    background: #1d2225;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
}
.contact-form .TextAreaField {
    padding: 13px 15px;
}
.contact-form .text-msg{
    color: #b5b7b8;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    display: none;
}
.ErrorLabel {
    display: none;
}
.Error .TextBoxField, .Error .TextAreaField {
    border-color: #e03d53;
}
.contact-form .TextBoxField::-webkit-input-placeholder {
    color: #616466;
}

.contact-form .TextBoxField::-moz-placeholder {
    color: #616466;
}

.contact-form .TextBoxField:-moz-placeholder {
    color: #616466;
}

.contact-form .TextBoxField:-ms-input-placeholder {
    color: #616466;
}
.contact-form .TextAreaField::-webkit-input-placeholder {
    color: #616466;
}

.contact-form .TextAreaField::-moz-placeholder {
    color: #616466;
}

.contact-form .TextAreaField:-moz-placeholder {
    color: #616466;
}

.contact-form .TextAreaField:-ms-input-placeholder {
    color: #616466;
}
.contact-form .form-group {
    margin-bottom: 10px;
    position: relative;
}
.contact-form .label, .contact-form .label2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 0;
}
.contact-form label {
    color: #999;
    font-family: 'PT Sans', Arial, sans-serif;
    font-size: 16px;
    padding: 14px 0 12px 15px;
    width: 100%;
    display: block;
    margin: 0;
    cursor: pointer;
}
.contact-form .label2 label {
    padding-bottom: 139px;
}
.contact-form input.TextBoxField {
    font-family: 'PT Sans', Arial, sans-serif;
}
.contact-form textarea.TextAreaField {
    height: 170px;
    resize: none;
    font-family: 'PT Sans', Arial, sans-serif;
}

.contact-form .FormButton {
    display: inline-block;
    border: 0;
    vertical-align: top;
    margin-top: 6px;
    height: 44px;
    line-height: 44px;
    padding: 0 23px;
    color: #ffffff;
    font-size: 16px;
    background: #34a5e0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.contact-form .FormButton:hover {
    color: #ffffff;
    text-decoration: none;
    background: #34afe0;
}

.contact-form .FormButton:active {
    color: #ffffff;
    text-decoration: none;
    background: #349be0;
}

.Share {
    position: fixed;
    top: 50%;
    left: 20px;
    background-color: #fcfcfc;
    border-radius: 50em;
    margin-top: -105px;
    padding: 10px;
    z-index: 1000;
}

.Share .Share-item {
    margin-top: 10px;
}

.Share .Share-item:first-child {
    margin-top: 0;
}

.Share .Share-link {
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;

    border-radius: 50em;
    height: 40px;
    width: 40px;
}
.Share .Share-link--linkedin {
    background: url("../images/linkedin.png") no-repeat;
}

.Share .Share-link--youtube {
    background: url("../images/youtube.png") no-repeat;
}

.Share .Share-link--facebook {
    background: url("../images/fb_icon.png") no-repeat;
}

.footer-inner {
    padding-left: 43px;
    margin-left: 414px;
    padding-top: 77px;
}

.footer-inner .list {
    display: inline-block;
    vertical-align: top;
    min-width: 175px;
}

.footer-inner .list h4 {
    font-size: 16px;
    line-height: 20px;
    color: #8d9092;
    margin-bottom: 9px;
}

.footer-inner .list ul li {
    margin-bottom: 5px;
}

.footer-inner .list ul li a {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}

.footer-inner .contact-info p {
    margin: 0;
}

.footer-inner .contact-info {
    padding-top: 41px;
}

.footer-inner .contact-info .tel {
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: top;
}

.footer-inner .contact-info .email-link {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}

.copyright {
    border-top: 1px solid #636669;
    width: 352px;
    padding: 13px 0 0 0;
    margin: 20px 0 0 0;
    font-size: 14px;
    line-height: 19px;
    color: #7f8284;
}

.copyright span {
    padding-left: 13px;
}

.banner {
    background-repeat: no-repeat;
    background-position: center top;
    padding: 85px 0 85px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.banner h2, .banner ,h1 {
    font-size: 50px;
    color: #ffffff;
    line-height: 50px;
    font-weight: bold;
    margin: 0 0 8px;
}

.banner p {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
}

.banner.b-service {
    background-image: url('../images/banner_service.jpg');
}

.banner.b-solution {
    background-image: url('../images/banner_solition.jpg');
}

.banner.b-materials {
    background-image: url('../images/banner_rashodnie.jpg');
}

.banner.b-technology {
    background-image: url('../images/banner_technology.jpg');
}
.banner.b-about{
    background-image: url('../images/b_about.jpg');
}
.banner.b-shows{
    background-image: url('../images/b_shows.jpg');
}
.banner.b-vacancy{
    background-image: url('../images/b_vacancy.jpg');
}
.banner.b-material{
    background-image: url('../images/b_material.jpg');
}
.banner.b-oborudovanie{
    background-image: url('../images/b_oborudovanie.jpg');
}
.banner.b-oborudovanie h2{
    line-height: 50px;
}
.banner.b-text{
    background-image: url('../images/b_text.jpg');
}
.banner.b-beverages{
    background-image: url('../images/b_beverages.jpg');
}
.services {
    padding: 47px 0;
}

.services .box {
    padding-left: 80px;
    padding-bottom: 65px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.services .box.icn-cal {
    background-image: url('../images/serv_cal.png');
}

.services .box.icn-set {
    background-image: url('../images/serv_set.png');
}

.services .box.icn-consult {
    background-image: url('../images/serv_consult.png');
}

.services .box.icn-print {
    background-image: url('../images/serv_print.png');
}

.services h2 , .services h1 {
    font-size: 30px;
    line-height: 39px;
    color: #3e3f3b;
    font-weight: bold;
    margin: 0 0 7px;
}

.services h3 {
    font-size: 18px;
    line-height: 23px;
    color: #393939;
    font-weight: bold;
    margin: 0 0 11px;
    padding-top: 10px;
}

.services .box h3:first-child {
    padding-top: 0;
}

.services p {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
}

@media (max-width: 1199px) {
    .navigation > li {
        /*margin-left: 40px;*/
    }
}

/*default*/

.btn-default:visited,
.btn-default:focus,
.btn-default {
    border: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    color: #ffffff;
    font-size: 16px;
    background: #34a5e0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.btn-default:hover {
    color: #ffffff;
    text-decoration: none;
    background: #34afe0;
}

.btn-default:active {
    color: #ffffff;
    text-decoration: none;
    background: #349be0;
}

.btn-secondary:visited,
.btn-secondary:focus,
.btn-secondary {
    border: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    color: #ffffff;
    font-size: 16px;
    background: #474747;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.btn-secondary:hover {
    color: #ffffff;
    text-decoration: none;
    background: #474747;
}

.btn-secondary:active {
    color: #ffffff;
    text-decoration: none;
    background: #474747;
}

.btn-map {
    padding: 11px 20px;
    font-weight: bold;
    font-size: 16px;
    color: #69767D;
    background: #fff;
    margin-left: 0 !important;
    border: none;
    border-left: 1px solid #e9e9e9;
}

.btn-map:first-child {
    border-left: none;
}

.btn-map:hover {
    color: #69767D;
    background: #FAFAFA;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 0;
}

.btn-map:active,
.btn-map.active {
    color: #fff;
    background: #36a4e3;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
}

.call-to-action .btn-default
{
    padding: 20px;
    bottom: 10px;
    width: 330px;
    height: auto;
    display: block !important;
    white-space: break-spaces;
    line-height: initial;
    border-radius: 10px;
    font-size: 21px;
}

.call-to-action-sales .btn-default
{
    float: right;
    margin: 0;
    padding: 10px;
    bottom: 10px;
    width: 330px;
    height: auto;
    display: block !important;
    white-space: break-spaces;
    line-height: initial;
    border-radius: 10px;
    font-size: 19px;
    color: #ffffff;
}

/*default*/

/*homepage*/
.our-solution {
    background: #005280 url(../images/our-solution.png) right bottom no-repeat;
    padding: 55px 0 95px;
}

.our-solution h2, .our-solution h1 {
    font-size: 40px;
    color: #fff;
    line-height: 130%;
    font-weight: bold;
    margin-bottom: 25px;
}

.our-solution h3 {
    font-size: 21px;
    color: #fff;
    line-height: 130%;
    margin-bottom: 10px;
}

.our-solution li {
    color: #fff;
    font-size: 16px;
    margin-top: 3px;
}

.our-solution li a {
    color: #fff;
}

.our-solution li:first-child {
    margin-top: 0;
}

.our-solution .sol-list {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.brand-list {
    padding: 65px 0;
}

.brand-list h2, .brand-list h1 {
    font-size: 40px;
    color: #3E3F3B;
    line-height: 116%;
    font-weight: bold;
    margin-bottom: 38px;
}

.brand-list .row {
    margin-top: 67px;
}

.brand-list h2 + .row {
    margin-top: 0;
}

.brand-list .brand img {
    margin-bottom: 19px;
}

.brand-list .brand p {
    max-width: 80%;
}

.map {
    position: relative;
}

.map .container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.map .contact-info {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 390px;
}

.contact-info .btn-wrp {
    position: absolute;
    left: 50%;
    right: 0;
    margin: 0 0 0 -368px;
    display: block;
    bottom: 0;
}

.contact-info .btn-group {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    font-size: 0;
}

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

.info-acc.panel-group {
    background: #fff;
    position: absolute;
    right: 30px;
    top: 30px;
}

.info-acc .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.info-acc .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 36px 24px;
    width: 226px;
}

.info-acc .panel + .panel {
    margin-top: 0;
}

.info-acc .address {
    font-size: 16px;
    color: #393939;
}

.info-acc b {
    color: #393939;
    font-size: 21px;
    text-align: center;
    display: block;
    margin-bottom: 29px;
}

.info-acc li {
    color: #393939;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 7px;
    padding-left: 30px;
    position: relative;
}

.info-acc li:before {
    content: "";
    display: block;
    height: 17px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    background: url(../images/cont-sprite.png) no-repeat;
}

.info-acc li.phone:before {
    background-position: left bottom;
}

.info-acc li.fax:before {
    background-position: left top;
}

.info-acc .panel-heading {
    border-top: 1px solid #e0e0e0;
    padding: 0;
}

.info-acc .panel-heading a {
    font-weight: bold;
    font-size: 14px;
    color: #69767D;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    padding: 13px 35px;
    position: relative;
}

.info-acc .panel-heading a:before {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    background: url("../images/arrow.png") no-repeat;
    background-position: left bottom;

}

.info-acc .panel-heading a.collapsed {
    border-bottom: none;
}

.info-acc .panel-heading a.collapsed:before {
    background-position: left top;

}

.info-acc .panel-heading a:hover {
    text-decoration: none;
}

/*homepage*/
/*material*/
.material-solution {
    padding: 56px 0 40px;
    background: #fafafa;
}

.material-solution h2, .material-solution h1 {
    font-size: 40px;
    color: #3e3f3b;
    font-weight: bold;
    margin-bottom: 26px;
}

.material-solution p {
    font-size: 16px;
    color: #3e3f3b;
    line-height: 126%;
}

.material-tabs {
    padding-bottom: 100px;
    padding-top: 49px;
}

.material-tabs .nav li a {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #919191;
    padding: 6px 15px;
}

.material-tabs .nav li.active a {
    background: transparent;
    color: #393939;
    position: relative;
}

.material-tabs .nav li:hover a {
    background: transparent;
    color: #3e3f3b;
}

.material-tabs h3 {
    font-size: 18px;
    font-weight: bold;
    color: #393939;
    margin-bottom: 22px;
    margin-top: 14px;
}

.material-tabs p {
    font-size: 16px;
    color: #393939;

}

.material-tabs p + .material {
    margin-top: 40px;
}

.material {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
}

.material .col-xs-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.material img {
    width: 100%;
    height: auto;
}

.material .desc-mat {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    background: rgba(0, 0, 0, .1);
    padding: 25px 20px;
}

.material a {
    display: block;
}

.material .material-example {
    position: relative;
    display: block;
    color: #fff;
}

.material-example .name {
    font-weight: bold;
    font-size: 22px;
    display: block;
    margin-bottom: 5px;
}

.material-example .prop {
    font-size: 16px;
    font-weight: bold;
    line-height: 125%;
}

.material-example .serial {
    position: absolute;
    left: 20px;
    bottom: 25px;
    background: #5a6064;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 12px;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.m-toggle {
    display: none;
}

/*material*/

/*technology*/
.about-technology {
    padding: 50px 0;
}
.about-technology-2 {
    padding:0 0 20px;
}
.about-technology h2, .about-technology h1 {
    font-size: 40px;
    color: #3e3f3b;
    font-weight: bold;
    margin-bottom: 26px;
}

.about-technology p {
    font-size: 16px;
    color: #3e3f3b;
    margin-bottom: 26px;
    line-height: 1.4;
}

.about-technology h3 {
    font-size: 18px;
    font-weight: bold;
    color: #393939;
    margin-bottom: 15px;
    margin-top: 53px;
}

.about-technology li {
    font-size: 16px;
    color: #393939;
    position: relative;
    padding-left: 25px;
    margin-top: 10px;
}

.about-technology li:first-child {
    margin-top: 0;
}

.about-technology li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    left: 0;
    top: 6px;
    background: #5cae84;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/*technology*/
/*about*/
.about{
    padding: 45px 0 85px 0;
}
.about-inner{
    position: relative;
    padding: 0 330px 0 0;
}
.about-inner .img-about{
    position: absolute;
    right: 42px;
    top: 75px;
}
.about h2, .about h1{
    font-size: 40px;
    line-height: 52px;
    color: #3e3f3b;
    font-weight: bold;
    margin: 0 0 22px;
}
.about p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
}
/*about*/
.shows{
    padding: 45px 0 55px;
}
.shows .box{
    margin-bottom: 32px;
}
.shows h2{
    font-size: 30px;
    line-height: 39px;
    font-weight: bold;
    color: #3e3f3b;
    margin: 0 0 20px;
}
.shows .l-content{
    margin-right: 40%;
}
.shows .img{
    text-align: center;
    width: 40%;
    float: right;
    margin-top: 0px;
}
.shows p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
}
.vacancy{
    padding: 0;
}
.vacancy .box-vacancy{
    padding: 50px 0 45px 0;
}
.box-vacancy-inner{
    max-width: 600px;
}
.vacancy .box-vacancy:nth-child(even){
    background: #fafafa;
}
.vacancy .box-vacancy h2, .vacancy .box-vacancy h2 h1{
    font-size: 30px;
    line-height: 39px;
    color: #393939;
    font-weight: bold;
}
.vacancy .box-vacancy h3{
    margin: 17px 0 5px;
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #393939;
}
.vacancy .box-vacancy p{
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 7px;
}
.vacancy-contact{
    padding: 38px 0 43px;
    background: #5fb473;
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
}
.vacancy-contact a{
    color: #ffffff;
}
.wrap-material{
    padding-top: 30px;
    position: relative;
}
.material-page{
    padding: 35px 0 85px;
}
.material-content{
    width: 60%;
    float: left;
}
.wrap-material h2, .wrap-material h1{
    font-size: 40px;
    line-height: 52px;
    font-weight: bold;
    color: #3e3f3b;
    margin: 0 0 23px;
}
.wrap-material p{
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
}
.wrap-material .tel{
    font-size: 20px;
    line-height: 26px;
    color: #01a94f;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}
.wrap-material h3{
    font-size: 18px;
    line-height: 23px;
    color: #393939;
    font-weight: bold;
    margin: 25px 0 20px;
}
.list-circle{
    margin: 0 0 20px;
    padding: 2px 0 0;
}
.list-circle-gray{
    margin: 0 0 20px;
    padding: 2px 0 0;
}
.wrap-material ul{
    margin-bottom: 40px;
}
.list-circle-gray li,
.list-circle li,
.wrap-material ul li {
    font-size: 16px;
    color: #393939;
    position: relative;
    padding-left: 21px;
    margin-top: 9px;
}
.list-circle-gray li{
    margin-top: 7px;
}
.list-circle-gray li:first-child,
.list-circle li:first-child,
.wrap-material ul li:first-child{
    margin-top: 0;
}
.list-circle-gray li:before,
.list-circle li:before,
.wrap-material ul li:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    left: 0;
    top: 6px;
    background: #5cae84;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.list-circle-gray li:before{
    content:'';
    background: #d8d8d8;
}
.wrap-material .img{
    width: 40%;
    position: absolute;
    right: 0;
    top: 105px;
    text-align: center;
    padding: 0 0 0 20px;
}
.breadcrumbs{
    margin-bottom: 15px;
    color: #393939;
}
.breadcrumbs a{
    float: left;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    color: #045681;
    
}
.breadcrumbs a:first-child{
    padding-left: 0;
}
.breadcrumbs span.separator{
    padding: 3px 9px 0;
    float: left;
    font-size: 16px;
}
.breadcrumbs span.CMSBreadCrumbsCurrentItem{
    padding: 2px 0 0;
    float: left;
    font-size: 16px;
}

.oborudovanie-solution{
    padding: 56px 0 64px;
    background: #f1f1f1;
}

.oborudovanie-solution .container li{
list-style-type:disc;
margin-left:25px;
}


.oborudovanie-solution.about-technology .container li{
list-style-type:none;
margin-left:5px;
}

.oborudovanie-solution h2, .oborudovanie-solution h1{
    font-size: 40px;
    line-height: 52px;
    color: #3e3f3b;
    font-weight: bold;
    margin-bottom: 19px;
}
.oborudovanie-solution p{
    font-size: 16px;
    color: #393939;
    line-height: 20px;
}
.oborudovanie-solution ul{
    margin-bottom:20px;
}
.oborudovanie-solution li{
    font-size: 16px;
    color: #888;
    line-height: 20px;
    /*background: url(/App_Themes/Arcon-redesign/images/li.png) no-repeat 2px 7px;*/
    /*padding-left:12px;*/
}
.about-technology li{
    background-image:none;
}

.oborudovanie-solution .img{
    margin-top: 12px;
}
.catalog{
    padding-top: 60px;
    padding-bottom: 94px;
}
.catalog h3{
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    color: #393939;
    margin: 0 0 13px;
}
.catalog p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
.lnk-download-brochure:hover,
.lnk-download-brochure:active,
.lnk-download-brochure:focus,
.lnk-download-brochure{
   color: #ffffff;
   text-decoration: none;
}
.lnk-download-brochure{
    display: inline-block;
   vertical-align: top;
   height: 44px;
   line-height: 44px;
   background: #34a5e0;
   padding: 0 22px 0 16px;
   margin: 10px 0 30px;
   font-size: 16px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}
.lnk-download-brochure img{
    margin-left: 9px;
}
.catalog-list{
    margin-left: -10px;
}
.catalog-list li{
    width: 300px;
    float: left;
    height: 250px;
    margin: 10px 0 0 10px;
}
.catalog-list li a{
    position: relative;
    display: block;
    height: 80%;
    width: 100%;
    overflow: initial;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align:center;
}
.catalog-list li a span{
    text-shadow: 0px 0px 3px #808080;
}
.catalog-list li a:hover:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #20668a;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.catalog-list li a img{
    max-height: 100%;
    
}
.catalog-list li a .name{
    position: absolute;
    left: 24px;
    top: 200px;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    font-weight: bold;
    padding-right:20px;
}
.catalog-nav .m-toggle{
    display: none;
}
.catalog-nav{
    padding-right: 15px;
    padding-top: 4px;
}
.catalog-nav li a{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #919191;
}
.catalog-nav li a:hover{
    color: #065882;
}
.catalog-nav li{
    margin-top: 10px;
}
.catalog-nav li:first-child{
    margin-top: 0;
}
.oborudovanie-page{
    padding: 30px 0 90px 0;
}
.product{
    padding: 15px 0 0 0;
}
.product .wrap-product-inf{
    padding-bottom: 15px;
}
.product .p-desc{
    margin-left: 369px;
    max-width: 500px;
}
.product .p-img{
    float: left;
}
.product .p-img-inner{
    width: 330px;
    height: 377px;
    border: 1px solid #ebebeb;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.product .p-desc h1{
    font-size: 40px;
    line-height: 43px;
    color: #3e3f3b;
    font-weight: bold;
    margin: 0 0 12px;
}
.product .p-desc h2, .product .p-desc h1{
    font-size: 40px;
    line-height: 43px;
    color: #3e3f3b;
    font-weight: bold;
    margin: 0 0 12px;
}
.product .p-desc p{
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
}
.wrap-table{
    margin-top: 45px;
}
.table-gray{
    width: 100%;
    table-layout:fixed;
    margin: 0;
}
.table-gray tr th{
    font-size: 18px;
    line-height: 20px;
    padding: 11px 20px;
    background: #f1f1f1;
}
.table-other-column .table-gray tr th{
    color: #797979;
    font-size: 16px;
    line-height: 18px;
}
.table-gray tr td{
    width: 50%;
    font-size: 16px;
    line-height: 18px;
    padding: 13px 20px;
    border-bottom: 1px solid #eeeeee;
    font-weight: bold;
}
.table-other-column .table-gray tr td{
    width: auto!important;
}
.table-gray tr td:first-child{
    font-weight: normal;
}
.table-gray .t-h td:first-child,
.table-gray .t-h td{
    font-weight: bold;
    color: #959595;
    border: 0;
    padding: 18px 20px 12px;
}
.table-gray tr.border-none td{
    border: 0;
}
.table-other-column .wrap-table{
    margin: 0;
}
.table-other-column{
    margin-top: 45px;
}
.table-other-column h3,
.text-main .table-other-column h3{
    padding-left: 20px;
    margin-bottom: 15px;
}
.text-template{
    padding: 35px 0 90px;
}
.text-main{
    max-width: 763px;
    padding-top: 13px;
}
.text-main h2, .text-main h1{
    font-size: 40px;
    line-height: 52px;
    color: #3e3f3b;
    margin: 0 0 20px;
    font-weight: bold;
}
.text-main p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
.text-main h3{
    font-size: 18px;
    line-height: 23px;
    padding: 20px 0 0;
    margin: 0 0 10px;
    color: #393939;
    font-weight: bold;
}
.text-main .img-box{
    margin-bottom: 15px;
}
.text-main .img-box.img-center{
    text-align: center;
}
.text-main .img-box .img-title{
    font-size: 14px;
    line-height: 17px;
    font-style: italic;
    color: #6c6c6c;
    padding: 12px 0;
    text-align: center;
    display: block;
}
.text-img-box{
    
}
.text-img-box img.img-right{
    float: right;
    margin: 6px 0 10px 20px;
}
.text-main .img-box.img-left,
.text-img-box img.img-left{
    float: left;
    margin: 6px 20px 10px 0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-top: 40px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-page{
    padding: 0 0 40px;
}
.inf-box-company{
    padding: 45px 0 50px;
}
.inf-box-company.other-cities{
    background: #fafafa;
}
.inf-box-company h2, .inf-box-company h1{
    font-size: 30px;
    line-height: 39px;
    font-weight: bold;
    margin: 0 0 15px;
    color: #3e3f3b;
}
.inf-box-company.other-cities h2, .inf-box-company.other-cities h1{
    margin: 0 0 35px;
}
.inf-box-company p{
    line-height: 20px;
    font-size: 16px;
}
.inf-box-company h3{
    font-size: 18px;
    line-height: 23px;
    color: #393939;
    margin: 0 0 15px;
    font-weight: bold;
}
.contact-list li{
    padding: 5px 0 5px 31px;
}
.contact-list li.icn-tel{
    background: url('../images/icn_tel.png') no-repeat 0 4px;
}
.contact-list li.icn-print{
    background: url('../images/icn_print.png') no-repeat 0 4px;
}
.contact-list li.icn-email{
    background: url('../images/icn_email.png') no-repeat 0 7px;
}
@-moz-document url-prefix() { 
    .contact-list li.icn-email{ 
        background-position: 0 9px;
    } 
}
.contact-list li.icn-link{
    background: url('../images/icn_link.png') no-repeat 0 5px;
}
.contact-list li a{
    font-size: 16px;
    line-height: 16px;
    color: #393939;
    height: 16px;
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: top;
}
.contact-list li a:focus,
.contact-list li a:active,
.contact-list li a:hover{
    color: #393939;
}
.beverages h2, .beverages h1{
    font-size: 40px;
    line-height: 52px;
    color: #3e3f3b;
    font-weight: bold;
    margin: 0 0 5px;
}
.beverages a{
    color: #045681;
}
.list-scroll{
    padding: 20px 0 90px;
}
.wrap-scroll-content{
    margin-left: 413px;
    padding-top: 15px;
}
.beverages .box{
    padding-bottom: 35px;
    max-width: 500px;
}
.beverages .box .h{
    min-height: 43px;
    color: #393939;
    font-weight: bold;
    font-size: 18px;
    padding-left: 56px;
    margin: 0 0 20px;
}
.beverages .box .h .h-inner{
    height: 39px;
    display: table-cell;
    line-height: 21px;
    vertical-align: middle;
}
.beverages .box .h.icn-pet{
    background: url('../images/pet.png') no-repeat 0 4px;
}
.beverages .box .h.icn-egg{
    background: url('../images/eggs 1.png') no-repeat 0 4px;
}
.beverages .box .h.icn-foil{
    background: url('../images/flexible packaging foil packaging.png') no-repeat 0 4px;
}
.beverages .box .h.icn-eticet{
    background: url('../images/eticet.png') no-repeat 0 4px;
}
.beverages .box .h.icn-alluminii{
    background: url('../images/alluminii.png') no-repeat 0 4px;
}
.beverages .box .h.icn-glass{
    background: url('../images/glass.png') no-repeat 0 4px;
}
.beverages .box .h.icn-cryshki{
    background: url('../images/cryshki.png') no-repeat 0 4px;
}
.beverages .box .h.icn-paper{
    background: url('../images/paper.png') no-repeat 0 4px;
}
.beverages .box .h.icn-packages{
    background: url('../images/packages.png') no-repeat 0 4px;
}
.beverages .box .h.icn-gofro{
    background: url('../images/gofro.png') no-repeat 0 4px;
}
.beverages .box .h.icn-termo{
    background: url('../images/termo.png') no-repeat 0 4px;
}
.beverages  p{
    line-height: 20px;
    margin: 0 0 10px;
    font-size: 16px;
}
.list-scroll h2, .list-scroll h1{
    margin-bottom: 35px;
}
.left-nav-scroll{
    float: left;
    padding-top: 19px;
    position: relative;
}
.left-nav-scroll ul li{
    position: relative;
    margin-bottom: 6px;
    padding-left: 16px;
}
.left-nav-scroll ul li.active:before{
    content:'';
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4a85a4;
}
.left-nav-scroll ul li a{
   display: table-cell;
   height: 23px;
   font-size: 16px;
   color: #a5a5a5;
   vertical-align: middle;
}
.left-nav-scroll ul li a:hover,
.left-nav-scroll ul li a:active,
.left-nav-scroll ul li a:focus,
.left-nav-scroll ul li a{
    color: #a5a5a5;
    text-decoration: none;
}
.left-nav-scroll ul li.active a,
.left-nav-scroll ul li a:hover{
    color: #393939;
}
.left-nav-scroll ul li.active a{
    font-weight: bold;
}
.beverages h3{
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    color: #393939;
    margin-bottom: 12px;
}
.box-solution{
    padding: 15px 0 10px;
    background: #fafafa;
}
.box-solution-bread{
    padding: 10px 0 5px;
    background: #fafafa;
}

/*tablet*/

@media (min-width: 768px) and (max-width: 991px) {
    .footer-inner {
        margin-left: 370px;
        padding-left: 35px;
    }

    .contact-form {
        width: 370px;
    }

    .copyright {
        width: auto;
    }

    .footer-inner .footer-nav .list {
        margin-top: 10px;
    }

    .footer-inner .footer-nav .list:first-child {
        margin-top: 0;
    }

    .navigation > li > a {
        font-size: 12px;
    }

    .navigation > li {
        margin-left: 19px;
    }

    .sub-nav {
        padding: 20px;
    }

    .sub-nav > ul > li > a {
        font-size: 14px;
    }

    .sub-nav.two-col {
        max-width: 85%;
    }
    .about-inner{
        padding: 0 240px 0 0;
    }
    .about-inner .img-about{
        right: 10px;
    }
    .banner.b-oborudovanie h2, .banner.b-oborudovanie h1{
        font-size: 46px;
    }
    .catalog-nav{
        padding-right: 0;
    }
    .wrap-scroll-content{
        margin-left: 330px;
    }
    
}

/*mobile*/
@media (max-width: 767px) {
    .header .inf,
    .wrap-navigation {
        display: none;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .header .h-inner {
        height: 64px;
    }

    .logo {
        width: 80px;
        margin-top: 9px;
        height: auto;
    }

    .header .contact-info {
        padding-top: 11px;
    }

    .header .contact-info .email-link {
        font-size: 14px;
        line-height: 19px;
    }

    .header .contact-info .tel {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 1px;
    }

    .banner {
        padding: 62px 0 68px;
    }

    .banner h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .footer {
        padding: 40px 0 30px;
    }

    .footer h2 {
        font-size: 30px;
        min-height: 0;
        margin-bottom: 13px;
    }

    .contact-form {
        float: none;
        width: auto;
    }

    .contact-form .btn-submit {
        display: block;
        text-align: center;
        margin-top: 16px;
    }

    .footer-inner {
        margin-left: 0;
        padding-left: 0;
        padding-top: 30px;
    }

    .footer-inner .list h4 {
        margin-bottom: 12px;
    }

    .footer-inner .footer-nav .list {
        margin-top: 25px;
    }

    .footer-inner .footer-nav .list:first-child {
        margin-top: 0;
    }

    .footer-inner .contact-info {
        padding-top: 25px;
    }

    .copyright {
        width: 100%;
        margin-top: 15px;
        padding-top: 10px;
    }

    .copyright span {
        display: block;
        padding-left: 0;
        margin-top: 4px;
    }

    .services {
        padding: 40px 0 0;
    }

    .services .box {
        padding-left: 0;
        padding-bottom: 35px;
        background: none;
    }

    .services .box.icn-cal,
    .services .box.icn-set,
    .services .box.icn-consult,
    .services .box.icn-print {
        background: none;
    }

    .services .box > h2:first-child,
    .services .box > h3:first-child {
        font-size: 18px;
        line-height: 25px;
    }

    .services .box > h3:first-child {
        margin-bottom: 20px;
    }

    .services .box > h2:first-child,
    .services .box > h3:first-child {
        padding-left: 80px;
        min-height: 70px;
    }

    .services h3 {
        font-size: 16px;
        line-height: 21px;
    }

    .services p {
        font-size: 14px;
        line-height: 19px;
    }

    .services .box.icn-cal > h2 {
        background: url('../images/serv_cal.png') no-repeat 0 5px;
        background-size: 70px 70px;
    }

    .services .box.icn-set {
        background: url('../images/serv_set.png') no-repeat 0 5px;
        background-size: 70px 70px;
    }

    .services .box.icn-consult {
        background: url('../images/serv_consult.png') no-repeat 0 5px;
        background-size: 70px 70px;
    }

    .services .box.icn-print {
        background: url('../images/serv_print.png') no-repeat 0 5px;
        background-size: 70px 70px;
    }

    .mobile-nav {
        display: inline-block;
        vertical-align: top;
        width: 21px;
        height: 18px;
        margin-top: 21px;
        margin-right: 13px;
        background: url('../images/icn_m_nav.png') no-repeat 0 0;
    }

    .open-mobile-nav {
        overflow-y: hidden;
    }

    .wrap-navigation {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        overflow-y: auto;
        background: #202224;
        z-index: 1;
        padding: 60px 10px 0;
    }

    .open-mobile-nav .wrap-navigation {
        display: block;
    }

    .navigation {
        padding-bottom: 30px;
    }

    .navigation > li {
        margin-left: 0;
        float: none;
        display: block;
    }

    .navigation > li > a:hover,
    .navigation > li > a {
        color: #a3a4a4;
        height: auto;
        font-size: 16px;
        line-height: 19px;
        padding: 12px 0;
        border-bottom: 1px solid #515354;
    }

    .navigation > li.open > a > i,
    .navigation > li > a > i {
        position: relative;
        left: 0;
        top: 0;
        background: none;
        width: 0;
        height: 0;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        border-top: 6px solid #ffffff;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .navigation > li.open > a > i:before,
    .navigation > li > a > i:before {
        content: '';
        display: none;
    }

    .navigation > li.open > a > i,
    .navigation > li.opened > a > i {
        width: 0;
        height: 0;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        border-bottom: 6px solid #ffffff;
        border-top: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .navigation > li.open > a,
    .navigation > li.opened > a {
        color: #ffffff;
    }

    .sub-nav {
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
        width: auto !important;
        max-width: none !important;
        border-bottom: 1px solid #515354;
        padding-bottom: 9px;
        display: none;
        background: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .sub-nav > ul {
        padding-left: 0;
        float: none;
        width: auto !important;

    }

    .sub-nav > ul > li {
        padding: 0 0 0 18px;
    }

    .sub-nav > ul > li > a:hover,
    .sub-nav > ul > li > a {
        background: none !important;
        padding-left: 0 !important;
        color: #ffffff;
        padding: 10px 0 5px;
    }

    .close-nav-mobile {
        width: 16px;
        height: 17px;
        display: block;
        position: absolute;
        right: 20px;
        top: 23px;
        background: url('../images/close_nav.png') no-repeat 0 0;
    }

    .b-solution .btn-default {
        display: block;
        width: 100%;
        text-align: center;
    }

    .our-solution {
        padding-top: 33px;
        padding-bottom: 39px;
        background-image: none;
    }

    .our-solution h2 h1 {
        font-size: 30px;
    }

    .our-solution h2 + .sol-list {
        margin-top: 0;
    }

    .our-solution .sol-list {
        display: block;
        width: 100%;
        margin-top: 44px;
    }

    .brand-list {
        padding: 40px 0;
    }

    .brand-list h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .brand {
        margin-top: 25px;
    }

    .brand:first-child {
        margin-top: 0;
    }

    .map .contact-info {
        display: none;
    }

    #yaMap {
        display: none;
    }

    .map .container {
        position: relative;
        padding: 0;
    }

    .info-acc.panel-group {
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        position: relative;
    }

    .info-acc .panel-default > .panel-heading + .panel-collapse > .panel-body {
        width: 100%;
        text-align: center;
    }

    .info-acc .cont {
        display: inline-block;
        vertical-align: top;
    }

    .info-acc b {
        display: none;
    }

    .info-acc li {
        text-align: left;
    }

    /*material*/
    .material-solution {
        padding: 35px 0;
    }

    .material-solution h2 h1 {
        font-size: 30px;
        margin-bottom: 17px;
    }

    .material-tabs {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .material {
        margin-left: 0;
        margin-right: 0;
    }

    .material .col-xs-6 {
        width: 100%;
        margin-top: 10px;
        padding: 0;
    }

    .material .col-xs-6:first-child {
        margin-top: 0;
    }

    .material-example .name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .material-example .prop {
        max-height: 80px;
        display: block;
        overflow: hidden;
    }

    .material-tabs .nav {
        background: #e9e9e9;
        border: 1px solid #dfdfdf;
        border-left: none;
        border-right: none;
    }

    .material-tabs .nav li {
        display: none;
    }

    .material-tabs .nav li {
        text-align: center;
        border-top: 1px solid #dfdfdf;
    }

    .material-tabs .nav li.active {
        display: block;
    }

    .material-tabs .nav li a {
        padding: 15px;
    }

    .material-tabs .nav li.active a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        top: 50%;
        margin-top: -3px;
        border-style: solid;
        border-width: 6px 4px 0 4px;
        border-color: #393939 transparent transparent transparent;
    }

    .tabs-navigation {
        padding: 0;
        position: relative;
    }

    .tabs-navigation .m-toggle {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: transparent;
        display: block;
        z-index: 1;
    }

    .tabs-navigation.opened .m-toggle {
        display: none;
    }

    .tabs-navigation.opened .nav li {
        display: block;
    }

    .material-tabs h3,
    .material-tabs p {
        display: none;
    }

    /*material*/
    /*technology*/
    .about-technology {
        padding: 40px 0;
    }

    .about-technology h2 h1 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .about-technology h3 {
        margin-top: 30px;
    }
    .banner p br{
        display: none;
    }
    .about{
        padding: 17px 0 35px;
    }
    .about h2{
        font-size: 30px;
        line-height: 38px;
        margin: 0 0 30px;
    }
    .about-inner .img-about{
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 60px;
        text-align: center;
    }
    .about p{
        margin-bottom: 10px;
    }
    .about-inner{
        padding: 0;
    }
    .shows{
        padding: 38px 0 5px;
    }
    .shows .l-content{
        margin-right: 0;
    }
    .shows p{
        margin-bottom: 10px;
    }
    .shows .box{
        margin-bottom: 40px;
    }
    .shows .img{
        float: none;
        width: auto;
        text-align: left;
        margin: 0 0 30px;
    }
    .shows h2 h1{
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 25px;
    }
    .vacancy .box-vacancy{
        padding: 35px 0 27px;
    }
    .vacancy-contact{
        padding: 30px 0 36px;
    }
    .vacancy-contact br{
        display: none;
    }
    .breadcrumbs{
        margin-bottom: 15px;
        overflow: hidden;
        margin: 0 -10px;
        background: #eeeeee;
        border-bottom: 1px solid #d6d6d6;
        white-space: nowrap;
    }
    .breadcrumbs li{
        float: none;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        font-size: 14px;
        height: 33px;
        line-height: 33px;
    }
    .breadcrumbs li.lnk-home{
        width: 49px;
        background: url('../images/icn_home.png') no-repeat 11px center;
    }
    .breadcrumbs li.lnk-home a{
        
    }
    .breadcrumbs li.lnk-home a{
        text-indent: -100px;
    }
    .breadcrumbs li a{
        font-size: 14px;
        height: 33px;
        line-height: 33px;
        display: block;
        padding-left: 11px;
        padding-right: 19px;
        background: url('../images/icn_arrow_b.png') no-repeat right center;
    }
    .breadcrumbs li:first-child a{
        padding-left: 0;
    }
    .breadcrumbs li > span{
        display: none;
    }
    .material-page{
        padding: 0 0 35px;
    }
    .wrap-material{
        padding-top: 35px;
    }
    .material-content{
        width: auto;
        float: none;
    }
    .wrap-material h2 h1 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .wrap-material .img{
        width: auto;
        float: none;
        padding: 0;
        position: relative;
        top: 0;
        right: auto;
        margin: 30px 0 0;
    }
    .banner.b-oborudovanie h2 h1 {
        line-height: 39px;
    }
    .oborudovanie-solution h2 h1 {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 12px;
    }
    .oborudovanie-solution{
        padding: 35px 0 50px;
    }
    .oborudovanie-solution .img{
        text-align: center;
        margin: 40px 0 0;
    }
    .catalog{
        padding: 0 0 50px;
    }
    .catalog .row{
        margin: 0;
    }
    .lnk-download-brochure{
        display: block;
        text-align: center;
        margin: 20px 0 5px;
    }
    .catalog-list{
        
    }
    .catalog-list li{
        width: 300px;
        max-width: 100%;
    }
    .oborudovanie-solution .col-sm-3,
    .catalog .col-sm-4,
    .catalog .col-sm-8,
    .oborudovanie-solution .col-sm-9{
        padding-left:10px;
        padding-right: 10px;
    }
    .catalog-nav{
        margin: 0 -10px 30px;
        padding: 0;
    }
    .catalog-nav ul{
        display: none;
    }
    .catalog-nav.opened ul{
        display: block;
    }
    .catalog-nav .m-toggle{
        height: 54px;
        position: relative;
        border: 2px solid #dfdfdf;
        background: #e9e9e9;
        display: block;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #393939;
        cursor: pointer;
        text-align: center;
        padding-right: 30px;
        padding-left: 10px;
    }
    .catalog-nav .m-toggle-inner{
        display: table-cell;
        height: 50px;
        vertical-align: middle;
    }
    .catalog-nav .m-toggle-inner:after{
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -3px;
        border-top: 6px solid #393939;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }
    .catalog-nav.opened .m-toggle-inner:after{
        content: '';
        border-top: 0;
        border-bottom: 6px solid #393939;
    }
    .catalog-nav li{
        height: 51px;
        border-bottom: 1px solid #dfdfdf;
        background: #e9e9e9;
        margin: 0;
    }
    .catalog-nav li a{
        display: table-cell;
        height: 50px;
        padding: 0 10px;
        vertical-align: middle;
    }
    .oborudovanie-page{
        padding: 0 0 35px;
    }
    .product{
        padding: 10px 0 0 0;
    }
    .product .p-img{
        float: none;
    }
    .product .p-desc{
        margin-left: 0;
        padding: 20px 0 0;
    }
    .product .p-desc h2{
        font-size: 30px;
        line-height: 39px;
    }
    .product .lnk-download-brochure{
        margin-bottom: 20px;
    }
    .wrap-table{
        margin: 25px -10px 0;
    }
    .table-gray{
        width: auto;
        min-width: 100%;
        max-width: 767px;
        margin:0;
    }
    .table-gray tr td{
        font-size: 14px;
        line-height: 16px;
        padding: 13px 10px;
        text-align: right;
        width: 40%;
    }
    .table-gray tr td:first-child{
        text-align: left;
        width: 60%;
    }
    .table-gray .t-h td:first-child, .table-gray .t-h td{
        font-size: 14px;
        line-height: 16px;
        padding: 13px 10px;
    }
    .text-template{
        padding: 0 0 35px;
    }
    .text-main{
        padding: 35px 0 0;
    }
    .text-main h2 h1 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 12px;
    }
    .text-main h3{
        padding-top: 18px;
    }
    .list-circle{
        margin-bottom: 10px;
    }
    .table-other-column h3, .text-main .table-other-column h3{
        padding: 0;
    }
    .table-other-column{
        margin-top: 25px;
    }
    .table-other-column .wrap-table{
        margin: 0 -10px;
    }
    .video-container{
        margin-top: 25px;
    }
    .info-acc.panel-group{
        margin: 0;
    }
    .about-page{
        padding: 0;
    }
    .inf-box-company{
        padding: 30px 0 25px;
    }
    .contact-list{
        margin-bottom: 10px;
    }
    .left-nav-scroll{
        display: none;
    }
    .wrap-scroll-content{
        margin-left: 0;
    }
    .list-scroll{
        padding: 20px 0 50px;
    }
    .beverages h2 h1{
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 15px;
    }
    .list-scroll h2{
        display: none;
    }
    .beverages .box{
        padding-bottom: 25px;
    }
    .wrap-scroll-content{
        padding: 0;
    }
    .box-solution{
        padding: 35px 0 25px;
    }
    .box-solution .list-circle-gray{
        margin-top: 25px;
    }
}
@media (max-width: 619px) {
    .catalog-list{
        margin-left: 0;
    }
    .catalog-list li{
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .line-top{
        height: 5px;
        background-color: #fbc630;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    .header{
        position: fixed;
        top: 5px;
        width: 100%;
        z-index: 1000;
    }
    .zone-content{
        margin-top: 151px;
    }
}