/* 
    Author: thuannv
    CreateDate: 20200305
    Description: css this page
*/
.pd-tb15{padding-top:15px;padding-bottom:15px;}
.mg-tb15{margin-top:15px; margin-bottom:15px;}

.logo-ntc-carousel .carousel-inner .carousel-item ul.ntc-item{
    /*width: 220px;
    height: 200px;*/
    list-style-type: none;
    padding: 0;
    text-align:center;
}
.logo-ntc-carousel .carousel-inner .carousel-item ul.ntc-item li{
    display: inline-block;
    max-width: 90px;
    max-height: 90px;
    line-height: 50px;
    margin: 5px;
}

.logo-ntc-carousel{min-height:160px;}
.logo-ntc-carousel .carousel-inner .carousel-item .row{margin:0px;}
.logo-ntc-carousel .carousel-inner .carousel-item .row .col-4{padding:0px;}
.logo-ntc-carousel .carousel-control-next-icon, .logo-ntc-carousel .carousel-control-prev-icon{padding:2px; background-color:#ffbe30; opacity:1;}
.logo-ntc-carousel .carousel-inner .carousel-item .card{margin:5px;border:none; background-color:#f7f7f7;}
/*.logo-ntc-carousel .carousel-inner .carousel-item img{
    width:85px; 
    height:80px;
    height:100%;
}*/
/*.logo-ntc-carousel .carousel-inner .carousel-item img:hover{
    border:1px solid #ff3e00;
}*/

.logo-address-carousel{min-height:160px;}
.logo-address-carousel .carousel-inner .carousel-item .row{margin:0px;}
.logo-address-carousel .carousel-inner .carousel-item .row .col-4{padding:0px;}
.logo-address-carousel .carousel-control-next-icon, .logo-address-carousel .carousel-control-prev-icon{padding:2px; background-color:#ffbe30; opacity:1;}
.logo-address-carousel .carousel-inner .carousel-item .card{margin:5px;border:none; background-color:#f7f7f7;}
/*.logo-address-carousel .carousel-inner .carousel-item img{width:85px; height:80px;}*/

.logo-hhnh-carousel{min-height:160px;}
.logo-hhnh-carousel .carousel-inner .carousel-item .row{margin:0px;}
.logo-hhnh-carousel .carousel-inner .carousel-item .row .col-4{padding:0px;}
.logo-hhnh-carousel .carousel-control-next-icon, .logo-hhnh-carousel .carousel-control-prev-icon{padding:2px; background-color:#ffbe30; opacity:1;}
.logo-hhnh-carousel .carousel-inner .carousel-item .card{margin:5px;border:none; background-color:#f7f7f7;}
/*.logo-hhnh-carousel .carousel-inner .carousel-item img{width:85px; height:80px;}*/

.logo-association-carousel{min-height:160px;}
.logo-association-carousel .carousel-inner .carousel-item .row{margin:0px;}
.logo-association-carousel .carousel-inner .carousel-item .row .col-4{padding:0px;}
.logo-association-carousel .carousel-control-next-icon, .logo-association-carousel .carousel-control-prev-icon{padding:2px; background-color:#ffbe30; opacity:1;}
.logo-association-carousel .carousel-inner .carousel-item .card{margin:5px 5px 15px;border:none; background-color:#f7f7f7;}
.logo-association-carousel .carousel-inner .carousel-item .col-3{padding-right:5px; padding-left:5px;}
.logo-association-carousel .carousel-inner .carousel-item .col-4{padding-right:5px; padding-left:5px;}
/*.logo-association-carousel .carousel-inner .carousel-item img{width:85px; height:80px;}*/

/* features-section - start */
.features-section {background-color: #f9f9f9;}
.features-section h2.title {margin-bottom: 50px;}
.features-section .feature {
	width: 100%;
	height: auto;
	padding: 30px;
	min-height: 205px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 30px;
	background: #ffffff;
}
.features-section .feature span {
	width: 80px;
	height: 80px;
	text-align: center;
	/*margin: 0 auto 15px;*/
}
.features-section .feature h3 {
	margin: 0px;
	color: #151515;
	font-size: 16px;
}
/* features-section - end */

/*@media screen and (max-width: 991px) {
	.preview-page,
	.features-section .feature {
		max-width: 350px;
		margin: 0 auto 30px;
	}
}*/

.list-logo-doi-tac .feature {
	/*width: 100%;*/
	height: auto;
	/*padding: 5px;*/
	/*min-height: 84px;*/
	text-align: center;
	border-radius: 3px;
	margin-bottom: 15px;
	background: #ffffff;
}
.list-logo-doi-tac .feature span {
	/*width: 80px;
	height: 80px;*/
	/*text-align: center;
	margin: 0 auto 15px;*/
}
.list-logo-doi-tac .feature h3 {
	margin: 0px;
	color: #151515;
	font-size: 16px;
}

.list-logo-small .feature {
	/*width: 100%;*/
	height: auto;
	/*padding: 5px;*/
	/*min-height: 84px;*/
	text-align: center;
	border-radius: 3px;
	margin-bottom: 15px;
	background: #ffffff;
}
.list-logo-small .feature span {
	/*width: 80px;
	height: 80px;*/
    /*max-width:80px;
    max-height:80px;*/
	/*text-align: center;
	margin: 0 auto 15px;*/
}
.list-logo-small .feature span img{
    /*max-width:80px;
    max-height:80px;
    margin: 0 auto;*/
}
.list-logo-small .feature h3 {
	margin: 0px;
	color: #151515;
	font-size: 16px;
}

/* banner-top - start */
.section-bg{background-color: #f9f9f9;}
.banner-top .feature span {
    max-width:100%;
	height: 90px;
}
.banner-top .feature span img {
	height: 90px;
	max-width: 100%;
}
.banner-top .banner-left-pd {
    padding-right:0px;
}
.banner-top .banner-right-pd {
    padding-left:0px;
}
/* banner-top - end */
/*side-bar*/
.sidebar-news .location-info-list{padding-bottom:10px;}
.sidebar-news .location-info-list .area-name {
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 3px;
    text-align: center;
    color: #ffbe30;
    text-transform: capitalize;
    background-color: #ffffff; }
.sidebar-news .location-info-list ul { width: 100%; display: table; }
.sidebar-news .location-info-list ul li { margin-bottom: 5px; color: #333333; font-size: 14px; }
.sidebar-news .location-info-list ul li:last-child { margin-bottom: 0px; }
.sidebar-news .location-info-list ul li i { color: #ffbe30; }

.sidebar-register .register-box{padding-bottom:10px;}
.event-section .tab-content .pagination ul{margin-top:0px; margin-bottom:15px;}

.reviews-section .speaker-carousel {position: relative; margin-bottom:30px;}
.reviews-section .speaker-carousel .slider-for .item .speaker-image { padding: 0px 70px; position: relative; margin-bottom: -8px; }
.reviews-section .speaker-carousel .slider-for .item .speaker-image img { width: 100%; height: 100%; display: block; }
.reviews-section .speaker-carousel .slider-for .item .speaker-image .speaker-name {
    z-index: 1;
    left: -100px;
    bottom: 160px;
    color: #dddddd;
    position: absolute;
    padding-left: 90px;
    font-size: 24px;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
      .reviews-section .speaker-carousel .slider-for .item .speaker-image .speaker-name:after {
        left: 0;
        top: 50%;
        width: 80px;
        height: 2px;
        content: '';
        position: absolute;
        background-color: #dddddd;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
.reviews-section .speaker-carousel .slider-for .item .speaker-content { padding-top: 50px; padding-bottom: 100px; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info { padding-right: 100px; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-title { color: #333333; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-title .speaker-name {
    margin-right: 30px;
    padding-right: 30px;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    border-right: 1px solid #878787; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-social-network { width: 100%; display: table; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-social-network ul { display: table; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-social-network ul li { margin-right: 15px; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-social-network ul li:last-child { margin-right: 0px; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-social-network ul li a { color: #878787; font-size: 18px; }
.reviews-section .speaker-carousel .slider-for .item .speaker-content .speaker-info .speaker-social-network ul li a:hover { color: #ffbe30; }
.reviews-section .speaker-carousel .slider-nav {
    right: 0;
    width: 100%;
    margin: 0px;
    height: auto;
    /*bottom: 20px;*/
    /*position: absolute;*/
    /*padding-bottom: 15px;*/ 
}
.reviews-section .speaker-carousel .slider-nav .item { padding: 35px 8px 20px 8px; }
.reviews-section .speaker-carousel .slider-nav .item .item-content {
z-index: 1;
opacity: .8;
padding: 15px;
cursor: pointer;
padding-top: 45px;
text-align: center;
position: relative;
background-color: #ffffff;
-webkit-box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.2); }
.reviews-section .speaker-carousel .slider-nav .item .item-content:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    content: '';
    position: absolute;
    background: -webkit-gradient(linear, left top, right bottom, from(#ff3e00), to(#ffbe30));
    background: -webkit-linear-gradient(top left, #ff3e00, #ffbe30);
    background: -o-linear-gradient(top left, #ff3e00, #ffbe30);
    background: linear-gradient(to bottom right, #ff3e00, #ffbe30);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.reviews-section .speaker-carousel .slider-nav .item .item-content .speaker-thumbnail {
    left: 50%;
    z-index: 1;
    top: -35px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 3px solid #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f0f0f0; }
.reviews-section .speaker-carousel .slider-nav .item .item-content .speaker-name {
    margin: 0px;
    font-weight: 900;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.reviews-section .speaker-carousel .slider-nav .item .item-content .sub-title {
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.reviews-section .speaker-carousel .slider-nav .item .item-content:hover { opacity: 1; }
.reviews-section .speaker-carousel .slider-nav .item .item-content:hover:before { opacity: 1; }
.reviews-section .speaker-carousel .slider-nav .item .item-content:hover .speaker-name { color: #ffffff; }
.reviews-section .speaker-carousel .slider-nav .item .item-content:hover .sub-title { color: #ffffff; }
.reviews-section .speaker-carousel .slider-nav .slick-slide.slick-current.slick-active .item-content { opacity: 1; }
.reviews-section .speaker-carousel .slider-nav .slick-slide.slick-current.slick-active .item-content:before { opacity: 1; }
.reviews-section .speaker-carousel .slider-nav .slick-slide.slick-current.slick-active .item-content .speaker-name { color: #ffffff; }
.reviews-section .speaker-carousel .slider-nav .slick-slide.slick-current.slick-active .item-content .sub-title { color: #ffffff; }
.event-section .event-tab-menu .nav li a {padding-bottom:10px;}
.event-section .event-tab-menu {padding-top: inherit;}
.list-events-continues p.events-title {background-color: red;padding: 10px 15px;}
.blog-section-box .blog-list-item {margin-bottom: unset;}
.blog-section-box .blog-list-item .blog-image{width:60%;}
.blog-section-box .blog-list-item .blog-content {width: 40%;}
.blog-section-box .blog-list-item .blog-content .blog-title a {
    color: unset;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-section-box .blog-grid-item {margin-bottom:unset;}
.blog-section-box .blog-grid-item .blog-title {border-bottom: unset;}
.blog-section-box .blog-grid-item .blog-title a {
    color:unset;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-section-box .blog-grid-item .blog-content {padding:unset;}
.blog-section-box .top1news {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.hts-valid ul {
    margin-left: 2px;
    padding-left: 0px;
    list-style: disc;
    margin-bottom: 0px;
}

.reviews-section .cus-title-reviews {
    font-size: 16px;
    font-weight: 700;
}

.box-top-news {
    padding: 0px 5px;
}

.box-top-news a {
    color: #333;
    margin-bottom: 2px;
    font-size: 13px;
    text-transform: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.box-top-news a:hover {
    color: #ffbe30;
}

.carousel-item .c-hide {
    display: none !important;
}

.events-title a {
    color: #fff;
}

.top-hot-event-section .section-title h2 {
    font-size: 24px;
    font-weight: 700;
}

.top-hot-event-section .section-title .sub-catex {
    float: left;
    margin-left: 15px;
    margin-top: 5px;
}

.top-hot-event-section .section-title .sub-cate {
    padding: 0px 5px;
}

.top-hot-event-section .section-title .sub-cate a {
    color: unset;
    font-size: 14px;
    font-weight: 600;
}

.top-hot-event-section .section-title .sub-cate a:hover {
    color: #ffbe30;
}

/*xs Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .banner-top .banner-left-pd{padding:5px 15px;}
    .banner-top .banner-right-pd{padding:5px 15px;}
    .blog-section-box .blog-list-item .blog-image {
        width: 100%;
    }
    .blog-section-box .blog-list-item .blog-content {
        width: 100%;
    }
    .blog-section-box .blog-list-item .blog-content .blog-title {
        padding-bottom:unset;
    }
    .blog-section-box .blog-list-item .blog-title {
        border-bottom:unset;
    }
    .blog-section-box .blog-list-item .blog-content {
        padding-top: unset;
    }
    .blog-section-box .blog-list-item .blog-content p {
        display: none;
    }
}

/*sm Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    .banner-top .banner-left-pd{padding:5px 15px;}
    .banner-top .banner-right-pd{padding:5px 15px;}
}

/*md Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/*lg Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { }

/*xl Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }