.title-contact{border-top:5px solid #45cec1; border-bottom: 3px solid #CCC; padding: 10px 0;}
.title-contact h2{font-size: 22px; font-weight: bold;}
.title-contact h2 span{display: inline-block; background: #ff8400; color: #FFF; padding:3px 8px; font-weight: normal; margin: 0 0 0 15px;}

.form-container{max-width: 980px; margin: 0 auto; padding: 20px 0;}
.textbox{display:flex; flex-wrap: wrap; margin: 0 0 20px;}
.textbox div,.textbox strong{display: inline-block;}
.textbox div input{border:3px solid #CCC; padding: 5px}
.textbox strong{font-size: 18px; width: 80px;}

.textarea-box textarea{width: 100%; box-sizing: border-box; border:3px solid #CCC; padding: 5px; height: 120px; font-size: 16px; color: #666;}
.textarea-box strong{font-size: 18px; color: #666; padding: 0 0 5px; display: block;}
.textarea-box strong span{display:block; color:#000;}

.button-submit{text-align:center; padding: 20px 0;}
.button-submit button{border-radius: 30px; padding: 10px 0; width: 200px; background: #45cec1; color: #FFF; font-size: 22px; font-weight: bold; border:0;}

.check-list{margin:0 0 20px; font-size: 0;}
.check-list div{width: 50%; display: inline-block; font-size:18px; margin: 0 0 10px;}
.check-list input[type=checkbox] {display:none;}
.check-list input[type=checkbox] + label{cursor: pointer;}
.check-list input[type=checkbox] + label span{display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 3px solid #CCC; border-radius: 5px;}
.check-list input[type=checkbox] + label figure{opacity: 0; display:inline-block; position: relative; margin-left: -35px;}
.check-list input[type=checkbox]:checked + label figure{opacity: 1;}

.edit_errors{max-width: 960px;
    margin: 10px auto;
    border: 3px solid #CCC;
    border-radius: 10px;
    padding: 10px;
    background: #f3f3f3;
    color: #666;}


@media(max-width:980px){
.form-container{padding: 20px;}
}
@media(max-width:780px){
.check-list div{width: 100%;}
.textbox strong{width: 25%;}
.textbox div{width: 75%;}
.textbox div input{width: 100%; box-sizing: border-box;}
}


.center{
    text-align: center;
}

.btn-more {
    width: 150px;
    text-decoration: none;
    font-size: 20px;
    color: #000;
    text-align: center;
    padding: 10px;
    border-radius: 24px;
    background: #FFF;
    margin: 20px auto 0;
    display: block;
}

.btn-blue{background:#45cec1; color:#FFF; width: 180px;}
.btn-blue span{color: #FFF ;}
.btn-blue:hover{background: #44B2A8;}




/* 
.tel-orange { display: none}
.tel-orange img { width: 100px;}
.floating_banner  {
    display: none
}
.tel-yellow { position: fixed; right: 0px; bottom: 0; z-index: 9;}
.tel-yellow img { width: 100px;}
.back-to-top a{ display: block; z-index: 9; position: fixed; right: 100px; bottom: 0;}
.tel-orange {  display: none}
@media(max-width:768px){
    .floating_banner  {
        display: none;
    }
    .tel-yellow { position: fixed; right: 0px; bottom: 0; z-index: 9;}
    .tel-yellow img { width: 100px;}
    .tel-orange { position: fixed; right: 0; bottom: 0; z-index: 9; display: none}
    .tel-orange img { width: 100px;}
    .back-to-top a{ display: block; z-index: 9; position: fixed; right: 100px; bottom: 0;}
} */