header {
  height: 32px;
  background-color: #e00e0e;
}
.content-attachments {
  margin: 15px 0;
  border: 1px solid #999;
  padding: 15px;
  background-color: rgb(255, 251, 242); 
  display: block; 
  color: rgb(51, 51, 51); 
  border-color: rgb(242, 209, 170);
}
.news-attachment-title h2{
    color: #e00e0e;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.news-attachment-list
{
  margin-left: 30px;
  list-style-type: decimal;
}
.news-attachment-list li{
  padding: 0px;
}
.news-attachment-list li a{
  color:#000;
  font-size: 13pt;
  text-decoration: none;
}
.news-attachment-list li a:hover{
  color:#fc0;
}
.news-topnew-box  {
  margin: 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 15px;
  background: #f2f2f2;
  border: 1px solid #f0f0f0;
}
.news-topnew-title {
  position: relative;
  border-bottom: 1px solid #ccc;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 15px;
}
.news-topnew-title:before {
  position: absolute;
  width: 80px;
  content: "";
  border-top: 5px solid #fc0;
  bottom: -3px;
  left: 0;
  z-index: 99;
}
.news-topnew-title h2
{
  font-size: 18px;
}
.news-topnew-item {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.news-topnew-item>a {
  display: block;
  font-family: 'UTMAvo', sans-serif;
  color: #000;
}
.news-topnew-item>a>img {
  float: left;
  margin-right: 15px;
  display: block;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  height: 80px;
}
.news-topnew-item>a>h3 {
  display: block;
  color: #000;
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 15px;
}
.news-topnew-item>a>span>i {
  color: #f60;
  padding-right: 5px;
}
.post-header h2{
    display: block;
    margin: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 15px;
    text-align: center;
}
.post-header h2:before {
  width: 10%;
  height: 5px;
  background: #fc0;
  position: absolute;
  content: '';
  left: 45%;
  bottom: -2px;
  z-index: 1;
  border-radius: 30px;
}
.post-header h2:after {
  width: 50%;
  height: 1px;
  background: #ccc;
  position: absolute;
  content: '';
  left: 25%;
  bottom: 0;
}
.post-related .item {
  position: relative;
  transition: all .3s ease;
  background-color: #fff;
  height: 100%;
  margin: 10px 10px;
  border-radius: 4px;
}
.box-border, .box-reason .box-body .item:hover {
  background-color: #FFF;
  -webkit-box-shadow: 0 0 15px 0px #e8e8e8;
  -moz-box-shadow: 0 0 15px 0px #e8e8e8;
  box-shadow: 0 0 15px 0px #e8e8e8;
  /* border: 1px solid #e6e6e6; */
}
.post-related .item .image {
  border: solid 1px #fff;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.post-related .item .content {
  height: 130px;
  overflow: hidden;
  background-color: #fff;
  padding: 20px 10px;
}
.post-related .item .content h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
}
.transfor {
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.account-container {
  height: 400px;
  padding: 100px;
  color: #fff;
  font-size: 13px;
  background: url(/css/images/bg-login.webp) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.account-container h2{
  color: #fff;
  font-size: 15px;
  margin: 10px 0;
}
.maps-wrapper {
  position: relative;
  padding-bottom: 90%;
  overflow: hidden;
}
.maps-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-session {
  height: 32px;
  padding: 5px 0;
  color: #fff;
  font-size: 13px;
}
.form-info .row{
  margin-bottom: 15px;
}
.top-session a{color: #fff;}
.top-session a:hover{color: #333;}
.sociallink{
  list-style: none;
  text-align: right;
}
.sociallink li{
  display: inline-block;
  margin-left: 5px;
}
.box-intro-header {
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}
.box-intro-header .subtitle{
  padding: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #e00e0e;
}
.sector-list .box-title{
  color: #e00e0e;
}
.sector-list .box-description
{
  padding: 10px 50px;
}
.sector-list .sector-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
  position: relative;
}
.slick-slider .slick-track .slick-slide {
  height: auto;
}
.sector-list .sector-content .item {
  display: flex;
  flex-direction: row;
  margin: 10px 15px 30px;
  padding: 0 15px;
  overflow: unset;
}
.sector-list .sector-content .item {
  width: calc(100% / 4 - 30px);
}
@media only screen and (max-width: 767px) {
  .sector-list .sector-content .item {
      width: 100% !important;
      margin: 0 0 20px;
  }
}
.sector-list .module-content .item:hover img{
  transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);
}
.sector-list .item .box-news-inner {
  width: 100%;
  background: #fff;
}
.sector-list .item .image {
  width: 100%;
  height: initial;
  overflow: hidden;
}
.sector-list .item .image a {
  display: block;
  height: initial;
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-color: #f5f5f5;
  overflow: hidden;
}
.sector-list .item .image a img {
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.sector-list .item .content {
  padding: 0 10px 20px;
}
.sector-list .item .content .title {
  margin: 15px 0 0;
}
.sector-list .item .content .title a {
  font-size: 17px;
  font-weight: 600;
  display: block;
  margin: 5px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sector-list .item .content .published-category {
  text-align: right;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  color: #929292;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
}
.sector-list .item .content .published-category .published {
padding: 0;
}
.sector-list .item .content .published-category .category {
  color: #e00e0e;
}
.sector-list .item .content .published-category .category:hover {
  color: #e4052a;
}
.sector-list .item .content .published-category .sep {
  position: relative;
  width: 1px;
  height: 15px;
  background-color: #929292;
  margin: 0 10px;
}
.sector-list .item .content .description {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.4;
}
.sector-list .item .content .published {
  text-align: right;
  padding: 0 0 10px 0;
  color: #929292;
}
.sector-list .item.column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eaeaea;
}
.sector-list .item.column .image {
  width: 30%;
  max-width: 300px;
  min-width: 200px;
}
.sector-list .item.column .image img {
  display: none;
}
.sector-list .item.column .content {
  width: 70%;
  min-width: calc(100% - 300px);
  max-width: calc(100% - 200px);
  padding: 0 0 0 30px;
}
.sector-list .item.column .content .title {
  margin: 0;
}

#customer{
  background: #f7f7f7 url('/css/images/partern-bvi.png') left top repeat;
}
#contact{
  position:relative;
  z-index:43;
  opacity: 1;
  background: url('/css/images/bg-ft-contact.png') left bottom repeat-x;
}

#contact .contact-info{
  margin-top:30px;
  background:#fff;
  padding:15px;
  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.50);
  -moz-box-shadow:0 0 4px rgba(0,0,0,0.50);
  box-shadow:0 0 4px rgba(0,0,0,0.50);
  height:355px
}
#contactform .form-floating {
  padding-left: 0px !important;
}
#contact .form-group{
  position:relative;
  display:block;
  margin:0 0 25px
}

