[class^="col-"] { margin:3px 0px; }
 
 /*contact*/
.border-none{border: none;}
.red{position: relative}
.red:after{content:"*";color:#a01f35;padding-right: 3px;position: absolute; left:3px; top:3px; }


.contact-main { padding: 30px 30px 60px 30px;margin-bottom: 0px;}
.contact-information {position: relative;text-align: center; width: calc(100%/3);  line-height: 2rem; padding: 90px 30px 10px 30px; margin-bottom: 30px; display: flex; flex-wrap: wrap;  }
.contact-information p{font-weight: 700; color: #000; text-align: left;  margin: 0; padding: 0}   
.contact-information a { color: #000;}
.contact-inner{ width: calc(100% - 70px); padding-left: 20px; margin: 0;  position: relative;  }
.contact-inner figure,.contact-inner figure a {position: absolute; top: -10px; left: 20px; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; z-index: 10; }
.contact-inner figure img {max-width: 100%; transition: all 0.5s ease 0s;}
.contact-information:hover a{ olor:#256533;  }
.contact-information:hover .contact-icon-phone, .contact-information:hover .contact-icon-mail, .contact-information:hover .contact-icon-add {transform: scale(0.9); background-color:#64886c;}
.contact-icon-phone { width: 70px; height: 70px; background-image: linear-gradient(120deg, #f8d056 0%, #fe9e00 100%); border-radius: 50%;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);transition: all 1s; position: relative; }
.contact-icon-phone:before { position: absolute; top: 28%; left: 28%; content: "";width: 30px; height: 30px;background: url(../images/icon/icon-phone-2.svg) no-repeat;}
.contact-icon-mail {  width: 70px; height: 70px;  background-image: linear-gradient(120deg, #f8d056 0%, #fe9e00 100%);border-radius: 50%;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); transition: all 1s;position: relative; }
.contact-icon-mail:before {content: ""; width: 30px;height: 30px;position: absolute;top: 28%;left: 29%; background: url("../images/icon/icon-mail-w.svg") no-repeat;}
.contact-icon-add { width: 70px;height: 70px;  background-image: linear-gradient(120deg, #f8d056 0%, #fe9e00 100%);border-radius: 50%;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);transition: all 1s;position: relative; }
.contact-icon-add:before { content: "";width: 30px;height: 30px; position: absolute; top: 28%; left: 29%;background: url(../images/icon/icon-map.svg) no-repeat;}

.contact-description{ width: 70%; margin: auto; text-align: center;}

@media (max-width: 920px) {
.contact-information { width: calc(100%/2);   padding:  10px 30px; margin-bottom: 30px;    }
}

@media (max-width:767.98px) {
.contact-main { padding: 10px 0px 60px 0px;margin-bottom: 0px;}  
.contact-description{ width: 100%; text-align: left;}
.contact-information { width: 100%;padding:10px;}
}



.contact-form{width: 100%;margin: auto; padding:40px 20px 80px 20px;}
.contact-form ul{width: 100%; display: flex; flex-wrap: wrap; }

.contact-form ul li{ width: 100%; margin-bottom: 15px; display: flex; flex-wrap: wrap;list-style: none; font-size: .875rem; color: #666;  background: #fff; border: solid 1px #cfcfcf;}
.contact-form ul li div span{margin: 0 18px 0 0;display:inline-block;}
.contact-form ul li div span:last-child{margin-right:0;}
.contact-form form .btn{padding: 0px; margin: 10px auto;display: flex; flex-wrap: wrap; align-items: center; }
.btn .btn-submit,.btn .btn-reset{width:calc(50% - 10px); max-width:200px; padding: 10px 0px;  margin: 0px 5px; border: solid 1px #fe9e00;font-weight: 700;  cursor: pointer;}
.btn .btn-submit{background:#fe9e00 ;color: #fff; }
.btn .btn-reset{background: #fff; color:#fe9e00; }
.address2{width:100%; margin: auto;}

.contact-form ul li .formTh{width:80px;padding-left:15px; display: flex; border-right:solid 1px  #d3d3d3; position: relative;}
.contact-form ul li .formTd{width: calc(100% - 80px); display: flex;  flex-wrap: wrap; align-items: center;  position: relative; }  

.contact-form ul li.full{width:100%; }
.contact-form ul li .formTd input[type=checkbox]{width:12px;  height: 12px;  }
.formTd label{ width: auto; margin-left:8px;margin-bottom: 0px; font-size: 0.875rem!important; color: #666;   display: flex;  flex-wrap: wrap; align-items: center;} 



@media print, screen and  (max-width:999px){
.contact-form{ padding:40px 0px 80px 0px;}
.address2{width:100%;margin: 0px auto; padding: 0px;}
.strong{font-size: 16px;font-weight: bold;}
}
@media print, screen and  (min-width:640px) and (max-width:999px){
.contact-data ul{display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -18px;}
.contact-data ul li{width: calc(100% / 2 - 18px);margin-left: 18px;}
}
@media print, screen and  (min-width:999px){
.contact{display: flex;flex-direction: row;}
.contact-form ul li{ width: calc(100%/2 - 25px); margin-bottom: 25px; padding:2px 10px; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; align-items: center; list-style: none; }
.contact-form ul li:nth-child(even){ margin-left:25px;}
.contact-form ul li.full-end { width: calc(100% - 25px);margin-left:0px!important;}   
.contact-form ul li.full-end { align-items: flex-start;}   
.contact-form ul li .formTh{width:80px;padding-left:15px; display: flex; border-right:solid 1px  #d3d3d3; position: relative;}
.btn { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; text-transform: uppercase;  margin-top: 1.5%;}
.backlist_out{margin-top:-3px;}
}


input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"]	{background-repeat: no-repeat;background-position: 14px center;}
input[type="submit"],input[type="reset"],input[type="button"]	{-webkit-appearance: none;}
input, input[type=checkbox]::before,textarea{border: 1px solid #fff; border-radius:0px; padding:5px 16px;width: 100%;background: rgba(255, 255, 255, .9);}
input.max80{max-width: 80px;margin-right: 8px;}
input.name{max-width: 150px;margin-right: 8px;}
.max100 { width: 100%;max-width: 150px;}

.graphy3{  width: auto; height: 100vh; position: fixed; z-index: 9; left: auto; right: -30%; top:0px; bottom: auto; opacity: 1;    
animation: slideInUp 6s ease-in-out;  animation-duration: 6s;  animation-direction:alternate;}
.animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
@-webkit-keyframes slideInUp {
0% {  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible }
to { -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes slideInUp {
0% { -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); visibility: visible }
to { -webkit-transform: translateZ(0); transform: translateZ(0)  }
}
.animate__slideInUp {  -webkit-animation-name: slideInUp; animation-name: slideInUp}