@charset "utf-8";
/*body {font-family:'Lato-Regular','gillsans', Arial,Verdana, Helvetica, sans-serif ;font-size:14px;background: #fff;color:#000;line-height: 24px;}*/
/* body {font-family:'Lato-Regular', Arial,Verdana, Helvetica, sans-serif ;font-size:14px;background: #fff;color:#000;line-height: 24px;} */

@font-face {
  font-family: "Noto-Sans";
  font-optical-sizing: auto;
  font-style: normal;
  src: url('./fonts/noto-sans.regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DegularDisplayBlack';
    src: url('./fonts/degular/DegularDisplay-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family: 'InterMedium';
    src: url('./fonts/inter/static/Inter_18pt-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family: 'InterLight';
    src: url('./fonts/inter/static/Inter_18pt-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
body {
  padding: 0;
  margin: 0;
  font-family: "InterMedium","Noto-Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #222;
  background-color: #fff;
}
#content {min-height: 400px;margin-bottom: 30px;}
a{text-decoration: none;}
a:hover, a:focus {text-decoration: none;}
a, a:focus, button, input {outline: none!important;}
a{text-decoration: none;
    transition: color 400ms ease-in-out;
    -webkit-transition: color 400ms ease-in-out;
    -moz-transition: color 400ms ease-in-out;
    -o-transition: color 400ms ease-in-out;
}

a:hover {
    text-decoration: none;
    transition: color 8ms ease-in-out;
    -webkit-transition: color 8ms ease-in-out;
    -moz-transition: color 8ms ease-in-out;
    -o-transition: color 8ms ease-in-out;
    
  }
div.required .control-label:before {
  content: '* ';
  color: #F00;
  font-weight: bold;
}


.form-control {box-shadow:none;border-radius: 0px;border-color:#bfbfbf;height: 32px;}
.form-control:focus {
  border-color: #FF5515;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.055), 0 0 8px rgba(247, 146, 57, .3);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 146, 57, .3);
}

  
/* Back to top */
#back-to-top {position: fixed;bottom:9%;text-transform: uppercase;display: none;left:0%;width: 110px;text-align: center;cursor: pointer;}
#back-to-top .icon {width: 34px;height: 34px;border-radius: 8px;position: relative;background: #9fa81e;margin:0 auto;}
#back-to-top .icon:after {
  border: 6px solid transparent;
  border-bottom: 10px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:11px;
  top:5px;
}
#back-to-top .inner {position: relative;padding-top:8px;cursor: pointer;color:#000;}


.editor {overflow: hidden;word-break: break-word;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}
.editor ul {list-style: disc;padding-left: 20px;}
.editor ol {list-style: decimal;padding-left: 20px;}

.btn-search { 
  color: #fff;
  background-color: #FF5515;
  border-radius: 0;
  padding:2px 14px!important;
}
.btn-search:focus,
.btn-search.focus,
.btn-search:hover,
.btn-search:active,
.btn-search.active,
.btn-search:hover {
  color: #fff;
  background-color: #fd8821;}

.btn-ud { 
  /* text-transform: uppercase; */
  color: #fff;
  background-color: #FF5515;
  border-radius: 0;
  padding:4px 25px;
}
.btn-ud:focus,
.btn-ud.focus,
.btn-ud:hover,
.btn-ud:active,
.btn-ud.active,
.btn-ud:hover {
  color: #fff;
  background-color: #fd8821;}

@media(min-width: 768px) {
  .box-logo {width: 50%;float:left;}
  .header-right {width: 50%;float:left;}
  .header-top {padding-top:35px;}
}
.logo {display: inline-block!important;}

.header-info {text-align: right;text-transform: uppercase;}
.header-info a {color:#222222;display: inline-block;margin-left:20px;text-decoration: none;}
.header-info a:hover {color:#f08200;}
@media(max-width: 413px) {
  .header-info a {margin-left:12px;}
}
@media(max-width: 320px) {
  .header-info a {margin-left:3px;}
}
@media(max-width: 767px) {
  .header-top {padding-top:8px;}
  .header-info {padding-top: 10px;float:none;clear: both;text-align:left;}
  .header-info a {display: inline-block;float:none;}
  .header-info a:first-child{ margin-left:0; }
}

@media(min-width:768px) and (max-width:1024px) {
    .header-info a{ margin-left:10px; }
    .header-info a:first-child{ margin-left:0; }
}

.header-search {position: relative;float:right;}
.header-search input[type="text"] {width: 230px;height: 32px;}
.header-search .button-search{width: 21px;height: 17px;background: url(../images/search-icon.png) no-repeat center center;position: absolute;right:6px;top:6px;}
.header-search-icon {margin-top: 20px;}
.header-icon {float:right;margin-right: 20px;}
@media(max-width: 767px) {
  .xs-header-icon {float:right;margin-top:-12px;margin-right: -4px;}
}




/*nav*/
.header-menu {width: 100%;clear:both;float:none;border-top:1px solid #FF5515;margin-top: 15px;padding-top: 12px;padding-bottom: 20px;}
@media(max-width: 767px) {
  .header-menu {margin-top: 0;padding-top:0;}
}
.box-menu li {position: relative;}
/* .box-menu > ul > li {background: url(../images/menu-line.png) no-repeat left center;} */
.box-menu > ul > li:first-child {background: none;}
.box-menu > ul > li a {color:#000;display: block;font-size:18px;padding:0 5px;}
.box-menu > ul > li > a {padding:14px 0;text-transform: uppercase;font-weight: bold;  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;}
/* .box-menu > ul > li.dropdown:after {
  border: 8px solid transparent;
  border-top: 8px solid #d4d4d4;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -3px;
  content: '';
  left:50%;
  margin-left:-4px;
} */
/* .box-menu > ul > li:last-child > a {padding-right: 0;} */
.box-menu > ul {padding:0 10px;margin:0;display: table;width: 100%;}
.box-menu > ul > li {text-align:center;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */display: table-cell;}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {color:#f08200;}

.box-menu > ul > li > ul {position: absolute;top:85%;left:-10px;padding-top:9px;/* display:none; */z-index: 99999;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
.box-menu > ul > li ul li {background-color:#FF5515;text-align: left;padding:0 15px;}
.box-menu > ul > li ul li a {width: 190px;/* white-space:nowrap; */border-bottom: 1px solid #e0e0e0;padding:8px 4px;color:#fff;}
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li a:hover {color:#000;}
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}
@media(min-width: 991px) and (max-width: 1199px) {
  .box-menu > ul > li > a {padding:14px 0;font-size: 17px;}
}

@media(min-width: 768px) and (max-width: 991px) {
  .box-menu > ul > li > a {padding:14px 0;font-size: 14px;}
}

.box-menu > ul > li.menu-color1 ul li {background-color:#f8b000;}
.box-menu > ul > li.menu-color2 ul li {background-color:#9fa81e;}
.box-menu > ul > li.menu-color3 ul li {background-color:#46bc96;}
.box-menu > ul > li.menu-color4 ul li {background-color:#2c719b;}


/* mobile menu */
.st-menu {background-color:#FF5515!important;}
.mobile-menu-btn {float:right;margin-top:10px;}
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#9fa81e;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .menu-mobile-content > li >a{text-transform: uppercase;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #f97a0b;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #f97a0b;
}



.btn-bar {padding:3px 8px!important;}

.text-upper {text-transform: uppercase;}
.scale{
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;
}
.in-out{
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}
.in-out-8{
  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;
}
.scale:hover {
  -webkit-transform:scale(1.08);
  -moz-transform:scale(1.08);
  -o-transform:scale(1.08);
  -ms-transform:scale(1.08);
  transform:scale(1.08);
}

.text-underline {text-decoration: underline;}
.text-underline:hover {text-decoration: underline;}

.more-arrow span{display: inline-block;position: relative;padding-right: 10px;color:#FF5515;}
.more-arrow span:after{
  border: 5px solid transparent;
  border-left: 8px solid #FF5515;
  width: 0;
  height: 0;
  position: absolute;
  top: 6px;
  content: '';
  right:-8px;
}
.more-arrow:hover span, .more-arrow:focus span{color:#9fa81e}
.more-arrow:hover span:after, .more-arrow:focus span:after{
  border: 5px solid transparent;
  border-left: 8px solid #9fa81e;
  width: 0;
  height: 0;
  position: absolute;
  top: 6px;
  content: '';
  right:-8px;
}


a.color1 {color:#9fa81e;}
a.color2 {color:#77664b;}
a.color3 {color:#FF5515;}
/* a.color3:hover {color:#9fa81e;} */
a.color3:hover {color:#FF5515;}
.datecolor {color:#9f9f9f;}
a.color4 {color:#9f9f9f;}

.mar-top-35 {margin-top:35px;}
.mar-top-30 {margin-top:30px;}
.mar-top-20 {margin-bottom: 20px;}
.mar-top-25 {margin-bottom: 25px;}
.mar-top-30 {margin-bottom: 30px;}

.height-5 {width: 100%;height: 5px;}
.height-10 {width: 100%;height: 10px;}
.height-15 {width: 100%;height: 15px;}
.height-20 {width: 100%;height: 20px;}
.height-25 {width: 100%;height: 25px;}
.height-30 {width: 100%;height: 30px;}
.height-35 {width: 100%;height: 35px;}
.height-40 {width: 100%;height: 40px;}

.box-empty {text-align: center;font-size: 14px;padding-top: 50px;}

.row-ud1 {margin-left: -10px;margin-right: -10px;}
.row-ud1 .col-lg-3, .row-ud1 .col-md-3, .row-ud1 .col-sm-4, .row-ud1 .col-sm-6, .row-ud1 .col-xs-12 {padding-left: 10px;padding-right: 10px;}
.row-ud2 {margin-left: -13px;margin-right: -13px;}
.row-ud2 .col-lg-3, .row-ud2 .col-md-3, .row-ud2 .col-sm-4, .row-ud2 .col-sm-6, .row-ud2 .col-xs-12 {padding-left: 13px;padding-right: 13px;}
@media(max-width: 767px) {
  .row-ud2 {margin-left: -8px;margin-right: -8px;}
  .row-ud2 .col-lg-3, .row-ud2 .col-md-3, .row-ud2 .col-sm-4, .row-ud2 .col-sm-6, .row-ud2 .col-xs-12 {padding-left: 8px;padding-right: 8px;}  
}
.row-ud3 {margin-left: -27px;margin-right: -27px;}
.row-ud3 .col-lg-3, .row-ud3 .col-md-3, .row-ud3 .col-sm-4, .row-ud3 .col-sm-6, .row-ud3 .col-xs-12 {padding-left: 27px;padding-right: 27px;}
.row-m {margin-left: -2px;margin-right: -2px;}
.row-m > .col-sm-3, .row-m > .col-sm-9, .row-m > .col-sm-12 {padding-left:2px;padding-right: 2px;}
@media(min-width: 992px) {
  .row-m .col-sm-3{width: 19.8%}
  .row-m .col-sm-9{width: 80.2%}
}

.x-line {width: 82px;height: 3px;background: #fb8217;display: block;margin:4px auto;}

.article-title {text-align: center;margin-bottom: 25px;margin-top:0;}
.article-date {text-align: center;margin-bottom: 25px;margin-top:-10px;font-size: 14px;}


@media(min-width: 768px) {
  #content.col-sm-9 {border-left:1px solid #FF5515;}
  #content.col-sm-9 .content-icon{width: 26px;height: 48px;background: url(../images/cat-right-icon.png) no-repeat center center;position: absolute;left:-3px;top:45%;}  
  #content .content-inner {padding-left: 30px;}
}
@media(min-width: 992px) and (max-width: 1199px) {
  #content .content-inner {padding-left: 40px;}
}
@media(min-width: 1200px) {
  #content .content-inner {padding-left: 66px;}
}



.common-h2 {font-weight: normal;text-transform: uppercase;font-size: 34px;border-left:8px solid #9fa81e;color:#9fa81e;padding-left:14px;line-height: 34px;padding-top: 3px;min-height: 34px;}
.common-h2.common-h2-2 {color:#fff;display: inline-block;border-left:8px solid #fff;}
.common-h2.common-h2-3 {color:#000;display: inline-block;border-left:8px solid #FF5515;font-size: 28px;line-height: 28px;height: 28px;}
.common-h2-mar {margin-bottom: 50px;}

.common-h2-title {text-align: center;}
.common-h2-title .title-span{font-size: 60px;text-transform: uppercase;color:#000;line-height: 60px;display: block;margin-bottom: 15px;}
@media(min-width: 992px) and (max-width: 1199px) {
  .common-h2-title .title-span {font-size: 48px;line-height: 48px;}
}
@media(min-width: 768px) and (max-width: 991px) {
  .common-h2-title .title-span {font-size: 40px;line-height: 40px;margin-bottom: 10px;}
}
@media(max-width: 767px) {
  .xs-image img{width: 100%;}
  .common-h2-title .title-span {font-size: 30px;line-height: 30px;margin-bottom: 5px;}
}



.footer {color:#77664b;border-top: 1px solid #f0f0f0;/* margin-top: 25px; */clear:both;float:none;}
.footer a {color:#77664b;}
.footer a:hover, .footer a:focus {color:#FF5515;/*text-align: left;*/}
.footer .copyright {padding:24px 0;text-align: left;background: #f7f7f7;margin-top:20px;font-size: 16px;/* text-transform: uppercase; */}
.footer .copyright a {color:#9fa81e;}
.footer .footer-info {padding:40px 0;}
@media(min-width: 768px) {
  .footer .fb-item {float:left;overflow:hidden;}
  .footer .fb-item1 {width: 17.8%;}
  .footer .fb-item2 {width: 22%;}
  .footer .fb-item3 {width: 24.1%;}
  .footer .fb-item4 {width: 19%;}
  .footer .fb-item5 {width: 17.1%;}
  .footer .copyright a {display: inline-block;margin-left:10px;margin-right:10px;}
}

@media(max-width: 767px) {
  .footer .copyright a {display: block;margin-top: 5px;}
}
.footer .fb-item {font-size: 16px;
  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;
}
.footer .fb-item h3 {font-size: 16px;font-weight: normal;margin-bottom: 26px;text-transform: uppercase;}
.footer .fb-item li {margin-bottom: 5px;}


/* .box-slideshow {background-image: url(../images/slideshow-bg.png);background-size: cover;background-repeat: no-repeat;padding:5.5% 0;} */
.box-slideshow{
  padding-top: 10px;
}
/* .box-slideshow .slideshow {background: #fff;box-shadow: 0 0 8px #999;} */
.box-slideshow .slideshow {background: #fff;}
.box-slideshow .info {line-height: 24px;overflow: hidden;}
@media(min-width: 992px) {
  .box-slideshow .info {float:left;width: 41%;padding:25px;} 
  .box-slideshow .image {float:right;width: 59%;} 
}
@media(max-width: 767px) {
  .box-slideshow .info {padding: 15px 15px 25px 15px;}
}


/* Dots */
.slick-dots
{
    position: absolute;
    bottom: 10%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 35px;
}
@media(max-width: 767px) {
    .slick-dots {
        bottom: 4px;
        text-align: center;
        padding-left: 0;
    }
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 6px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 6px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
   /*  width: 20px;
    height: 20px; */
    width: 15px;
    height: 15px;
    content: '';
    text-align: center;
    opacity: .95;
    color: black;
    background: #aba59a;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .95;
    background: #FF5515;
}

@media(max-width: 767px) {
    .slick-dots li {margin: 0 2px;  }
    .slick-dots li button:before {
        width: 10px;
        height: 10px;   
           
    }
}





.home-about {padding:3.6em 0;}
.home-about .info {padding:35px;background: #f6f7f9}

.home-server {background: #f7f4ec;padding:3.6em 0;}
.home-server .inner{border:1px solid #e5e5e4;}
.home-server .inner2{border-bottom:5px solid #9fa81e;}
.home-server .item{overflow:hidden;}
.home-server .item .image {width: 100%;overflow:hidden;}
.home-server .item .image img {width: 100%;}
.home-server .item .icon {width: 56px;height: 56px;background: url(../images/server-icon.png) no-repeat;margin-left: auto;margin-right:auto;margin-top:-28px;position: relative;z-index: 999;
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;
}
.home-server .item:hover .icon {background: url(../images/server-icon-hover.png) no-repeat;}
.home-server .name {min-height: 100px;font-size: 20px;padding:22px 15px 0;text-align: center;}
.home-server .name a{color:#000;}
.home-server a:hover, .home-server a:focus {color:#000;}


@media(max-width: 991px) {
  .home-server .item img {width: 100%!important;}
  .home-server .item {margin-bottom: 25px;}
}


.article-icon {width: 26px;height: 17px;background: url(../images/article-icon.png) no-repeat center center;}

.home-stories {/* background-image: url(../images/stores-bg.png); */background-repeat:no-repeat;background-position: center center;background-size:cover;padding:4em 0;}
.home-stories .lists{max-width: 904px;}
.home-stories .article-icon {margin-top:15px;}
.home-stories .item {position: relative;background: #fff;margin-bottom: 40px;}
.home-stories .image {text-align: center;overflow:hidden;}
.home-stories .image img {display: inline-block;}
.home-stories .info {padding:3.2% 3%;}
.home-stories .info .title {margin-bottom: 8px}
.home-stories .info .title a {font-size: 20px;}
.home-stories .info .date {font-size: 16px;margin-bottom: 6px;}
.home-stories .info .desc {font-size: 16px;margin-bottom: 15px;}
.home-stories .info .more {font-size: 14px;}
@media(min-width: 768px) {
  .home-stories .image {float:left;width: 29.5%;}
  .home-stories .info {float:left;float:left;width: 61.5%;}
  .home-stories .item {padding-left:44px;}
  .home-stories .article-icon {margin:15px auto 0;}
  .home-stories .sign {width: 44px;background: #fff;position: absolute;left:0;top:0;}
  .home-stories .sign .text {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);margin-top: 28px;text-align: center;font-size: 18px;margin-left:-5px;}  
}
@media(max-width: 767px) {
  .home-stories .sign {width: 100%;height: 44px;line-height: 40px;background: #efefef;}
  .home-stories .article-icon {float:left;margin-right:10px;margin-left:15px;}
  .home-stories .sign .text {font-size: 18px;margin-top:5px;float:left;}
  .home-stories .image img {width: 100%;}
}




.home-project {padding:3.6em 0;background: #f7f4ec}
.home-project .inner{background: #fff;}
.home-project .top-title {background: #9fa81e;text-align: center;padding:8px; color:#fff;text-transform: uppercase;font-size: 16px;}
.home-project .top-title span{display: inline-block;background: url(../images/activities-icon.png) no-repeat left 48%;padding-left: 32px;font-weight: normal;letter-spacing: 1px;}
.home-project .inner2{padding:15px 10px;}
.home-project .item{overflow:hidden;}
.home-project .item .info {padding:5px;}
.home-project .item .image {width: 100%;overflow:hidden;}
.home-project .name {font-size: 16px;padding:12px 0px 0;text-align: center;height: 58px;overflow:hidden;border-bottom: 5px solid #FF5515;margin-bottom: 10px;line-height: 20px;}
.home-project a:hover, .home-project a:focus {color:#9fa81e;}
.home-project .desc {margin-bottom: 10px;height: 66px;overflow: hidden;}
@media(max-width: 991px) {
  .home-project .item img {width: 100%!important;}
  .home-project .item {margin-bottom: 25px;}
}



.box-top-banner {border-bottom: 12px solid #FF5515;margin-bottom: 30px;}
@media(max-width: 767px) {
  .box-top-banner {border-bottom: 0;}
}
.box-top-banner .container {position: relative;}
.banner-title {position: absolute;left:0;bottom: 0;text-align: center;padding:32px 10px;min-width: 352px;font-size: 36px;color:#fff;background: #FF5515 no-repeat left center;text-transform: uppercase;  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;}
@media(min-width: 768px) and (max-width: 992px) {
  .banner-title {padding-top: 30px;padding-bottom: 30px;}
}
@media (max-width: 767px) {
  .banner-title {padding-top: 5px;padding-bottom: 5px;font-size: 20px;width: 100%;background: rgba(247,146,57,0.7);text-align: left;}
}

.box-cat {max-width: 216px;position: relative;}
.box-cat .cat-btn {position: absolute;right:0;top:4px;}
.box-cat .cat-ul li {position: relative;}
.box-cat .cat-title {min-height: 43px;background: url(../images/cat-title-bg.png) no-repeat left center;font-size: 24px;color:#fff;padding-top: 10px;padding-left: 20px;margin-bottom: 15px;}
.box-cat .line {width: 5px;height: 20px;color:#9fa81e;display: inline-block;background: #9fa81e;position: absolute;top:0;left:0;  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;}
.box-cat li {margin-bottom: 10px;}
.box-cat li a {display: inline-block;font-size: 16px;color:#000;padding-left: 12px;}
.box-cat li.active > a, .box-cat li:hover > a, .box-cat li a:hover, .box-cat li a:focus {color:#FF5515;}
.box-cat li.active .line , .box-cat li:hover .line {background:#FF5515; }
.box-cat ul {display: block;}
.box-cat ul ul {margin-top: 10px;}
.box-cat ul ul li {padding-left: 15px;margin-bottom: 8px;}
@media(max-width: 767px) {
  .box-cat {border-right:none;max-width: 100%;margin-bottom: 25px;}
  .box-cat ul {display: none;}
}





/* blog */
.blog-list .item {border-bottom: 1px solid #ebebeb;margin-bottom: 35px;padding-bottom: 25px;}
.blog-list .title {color:#FF5515;font-size: 26px;margin:15px 0 20px;line-height: 28px;}
.blog-list .title a{color:#FF5515;font-size: 26px;}
.blog-list .image {margin-bottom: 16px;} 
.blog-list .share {margin-bottom: 16px;} 
.blog-list .desc {margin-bottom: 16px;} 
.box-blog-detail .date {font-size: 14px;margin-bottom: 12px;color:#565656;}
.box-blog-detail .title {font-size: 26px;margin-bottom: 22px;color:#FF5515;}
.box-blog-detail .image {margin-bottom: 22px;}



/* resource */
.box-resource {padding-top: 15px;}
.resource-list .item {margin-bottom: 34px;}
/* .resource-list .image{border:10px solid #feaa60;overflow: hidden;} */
.resource-list .image{border:8px solid rgba(255, 85, 21, 0.8);overflow: hidden;}
.resource-list .info{background: #eeeeee;padding:15px 20px;}
.resource-list .title{font-size: 18px;margin-bottom: 10px;}
.resource-list .desc{font-size: 12px;margin-bottom: 8px;min-height: 40px;}
.resource-list .image img{margin:0 auto;} 
.resource-list .image img{width: 100%;} 


@media (min-width: 1200px) {
  #content .col-lg-2:nth-child(6n+1),
  #content .col-lg-2:nth-child(6n+1),
  #content .col-lg-3:nth-child(4n+1),
  #content .col-lg-4:nth-child(3n+1),
  #content .col-lg-6:nth-child(2n+1) {
    clear:left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #content .col-md-2:nth-child(6n+1),
  #content .col-md-2:nth-child(6n+1),
  #content .col-md-3:nth-child(4n+1),
  #content .col-md-4:nth-child(3n+1),
  #content .col-md-6:nth-child(2n+1) {
    clear:left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .col-sm-2:nth-child(6n+1),
  #content .col-sm-2:nth-child(6n+1),
  #content .col-sm-3:nth-child(4n+1),
  #content .col-sm-4:nth-child(3n+1),
  #content .col-sm-6:nth-child(2n+1) {
    clear:left;
  }
}


/* News */

.news-list .item {border-bottom:1px solid rgba(0, 0, 0, 0.1);margin-bottom: 45px;padding-bottom: 46px;}
.news-list .image {width: 38%;float:left;}
.news-list .image img {padding:12px;border:1px solid #e6e6e6;margin:0 auto;}
.news-list .info {width: 62%;float:left;padding-left: 3.5%;}
.news-list .title {font-size: 22px;line-height: 22px;margin-bottom: 14px;}
.news-list .date {font-size: 15px;margin-bottom: 20px;}
.news-list .desc {font-size: 15px;margin-bottom: 20px;}

@media(max-width: 767px) {
  .news-list .image {width: 100%;margin-bottom: 15px;}
  .news-list .info {width: 100%;}
}


/* Server */
.box-server {box-shadow: 0 0 6px #bbb;padding:35px 3.2%;}
.server-list .item .inner{border:1px solid #e4e4e4;}
.server-list .item .image{overflow: hidden;}
.server-list .item .image img{margin-left: auto;margin-right: auto;}
.server-list .item .name {background: #FF5515;padding:2px 20px;border-radius: 10px;margin:20px auto;display: inline-block;font-size: 18px;color:#fff;height: 46px;vertical-align: middle;display: table-cell;width: 100%;}
.server-list .item .info {display: table;width: 100%;}
.server-list .item .name:hover, .server-list .item .name:focus {background: #9fa81e;}
.server-list .item .info {border-bottom: 4px solid #9fa81e;padding:30px 14%;text-align: center;}
.server-list .item {margin-bottom: 50px;}

.points {text-align: center;margin-top: 46%;}
.points .point {width: 22px;height: 22px;border-radius: 100%;background: #FF5515;display: inline-block;margin:0 5px;}
@media(max-width: 767px) {
  .server-list .item .image img{width: 100%;}
}



.box-server1 .short-desc {/* background: #ebebeb; */padding:15px 22px;text-align: justify;}
.box-server1 .server1-list .item{margin-bottom: 30px;}
.box-server1 .server1-list .image{border:1px solid #c8bdb5;overflow: hidden;}
.box-server1 .server1-list .info {padding:8px 5px;}
.box-server1 .server1-list .name {font-size: 18px;margin-bottom: 10px;}
.box-server1 .server1-list .desc {color:#6c6c6b;margin-bottom: 5px;}
@media(max-width: 767px) {
  .box-server1 .server1-list .image img{width: 100%;}
}


.fv-mar {margin:35px 0;}
.full-video {clear: both;position: relative;max-height: 634px;overflow:hidden;}
.full-video video {width: 100%!important;height: 100%;}
.full-video .tran-layer {width: 100%;height:100%;position: absolute;left:0;top:0;background: rgba(0,0,0,0.5); text-align: center;}
.full-video .title {margin-top: 9%;}
.full-video .title .title-span{font-size: 54px;text-transform: uppercase;color:#ffffff;line-height: 56px;display: block;margin-bottom: 15px;height:56px;}

.full-video .play-icon{margin-top: 7%;}
.play-icon {width: 126px;height: 126px;border:2px solid #fff;display: block;margin: 0 auto;position: relative;
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;
}

.play-icon:after {
    border: 26px solid transparent;
    border-left: 40px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top:-27px;
    content: '';
    left:50%;
    margin-left:-18px;
}
.play-icon:hover {opacity: 0.8;}
@media(min-width: 1200px) and (max-width: 1440px) {
  .full-video .title {margin-top: 7%;}
  .full-video .play-icon {margin-top: 5%;}
  
}
@media(min-width: 992px) and (max-width: 1199px) {
  .full-video .title .title-span{font-size: 48px;line-height: 48px;}
  .full-video .title {margin-top: 6%;}
  .full-video .play-icon {margin-top: 4%!important;}
  .play-icon {width: 100px;height: 100px;}
  .play-icon:after {border: 20px solid transparent;border-left: 34px solid #fff;margin-top:-24px;margin-left:-15px;}
}

@media(min-width: 768px) and (max-width: 991px) {
  .full-video .title .title-span{font-size: 40px;line-height: 40px;}
  .full-video .title {margin-top: 5%;}
  .full-video .play-icon {margin-top: 4%!important;}
  .play-icon {width: 80px;height: 80px;}
  .play-icon:after {border: 16px solid transparent;border-left: 28px solid #fff;margin-top:-18px;margin-left:-12px;}
}

@media(max-width: 767px) {
  .full-video .title .title-span{font-size: 30px;line-height: 30px;margin-bottom: 8px;}
  .full-video .title {margin-top: 4%;}
  .full-video .play-icon {margin-top: 3%!important;}
  .play-icon {width: 50px;height: 50px;}
  .play-icon:after {border: 10px solid transparent;border-left: 18px solid #fff;margin-top:-10px;margin-left:-8px;}
}

.video-play {display: block;width: 800px;height: 450px;margin:0 auto;max-width: 100%!important;max-height: 100%!important;position: relative;position: relative;}
.video-js {max-width: 100%!important;max-height: 100%!important;width: 800px;height: 450px;}
@media(max-width: 767px) {
  .video-js {height: 350px;}
}
.video-play .video-close {top:-40px;right:15px;}
.video-play .video-close{
  position: absolute;
  right: 0px;
  top: -30px;
  z-index: 999;
  background: rgba(0,0,0,0);
  cursor: pointer;
}
.video-play .video-close i{
  color: #fff;
  font-size: 30px;
}
.box-video {position: relative;}
.box-video .video-js .vjs-big-play-button {border-radius:100%;top:50%;left:50%;height: 1.8em;width: 1.8em;margin-left:-0.9em;margin-top:-0.9em;}



.photo-album {margin:15px 0;}
.photo-album .photo-album-list {margin-top: 3%;}
.photo-album .item {margin-bottom: 20px;}
.photo-album .image {overflow: hidden;}
.photo-album .name {text-align: center;padding-top: 12px;font-size: 16px;}
.photo-album .name a {color:#000;}


/* FAQ */
/* .box-faq .item .title {padding:14px 3.3% 14px 60px;background: #e8e8e8;display: block;position: relative;font-size: 18px;color:#000000;text-decoration: none;} */
.box-faq .item .title {padding:14px 3.3% 14px 3.3%;background: #e8e8e8;display: block;position: relative;font-size: 18px;color:#000000;text-decoration: none;}
.box-faq .item {margin-bottom: 20px;}
.box-faq .item .icon {width: 24px;height: 24px;background: url(../images/faq-icon.png) no-repeat;display: block;position: absolute;top:12px;left:20px;}
.box-faq .item .content {display: none;}
.box-faq .item:first-child .content {display: block}
.box-faq .item .content .inner {padding:20px 3%;}
.box-faq .item .arrow {display: block;position: absolute;right:3%;top:14px;width: 14px;height: 14px;background: url(../images/faq-arrow.png) no-repeat;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;    
}
.box-faq .item.active .arrow {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}

.box-annual-review .annual-review {padding:15px 4%;}
.box-annual-review .short-desc {background: #ebebeb;padding:15px 22px;}
.box-annual-review .item {margin-bottom: 45px;}
.box-annual-review .item .image {overflow:hidden;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
/* .box-annual-review .item .image {overflow:hidden;border: 1px solid #dedede;} */
.box-annual-review .item .inner {position: relative;}
.box-annual-review .item .name {/* background: rgba(247,146,57,0.9); */position: absolute;bottom: 0;left:0;font-size: 24px;text-align: center;padding:15px 5px;width: 100%;color:#fff;}
.box-annual-review .item .name a {color:#fff;}


.box-enquiry-form .enquiry-title {font-size:24px;color:#FF5515;}
.enquiry-form.form-horizontal .control-label {text-align: left!important;}
.form-control.input-captcha {float:left;width: 140px;margin-right: 20px;}
.captcha-img {margin-top:5px;}
@media(min-width: 768px) {
  /* .box-enquiry-form {background: url(../images/contact-bg.png) no-repeat right center;} */
  .box-enquiry-form .enquiry-form-inner {max-width: 700px;}
}



/* Career */
.box-career .item .title {padding:10px 3.3% 10px 25px;background: #FF5515;display: block;position: relative;font-size: 18px;color:#fff;text-decoration: none;}
.box-career .item {margin-bottom: 20px;}
.box-career .item .icon {width: 14px;height: 14px;background: url(../images/career-arrow.png) no-repeat;display: block;position: absolute;top:13px;right:30px;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.box-career .item.active .icon {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.box-career .item .content {display: none;}
.box-career .item:first-child .content {display: block}
.box-career .content-left, .box-career .content-right, .box-career .inner {background: #f2f2f2;}
.box-career .inner {margin-top:5px;padding: 15px;}
@media(min-width: 992px) {
  .box-career .content-top {display: table;}
  .box-career .content-left {display: table-cell;width:49.8%;padding:20px 4%;}
  .box-career .content-right {display: table-cell;width:49.8%;padding:20px 4%;}
  .box-career .content-center {display: table-cell;width:0.4%;}
}

.career-desc {padding:10px 0;margin-bottom: 10px;}
.breadcrumb {display: none;}


.photo-module {text-align: left;max-width: 1160px;position: relative;min-height: 500px;margin:0 auto;}
.dialog-border {border:8px solid #c81415;}

.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.9!important;}
.dialog-title {border-bottom: 1px solid #ccc;padding:10px 20px;font-size: 16px;font-weight: bold;}
.dialog-body {padding:12px;}
.photo-module .dialog-body {background:#fff;}
.photo-module .dialog-title {border:none;font-size: 50px;text-align: center;color:#fff;padding-bottom: 30px;}
@media(max-width: 767px) {
  .photo-module .dialog-title {font-size: 30px;}
}
.photo-module .mfp-close {color:#fff!important;}
@media(min-width: 800px) {
  .sp-thumbnails {margin-left:16px;}
}

.sp-thumbnail-container img {opacity: 0.9;}
.sp-thumbnail-container.sp-selected-thumbnail img {opacity: 1;}


.my-pagination .pagination>li>a, .my-pagination .pagination>li>span{margin-left:15px;border-radius: 0;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.my-pagination .pagination>li>a, .my-pagination .pagination>li>span {background: #b8b8b8;border:1px solid #b8b8b8;color:#fff;padding:4px 10px;}
.my-pagination .pagination>.active>a, .my-pagination .pagination>.active>a:focus, .my-pagination .pagination>.active>a:hover, .my-pagination .pagination>.active>span, .my-pagination .pagination>.active>span:focus, .my-pagination .pagination>.active>span:hover {background: #FF5515;border:1px solid #FF5515;}

.my-pagination .pagination>li>a:hover, .my-pagination .pagination>li>span:hover {margin-top:-5px;}


.box-slideshow .slick-prev,
.box-slideshow .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    

    display: block;

    width: 52px;
    height: 89px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box-slideshow .slick-prev {background-image: url(../images/slick-prev.png);left:0;}
.box-slideshow .slick-next {background-image: url(../images/slick-next.png);
    right:0;
}
@media(max-width: 991px) {
  .box-slideshow .slick-prev, .box-slideshow .slick-next {display: none!important;}
}


.box-language {margin: 8px 20px 0 0;color:#222222;font-size: 16px;}
@media(max-width: 767px) {
  .box-language {margin-right: 12px;}
}
@media(max-width: 320px) {
  .box-language {margin-right: 8px;}
}
.box-language a {color:#222222;}
.box-language a.active {color:#FF5515;}


.partner-list .item {margin-bottom: 35px;}
.partner-list .image {max-width: 45%;margin-right:10px;}
.partner-list .name {padding-top:20px;}
.box-partner .short-desc {background: #ebebeb;padding:15px 22px;}


.download-icon {}
@media(min-width: 768px) {
  .download-icon {margin-top:-50px;float:right;margin-right:10px;}
}
@media(max-width: 767px) {
  .download-icon {text-align: center;margin-bottom: 10px;}
}
.download-icon i{font-size: 28px;}
.download-icon a{color:#FF5515;}
.download-list-icon {margin-top:2px;}
.download-list-icon i{font-size: 20px;}
.download-list-icon a{color:#FF5515;}

@media(min-width: 768px) and (max-width: 991px) {
  .header-info a {font-size: 16px!important;}  
}

.editor ul li, .short-desc ul li {margin-bottom: 5px;}
.box-news .title {color:#f08200;}









@media(min-width: 768px) {
  .footer .fb-item {float:left;overflow:hidden;}
  .footer .fb-item1 {width: 13.8%;}
  .footer .fb-item2 {width: 18%;}
  .footer .fb-item3 {width: 18.1%;}
  .footer .fb-item4 {width: 13%;}
  .footer .fb-item5 {width: 28.1%; float:right;}
  .footer .copyright a {display: inline-block;margin-left:10px;margin-right:10px;}
}
.qrcode { width:100px;height:auto; display:inline-block; }

video { width:100%!important; height:auto!important; }


@media (max-width: 767px){
    .full-video .title .title-span {
        line-height: 20px;
    }
    .full-video .title .title-span {
        height: 26px;
    }
}




#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 100px;
  z-index: 9999;
  color: #ecf0f1;
  background-color: rgba(247, 146, 54, .9);
  padding: 15px 15px 15px;
}
#cookie div {
  font-size: 18px;
  color: #000;
}
#cookie p {
  margin-bottom: 10px;
}
#cookie a {
  text-decoration: underline;
}
#cookie .btn {
  color: #000;
  padding: 6px 35px;
  border-radius: 0!important;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#cookie .btn-ud {
  background-color: #9fa81e!important;
  color:#fff;
  text-transform: none;
}
#cookie.btn:hover {
  background: #FF5515;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #222;
}

a:hover,
a:focus {
  text-decoration: none !important;
  color: #222;
}

a,
input,
button {
  outline: none !important;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* @media (min-width: 1400px) {
  .container {
    max-width: 1200px;
  }
} */

.header {
  padding: 10px 0;
}

@media (min-width: 1200px) {
  .header {
    padding: 20px 0;
  }
}

@media (max-width: 767px) {
  .header-mall {
    max-width: 100%;
  }
}

.headerTop {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.logo {
  display: inline-block;
  margin: 20px 0;
}

.logo img {
  height: 45px;
}

.header-an {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.header-an-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.link-an {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.link-an li a {
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  padding: 0 10px;
  transition: all 0.4s ease-in-out;
}

@media (min-width: 1200px) {
  .link-an li a {
    font-size: 18px;
  }
}

@media (min-width: 1024px) {
  .link-an li a {
    padding: 0 15px;
  }
}

.link-an li a.active,
.link-an li a:hover {
  color: #FF5515;
}

.web-lan {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-right: 5px;
}

@media (min-width: 1200px) {
  .web-lan {
    margin-top: 10px;
  }
}

.web-lan li {
  color: #999;
}

.web-lan li a {
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  padding: 0 10px;
  transition: all 0.4s ease-in-out;
}

.web-lan li a.active,.link-an li .text-orange ,.text-orange{
  color: #FF5515;
}

.headerHr {
  /* display: none; */
  color: #FF5515;
  opacity: 1;
}

@media (min-width: 1200px) {
  .headerHr {
    color: #FF5515;
  }
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.nav-link {
  font-size: 17px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .nav-link {
    padding: 0px 4px !important;
    font-weight: 600;
  }
}

@media (min-width: 1200px) {
  .nav-link {
    font-size: 18px;
  }
}

@media (min-width: 1400px) {
  .nav-link {
    padding: 0px 20px !important;
  }
}

.nav-link:hover,
.nav-link.active {
  color: #FF5515 !important;
}

.nav-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dropdown-menu {
  width: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

@media (min-width: 992px) {
  .nav-link::after {
    display: none;
  }

  .navbar-nav .nav-item.dropdown:hover > .dropdown-menu,
  .navbar-nav .dropdown-menu:hover {
    display: block;
    top: 100%;
  }

  .dropdown-menu {
    left: auto !important;
    width: auto;
    border: 1px solid #ddd;
  }
}

.dropdown-item {
  padding: 12px 16px;
  font-size: 18px;
}

.dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #2159d8;
}

.offcanvas-header {
  background-color: rgba(0, 0, 0, 0) !important;
}

.officon-icon {
  background-color: #FF5515;
  padding: 8px 10px;
}

.officon-icon .fa {
  color: #fff;
  font-size: 14px;
}

/* banner */
.box-top-banner {
  border-bottom: 12px solid #FF5515;
  overflow: hidden;
}

@media (max-width: 767px) {
  .box-top-banner {
    border-bottom: 0;
  }
}

@media (min-width: 1920px) {
  .box-top-banner img {
    width: 100%;
  }
}

.box-top-banner .container {
  position: relative;
}

/* .banner-title {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 16px 10px;
  min-width: 352px;
  font-size: 36px;
  color: #fff;
  background: #FF5515 url(../images/inbanner.png) no-repeat left center;
  text-transform: uppercase;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

@media (max-width: 1200px) {
  .banner-title {
    font-size: 30px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .banner-title {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .banner-title {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    width: 100%;
    background: rgba(247, 146, 57, 0.7);
    text-align: left;
  }
} */

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.inner-pale {
  padding: 30px 0;
}

@media (min-width: 992px) {
  .inner-pale {
    padding: 60px 0;
  }
}

.inner-top-text {
  font-size: 15px;
  line-height: 24px;
  color: #222;
}

@media (min-width: 768px) {
  .inner-top-text {
    font-size: 17px;
    line-height: 28px;
  }
}

.inner-top-text a {
  color: #ff5515;
}

.make-info {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .make-info {
    margin-top: 40px;
  }
}

.make-title {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  color: #ff5515;
  font-weight: 600;
}

.make-title img {
  width: 48px;
  height: 48px;
}

@media (min-width: 992px) {
  .make-title {
    flex-direction: row;
    align-items: center;
    font-size: 24px;
  }
}

.make-item {
  position: relative;
  overflow: hidden;
  padding: 14px;
  margin: 10px 0;
  background-color: #fafafa;
  transition: all 0.4s ease-in-out;
}

.make-item:hover {
  background-color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .make-item {
    padding-bottom: 40px;
  }
}

.make-item-info h3 {
  font-size: 20px;
  color: #222;
  font-weight: 500;
}

.make-item-info p {
  margin-top: 5px;
  font-size: 14px;
  color: #555;
}

@media (min-width: 992px) {
  .make-item-info h3 {
    font-size: 24px;
  }

  .make-item-info p {
    font-size: 16px;
  }
}

.ti-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ti-left,
.ti-right {
  width: 100%;
}

@media (min-width: 992px) {
  .ti-box {
    display: flex;
    align-items: center;
  }

  .ti-left {
    width: 25%;
  }

  .ti-right {
    width: 75%;
  }
}

.ti-left {
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.ti-right select {
  width: 180px;
}

.make-item-info span {
  display: block;
  width: 100%;
  border: 1px dashed #ddd;
  margin: 20px 0;
}

.ti-check {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ti-check .form-check {
  width: 100%;
}

@media (min-width: 768px) {
  .ti-check .form-check {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .ti-check .form-check {
    width: 25%;
  }
}

.ti-input {
  width: 120px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ddd;
  background-color: rgba(0, 0, 0, 0);
}

.make-img,
.make-img img {
  width: 100%;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}

.make-img:hover img {
  transform: scale(1.1);
}

.make-link {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform: translateY(100px);
  transition: all 0.4s ease-in-out;
}

.make-item:hover .make-link {
  transform: translateY(0);
}

.make-link a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  background-color: #ff5515;
  border-top-left-radius: 100px;
  padding: 6px 10px 6px 30px;
  font-size: 16px;
  color: #fff;
}

@media (min-width: 992px) {
  .make-link a {
    padding: 6px 20px 6px 50px;
    font-size: 18px;
  }
}

.make-link a svg {
  transition: all 0.4s ease-in-out;
}

.make-link a:hover svg {
  transform: translateX(4px);
}

.make-info hr {
  opacity: 0.1;
  margin: 30px 0;
}

.inner-top-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}

@media (min-width: 992px) {
  .inner-top-title {
    margin-top: 90px;
  }
}

.inner-top-title h2 {
  font-weight: 700;
  color: #000;
  text-transform: capitalize;
}

.inner-top-title h2 i {
  font-style: normal;
  color: #ff5515;
}

.inner-top-title span {
  display: inline-block;
  width: 60px;
  height: 4px;
  background-color: #d9d9d9;
  margin-top: 18px;
}

.accordion-item {
  border: none;
  border-radius: 0 !important;
  margin-bottom: 12px;
}

.accordion-header .accordion-button {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fafafa;
  box-shadow: none;
  overflow: hidden;
  font-weight: 500;
  padding: 14px 18px;
  /* text-transform: capitalize; */
}

.accordion-header .accordion-button:not(.collapsed) {
  color: #ff5515;
}

.accordion-header .accordion-button::after {
  transform: rotate(-90deg);
}

.accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff5515'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(0deg);
}

.accordion-header .accordion-button span {
  display: contents;
  width: 36px;
  height: 26px;
  padding-right: 10px;
}

.accordion-body {
  border: none;
  padding-bottom: 0px;
}

.footer {
  color: #77664b;
  border-top: 1px solid #f0f0f0; /* margin-top: 25px; */
  clear: both;
  float: none;
}

@media (min-width: 768px) {
  .footer {
    margin-top: 50px;
  }
}
.footer a {
  color: #77664b;
}
.footer a:hover,
.footer a:focus {
  color: #FF5515; /*text-align: left;*/
}
.footer .copyright {
  padding: 24px 0;
  text-align: left;
  background: #f7f7f7;
  margin-top: 20px;
  font-size: 16px; /* text-transform: uppercase; */
}
.footer .copyright a {
  color: #9fa81e;
}
.footer .footer-info {
  padding: 40px 0;
}
.qrcode {
  width: 100px;
  height: auto;
  display: inline-block;
}
@media (min-width: 768px) {
  .footer .fb-item {
    float: left;
    overflow: hidden;
  }
  .footer .fb-item1 {
    width: 17.8%;
  }
  .footer .fb-item2 {
    width: 22%;
  }
  .footer .fb-item3 {
    width: 24.1%;
  }
  .footer .fb-item4 {
    width: 19%;
  }
  .footer .fb-item5 {
    width: 17.1%;
  }
  .footer .copyright a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .footer .copyright a {
    display: block;
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .footer .fb-item {
    float: left;
    overflow: hidden;
  }
  .footer .fb-item1 {
    width: 13.8%;
  }
  .footer .fb-item2 {
    width: 18%;
  }
  .footer .fb-item3 {
    width: 18.1%;
  }
  .footer .fb-item4 {
    width: 13%;
  }
  .footer .fb-item5 {
    width: 33.33%;
    float: right;
  }
  .footer .copyright a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.footer .fb-item {
  font-size: 16px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.footer .fb-item h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 26px;
  text-transform: uppercase;
}
.footer .fb-item li {
  margin-bottom: 5px;
}

#back-to-top {
  display: none;
}

#back-to-top.show {
  display: block;
}

.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 5%;
  width: 42px;
  height: 42px;
  border-radius: 5px;
  background-color: #ff5515;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.back-to-top .fa {
  color: #fff;
  font-size: 18px;
}

.fixed-giv {
  position: fixed;
  right: 10px;
  top: 30%;
  z-index: 999;
}
/* @media (min-width: 1199.99px) and (max-width: 1409.99px) {
  .fixed-giv {
    top: 30%;
  }
} */
.giv-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background-color: #ff5515;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767.99px) {
  .giv-box {
    transform: translateX(70%);
    transition: all 0.4s ease-in-out;
  }

  .giv-box:hover {
    transform: translate(0);
  }
}

.giv-box b {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .giv-box {
    padding: 10px;
  }
  .giv-box b {
    font-size: 18px;
  }
}

.giv-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
}

.giv-icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  right: -8px;
  top: 0;
  font-size: 12px;
  color: #ff5515;
  font-style: normal;
}

.popup-donate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

.popup-donate-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  min-width: 280px;
  width: 280px;
}

@media (min-width: 768px) {
  .popup-donate-info {
    min-width: 600px;
    padding: 50px 30px 30px;
  }
}

@media (min-width: 992px) {
  .popup-donate-info {
    min-width: 800px;
  }
}

@media (max-width: 767.99px) {
  .popup-donate-info svg {
    width: 70px;
    height: 70px;
  }
}

.popup-donate-info h3 {
  color: #222;
  text-transform: capitalize;
  font-weight: 600;
  display: block;
  margin: 24px 0;
}

.popup-donate-info p {
  color: #555;
  text-align: center;
}

@media (min-width: 992px) {
  .popup-donate-info h3 {
    font-size: 36px;
  }
  .popup-donate-info p {
    font-size: 18px;
  }
}

.btn-primary {
  position: relative;
  overflow: hidden;
  outline: none;
  background-color: #ff5515 !important;
  border-radius: 10px;
  border: 1px solid #ff5515 !important;
  padding: 10px 10px;
  /* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); */
  font-size: 16px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.btn-primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: 100%;
  transform: skewX(-20deg);
  background-image: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
}

.btn-primary:hover::after {
  animation: shine 1.6s ease;
}

.btn-primary.active {
  transform: translateY(1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

@keyframes shine {
  100% {
    left: 200%;
  }
}

.btn-light {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 10px;
  border-radius: 10px;
  font-size: 16px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.btn-light:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .btn-primary,
  .btn-light {
    font-size: 18px;
    padding: 14px 10px;
  }
}

.btn-light,
.btn-primary {
  width: 200px;
  margin: 5px 10px;
}

.btn-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767.99px) {
  .btn-flex {
    flex-direction: column-reverse;
  }
}

.bz-box {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}

.bz-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  z-index: 1;
}

.bz-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.99px) {
  .bz-item {
    padding: 0 5px;
  }
}

.bz-item::after,
.bz-item::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
}

.bz-item::after {
  width: 100%;
  height: 10px;
  background-color: #e7e7e7;
}

.bz-item::before {
  right: 0;
  left: auto;
  width: 100%;
  height: 6px;
  background-color: #ff5515;
  transform: translateY(2px);
  z-index: 9;
  opacity: 0;
}

.bz-item1::after,
.bz-item1::before {
  width: 50%;
  left: auto;
  right: 0;
}

.bz-item3::after,
.bz-item3::before {
  width: 50%;
  left: 0;
  right: auto;
}

.bz-num {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.bz-num::before,
.bz-num::after {
  content: "";
  position: absolute;
  border-radius: 100%;
}

.bz-num::after {
  width: 44px;
  height: 44px;
  background-color: #7e7e7e;
  z-index: 9;
}

.bz-num::before {
  width: 50px;
  height: 50px;
  background-color: #e7e7e7;
  z-index: -1;
}

.bz-num span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  z-index: 99;
}

.bz-name {
  font-size: 16px;
  color: #666;
  font-weight: 500;
  margin-top: 18px;
  text-transform: capitalize;
  text-align: center;
}

.bz-item.active .bz-num::after {
  background-color: #ff5515;
}

.bz-item.active::before {
  opacity: 1;
}

.bz-item.active .bz-name {
  color: #ff5515;
}

.my-giv-box {
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 20px;
}

.my-giv-item {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 10px;
}

/* .my-giv-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
} */

.my-giv-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  text-transform: capitalize;
}

@media (min-width: 992px) {
  .my-giv-title {
    font-size: 20px;
  }
}

.amount {
  font-size: 16px;
  font-weight: 500;
  color: #666;
  text-transform: capitalize;
}

.plice {
  font-size: 14px;
  color: #222;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 5px 10px;
  max-width: 180px;
  text-transform: uppercase;
}

.my-giv-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px;
  background-color: #f90707;
  border-radius: 2px;
  cursor: pointer;
}

.summary {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.summary-title {
  background-color: #ff5515;
  padding: 10px 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

.summary-info {
  padding: 10px 20px;
}

.summary-item h5 {
  font-size: 16px;
  color: #222;
  font-weight: 500;
}

.summary-item-in {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.summary-item-in .amount {
  font-size: 14px;
  margin-right: 10px;
  font-weight: 400;
}

.summary-item-in .plice {
  padding: 0;
  border: none;
  color: #ff5515;
  font-weight: 700;
}

.dashed {
  display: block;
  height: 1px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  margin: 20px 0;
}

.total {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
}

.total-title {
  font-size: 14px;
  color: #222;
  margin-right: 10px;
}

.total b {
  color: #ff5515;
  font-size: 20px;
  text-transform: uppercase;
}

.form-box {
  border-radius: 10px;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 20px 12px;
  font-size: 22px;
  font-weight: 600;
  color: #000;
}

@media (min-width: 768px) {
  .form-box {
    padding: 40px 50px;
  }
}

.form-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-left: 20px;
  text-transform: capitalize;
}

.form-title::before {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #ff5515;
}

.form-group1 .form-label {
  font-size: 16px;
  color: #222;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.form-group1 .form-label span {
  color: #f90707;
}

.form-check-input {
  width: 14px;
  height: 14px;
}

.form-check-input[type="checkbox"] {
  border-radius: 4px;
}

.form-check-label {
  font-size: 16px;
  color: #222;
  font-weight: 400;
}

.form-group1 .form-check {
  width: 100%;
  display: flex;
}

.form-group1 .form-check-label {
  margin-left: 10px;
  /* text-transform: capitalize; */
}

.form-control {
  padding: 10px;
}

.form-control::placeholder {
  text-transform: capitalize;
  color: #999;
  font-size: 14px;
}

.form-check-input:checked {
  background-color: #ff5515;
  border-color: #ff5515;
}

.form-text {
  font-size: 15px;
  color: #222;
  font-weight: 400;
}

.form-group1 .form-check1 {
  width: 100%;
}

@media (min-width: 768px) {
  .form-group1 .form-check {
    width: 120px;
  }
  .form-group1 .form-check1 {
    width: 262px;
  }
}

.form-select {
  text-transform: capitalize;
  padding: 10px;
}

.mark {
  font-size: 12px;
  color: #333;
  font-style: normal;
  background-color: rgba(0, 0, 0, 0);
  font-weight: 300;
}

.form-link {
  color: #ff5515;
}

.card {
  border-radius: 0;
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.card-img img {
  width: 100%;
  max-height: 180px;
  height: 180px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .card-img img {
    max-height: 300px;
    height: 300px;
  }
}

.card-body h5 {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

.card-body p {
  font-size: 16px;
  color: #666;
  font-weight: 400;
}

.btn-card {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
  background-color: #FF5515;
  border: 2px solid #FF5515;
  padding: 10px 15px;
  border-radius: 6px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.btn-card:hover {
  background-color: #fff;
  color: #FF5515;
}
.loading i {
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite;
}

.loading i:before {
	content: "\f1ce";
}


.currency-box{
  width: 100%;
}
.currency-box .ti-left{
  width: calc(100% - 140px);
}
.currency-box .ti-right{
  width: 140px;
}
.currency-box select{
  width: 100%;
}
@media (min-width: 992px) {
  .make-info .make-title{
    font-size: 22px;
  }
  .currency-box .ti-left{
    width: calc(100% - 150px);
  }
  .currency-box .ti-right{
    width: 150px;
  }
  .currency-box{
    width: 300px;
  }
}
#donate-form .form-label{
  min-height: 24px;
}
#donate-form .invalid-feedback{
  font-size: .725rem;
}

.payment-container {
    background: white;
    padding: 40px 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Payment Method 标题样式 */
.payment-title {
    font-weight: 600;
    color: #333;
    font-size: 1.25rem;
    margin-bottom: 1.5rem !important;
}

/* PayPal 选择框样式 */
.payment-method-card {
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 15px 20px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

.payment-method-card:hover {
    border-color: #007bff;
}

.payment-method-card .form-check-input {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0;
}

.payment-method-card .form-check-input:checked {
    background-color: #007bff;
    border-color: #007bff;
}

.payment-method-card .form-check-label {
    width: 100%;
    /* margin-left: 25px; */
    cursor: pointer;
    padding: 0;
}

/* PayPal Logo 样式 */
.paypal-logo {
    height: 24px;
    width: auto;
    object-fit: contain;
}

/* Pay Now 按钮样式 */
.btn-pay-now {
    background-color: #ff4500;
    border-color: #ff4500;
    color: white;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.btn-pay-now:hover {
    background-color: #e63e00;
    border-color: #e63e00;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 69, 0, 0.3);
}

.btn-pay-now:focus {
    background-color: #e63e00;
    border-color: #e63e00;
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(255, 69, 0, 0.25);
}

.btn-pay-now:active {
    background-color: #cc3700;
    border-color: #cc3700;
    color: white;
}

/* 响应式设计 */
@media (max-width: 576px) {
    .payment-container {
        margin: 20px;
        padding: 30px 20px;
    }
    
    .payment-title {
        font-size: 1.1rem;
    }
}

/* 选中状态的特殊样式 */
.form-check-input:checked + .form-check-label {
    color: #ff5515;
}

.payment-method-card:has(.form-check-input:checked) {
    border-color: #ff5515;
    background-color: #f8f9ff;
}

.btn-pay-now{
  max-width: 200px;
  height: 56px;
}

.fix-a-color a{
	color: #FF5515;
}

.form-item .form-control {
        padding: 10px;
        border-radius: .375rem;
        height: auto;
}

.my-giv-item .form-control{
  height: auto;
  max-width: 150px;
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem;
}


/*  add by 亮，2025-1201 */
.box-slideshow .inner .image{
  max-width: 1134px;
}
.box-slideshow .inner{
  padding-left: 1rem;
  padding-right: 1rem;
}
.box-slideshow .info{
  padding: 0px;
}

.slick-dots{
  bottom: -20px;
  padding-left: 1rem;
}
@media (min-width: 1200px) {
  .box-slideshow .inner,.slick-dots{
    padding-left: 70px;
  }
}


.slideshow .slick-arrow{
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #FF5515;
  z-index: 9;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slideshow .slick-arrow:hover{
  background-color: #fff;
  color: #ff5515;
}
.slideshow .slick-arrow{

  font-size: 40px;
  color: #fff;
}
.slideshow .slick-arrow.fa-angle-left{
  left: 15px
}
.slideshow .slick-arrow.fa-angle-right{
  right: 15px
}
.navbar-nav .dropdown-menu .dropdown-item:hover{
  color: #ff5515;
  border-bottom: 1px solid #ff5515;
}
.navbar-nav .dropdown-menu li{
  padding: 0.5rem 1rem;
}
.navbar-nav .dropdown-menu li:last-child .dropdown-item{
  border-bottom: none;
  padding-bottom: 0px;
}
.navbar-nav .dropdown-menu .dropdown-item{
  font-size: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  padding-bottom: 10px;
}
@media (max-width:1199px) {
  .navbar-nav .dropdown-menu .dropdown-item{
    text-wrap: auto;
  }
}
.navbar-nav .dropdown-menu{
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-top: 0;
  padding-top: 5px;
}
.navbar-nav .nav-item.dropdown:hover > .dropdown-menu,
.navbar-nav .dropdown-menu:hover{
  display: block;
}
.home-stories{
  background: #FF5515;
}
.common-h2.common-h2-2{
  border-left: 0px;
}
.lists li:not(:last-child){
  margin-bottom: 20px;
}
.home-stories .lists li{
  background-color: #fff;
}
.home-stories .lists .title{
  font-size: 24px;
  font-weight: 500;
}
.home-stories .lists .desc{
  font-size: 16px;
  height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.lists .date{
  font-size: 16px;
}
.datecolor{
  color: #666666;
}
.home-stories .lists{
  max-width: 100%;
}
.footer-text{
  color: #000;
  font-size: 15px;
  font-weight: 500;
}

.footer .fb-item1 {
    width: 50%;
    float: left;
  }
@media (min-width: 767px) {
  .footer .fb-item1 {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .footer .fb-item1 {
    width: 25%;
  }
}
.text-color-2{
  color: #444;
}

.home-stories .common-h2{
  font-weight: 800;
  font-size: 34px;
}
@media (min-width: 992px) {
    .home-stories .common-h2{
    font-size: 54px;
  }
}
.news-list .title{
  font-size: 24px;
}
.news-list .desc, .home-stories .info .desc{
  font-size: 16px;
  font-weight: 300;
}
.btn-ud{
  font-size: 16px;
  font-weight: 500;
}
.news-list img{
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-item a,.link-an li a{
    font-family: "InterMedium";
    font-weight: normal;
}
.stats-header,.home-stories .common-h2,.banner-title{
    font-family: "DegularDisplayBlack";
}
.stats-description,.desc{
    font-family: "InterLight";
}
.stats-link,.btn-learn-more,.title,.more{
    font-family: "InterMedium";
}
.more a{
    text-decoration: none;
}
.banner-title{
  font-weight: 800;
}
.nav-item .nav-link{
  padding-bottom: 10px !important;
}
.header{
  padding-bottom: 10px;
}
.box-annual-review .item .name{
  background-color: rgba(255, 85, 21, 0.8);
 ;
}
.my-pagination .pagination>li:first-child a, .my-pagination .pagination>li:first-child span{
  margin-left: 0%;
}
.box-cat .line{
  background: rgba(34, 34, 34, 1);
}
.server-list .item .inner{
  border-bottom: 3px solid rgba(255, 85, 21, 1);
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.server-list .item .name{
  background-color: transparent;
  color: rgba(255, 85, 21, 1);
  height: auto;

}
.server-list .item .name:hover, .server-list .item .name:focus,.dropdown-item.active, .dropdown-item:active{
  background-color: transparent;
  color: rgba(255, 85, 21, 1);
}
.nav-item.active > a{
  color: rgba(255, 85, 21, 1);
}
.navbar-nav .dropdown-menu .dropdown-item.active{
  border-bottom: 1px solid rgba(255, 85, 21, 1);
}
.common-h2{
    border-left: 8px solid #FF5515;
    color: #000;
    padding-left: 14;
}