body, html {width:100% !important; height:100% !important;}
body {padding:0; margin:0; background:#fff; font-family: '00370regular', Calibri, Tahoma, Sans-Serif; overflow-x: hidden;}

#wrapper {width:100%; height:100%; color:#3d3d3d;}
.block {width:1100px; margin:0 auto; padding:0; position:relative; box-sizing:box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pull-left {float:left!important;}
.pull-right {float:right!important;}
.clear {clear: both;}
.animenu__nav > li > a


.header {width:100%; top:0; left:0;}
.header-root {width:100%; background:#fff url(../images/header-bg.png) bottom center no-repeat; height:112px; border-bottom:1px solid #fff; position: relative; z-index:2000; text-align:center;}
.header-root .left-part{width:20%; padding:0; text-align:center; float:left;}
.header-root .left-part h1 {text-align:center; left:5%; top:-500px; position:absolute; }
.header-root .right-part{width:80%; text-align:right; position:absolute; right:-100%; float:left;}
.header .main-menu {width:90%; text-align:right; float:left; }
.header .panel {width:10%; text-align:right; border-bottom:1px solid #f8f8f8; float:left; }
.header .panel ul li {padding:0; text-align:center; font-size: 18px; color: #858585; display: inline-block;}
.header .panel ul li a{ color: #858585; text-decoration:none; padding:32px 10px; display:block;}
.header .panel ul li a:hover, .header .panel ul li a.active{ color: #fff; background:#d0a21d;}



#content {width:100%; margin:0 auto; display:block;}
#content .main-slider{width:100%; height:auto;}
#responsive_wrapper{width:100%; height:auto; position:relative;}

.sub-banner{width:100%; display:block; position:relative; opacity:0;}
.sub-banner img{width:100%; height:auto; display:block;}


.container {width:100%; margin:0 auto 60px auto; padding:0; position: relative; z-index:10; float: left;}

.container .full-part{width:100%; margin:0 auto; padding:0; float:left;} 
.container .full-part .content-part{width:50%; margin:0 25%; padding:0; line-height:24px; color:#373737; position: relative; opacity:0;} 
.container .full-part .content-products{width:70%; margin:0 15%; padding:0; line-height:24px; color:#373737; position: relative; opacity:0;} 
.container .full-part h2{width:100%; margin:0 0 20px 0; padding:0; color: #3d3d3d; font-family:'Arima Madurai', cursive, Calibri, 'Trebuchet MS', sans-serif; font-size: 30px; font-weight:300;} 


.container .full-part .products{width:100%; float:left;} 
.container .full-part .products .menu{width:24%; margin:0 2% 0 0; float:left;} 
.container .full-part .products .menu-list{width:100%; margin:2% 0 0 0; float:left;} 

.container .full-part .products .list{width:74%;float:left;} 
.container .full-part .products .list .boxes{width:100%;  margin:2% 0 0 0; display:inline-block; float:left;} 
.container .full-part .products .list .boxes li{width:22%; margin:0 2% 2% 0; text-align:center; float:left;} 
.container .full-part .products .list .boxes .pic{width:100%; margin:0; padding:0; text-align:center; border:1px solid #d3d3d3; float:left;} 
.container .full-part .products .list .boxes .name{width:100%; margin:0; padding:10px 0; text-align:center; float:left;} 
.container .full-part .products .list .boxes li img{width:35%; height:auto; border:none; display: initial;} 
.container .full-part .products h3{width:100%; margin:0 0 20px 0; padding:0; color: #3d3d3d; font-size: 26px; font-weight:300;} 


.container .full-part .brands{width:100%; display:inline-block; float:left;} 
.container .full-part .brands li{width:18%; margin:0 1% 1% 0; text-align:center; border:1px solid #d3d3d3; float:left;} 
.container .full-part .brands li img{width:100%; height:auto; border:none; display: initial;} 


.container .full-part .fairs{width:100%; display:inline-block; float:left;} 
.container .full-part .fairs li{width:100%; margin:2px 0; padding:10px 20px; text-align:left; background:#f4f4f4; color:#373737; float:left;} 


.container .full-part .credentials{width:100%; display:inline-block; float:left;} 
.container .full-part .credentials li{width:22%; margin:0 3% 3% 0; text-align:center; border:1px solid #d3d3d3; float:left;} 
.container .full-part .credentials li img{width:100%; height:auto; border:none; display:block;} 


.container .full-part .contact{width:100%; float:left;} 
.container .full-part .contact .title{width:10%; padding:10px 0; text-align:left; float:left;} 
.container .full-part .contact .detail{width:90%; padding:10px 0; text-align:left; float:left;} 
.container .full-part .contact-map {width:100%; margin:20px 0 0 0; text-align:center; float:left;} 
.container .full-part .contact-map .iframe{width:100%; float:left;} 


.ik-form{width:50%; float:left;}
.ik-form .form-group{position:relative; margin-bottom:20px;}
.ik-form .form-group input[type="text"],
.ik-form .form-group input[type="password"],
.ik-form .form-group input[type="tel"],
.ik-form .form-group input[type="email"],
.ik-form .form-group select{position:relative;	display:block;	width:100%;	line-height:18px; padding:10px 20px;	height:48px; font-size:16px;	border-radius:4px;	border:1px solid #c0c0c0;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	-moz-transition:all 300ms ease;	transition:all 300ms ease;}
.ik-form .form-group input[type="text"]:focus,
.ik-form .form-group input[type="password"]:focus,
.ik-form .form-group input[type="tel"]:focus,
.ik-form .form-group input[type="email"]:focus,
.ik-form .form-group select:focus,
.ik-form .form-group textarea:focus{border-color:#d0a21d;}
.ik-form .form-group textarea{	position:relative;	display:block;	width:100%;	line-height:24px; padding:10px 20px;	color:#656565;	height:128px;	font-size:16px;	resize:none;	border-radius:4px;	border:1px solid #ececec;	-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	-moz-transition:all 300ms ease;	transition:all 300ms ease;}
.ik-form .button {position:relative; padding:6px 12px; line-height:24px; color:#ffffff; font-size:20px;	font-weight:500; letter-spacing: 0.2px;	background:#d0a21d;	text-transform:capitalize;	font-family: '00370regular', Calibri, Tahoma, Sans-Serif; border:none; cursor:pointer; float:right;}
.ik-form .button:hover {color: #fff;  background: #3d3d3d; }



.ik-form input.error,.ik-form select.error,.ik-form textarea.error{	border-color:#ff0000 !important;	}
.ik-form label.error{	line-height:24px;	padding:5px 0px 0px;	margin:0px;	text-transform:uppercase;	font-size:11px;	color:#ff0000;	font-weight:500;	}



.logos {width:90%; height:190px; padding: 0; margin: 20px 5%; background:#fff; position:relative; float:left;}
.logos img{border:1px solid #d3d3d3;}
.owl-carousel .owl-nav button.owl-next {width: 28px; height: 162px; background: #f9f9f9 url(../images/arrow-right.png) center center no-repeat !important; position: absolute; right: -40px; top: 0px;}
.owl-carousel .owl-nav button.owl-prev {width: 28px; height: 162px; background: #f9f9f9 url(../images/arrow-left.png) center center no-repeat !important; position: absolute; left: -40px; top: 0px;}
.owl-carousel .owl-nav button.owl-next:hover {background: #ddd url(../images/arrow-right.png) center center no-repeat !important;}
.owl-carousel .owl-nav button.owl-prev:hover {background: #ddd url(../images/arrow-left.png) center center no-repeat !important;}




footer { bottom:0; z-index:1000;}
.footer-top {width: 100%; padding: 30px 2%; margin: 0 auto; background:#f9f9f9; line-height: 14px; color: #4f4f4f; font-size: 14px; line-height: 24px; float: left;}
.footer-top a{color: #5c5c5c; text-decoration:none;}
.footer-top a:hover{ color: #d0a21d; text-decoration:underline;} 

.footer-top .tel, .footer-top .mail {width:33.333%; font-size:24px; text-align:center; float:left;}
.footer-top .tel span, .footer-top .mail span {vertical-align: super;}
.footer-top .tel .fa {font-size:40px; font-weight:600; color:#959595; margin:0 10px; /*border:3px solid #959595;*/ }
.footer-top .mail .fa {font-size:40px; font-weight:600; color:#959595; margin:0 10px;}

 
.footer-top .social {width:33.333%; text-align:center; float:left;}
.footer-top .social a{margin:0 8px; font-size:1.6em; color:#898989; line-height:20px;}
.footer-top .social a:hover{color:#d0a21d;}


.footer-bottom {width: 100%; padding: 20px 2%; margin: 0 auto; background:#fff; line-height: 14px; color: #4f4f4f; font-size: 14px; line-height: 24px; text-align:center; float: left;}
.footer-bottom .copyright{width:100%; float:left;} 



@media screen and (max-width: 1400px) 
{
    .container .full-part .content-products{width: 80% !important; margin: 0 2% !important;}
    
}



 
@media screen and (max-width: 1366px) 
{
    .header .panel ul li{padding: 0px;}
    .container .full-part .content-part {width:70%; margin: 2% 15%;}
    
}



@media screen and (max-width: 768px) 
{
    
    .header-root{height:100px;}
    .header-root .left-part {width: 20%; padding:5px 10px;}
    .header-root .left-part h1{left:2%; text-align:left;}
    .header-root .left-part h1 img{width:50%; height:auto;}

    .header-root .right-part {width: 80%; padding:5px;}
    .header .main-menu{width:100%;}
    .header .panel{width:100%; border-bottom:none;}
    .header .panel ul li a{padding: 10px !important;}

    .logos{height:70px;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {height:60px;}


    .container .full-part .content-part, .container .full-part .content-products{width: 90% !important; margin: 2% 5% !important;}
    
    .container .full-part .contact .title {width: 15%;}
    .container .full-part .contact .detail {width: 85%;}


    .container .full-part .products .menu{width:100%;}
    .container .full-part .products .list{width:100%; margin-top:20px;}
    .container .full-part .products .list .boxes li{width:48%;}


    .container .full-part .brands li {width:32%;}
    .container .full-part .credentials li{width:30.333%;}

    
    .ik-form{width:100%;}
    .footer-top .tel, .footer-top .mail, .footer-top .social {width:100%; margin:2% 0; font-size: 18px; float:left; }
    .footer-top{padding:10px 2%;}                    
    
}







/* navigation */
*, *:after, *:before {box-sizing: border-box;}

.animenu__toggle {display: none;  cursor: pointer;  background-color: #fff;  border: 1px solid #d0a21d;  padding: 10px; width: 40px; height: 40px;}
.animenu__toggle:hover {background-color: #fff;  border: 1px solid #d0a21d;}
.animenu__toggle__bar {display: block;  width: 20px;  height: 2px; background-color: #d0a21d; transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar + .animenu__toggle__bar {margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar {margin: 0; position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {transform: rotate(-45deg);}
.animenu {display: block;}
.animenu ul {padding: 0; list-style: none; display: inline-table;}
.animenu li {border-bottom:1px solid #f8f8f8; }
.animenu li, .animenu a {display: inline-block; font-size: 15px;}
.animenu a {font-size: 18px; font-family: '00370regular', Calibri, Tahoma, Sans-Serif; /*font-weight:600;*/ color: #3d3d3d; text-decoration: none; border-left:1px solid #f8f8f8;}
.animenu__nav {/*background-color: #000;*/}
.animenu__nav > li {position: relative;}
.animenu__nav > li > a {margin:0; padding:32px 14px;}
.animenu__nav > li a.active, .animenu__nav > li a:hover {background: #d0a21d; color:#fff;}
.animenu__nav > li > a:first-child:nth-last-child(2):before {content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; top: 50%; margin-top: -2px; right: 10px;}
.animenu__nav > li:hover > ul {opacity: 1; visibility: visible; margin: 0;}
.animenu__nav > li:hover > a {color: #ffffff; background-color: #d0a21d;}
.animenu__nav__child {min-width: 100%; position: absolute; top: 100%;  left: 0; z-index: 1; opacity: 0; visibility: hidden; margin: 20px 0 0 0; background-color: #8d8d8d; transition: margin .15s, opacity .15s; width:222px; padding:5px !important;}
.animenu__nav__child > li {width: 100%;text-align:left;}
.animenu__nav__child > li:first-child > a:after {content: ''; position: absolute; height: 0; width: 0; left: 4.5em; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit; color:#8d8d8d;}
.animenu__nav__child > li:last-child {border: 0;}
.animenu__nav__child a {padding: 8px; width: 100%; color:#fff;}
.animenu__nav__child a:hover {background-color: #d0a21d; border-color: #d0a21d; color: #fff; width:212px;}
.animenu__nav > li > a img {top:9px; left:19px; position:absolute; display:block;}



@media screen and (max-width: 768px) 
{
  .animenu { margin-top: 0; float: left; width: 10%; position: absolute; right:15px; top: 50px;}
  .animenu ul{ background:#8d8d8d; padding: 0; width: 200px; position: relative; right: 160px; display:none;}  
  .animenu__toggle {display: inline-block;}
  .animenu__nav, .animenu__nav__child {display: none;}
  .animenu__nav {margin: 0;}
  .animenu__nav > li {width: 100%; border-right: 0; border-bottom: 1px solid #cacaca;}
  .animenu__nav > li:last-child {border: 0;}
  .animenu__nav > li:first-child > a:after {content: ''; position: absolute; height: 0; width: 0; left: 1em; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit; display:none;}
  .animenu__nav > li > a {width: 100%; padding: 10px; margin:0; color: #fff; border-color: #fff; position: relative;}
  .animenu__nav a:hover {background-color: #d0a21d; border-color: #d0a21d; color: #fff;}
  .animenu__nav__child {position: static; background-color: #373737; margin: 0; transition: none; visibility: visible; opacity: 1;}
  .animenu__nav__child > li:first-child > a:after {content: none;}
  .animenu__nav__child a {padding: 5px 5px 5px 0; width: 100%;}
  .animenu__nav__child > li{text-align:right;}
  
.animenu__nav > li > a img{display:none;}
  }
  
.animenu__nav--open {display: block !important;}
.animenu__nav--open .animenu__nav__child {display: block;}


/* navigation */



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

  .header-root .left-part h1{left:2%;}
  .header-root .left-part h1 img{width:60%; height:auto; display:block;}
  .header .panel ul li a{padding: 20px 10px;}


  .animenu__nav > li > a {padding: 20px 8px; }
    
}

img {
height: auto;
max-width: 100%;
}
.image-table {
border: 0px solid rgba(0, 0, 0, 0);
border-collapse: separate;
border-spacing: 6px;
table-layout: fixed;
text-align: center;
width: 100%;
}
.image-table img {
border: 10px solid #fff;
box-sizing: border-box;
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
}