@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');
html {height:100%;width:100%;}
body {height:100%;width:100%;margin:0px;padding:0px;background-color:#fff;font-family: 'Open Sans', sans-serif;font-size:15px;font-weight:400;color:#444444;}
form {height:100%;width:100%;margin:0px;padding:0px;}
div.container{width:100%;height:100%;display:table;overflow:hidden;border-spacing:0;}
div.page{display:table-row;}
div.clear-both{clear:both;}

h1{width:100%;margin:0;padding:0;margin-bottom:20px;display:inline-block;color:#a3764a;font-size:40px;font-weight:400;}
h2{width:100%;margin:0;padding:0;margin-bottom:10px;padding-bottom:10px;display:block;border-bottom:1px #d3d3d3 solid;color:#a3764a;font-size:22px;font-weight:700;}
p{padding:0;margin:0;font-size:24px;color:#444444;}
/*menu*/
div.menu{width:18%;height:100%;z-index:1000;padding:5% 2% 0 2%;background-color:#222222;position:relative;display:table-cell;vertical-align:top;}
div.menu nav ul{display:block;padding:0px;margin:0px;list-style:none;margin-top:50px;}
div.menu nav ul li{}
div.menu nav ul li a{line-height:40px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;}
div.menu nav ul li ul{margin-top:0;margin-bottom:8px;}
div.menu nav ul li ul li a{line-height:25px;color:rgba(255,255,255,0.50);font-size:14px;font-weight:400;text-decoration:none;padding-left:15px;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;background-image:url('/images/menu-point.png');}

a.language{position:absolute;bottom:0;left:0;display:none/*block*/;width:90%;padding:10% 0 10% 10%;background-color:#a3764a;}
a.language span{width:100%;padding-left:35px;margin-top:-2px;display:inline-block;font-size:16px;line-height:16px;color:#fff;background-position:0 50%;background-repeat:no-repeat;}

div.nav-icon{display:none;z-index:999;}
div.mobile-menu-mask{display:none;width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.80);z-index:500;}
/*page*/
section{width:82%;height:100%;position:relative;display:table-cell;vertical-align:top;}
div.content-container{width:100%;height:100%;display:table;overflow:hidden;border-spacing:0;}
div.content-container div.content{display:table-row;}
div.content-container div.content div.left{width:50%;height:100%;padding:0 5%;position:relative;display:table-cell;vertical-align:middle;}
div.content-container div.content div.right{width:50%;height:100%;padding:0 5%;position:relative;display:table-cell;vertical-align:middle;text-align:center;}
div.content-container div.content div.contact-right{width:50%;height:100%;padding:0 0;position:relative;display:table-cell;vertical-align:middle;text-align:center;}

div.contentin{min-height:250px;}
/*contact*/
div.contact{margin-top:30px;color:#0d0d0d;font-size:15px;}
div.contact span{display:block;padding-left:30px;line-height:30px;background-position:0 50%;background-repeat:no-repeat;}
div.contact a{display:block;padding-left:30px;line-height:30px;text-decoration:none;color:#0d0d0d;background-position:0 50%;background-repeat:no-repeat;}
div.contact span.address{background-image:url('/images/local.png');background-position:0 0;line-height:normal;}
div.contact a.phone{background-image:url('/images/phone.png');}
div.contact span.fax{background-image:url('/images/fax.png');}
div.contact a.mail{background-image:url('/images/mail.png');}
div.contact a.mail:hover{text-decoration:underline;}
div.contact a:hover{text-decoration:none;}
div.contact a[x-apple-data-detectors] {color:inherit !important;text-decoration:none !important;font-size:inherit !important;font-family:inherit !important;font-weight:inherit !important;line-height:inherit !important;}
/*form*/
div.form{position:relative;}
div.form .TextBox{width:97%;height:15px;padding:8px 1.5%;margin-bottom:5px;border:none;border-bottom:1px #e0e0e0 solid;background-color:#faf9f9;outline:none;font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:400;color:#000;}
div.form .TextBoxMultiLine{width:97%;height:80px;padding:7px 1.5%;margin-bottom:5px;border:none;border-bottom:1px #e0e0e0 solid;background-color:#faf9f9;outline:none;font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:400;color:#000;}
div.form .Button{width:100%;padding:10px 0px;background-color:#a3764a;border:none;outline:none;cursor:pointer;color:#fff;font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:700;}
div.map{width:100%;height:100%;}
div.progress{z-index:99999;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255, 0.7);background-image:url('/images/5.gif');background-position:center;background-repeat:no-repeat;}
/*slider*/
div.right div.slider{display:inline-block;}
div.left div.slider{display:none;}
div.slider{display:inline-block;position:relative;border:1px #000000 solid;padding:0 0 18px 18px;margin-top:10%;}
div.slider div.items{width:400px;margin-top:-18px;margin-right:-18px;}
div.slider div.items div.item{}
@media screen and (max-width:999px) {
    body {font-size:13px;}
    h1{margin-bottom:10px;font-size:25px;}
    h2{margin-bottom:10px;font-size:16px;margin-bottom:5px;padding-bottom:5px;}
    p{font-size:16px;}
    div.container{width:100%;height:auto;display:block;overflow:auto;}
    div.page{display:block;}
    /*menu*/
    div.menu{width:100%;height:auto;padding:15px 0 15px 0;display:block;vertical-align:top;}
    a.logo{padding-left:3%;}
    a.logo img{height:20px;}
    div.menu nav{display:none;border-top:1px #fff solid;width:100%;margin-top:15px;padding:15px 0 0 4%;}
    div.menu nav ul{margin-top:0;}
    div.menu nav ul li a{line-height:25px;font-size:13px;}
    div.menu nav ul li ul{margin-top:0;margin-bottom:3px;}
    div.menu nav ul li ul li a{line-height:20px;font-size:13px;}
    a.language{position:relative;display:inline-block;padding:5px 5px 5px 5px;background-color:transparent;}
    div.nav-icon{display:block;}
    /*page*/
    section{width:94%;height:auto;padding:0 3%;position:relative;display:block;}
    div.content-container{width:100%;height:auto;display:block;overflow:auto;}
    div.content-container div.content{display:block;}
    div.content-container div.content div.left{width:100%;height:auto;padding:0 0;margin-bottom:20px;display:block;vertical-align:top;}
    div.content-container div.content div.right{width:100%;height:auto;padding:0 0;display:block;vertical-align:top;text-align:center;}
    div.content-container div.content div.contact-right{width:100%;height:auto;padding:0 0;display:block;vertical-align:top;text-align:center;}
    div.contentin{min-height:inherit;margin-bottom:20px;}
    /*contact*/
    div.contact{margin-top:20px;color:#0d0d0d;font-size:13px;}
    div.contact span{line-height:25px;}
    div.contact a{line-height:25px;}
    /*slider*/
    div.right div.slider{display:none;}
    div.left div.slider{display:block;}
    div.slider{border:none;width:100%;display:block; padding:0 0 0 0;margin-top:20px;margin-bottom:20px;}
    div.slider div.items{width:100%;margin-top:0;margin-right:0;text-align:center;margin:auto;}
    div.slider div.items div.item{width:100%;}
    div.slider div.items div.item img{width:100%;height:auto;}
    /*form*/
    div.form{margin-top:20px;}
    div.map{height:400px;margin-top:20px;margin-bottom:20px;}
}
/*Menu icon*/
#nav-icon {
    width: 35px;
    height: 30px;
    position: absolute;
    right:3%;
    top:15px;
    margin: 0px auto;
    z-index:1001;
    -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: #fff;
  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);
}