@charset "utf-8";
/* CSS Document */



/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/

#contact .tb-cell {
  display: table;
  margin: 20px auto 40px auto;
  text-align: left;
  width:335px;
}

/*#contact .tb-cell .row {
  display: table-row;
}*/

#contact .tb-cell .row .cell {
  display: table-cell;
  border: 1px solid #b7a176;
  padding: 10px;
  vertical-align: middle;

}

#contact .tb-cell .inlineframe {
background-color:#FFFFFF;
color:#696969;
height:150px;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
padding:5px;
font-size:14px;

}
#contact .tb-cell .row .cell:nth-child(odd) {
  width: 100px;
display: block;
}
#contact .tb-cell .row .cell:nth-child(even) {
  width: 235px;
display: block;
}
#contact .mail-form .row .cell {
  padding: 5px;
}
#contact .mail-form .row .cell:nth-child(1) {
  background: #79550f;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  width:100%;
}
#contact .mail-form .row .cell:nth-child(2) {
  background: #fdf8ee;
  color:#696969;
  font-size:14px;
  width:100%;
  line-height:1;
}
#contact input[type="text"],
#contact input[type="email"] {
  height: 30px;
  font-size: 16px;
  width:230px;
  background-color: #fff;
  border: 1px solid #a7a7a7;
}
#contact textarea {
  height: 100px;
  font-size: 16px;
  width:98%;
  background-color: #fff;
  border: 1px solid #a7a7a7;
}

#contact .tb-cell .row .cell2{
  text-align:center;
  margin-top:30px;
}


#contact button[type="button"],
#contact button[type="submit"] {
position: relative;
display: inline;
width: 230px;
padding: 1em;
font-size:14px;
text-align: center;
text-decoration: none;
color: #fff;
font-weight:bold;
/*background: #EC407A;*/
background: #79550f;
border:1px solid #fff;
overflow: hidden;
margin:0px 10px 20px 10px;
}

#contact button[type="button"]:before,
#contact button[type="submit"]:before{
content:"";
position: absolute;
top: 0px;
left: -220px;
height: 100%;
width: 230px;
background : #fff;
opacity: 0.3;
transition: .4s;
}

#contact button[type="button"]:hover:before,
#contact button[type="submit"]:hover:before {
left:0;
}


#contact .msg {
  margin: 50px 0;
  font-weight: bold;
}
#contact .ico_hi{
display: inline-block;
background: #f99144;
color:#fff;
padding:2px 5px;
margin-left:10px;
border-radius: 3px;
font-size: 0.7em;

}
#contact .msg1{
background: #79550f;
margin-bottom:20px;
}

#contact .msg1 p{
text-align: center;
font-weight:bold;
font-size:16px;
color:#fff;
padding:20px 0px;
}

#contact ul {
list-style: none;
padding-left:0;
}
#contact li{
padding-left:1em;

}


@media (min-width: 768px) {

#contact ul {
list-style: none;
padding-left:0;
}

#contact li{
padding-left:1em;
}

#contact .msg1{
background: #79550f;
margin-bottom:30px;
}

#contact .msg1 p{
text-align: center;
font-weight:bold;
font-size:22px;
color:#fff;
padding:20px;
}

#contact .mail-form .row .cell:nth-child(1) {
  background: #79550f;
  color:#fff;
  font-size:14px;
  width:97%;
  font-weight:normal;
}

#contact .ico_hi{
display: inline-block;
background: #f99144;
color:#fff;
padding:3px 5px;
margin-left:10px;
border-radius: 3px;
font-size: 0.8em;
}


#contact .tb-cell {
  display: table;
  margin: 20px auto 40px auto;
  text-align: left;
}
#contact .tb-cell .row {
  display: table-row;
}
#contact .tb-cell .row .cell {
  display: table-cell;
  border: 1px solid #b7a176;
  padding: 10px;
  vertical-align: middle;
  color: #fff;
}
#contact .tb-cell .row .cell:nth-child(odd) {
  width: 650px;
}
#contact .tb-cell .row .cell:nth-child(even) {
  width: 650px;
}

#contact .tb-cell .row .cell2{
  text-align:center;
  margin-top:50px;
}

#contact .tb-cell .inlineframe {
background-color:#FFFFFF;
color:#696969;
height:150px;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
padding:5px;
font-size:14px;
}


#contact input[type="text"],
#contact input[type="email"] {
  width: 300px;
  padding:3px 10px;
  background-color: #fff;
  border: 1px solid #a7a7a7;
}
#contact textarea {
  width: 95%;
  padding:10px;
  background-color: #fff;
  border: 1px solid #a7a7a7;
}

/* ** */}