#main-banner-section .text-banner-group,
#sub-banner-section .text-banner-group {
	padding:70px 0;
}

/* ***** DEFAULT BANNER  ***** */

.banner-section,
.banner-section > .inside {
	position:relative;
}
.banner-section {
	overflow:hidden !important;
	background-color:rgba(0,0,0,1);
}

.banner-section>.inside .secimg > .secimg-size + .secimg-banner:before {
	display: none !important;
}
.banner-section-inside,
.banner-section-inside .banner-list {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.banner-section-inside .banner-list > .banner-inside {
    display: block;
    width: 100%;
    height: 100%;
}
.banner-section-inside .banner-list > .banner-inside.img-banner-section,
.banner-section-inside .banner-list > .banner-inside.iframe-banner-section {
    position: relative;
    z-index: 1;
}
.banner-section-inside .banner-list > .banner-inside.text-banner-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}
.banner-section-inside .banner-list > .banner-inside.text-banner-section > .inside {
	width: 1170px;
	height:100%;
	margin:0 auto;
	padding:60px 20px 0 20px;
}

/* --- text banner --- */

.banner-section-inside .text-banner-group {
	position:relative;
}
.banner-section-inside .text-banner-group .main-topic {
	position:relative;
	font-size:35px;
	line-height:45px;
}
.banner-section-inside .text-banner-group .sub-topic {
	position:relative;
	font-size:20px;
	line-height:35px;
}
.banner-section-inside .text-banner-group .description {
	position:relative;
	line-height:25px;
}
.banner-section-inside .text-banner-group .description,
.banner-section-inside .text-banner-group .btn-underline {
	font-size:17px;
	font-weight:400;
	letter-spacing:0.8px;
}
.banner-section-inside .text-banner-group .topic-row + .btn-row,
.banner-section-inside .text-banner-group .main-topic + .description,
.banner-section-inside .text-banner-group .sub-topic + .description {
	margin-top:25px;
}

/* --- iframe banner --- */

.banner-section-inside .banner-list > .banner-inside.iframe-banner-section {}
.banner-section-inside .banner-list > .banner-inside.iframe-banner-section .bg-play-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 2;;
}

/* --- position --- */

/* x align */
.x-align-left { text-align:left !important; }
.x-align-center { text-align:center !important; }
.x-align-right { text-align:right !important; }

/* y align */
.y-align-top { vertical-align:top !important; }
.y-align-middle { vertical-align:middle !important; }
.y-align-bottom { vertical-align:bottom !important; }

.banner-section-inside .banner-list > .text-banner-section > .inside .btn-group.x-align-center,
.banner-section-inside .banner-list > .text-banner-section > .inside .btn-underline-group.x-align-center {
    margin: 0 auto !important;
}

.banner-section-inside .banner-list > .text-banner-section > .inside .btn-group.x-align-right,
.banner-section-inside .banner-list > .text-banner-section > .inside .btn-underline-group.x-align-right {
	margin:0 0 0 auto !important;
}

/* --- btn play video --- */

.btn-play-video {
	margin-left:45px !important;
}
.btn-play-video > .icon-play {
	position:absolute;
	display:inline-block;
	top:-2.5px;
	left:-45px;
	width:30px;
	height:30px;
	border-radius:100%;
	font-size:10px;
	line-height:30px;
	text-align:center;
	text-shadow:none !important;
	padding-left:4px;
}
.banner-section-inside .banner-list > .text-banner-section .btn-play-video > .icon-play,
.banner-section-inside .banner-list > .text-banner-section .btn-play-video:hover > .icon-play {
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
}

/* white */
.banner-section-inside .banner-list > .text-banner-section.textcolor-white .btn-play-video > .icon-play {
	background-color:rgba(255,255,255,0.3);
	color:rgba(255,255,255,1);
}
.banner-section-inside .banner-list > .text-banner-section.textcolor-white .btn-play-video:hover > .icon-play {
	background-color:rgba(255,255,255,1);
	color:rgba(0,0,0,1);
}

