.page-lien-he{
padding: 30px 0;
}
.page-lien-he .page-title {
margin-top: 17px;
}
.page-lien-he .wpcf7-submit {
padding: 9px 23px;
border-radius: 20px;
border: none;
background: #ec870e;
color: #fff;
width: auto;
}
.page-lien-he .form-control {
font-size: 14px;
margin-bottom: 10px;
border: 1px solid #3874d2;
}
.page-lien-he textarea {
height: 140px;
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #3874d2;
border-radius: .25rem;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
-o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.form-control:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(82, 186, 41, 0.4);
box-shadow: 0 0 0 0.2rem rgba(82, 186, 41, 0.4);
}
.page-lien-he #contact_info {
background:-o-linear-gradient(45deg, #1e52a5, #3c83f3bf);
background:linear-gradient(45deg, #1e52a5, #3c83f3bf);
padding: 20px
}
.page-lien-he #contact_info * {
color: #fff;
border-color: #3874d2;
}
.page-lien-he p.col-title {
color: #3874d2;
}
.page-lien-he p, .page-lien-he li {
color: #333;
}
.page-lien-he i {
margin-right: 5px;
}
.page-lien-he {
margin-bottom: 30px;
}
.page-lien-he textarea, .page-lien-he input {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #3874d2;
border-radius: .25rem;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
-o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.page-lien-he textarea, .page-lien-he input {
font-size: 14px;
margin-bottom: 10px;
border: 1px solid #3874d2;
}
.page-lien-he .list_agency h3{
margin: 0;
padding: 10px;
font-size: 1.4em;
background-color: #0b6aff;
color: white;
text-transform: uppercase;
font-weight: bold;
}
.page-lien-he .list_agency ul{
list-style: none;
margin: 0;
padding: 0;
max-height: 70vh;
overflow-y: scroll;
}
.page-lien-he .list_agency ul::-webkit-scrollbar {
width: 3px; background-color: transparent; border:solid 1px  #0b6aff;;
}
.page-lien-he .list_agency ul::-webkit-scrollbar-thumb {
width: 3px; background-color:  #0b6aff; border-radius: 3px 3px 3px 3px
}
.page-lien-he .list_agency ul li{
border-top: solid 1px #ddd;
margin: 0;
}
.page-lien-he .list_agency ul li p.name{
background: #fbf1f1;
padding: 10px 15px;
padding-right: 3px;
cursor: pointer;
font-size: 1.1em;
vertical-align: middle;
font-weight: bold;
margin: 0;
}
.page-lien-he .list_agency ul li.active p.name,.page-lien-he .list_agency ul li:hover p.name{
background: #4586ea;
color: #fff;
}
.page-lien-he .list_agency .info{
padding: 10px;
background-color: #f5f5f5;
display: none;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
word-break: break-all;	
}
.page-lien-he .list_agency li.active .info{
display: block;
}
.page-lien-he .map_wrapper iframe{
width: 100%;
}
.page-lien-he .map .col-4{
margin-bottom: 20px
}
.page-lien-he .col-6:last-child {
margin-top: 20px;
}