@charset "utf-8";
@font-face {
    font-family: 'MHeiHK-Bold';
    src: url('../fonts/MHeiHK-Bold.ttf');
    src: url('../fonts/MHeiHK-Bold.eot');
    src: url('../fonts/MHeiHK-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MHeiHK-Bold.woff2') format('woff2'),
    url('../fonts/MHeiHK-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MHeiHK';
    src: url('../fonts/MHeiHK-Light.ttf');
    src: url('../fonts/MHeiHK-Light.eot');
    src: url('../fonts/MHeiHK-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MHeiHK-Light.woff2') format('woff2'),
    url('../fonts/MHeiHK-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
div.required .control-label:after {
    content: '* ';
    color: #f00;
    margin-left: 2px;
    font-weight: bold;
}
body { font-family: "MHeiHK","Microsoft JhengHei", "PMingLiU",sans-serif,Helvetica, Arial; font-size: 16px; color:#3e3d3d;line-height: 1.5rem}
.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;}
.editor ul {padding-left: 20px;margin-right: 0px !important;
    padding-inline-start:20px;
}

body.global-font-small {font-size: 14px;}
body.global-font-mid {font-size: 16px;}
body.global-font-big {font-size: 20px;}

body.global-font-small .box-menu > ul > li > a,body.global-font-small .dropdown-item{font-size: 16px;}
body.global-font-mid .box-menu > ul > li > a,body.global-font-mid .dropdown-item{font-size: 18px;}
body.global-font-big .box-menu > ul > li > a,body.global-font-big .dropdown-item{font-size: 20px;}

.color-red{
    color: #e60012;
}
hr{
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}
/*@media (min-width: 768px) {
    .editor ul {margin-right: 20px !important}
}*/
.editor ul li{margin-bottom: 10px}
.editor ul li::marker{    text-indent: 5px !important;
}

body .btn-primary:not(:disabled):not(.disabled).active,body .btn-primary:not(:disabled):not(.disabled):active,body .show>.btn-primary.dropdown-toggle{
    background-color: #f2110f;
    border-color: #BF0016FF;
}
body .btn-primary{
    background: #e60012;
    border-color: #e60012;
}
body .btn-primary:hover{
    background-color: #f2110f;
    border-color: #BF0016FF;
}
.active{
    color: #e60012;
}
#team-tab-content .active{
    color: #3e3d3d;
}
@media (max-width: 575.98px){
    body {font-size: 14px;}
}
header { background:#fff;position: relative; top: 0; z-index:99999; width:100%;}
.ward { padding: 0 15px; }
@media (min-width: 1200px){
    .ward { padding: 0 30px; }
}
@media (min-width: 1400px){
    .ward { padding: 0 50px; }
}
@media(min-width: 1400px){
    .container{max-width: 1280px;margin: 0 auto;}
}
@media(min-width: 1600px){
    /*.container{max-width: 1400px;margin: 0 auto;}*/
    .container{max-width: 1440px;margin: 0 auto;}
}

.mx-auto { display: block; }

a{text-decoration: none;color:#3e3d3d;}
a:hover{text-decoration: none !important;color:#3e3d3d;}
a,input,button {outline: none!important;}

.logo { height: 40px; width: auto;margin-top: -5px;}
@media(min-width: 768px) {
    .logo { height: 60px;margin-top: 0px;}
}
@media(min-width: 1200px) {
    .logo {height: max-content;margin-top: 0px;}
}
@media(min-width: 1400px) {
    .logo {height: max-content;margin-top: 0px;}
}
.top-banner-wrapper img{
    height: 110px;
}
@media (min-width: 768px) {
    .top-banner-wrapper img{
        height: auto;
    }
}

.box-logo { width: 100%;}
/*header-top*/
.header-top { display: flex; justify-content: space-between;background: #fff;padding:15px 0;position:relative;color: #fff;text-transform: uppercase;border-bottom: 5px solid #e60012;}
.header-left{width: 100%;float: left;margin-bottom: 15px}
.header-right { width: 100%;float:right; min-height: 10px;display: flex;justify-content: flex-end;}
.header-right-top{display: flex;justify-content: flex-end;}
.header-right-top .top-search a{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background: #efefef;}
.header-right-top .top-search a i{font-size: 18px;}
.header-right-top .top-select{margin: 0 10px;}
.header-right-top .top-select select{
    height: 30px;
    width: 80px;
    border:0;
    border-radius: 0;
    background: #efefef url(../images/select-icon.png) no-repeat;
    background-position: 60px;
    outline: 0;
    padding: 0 10px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.header-right-top .top-phone img{height: 30px;}
.top-fontsize{display: flex;align-items: flex-end;margin-right: 10px;font-weight: bold;}
.top-fontsize .size1{font-size: 20px;margin-right: 2px;}
.top-fontsize .size2{font-size: 16px;margin-right: 2px;}
.top-fontsize .size3{font-size: 14px;}
@media(max-width: 575.98px){
    .slidephoto{height: 250px;}
    .slidephoto img{
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
    }
    /*.top-fontsize{position: absolute;top: 15px;right: 50px;}*/
    .top-fontsize{position: absolute;top: 20px;
        right: 35px;}
}
@media(min-width: 768px){
    .header-right-top .top-search a{width: 40px;height: 40px;}
    .header-right-top .top-select select{height: 40px;width: 80px;}
    .header-right-top .top-phone img{height: 40px;}
}
@media(min-width: 992px){
    .header-top{padding: 20px 0 0px;}
    .header-left{margin-bottom: 0;}
    .header-right-top{padding-right: 0;}
    .header-left{width: 35%;}
    .header-right { width:65%;}
}
@media(min-width: 1200px){
    .header-left{width: 30%;}
    .header-right { width: 70%;}
}
@media(min-width: 1600px){
    .header-left{width: 35%;}
    .header-right { width: 65%;}
}


/*nav*/
.box-menu {clear: both;display: flex;justify-content: center;}
.fixednav{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    right:0;
    text-align:center;
    margin:0 auto;
    z-index: 99999;
}
.menu { display: flex; justify-content: center; margin-bottom: 0; }
.menu .dropdown-menu{
    top: 75%;
    min-width: 7rem;
}
.menu .dropdown-item.active,.menu .dropdown-item:active{
    background: #e60012;
}
/*.listing-menu-con{background: #fff;overflow: hidden;}*/
.listing-menu-con{background: #fff;}
.listing-menu{display: flex;justify-content: center;}

.box-menu li {float: left;}
.box-menu > ul > li { padding: 15px 0 15px 8px;}
.box-menu > ul > li:not(:first-child) {margin-left: 8px}
@media(min-width: 1200px){
    .listing-menu{margin-top: 5px;}
    .box-menu > ul > li { padding: 15px 0 15px 5px;}
    .box-menu > ul > li:not(:first-child) {margin-left: 25px}
}
@media(min-width: 1400px){
    .box-menu > ul > li { padding: 15px 0 15px 10px;}
    .box-menu > ul > li:not(:first-child) {margin-left: 30px}
}
.box-menu > ul > li:last-child {}
.box-menu > ul > li > a {;display: block;padding: 3px 0px; transition: all 0.5s;text-transform: uppercase;font-weight: bold;}
@media(min-width: 1200px){
    .box-menu > ul > li > a {font-size: 18px;}
}
.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 > li {text-align:center;}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover {}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {
    padding: 3px 0px;
    color: #e60012;
    transition: all 0.2s;
}

.box-menu > ul > li > ul {
    min-width: 160px;
    width: 100vw;
    position: absolute;
    top:100%;
    left:-48vw;
    z-index: 99999;
    background: url(../images/index-menu-bg.png) center no-repeat;
    background-size: cover;
    opacity: 0;
    pointer-events: none;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.box-menu > ul > li ul li { text-align: center; padding: 6px 0;width: 100%;}
.box-menu > ul > li ul .selected{}
.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:#000; display: inline-block;position: relative;}
.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: #cda066; }
.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);
}
.box-menu > ul > li > ul > li > ul{position: absolute;left: 100%;background: #fff;top: 0;display: none;}
.box-menu > ul > li > ul > li.selected > ul {display: block;}

/* mobile menu */
.menu-mobile-inner .nav a{width:50%;text-align: center;color:#3e3d3d;}
.menu-mobile-inner .nav .active{background: #efefef;}
#account{background: #efefef;}

.st-menu { background-color: #fff; }
.st-menu ul li a{color: #3e3d3d;box-shadow: inset 0 -1px rgba(0,0,0,0.1); }
.mobile-menu-btn { position: absolute;right: 10px;top: 15px;}
@media(min-width: 768px) {
    .mobile-menu-btn {top: 25px;}
}

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 50px;line-height:50px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#3e3d3d;}
.menu-mobile .button-close-menu i {font-size: 24px;color:#3e3d3d;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:16px;right:8px;font-size: 18px;color:#252525;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: #fffcf8; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
    background:#efefef ;
    box-shadow: inset 0 -1px rgba(0,0,0,0);
    color: #fff;
}
@media(max-width: 991.98px){
    .menu-mobile .dropdown .pc-icondown{display: none;}
}
/* .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: #fffdf1;
}
.box-menu > ul .sub-menu{overflow: hidden;padding: 40px 5vw;text-transform: uppercase;}
.box-menu > ul .sub-menu-li{width: 33.333%;float: left;text-align: left;padding: 1px 0;}
@media(min-width: 1400px){
    .box-menu > ul .sub-menu{padding: 40px 20vw;}
}

.btn-ud {
    padding:5.5px 10px;
    border-radius: 5px;
    font-size: 20px;
    border:0;
    background: none;
}
/*.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #7abbb1;}
.btn-ud:hover {
  color: #fff;
  background-color: #7abbb1;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #7abbb1;
}
.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: #7abbb1;
}
.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: #7abbb1;
}*/


/*lang*/
.lang {display: flex;}
.lang a {color:#888;}
.lang span{margin: 0 5px;}
.lang a.active, .lang a:hover { color: #000; }


/*main-all*/
.main-all {}


/*slideshow*/
/*slideshow*/
#slideshow {margin-bottom: 0;}
#slideshow .slick-slide{outline: none;}
#slideshow .slick-prev,#slideshow .slick-next{z-index: 999;}
#slideshow .slick-prev{ background: url(../images/left-icon.png) center no-repeat;background-size: cover; height: 25px; width: 25px;}
#slideshow .slick-next{ background: url(../images/right-icon.png) center no-repeat;background-size: cover; height: 25px; width: 25px;}
#slideshow .slick-prev:before,#slideshow .slick-next:before{display: none;}
@media(min-width: 768px) {
    #slideshow .slick-prev{ height: 35px; width: 35px;}
    #slideshow .slick-next{ height: 35px; width: 35px;}
}
@media(min-width: 1200px) {
    #slideshow .slick-prev{ height: 45px; width: 45px;}
    #slideshow .slick-next{ height: 45px; width: 45px;}
}

#slideshow .slick-prev{ top: 50%; left: 0px; }
#slideshow .slick-next { top: 50%; right: 0px;}
@media(min-width: 1200px) {
    #slideshow .slick-prev { top: 50%;}
    #slideshow .slick-next { top: 50%;}
}

#slideshow .slick-dots{position: absolute;bottom: 10px;}
#slideshow .slick-dots li{margin: 0 3px;width: auto;}
#slideshow .slick-dots li button:before { display: none;}
#slideshow .slick-dots li.slick-active button:before { display: none; }
#slideshow .slick-dots li button{
    /*width: 20px;
    height:5px;*/
    border-radius: 10px;
    background: #efefef;
}
#slideshow .slick-dots li.slick-active button{background-color: #e60012}

@media(min-width: 768px) {
    #slideshow .slick-dots{bottom: 30px;}
}
@media(min-width: 1440px) {
    /*#slideshow .slick-dots li button { width:25px; height: 10px; }*/
}
.index-slideshow img{width: 100%;}
.index-slideshow-text{position: absolute;top:0px;width: 100%;height: 100%;display: flex;align-items: center;padding-left: 0%;}
@media (min-width: 768px) {
    .index-slideshow-text{
        padding-left: 15%;
    }
}
.index-slideshow-text-box{
    background: rgba(0,0,0,0.3);
}
.index-slideshow-text-box-in{padding: 30px;max-width: 450px;letter-spacing: 1px;}
.index-slideshow-text-box-in .in-promotion{color: #fff;font-size: 18px;}
.index-slideshow-text-box-in .in-tit{font-size: 24px;font-weight: bold;text-shadow: 0px 3px 0px rgba(0, 0, 0, 1);margin: 0 0 20px;color: #fff;display: inline-block;}
.index-slideshow-text-box-in .in-sec{
    font-weight: bold;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
    text-transform:uppercase;
    color: #fff;
    overflow: hidden;
    /*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
@media(min-width: 992px){
    .index-slideshow-text-box-in{padding: 40px;max-width: 500px;}
    .index-slideshow-text-box-in .in-tit{font-size: 36px;}
    .index-slideshow-text-box-in .in-sec{font-size: 20px;}
}
@media(min-width: 1400px){
    .index-slideshow-text-box-in{padding: 50px;max-width: 580px;}
}
/*slideshow end*/


/*all-item-padding*/
.all-item-padding { padding: 30px 0; }
@media(min-width: 768px) {
    .all-item-padding { padding: 50px 0; }
}
@media(min-width: 1200px) {
    .all-item-padding { padding: 60px 0; }
}

/*more-btn*/
.all-more{margin-top: 30px;}
.all-more .button{
    overflow: hidden;
    position:relative;
    min-width: 130px;
    padding: 6px 30px;
    background: #e60012;
    color: #fff;
    transition: 0.1s;
    z-index: 0;
    display: inline-block;
    text-align: center;
}
@media(max-width: 768px){
    .all-more .button{min-width: 100px;padding: 6px 20px;}
}
.all-more .button2{border:1px solid #fff;}
.all-more .button2:hover{border:1px solid #000;}
.all-more .button:hover{color: #fff;}
.all-more .button-icon{
    width: 20px;
    height: 15px;
    display: inline-block;
    background: url(../images/button-icon.png) center no-repeat;
    background-size: cover;
}
.all-more .button:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    background:#3e3d3d;
    color: #fff;
    z-index: -1;
    transition: all 0.5s;
}
.all-more .button:hover.button:before{left:0;}
/*all-index-title*/
.all-index-title{
    font-family: "MHeiHK-Bold";
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding-bottom: 10px;
}
.all-index-title .t-tit{margin: 5px 0 10px;display: block;}
.all-index-title .t-tit span{color: #e60012;border-bottom: 3px solid #e60012;padding-bottom: 10px;}
.all-index-title img{max-height: 35px;}
.all-index-title i img{width: 25px;}
@media(min-width:768px) {
    .all-index-title{font-size: 24px;margin-bottom: 30px;}
}
@media(min-width: 1400px) {
    .all-index-title{font-size: 32px;}
}

/*index four*/
.index-four{background:#efefef url(../images/index-four-bg.png) center bottom no-repeat;background-size: cover;}
.index-four-box{display: block;}
.index-four-box-l{margin-bottom: 15px;}
.index-four-box-l-tit{border-left: 3px solid #fab725;padding: 5px 10px;margin-bottom: 15px;position: relative;}
.index-four-box-l-tit:before{
    content: "";
    width: 3.2px;
    height: 50%;
    background: #a3d377;
    position: absolute;
    top: 0;
    left:-3px;
}
.index-four-box-l-tit .tit-title{font-size: 20px;font-weight: bold;}
.index-four-box-l-tit .tit-sec{margin-bottom: 10px;color: #fab725;}
.index-four-box-l-text{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

}
.index-four-box-r{}
.four-box-r-text-num span{font-size: 20px;font-weight: bold;}
.four-box-r-text-sec{height:40px;}
.index-four-box-r ul {display: block;overflow: hidden;margin-bottom: 0;}
.index-four-box-r ul li{width: 50%;float: left;background: #fff;display: block;padding:15px 20px;border-right: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;}
.index-four-box-r ul li:hover .around img{
    -webkit-transform: rotateY(360deg);
    transition: all 2.5s ease 0s;
    -moz-transform: rotateY(360deg);
    transition: all 2.5s ease 0s;
    -o-transform: rotateY(360deg);
    transition: all 2.5s ease 0s;
    -ms-transform: rotateY(360deg);
    transition: all 2.5s ease 0s;
    transform: rotateY(360deg);
    transition: all 2.5s ease 0s;
}
.index-four-box-r ul li img{width: 40px;}
@media(min-width: 768px){
    .index-four-box-r ul {display: flex;flex-wrap: wrap;}
    .index-four-box-r ul li {width: 33.333%;}
    .index-four-box-r ul li img{width: 50px;}
    .four-box-r-text-num span{font-size: 22px;}
    .index-four-box-l-tit .tit-title{font-size: 24px;}
}
@media(min-width: 992px){
    .index-four-box{display: flex;align-items: center;}
    .index-four-box-l{width: calc(38% - 30px);margin-right: 30px;margin-bottom: 0px;}
    .index-four-box-l-tit{margin-bottom: 30px;}
    .index-four-box-r{width:62%;}
}
@media(min-width: 1200px){
    .index-four-box-r ul{padding-top: 10px;}
    .index-four-box-r ul li{display: flex;padding:20px 25px;}
}
@media(min-width: 1600px){
    .index-four-box-l-tit .tit-title{font-size: 32px;}
    .index-four-box-l-text{-webkit-line-clamp: 3;}
}

/*index news*/
.index-news-top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.index-news-img img{width: 100%;}
.index-news-list{display: flex;margin-bottom: 0;}
.index-news-list li{width: 50%;border-right: 1px solid #dedede;padding: 0 15px;}
@media(max-width:575.98px) {
    .index-news-list{display: block;}
    .index-news-list li{width: 100%;margin-top: 15px;padding-bottom: 15px;border-right:0;border-bottom: 1px solid #dedede;}
    .index-news-list li:first-child{margin-top: 0px;}
    .index-news-list li:last-child{border-bottom: 0;}
}
@media(max-width:991.98px) {
    .index-news-img{margin-bottom: 15px;}
}
.index-news-list li:last-child{border-right: 0;}
.index-news-list-tit{
    font-size: 18px;
    font-weight: bold;
}
.index-news-list-tit a:hover{color: #e60012;}
.index-news-list-date{font-size: 20px;color: #666;margin: 5px 0;}
.index-news-list-text{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list-btn{margin-top: 15px;}
.index-news-list-btn a{color: #e60012;}
@media(min-width:768px) {
    .index-news-list-tit{
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 52px;
    }
    .index-news-list-date{font-size: 24px;line-height: 28px;margin: 10px 0;}
}
/*index product*/
.index-product-list{background: #fff;position: relative;overflow: hidden;}
.index-product-list-img{overflow: hidden;}
.index-product-list-img img{width: 100%;}
.index-product-list:hover{box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);transition: 0.5s;}
.index-product-list:hover .index-product-list-img img{
    transform: scale(1.15);
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1.15);
    -webkit-transform: all 0.5s ease 0s;
}
.index-product-list-tit{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-product-list-tit a{color: #fff;padding: 20px 30px;display: block;}
.slick-slide{outline: none;}
.index-product-slide1 .slick-prev{
    background: url(../images/left-icon.png) center no-repeat;
    background-size: cover;
    left: 15px;
    width: 25px;
    height: 25px;
    z-index: 999;
}
.index-product-slide1 .slick-next{
    background: url(../images/right-icon.png) center no-repeat;
    background-size: cover;
    right: 15px;
    width: 25px;
    height: 25px;
}
.index-product-slide1 .slick-prev:before,.index-product-slide1 .slick-next:before{
    display: none;
}
@media(min-width: 768px){
    .index-product-list-tit{font-size: 20px;}
    .index-product-slide1 .slick-prev{
        background: url(../images/left-icon.png) center no-repeat;
        background-size: cover;
        left: 10px;
        top: 50%;
        width: 40px;
        height: 40px;
    }
    .index-product-slide1 .slick-next{
        background: url(../images/right-icon.png) center no-repeat;
        background-size: cover;
        right: 10px;
        top: 50%;
        width: 40px;
        height: 40px;
    }
}
/*index about*/
/*.index-about{
  background: url(../images/index-about-bg.jpg) center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}*/
.index-about-slideshow .protect-img{
    height: 400px;
}
@media(min-width: 768px){
    .index-about-slideshow .protect-img{
        height: 450px;
    }
}
@media(min-width: 1200px){
    .index-about-slideshow .protect-img{height: 500px;}
}
@media(min-width: 1400px){
    .index-about-slideshow .protect-img{height: 600px;}
}
.i-banner01{
    background: url(../images/i-protect-01.jpg) center no-repeat;
    background-size: cover;
}
.index-about-con{position: relative;}
.index-about-box{
    padding: 30px;
    /*background: rgba(255,255,255,0.9);*/
    background: rgba(0,0,0,0.3);
    max-width: 380px;
    top: 20%;
    right: 20%;
    position: absolute;
    color: #fff;
}
.index-about-tit{
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 15px;
}
.index-about-sec{
    font-size: 16px;
    font-weight: bold;
    color: #e60012;
}
.index-about-text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
@media(max-width: 575.98px){
    .index-about-box{
        top: 18%;
        right: 0;
        left: 0;
        margin: 0 30px;
    }
}
@media(min-width: 768px){
    .index-about-box{margin-right: -10px;}
    .index-about-tit{
        font-size: 28px;
    }
    .index-about-sec{
        font-size: 20px;
    }
}
@media(min-width: 1200px){
    .index-about-box{margin-right: -20px;padding: 50px;max-width: 380px;}
    .index-about-tit{
        font-size: 32px;
        line-height: 32px;
    }
    .index-about-sec{
        font-size: 18px;
    }
}
@media(min-width: 1400px){
    .index-about-box{top: 15%;}
}

/*index donations*/
.index-donations .row{align-items: center;}
.index-donations-tit{
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin: 25px 0;
}
.index-donations-sec{
    font-size: 16px;
    font-weight: bold;
    color: #e60012;
}
@media(min-width: 768px){
    .index-donations-tit{
        font-size: 28px;
    }
    .index-donations-sec{
        font-size: 20px;
    }
}
@media(min-width: 1200px){
    .index-donations-img{padding: 0 30px;}
    .index-donations-right{padding: 20px 10px;max-width: 490px;}
    .index-donations-tit{
        font-size: 32px;
        line-height: 32px;
    }
    .index-donations-sec{
        font-size: 18px;
    }
}
@media(min-width: 1600px){
    .width1280{max-width: 1280px;}
}

/*index form*/
.index-form-box{background: url(../images/index-form-bg.png) center no-repeat;background-size: cover;padding: 30px;}
.index-form-title{font-size: 18px;font-weight: bold;color:#e60012;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.index-form-title img{margin-right:5px;height: 16px;}
.index-form-box form .form-control{border:0;border-radius: 0;font-size: 14px;}
.index-form-box .list-li{margin-bottom: 15px;}
.index-form-box .list-li:last-child{margin-bottom: 0;}
@media(min-width: 768px){
    .index-form-box{padding: 50px;}
    .index-form-title{font-size: 22px;}
}

/*index bottom*/
.index-bottom{
    display: block;
    background: #f2f2f2;
}
/*.index-bottom-text{max-width: 1024px;margin:0 auto;text-align: center;margin-bottom: 40px;}*/
.index-bottom-text{max-width: 1024px;margin:0 auto;margin-bottom: 40px;}
.index-bottom-logo ul{display: flex;justify-content: center;margin-bottom: 0;}
.index-bottom-logo ul li img:hover{
    transform: scale(1.05);
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1.05);
    -webkit-transform: all 0.5s ease 0s;
}
@media(min-width: 768px){
    .index-bottom-logo ul li{margin: 0 15px;}
}

/*footer*/
footer {background: #e8e8e8;}
.footer-bottom{margin: 0 auto;text-align: left;line-height: 18px;padding-top: 20px;padding-bottom: 60px;}
/*.footer-bottom{margin: 0 auto;text-align: left;line-height: 18px;padding: 20px 0;}*/
@media (min-width: 768px) {
    .footer-bottom{
        padding-bottom: 20px;
    }
}
.footer-bottom a:hover,.footer-bottom a:focus{color: #666;}
.footer-num{margin-top: 10px;}

@media(max-width: 767.98px) {
    .footer-text{margin-bottom: 10px;}
    .footer-num{margin-top: 0px;margin-bottom: 10px;}
    .border_bottom_m{border-bottom: 1px solid #ebebeb;}
    .all-more-m{margin-top:15px;}
}
@media(min-width: 768px) {
    .footer-bottom{display: flex;justify-content: space-between;}
}

/*footer float*/
.icon-float{
    position: fixed;
    bottom: 8%;
    right: 0;
    z-index: 99999;
    text-align: right;
}
.icon-float-top{margin-bottom: 15px;}
.icon-float-top-btn a{
    background: #e60012 url(../images/fi-top-bg.png) center no-repeat;
    color: #fff;padding: 6px 30px;
    margin-bottom: 10px;display: flex;align-items: center;min-width: 130px;
    font-size: 18px;
    font-weight: bold;
}
.icon-float-top-btn a:hover{background: #3e3d3d;}
.icon-float-top-btn a img{width: 30px;}
.icon-float-bottom ul li{display: flex;justify-content: flex-end;}
.icon-float-bottom ul li a{
    width: 45px;
    height: 45px;
    background: #b4b4b4;
    color: #fff;
    display: block;
}
.icon-float-bottom ul li a:hover{background: #3e3d3d;}
@media(max-width: 767.98px){
    .icon-float{bottom:0;position:relative;}
    .icon-float-top{position:fixed;right: 0;bottom: 15%;}
    .icon-float-top-btn a{background: #e60012 !important;border-left: 1px solid #fff;padding: 10px 10px;margin-bottom: 0px;min-width: auto;justify-content: center;}
    .icon-float-top-btn a:hover{background: #3e3d3d !important;}
    .icon-float-bottom {position:fixed;bottom:0;width:100%;}
    .icon-float-bottom ul{display: flex;width: 100%;margin-bottom:0;align-items:center;}
    .icon-float-bottom ul li{flex: 1;display: inline-block;text-align:center;}
    .icon-float-bottom ul li a{width: auto;height: auto;}
}
/*back-to-top*/
/*#back-to-top { position: fixed; right: 3%; bottom: 10%; padding: 12px;background: #e60012;color: #fff;z-index: 999;display: none }*/
#back-to-top { position: fixed; right: 3%; bottom: 10%; padding: 10px 15px;background: #e60012;color: #fff;z-index: 999;display: none }
@media(min-width: 768px) {
    /*#back-to-top { right: 15px; bottom: 4%;width:auto; padding: 15px;}*/
    #back-to-top { right: 15px; bottom: 4%;width:auto; padding: 10px 15px;}
}
@media(min-width: 1600px) {
    #back-to-top { right: 3%;}
}
#back-to-top a { color: #fff;max-width: 60px;display: inline-block;}
.footer-br a:not(:last-child){
    margin-right: 9px;
}
/*body{
    background-color: #f7f7f7;
    margin-top:20px;
}*/

.main-timeline {
    position: relative
}

.main-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #c6c6c6;
    /*margin: 0 auto;*/
    position: absolute;
    top: 0;
    left: 30%;
    right: 0
}

.main-timeline .timeline {
    margin-bottom: 40px;
    position: relative
}

.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    left: 30%;
    bottom: 0;
    right: 0
}

.main-timeline .icon:before
/*.main-timeline .icon:after*/ {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .icon:before {
    background: #3e3d3d;
    /*border: 2px solid #3e3d3d;*/
    left: -8px
}

.main-timeline .icon:after {
    border: 2px solid #c6c6c6;
    /*left: 3px*/
}

.main-timeline .timeline:hover .icon:before {
    /*left: 3px*/
}

.main-timeline .timeline:hover .icon:after {
    /*left: -3px*/
}

.main-timeline .date-content {
    width: 30%;
    float: left;
    /*margin-top: 22px;*/
    position: relative
}

/*.main-timeline .date-content:before {
    content: "";
    width: 36.5%;
    height: 2px;
    background: #c6c6c6;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0
}*/

.main-timeline .date-outer {
    width: 125px;
    height: 125px;
    font-size: 16px;
    text-align: center;
    margin: auto;
    z-index: 1
}

.main-timeline .date-outer:before,
.main-timeline .date-outer:after {
    content: "";
    width: 125px;
    height: 125px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .date-outer:before {
    background: #fff;
    border: 2px solid #232323;
    left: -6px
}

.main-timeline .date-outer:after {
    border: 2px solid #c6c6c6;
    left: 6px
}

.main-timeline .timeline:hover .date-outer:before {
    left: 6px
}

.main-timeline .timeline:hover .date-outer:after {
    left: -6px
}

.main-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 27%;
    left: 0
}

.main-timeline .month {
    font-size: 18px;
    font-weight: 700
}

.main-timeline .year {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #232323;
    line-height: 36px
}

.main-timeline .timeline-content {
    width: 70%;
    padding: 20px 0 20px 50px;
    float: right
}

.main-timeline .title {
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 15px 0;
    color: #3e3d3d;

}

.main-timeline .description {
    margin-bottom: 0
}

/*.main-timeline .timeline:nth-child(2n) .date-content {
    float: right
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}*/

@media only screen and (max-width: 991px) {
    .main-timeline .date-content {
        margin-top: 35px
    }
    .main-timeline .date-content:before {
        width: 22.5%
    }
    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }
    .main-timeline .title {
        font-size: 17px
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline:before {
        margin: 0;
        left: 7px
    }
    .main-timeline .timeline {
        margin-bottom: 20px
    }
    .main-timeline .timeline:last-child {
        margin-bottom: 0
    }
    .main-timeline .icon {
        margin: auto 0
    }
    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }
    .main-timeline .date-content:before {
        display: none
    }
    .main-timeline .date-outer {
        width: 110px;
        height: 110px
    }
    .main-timeline .date-outer:before,
    .main-timeline .date-outer:after {
        width: 110px;
        height: 110px
    }
    .main-timeline .date {
        top: 30%
    }
    .main-timeline .year {
        font-size: 24px
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }
    .main-timeline .title {
        margin-bottom: 10px
    }
}


.history-box{
    background: #fafafa;
    padding: 40px 30px;
    position: relative;
}


.history-box .arrow{
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
    border-width: 11px;
}
.history-box >.arrow, .history-box >.arrow:after{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.history-box .arrow:after{
    bottom: -10px;
    left: -24px;
    content: " ";
    border-right-color: #fafafa;
    border-left-width: 0;
    border-width: 12px;
}
.history-box .editor{
    color: #3e3d3d;
}
.slide-title{
    background: #e60012;
}
.slide-title h4 img{
    margin-right: 9px;

}
@media (min-width: 1024px) {
    .slide-title h4 img{
        margin-right: 16px;

    }
}
.slide-title h4{
    color: #fff;
    font-size: 1.25rem;
}
.history-image{
    overflow: hidden;
    padding: 5px;
    display: inline-block;
}
.history-image,.history-box,.history-image img{
    transition: all 0.33s ease-out 0s;
}
.timeline:hover .date-content .history-image img{
    /*transform: scale(1.04);*/
}
.timeline:hover .date-content .history-image{
    background: #e60012;
    display: inline-block;
}
.timeline:hover .history-box .editor,.timeline:hover .history-box .title{
    color: #fff;
}
.timeline:hover .history-box .arrow:after{
    border-right-color: #e60012;
}
.timeline:hover .history-box,.timeline:hover .icon:before{
    color: #fff;
    background: #e60012;
}
.side-menu{
    background: #efefef;
}
.side-menu li >  .form-group{
    position: relative;
}
.side-menu .form-group label{
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
    margin-bottom: 0px;
}
.side-menu .form-group label:before{
    box-sizing: border-box;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    /*margin: 0 8px;*/
    /*vertical-align: middle;*/
    display: inline-block;
    transition: 0.1S;
    /*margin-top: -2px;*/
    min-width: 16px;
}
.side-menu .form-group label:before {
    margin-left: 0px;
    margin-right: 15px  ;
}
@media (min-width: 1024px) {
    .side-menu .form-group label:before {
        margin-right: 23px  ;
    }
}
/*.form-group span:last-child label:before {
    margin-right: 0px;
}*/
.side-menu .form-group input[type="radio"]{
    /*opacity: 0;*/
    display: none;
}

.side-menu .form-group input:checked + label:before{
    color: #e60012;
    border: 1px solid #e60012;
}

.side-menu .form-group input:checked + label:after {
    width: 10px;
    height: 10px;
    background: #e60012;
    position: absolute;
    left: 11px;
    top:50%;
    /*top:30%;*/
    margin-top: -5px;
    /*margin-bottom: auto;*/
    /*box-sizing: border-box;*/
    content: " ";
    border-radius: 50%;
    display: inline-block;

}

.side-menu .form-group input:checked + label:after {
    left: 3px;
}
.side-menu .active label{
    color: #e60012;
}
.side-menu >ul > li:not(:last-child){
    border-bottom: 1px solid #dfdfdf;
}
.title-line{
    width: 40px;
    height: 4px;
    background: #aaaaaa;

}

.mission-list{
    max-width: 270px;
    color: #fff;
    border-radius: 10px;
    /*padding: 30px 40px;*/
    padding: 20px 30px;
}
.white-line{
    width: 16px;
    height: 3px;
    /*display: inline-block;*/
    background: #fff;
    margin-top: 14px;
    margin-bottom: 20px;
}
.mission-content{
    background: url("../images/mission_backgroud.png") no-repeat center;
    padding: 30px 0px;
    background-size: cover;
}
@media (min-width: 1024px) {
    .mission-content {
        padding: 60px 0px;
        background-size: auto;
    }
}
.mission-image img{
    max-width: 85%;
}
.fix-image-position:last-child img{
    margin-top: 4rem !important;
}
.common-contet{
    margin-top: 30px;
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .common-contet{
        margin-top: 60px;
        margin-bottom: 80px;
    }
}
.line-content{
    width: 40px;
    height: 4px;
    display: block;
}
.line-content .green-line{
    background: #a3d377;
}
.line-content .yellow-line{
    background: #fab725;
}
.line-content> div{
    width: 50%;
    height: 4px;
    display: inline-block;
}
.roles-title{
    background: #666;
}
.roles-box .roles-list{
    width: 100%;
    background: #f9f9f9;
}
@media (min-width: 768px) {
    .roles-box .roles-list{
        width: 49%;
    }
}
@media (min-width: 1024px) {
    .roles-box .roles-list{
        width: 33%;
    }
}
@media (min-width: 1440px) {
    .roles-box .roles-list{
        width: 16.5%;
    }
}
.roles-box h5{
    color: #fff;
    padding: 15px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.roles-list-desc span{
    margin-bottom: 20px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}
.roles-list-desc{
    padding: 16px 15px;
}
.cat-list{
    padding-left: 44px;

}
.black-line{
    height: 2px;
    background: #000;
}
.circle-gray{
    width: 4px;
    height: 4px;
    background: #aaaaaa;
    border-radius: 10px;
    display: inline-block;
    margin-right: 13px;
}
.child-list{
    padding-left: 10px;
}
.fix-space{
    height: 48px;
}

.news-listing .catename span,.news-listing .more-btn{
    color: #e60012;
}
 .date,.catename{
    font-size: 0.9rem;
     color: #999999;
}
.news-listing h4{
    font-weight: bold;
}
/*
.news-listing .more-btn{
    color: #e60012;
}*/
#news-page .pagination{
    justify-content: center;
}
#news-page .page-item:not(:last-child){
    margin-right: 10px;
}
#news-page .page-item.active .page-link{
    background: #e60012;
    border-color: #e60012;
    color: #fff;
}
#news-page .page-item .page-link{
    border-radius: 5px;
    background: #f2f2f2;
}

#news-page .page-link{
    color: #4a4949;
}
.back-btn{
    background: #e60012;
}
.sub-title-btn:not(:last-child){
    margin-right: 15px;
}

.sub-title-btn.active{
    background: #333333;
    color: #fff;
}
.sub-title-btn{
    width: 90px;
    padding: 15px 0px;
    background: #efefef;
    text-align: center;
    margin-bottom: 15px;
}
.sub-title-btn{
    width: max-content;
    padding-left: 20px;
    padding-right: 20px;
}
/*@media (min-width: 1024px) {
    .sub-title-btn {
        width: 138px;
    }
}*/
.slideshow-btn.swiper-button-disabled{
    opacity:.35;cursor:auto;pointer-events:none
}
.slideshow-btn{
    cursor: pointer;
}
.slideshow-btn:not(:last-child){
    margin-right: 20px;
}
.quarterly-title h4{
    border-left: 3px solid #da291c;
    padding-left: 5px;
    font-weight: 600;
}
.quarterly-description h5{
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}
.quarterly-description{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    /*margin-bottom: 15px;*/
}
/*
#slideshow_swiper .swiper-slide{
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}*/
.quarterly-position {
    position: relative;
}
.quarterly-position:hover h5{
    opacity: 1;
}
.quarterly-position h5{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #e60012;
    color: #fff;
    /*transform: all 0.5s;*/
    transition: all 0.5s;
    position: relative;
    bottom: 0px;
}
/*@media (min-width: 1024px) {
    .quarterly-position h5 {
        position: absolute;
    }
}*/
@media (min-width: 1440px) {
    .quarterly-position h5 {
        opacity: 0;
        bottom: 44px;
    }
}
.quarterly-report{
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 2px dotted #cccccc;
}
.quarterly-content .quarterly-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 2px solid #e60012;
    background: #fff;
    width: 14px;
    height: 14px;
}
.quarterly-content .quarterly-pagination .swiper-pagination-bullet{
    margin: 0 8px;
    width: 10px;
    height: 10px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.quarterly-content .quarterly-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-point{
    width: 6px;
    height: 6px;
    background: #e60012;
    display: block;
    border-radius: 100%;
}
.quarterly-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
}
.quarterly-select{
    padding: 5px 15px;
    background: #efefef;
    border: 1px solid #dadada;
    border-radius: 5px;
}
.video-list{
    padding-bottom: 25px;
    border-bottom: 1px solid #e8e8e8;
}
.video-type-tab a:not(:last-child){
    margin-right: 12px;
}
@media (min-width: 768px) {
    .video-type-tab a:not(:last-child){
        margin-right: 30px;
    }
}
.video-description-content h5{
    color: #3e3d3d;
}

@media (min-width: 768px) {
    .video-image-content{
        width: 142px;
    }
    .video-description-content{
        width: calc(100% - 142px);
    }
}
@media (min-width: 1024px) {
    .video-image-content {
        margin-right: 30px;
    }
}
.video-type-tab .active{
    color: #e60012;
}
.news-listing{
    height: 100%;
    /*display: flex;
    align-items: center;*/
}
.news-listing h4,.news-listing h5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.job-title{
    font-weight: 600;
    font-size: 1.5rem;
}
.job-content{
    background: #f9f9f9;
}
.cat-list a.active{
    color: #e60012;
}

.contact-phone-content{
    text-align: center;
}
.contact-phone-content span{
    background: #e60012;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    box-shadow: #e60012 0px 0px 10px;
}
.address-listing h5{
    font-size: 1.35rem;
    font-weight: 600;
}
.fix-pl{
    padding-left: 20px;
}
/*@media (min-width: 1200px) {
    .address-listing{
        max-width: 45%;
    }
}*/
.address-btn{
    padding: 8px 20px;
    background: #666666 !important;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    position: absolute;
    bottom: 0px;
}
.fix-address-btn{
    height: 37px;
}
.btn-primary.focus, .btn-primary:focus{
    background-color: #999999;
    border-color: #999999;
    box-shadow: 0 0 0 0.2rem rgba(111,111,111,0.5);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(111,111,111,0.5);
}
.contact-form-title{
    font-size: 30px;
    border-left: 2px solid #aaaaaa;
    padding-left: 10px;
}
.bootstrap-select .dropdown-item:focus,.bootstrap-select .dropdown-item:hover{
    background: #ffcace;
}
.fix-form-control .form-control{
    background: #f4f4f4;
    border-radius: 0px;
    border: 0px;
}
.send-btn {
    width: 210px;
}
/*@media (min-width: 768px) {
    .send-btn {
        width: 210px;
    }
}*/
@media (min-width: 1024px) {
    .send-btn {
        width: 320px;
    }
}
.send-btn{
    background: #e60012;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    padding: 10px 0px;
}
.success-items { text-align: center; font-size: 18px; margin-top: 40px; color: #333; line-height: 26px; }
.success-items .title { margin-top: 20px; font-weight: bold; }
.success-items .icon-wrapper { font-size: 66px; color: #00d025; }
.success-items .btns { margin-top: 20px; }
.team-title h4{
    font-weight: 600;
}
.red-line{
    width: 18px;
    height: 3px;
    background: #e60012;
    display: block;
}
.teams-name{
    font-size: 1rem;
    margin-bottom: 10px;
}
.team-type-tab a.active{
    color: #e60012;
}
.team-type-tab a{
    font-size: 1.5rem;
}
.team-type-tab a:not(:last-child){
    margin-right: 20px;
}
@media (min-width: 768px) {
    .team-type-tab a:not(:last-child){
        margin-right: 50px;
    }
}
@media (min-width: 1024px) {
    .team-type-tab a:not(:last-child){
        margin-right: 100px;
    }
}
/*.popup-window{
    max-width: 90% !important;
    text-align: center;
}
@media (min-width: 768px) {
    .popup-window{
        !*max-width: 630px !important;*!
        max-width: 430px !important;
    }
}*/
.popup-window .layui-layer-content{
    padding: 10px 15px;
}
/*.fix-structure.side-menu .form-group input:checked + label:after{
    margin-top: 1px;
}*/
/*@media (min-width: 768px) {
    .fix-structure.side-menu .form-group input:checked + label:after{
        margin-top: 1px;
    }
}*/
.sub-title-btn{
    cursor: pointer;
}
.fix-service.side-menu .form-group input:checked + label:after{
    margin-top: -5px;
}
/*

.fix-service.side-menu .form-group input:checked + label:after{
    margin-top: 1px;
}*/
.course-heading {
    background: #575757;
    color: #fff;
}
/*.course-price,.course-detail,.course-action{
    width: 13.3%;
}
.course-time,.course-title{
    width: 30%;
}*/
.course-price,.course-detail,.course-action{
    width: 33.3%;
    text-align: center;
}
.course-time,.course-title{
    width: 100%;
}

@media (min-width: 1024px) {
    .course-price,.course-detail,.course-action{
        width: 13%;
    }
    .course-time{
        width: 32%;
    }
    .course-title{
        width: 29%;
    }
}
@media (min-width: 1200px) {
    .course-price,.course-detail,.course-action{
        width: 13.3%;
    }
    .course-time,.course-title{
        width: 30%;
    }
}
.course-time i{
    margin-right: 10px;
    margin-bottom: 13px;
}
.course-group:nth-child(even) .course-body{
    border-bottom: #f7f7f7 2px solid;
    border-right: #f7f7f7 2px solid;
    border-left: #f7f7f7 2px solid;
}
.course-group:nth-child(even) .course-tag{
    background: #f7f7f7;
}
.pdf-btn:hover{
    color: #fff;
    background: #e60012 ;
}
.pdf-btn:not(:last-child){
    margin-right: 10px;
}
.pdf-btn.btn:focus{
    box-shadow: 0 0 0 0.2rem rgba(171 ,171, 171 , 0.25);
    color: #fff;
}
.pdf-btn{
    width: 200px;
    display: inline-block;
    background: #ababab ;
    color: #fff;
    padding: 10px 0px;
    border-radius: 10px;
}
/*.course-detail a.collapsed{
    color: #3e3d3d;
}*/
.course-detail a[aria-expanded='false']{
    color: #3e3d3d;
}
.course-detail a[aria-expanded='true']{
    color: #e60012;
}
.course-listing:nth-child(odd){
    border-bottom: none;
    margin-bottom: 0px;
}

.course-listing{
    border-bottom: #f4f4f4 1px solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.course-listing:nth-child(odd)  img{
    margin-right: 20px;
    width: 34px;
}
@media (min-width: 768px) {
    .course-listing:nth-child(odd){
        border-bottom: #f4f4f4 1px solid;
        margin-bottom: 30px;

    }
    .course-listing:nth-child(odd)  img{
        margin-right: 20px;
    }
}
@media (min-width: 1024px) {
    .course-listing:nth-child(odd)  img{
        margin-right: 30px;
    }
}
/**** 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: 280px;
    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:#000;

    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:#000;
}

.checkout-cart-section .section-header {
    padding: 1rem;
    text-align: center;
    background-color: #000;
    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;
    margin-bottom: 10px;
}
.quick-checkout-wrapper .checkout-section .radio.active {
    border: 2px solid #2f5597;
    color:#2f5597;
}

.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;*/
}

.quick-checkout-wrapper .checkout-login {
    margin-bottom: 0;
}

.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 #f50589;
}
.checkout-address-list li.active .item:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #f50589;
    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:#f50589;
}

.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: #fff;
}


.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;
    }
}


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

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

}
.card.card-style .card-header .card-link {
    display:block;
    padding: .65rem 1rem;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.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;
}
.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);
}
.card.card-style .card-header .card-link.collapsed {
    border-bottom: none;
}
.popup-wrapper {
    width: 100%;
    line-height: 1.8rem;
}
.login-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    font-size: 1.125rem;
}

.login-wrapper .login-box {
    width: 100%;
    background-color: #ffff;
    padding:2.5rem 6%
}
.login-wrapper .register-box {
    width: 100%;
    background-color: #ececec;
    padding:2.5rem 6%;
    line-height: 1.8rem;
}
.login-wrapper .register-box ul li {
    position: relative;
    padding-left:1.7rem;
    margin-bottom: .725rem;
}
.login-wrapper .register-box ul li:after {
    content:'';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #000;
    border-radius: 100%;
    left:1px;
    top:12px;
}
.login-wrapper h2 {
    font-weight: normal;
    margin-bottom: 1.725rem;
}

.login-wrapper .form-group {
    margin-bottom: 1.475rem;
}

@media(min-width: 768px) {
    .login-wrapper {
        flex-direction: row;
        height: 100vh;
    }
    .login-wrapper .login-box {
        width: 50%;
        padding:3rem 6%
    }
    .login-wrapper .register-box {
        width: 50%;
        padding:3em 6%
    }
}

.login-wrapper .remember-box, .login-wrapper .forgotten {
    font-size:14px;
}

.register-wrapper {
    padding:2rem 4%;
    font-size: 1.025rem;
}
.register-wrapper .form-horizontal .control-label {
    text-align: left;
}

.register-wrapper .inner-box  {
    padding:.5rem 1.5rem;
}
.register-wrapper .right-line  {
    border-right:1px solid #efefef;
}
.login-btn-text{
    font-size: 1.5rem;
    font-weight: 600;
}
.login-text{
    color: #999999;
}
.registration-content .radio.active{
    background: #aaaaaa;
    color: #fff;
}

.registration-content .radio{
    padding: 10px 15px;
    background: #efefef;
    color: #3e3d3d;
    display: inline-block;
    border-radius: 5px;
}
.registration-content .form-group label{
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
}
.registration-content .form-group label:before{
    box-sizing: border-box;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #3e3d3d;
    /*margin: 0 8px;*/
    vertical-align: middle;
    display: inline-block;
    transition: 0.1S;
    margin-top: -2px;
}
.registration-content .form-group label:before {
    margin-left: 0px;
    margin-right: 15px  ;
}
@media (min-width: 1024px) {
    .registration-content .form-group label:before {
        margin-right: 18px  ;
    }
}
/*.form-group span:last-child label:before {
    margin-right: 0px;
}*/
.registration-content .form-group input[type="radio"]{
    /*opacity: 0;*/
    display: none;
}

.registration-content .form-group input:checked + label:before{
    color: #e60012;
    border: 1px solid #e60012;
}

.registration-content .form-group input:checked + label:after {
    width: 10px;
    height: 10px;
    background: #e60012;
    position: absolute;
    left: 11px;
    top:50%;
    /*top:30%;*/
    margin-top: -5px;
    /*margin-bottom: auto;*/
    /*box-sizing: border-box;*/
    content: " ";
    border-radius: 50%;
    display: inline-block;

}

.registration-content .form-group input:checked + label:after {
    left: 3px;
}
.bootstrap-select{
    width: 100% !important;
    border: 1px solid #cccccc;
}
.bootstrap-select .btn-light{
    background: #fff;
}
.checkout-section .table-header{
    background: #fafafa;
}

.checkout-section{
    border-radius: 10px;
}
.quantity-input{
    max-width: 80px;
    text-align: center;
}

.box-cart-qty button{
    width: 38px;
    display: flex;
    justify-content: center;
}
.box-cart-qty button,.box-cart-qty input{
    background: transparent;
    border-radius: 0;
    border: 1px solid #cccccc;
}
.registration-form-wrapper .form-group .control-label{
    margin-bottom: 0px;
}
.add-btn,.del-btn{
    border-radius: 50px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
}
.add-btn{
    width: 40px;
    height: 40px;

}
.del-btn{
    width: 32px;
    height: 33px;
    font-size: 1rem;
}
#registration-form .form-control{
    border-radius: 0;
}
.receipt-detail{
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    padding: 50px 30px;
}
#input-payment-code .registration-content:not(:last-child){
    margin-right: 30px;
}
#input-payment-code .form-group input:checked + label:after{
    margin-top: -6px;
}
.term-content{
    padding: 30px 15px;
    background: #efefef;
}
.receipt-desc{
    font-size: 0.8rem;
    color: #a4a4a4;
}
.agree{
    color: #e60012;
}
.prev-btn{
    left: -10px;
}
.next-btn{
    right: -10px;
}
.next-btn,.prev-btn{
    width: 30px;
    height: 30px;
    background: #ededed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 9;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -30px;

}
@media (min-width: 768px) {
    .next-btn,.prev-btn {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
}
@media (min-width: 1024px) {
    .next-btn,.prev-btn {
        width: 60px;
        height: 60px;
    }
}
.fix-slidesow-postion{
    position: relative;
}
.logo-box{
    border: 3px solid #f4f4f4;
    transition: all 0.5s;
}
.logo-box:hover{
    border: 3px solid #e60012;
}
.download-btn:first-child{
    margin-right: 20px;
}
.download-btn{
    background: #efefef;
    border-radius: 0px;
    padding: 10px 25px;
    display: inline-block;
}
.friends-info label{
    width: max-content;
}
.friends-info .form-control{
    border-radius: 0px;
    border-color: #c7c7c7;
}
.friend-custom-field{
    display: flex;
    flex-wrap: wrap;
}
.friend-custom-value{
    width: 20%;
}
.sub-title{
    color: #c7c7c7;
    font-size: 0.8rem;
    font-weight: 0;
}
.custom-field-content:first-child .friend-custom-field{
    border-bottom: 1px #cccccc solid;
    padding-bottom: 40px;
    margin-bottom: 40px;

}
.friend-btn:hover,.friend-btn:focus{
    color: #fff;
}
.friend-btn{
    width: 140px;
    background: #333333;
    color: #fff;
    border-radius: 0px;
}
.other-list:not(:last-child){
    border-bottom: 1px solid #ebebeb;
}
.donation-form{
    background: #fafafa;
    padding: 40px 20px;
}
@media (min-width: 768px) {
    .donation-form {
        padding: 60px 30px;
    }
}
.item-content .item-list:not(:last-child){
    border-bottom: 1px solid #ebebeb;
}
.item-content .item-list{
    padding: 20px 15px;
}
@media (min-width: 768px) {
    .item-content .item-list {
        padding: 20px 30px;
    }
}
.item-content{
    background: #fff;
}
.item-content .col-md-6:first-child:after{
    content: " ";
    position: absolute;
    right: 0;
    color: #dddddd;
    height: 30px;
    width: 1px;
    margin-top: -2.5px;
    background: #dddddd;
}
.add-item-btn{
    width: 124px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bcbcbc;
    color: #bcbcbc;
    cursor: pointer;
}
.submit-btn:hover{
    color: #fff;
}
.submit-btn{
    background: #e60012;
    color: #fff;
    width: 200px;
}
.remark ul{
    margin-bottom: 0px;
}
.remark{
    padding: 20px 30px;
}
.add-item-box img{
    border: #bcbcbc 1px solid;
    margin-right: 5px;
}
.submit-btn:focus{
    box-shadow: unset;
    color: #fff;
}
.donation-project .radio{
    padding: 10px 15px;
}
@media (min-width: 768px) {
    .donation-project .radio{
        padding: 10px 20px;
    }
}
.project-listting{
    border-radius: 5px;
    margin-bottom: 20px;
}
.project-listting:nth-child(odd){
    background: #aaaaaa;
}
.project-listting:nth-child(even){
    background: #efefef;
}
.project-content-text{
    padding: 20px 15px;
}
@media (min-width: 1024px) {
    .project-content-text{
        padding: 20px 50px;
        max-width: 75%;
    }
}

.project-listting input[type="radio"]{
    /*opacity: 0;*/
    display: none;
}
.project-listting .radio{
    position: relative;
    cursor: pointer;
}
.project-listting .radio:before{
    box-sizing: border-box;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #3e3d3d;
/*margin: 0 8px;*/
    vertical-align: middle;
    display: inline-block;
    transition: 0.1S;
    margin-top: -3px;
}
.project-listting:nth-child(odd) .radio:before{
    border: 1px solid #fff;
}
.project-listting input:checked + .radio:before{
    color: #e60012;
    border: 1px solid #e60012;
}

.project-listting input:checked + .radio:after {
    width: 10px;
    height: 10px;
    background: #e60012;
    position: absolute;
    left: 3px;
    top:50%;
    /*top:30%;*/
    margin-top: -5px;
    /*margin-bottom: auto;*/
    /*box-sizing: border-box;*/
    content: " ";
    border-radius: 50%;
    display: inline-block;

}
.registration-content .form-group #input-other-price + label:after {
    margin-top: -6px;
}
.project-listting input:checked + label:after {
    left: 3px;
}
.price-content .radio input{
    max-width: 150px;
    display: inline;
}
.price-content .radio{
    width: 100%;
}
@media (min-width: 768px) {
    .price-content .radio{
        width: 45%;
        margin-right: 15px;
    }
}
@media (min-width: 1200px) {
    .price-content .radio{
        width: 20%;
    }
}
#button-registration{
   /* width: 200px;*/
}
.fix-donation-label .input-area{
    width: 78%;
}

.fix-donation-label .control-label{
    width: 22%;
}
.input-contact-address .control-label{
    width: 22%;
}
.input-contact-address .input-area{
    width: 78%;
}
@media (min-width: 768px) {
    .input-contact-address .control-label{
        width: 10.7%;
    }
    .input-contact-address .input-area{
        width: 89%;
    }
}
.cat-radio .radio:not(:last-child){
    margin-right: 15px;
}
.donation-project.price-content .radio.active{
    background: #e60012;
}
.donation-project.price-content .form-group input:checked + label:before{
    color: #fff;
    border: 1px solid #fff;
}
.donation-project.price-content .form-group input:checked + label:after{
    color: #fff;
    border: 1px solid #fff;
    background: #fff;
}
.old-price{
    text-decoration: line-through;
    font-size: 0.5rem;
}
.new-price{
    color: #e60012;
}
.btn-default{
    border: #0a001f 1px solid;
}
.fix-news-listing .news-date{
    min-width: 100px;
}
#slideshow .slick-dots{
    text-align: right;
    max-width: 90%;
}

.news-listing h4, .news-listing h5{
    -webkit-line-clamp: 1;
}
@media (max-width: 1400px){
    .container{max-width: 100%;}
}
@media (min-width: 992px) and (max-width: 1400px){
.header-top .container{
    padding-right: 60px;
}
}
@media (min-width: 768px) and (max-width: 992px){
    .top-fontsize{
        position: absolute;
        top: 30px;
        right: 35px;
    }
}
@media (min-width: 575.98px) and (max-width: 768px){
    .top-fontsize{
        position: absolute;
        top: 22px;
        right: 35px;
    }
}
.top-fontsize a:hover{
    color: #e60012;
}
@media (min-width: 992px) and (max-width: 1600px){
    .header-left,.box-logo{height: 100%}
    .box-logo>a{
        display: flex;
        height: 100%;
        align-items: center;
    }
}
.index-slideshow-text-box-in p,.index-slideshow-text-box-in span{
    color: #fff !important;
}