header{width:100%;padding:20px 0;z-index:500;position:relative;border-bottom:1px #7e7e7e solid;margin-bottom:20px;}
section{width:100%;margin:auto;padding:0px;position:relative;}
footer{width:100%;padding:10px 0;border-top:1px #7e7e7e solid;margin-top:20px;font-size:14px;}

div.container{width:1000px;margin:auto;padding:0px;position:relative;}
div.clear-both{clear:both;float:none;position:relative;}
img{display:flex;margin:0;padding:0;}

h1{margin:0px;padding:0px;color:#fff;font-weight:700;font-size:50px;line-height:36px;padding-bottom:20px;margin-bottom:10px;border-bottom:1px #7e7e7e solid;}
h2{margin:0px;padding:0px;color:#7e7e7e;font-weight:700;font-size:18px;line-height:13px;padding-bottom:15px;margin-bottom:10px;border-bottom:1px #7e7e7e solid;}
h2 a{text-decoration:none;color:#7e7e7e;}
h2 a:hover{text-decoration:underline;color:#7e7e7e;}

/*header*/
header a.logo{float:left;display:inline-block;padding-top:5px;}
header nav{float:right;}
header nav ul{display:inline-block;padding:0;margin:0;list-style:none;}
header nav ul li{display:inline-block;padding:0 10px 0 10px;border-right:1px #7e7e7e solid;}
header nav ul li a{font-size:14px;font-weight:600;color:#fff;text-decoration:none;line-height:26px;}
header nav ul li a:hover{color:#63b5f6;text-decoration:none;}

header nav ul li ul{position:absolute;display:none;padding:0px;margin:0;padding-top:21px;list-style:none;text-align:left;}
header nav ul li ul li{display:block;padding:0 0 0 0;border-right:none;border-bottom:1px #7e7e7e solid;background-color:#fff;}
header nav ul li ul li a{display:block;padding:0 10px;min-width:150px;text-decoration:none;color:#000;line-height:35px;}
header nav ul li ul li a:hover{text-decoration:none;}
/*contact*/
div.contact{}
div.contact-info{float:left;width:50%;}
div.contact-info span.company{display:block;color:#63b5f6;padding-left:20px;line-height:20px;background-image:url('/images/local.png');background-position:center left;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;}
div.contact-info span.address{display:block;color:#fff;padding-left:20px;}
div.contact-info span.phone1{display:block;color:#fff;padding-left:20px;line-height:20px;background-image:url('/images/phone2.png');background-position:center left;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;}
div.contact-info span.phone2{display:block;color:#fff;padding-left:20px;line-height:20px;}
div.contact-info span.fax1{display:block;color:#fff;padding-left:20px;line-height:20px;background-image:url('/images/fax.png');background-position:center left;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;}
div.contact-info span.fax2{display:block;color:#fff;padding-left:20px;line-height:20px;}
div.contact-info span.gsm1{display:block;color:#fff;padding-left:20px;line-height:20px;background-image:url('/images/phone2.png');background-position:center left;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;}
div.contact-info span.gsm2{display:block;color:#fff;padding-left:20px;line-height:20px;}
div.contact-info a.eposta1{display:block;color:#fff;padding-left:20px;line-height:20px;text-decoration:none;background-image:url('/images/mail.png');background-position:center left;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;}
div.contact-info a.eposta1:hover{text-decoration:underline;}
div.contact-info a.eposta2{display:block;color:#fff;padding-left:20px;line-height:20px;text-decoration:none;}
div.contact-info a.eposta2:hover{text-decoration:underline;}
div.contact-info div.map{width:100%;height:268px;margin-top:10px;color:#000000;}

div.contact-form{float:right;width:40%;text-align:center;}
div.contact-form span{display:block;text-align:left;font-weight:500;font-size:14px;margin-top:8px;padding-left:1%;}
div.contact-form .textbox{width:95%;height:15px;padding:10px 1.5%;margin-bottom:5px;border:1px #e8e8e8 solid;background-color:#fff;outline:none;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:400;color:#000;}
div.contact-form .textboxmultiLine{width:95%;height:100px;padding:7px 1.5%;margin-bottom:5px;border:1px #e8e8e8 solid;background-color:#fff;outline:none;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:400;color:#000;}
div.contact-form .button{width:60%;padding:10px 0px;background-color:#233137;border:none;outline:none;cursor:pointer;color:#fff;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:600;}
/*products*/
div.products{width:100%;}
div.products div.item{float:left;width:196px;height:200px;margin-bottom:5px;margin-left:5px;background-color:#fff;vertical-align:top;position:relative;}
div.products div.item:nth-child(5n+1){margin-left:0;}
div.products div.item a{display:block;width:100%;height:100%;}
div.products div.item img{z-index:1;max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
div.products div.item span{width:98%;height:45px;padding:5px 0 5px 2.5%; position:absolute;bottom:0;z-index:2;background-color:rgba(0,0,0,0.80);color:#fff;text-decoration:none;display:inline-block;}
/*content*/
div.content{}
div.content div.left{float:left;width:38%;position:relative;background-color:#fff;padding:20px 1%;text-align:center;}
div.content div.left img{max-width:100%;margin:auto;}
div.content div.left-content{float:left;width:40%;position:relative;}
div.content div.left-content img{max-width:100%;width:auto;height:auto;margin:auto;}
div.content div.right{float:right;width:55%;}
/*grid*/
div.grid div.box{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
div.grid div.box a{display:inline-block;width:100%;height:100%;}
div.grid div.box a span{width:98%;padding:5px 0 5px 2.5%;position:absolute;bottom:-60px;z-index:2;background-color:rgba(0,0,0,0.80);color:#fff;text-decoration:none;display:inline-block;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
div.grid div.box a:hover span{bottom:0;}
/*footer*/
footer span.copyright{float:left;position:relative;display:inline-block;}
/*social*/
div.social{float:right;}
div.social ul{display:inline-block;padding:0px;margin:0px;border:0px;list-style-type:none;position:relative;}
div.social ul li{display:inline-block;padding:0px;list-style:none;position:relative;margin-left:8px;}
div.social ul li a{display:inline-block;height:15px;}
@media only screen and (max-width:999px) {
    header{width:100%;}
    section{width:100%;}
    footer{width:100%;}
    div.container{width:100%;}
}
/*Menu icon*/
#nav-icon {
    width: 40px;
    height: 30px;
    position: absolute;
    right:2%;
    top:22px;
    margin: 0px auto;
    z-index:602;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #115298;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}
#nav-icon span:nth-child(2) {
  top: 10px;
}
#nav-icon span:nth-child(3) {
  top: 20px;
}
#nav-icon.open span {
  background-color:#fff;
}
#nav-icon.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}