/* black */
.banner-section-inside .banner-list > .text-banner-section.textcolor-black .btn-play-video > .icon-play {
	background-color:rgba(0,0,0,0.3);
	color:rgba(0,0,0,1);
}
.banner-section-inside .banner-list > .text-banner-section.textcolor-black .btn-play-video:hover > .icon-play {
	background-color:rgba(0,0,0,1);
	color:rgba(255,2552,255,1);
}

/* on iframe */

.btn-play-video.on-iframe {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -50px auto auto -50px !important;
	background: none !important;
	border-radius: 100%;
	border-width: 7px;
	border-style: solid;
	border-color: rgba(255,255,255,1);
	color: rgba(255,255,255,1);
	box-shadow:5px 5px 10px rgba(0,0,0,0.8);
	text-shadow:5px 5px 10px rgba(0,0,0,0.8);
	text-align: center;
	padding: 0 0 0 5px !important;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	z-index: 5;
}
.btn-play-video.on-iframe>i {
	font-size: 30px;
	line-height: 30px;
}
.banner-section-inside .banner-list:hover .btn-play-video.on-iframe {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.banner-section-inside .banner-list .btn-play-video.on-iframe,
.banner-section-inside .banner-list:hover .btn-play-video.on-iframe {
	transition: transform 0.3s ease;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
}

/* --- text shadow --- */

/* default */
.banner-section-inside .banner-list > .text-banner-section.textcolor-white .text-banner-group.text-shadow {
	text-shadow:2px 2px 2px rgba(0,0,0,0.3);
}
.banner-section-inside .banner-list > .text-banner-section.textcolor-black .text-banner-group.text-shadow {
	text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

/* white */
.banner-section-inside .banner-list > .text-banner-section.textcolor-white .text-banner-group [ class*="title-" ] {
	text-shadow:2px 2px 3px rgba(0,0,0,0.4);
}
.banner-section-inside .banner-list > .text-banner-section.textcolor-white .text-banner-group .description,
.banner-section-inside .banner-list > .text-banner-section.textcolor-white .text-banner-group .btn-underline {
	text-shadow:2px 2px 2px rgba(0,0,0,0.6);
}

/* black */
.banner-section-inside .banner-list > .text-banner-section.textcolor-black .text-banner-group [ class*="title-" ] {
	text-shadow:2px 2px 5px rgba(255,255,255,0.4);
}
.banner-section-inside .banner-list > .text-banner-section.textcolor-black .text-banner-group .description,
.banner-section-inside .banner-list > .text-banner-section.textcolor-black .text-banner-group .btn-underline {
	text-shadow:2px 2px 3px rgba(255,255,255,0.6);
}

/* --- bg transparent --- */

.banner-section-inside .banner-list > .text-banner-section.bg-transparent:before {
	position:absolute;
	content:"";
	width:100%;
	left:0;
	right:0;
	z-index:1;
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent > .inside {
	z-index:2;
}

/* top */
.banner-section-inside .banner-list > .text-banner-section.bg-transparent[ data-y-align="top" ]:before {
	top:0;
	bottom:0;
	height:100%;
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-white[ data-y-align="top" ]:before {
	background:rgba(0,0,0,0.4);
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-black[ data-y-align="top" ]:before {
	background:rgba(255,255,255,0.4);
}

/* middle */
.banner-section-inside .banner-list > .text-banner-section.bg-transparent[ data-y-align="middle" ]:before {
	top:0;
	bottom:0;
	height:100%;
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-white[ data-y-align="middle" ]:before {
	background:rgba(0,0,0,0.4);
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-black[ data-y-align="middle" ]:before {
	background:rgba(255,255,255,0.4);
}

/* bottom */
.banner-section-inside .banner-list > .text-banner-section.bg-transparent[ data-y-align="bottom" ]:before {
	top:auto;
	bottom:0;
	height:50%;
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-white[ data-y-align="bottom" ]:before {
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9) );
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-black[ data-y-align="bottom" ]:before {
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9) );
}

/* ***** SUB BANNER  ***** */

#sub-banner-section .banner-section-inside .banner-list > .text-banner-section.bg-transparent[ data-y-align="bottom" ]:before {
	display:none !important;
}
#sub-banner-section .banner-section-inside .text-banner-group .main-topic {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
}
#sub-banner-section .banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-white:after {
	position: absolute;
    content: "";
    width: 100%;
	height: 100%;
    left: 0;
    right: 0;
	top: 0;
    bottom: 0;        
    background: rgba(0,0,0,0.5);
	z-index: 1;
}

#sub-banner-section .text-banner-group {
	width:90%;
	margin:0 auto;
}
#sub-banner-section .title-page + .main-topic {
	margin-top:20px;
}
#sub-banner-section .status-group {
	position:relative;
}
#sub-banner-section .main-topic + .status-group {
	margin-top:20px;
	padding-top:30px;
}
#sub-banner-section .main-topic + .status-group:before {
	position: absolute;
	width:100px;
	height:2px;
	content:"";
	left:50%;
	margin-left:-50px;
	top:0;
}
#sub-banner-section .textcolor-white .main-topic + .status-group:before {
	background-color:rgba(255,255,255,1);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#sub-banner-section .textcolor-black .main-topic + .status-group:before {
	background-color:rgba(0,0,0,1);
}