#contact .form-group i{
  position:absolute;
  font-size:16px;
  padding:15px 12px
}

#contact .form-group input{
  width:100%;
  height:50px;
  border:1px solid #ddd;
  padding-left:10px;
  border-radius:5px;
  -webkit-transition:all .4s ease;
  -moz-transition:all .4s ease;
  transition:all .4s ease;
  font-weight:400
}

#contact .form-group textarea{
  border:1px solid #ddd;
  padding:10px;
  width:100%;
  border-radius:5px;
  padding-left:10px;
  resize:none;
  height:173px;
  -webkit-transition:all .4s ease;
  -moz-transition:all .4s ease;
  transition:all .4s ease
}

#contact .form-group input:hover,#contact .form-group input:focus,#contact .form-group textarea:hover{
  outline:none
}

#contact .form-group .button{
  padding:10px 30px;
  font-size:14px;
  text-transform:uppercase;
  display:inline-block;
  border:0 solid;
  color:#fff;
  border-radius:5px;
  -webkit-transition:all .4s ease;
  -moz-transition:all .4s ease;
  transition:all .4s ease
}

#contact .form-group .button:hover{
  background:#252525
}

#contact .form-group .button i{
  position:relative;
  display:inline-block;
  color:#fff;
  margin-right:10px;
  padding:0
}

#contact .form-group.button{
  margin:0
}

#contact .contact{
  margin-top:30px;
  background:#fff;
  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.50);
  -moz-box-shadow:0 0 4px rgba(0,0,0,0.50);
  box-shadow:0 0 4px rgba(0,0,0,0.50);
  padding:20px;
  height:355px
}

#contact .single-address{
  position:relative;
  margin-bottom:34px
}

#contact .single-address:last-child{
  margin:0
}

#contact .single-address i{
  position:absolute;
  left:0;
  width:40px;
  height:40px;
  line-height:40px;
  background-color: #206880;
  border-radius:4px;
  text-align:center;
  font-size:20px;
  color:#fff;
  top:50%;
  margin-top:-20px;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  transition:all .3s ease
}

#contact .single-address:hover i{
  color:#fff;
  border-color:transparent
}

#contact .single-address .title{
  margin-left:60px
}

#contact .single-address h4{
  margin-bottom:5px;
  font-family: 'Barlow Condensed';
}

#contact .single-address p{
  color:#555
}
#contactform{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  overflow: hidden;
}
#contactform .contactbox-container {
  padding: 40px;
  background-color: rgba(var(--brz-global-color8), 0.9);
}
#contact-detail{
  background-color: #fff;
}
#contact-detail .contactfrm{
  margin-left: calc(100% - 420px);
}
@media (max-width: 767px){
  #contact-detail .contactfrm{
      margin-left:0px !important;
  }
}
@media (max-width: 540px){
  .sector-list .box-description{
    padding: 10px;
  }
}
#contact-detail .contactbox,
#contact-detail .contactinfo,
#contact-detail .contactmap{
  margin-bottom: 25px;
}
#contact-detail .contactinfo .col-sm-5{
  border-right: solid 1px #000;
}
#contact-detail .contactfrm .single-address{
  margin-bottom: 5px !important;
}
#contact-detail .single-address .contacttitle{
  padding: 0;
  margin:10px 0px 10px;
}
#contact-detail .single-address .contacttitle h2{
  font-size: 18px;
  font-weight: 700;
}
#contact-detail .btn-contact{    
  width: 100% !important;
}
#contact-detail .single-address{
  position:relative;
  margin-bottom:14px
}

#contact-detail .single-address i{
  position:absolute;
  left:0;
  width:40px;
  height:40px;
  line-height:40px;
  background-color: #206880;
  border-radius:4px;
  text-align:center;
  font-size:20px;
  color:#fff;
  top:50%;
  margin-top:-20px;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  transition:all .3s ease
}

#contact-detail .single-address:hover i{
  color:#fff;
  border-color:transparent
}

#contact-detail .single-address .title{
  margin-left:60px
}

#contact-detail .single-address h4{
  margin-bottom:5px;
  font-family: 'Barlow Condensed';
}

#contact-detail .single-address p{
  color:#555
}