﻿body{ font:14px/0.875em Arial; line-height:1.8em; color:#303030; background-color: #f6f6f6;}
img{ border:none; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease; outline:none;}
.btn.focus, .btn:focus{box-shadow:0 0 0 .2rem rgba(197,2,13,.25)}
.topbar{ color: #b8c4d3;padding: 5px 0;background: #092943; font-size: 12px;}
.topbar a{color:#b8c4d3; text-decoration: none;}
.topbar span{padding: 0 20px;}
.topbar .mail{padding-left: 0;border-left: none;}
.topbar .mail i{padding-right: 5px;}
.topbar a:hover{color: #fff;}
.navbar2{ padding: 24px 0; }
.navbar2 .logo{ display: block;}
.navbar2 .getbut{float: right;margin-top: 10px; font-size: 16px; text-decoration: none; font-weight:bold;color: #fff; background: #67b563; display: inline-block; text-transform: uppercase;padding: 8px 30px;border-radius: 30px;}
.navbar2 .getbut span{border-right: 1px solid #72c36e; margin-right: 10px; padding-right: 10px;}
.navbar2 .getbut:hover{background: #092943;}
.navbar2 .whatsapp{float: right; font-size:30px; color: #67b563; margin-left: 30px;margin-top: 15px; }
/*@media (min-width: 992px){
  .menu>ul>li:nth-child(2)>a::after{content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #282828; font-size: 11px; padding-left:8px;}
}*/
@media (max-width: 1499px) {
.navbar2 .getbut,.navbar2 .whatsapp{display: none;}
}
.navbar2 .menu > ul > li{text-transform: uppercase;padding-top: 20px;}
.menu > ul > li>a{position: relative; font-size: 16px; color: #282828; padding-bottom: 20px;}
.navbar2 .bicon{ border: 1px solid #fff; border-radius: 50%; width: 22px; height: 22px; text-align: center; line-height: 20px; font-size: 14px;}
@media (max-width: 767px) {
.navbar .tel{display: none;}
.menu > ul > li a{padding: 0;}
.navbar2{position: relative;}
.navbar2 img{width: 180px;}
.menu-mobile{position: absolute; right: 20px; top:45px;}
.topbar .tel{float: right;}
}
@media (max-width:991px) {
.navbar .xc22,.navbar .xc14{ display: none;}
}
@media (min-width: 992px) and (max-width: 1199px){
  .navbar2 .menu > ul > li{text-transform: capitalize;padding-top:10px;}
  .navbar2 .menu > ul{padding: 0;}
}
@media (min-width: 768px) and (max-width: 991px){
  .navbar2 .menu > ul > li{text-transform: capitalize;padding-top:10px;}
  .navbar2 .menu > ul{padding: 0;}
}
@media (min-width: 768px){
  .topbar span{border-left: 1px solid #164163; }
}
@media (min-width: 992px) {
  .navbar2 .menu > ul{float: right;padding-right: 30px;}
}
.nav-bar .opacitybar{width: 100%; height: 100%;position: absolute; background: rgba(56,63,75,.8); z-index: 2;display: none;}
.searchformcont{position: absolute; right: 0; top: 2px;z-index: 3; width: 93%;}
.searchformcont .sbtn{display: block; font-size: 20px; color: #fff; text-align: center; position: absolute;right: 0;}
.sbtn:hover{color: #fff;}
.searchform{position: absolute;right: 80px; top:-8px; display: none;width:100%; }
.search-txt{width: 100%; background: #fff;border: none; border-bottom: 1px solid #ddd; height: 38px;padding: 5px 5px 5px 10px;}
.btn-search{ position: absolute; height: 38px; border: 0;  color: #fff; width: 38px; font-size: 20px;background: none;}
.searchformcont .closebtn{color:#de3b3f;position: absolute;  right: 0; display: none; font-size: 20px;}
@media (min-width: 768px) and (max-width: 1199px){
.searchform{width: 95%;}
}
#footer{background: #262626; padding: 2.6% 0;color: #535353;}
@media (min-width: 768px){
#footer .box{border-left: 1px solid #363636; padding: 20px 0 0 18%;position: relative;}
#footer .box .icon{width: 40px; height: 40px; background: #363636; color: #fff;position: absolute; left: 0;margin-left: -20px; margin-top: -5px; text-align: center; line-height: 40px; border-radius: 50%; font-size: 16px;}
}
#footer ul{list-style: none; margin: 0; padding: 0;}
#footer ul li { text-transform: capitalize;}
#footer ul li a{color: #ccc; text-decoration: none;}
#footer ul li a:hover{color: #fff;}
#footer .title{ font-weight: bold; margin-bottom:20px; color: #fff; text-transform: uppercase;}
#footer .adds,#footer .pc,#footer .tel,#footer .fax,#footer .mail,#footer .whatsapp{ padding-left: 30px; margin-bottom: 10px; line-height: 20px;}
#footer .adds::before,#footer .pc::before,#footer .tel::before,#footer .fax::before,#footer .mail::before{font-family: "Font Awesome 6 Free"; position: absolute; margin-left: -30px; color: #67b563; font-size: 16px; font-weight: 900;}
#footer .whatsapp::before{font-family: "Font Awesome 6 Brands"; position: absolute; margin-left: -30px; color: #67b563; font-size: 16px; font-weight: 400;}
#footer .tel::before{content:"\f095";}
#footer .mail::before{content:"\f0e0"}
#footer .adds::before{content:"\f3c5"}
#footer .whatsapp::before{content:"\f232";}
#footer a{color: #ccc; text-decoration: none;}
#footer .adds{color: #ccc; }
#footer .mail a:hover,#footer .tel a:hover{color: #67b563;}
#copyright{ text-align: center; color: #464646;  background: #262626; padding: 15px 0;border-top: 1px solid #363636;}
@media (max-width: 767px) {
  .searchformcont{top: 3px; }
  .searchformcont .sbtn{line-height: 20px;}
  .search-txt{width: 90%;}
  .searchform{right: 20px; padding-left: 30px;}
  .topbar .topmail{display: none;}
  #footer .box .icon{display: none;}
  #footer .title{margin-top: 20px;}
}
@media (max-width: 420px) {
  .searchform{width: 90%;right: 35px;}
}
#form{background:#67b563; padding: 3.8% 0 2.8%; color: #fff; text-align: center;}
#form .mailtop{margin-bottom: 70px;}
#form .mailtit{font-size: 24px; text-transform: uppercase;  margin-bottom: 21px;  font-weight: bold;}
#form .mailbody{font-size: 14px; line-height: 20px; max-width: 817px; margin-left: auto; margin-right: auto;}
#form .mailbody p{margin-bottom: 25px; color: #ccfcca;position: relative;}
#form .mailbody p::before{width: 30px; height: 4px; background: #fff; content: ""; position: absolute; bottom: -28px;border-radius: 2px;left: 50%;margin-left: -22px;}
#form .mailbody p::after{width: 14px; height: 4px; background: #fff; content: ""; position: absolute; bottom: -28px;border-radius: 2px;left: 50%; margin-left: 11px;}
#form .form-group{ margin-bottom:13px; border: none;}
#form .form-control{background:#fff; color: #545f6e; font-size: 16px;  border: 1px solid #dcdada; box-shadow: none; border-radius: 5px; font-size: 12px;}
#form  input.form-control{   height:50px;}
#form .mailbtn:hover{ background:#282828; color: #fff;}
#form .mailbtn{border: none; background: #fff; border-radius: 30px; display: block; margin:20px auto 0; width: 340px; height: 54px; text-align: center; line-height: 54px; color: #67b563; font-size: 16px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
#gotop{ position: fixed;right:0; width:50px; z-index: 1; top:50%;}
.cd-top {
  height: 40px; line-height: 40px;
  width: 50px;
  background:#474747 url(../image/cd-top-arrow.svg) no-repeat center center;
  overflow: hidden; color:#fff; text-align:center;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer; text-indent: 99999px;
}
#gotop .b-live{  background:#67b563; display:block; color:#fff; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 28px; text-decoration:none; outline:none;margin-bottom: 1px;}
#gotop .b-live a{ color: #fff; text-decoration: none; outline: none; display: block;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; display: block;}
 #bottom-contact{display: none;}
@media (max-width: 767px) {
  #gotop{bottom: 70px; top: auto;}
  #gotop .b-live{display: none;}
  #bottom-contact{display: block;position: fixed; bottom: 0; height: 50px; width: 100%; z-index: 22;}
  #bottom-contact .row{margin: 0;}
  #bottom-contact .row .col-6{padding: 0;}
  #bottom-contact .mail,#bottom-contact .phone{display: block; color: #fff;line-height: 50px; text-align: center; font-size: 26px;}
  #bottom-contact .mail{background: #f8473d;}
  #bottom-contact .phone{background: #408736;}
  #copyright{margin-bottom: 50px;}
}
.modal-content{border: none;}
.modal-header{background: #1fb5ad; font-size: 22px; color: #fff;border: none;padding: 1.2rem 1.2rem;}
.modal-header b{color: #ffbe57; font-weight: bold;}
.modal-body{background: #2e3846; color: #fff;padding:20px 30px;}
.modal-body .down_txt{width: 100%;height: 40px;}
.modal-body label{margin: 18px 0 9px 0;}
.modal-body .down_btn{width: 100%;margin-top: 35px; height: 45px; color: #fff;background: #67b563;border: none; font-size: 16px; font-weight: bold;}
.modal-body .botip{color: #a3bfe5;font-size: 12px;margin-top: 15px;}