/* lg more */
@media (min-width:1200px) and (max-width:1649px) {
.banner-section-inside .banner-list > .banner-inside.text-banner-section > .inside {
	width: 1140px;
}
.banner-section-inside .text-banner-group .main-topic {
    font-size: 30px;
    line-height: 40px;
}
.banner-section-inside .text-banner-group .sub-topic {
    font-size: 18px;
    line-height: 30px;
}
.banner-section-inside .text-banner-group .description,
.banner-section-inside .text-banner-group .btn-underline {
	font-size:15px;
    line-height: 25px;
}
.banner-section-inside .text-banner-group .topic-row + .btn-row,
.banner-section-inside .text-banner-group .main-topic + .description,
.banner-section-inside .text-banner-group .sub-topic + .description {
    margin-top: 20px;
}

/* ***** SUB BANNER  ***** */

#sub-banner-section .text-banner-group {
    padding: 35px 0;
}
#sub-banner-section .banner-section-inside .text-banner-group .main-topic {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
}
#sub-banner-section .main-topic + .status-group {
    margin-top: 15px;
    padding-top: 25px;
}
}

/* md */
@media (min-width:992px) and (max-width:1199px) {
.banner-section-inside .banner-list > .banner-inside.text-banner-section > .inside {
	width: 950px;
}
.banner-section-inside .text-banner-group .main-topic {
    font-size: 25px;
    line-height: 35px;
}
.banner-section-inside .text-banner-group .sub-topic {
    font-size: 18px;
    line-height: 30px;
}
.banner-section-inside .text-banner-group .description {
    line-height: 22px;
}
.banner-section-inside .text-banner-group .description,
.banner-section-inside .text-banner-group .btn-underline {
    font-size: 14px;
    letter-spacing: 0.8px;
}
.banner-section-inside .text-banner-group .topic-row + .btn-row,
.banner-section-inside .text-banner-group .main-topic + .description,
.banner-section-inside .text-banner-group .sub-topic + .description {
    margin-top: 15px;
}

#main-banner-section .text-banner-group {
	padding:50px 0;
}

/* ***** SUB BANNER  ***** */

#sub-banner-section .text-banner-group {
    padding: 35px 0;
	width: 80%;
}
#sub-banner-section .banner-section-inside .text-banner-group .main-topic {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
}
#sub-banner-section .main-topic + .status-group {
    margin-top: 15px;
    padding-top: 25px;
}
}

