@charset "UTF-8";
/*================================
 PAGE-inquily,contact,form
=================================*/

/*================================
 o/w
=================================*/

header{
background:url(../img/page-form/header_bg.jpg) no-repeat center top;
overflow: hidden;
width:100%;
position: relative;
margin:0 auto 0;
}

/* #intro
-------------------------------- */

#intro .row_inner{
width:780px;
margin:50px auto 20px;
}

#intro h3{
margin-bottom:20px;
font-size: 24px;
font-weight: bold;
text-align: center;
}
#intro h4{
margin-bottom:20px;
font-size: 16px;
font-weight: bold;
text-align: center;
}

#intro p{
margin-bottom:0;
text-align: center;
}


#intro .infobox  {
position:relative;
background:url(../img/page-form/intro_infobox.png) no-repeat center top;
display: block;
width:780px;
height:159px;
margin:70px auto 50px;
}

#intro .infobox a {
display: block;
position: absolute;
}

#intro .infobox a.tel { top:30px;left:230px; width:314px; height:50px;}
#intro .infobox a.cel { top:108px;left:440px; width:240px; height:40px}

#intro .infobox a.tel:hover { background-color:rgba(255,255,255,0.4);}
#intro .infobox a.cel:hover { background-color:rgba(246,247,247,0.4);}


/*------------------------
$ >> CONTACTFORM
-------------------------*/

.contactform {
position: relative;
padding-top:30px;
padding-bottom:20px;
margin: 0 auto 20px;
text-align:center;
font-size:16px;
color:#000;
}

.contactform p em {
font-size: 24px;
font-weight: bold;
padding:0 0 10px;
}

.contactform .buttons {
/*auto gened button selector*/
text-align: center;
overflow: hidden;
font-size: 16px;
padding:0;
margin:40px 0;
}

.contactform table{
width:800px;
line-height:1.6em;
margin:0 auto;
border:1px solid #ddd;
}

.contactform table th{
vertical-align: middle;
padding:16px 20px;
color:#111;
font-size:18px;
font-weight: bold;
text-align: left;
background-color: #eee;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

.contactform table td{
vertical-align: middle;
padding:12px 20px;
color:#111;
font-size:15px;
text-align: left;
border-bottom:1px solid #eee;
}


.contactform table th.sep em{
display: block;
text-align: center;
font-weight: normal;
color:#fff;
background-color: #888;
padding:5px 0;
margin:15px 0;
}

.contactform table th em{
font-weight: bold;
}

.contactform table th b{
color:#D74A5B;
margin-left:4px;
}

.contactform table th span{
font-weight: bold;
}

.contactform table .solo{
display:block;
padding-bottom:10px;
}

.contactform table p {
margin-bottom:6px!important;
}
.contactform table p.note {
text-align: left;
font-size:13px;
line-height: 2em;
color:#333;
text-indent: 1.2em;
}


.contactform table.in_tbl{
width:80%;
margin-left:0;
margin-bottom:10px;
}

.contactform table.in_tbl th{
width:120px;
}

.contactform textarea,
.contactform input[type="text"],
.contactform input[type="email"],
.contactform input[type="tel"] {
width: 95%;
font-size: 15px;
line-height: 1.5em;
text-align: left;
padding: 6px 3px;
border: 1px solid #ccc;
border-radius: 1px;
background: #fdfdfd;
-webkit-appearance: none;
}

.contactform .mia textarea,
.contactform .mia input[type="text"],
.contactform .mia input[type="email"],
.contactform .mia input[type="tel"] {
width: 70%;
}

.contactform .nia textarea,
.contactform .nia input[type="text"],
.contactform .nia input[type="email"],
.contactform .nia input[type="tel"] {
width: 50%;
}

.contactform .tia textarea,
.contactform .tia input[type="text"],
.contactform .tia input[type="email"],
.contactform .tia input[type="tel"] {
width: 30%;
}

.contactform select{
font-size: 14px;
line-height: 1.5em;
text-align: left;
padding: 6px 3px;
border: 1px solid #ccc;
background: #fff;
-webkit-appearance: menulist;
}

.contactform input[type="date"]{
padding: 6px 3px;
font-size:15px;
}


.contactform textarea.dim,
.contactform input.dim {
color: #76AB5D;
border: 1px dotted #cfd5dd;
}

.contactform textarea:focus,
.contactform input[type="text"]:focus,
.contactform input[type="email"]:focus,
.contactform input[type="date"]:focus,
.contactform input[type="tel"]:focus {
outline: none;
-webkit-appearance: none;
}

.contactform textarea {
font-size:15px;
height:8em;
resize: vertical;
overflow: auto;
}

.contactform input{
position: relative;
}

.contactform input[type="submit"],
.contactform input[type="reset"],
.contactform input[type="button"],
.contactform button {
display: inline-block;
font-size: 16px;
letter-spacing: 0.12em;
text-align: center;
line-height: 56px;
font-weight: bold;
color: #fff;
background-color: #219184;
border: 1px solid #219184;
padding:0 40px;
margin: 0 10px;
cursor: pointer;
-webkit-appearance: none;
border-radius: 12px;
}

.contactform input:hover[type="submit"],
.contactform input:hover[type="reset"],
.contactform input:hover[type="button"],
.contactform button:hover {
opacity:0.8;
text-decoration: none!important;
box-shadow: none;
-webkit-box-shadow: none;
}

.contactform input[type="submit"].chk {
color: #fff;
background-color: #1E3557;
}

.contactform input[type="submit"].chk:hover {
color: #fff;
background-color: #1E3557;
}

.contactform input[type="checkbox"],
.contactform input[type="radio"] {
border: none;
top: -2px;
top: 0\9;
margin-right: 6px;
margin-right: 0\9;
}

.contactform input[type="checkbox"] {
-webkit-appearance: checkbox;
}

.wpcf7-form{
margin-bottom:30px;
}

.wpcf7-list-item {
margin-top:3px!important;
display: block!important;
}

.wpcf7-response-output{
font-size:15px;
}