@charset "utf-8";

@font-face {
  /* font-properties */
  font-family: 'roboto';
  src:url('./Roboto-Regular.ttf');
}

body { font-family: 'roboto', Arial; font-size: 0.875rem; color: #000;}
@media(min-width: 768px){
body{font-size: 1rem;}
}

header { position: fixed; top: 0; z-index: 999; width: 100%; background-color: rgba(255, 255, 255, 0.4); box-shadow: 0 5px 10px -5px #000; }

.header-inner { position: relative; display: flex; align-items: center; }

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

@media (min-width: 1600px){
.new-container { margin-left: -80px; margin-right: -80px; }
.new-container-none { margin-left: 80px; margin-right: 80px; }
}

.mx-auto { display: block; }

a{text-decoration: none;color:#252525;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

/*logo*/
.logo { width: auto; height: 30px; margin: 10px 0; }
@media(min-width: 375px) {
.logo { height: 40px; }
}
@media(min-width: 576px) {
.logo { height: 55px; }
}
@media(min-width: 768px) {
.logo { height: 60px; }
}
@media(min-width: 992px) {
.logo { height: auto; }
}
@media(min-width: 1400px) {
.logo {  }
}

.header-right { min-height: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
@media(min-width: 576px) {
.header-right { flex-wrap: nowrap; }
}

.box-logo { position: relative; width: 60%; display: flex; align-items: center; }
.header-right { width: 40%; }
@media(min-width: 375px) {
.box-logo { width: 70%; }
.header-right { width: 30%; }
}
@media(min-width: 992px) {
.box-logo { width: 30%; display: inline; justify-content: center; }
.header-right { width: 70%; }
}
@media(min-width: 1400px) {
.box-logo { width: 30%; }
.header-right { width: 70%; }
}

/*lang*/
.lang { color: #252525; display: flex; justify-content: flex-end; align-items: center; }
.lang span { background: #fff; display:flex; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 2px 5px; }
@media(min-width: 768px) {
.lang span { padding: 5px 5px 0; }
}
.lang span a { padding: 0 5px; display: inline-block; }
.lang a { font-size: 14px; color: #000; }
.lang a.active, .lang span a:hover { color: #e0002a; }
.lang .btn { background: #231815; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 1px 5px; color: #fff; font-size: 14px; }
@media(min-width: 768px) {
.lang .btn { padding: 3px 5px; }
}
.lang .dropdown-menu  { min-width: 1rem; font-size: 14px; }

/*search*/
.search { position: relative; display: flex; align-items: center; }
@media(min-width: 992px) {
.search { margin-top: 0; }
}
.search-icon {  }
.search-box { position: absolute; top: 4px; right: -200px; display: flex; width: 0; overflow: hidden; z-index: 999; }
@media(min-width: 992px) {
.search-box { top: -1px; }
}
.search-box.search-box-open {  }
.member-btn { margin-right: 10px; margin-top: 6px; }
.charity-btn { margin-right: 10px; margin-top: 6px; }
@media(min-width: 992px) {
.member-btn { margin-right: 0; margin-top: 0; margin-left: 10px; }
.charity-btn { margin-right: 0; margin-top: 0; margin-left: 10px; }
}
.search-icon img { height: 30px; }
.member-btn img { height: 25px; }
.charity-btn img  { height: 25px; }
@media(min-width: 992px) {
.search-icon img { height: 30px; }
.member-btn img { height: 30px; }
.charity-btn img  { height: 30px; }
}
@media(min-width: 1400px) {
.search-icon img { height: 50px; }
.member-btn img { height: 50px; }
.charity-btn img  { height: 50px; }
}
.search-box-close { height: 32px; background-color: #fff; border: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 10px; padding-right: 10px; }
.search-box-close img { height: 20px; }
@media(min-width: 1400px) {
.search-box-close { height: 50px; }
.search-box-close img { height: 38px; }
}
.search-box input { height: 32px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 0; border-left: 1px solid #000; }
@media(min-width: 1400px) {
.search-box input { height: 50px; }
}
.search-box-out { position: absolute; top: 0; left: -200px; z-index: 999; overflow: hiddden; }
.search-box-out-2 { position: relative; width: 100%; }


/*nav*/
.box-menu-box {  }

.box-menu { border-top: 1px solid rgba(35, 24, 21, 0.05); }
.box-menu ul { display: flex; justify-content: center; align-items: center; }
.box-menu li { position: relative; }
.box-menu > ul > li { padding: 3px 5px; }
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { font-size:1rem;color: #86b300; display: block; padding: 5px 22px; }
@media(min-width: 992px) {
.box-menu > ul > li > a { padding: 5px; margin:5px 0; }
}
@media(min-width: 1200px) {
.box-menu > ul > li > a { padding: 7px 1rem;}
}
@media(min-width: 1400px) {
.box-menu > ul > li > a { font-size: 1.125rem; padding:5px 1.25rem;}
}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {  }
.box-menu > ul { margin-bottom: 0; }
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover {  }
.box-menu > ul > li > a > span { color: #000; }
@media(min-width: 1200px) {
.box-menu > ul > li > a > span {  }
}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a { background:#e0002a; border-radius: 5px;}
.box-menu > ul > li.active > a > span, .box-menu > ul > li.selected > a > span, .box-menu > ul > li:hover > a > span { color: #fff;}
.box-menu > ul > li > ul { position: absolute; top: 90%; padding-top: 20px; left: -5px; z-index: 99999; background-color: #fff; padding: 0 10px;
     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; 
}
@media(min-width: 1600px) {
.box-menu > ul > li > ul { left: 5px; }
}
.box-menu > ul > li > a > span:hover > ul { opacity: 1; }
.box-menu > ul > li ul li { text-align: left; padding: 8px 10px; border-bottom: solid 1px #efefef; }
.box-menu > ul > li ul li:last-child { border-bottom: none; }
.box-menu > ul > li ul li a { min-width: 140px; white-space: nowrap; color: #252525; }
.box-menu > ul > li ul li:last-child a { border-bottom: none; }
.box-menu > ul > li ul li a:hover, .box-menu > ul > li ul li a.active{ color: #003ca2; }
.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);
}


/* mobile menu */
.st-menu { background-color: #e0002a; }
.st-menu ul li a { color: #fff; }

/*.mobile-menu-btn { float:right; margin-top: 21px; }
@media(min-width: 768px) {
.mobile-menu-btn { margin-top: 21px; }
}*/
.mobile-menu-btn { position: relative; margin-left: 15px; margin-top: 6px; margin-bottom: 6px; }
@media(min-width: 330px) {
.mobile-menu-btn {  }
}

.menu-mobile {  }
.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:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;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 .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: #002c75; }
.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: #6c9045;
}


.btn-ud {
  color: #fff!important;
  background-color: #e0002a;
  padding: 5px 8px;
  border-radius: 0;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #e0002a;}
.btn-ud:hover {
  color: #fff;
  background-color: #e0002a;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #e0002a;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}


/*main-all*/
.main-all { position: relative; padding-top: 34px; background: #fcfcfd url(../images/home-bg-2.png) bottom no-repeat; }
@media(min-width: 768px){
.main-all { padding-top: 39px; }
}
.preloader{
  background: #fff;
  position: fixed; 
  top: 0; 
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader img {  } 
.preloader:before{/*content:"";position: absolute;left: 0;top:0;background: #fff;z-index: 99999;width: 100%;height: 100%;*/}
@media(min-width: 768px){
  .preloader img {  }
}


/*slideshow*/
.swiper-container { max-width: 1920px; margin: auto;position: relative;}
.swiper-pagination-bullet { height: 12px; width: 12px;border-radius: 50%; background-color: #fff; outline: none; opacity: 1; border: 2px solid #231815; }
.swiper-pagination-bullet-active { border: 2px solid #e0002a; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ' '; }
/*.swiper-button-prev { background: url(../images/new-left-s.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right-s.png) center no-repeat; }*/
@media(max-width: 768px){
  .swiper-container { max-width: 1920px; margin: auto;height: 50vh;}
  .swiper-container img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
  }
}

@media(min-width: 768px) {
.swiper-pagination-bullet { height: 15px; width: 15px;}
.swiper-button-prev { background: url(../images/new-left.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right.png) center no-repeat; }
}
.swiper-button-next, .swiper-button-prev { outline: none; color: #fff; top: 55%; transition: all 0.8s; height: 30px; width: 30px; }
@media(min-width: 768px) {
.swiper-button-next, .swiper-button-prev { top: 55%; display: block; opacity: 1; height: 60px; width: 60px; }
}
.swiper-button-prev {  }
.swiper-button-next {  }
@media(min-width: 1200px) {
.swiper-button-prev { left: 30px; }
.swiper-button-next { right: 30px; }
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; transition: all 0.8s; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
@media(min-width: 768px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }
}
@media(min-width: 1400px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 55px; }
}
/*.swiper-slide { position: relative; height: 440px; }
@media(min-width: 768px) {
.swiper-slide { height: 520px; }
}
@media(min-width: 1200px) {
.swiper-slide { height: 620px; }
}
@media(min-width: 1400px) {
.swiper-slide { height: 720px; }
}
@media(min-width: 1600px) {
.swiper-slide { height: 810px; }
}*/
.slideshow-1 { background: url(../images/slideshow1.png) center no-repeat; background-size: cover; }
.slideshow-2 { background: url(../images/slideshow2.jpg) center no-repeat; background-size: cover; }
.slideshow-3 { background: url(../images/slideshow3.jpg) center no-repeat; background-size: cover; }
.slideshow-4 { background: url(../images/slideshow4.jpg) center no-repeat; background-size: cover; }
.slideshow-text { color: #fff; padding: 5% 0 0; text-shadow: 0 0 5px #000; }


.swiper-slide { position: relative; }
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top: 40%;
  left: 0;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{
  background:rgba(35,24,21,0.4);
  font-size: 24px;
  font-family: 'Times New Roman', Arial;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
  display: inline-block;
  padding: 1rem 2rem 2rem 2rem;
  line-height: 1.5rem;
}
.swiper-slide-text-tit span { color: #e0002a; font-weight: bold; }

.swiper-slide-active .swiper-slide-text-tit,.swiper-slide-active .swiper-slide-text-sec{
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@media(min-width: 768px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top:40%;
  left: 0;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{ font-size: 32px; line-height: 2rem; }  
.swiper-slide-text-tit span { font-size: 26px; }
}
@media(min-width: 1200px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  /*top:50%;*/
  top:40%;
  left: 0;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{ font-size: 56px; line-height: 3rem; }  
.swiper-slide-text-tit span { font-size: 36px; }
}

@media(min-width: 1600px){
.swiper-slide-text{top:37%;}
.swiper-slide-text-tit{
  font-size: 70px;
  line-height: 3.5rem;
  padding: 20px 60px 40px;
}  
.swiper-slide-text-tit span { font-size: 46px; }
}

/*home-top-form*/
.home-top-form{ position: absolute; top: 3.5%; right: 0; z-index: 99;}
.home-top-form-list { margin-bottom: 0.5rem; position: relative; min-height:40px; }
.home-top-form-list-color-1 { background-color: #e0002a; }
.home-top-form-list-color-2 { background-color: #231815; }
.home-top-form-list-color-3 { background-color: #3799fe; }
.home-top-form-list span { color: #fff; display: inline-block; }
.home-top-form-list .div1 { padding:10px 12px; position: absolute; left: -44px; border-radius: 2rem 0 0 2rem; }
@media(min-width: 992px){
.home-top-form-list .div1 { padding:17px 12px; border-radius: 5px 0 0 5px; }
}
.home-top-form-list .div1 img { width: 20px; }
.home-top-form-list .div2 { text-align: center; padding: 10px 10px 6px 3px; color: #fff; }
@media(min-width: 576px){
.home-top-form-list .div2 { padding: 10px 1rem 6px; }
}
@media(min-width: 992px){
.home-top-form-list .div2 { padding: 15px 12px; }
}
.home-top-form-list .div-form { padding: 1rem; }
.home-top-form-list .div-form-tit { color: #fbac35; font-weight: bold; }
.home-top-form-list .div-form-sec { font-size: 12px; margin-bottom: 1rem; }
.div-form-input input { width: 100%;border:0;padding:3px 10px;margin-bottom: 1rem;font-size: 14px;color: #666; }
.div-form-button { border:0;background: #fbac35;width: 100%;padding: 3px 5px;font-size: 14px; }
@media(max-width: 768px){
.home-top-form { left:15%;width: 85%;background: #fff; }
}

.home-top-form-box{position: relative;}
.hide1{ position: absolute; right: 0; top:0; transition: all 0.5s; }
.hide1 .div2{min-width: 100px;}
@media(min-width: 576px){
.hide1 .div2{min-width: 130px;}
}
.hide2{ position: absolute; right: 0; top:45px; transition: all 0.5s;}
@media(min-width: 992px){
.hide2{ top:60px; }
}
.hide2 .div2{min-width: 100px;}
@media(min-width: 576px){
.hide2 .div2{min-width: 130px;}
}
.hide3{ position: absolute; right: 0; top:90px; transition: all 0.5s; }
@media(min-width: 992px){
.hide3{ top:120px; }
}
.hide3 .div2{min-width: 100px;}
@media(min-width: 576px){
.hide3 .div2{min-width: 130px;}
}
.home-top-form .in { transition: all 0.5s; margin-right: -105px;}
.home-top-form .in2 { transition: all 0.5s; margin-right: -105px;}
.home-top-form .in3 { transition: all 0.5s; margin-right: -105px;}
@media(min-width: 576px){
.home-top-form .in { margin-right: -130px;}
.home-top-form .in2 { margin-right: -130px;}
.home-top-form .in3 { margin-right: -130px;}
}
.hide2 .div2{max-width: 130px;}

/*@media(min-width: 768px){
  .home-top-form{position: absolute;top: 5%;}
  .home-top-form-box{position: relative;}
  .hide1{ position: absolute; right: 0; top:0; transition: all 0.5s; }
  .hide1 .div2{min-width: 130px;}
  .hide2{ position: absolute; right: 0; top:60px; transition: all 0.5s;}
  .hide2 .div2{min-width: 130px;}
  .hide3{ position: absolute; right: 0; top:268px; transition: all 0.5s; }
  .hide3 .div2{min-width: 130px;}
  .home-top-form .in { transition: all 0.5s; margin-right: -130px;}
  .home-top-form .in2 { transition: all 0.5s; margin-right: -130px;}
  .home-top-form .in3 { transition: all 0.5s; margin-right: -130px;}
  .home-top-form-list .div1 { padding:17px 12px;background: #fbac35;position: absolute;left: -44px; border-radius: 5px 0 0 5px; }
  .home-top-form-list .div2 { padding:15px 12px; }
  .hide2 .div2{max-width: 130px;}
}*/
@media(min-width: 375px){
  .home-top-form{ top: 3.5%; }
}
@media(min-width: 414px){
  .home-top-form{ top: 3.5%; }
}
@media(min-width: 576px){
  .home-top-form{ top: 4.4%; }
}
@media(min-width: 768px){
  .home-top-form{ top: 4%; }
}
@media(min-width: 992px){
  .home-top-form{ top: 7%; }
}
@media(min-width: 1200px){
  .home-top-form{ top: 10%; }
}
@media(min-width: 1600px){
  .home-top-form{ top: 14%; }
}


/*all-item-padding*/
.all-item-padding { padding: 30px 0; }
.all-mt{margin-top: 30px;}
@media(min-width: 768px) {
.all-item-padding { padding: 50px 0; }
.all-mt{margin-top: 50px;}
}
@media(min-width: 1400px) {
.all-item-padding { padding: 80px 0; }
.all-mt{margin-top: 80px;}
}


/*title*/
.home-title { font-family: 'Times New Roman', Arial; font-size: 24px; font-weight: bold; color: #231815; display: block; }
.home-title span { display: inline-block; position:relative; z-index: 1; color: #e0002a; }
/*.home-title span:before{
  content: "";
  width: 12px;
  height: 12px;
  background: #003ca2;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  bottom:-6px;
  z-index: 3;
}
.home-title2 span:before{
  background: #fbac35;
}
.home-title span:after{
  content: "";
  background: #fbac35;
  min-width: 100px;
  max-width: 270px;
  height: 1px;
  position: absolute;
  left: 0;
  right:0;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 2;
}
.home-title2 span:after{
  background: #fff;
}*/
/*.home-title2 .span-title:before{
  left: 0;
  right:0;
  margin:0 auto;
}*/
@media(min-width: 576px) {
.home-title { display: inline; }
}
@media(min-width: 768px) {
.home-title { font-size: 32px;line-height: 40px; }
}
@media(min-width: 1200px) {
.home-title { font-size: 36px;line-height: 48px; }
}
@media(min-width: 1600px) {
.home-title { font-size: 46px;line-height: 52px; }
}


/*top bar*/
.top-bar { background-color: #e0002a; padding: 5px 0; }
.top-bar-box { display: flex; justify-content: space-between; align-items: center; }
.top-bar-box-left { display: flex; align-items: center; }
.top-bar-box-left-box { color: #fff; margin-right: 5px; }
@media(min-width: 992px){
.top-bar-box-left-box { margin-right: 20px; }
}
.top-bar-box-left-box:last-child { margin-right: 0; }
.top-bar-box-left-box img { margin-top: -2px; }
.top-bar-box-left-box a { color: #fff; }
.top-bar-box-right { display: flex; justify-content: flex-end; align-items: center; }

.phone-menu .w-100 { margin-bottom: 5px; }
@media(min-width: 992px) {
.phone-menu .w-100 { margin-bottom: 0; }
}


/*home-service*/
.home-service { background: #fcfdfd url(../images/home-bg-1.png) top no-repeat; background-size: cover; padding: 30px 0 0; }
@media(min-width: 768px) {
.home-service { padding: 40px 0 80px; }
}
@media(min-width: 1200px) {
.home-service { background: #fcfdfd url(../images/home-bg-1.png) bottom no-repeat; }
}
@media(min-width: 1400px) {
.home-service { padding: 50px 0 130px; }
}
.home-service ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
@media(min-width: 992px) {
.home-service ul { margin-top: 20px; }
}
.home-service ul li { margin-top: 20px; width: 100%; padding-left: 10px; padding-right: 10px; }
@media(min-width: 576px) {
.home-service ul li { width: 50%; }
}
@media(min-width: 992px) {
.home-service ul li { width: 25%; }
}
@media(min-width: 1200px) {
.home-service ul li { width: 20%; }
}
.home-service-box { height: 260px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.7); display: flex; justify-content: center; align-items: center; transition: 1s; }
.home-service ul li:hover .home-service-box { background-color: #e0002a; transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg); transition: 1s; }
/*.home-service-box:hover { background-color: #e0002a; transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transition: 0.2s; }*/
.home-service-box-inner {  }
.home-service-box:hover .home-service-box-inner { display: none; }
.home-service-box-inner-2 { display: none; transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg); transition: 0; color: #fff; }
.home-service-box:hover .home-service-box-inner-2 { display: block; transition: 0; }
.home-service-tit { margin: 15px 20px 0; font-size: 16px; }
.home-service-tit span { font-weight: bold; }
.home-service-box-inner-2 .home-service-tit { color: #fff; }
.home-service-more { margin-top: 10px; padding: 0 40px; }
@media(min-width: 992px) {
.home-service-more { padding: 0 20px; }
}
@media(min-width: 1600px) {
.home-service-more { padding: 0 40px; }
}
.home-service-more a { display: flex; align-items: center; justify-content: center; position: relative; background-color: #d94c67; color: #fff; padding: 5px 0; }
@media(min-width: 576px) {
.home-service-more a { justify-content: flex-start; }
}
.home-service-more span {  }
@media(min-width: 576px) {
.home-service-more span { padding-left: 45px; }
}
@media(min-width: 768px) {
.home-service-more span { padding-left: 85px; }
}
@media(min-width: 992px) {
.home-service-more span { padding-left: 45px; }
}
.home-service-more img { padding-left: 15px; transition: all 0.5s; }
.home-service-more a:hover img { padding-left: 20px; transition: all 0.5s; }


/*home-bottom*/
/*.home-bottom { background: url(../images/home-bg-2.png) bottom no-repeat; padding: 30px 0 0; }
@media(min-width: 768px) {
.home-bottom { padding: 50px 0 0; }
}
@media(min-width: 1400px) {
.home-bottom { padding: 70px 0 0; }
}*/


/*home-news*/
.home-news { padding: 30px 0 0; }
@media(min-width: 768px) {
.home-news { padding: 50px 0 0; }
}
@media(min-width: 1400px) {
.home-news { padding: 70px 0 0; }
}
.home-news-left { position: relative; box-shadow: 0.866px 0.5px 21px 0px rgba(0, 0, 0, 0.1);background: #fafafa url(../images/home-news-left-bg.png) bottom right no-repeat; padding-top: 6px; padding-bottom: 10px; }
@media(min-width: 992px) {
.home-news-left { height: 390px; }
}
@media(min-width: 1400px) {
.home-news-left { height: 410px; padding-top: 10px; }
}
.home-news-left-title { color: #fff; background-color: #231815; border-left: #e0002a 5px solid; padding: 10px 45px 10px 35px; margin-left: -5px; }
.home-news-list { margin-top: 30px; }
.home-news-list li { font-size: 16px; padding: 5px 30px; }
@media(min-width: 576px) {
.home-news-list li { display: flex; align-items: center; justify-content: space-between; }
}
@media(min-width: 768px) {
.home-news-list li { padding: 5px 30px; }
}
@media(min-width: 1200px) {
.home-news-list li { padding: 5px 110px 5px 60px; }
}
@media(min-width: 1400px) {
.home-news-list li { font-size: 18px; }
}
.home-news-list li p { margin-bottom: 0; }
.home-news-list-tit { color: #000; }
.home-news-list-date { color: #e0002a; }
.home-news-right { box-shadow: 0.866px 0.5px 21px 0px rgba(0, 0, 0, 0.1);position: relative; background: #fafafa; padding: 30px 30px 40px; margin-top: 30px; }
@media(min-width: 992px) {
.home-news-right { height: 390px; margin-top: 0; }
}
@media(min-width: 1600px) {
.home-news-right { height: 410px; padding: 40px; }
}
.home-news-icon-1 { position: absolute; top: 0; left: 0; }
.home-news-icon-2 { position: absolute; bottom: 0; right: 0; }
.home-news-right-tit { font-size: 22px; color: #e0002a; }
@media(min-width: 992px) {
.home-news-right-tit { font-size: 26px; }
}
.home-news-right-tit-2 { font-size: 16px; color: #666; margin-top: 5px; }
.home-news-right form { margin-top: 20px; }
@media(min-width: 1200px) {
.home-news-right form { margin-top: 30px; }
}
.home-news-right .form-control { border: none; background-color: #f0f0f0; }

.home-news-send {  
  font-size: 18px;
  overflow: hidden;
  background:#fff;
  color: #fff;
  padding: 6px 30px; 
  display: inline-block; 
  border: 1px solid #ca0026;
  position: relative;
  text-align: center;
  z-index: 0;
  min-width: 130px;
}
.home-news-send:before{
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:#ca0026;
  color: #fff;
  z-index: -1;
  transition: all 0.3s; 
}
.home-news-send:after{
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background:#ca0026;
  color: #fff;
  z-index: -1;
  transition: all 0.3s; 
}
.home-news-send:hover:before{
  left: -60%;
}
.home-news-send:hover:after{
  right: -60%;
}
.home-news-send:hover{color: #ca0026;}
.home-news-send-margin { margin-top: 30px; }

.home-news-send-2-position { margin-top: 15px; margin-bottom: 20px; }
@media(min-width: 768px) {
.home-news-send-2-position { position: absolute; top: 15px; right: 15px; margin-top: 0; margin-bottom: 0; }
}
@media(min-width: 1200px) {
.home-news-send-2-position { top: 20px; right: 15px; }
}
@media(min-width: 1400px) {
.home-news-send-2-position { top: 25px; right: 15px; }
}
@media(min-width: 1600px) {
.home-news-send-2-position { top: 33px; }
}
.home-news-send-2 { 
  font-size: 16px;
  overflow: hidden;
  background: #ca0026;
  color: #ca0026;
  padding: 6px 30px; 
  display: inline-block; 
  border: 1px solid #ca0026;
  position: relative;
  text-align: center;
  z-index: 0;
  min-width: 130px;
}
.home-news-send-2:before{
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:#fff;
  color: #ca0026;
  z-index: -1;
  transition: all 0.3s; 
}
.home-news-send-2:after{
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  color: #ca0026;
  z-index: -1;
  transition: all 0.3s; 
}
.home-news-send-2:hover:before{
  left: -60%;
}
.home-news-send-2:hover:after{
  right: -60%;
}
.home-news-send-2:hover{color: #fff;}


/*home-about*/
.home-about {  }
.home-about-left { height: 300px; margin-top: 30px; padding: 30px 30px 40px; background: url(../images/home-about-left.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
@media(min-width: 992px) {
.home-about-left { height: 300px; margin-top: 50px; }
}
@media(min-width: 1400px) {
.home-about-left { padding: 40px; }
}
@media(min-width: 1600px) {
.home-about-left { height: 360px; }
}
.home-about-left:hover { background-size: 110% 110%; transition: all 1s; }
.home-about-left-title { color: #fff; }
.home-about-right { height: 300px; position: relative; background: #db1c40; margin-top: 30px; padding: 30px 30px 40px; overflow: hidden; }
@media(min-width: 992px) {
.home-about-right { height: 300px; margin-top: 50px; }
}
@media(min-width: 1400px) {
.home-about-right { padding: 40px; }
}
@media(min-width: 1600px) {
.home-about-right { height: 360px; }
}
.home-about-right-photo { display: none; position: absolute; right: 0; top: 0; height: 300px; filter: grayscale(40%); }
@media(min-width: 1200px) {
.home-about-right-photo { display: block; }
}
@media(min-width: 1400px) {
.home-about-right-photo { height: 300px; }
}
@media(min-width: 1600px) {
.home-about-right-photo { height: 360px; }
}
.home-about-right:hover .home-about-right-photo { filter: grayscale(0); transition:0s; }
.home-about-right-photo-2 {  }
@media(min-width: 768px) {
.home-about-right-photo-2 { display: none; }
}
.home-about-right-title { color: #000; }
.home-about-right-text { color: #fff; font-size: 18px; margin-bottom: 0; margin-top: 15px; line-height: 2.5rem; }
.home-about-right-text span { color: #fff!important; }
.home-about-right-text b { font-size: 26px; }


/*home-more*/
.home-more { margin-top:1.875rem; }
.home-more .button {
  width: 150px;
  position: relative;
  background: rgba(0, 0, 0, 0);
  color: #e0002a; 
  padding: 5px 15px 5px 0px; 
  border-radius: 0;
  border: #e0002a solid 1px;
  font-size: 16px;
}
@media(min-width: 1200px) {
.home-more .button { width: 190px; padding: 10px 25px 10px 5px; font-size: 18px; }
}
.home-more .button img { position: absolute; top: 30%; right: 15%; transition: all 0.5s; }
.home-more .button:hover img { right: 10%; transition: all 0.5s; }
@media(min-width: 1200px) {
.home-more .button img { top: 35%; right: 15%; }
.home-more .button:hover img { right: 10%; }
}
.home-more-2 .button { color: #fff;  border: #fff solid 1px; }
.home-more-3 .button { color: #fff; background-color: #e0002a; }
.home-more-2 .button:hover{
  background: #fff;
  color:#e0002a;
}

.home-more a {
  position: absolute;
  background: rgba(0, 0, 0, 0);
  color: #e0002a; 
  padding: 5px 15px; 
  border-radius: 0;
  border: #e0002a solid 1px;
  font-size: 16px;
  top: 17px;
  right: 20px;
}
@media(min-width: 1200px) {
.home-more a { padding: 8px 25px; }
}
@media(min-width: 1400px) {
.home-more a { padding: 8px 25px; top: 30px; }
}
.home-more a:hover { background-color: #e0002a; color: #fff; }


/*home-option*/
.home-option {  }
.home-option-left { background: #fff url(../images/home-option-left.png) 94% 85% no-repeat; margin-top: 30px; }
@media(min-width: 992px) {
.home-option-left { margin-top: 50px; height: 390px; }
}
@media(min-width: 1400px) {
.home-option-left { height: 415px; }
}
.home-option-left-text { color: #666; font-size: 16px; padding: 30px; }
@media(min-width: 1400px) {
.home-option-left-text { font-size: 18px; padding: 40px 45px 0; }
}
.home-option-box { position: relative; margin-top: 30px; padding: 30px 30px 40px; }
@media(min-width: 992px) {
.home-option-box { height: 390px; margin-top: 50px; }
}
@media(min-width: 1400px) {
.home-option-box { height: 415px; padding: 90px 55px 0; }
}
.home-option-box-1 { background: url(../images/home-option-1.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-option-box-2 { background: url(../images/home-option-2.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-option-box-3 { background: url(../images/home-option-3.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-option-box-1:hover { background-size: 110% 110%; transition: all 1s; }
.home-option-box-2:hover { background-size: 110% 110%; transition: all 1s; }
.home-option-box-3:hover { background-size: 110% 110%; transition: all 1s; }
.home-option-contact { height: 390px; background: none; background-color: rgba(35, 24, 21, 0.85); padding: 30px 30px 40px; color: #fff; }

.home-use-01{display: block;width: 100%;height:100%;}
.home-use-01-l{background: url(../images/home-use-01.jpg) center no-repeat;background-size: 100% 100%;}
.home-use-01-r{background: #fff;}
.home-use-01-r ul{overflow: hidden;}
.home-use-01-r ul li{
  width: 50%;
  float: left;
  margin-top: 10px;
  color: #666;
  position:relative;
  padding-left: 15px;
}
.home-use-01-r ul li:before{
  content:"";
  width: 6px;
  height:6px;
  background: #e0002a;
  display: inline-block;
  position:absolute;
  left:0;
  top:10px;
}
.home-use-01-r ul li span{/*border-bottom: 1px solid #e0002a;*/padding:0px 5px;display: inline-block;min-width: 130px;}
.home-use-02{background: url(../images/home-use-02.jpg) center no-repeat;background-size: 100% 100%;}

@media(min-width: 768px) {
.home-use-01{display: flex;}
.home-use-01-l{width: 45%;}
.home-use-01-r{width: 55%;font-size:18px;}
}
@media(min-width: 992px) {
.home-option-contact { height: 390px; margin-top: 50px; padding: 20px 30px; }
}
@media(min-width: 1400px) {
.home-option-contact { height: 415px; padding: 45px 35px 0; }
}
.home-option-contact-tit { position: absolute; left: 0; bottom: 0; }
.home-option-contact-text-tit { font-size: 20px; font-weight: bold; }
.home-option-contact-text { font-size: 18px; margin-top: 20px; }
@media(min-width: 1400px) {
.home-option-contact-text { margin-top: 30px; }
}

/*home-contact*/
.home-contact { background: rgba(255, 255, 255, 0.6); padding-bottom: 30px; margin-top: 50px; }
@media(min-width: 768px) {
.home-contact { padding-bottom: 50px; margin-top: 70px; }
}
@media(min-width: 1400px) {
.home-contact { margin-top: 80px; }
}
.home-contact a { color: #fff; }
.home-contact-logo { position: relative;}
.home-contact-logo img { position: relative; z-index: 2; padding-right: 20px; width: 80px; }
.home-contact-tit { font-size: 18px; color: #222; font-weight: bold; }
@media(min-width: 992px) {
.home-contact-tit { min-height: 27px; }
}
.home-contact ul { margin-top: 15px; margin-bottom: 0 }
.home-contact ul li { margin-bottom: 10px; }
.home-contact ul li:last-child { margin-bottom: 0; }
.home-contact ul li a { color: #222; font-size: 16px; }
.home-contact-list { margin-top: 30px; }
@media(min-width: 768px) {
.home-contact-list { margin-top: 50px; }
}
.home-contact-list-2 { margin-top: 0; }
@media(min-width: 992px) {
.home-contact-list-2 { margin-top: 50px; }
}
.home-contact-socil { display: flex; margin-top: 10px; }
.home-contact-socil a { margin-right: 10px; }
.home-contact-socil a:last-child { margin-right: 0; }
.footer-logo { margin-top: 15px; }
@media(min-width: 576px) {
.footer-logo { margin-top: 15px; }
}


/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 5%; z-index: 999; padding: 15px;background: #e0002a;border-radius: 10px;}
@media(min-width: 768px) {
#back-to-top { right: 3%; bottom: 6%; }
}
#back-to-top a { color: #fff; }


/*footer*/
footer { position: relative; background-color: #231815; color: #fff; padding: 20px 0; }
@media(min-width: 768px){
footer { padding: 25px 0; }
}
.footer {  }
@media(min-width: 440px){
.footer { display: flex; align-items: center; justify-content: space-between; }
}
.footer p { margin-bottom: 0; }
.footer p a { color: #fff; }
.footer-dis { display: none; }
.footer-dis-phone { display: block; padding-bottom: 10px; }
@media(min-width: 440px){
.footer-dis { display: block; }
.footer-dis-phone { display: none; }
}


/*box-leftin-enquiry*/
.box-leftin-enquiry { 
  width: 300px;
  min-height: 400px;
  background: #fff;
  position: fixed;
  right: -300px;
  top: 10%;
  border: 1px solid #c1c1c1;
  z-index: 9999;
  padding: 10px 15px 15px;
  transition: all 1s;
}
@media(min-width: 992px){
.box-leftin-enquiry { top: 15%; }
}
.box-leftin-enquiry.active { right: 0px; transition: all 1s; }
.leftin-close {  }
.box-leftin-enquiry form { margin-top: 10px; }
.box-leftin-enquiry textarea { margin-top: 10px; min-height: 100px; }
.code-icon { margin-top: 5px; }
.box-leftin-enquiry-btn { background-color: #e0002a; color: #fff; padding-left: 25px; padding-right: 25px; }


/*contact-dropdown-menu*/
.contact-dropdown-menu { background-color: #e0002a; color: #fff; padding-left: 0; padding-right: 15px; }
.contact-dropdown-menu a { color: #fff; }
.contact-dropdown-menu a img { padding-right: 10px; }
.contact-dropdown-btn { background-color: #fff; color: #e0002a; padding-top: 3px; padding-bottom: 2px; }


/*inner style*/
.path{background:none;width: 100%;position:relative;display: flex;justify-content: space-between;min-height:70px;}
.inner-position{font-family: 'Times New Roman', Arial;border-bottom: 1px solid #f8f8f8;text-align:right;}
.inner-position .breadcrumb{background: none;padding: 20px 0;margin-bottom: 0;position:absolute;right:0;}
.inner-position .breadcrumb a{color:#e0002a;}
.inner-position .breadcrumb-item+.breadcrumb-item::before{content: "/"}
.inner-position .breadcrumb i img{width: 14px;margin-top:-1px;}
.inner-page ul{display: flex;justify-content: center;margin-top:30px;}
.inner-page ul li a{
  border:1px solid #000;
  color: #000;
  min-width: 35px;
  height:35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  margin-right:10px;
  border-radius: 5px;
}
.inner-page ul li .active{background: #000;color: #fff;}
@media(max-width:767.98px){
.path{display: block;}
.inner-title{position:relative !important;}
.inner-position .breadcrumb{position:relative;}
.innerbanner{height: 130px;}
.innerbanner img{
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}
}

.inner-all{background: none;}

.inner-title{position:absolute;left:0;top:-5px;border-left: 0;border-top:#e0002a 5px solid;}
.inner-contact-bottom{background: #fdfdfd;margin-top:0;}
/*inner about*/
.inner-about {}
.inner-photo-slide{background: #f8f5f5;padding: 50px 0;}
.inner-photo-slide ul{display: flex;margin-bottom: 0;}
.inner-photo-slide ul li{margin-right:20px;}
.inner-photo-slide ul li:last-child{margin-right:0;}
.inner-photo-slide .swiper-button-prev{top:50%;left:0;text-align:center;background: rgba(205,20,4,0.7);z-index: 999;height:auto;width: auto;min-width: 30px;padding: 10px;}
.inner-photo-slide .swiper-button-next{top:50%;right:0;text-align:center;background: rgba(205,20,4,0.7);height:auto;width: auto;min-width: 30px;padding: 10px;}
.inner-photo-slide .swiper-button-next.swiper-button-disabled,.inner-photo-slide .swiper-button-prev.swiper-button-disabled{opacity: 1;background: rgba(35,24,21,0.7);}
.inner-photo-slide .swiper-button-prev img,.inner-photo-slide .swiper-button-next img{width: 15px;height: 15px;}
@media(max-width: 575.98px){
  .pc-show{display: none;}
}
@media(min-width: 576px){
  .inner-about{margin-top: 0;}
  .inner-photo-slide .swiper-button-prev,.inner-photo-slide .swiper-button-next{min-width: 110px;padding: 10px 20px;}
}
@media(min-width: 768px){
.inner-photo-slide{background: #f8f5f5;padding: 70px 0;}
}
@media(min-width: 1400px){
.inner-photo-slide{background: #f8f5f5;padding: 80px 0;}
}


/*inner chairty*/
.inner-chairty-box{position:relative;min-height:250px;display: flex;justify-content: center;align-items: center;}
.inner-chairty-con{overflow: hidden;margin-top:15px;}
.inner-chairty ul li:hover .inner-chairty-box{background-color: #e0002a;;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg); transition: 1s;}
.inner-chairty ul li{text-align:center;}
.inner-chairty ul li:hover .inner-chairty-front{
  display: none;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transition: 0;
  color: #fff;
}
.inner-chairty-reverse{display: none;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg); transition: 1s;}
.inner-chairty-reverse a{color: #fff;font-size:18px;}
.inner-chairty ul li:hover .inner-chairty-reverse{display: block;}
@media(min-width: 768px){
  .inner-chairty-box{min-height: 280px;}
  .inner-chairty ul li{width: 25%;float: left;}
  .inner-chairty-reverse{padding: 30px;}
}

/*inner orderform*/
.inner-orderform-top{background: url(../images/i-orderform-top.jpg) center no-repeat;padding: 30px 50px;}
.inner-orderform-top-tit{font-size:18px;margin-bottom:10px;}
.inner-orderform-input{margin-top:5px;display: flex;}
.inner-orderform-input input{color: #e0002a;margin-top: 5px;}
.demoHidden{
      display: none;
    }
    .radioInput{
      display: inline-block;
      width:36px;
      height:36px;
      border:2px solid green;
      border-radius:100%;
      margin-right:10px;
      vertical-align: middle;
    }
.demoHidden:checked + .radioInput:after{
  content:"";
  display: inline-block;
  width:26px;
  height:26px;
  background:#00a1e9;
  border-radius:100%;
  margin-top:5px;
  margin-left:5px;
}
.demoHidden:checked + .radioInput{
  border:2px solid #00a1e9;
}
.inner-orderform-tit{margin-bottom: 30px;font-weight:bold;}
.inner-orderform-tit2{font-weight:bold;}
.inner-orderform-li{margin-bottom:30px;}
.inner-orderform-li:last-child{margin-bottom: 0;}
.inner-orderform-list ul{margin-bottom: 0;}
.inner-orderform-list ul li{text-align:center;padding: 60px 30px;margin: 0 15px;border:1px solid #efefef;margin-bottom:30px;}
.inner-orderform-list ul li:last-child{margin-bottom: 0;}
.inner-orderform-list ul li:hover.list-all{box-shadow: 0px 4px 16px 0px rgba(18, 18, 18, 0.09);}
.inner-orderform-list ul li .list-tit{font-size: 18px;}
.inner-orderform-list ul li .list-span{margin: 30px 0;}
.inner-orderform-list ul li .list-span span{width: 20px;height: 4px;background: #e0002a;display: inline-block;}
.orderform-input{min-width: 280px;border:0;border-bottom: 1px solid #999999;color: #aaaaaa;padding: 5px;background: none;}
.orderform-input2{border:0;border-bottom: 1px solid #999999;color: #aaaaaa;padding: 5px;background: none;}
.inner-payment-form-tit{padding: 0 15px;}
@media(min-width: 768px){
  .inner-orderform-top{padding: 50px 100px;background: url(../images/i-orderform-top.jpg) right no-repeat;}
  .inner-orderform-top-tit{font-size:26px;}
  .orderform-input2{width:100%;}
  .inner-orderform-list ul{display: flex;}
  .inner-orderform-list ul li{flex:1;margin: 0 30px;}
  .inner-payment-form-tit{padding: 0 30px;}
}
@media(min-width: 1400px){.orderform-input2{min-width: 250px;}}

/*inner online*/
.inner-tit{background: #231815;color: #fff;padding:15px;border-left: 5px solid #e0002a;}
.inner-online-form{padding: 15px;}
.inner-online-form-tit{}
.inner-online-form form{max-width:900px;margin:0 auto;}
.inner-online-form .form-control{border:1px solid #cccccc;background: #f4f4f4;border-radius: 0;}
.inner-online-logo{max-width: 900px;margin:0 auto;}
.inner-online-logo-bottom{padding: 20px;}
.inner-online-logo ul{display: flex;}
.inner-online-logo ul li{max-width: 250px;border:1px solid #cccccc;margin-right:20px;}
.inner-online-logo ul li:last-child{margin-right:0px;}
/*.inner-online-logo ul li:hover{border:1px solid #e0002a;}*/
.inner-online-logo-active.active{border:1px solid #e0002a;}
.inner-online-code-img{max-width: 200px;}

.inner-online-bottom{text-align:right;}
.inner-online-button .button{background:#eeeeee;padding: 10px;color:#666666;border-radius: 10px;display: inline-block;min-width:200px;text-align:center;margin-bottom: 10px;}
.inner-online-button .red-bg{background: #e0002a;color: #fff;}
.inner-online-button .span{color:#e0002a;display: inline-block;}
.inner-online-remark-li{display: flex;}
.inner-online-remark-li .span1{width: 30px;margin-right: 5px;margin-top: 5px;}
.inner-online-remark{margin-bottom: 30px;}
@media(max-width: 767.98px){
.inner-online-button .span{margin-bottom: 5px;}
}
@media(min-width: 768px){
  .inner-online-form{padding: 30px;}
}


/*inner payment*/
.red-color{color: #e0002a;}
.blue-color{color:#317ae7;}
.inner-payment-li{margin-bottom: 30px;}
.inner-payment-tit{padding: 15px 15px 0;}
.inner-payment-form .table{background: #f4f4f4;}
.inner-payment-form .table tr td{border-right: 2px solid #fff;border-bottom: 2px solid #fff;vertical-align: middle;}
.inner-payment-round{display: flex;justify-content: center;align-items:center;}
.inner-payment-round .round-01{background: #fbdbe1;padding: 20px;display: inline-block;border-radius: 50%;}
.inner-payment-round .round-02{font-size:24px;background: #e0002a;padding: 15px 18px;color: #fff;display: inline-block;border-radius: 50%;}
.inner-payment-img{padding: 30px 30px 0;}
.inner-payment-img img{max-width: 250px;border-radius: 10px;box-shadow: 0px 10px 13px 0px rgba(11, 53, 120, 0.34);}
@media(min-width:768px){
  .inner-payment-round {padding-top:80%; }
  .inner-payment-round .round-02{font-size:32px;}
  .inner-payment-li{margin-bottom: 50px;}
  .inner-payment-tit{padding: 30px 30px 0;}
}

/*inner shelf*/
.inner-shelf-li{margin-bottom: 30px;}
.inner-shelf-li:last-child{margin-bottom:0;}
.inner-shelf-li .table tr td{vertical-align: middle;}
.inner-shelf-top{background: url(../images/i-shelfcompanies-top.png) right no-repeat;padding: 30px;margin-top:30px;}
.inner-news-year{border-bottom:1px solid #ebebeb;height: 60px;}
.inner-news-year .year-li{width: 16.666%;float: left;text-align:center;overflow: hidden;}
.inner-news-year a{padding: 8px 35px;border-radius: 5px;display: inline-block;}
.inner-news-year a:hover{background: #e0002a;color:#fff;}
.inner-news-year .active{background: #e0002a;color:#fff;}
.inner-news-list{margin:50px auto 0;}
.inner-news-list ul li {padding: 30px 0;}
.inner-news-list-l{text-align:center;padding: 0px 30px;}
.inner-news-list-l-tit{margin-bottom: 10px;position:relative;}
.inner-news-list-r ul li{display: flex;justify-content: space-between;}
.inner-news-list-r .list-r-li{display: flex;justify-content: space-between;align-items:center;margin-bottom:5px;}
.inner-news-list-r .list-r-li-tit{width: 75%;}
.inner-news-list-r .list-r-li .red-color{width: 100px;text-align:center;}
.inner-news-list-l-tit .span-icon{position:absolute;right:0;top:5px;display: inline-block;width: 10px;height: 10px;border:3px solid #e0002a;border-radius: 50%;}
.inner-news-list-l-img{border-right: 1px solid #e5e5e5;margin-right: 4px;padding:65px 30px;}
.inner-news-list-r{padding-right: 0px;color:#333333;}
@media(max-width: 767.98px){
  .inner-news-list-l-img{padding: 30px;border-right:0;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
  .inner-news-list-r{padding: 15px;}
  .inner-service-l-list{display: none;}
}

.inner-news-year .slick-slide{outline: none;}
.inner-news-year .slick-prev:before{font-size:0;}
.inner-news-year .slick-next:before{font-size:0;}
.inner-news-year .slick-prev{top:35%;left: 10px;width: 14px;height:12px;background: url(../images/i-news-left-01.png) no-repeat;z-index: 99;}
.inner-news-year .slick-next{top:35%;right: 10px;width: 14px;height:12px;background: url(../images/i-news-right-01.png) no-repeat;z-index: 99;}
.inner-news-year .slick-disabled{
  width: 14px;
  height:12px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
@media(min-width:768px){
  .inner-shelf-li{margin-bottom: 50px;}
  .inner-shelf-top{padding: 50px 100px;}
  .inner-news-list-r{padding-right: 130px;}
}

/*inner service*/
.inner-service-l{width: 100%;max-height: 500px;padding: 0 15px;box-shadow: 0px 4px 6px 0px rgba(18, 18, 18, 0.07);}
.inner-service-l ul{max-height: 500px;overflow-y: auto;}
.inner-service-l ul::-webkit-scrollbar { width: 5px;}
.inner-service-l ul::-webkit-scrollbar-track { background: #bfbfbf;border-radius: 10px;}
.inner-service-l ul::-webkit-scrollbar-thumb { border-radius: 10px; background: #bfbfbf;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.inner-job-box-list ul::-webkit-scrollbar-thumb:window-inactive { background: #bfbfbf;}
.inner-service-l-tit{width: 100%;padding: 15px 20px;background: #e0002a;color: #fff;display: block;text-align: center;}
.inner-service-l ul li{padding: 15px 10px;position:relative;display: flex;justify-content: space-between;align-items:center;}
.inner-service-l ul li:hover{background: #e0002a;}
.inner-service-l ul li:hover a{color:#fff;}
.inner-service-l ul li:before{
  content:"";
  position:absolute;
  bottom: 0;
  width: 80%;
  height: 1px ;
  z-index: -2;
  background: #eaeaea;
}
.inner-service-l ul li:hover.inner-service-l>ul>li:before{background: none;}
.inner-service-r{width: 100%;margin-top: 30px;}
.inner-service-r h2{margin-bottom: 0;}
.inner-service-r ul li{margin-bottom:20px;}
.inner-service-r-tit{padding: 10px 0 ;border:1px solid #ebebeb;}
.inner-service-r-tit b{border-left:3px solid #e0002a;padding: 0 15px;}
.inner-service-r-top{padding:30px 0;border-bottom:1px solid #eee;margin-bottom:30px;}
.inner-service-r-text{padding: 30px;}
@media(max-width: 768px){
.ser-show{display: flex !important;justify-content: space-between;}
}
@media(min-width: 768px){
.inner-service-l{width: 300px;margin-right: 60px;}
.inner-service-r{width: calc(100% - 360px);margin-top: 0px;}
}
@media(min-width: 1400px){
.inner-service-l{width: 340px;margin-right: 60px;}
.inner-service-r{width: calc(100% - 400px);} 
}

.directors-list .content {display:none;box-shadow: 0px 3px 3px 0px rgba(18, 18, 18, 0.06);}
.directors-list > ul > li:first-child .content {display: block;}
.directors-list ul li .title.titlestyle1 { border:1px solid #ebebeb; padding:10px 15px 10px 0; cursor: pointer; margin-top: 15px; }
.directors-list ul li .title.titlestyle2 { border:1px solid #ebebeb; padding:10px 15px 10px 0; cursor: pointer; margin-top: 15px; }
@media(min-width: 768px) {
.directors-list ul li .title.titlestyle1 { padding:10px 20px 10px 0; }
.directors-list ul li .title.titlestyle2 { padding:10px 20px 10px 0; }
}
.directors-list ul li .content { padding: 15px;color: #000; line-height: 24px; }
@media(min-width: 768px) {
.directors-list ul li .content { padding: 20px; }
}
@media(min-width: 1024px) {
.directors-list ul li .content { padding: 30px; }
}
.directors-list ul li .title .right-icon { background: url(../images/accordeon-close.png) right no-repeat; }
.directors-list ul li .active .right-icon { background: url(../images/accordeon-open.png) right no-repeat; }
.directors-list ul li .active{background: #e0002a !important;}
.directors-list ul li .title a { 
  color: #000;  
  line-height: 30px; 
  font-weight: bold;
  padding-left: 15px;
  border-left:4px solid #e0002a;
}
.directors-list ul li .active a{border-left:4px solid #fff;color: #fff;}

/*inner feeschedule*/
.inner-feeschedule{
  
}
.inner-feeschedule-li{margin-bottom:50px;}
.inner-feeschedule-li:last-child{margin-bottom: 0;}
.inner-fee-form .table{margin-bottom: 0;}
.inner-fee-form .table tr td{border:1px solid #c6c4c4;vertical-align: middle;}
.inner-fee-form .table tr td img{width: 22px;}
/*inner-orderform-progress*/
.inner-orderform-progress{position:relative;}
.inner-orderform-progress:before{
  content:"";
  position:absolute;
  left:0;top:30px;
  width: 100%;
  height:1px;
  background: #e0002a;
}
.inner-progress{position:relative;margin-bottom: 30px;}
.inner-progress ul{display: flex;justify-content: center;}
.inner-progress::-webkit-scrollbar { width: 5px;height: 3px;}
.inner-progress::-webkit-scrollbar-track { background: #bfbfbf;border-radius: 10px;}
.inner-progress::-webkit-scrollbar-thumb { border-radius: 10px; background: #bfbfbf;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.inner-progress::-webkit-scrollbar-thumb:window-inactive { background: #bfbfbf;}
.inner-progress ul li{text-align:center;width: 200px;color:#999;position:relative;}
.inner-progress ul .active{color: #e0002a;}
.inner-progress ul .active .dots>span{border:3px solid #e0002a;}
.inner-progress-active{position:absolute;top:40px;width: 23%;height: 1px;background: #e0002a;}
.inner-progress-active2{position:absolute;top:40px;width: 41%;height: 1px;background: #e0002a;}
.inner-progress-active3{position:absolute;top:40px;width: 59%;height: 1px;background: #e0002a;}
.inner-progress-active4{position:absolute;top:40px;width: 77%;height: 1px;background: #e0002a;}
.inner-progress-active5{position:absolute;top:40px;width: 100%;height: 1px;background: #e0002a;}
.inner-progress-bg{position:absolute;top:40px;width: 100%;height: 1px;background: #999999;}
.inner-progress .nums{margin-bottom: 20px;}
.inner-progress .dots span{display: inline-block;position:relative;top:-10px;background: #fff;width:12px;height: 12px;border:3px solid #999999;border-radius: 50%;}
.inner-progress .right-icon{position:absolute;right:-5px;top: 33px;}
.inner-orderform-right{width:100%;text-align:center;max-width: 800px;background: #f4f4f4;padding: 60px;margin:0 auto;}
.inner-orderform-right-tit{font-size:30px;margin:20px auto;}
@media(max-width: 767.98px){
  .inner-progress-active{width: 20%;}
  .inner-progress-active2{width: 40%;}
  .inner-progress-active3{width: 60%;}
  .inner-progress-active4{width: 81%;}
  .inner-progress-active5{width: 100%;}
  .inner-progress .dots span{top:-6px;}
  .inner-progress .right-icon{top:34px;}
  .inner-progress .name{font-size:12px;}
  .orderform-input{min-width: 220px;}
  .inner-orderform-right-tit{font-size:24px;}
}



/*inner contact*/
.inner-contact-con{box-shadow: 0px 2px 10px 0px rgba(18, 18, 18, 0.15);}
.inner-contact-con-l{padding: 50px 0px;}
.inner-contact-con-l-tit span{font-size:24px;padding: 0 50px;border-left:3px solid #e0002a;}
.inner-contact-con-l .list-li-con{padding: 20px 0;}
.inner-contact-con-l .list-li{display: flex;padding-left:60px;margin-bottom:10px;}
.inner-contact-con-l .list-li .c-tit{width:130px;}
.inner-contact-con-l .list-li .c-dot{width:10px;}
.inner-contact-con-l .list-li .c-text{width:70%;}
.inner-contact-con-r{padding: 50px;background: #e0002a;}
.inner-contact-con-r .form-control{border-radius: 2px;}
.inner-contact-map{margin-top: 30px;}
.i-contact-icon{padding: 0 60px;}
.i-contact-icon a{margin-right:10px;}
.i-contact-icon a:hover{opacity: 0.8;}
@media(max-width: 767.98px){
.inner-contact-con-l-tit span{padding: 0 30px;}
.inner-contact-con-l .list-li{padding: 0 15px 0 30px;}
.i-contact-icon{padding: 0 30px;}
}
@media(min-width: 768px){
.inner-contact-con-l-tit span{font-size:36px;}
.inner-contact-map{margin-top: 50px;}
}


.account-common { margin-top:16%; }
.account-common2 { margin-top:3%; }
.text-not-found { margin-top:130px; margin-bottom:130px; font-size:23px; }
@media (max-width: 768px){
    .text-not-found { height:266px; margin-top:50px; margin-bottom:0; font-size:20px; }
    .inner-item-padding {
        padding: 0px 0 36px;
    }
    .account-common { margin-top:45%; }
    .account-common2 { margin-top:35%; }
}

















/* location slide end*/

.input-group-append {
    cursor: pointer;
}

.fixed-menu, header, .box-logo {
    /*background-color: #fff;*/
}

.main-menu-wrapper, footer {
    background-color: #231815;
    color: #fff;
}

.main-bg-color {
    background-color: #231815;
    color:#fff;
}
.main-border-color{
    border-color: #231815!important;
}

.a-color {
    color:#231815;
}

.bg-color, .secondary-bg-color {
    background-color: #efefef;
}

.border-style-2 {
    border: 2px solid #ededed;
    padding:1rem;
}

.nav-tabs-main-color .nav-link{
    background-color: #efefef;
}

.nav-tabs-main-color.nav-tabs .nav-link.active {
    background: #231815;
    color:#fff;
}

.big-border{
    width: 100%;
    height:10px;
    background-color: #fba615;
}

.module-carousel .swiper-slide .carousel-title{
    position: absolute;
    bottom: 0;
    width: 100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.2);
    color: #fff;
    transition: 0.5s;
    font-weight: bold;
    text-align: center;
    font-size:16px;
}
@media(min-width: 768px) {
    .module-carousel .swiper-slide .carousel-title{
        font-size:18px;
    }
}
.module-carousel .swiper-slide:hover .carousel-title{background: rgba(0,0,0,0.3);text-decoration: none}

.module-slideshow-wrapper {
    margin-top:0.375rem;
}
@media(min-width: 768px) {
    .module-slideshow-wrapper.no-full-slideshow .swiper-slide .item{
        margin-left:20%;
    }
}

.widget-title-more-style {
    position: relative;
    font-size: 1rem;
    padding-right: 2rem;
    padding: 10px;
    background-color: #efefef;
}
.widget-title-more-style .title{
    font-weight: bold;
}

.widget-title-more-style .more{
    position: absolute;
    top: 9px;
    right: 10px;
    color:#231815;
    text-decoration: underline;
}

.product-featured-wrapper {
    margin-bottom: -10px;
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #231815;
}

.module-post-wrapper {
    padding:10px;
    height: calc(100% - 47px);
}
.module-post-wrapper .item .inner {
    background-color: #fff;
    padding:10px;
}
.module-post-wrapper .item {
    margin-top: 10px;
}
.module-post-wrapper .item h3{
    font-size:1rem;
    line-height: 1.525rem;
}


.module-product-block-wrapper {
    margin:2rem 0;
}
.module-product-block-wrapper .product-layout .product-inner {
    border:none;
}
.module-product-block-wrapper .swiper-button-prev{
    left:22px;
    background-color: rgba(27,44,86,0.8);
    border:none;
    width: 30px;
    height: 50px;
    border-radius: 0 10px 10px 0;
    color:#fff;
}
.module-product-block-wrapper .swiper-button-next{
    right:22px;
    background-color: rgba(27,44,86,0.8);
    border:none;
    width: 30px;
    height: 50px;
    border-radius: 10px 0 0 10px;
    color:#fff;
}
.module-product-block-wrapper .swiper-button-prev.swiper-button-disabled, .module-product-block-wrapper .swiper-button-next.swiper-button-disabled{
    opacity: 0.8;
}
.module-product-block-wrapper .swiper-button-prev i, .module-product-block-wrapper .swiper-button-next i {
    font-size:1.275rem;
}
.module-product-block-wrapper .swiper-button-prev:after, .module-product-block-wrapper .swiper-button-next:after {
    display: none;
}

.module-product-block-wrapper .index-product .index-product-list{border:0;}
.module-product-block-wrapper .nav-tabs{display: flex;border-bottom: 0;align-items: flex-end;}
.module-product-block-wrapper .nav-tabs .nav-item{width: 50%;}
.module-product-block-wrapper .nav-tabs .nav-link{
    color: #3e3a39;
    border:0;
    padding: 15px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    opacity: 1;
}
.module-product-block-wrapper .tab-content{border:8px solid;padding: 30px;overflow: hidden;border-radius: 0 0 5px 5px;}
.module-product-block-wrapper .slick-prev{width: 30px;height: 50px;background: rgba(27,44,86,0.8);z-index: 999;border-radius: 0 10px 10px 0;}
.module-product-block-wrapper .slick-next{width: 30px;height: 50px;background: rgba(27,44,86,0.8);;z-index: 999;border-radius: 10px 0 0 10px;}

@media(min-width: 992px){
    .module-product-block-wrapper .nav-tabs .active{padding: 20px 15px !important;}
    .module-product-block-wrapper .nav-tabs .nav-item{width: 25%;}
    .module-product-block-wrapper .nav-tabs .nav-link{font-size: 20px;}
}
@media(min-width: 1200px){
    .module-product-block-wrapper .nav-tabs .nav-link{font-size: 24px;}
}




/** top ad start **/

.page-top-banner-wrapper {
    padding:0.725rem 0;
}
@media(min-width: 768px) {
    .page-top-banner-wrapper {
        padding:1rem 0;
    }
}
/** top ad end **/



.input-group-btn .btn {
    border-radius: 0;
    text-decoration: underline;
}

.row-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-5 > div {
    padding-left:5px;
    padding-right:5px;
}

.full-loading {
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    width:100%;
    height:100%;
    background: #fff url('../images/loading.gif') no-repeat center center;
}

.popup-body {
    padding-top:0.5rem;
}


.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #737373;
}

div.required .control-label:after {
    content: '* ';
    color: #f00;
    margin-left: 2px;
    font-weight: bold;
}

.transition-05 {
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.no-border-table {
    border:none;
}
.no-border-table td, .no-border-table th {
    border:none;
    padding:0.275rem 1rem;
}

.pagination {
    justify-content: center;
    margin-top: 1.375rem;
}
.pagination .page-item {
    margin-left:7px;
    margin-right:7px;
}

.pagination .page-item .page-link {
    border-radius: 0;
    padding: .185rem .525rem;
    border: 1px solid #efefef;
    color: #3e3a39;
    background-color: #fff!important;
}
.pagination .page-item.active .page-link {
    background-color: #231815!important;
    color:#fff;
}
.pagination .page-item .page-link:hover {
    text-decoration: underline;
}
.pagination .page-item.first, .pagination .page-item.last {
    display: none;
}



.default-border-title {
    border-bottom: 2px solid rgba(0,0,0,.125);
    font-size: 1.5rem;
}

.default-border-title>span {
    display: inline-block;
    padding-bottom: 8px;
    position: relative;
}

.default-border-title>span:before {
    content: '';
    position: absolute;
    width: calc(100%);
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #fba615;
}

.border-left-title {
    position: relative;
    padding-left:1rem;
    font-size:1.375rem;
}
h1.border-left-title {
    margin-bottom: 1rem;
}
.border-left-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 4px;
    height: 80%;
    background-color: #231815;
}

.breadcrumb {
    background-color: transparent;
    padding:10px 0 8px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 2.725rem;
}

.layui-layer {
    max-width: 100%!important;
}
.layui-layer-title {
    background-color: #231815!important;
    color:#fff!important;
    font-weight: bold;
}
.popup-content {padding:0 15px;max-height: 100%!important;}
.layui-layer-btn {
    text-align: center!important;
}
.layui-layer-btn .layui-layer-btn0 {background-color:#231815!important;color:#fff!important;border:none!important;}
.layui-layer-rim iframe {max-height: 100%!important;height: 626px!important;}

.btn-info {
    padding: .5rem 2rem;
    background-color: #fba615!important;
    color: #fff !important;
    border: 0!important;
    -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;
    white-space:nowrap;
    border-radius: 4px;
    font-size: 16px;
}
.btn-primary {
    padding: .5rem 2rem;
    background-color: #231815!important;
    color: #fff !important;
    border: 0!important;
    -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;
    white-space:nowrap;
    border-radius: 4px;
    font-size: 16px;
}
.btn.btn-full {
    width: 100%;
}
.btn.btn-min {
    padding: .2rem 1rem;
}

.btn-primary:hover {
    opacity: 0.8;
    border: 0;
}

.btn-default, .btn-default:hover, .btn-default:link, .btn-default:focus, .btn-default:active {
    overflow: hidden;
    position:relative;
    border-radius: 4px;
    background-color: #DDDDDD;
    -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;
    white-space:nowrap;
    z-index: 0;
    border:none!important;
    box-shadow:none!important;
    padding: .5rem 2rem;
    color:#000;
}

.btn-default:hover {
    opacity: 0.8;
    border: 0;
}


.form-group {
    margin-bottom: 1.375rem;
}
.popup-body .form-group {
    margin-bottom: 1rem;
}
.form-control {
    box-shadow: none !important;
    border-radius: 0!important;
    height: calc(1.5em + .75rem + 4px);
}

.form-control:focus{
    border-color:#231815;
}
.has-error .form-control {
    border-color: #a94442;
}

.common-pad-tb {
    padding-top:50px;
    padding-bottom: 50px;
}
#content {
    min-height: 450px;
    padding-bottom: 50px;
}

.full-content-center {
    width: 100%;
    max-width: 600px;
    margin-left:auto;
    margin-right:auto;
}

.nav-tabs-style {
    border:1px solid #efefef;
}
.nav-tabs-style .nav-tabs {
    border-bottom: none;
    margin-bottom: 20px;
}
.nav-tabs-style .nav-tabs a {
    text-decoration: none;
    display: block;
    height: 48px;
    line-height: 48px;
    background-color: #fbfbfb;
    border: 1px solid #efefef;
    border-color: transparent transparent #efefef transparent;
}

.nav-tabs-style .nav-tabs a.active {
    background-color: #FFFFFF;
    border-color: transparent #efefef transparent transparent;
}

.nav-tabs-style .nav-tabs-half li:last-child a.active {
    border-color: transparent transparent transparent #efefef;
}

.nav-tabs-style .tab-pane {
    padding: 0 15px;
    margin-bottom: 30px;
    background-color: #FFFFFF;
}

@media(min-width: 768px) {
    .nav-tabs-style .tab-pane {
        padding: 0 40px;
    }
}

.nav-tabs-half > li {
    width: 50%;
    text-align: center;
}

.tabset-title {
    text-align: center;
    margin-bottom: 20px;
}


.sidebar-widget .title {
    font-size:18px;
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
    padding-left:18px;
    padding-bottom: 10px;
}
@media(min-width: 768px) {
    .sidebar-widget .title .toggle-icon {
        display: none;
    }
}


.sidebar-widget li {
    box-shadow: none;
    margin: 10px 0 0;
    /*padding-bottom: 10px;*/
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}
.sidebar-widget ul ul li {
    border-bottom: none;
    padding-left:5px;
    padding: 5px 0;
    margin-top: 0;
    font-weight: normal;
}
.sidebar-widget li .category-href {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
    color: #3e3a39;
}
.sidebar-widget ul ul {
    padding-left: 30px;
    list-style: none;
}

.sidebar-widget ul ul li:first-child {
    padding-top:0;
}
.sidebar-widget ul ul li:last-child {
    padding-bottom: 10px;
}
.sidebar-widget .toggle-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    background: url(../images/up-icon.png) center no-repeat;
    background-size: 14px;
    position: absolute;
    right:6px;
    top:2px;
}
.sidebar-widget .toggle-icon.collapsed {
    background: url(../images/down-icon.png) center no-repeat;
    background-size: 14px;
}
.sidebar-widget a:hover {
    text-decoration: none;
}


/***** Success start *****/
.success-message {
    text-align: center;
}
.success-message .icon-wrapper {
    color:#00d025;
}
.success-message .icon-wrapper i{
    font-size:4.725rem;
}
.success-message .title {
    margin-top: 0.725rem;
}
.success-message .inner {
    margin: 1rem 0;
}
/*** Success end ***/


/**** account module start ****/
.account-module {
    border-radius: 0;
}
.account-module ul i {
    font-size: 1.175rem;
    width: 18px;
    text-align: center;
}
.account-module .list-group-item {
    border:none;
    border-bottom: 1px solid #ededed;
}
.account-module a:hover {
    text-decoration: none;
}

/**** account module end ****/



.category-banner-wrapper img {
    width: 100%;
}

/***** product list start ****/
.row.product-row {
    margin-left: -5px;
    margin-right: -5px;
}
.row.product-row .product-layout{
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;

}
.product-layout .product-inner {
    border: 1px solid #efefef;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.product-layout .product-inner .product-promotion-thumb {
    max-height: 44px;
    position: absolute;
    left:0;
    top:0;
}
.product-layout .image {
    overflow: hidden;
    margin-top:20px;
}

@media(min-width: 576px) {
    .product-layout .image {
        margin-top:30px;
    }
}

.product-layout .image:hover img{
    transform: scale(1.08);
    transition: all 0.8s;
}

.product-layout .caption {
    margin-top:10px;
    text-align: center;
}

.product-layout .product-name {
    font-size:16px;
    font-weight: bold;
}
.product-layout .product-summary {
    font-size:14px;
    color: #231815;
    height: 72px;
    overflow: hidden;
}

.product-layout .price {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-layout .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px;
    font-size:14px;
    height: 20px;
    margin-top:-4px;
}

.product-list .product-inner .image {
    float: left;
    display: inline-block;
    width: 200px;
}

.product-list .product-inner .caption {
    text-align: left;
    margin-left: 200px;
}

/***** product list end ****/

/***** product detail start ****/
.product-images {
    display: flex;
    margin-bottom: 2rem;
}

.product-images .slider-nav img {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #efefef;
}
.product-images .slider-nav .slick-slide.slick-current.slick-active img {
    border: 1px solid #231815;
}

.product-images .slider-for img {
    border: 1px solid #efefef;
    width: 99%;
}

.product-images .slider-nav .slick-slide{margin-top: 5px;}
@media(min-width: 768px){
    .product-images .slider-nav .slick-slide{margin-top: 15px;}
}
@media(min-width: 992px){
    .product-images .slider-nav .slick-slide{margin-top: 20px;}
}
@media(min-width: 1400px){
    .product-images .slider-nav .slick-slide{margin-top: 25px;}
}

.product-images .slider-nav .slick-prev { top: 0px; left:50%; margin-left:-10px; transform: rotate(90deg); background: url(../images/left-icon-n.png) center no-repeat ;background-size: 46px; z-index: 222; text-indent: -9999px;}
.product-images .slider-nav .slick-next {top: 99%; left:50%; margin-left:-10px; transform: rotate(90deg); background: url(../images/right-icon-n.png) center no-repeat ;background-size: 46px;z-index: 222; text-indent: -9999px;}

.product-description {
    font-size:14px;
}
.product-description h1 {
    font-size:24px;
}
.product-description .summary {
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}
.product-description .product-price-wrapper {
    font-size:32px;
    font-weight: bold;
    margin-top: 0.5rem;
}
.product-description .product-price-wrapper .price-old{
    font-size:20px;
    color:#aaa;
}
.product-description .quantity-input-wrapper .form-control{
    text-align: center;
    min-width: 40px;
    max-width: 120px;
}
.product-description .quantity-input-wrapper a:hover{
    text-decoration: none;
}

.product-description .product-cart-action{
    margin-bottom: 0;
}
.product-description .buttons {
    margin-top:.375rem;
}
.product-description .buttons .btn {
    width: 100%;
    max-width: 260px;
    padding-top:6px;
    padding-bottom:6px;
    margin:5px 0;
}

.product-description-related .widget-title{margin-bottom:15px;padding-bottom:5px;font-weight: bold;border-bottom: 1px solid #efefef;}
.product-description-related .widget-title span{padding: 10px 20px;border-radius: 5px 5px 0 0;background: #231815;
    color: #fff;font-size:16px;}

#product .radio input, #product .checkbox input {
    display: none;
}

 #product .radio span, #product .checkbox span {
    display: block;
    position: relative;
    padding: 6px 5px;
    margin-bottom: 4px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
}

#product .radio input:checked+span, #product .checkbox input:checked+span {
    border: 2px solid #231815;
    padding: 5px 4px;
}

#product-related.swiper-container {
    padding-bottom: 2rem;
}

#product-related.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
}

.product-video-wrapper {
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    max-width: 1100px;
}
.product-video-wrapper iframe {
    width: 100%!important;
    height: 38vw;
}
.product-video-wrapper .video-title {
    text-align: center;
    font-size: 1.375rem;
}

.tab-content-pad {
    padding:15px;
}

.table-style {
    width: 100%;
}
.table-style td {
    padding:0.175rem 0;
    vertical-align: middle;
}
.table-style td.td-text {
    width: 80px;
}
.table-style td.td-space {
    width: 14px;
}
/***** product detail end ****/



/*** min cart start ****/
#box-min-cart {
    position: absolute;
    right:0;
    width: 250px;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    z-index: 999999;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
@media(min-width:768px){
    #box-min-cart{position: fixed;top: 0;width: 350px;}
}
#box-min-cart ul li .table{padding: 0 10px !important;margin:10px 0;border-bottom:1px solid #ddd;}
#box-min-cart .table tr td a{color:#222;}
#box-min-cart .table tr td .model{margin: 5px auto;display: inline-block;}
#box-min-cart .table tr td .model span{color:#666;}
#box-min-cart .table tr td .price{color:#000;}
.min-cart-title {background-color: #231815;font-size: 18px;text-align: left;padding:10px;margin:0;color:#fff;position: relative;}
.min-cart-close {color:#fff!important;position: absolute;right:10px;top:2px;}
#cart.active #box-min-cart {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color:#222;
}

.min-cart-totals{margin-left:0 !important;margin-right:0px !important;border-top:1px solid #ffb84c !important;}
.min-cart-backdrop {
    position: fixed;
    top:0;
    left:0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
}
@media(min-width: 320px) and (max-width: 767px){
    #box-min-cart{position: fixed;top:0;}
    .head-height{height:55px;}
    .foot-height{height:48px;}
}

#cart.active .min-cart-backdrop {
    visibility: visible;
    opacity: 1;
}

#box-min-cart .table>tbody>tr>td, #box-min-cart .table>tbody>tr>th, #box-min-cart .table>tfoot>tr>td, #box-min-cart .table>tfoot>tr>th, #box-min-cart .table>thead>tr>td, #box-min-cart .table>thead>tr>th {
    padding:10px;
    border-top:0;
    background: transparent!important;
}
#box-min-cart .table-striped>tbody>tr {
    background: transparent!important;
}
#box-min-cart .img-thumbnail {padding:0 5px;border:none;border-radius: 0;}
#cart .min-cart-top-title a {color:#94c11f}
/**** min cart end ****/


/**** checkout & cart start ****/

.checkout-checkout {
    background-color: #f5f5f5;
}
.checkout-step {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.checkout-step .step {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    max-width: 33%;
    margin-left: -2px;
    margin-right: -2px;
    color: black;
}
.checkout-step .step .badge {
    position: relative;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
    padding: 0;
}
.checkout-step .step span {
    display: block;
    padding: 0 5px;
}
.checkout-step .step .badge .text {
    position: absolute;
    width: 100%;
    z-index: 1;
}
.checkout-step .step .badge::before {
    content: " ";
    background-color: #cccccc;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}
.checkout-step .step .badge::after {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #cccccc;
    height: 30px;
    width: 30px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
}
.checkout-step .step:first-child .badge::before {
    width: 50%;
    left: 50%;
}
.checkout-step .step:last-child .badge::before {
    width: 50%;
    right: 50%;
}
.checkout-step .step.visited .badge::after, .checkout-step .step.active .badge::after {
    background-color: #000;
}
.checkout-step .step.active {
    color:#fff;
}
.checkout-step .step.active .badge-title {
    color:#000;
}
.checkout-step .step.active .badge::before{
    background: #000;
}



.quantity-wrapper .btn {
    padding:0;
    width: 30px;
    height: 36px;
    border: 1px solid #ced4da!important;
    border-radius: 0;
    background-color: #f8f8fa;
}
.quantity-wrapper .input-group-prepend:last-child .btn {
    border-left: none!important;
}

.quantity-wrapper .form-control {
    min-width: 30px;
    max-width: 100px;
    height: 36px;
    text-align: center;
}

.checkout-section {
    border-radius: 0;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    background-color: white;
}

.shopping-cart .section-header {
    padding: .65rem 1rem;
    border-bottom: 1px solid #ededed;
    background-color: #f8f8fa;
    line-height: 26px;
}
.section-title {
    font-size: 1.175rem;
    font-weight: bold;
    margin: 0;
}

.shopping-cart .table-header, .shopping-cart .table-row {
    padding: 1rem;
}
.shopping-cart .table-row{
    border-top: 1px solid #EDEDED;
}

.shopping-cart .table-header, .shopping-cart .table-row{
    display: flex;
    justify-content: space-between;
}

.shopping-cart .table-footer {
    border-top: 1px solid #EDEDED;
}

.card {
    border-radius: 0!important;
    border: 1px solid #ededed;
}
.card .card-header {
    border-radius: 0!important;
    font-size: 1.175rem;
    font-weight: bold;
    padding: .65rem 1rem;
    background-color: #f8f8fa;
    border-bottom: 1px solid #ededed;
}



@media(min-width: 768px) {
    .shopping-cart .table-header-title, .shopping-cart .item {
        width: 18%;
    }

    .shopping-cart .item-img {
        width: 90px;
    }
    .shopping-cart .item-name {
        width: 24%;
    }
    .shopping-cart .item-price {
        text-align: center;
    }
    .shopping-cart .item-quantity {
        text-align: center;
    }
    .shopping-cart .item-total {
        text-align: center;
    }
    .shopping-cart .item-action {
        width: 40px;
    }

    .shopping-cart .quantity-wrapper {
        align-items: center;
        justify-content: center;
    }
}



@media (max-width: 767px) {
    .shopping-cart .table-header {
        display: none;
    }
    .shopping-cart .section-header {
        border-bottom: none;
    }
    .table-row {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .cart-item .item-name > a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
    }
    .shopping-cart .table-body .item-img {
        width: 24%;
    }
    .shopping-cart .table-body .item-name {
        width: 72%;
    }
    .shopping-cart .table-body .item-price {
        width: 100%;
        text-align: right;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .shopping-cart .table-body .item-action {
        position: absolute;
        right:0;
        top:10px;
    }

    .shopping-cart .table-row {
        position: relative;
    }

}

.checkout-product-wrapper {
    padding-left:0.75rem;
    padding-right:0.75rem;
}
.checkout-product-wrapper .item{
    display: flex;
    flex-direction: row;
    width:100%;
    padding:0.75rem 0;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ededed;
}
.checkout-product-wrapper .item .image {
    width: 80px;
    margin-right:5px;
}
.checkout-product-wrapper .item .info {
    padding-top:3px;
    width: 80%;
}

.checkout-product-wrapper .item .name {
    font-size:16px;
}

.checkout-product-wrapper .item .price-qty {
    font-size:14px;
    text-align: right;
    color:#e85667;
}

.checkout-total-wrapper {
    padding:0 0.75rem;
}
.checkout-total-wrapper .item {
    width: 100%;
    margin:5px 0;
}
.checkout-total-wrapper .item:last-child {
    margin-top: 10px;
    color:#e85667;
    font-size:20px;
}

.quick-checkout-wrapper .checkout-section, .common-pad-1{
    padding:0.75rem;
}
.quick-checkout-wrapper .checkout-section.checkout-cart-section{
    padding:0;
}

.quick-checkout-wrapper .title-wrapper {
    color:#231815;

    border-bottom: 1px solid #ededed;
    margin-bottom: 1rem;
}
.quick-checkout-wrapper h2 {
    font-size: 1.175rem;
}
.quick-checkout-wrapper .title-wrapper h2 {
    position: relative;
    padding-left: 1rem;
    font-weight: bold;
}
.quick-checkout-wrapper .title-wrapper h2:before {
    content: '';
    position: absolute;
    left:0;
    top:1px;
    width: 4px;
    height: 80%;
    background-color:#231815;
}

.checkout-cart-section .section-header {
    padding: 1rem;
    text-align: center;
    background-color: #231815;
    color:#fff;
}

.button-submit-wrapper {
    padding-left:0.75rem;
    padding-right:0.75rem;
    padding-bottom: 1.5rem;
}

.checkout-border-line {
    border-top: 1px solid #ededed;
    padding-top: 1rem;
}

.quick-checkout-wrapper .checkout-section .radio {
    position: relative;
    display: inline-block;
    border: 1px solid #d2d2d2;
}
.quick-checkout-wrapper .checkout-section .radio.active {
    border: 2px solid #231815;
}

.quick-checkout-wrapper .checkout-section .radio label {
    padding: 8px 11px;
    margin:0;
}
.quick-checkout-wrapper .checkout-section .radio.active label {
    padding: 7px 10px;
}
.quick-checkout-wrapper .checkout-section .radio input {
    display: none;
}

.checkout-address-list li {
    border-bottom: 1px solid #ededed;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding:8px 5px;
    cursor: pointer;
}
.checkout-address-list li .item {
    width: 93%;
    position: relative;
    padding-left:30px;
}
.checkout-address-list li .item:before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #ddd;
    border: 1px solid #999;
    border-radius: 100%;
    position: absolute;
    left:0;
    top:1px;
}
.checkout-address-list li.active .item:before {
    background-color: #fff;
    border: 1px solid #231815;
}
.checkout-address-list li.active .item:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #231815;
    border-radius: 100%;
    position: absolute;
    left:4px;
    top:5px;
}

.checkout-address-list li .address-action {
    width: 5%;
    text-align: right;
    cursor: pointer;
}

.checkout-address-list i {
    color:#231815;
}

.btn-new-address {
    cursor: pointer;
}

@media (min-width: 992px) {
    #quick-checkout-connect .quick-checkout-connect-wrapper .order-info {
        max-width: 800px;
    }

    #quick-checkout-connect .quick-checkout-connect-wrapper .order-info {
        overflow: hidden;
        margin: 0 auto;
    }
}

.success-items {
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
.success-items h1{
    font-size:1.725rem;
}
.success-items .icon-wrapper {
    font-size: 4rem;
    text-align: center;
    color:#4cb64c;
}
.success-items a {
    color: #192c56;
}


.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 9px;
    margin-top: 0;
    margin-bottom: 0;
}

@media(min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 9px;
        margin-bottom: 0;
        text-align: right;
    }
}


.faq-wrapper .card.card-style {
    margin-bottom: 1rem;
}

.faq-wrapper .card.card-style .card-header {
    padding:0;
    border-bottom: none;

}
.faq-wrapper .card.card-style .card-header .card-link {
    display:block;
    padding: .65rem 3rem .65rem 1rem;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.faq-wrapper .card.card-style .card-header .card-link:after {
    content: '';
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/arrow-down.png);
    background-size: 100%;
    position: absolute;
    right:1rem;
    top:.55rem;
    -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;
}
.faq-wrapper .card.card-style .card-header .card-link.collapsed:after {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.faq-wrapper .card.card-style .card-header .card-link.collapsed {
    border-bottom: none;
}



/**** post start ****/
.post-wrapper .post-list {
    border-bottom: 1px solid #ededed;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
.post-wrapper .post-list a:hover {
    text-decoration: none;
}

.post-wrapper .post-list .title {
    font-size:1.525rem;
}
.post-wrapper .post-list .summary {
    margin: .375rem 0;
}
.post-wrapper .post-list .more {
    margin-top: .5rem;
}
.post-wrapper .post-list .more a{
    text-decoration: underline;
    color: #231815;
}
@media(max-width: 767px) {
    .post-wrapper .post-list .title {
        margin-top:.725rem;
    }
}

.post-detail-wrapper .heading-title {
    text-align: center;
    font-size:1.725rem;
}
.post-detail-wrapper .date {
    text-align: center;
    margin:1rem 0;
}
/**** post end ****/

/**** account start ****/

.account-info {
    padding-top:1rem;
    margin-bottom: 2rem;
}

.account-info .hello span {color:#23a1d1;font-weight: bold;}
.account-main-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1px solid #ededed;
    padding:10px;
    height: 100%;
}
.account-information-wrapper {
    padding-left:15px;
    padding-top: 15px;
}
.account-info .account-avatar {
    padding-top:6px;
    text-align: center;
    border-radius: 100%;
    width: 100px;
    height: 100px;
}
.account-info .account-avatar .fa {
    font-size: 5rem;
}
.account-base-info-wrapper {
    border: 1px solid #ededed;
    padding:10px;
}
.account-base-info-wrapper .item {
    border-bottom: 1px dashed #ededed;
    padding:0.5rem 0.725rem;
}
.account-base-info-wrapper .item i {
    width: 18px;
    text-align: center;
    color:#aeb1bb;
}

.account-inner-buttons > .row{
    justify-content: center;
}
.account-inner-buttons .item {margin-top:2rem;}
.account-inner-buttons .item > a {
    text-align: center;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    width: 100%;
    height: 50px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    color:#fff!important;
}
.account-inner-buttons .item a .fa {
    font-size: 36px;
    margin-top: 8px;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.account-inner-buttons .item h3 {
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
}
.account-inner-buttons .item:hover a .fa {
    font-size: 44px;
    opacity: 1;
    margin-top: 2px;
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.account-inner-buttons .item:hover a {
    text-decoration: none!important;
}

.account-wrapper {
    border: 2px solid #ededed;
    padding:1rem;
}
.table-middle td, .table-middle th {
    vertical-align: middle;
}


.mobile-order-list .item {
    margin-bottom: 15px;
}
.mobile-order-list .head {
    background-color: #efefef;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 10px;
}
.mobile-order-list .head div {
    margin: 8px 0;
}
.mobile-order-list .body .info-item {
    margin: 5px 0;
    padding-right:10px;
}

.mobile-order-list .body .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.mobile-order-list .inner .image {
    width: 18%;
    padding-right:2%;
}
.mobile-order-list .inner .info {
    width: 80%;
}

.mobile-order-list .btn {
    padding: 4px 10px;
}

.wishlist-wrapper .delete{
    position: absolute;
    top:5px;
    right: 5px;
}


.no-items, .box-empty {
    text-align: center;
    padding:2rem 0;
}

.social-media-wrapper .item {
    margin-left: 2px;
    margin-right: 2px;
}


.fixed-contact-icon-wrapper {
    position: fixed;
    z-index: 9999;
    right:0;
    bottom:15%
}
.fixed-contact-icon-wrapper .item {
    margin:4px 0;
    position: relative;
}
.fixed-contact-icon-wrapper .item > a{
    display: block;
    width: 45px;
    height: 45px;
    background-color: #2a3a91;
    border-radius: 100%;
    text-align: center;
    color:#fff;
    padding-top:8px;
}
.fixed-contact-icon-wrapper .item.item-messenger > a{
    padding-top:6px;
}
.fixed-contact-icon-wrapper .item.item-whatsapp > a{
    background-color: #47b449;
}
.fixed-contact-icon-wrapper .item.item-messenger > a{
    background-color: #0064ff;
}
.fixed-contact-icon-wrapper .item.item-wechat > a{
    background-color: #2dc100;
}
.fixed-contact-icon-wrapper .item > a i {
    font-size:1.8rem;
}
.fixed-contact-icon-wrapper .item.item-wechat > a i {
}
.fixed-contact-icon-wrapper .item > a img {
    width: 75%;
}
.fixed-contact-icon-wrapper .children-wrapper {
    position: absolute;
    right:115%;
    top:0;
    display: none;
}
.fixed-contact-icon-wrapper .item.active .children-wrapper {
    display: block;
}
.fixed-contact-icon-wrapper .children-inner {
    background-color: #fff;
    min-width: 180px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgb(161 163 175 / 11%);
    padding:0.725rem;
    position: relative;
    font-size:14px;
}

.fixed-contact-icon-wrapper .children-inner:after, .fixed-contact-icon-wrapper .children-inner:before {
    border: solid transparent;
    content: '';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}

.fixed-contact-icon-wrapper .children-inner:after {
    border-width: 7px;
    border-left-color: #fff;
    top: 24px;
}

.fixed-contact-icon-wrapper .children-inner:before {
    border-width: 9px;
    border-left-color: #E0E1E5;
    top: 22px;
}

.fixed-contact-icon-wrapper .w-btn {
    font-size: 14px;
    background: #2dc100;
    color: #fff;
    width: 100%;
    padding: 6px 15px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
}

.fixed-contact-icon-wrapper .info-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.fixed-contact-icon-wrapper .whatsapp-inner .photo {
    width: 28%;
    margin-right:5px;
}
.fixed-contact-icon-wrapper .whatsapp-inner .photo img {
    border-radius: 100%;
}
.fixed-contact-icon-wrapper .whatsapp-inner p {
    line-height: 1.375rem;
}
.fixed-contact-icon-wrapper .whatsapp-inner .info {
    font-size:1rem;
}
.fixed-contact-icon-wrapper .qrcode-inner img {
    max-width: 180px;
}

@media(min-width: 768px) {
    .fixed-contact-icon-wrapper .item > a {
        width: 60px;
        height: 60px;
        padding-top: 12px;
    }
    .fixed-contact-icon-wrapper .item > a i {
        font-size:2.2rem;
    }
    .fixed-contact-icon-wrapper .children-inner {
        min-width: 210px;
    }
}

/**** account end ****/

@media(max-width: 767px) {
    .common-pad-tb {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.follow-wrapper .icon-wrapper{
    display: flex;
    flex-direction: row;
}
.follow-wrapper a {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border-radius: 100%;
    color: #fff;
    -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;
    text-decoration: none;
}

.follow-wrapper .title {
    font-size: 18px;
    margin-bottom: 10px;
}

.follow-wrapper a:hover{background: #f50589;}
.follow-wrapper a .fa{font-size: 16px;}




/**** cookies policy start ****/
.cookie-policy-wrapper {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    left:0;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    color:#fff;
}
.cookie-policy-wrapper .button-cookie-policy {
    text-align: center;
}
@media(min-width: 768px) {
    .cookie-policy-wrapper .container {
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-wrap: nowrap;
    }
    .cookie-policy-wrapper .text {
        width: 88%;
    }
}
/**** cookies policy end ****/




.layui-layer-setwin .layui-layer-close2 {
    right:0;
    top:0;
    width: 20px;
    height: 20px;
    background: none;
    font-family: inherit;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}
.layui-layer-setwin .layui-layer-close2:after {
    content: "\f00d";
    width: 20px;
    height: 20px;
    font-size: 1.275rem;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.layui-layer-setwin .layui-layer-close1 {
    right:0;
    top:-4px;
    width: 20px;
    height: 20px;
    background: none;
    font-family: inherit;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}

.layui-layer-setwin .layui-layer-close1:after {
    content: "\f00d";
    width: 20px;
    height: 20px;
    font-size: 1.275rem;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .9;
}




/*.common-pad-tb { margin-top:150px; }*/

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}



.inner-orderform input { color:#000 !important; }


.home-option-box-1,.home-option-box-2,.home-option-box-3 {
    background-size: 100% 100%!important;
    transition: all 1s;
}


.inner-orderform-input input { margin-top:0; }
.inner-orderform-input label { margin-bottom:0; }