/* sm - xs */
@media (max-width:991px) {

/* ***** SUB BANNER  ***** */
#sub-banner-section .text-banner-group {
    padding: 40px 0;
	width: 100%;
}
#sub-banner-section .banner-section-inside .text-banner-group .main-topic {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}
#sub-banner-section .main-topic + .status-group {
    margin-top: 15px;
    padding-top: 25px;
}
#sub-banner-section .banner-section-inside .banner-list > .text-banner-section > .inside [ class*="y-align-" ] {
    vertical-align: middle !important;
}

}

/* sm */
@media (min-width:768px) and (max-width:991px) {
.banner-section-inside .banner-list > .banner-inside.text-banner-section > .inside {
	width: 700px;
	padding-top:0;
	padding-bottom:0;
}
.banner-section-inside .text-banner-group .main-topic {
    font-size: 25px;
    line-height: 35px;
}
.banner-section-inside .text-banner-group .sub-topic {
    font-size: 18px;
    line-height: 30px;
}
.banner-section-inside .text-banner-group .description {
    line-height: 22px;
}
.banner-section-inside .text-banner-group .description,
.banner-section-inside .text-banner-group .btn-underline {
    font-size: 14px;
    letter-spacing: 0.8px;
}
.banner-section-inside .text-banner-group .topic-row + .btn-row,
.banner-section-inside .text-banner-group .main-topic + .description,
.banner-section-inside .text-banner-group .sub-topic + .description {
    margin-top: 15px;
}

#main-banner-section .text-banner-group {
	padding:50px 0;
}

/* ***** SUB BANNER  ***** */
#sub-banner-section .text-banner-group {
    padding: 50px 0 0 0;
}
}

/* xs */
@media (max-width:767px) {
.banner-section-inside .banner-list > .banner-inside.text-banner-section > .inside {
	width: 100%;
	padding:0 30px !important;
}
.banner-section-inside .text-banner-group .main-topic {
    font-size: 20px;
    line-height: 30px;
}
.banner-section-inside .text-banner-group .sub-topic {
    font-size: 16px;
    line-height: 25px;
}
.banner-section-inside .text-banner-group .description {
    line-height: 20px;
}
.banner-section-inside .text-banner-group .description,
.banner-section-inside .text-banner-group .btn-underline {
    font-size: 12px;
    letter-spacing: 0.5px;
}
.banner-section-inside .text-banner-group .topic-row + .btn-row,
.banner-section-inside .text-banner-group .main-topic + .description,
.banner-section-inside .text-banner-group .sub-topic + .description {
    margin-top: 15px;
}

.banner-section-inside .banner-list > .text-banner-section > .inside [ class*="x-align-" ] {
	text-align:center !important;
}
.banner-section-inside .banner-list > .text-banner-section > .inside [ class*="y-align-" ] {
	vertical-align:bottom !important;
}
.banner-section-inside .banner-list > .text-banner-section > .inside .btn-group[ class*="x-align-" ],
.banner-section-inside .banner-list > .text-banner-section > .inside .btn-underline-group[ class*="x-align-" ] {
    margin: 0 auto !important;
}
.banner-section-inside .banner-list > .text-banner-section > .inside .btn-group,
.banner-section-inside .banner-list > .text-banner-section > .inside .btn-underline-group {
    float: none !important;
	margin:0 auto !important;
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent:before {
    top: auto !important;
    bottom: 0 !important;
    height: 50% !important;
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-white:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8) ) !important;
}
.banner-section-inside .banner-list > .text-banner-section.bg-transparent.textcolor-black:before {
    background: linear-gradient(to bottom, rgba(255,255,255), rgba(255,255,255,0.4) ) !important;
}

#main-banner-section .text-banner-group {
	padding:40px 0;
}
}

/* xs more */
@media (max-width:350px) {
}