body {margin:0; padding:0;overflow-x:hidden;}
.r100 {font-family: 'Roboto';font-weight:100;}
.r200 {font-family: 'Roboto';font-weight:200;}
.r300 {font-family: 'Roboto';font-weight:300;}
.r400 {font-family: 'Roboto';font-weight:400;}
.r500 {font-family: 'Roboto';font-weight:500;}
.r600 {font-family: 'Roboto';font-weight:600;}
.r700 {font-family: 'Roboto';font-weight:700;}
.r900 {font-family: 'Roboto';font-weight:900;}
.r16 {
    font-size:16px;
}
.bottom-menu {
    text-align:center;
max-width: 1530px;
    font-size:18px;
    margin:0 auto;
    width:100%;
}
.clear {float:none;clear:both;}
.box {
    display:inline-block;
    float:left;
    position:relative;
    width:138px;
    height:138px;
    margin:0 5px;
    border: 1px solid #000;
}
.box span {display:block;padding-top:25px;}
.box7 span,
.box8 span,
.box9 span,
.box10 span {
    padding-top:35px;
    /*transition: all 0.5s ease;*/
}
.bottom-menu .box:hover {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.bottom-menu .box:hover span {
    cursor:pointer;
   /*//  padding-top:75px;*/
     /*transition: padding 0.8s linear;*/
}
.bottom-menu .box.active span,
.bottom-menu .box:hover span {
    position:absolute;
    left:0;
    color:#fff;
    z-index:999;
    top: -24px;
   /*// transition: padding 0.8s linear;*/
    padding-top:40px;
    width:100%;
    height:173px;
    
}
.bottom-menu .box.active {border:0;}
.bottom-menu .box.active:hover {border:0;}
.bottom-menu .box.active:hover span {border:0;}
.bottom-menu .box:hover span {border:0;}
.bottom-menu .box:hover {border-top:0;border-bottom:0;}

.bottom-menu .box {z-index:99999;}
.bottom-menu .box1.active span,
.bottom-menu .box1:hover span { background:url('/assets/img/low-menu/b-ico1.png') 0 0 no-repeat;}
.bottom-menu .box2.active span,
.bottom-menu .box2:hover span { background:url('/assets/img/low-menu/b-ico2.png') 0 0 no-repeat;}
.bottom-menu .box3.active span,
.bottom-menu .box3:hover span { background:url('/assets/img/low-menu/b-ico3.png') 0 0 no-repeat;}
.bottom-menu .box4.active span,
.bottom-menu .box4:hover span { background:url('/assets/img/low-menu/b-ico4.png') 0 0 no-repeat;}
.bottom-menu .box5.active span,
.bottom-menu .box5:hover span { background:url('/assets/img/low-menu/b-ico5.png') 0 0 no-repeat;}
.bottom-menu .box6.active span,
.bottom-menu .box6:hover span { background:url('/assets/img/low-menu/b-ico6.png') 0 0 no-repeat;}
.bottom-menu .box7.active span,
.bottom-menu .box7:hover span { background:url('/assets/img/low-menu/b-ico7.png') 0 0 no-repeat;}
.bottom-menu .box8.active span,
.bottom-menu .box8:hover span { background:url('/assets/img/low-menu/b-ico8.png') 0 0 no-repeat;}

.bottom-menu .box9.active span,
.bottom-menu .box9:hover span { background:url('/assets/img/low-menu/b-ico9.png') 0 0 no-repeat;}
.bottom-menu .box10.active span,
.bottom-menu .box10:hover span { background:url('/assets/img/low-menu/b-ico10.png') 0 0 no-repeat;}

.bottom-menu .box1 {color:#009e49; border-color:#d9babe;background: url('/assets/img/low-menu/ico1.png') center 68px no-repeat;}
.bottom-menu .box2 {color:#e11f26; border-color:#f6bbbd;background: url('/assets/img/low-menu/ico2.png') center 68px no-repeat;}
.bottom-menu .box3 {color:#981c1d; border-color:#981c1d;background: url('/assets/img/low-menu/ico3.png') center 68px no-repeat;}
.bottom-menu .box4 {color:#d76703; border-color:#f3d1b3;background: url('/assets/img/low-menu/ico4.png') center 68px no-repeat;}
.bottom-menu .box5 {color:#009ad9; border-color:#b2e1f4;background: url('/assets/img/low-menu/ico5.png') center 68px no-repeat;}
.bottom-menu .box6 {color:#8ec377; border-color:#cfe5c4;background: url('/assets/img/low-menu/ico6.png') center 68px no-repeat;}
.bottom-menu .box7 {color:#e9570d; border-color:#f8ccb6;background: url('/assets/img/low-menu/ico7.png') center 68px no-repeat;}
.bottom-menu .box8 {color:#23b3d2; border-color:#bde8f1;background: url('/assets/img/low-menu/ico8.png') center 68px no-repeat;}
.bottom-menu .box9 {color:#069c9b; border-color:#b4e1e1;background: url('/assets/img/low-menu/ico9.png') center 68px no-repeat;}
.bottom-menu .box10 {color:#009e49;border-color:#b2e2c8;background: url('/assets/img/low-menu/ico10.png') center 68px no-repeat;}

.first-sub .box1 {color:#009e49; border-color:#d9babe;background: url('/assets/img/low-menu/ico1.png') 5px center no-repeat;}
.first-sub .box2 {color:#e11f26; border-color:#f6bbbd;background: url('/assets/img/low-menu/ico2.png') 0 center  no-repeat;}
.first-sub .box3 {color:#981c1d; border-color:#981c1d;background: url('/assets/img/low-menu/ico3.png') 5px center  no-repeat;}
.first-sub .box4 {color:#d76703; border-color:#f3d1b3;background: url('/assets/img/low-menu/ico4.png') 5px center  no-repeat;}
.first-sub .box5 {color:#009ad9; border-color:#b2e1f4;background: url('/assets/img/low-menu/ico5.png') 10px center  no-repeat;}
.first-sub .box6 {color:#8ec377; border-color:#cfe5c4;background: url('/assets/img/low-menu/ico6.png') 0 center  no-repeat;}
.first-sub .box7 {color:#e9570d; border-color:#f8ccb6;background: url('/assets/img/low-menu/ico7.png') 0 center  no-repeat;}
.first-sub .box8 {color:#23b3d2; border-color:#bde8f1;background: url('/assets/img/low-menu/ico8.png') 10px 20px  no-repeat;}
.first-sub .box9 {color:#069c9b; border-color:#b4e1e1;background: url('/assets/img/low-menu/ico9.png') 10px 20px  no-repeat;}
.first-sub .box10 {color:#009e49;border-color:#b2e2c8;background: url('/assets/img/low-menu/ico10.png') 10px 20px  no-repeat;}
.sublevel {
    margin-left:-430px;
}
.sublevel {
    padding:5px;
}
.sublevel .box {
    margin: 5px 5px 5px 5px;
}
.sublevel .box span {
    padding-left:70px;
    
}
.sublevel .box1 span {
    padding-top:30px;
}
.sublevel .box2 span {
    padding-top:17px;
}
.sublevel .box3 span {
    padding-top:17px;
}
.sublevel .box4 span {
    padding-top:17px;
}
.sublevel .box5 span {
    padding-top:17px;
}
.sublevel .box6 span {
    padding-top:17px;
}
.sublevel .box7 span {
    padding-top:30px;
}
.sublevel .box8 span {
    padding-top:30px;
}
.sublevel .box9 span {
    padding-top:30px;
    padding-left:80px;
}
.sublevel .box10 span {
    padding-top:30px;
    padding-left:80px;
}
.sublevel {
    display:none;
}
.first-sub:hover .sublevel {
    display:block;
}
.sublevel div:hover {
    cursor:pointer;
}
.main-content {
    min-height:500px;
    background:#f8f8f8;
    width:100%;
    height:100%;
    margin-bottom:10px;
}
.first-sub {
    width:125px;
    background: url('/assets/img/menu-ico-open.png') 90% center no-repeat;
    padding-right:10px;
}
.first-sub a {
    padding-right:10px;
}
.first-sub:hover {
    background:url('/assets/img/menu-ico-close.png') 90% center no-repeat #fff;
}
.first-sub > div {
    width: 960px;
    font-size:18px;
    height:180px;
    background:#fff;
}
.first-sub > div div {
    width:178px;
    height:78px;
}
.up-container {
    width:100%;
    position:absolute;
    z-index:11;
    top:0;
    left:0;
    /*background:red;*/
    height:60px;
    /*border-bottom:1px solid #eaeaea;*/
}
.up-menu:before {
      border-bottom: 1px solid #eaeaea;
      border-color: rgba(97,96,96,0.2);
    bottom: 29px;
    content: "";
    height: 1px;
    right: 100%;
    position: absolute;
    width: 100000px;
}
.up-container-inner {
    width:1280px;
    position:relative;
    height:60px;
    margin:0 auto;
    /*background:yellow;*/
}
.up-container-inner:before {
    border-bottom: 1px solid #eaeaea;
    border-color: rgba(97, 96, 96, 0.2);
    bottom: 0;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    width: 100000px;
}
.up-container-inner:after {
    border-bottom: 1px solid #eaeaea;
    border-color: rgba(97, 96, 96, 0.2);
    bottom: 0;
    content: "";
    height: 1px;
    right: 100%;
    position: absolute;
    width: 100000px;
}
.subsite .up-container-inner:after {
    border-bottom: 1px solid #994753;
    /*border-color: rgba(255, 255, 255, 0.2)!important;*/
    
    bottom: 0;
    content: "";
    height: 1px;
    right: 100%;
    position: absolute;
    width: 100000px;
}
.subsite .up-container-inner:before {
    border-bottom: 1px solid #994753;
    border-color: rgba(255, 255, 255, 0.2)!important;
    bottom: 0;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    width: 100000px;
}
.subsite .up-menu:before {
      border-bottom: 1px solid #994753;
      border-color: rgba(255, 255, 255, 0.2);
    bottom: 29px;
    content: "";
    height: 1px;
    right: 100%;
    position: absolute;
    width: 100000px;
}
.navigation .left {
    width:103px;
    height:104px;
    position:absolute;
    left:0;
    top:310px;
    background: url('/assets/img/arrow-left.png');
    z-index:12;
}
.navigation .right {
    width:103px;
    height:104px;
    position:absolute;
    right:0;
    top:310px;
    background: url('/assets/img/arrow-right.png');
    z-index:12;
}
.navigation div:hover {
    cursor:pointer;
}
.navigation .right:hover {
    background: url('/assets/img/arrow-right-active.png');
}
.navigation .left:hover {
    background: url('/assets/img/arrow-left-active.png');
}
.slide:not(:first-child) {
    display:none;
}
.slide:not(:first-child) div {
    /*opacity:0;*/
}
.logo-white {
    display:none;
}
.logo {
    position:absolute;
    left:0;
    top:13px;
    z-index:999;
}
.subsite .logo {
    display:none
}
.subsite .logo-white {
    position:absolute;
    left:0;
    top:13px;
    z-index:999;
    display:block;
}
.up-menu {
    float:right;
    position:absolute;
    top:29px;
    right:0;
}
.up-menu ul {
    padding:0;
    margin:0;
    
}
.up-menu ul li {
    display:inline-block;
    float:left;
    padding: 0 18px;
    height:60px;
}
.up-menu > ul > li > a {
    color:#000;
    font-size:20px;
    text-transform:uppercase;
    text-decoration:none;
    line-height:60px;
}
.slides {
    min-height:770px;
}

.slide .background,
.slide .product {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    
}
.outerDesc {
    position:relative;
    width:1280px;
    margin:0 auto;
    height: 770px;
}
.slide .description {
    left: 30px;
    position: absolute;
    top: 140px;
    z-index:30;
}
.description .label {
    position:absolute;
    color:rgba(255,255,255,0.5);
    top:55px;
    margin-bottom:20px;
    font-size:16px;
    left:120px;
}

.description .label1 {
    position:absolute;
    color:#cbadb0;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.17);
    top:75px;
    color:#fff;
    font-size:80px;
    margin-bottom:20px;
  
    left:120px;
}
.description .label2 {
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.17);
    position:absolute;
    color:#cbadb0;
    top:186px;
    color:#fff;
    font-size:40px;
    margin-bottom:20px;
  
    left:120px;
}
.description .button {
    width:234px;
    height:67px;
    position:absolute;
    top:312px;
    left:110px;
    background: url('/assets/img/inactive-button.png') 0 0 no-repeat;
}
.description .button:hover {
   -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.85);
-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.85);
box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.85);
}
/*.slide .description {
    position:absolute;
    top:150px;
    left:0;
}*/
.button a {
    display:block;
    height: 80px;
    width: 250px;
   
}
.slide .description {
    z-index:10;
}
.slide .product {
    z-index:9;
}
.slide .background {
    z-index:8;
}



p.footer {
    text-align:center;
    color:#bcbcbc;
    font-size:12px;
}

.block {
    padding-top: 28px;
    padding-bottom:28px;
   
    
}
.block-padding {
    width:950px;
    height:100%;
    padding-left:310px;
    margin:0 auto;
}
.block1 {
    /*height:375px;*/
    background:#009e49;
}
.block1 img {
    position:absolute;
    right:0;
    top:0;
}
.block2 {
    background:#e5f5ec;
    height:530px;
}
.block1 h2,
.block2 h2,
.block4 h2,
.block5 h2,
.block3 h2,
.block6 h2 {
    font-size:38px;
}
.block2 h2,
.block4 h2,
.block5 h2,
.block3 h2 {
    margin-top:0px;
}
.block2 .right-text {
    margin-left: 550px;
    line-height:28px;
    font-size:16px;
    margin-top:170px;
}
.block3 {
    background:#fff;
}
.block3 .table {
    max-width:765px;
    border:1px solid #ededee;
}
.block3 .head-row .first {
    display:inline-block;
    border-right:1px solid #fff;
    float:left;
     width:465px
}
.block3 .head-row  .second {
    border-right:1px solid #fff;
    display:inline-block;
    float:left;
    width:219px;
}
.block3 .head-row  .third {
    display:inline-block;
    float:left;
    width:79px;
    
}

.table-row .first {
     display:table-cell;
    border-right:1px solid #ededee;
  
     max-height: 65px;
    padding:18px 0 18px 12px;
    width:455px
}
.table-row {border-bottom:1px solid #ededee;}
.table-row .second {
     border-right:1px solid #ededee;
    display:table-cell;
   
     max-height: 65px;
    padding:18px 0 18px 12px;
   width:207px;
}
.table-row .third {
    display:table-cell;
  
    max-height: 65px;
    padding:18px 0 18px 12px;
    display:table-cell;
    vertical-align:middle;
    width:67px;
}
.head-row div {
    text-indent: 12px;
    padding:18px 0 18px 0;
}

.head-row {
    text-transform:uppercase;
    background:#ededee;
}
.block3 .info-label {
    margin-top:38px;
}
.moreLeft {
    text-indent: 10px;
    margin-left:20px;
}
.block4 {
    background:#e5f5ec;
    padding-bottom: 8px;
    padding-top: 18px;
}
.block4 div.shortInfo {
    height:40px;
    padding:14px 0 14px 21px;
    margin-bottom:20px;
    background: url('/assets/img/5/1-square.png') 0 center no-repeat;
}
.block4 .contentContainer {
    background: url('/assets/img/5/block-4-sp-img.png') right center no-repeat;
}
.block5 {
    background:#fff;
}
.block5 h3 {
    font-size:28px;
    
}
.block5 .left-side {
    width:540px;
}
.block5 .right-side {
    position:relative;
    float:right;
    width:280px;
    padding:22px 30px;
    border:4px solid #009e49;
}
.block5 .mini-title {
    text-align:center;
    position:absolute;
    font-size:24px;
    left:105px;
    top:-17px;
    background:#fff;
    padding:0 10px;
}
.block5 p {
    font-size:13px;
    margin-bottom:3px;
}
.block5 .news {margin-bottom:30px;line-height:24px;}
.block5 h3.color {
    line-height:32px;
    font-weight:500;
}
.block6 {
    background-image:url('/assets/img/5/hepa.jpg');
    background-size: cover;
}
.block6 .news {
    margin-bottom:28px;
}
.block6 .news {
    height:150px;
   
    
   
    display:block;
    vertical-align:middle;
}
.block6 .vertical {
     display: table-cell;
    height: 150px;
    padding-left:40px;
    vertical-align: middle;
}
.block6 .news a {
    font-size:28px;
    text-decoration:none;
    
}
.block6  {
    padding-bottom: 15px;
    padding-top: 15px;
}
.block6 .news img {float:left;}
.block7 {
     background:#009e49;
}

/*NANO SLIVER*/
.color {
    color:#009e49;
}
h2.color {
    color:#009e49;
}
.block1 h2 {
    font-size:38px;
    margin-top:70px;
    padding:0;

    color:#fff;
    max-width:570px;
}
.block1 p {
    color:#fff;
    line-height:27px;
    max-width:570px;
}
.block1 .contentContainer {
    position:relative;
}
.block1 img {
    position: absolute;
    right: -50px;
    top: -30px;
}
.block2 .block-padding {
    height:100%;
    background: url("/assets/img/5/block-2-img.png") no-repeat scroll 260px -40px;
    padding-bottom: 40px;
}
.block7 span {
    color:#fff;
    font-size:28px;
    display:inline-block;
}
.block7 .contentContainer {
    text-align:right;
    width:370px;
    padding-right:27px;
    display:inline-block;
}

/*NANO SLIVER*/
/*MENU LEWE*/
.left-menu {
    position:fixed;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.17);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.17);
    width:300px;
    margin-left:-320px;
    background:#fff;
    /*left:0;*/
}
.left-menu-list {
    margin:0;
    padding:0;
}
.left-menu-list li {
    width:100%;
    border-bottom:1px solid #e5e5e5;
    max-width:300px;
    list-style:none;
    margin:0;
    padding:0;
}
.left-menu-list li a {
    display:block;
    color:#000;
    max-width:243px;
    text-decoration:none;
    width:100%;
    padding: 18px 28px 18px 28px;
    background: url('/assets/img/left-menu.png') 92% center no-repeat;
}
.left-menu-list li.active a,
.left-menu-list li:hover a {
    font-weight:bold;
}
/*MENU LEWE*/



























.subsite ul li.first-sub {
    background: url('/assets/img/1-dot.png') 90% center no-repeat;
}
.subsite ul li.first-sub:hover {
    background: #fff;
}
.subsite ul li a {
    color:#fff;
}
.subsite ul li:hover a {
    color:#000;
}
@media screen and (max-width:1580px) {
     html {
        
    }
}