.row-topic.topic-page-menu {}
.row-topic.topic-page-menu > .inside > .col {
	vertical-align:bottom;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn {
	width:500px;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under {
	float:right;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under + .btn-under {
    margin-left: 25px;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under,
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under:hover {
	color:rgba(149,153,163,1) !important;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under.active,
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under.active:hover {
	color:rgba(71,73,86,1) !important;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under.under-hover.active:before,
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under.under-hover.active:hover:before {
	background-color: rgba(71,73,86,1) !important;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under.under-hover:before,
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under.under-hover:hover:before {
	background-color: rgba(149,153,163,0.5) !important;
}


/* ***** HOME ***** */

#hl-service-section {
	background-color:rgba(236,34,46,1) !important;
	overflow:hidden !important;
	z-index:2;
}
#hl-service-section .row-service-menu > .col {
	width:calc( 25% + 0.75px );
	height:320px;
	z-index:1;
}
#hl-service-section .row-service-menu > .col + .col {
	margin-left:-1px;
}
#hl-service-section .row-service-menu > .col:before,
#hl-service-section .row-service-menu > .col:after {
	position:absolute;
	height:270px;
	top:50%;
	margin-top:-135px;
	border-style:solid;
	border-width:1px;
	border-color:rgba(209,32,43,1);
	border-top: none !important;
	border-bottom:none !important;
	content:"";
	z-index:2;
}
#hl-service-section .row-service-menu > .col:before {
	border-right:none !important;
	left:0;
}
#hl-service-section .row-service-menu > .col:after {
	border-left:none !important;
	right:0;
}
/*#hl-service-section .row-service-menu > .col + .col:before {
	display:none !important;
}*/
#hl-service-section .box-service-menu {
	display:block;
	padding:40px 35px;
	background-color:rgba(209,32,43,0);
	text-align:left;
	height:100%;
	cursor:pointer !important;
	z-index:1;
}
#hl-service-section .box-service-menu:hover,
#hl-service-section .box-service-menu.hover {
	background-color:rgba(209,32,43,1);
}
#hl-service-section .box-service-menu > .inside > .group-inside > .description {
	color:rgba(255,255,255,0.6);
}
#hl-service-section .box-service-menu:hover > .inside > .group-inside > .description,
#hl-service-section .box-service-menu.hover > .inside > .group-inside > .description {
	color:rgba(255,255,255,1);
}
#hl-service-section .box-service-menu,
#hl-service-section .box-service-menu:hover,
#hl-service-section .box-service-menu.hover {
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
#hl-service-section .box-service-menu > .inside > .group-inside > .description,
#hl-service-section .box-service-menu:hover > .inside > .group-inside > .description,
#hl-service-section .box-service-menu.hover > .inside > .group-inside > .description {
	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;
}

/* hover */
/*#hl-service-section .row-service-menu > .col:hover {
	z-index:2;
}
#hl-service-section .row-service-menu > .col:hover:before,
#hl-service-section .row-service-menu > .col:hover:after {
	height:100%;
	top:0;
	margin-top: auto;
	border-color:rgba(0,0,43,1);
}*/
#hl-service-section .row-service-menu > .col:before,
#hl-service-section .row-service-menu > .col:after,
#hl-service-section .row-service-menu > .col:hover:before,
#hl-service-section .row-service-menu > .col:hover:after {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/* --- welcome --- */

#welcome-section {
	overflow:hidden;
	z-index:1;
}
#welcome-section:before {
	position:absolute;
	content:"";
	background-image: url(../../img/img.site/img-map-worldwide.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: auto 100%;
    width: 960px;
    height: 500px;
    top: -5px;
    left: 20px;
    opacity: 0.07;
}
.group-box-hl-company {
	position:relative;
	display:table;
	width: 80%;
    clear: both;
    margin: 50px auto;
}
.box-hl-company {
	position:relative;
	display:inline-block;
	float:left;
	width:calc( 100% / 3 );
	
}
.box-hl-company > .inside {
	text-align:center;
	padding:0 20px;
}
.box-hl-company > .inside .icon {
    font-size: 75px;
    line-height: 75px;
}
.box-hl-company > .inside .num {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
	letter-spacing:0.5px;
}
.box-hl-company > .inside .num .textcolor-red {
	text-shadow:2px 2px 5px rgba(236,34,46,0.3);
}
.box-hl-company > .inside .num .none-shadow {
	text-shadow: none !important;
}
.box-hl-company > .inside .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase !important;
	margin:10px 0 5px 0;
}
.box-hl-company > .inside .text {
	font-size:11px;
	line-height:15px;
	font-weight:500;
	color:rgba(71,73,86,0.8);
	text-transform: uppercase !important;
}

/* ***** ABOUT ***** */

#about-page .row-topic.topic-page-menu {
	width:736px !important;
	float:right;
}
#about-page .row-topic.topic-page-menu > .inside > .col.col-menu .row-btn {
    width: 200px;
}

/* --- about banner  --- */ 
#insidepage-banner-section.about-banner {
	z-index:1;
}
#insidepage-banner-section.about-banner .box-banner > .sec-img-banner {
	z-index:2;
}
#insidepage-banner-section.about-banner .box-banner > .sec-text-banner {
	z-index:1;
}
#insidepage-banner-section.about-banner #banner-section .box-banner {
	background-image:url(../../img/img.site/bg-sky.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:rgba(242,242,242,1);
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner  .sec-img-banner > .img-map-worldwide {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company {
	overflow:hidden;
	left:0;
	right:auto;
	top:auto;
	bottom:0;
	z-index:2;
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company:before {
	width:1206px;
	height:650px;
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company .btn-play {
	position:absolute;
	left:50%;
	margin-left:-25px;
	bottom:100px;
	/*box-shadow:5px 5px 20px rgba(0,0,0,0.7) !important;*/
	box-shadow:0 0 2px 10px rgba(0,0,0,0.2) !important;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	z-index:2;
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company .btn-play:hover {
	/*box-shadow:0 0 2px 10px rgba(0,0,0,0.5) !important;*/
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company .btn-play,
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company .btn-play:hover {
	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;
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-map-worldwide {
	overflow:hidden;
	z-index:1;
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company:before,
#insidepage-banner-section.about-banner  .sec-img-banner > .img-map-worldwide:before {
	position:absolute;
	content:"";
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-company:before {
	background-image:url(../../img/img.site/img-company.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:cover;
	background-size:auto 100%;
	left:0;
	bottom:0;
	z-index:1;
}
#insidepage-banner-section.about-banner  .sec-img-banner > .img-map-worldwide:before {
	background-image:url(../../img/img.site/img-map-worldwide.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-size:auto 100%;
	width:960px;
	height:500px;
	top:-100px;
	right:120px;
	opacity:0.07;
}
#insidepage-banner-section.about-banner .sec-about-hl {
	position:relative;
	width:360px;
	float:right;
	top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* hl company */
.sec-about-hl .group-topic .icon {
	position:relative;
    font-size: 75px;
    line-height: 75px;
	left:-10px;
}
.sec-about-hl .group-box-hl-company {
	width:100%;
	margin:50px 0 0 0;
}
.sec-about-hl .box-hl-company.inline {
	display:block !important;
	float:none !important;
	width:100% !important;
}
.sec-about-hl .box-hl-company.inline + .box-hl-company.inline {
	margin-top:15px;
}
.sec-about-hl .box-hl-company.inline > .inside {
	display:table;
	width:100%;
	clear:both;
    text-align: left;
    padding: 0;
}
.sec-about-hl .box-hl-company.inline > .inside > [ class*="col-" ] {
	position:relative;
	display:inline-block;
	float: left;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-num {
	width:110px;
	text-align:right;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text {
	width:calc( 100% - 110px );
	padding-left:40px;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text:before {
	position:absolute;
	content:"";
	border-left:1px solid rgba(23,23,25,1);
	top:0;
	left:20px;
	height:100%;
}
.sec-about-hl .box-hl-company.inline > .inside .title {
	letter-spacing:0;
}

/* --- overview --- */
#about-overview-section {
	background-color:#fff !important;
	z-index:2;
}

/* --- gallery --- */
.slide-gallery,
.slide-gallery .img-gallery,
.slide-gallery .img-gallery > img {
	position:relative;
	display:block;
}
.slide-gallery,
.slide-gallery .img-gallery {
	height:350px;
}
.slide-gallery .img-gallery > .img {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.slide-gallery .img-gallery > img {
	width: auto !important;
	max-width:none !important;
	height:100%;
}
.slide-gallery.owl-carousel .owl-stage-outer,
.slide-gallery.owl-carousel .owl-stage,
.slide-gallery.owl-carousel .owl-item {
	height:100% !important;
}

.slide-gallery .owl-nav {
	top:-90px;
	bottom:auto;
	left:50%;
	margin-left:-585px /* 1170 / 2 = 585 --> 585 - 90 = 495 */
}

/* img hover */
.img-hover {
	position:relative;
	overflow:hidden !important;
}
.img-hover:before {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,1);
	content:"";
	opacity:0;
	z-index:2;
}
.img-hover:hover:before {
	opacity:0.2;
}
.img-hover i {
	position:absolute;
	top:10px;
	right:10px;
	width:30px;
	height:30px;
	font-size:18px;
	text-align:center;
	color:#fff;
	opacity:0;
	z-index:3;
}
.img-hover:hover i { opacity:1; }
.img-hover i,
.img-hover i:before {
	line-height:30px !important;
}
.img-hover .this-img-hover {
	position:relative;
	transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
	z-index:1;
}
.img-hover:hover .this-img-hover {
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.img-hover i,
.img-hover:hover i,
.img-hover:before,
.img-hover:hover:before,
.img-hover .this-img-hover,
.img-hover:hover .this-img-hover {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* fancybox */
.fancybox-bg {
    background: #000 !important;
}
.fancybox-caption__body {
	text-transform:uppercase !important;
	font-size: 12px;
    line-height: 15px;
	font-weight:500;
	letter-spacing:1px;
}
.fancybox-caption__body .font-num {
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
}


/* ***** SERVICE ***** */

/* --- home --- */ 
.row-service-menu,
.row-service-menu > .col {
	position:relative;
}
.row-service-menu {
	display:table;
	width:100%;
	clear:both;
}
.row-service-menu > .col {
	display:inline-block;
	float:left;
	width:25%;
}

.box-service-menu,
.box-service-menu > .inside,
.box-service-menu > .inside > .group-inside {
	position:relative;
}
.box-service-menu,
.box-service-menu:hover {
	color:rgba(255,255,255,1) !important;
}
.box-service-menu > .inside > .group-inside {
	padding-bottom:60px;
}
.box-service-menu > .inside > .group-inside > .icon {
	font-size:75px;
	line-height:75px;
}
.box-service-menu > .inside > .group-inside > .title {
	font-size:18px;
	line-height:20px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase !important;
	margin:15px 0;
}
.box-service-menu > .inside > .group-inside > .description {
	font-size:13px;
	line-height:20px;
}
.box-service-menu > .inside > .group-inside > .btn-arrow {
	position:absolute;
	bottom:0;
	width:45px;
	height:45px;
	font-size:16px;
	line-height:42px;
	text-align:center;
	border-radius:100%;
	color:rgba(255,255,255,1);
	border:2px solid rgba(255,255,255,0.2);
	background-color:rgba(255,255,255,0);
}
.box-service-menu.hover > .inside > .group-inside > .btn-arrow,
.box-service-menu:hover > .inside > .group-inside > .btn-arrow {
	color:rgba(236,34,46,1);
	border-color:rgba(255,255,255,1);
	background-color:rgba(255,255,255,1);	
}
.box-service-menu > .inside > .group-inside > .btn-arrow,
.box-service-menu.hover > .inside > .group-inside > .btn-arrow,
.box-service-menu:hover > .inside > .group-inside > .btn-arrow {
	transition:all 0.3s ease, border 0.2s ease;
	-webkit-transition:all 0.3s ease, border 0.2s ease;
	-moz-transition:all 0.3s ease, border 0.2s ease;
	-ms-transition:all 0.3s ease, border 0.2s ease;
	-o-transition:all 0.3s ease, border 0.2s ease;
}

/* --- banner service --- */

/* banner */
#insidepage-banner-section.service-banner #banner-section .box-banner > .sec-img-banner > .inside,
#insidepage-banner-section.service-banner .row-service-banner {
	position:relative;
	width:100%;
	height:100%;
}
#insidepage-banner-section.service-banner #banner-section .box-banner > .sec-img-banner > .inside:before {
	content:"";
	background-color:rgba(0,0,0,0.6);
	z-index:2;
}
#insidepage-banner-section.service-banner .row-service-banner {
	background-color:#000;
	z-index:1;
}
#insidepage-banner-section.service-banner #banner-section .box-banner > .sec-img-banner > .inside:before,
#insidepage-banner-section.service-banner .row-service-banner > .box-img-banner {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#insidepage-banner-section.service-banner .row-service-banner > .box-img-banner {
	/*display:none;*/
	opacity:0;
	transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
}
#insidepage-banner-section.service-banner .row-service-banner > .box-img-banner.active {
	/*display:block;*/
	opacity:1;
}
#insidepage-banner-section.service-banner .row-service-banner > .box-img-banner > .img-banner {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}


/* menu */
#insidepage-banner-section.service-banner .row-service-menu {
	width:100%;
	height:100%;
}
#insidepage-banner-section.service-banner .row-service-menu > .col {
	display:table-cell;
	float:none;
	vertical-align:middle;
}
#insidepage-banner-section.service-banner .box-service-menu {
	display:table;
	width:100%;
	height:100%;
	text-align:center;
	background-color: rgba(236,34,46,0) !important;
	cursor:pointer !important;
	overflow:hidden;
	z-index:2;
}
#insidepage-banner-section.service-banner .box-service-menu .btn-arrow {
	left:50%;
	margin-left:-22.5px;
	opacity:0;
}
#insidepage-banner-section.service-banner .box-service-menu.hover .btn-arrow,
#insidepage-banner-section.service-banner .box-service-menu:hover .btn-arrow {
	left:50%;
	margin-left:-22.5px;
	opacity:1;
}
#insidepage-banner-section.service-banner .box-service-menu.hover,
#insidepage-banner-section.service-banner .box-service-menu:hover {
	background-color: rgba(236,34,46,1) !important;
}
#insidepage-banner-section.service-banner .box-service-menu,
#insidepage-banner-section.service-banner .box-service-menu.hover,
#insidepage-banner-section.service-banner .box-service-menu:hover {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
#insidepage-banner-section.service-banner .box-service-menu > .inside {
	display:table-cell;
	vertical-align:middle;
}
#insidepage-banner-section.service-banner .box-service-menu 
#insidepage-banner-section.service-banner .box-service-menu .btn-arrow {
	left:50%;
	margin-left:-22.5px;
	opacity:0;
	bottom:-15px;
}
#insidepage-banner-section.service-banner .box-service-menu.hover .btn-arrow,
#insidepage-banner-section.service-banner .box-service-menu:hover .btn-arrow {
	opacity:1;
	bottom:0;
}

/* bg icon */
#insidepage-banner-section.service-banner .box-service-menu:before {
	position:absolute;
	width:250px;
	height:250px;
	font-family: "gsl-icon-font" !important;
	font-size:240px;
	line-height:250px;
	text-align:center;
	color:rgba(0,0,0,0.1);
	bottom:-20px;
	right:-100px;
	opacity:0;
	z-index:1;
}
#insidepage-banner-section.service-banner .box-service-menu.hover:before,
#insidepage-banner-section.service-banner .box-service-menu:hover:before {
	opacity:1;
}
#insidepage-banner-section.service-banner .box-service-menu:before,
#insidepage-banner-section.service-banner .box-service-menu.hover:before,
#insidepage-banner-section.service-banner .box-service-menu:hover:before {
	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;
}
#insidepage-banner-section.service-banner .box-service-menu.service-air-freight:before {
	content: "\e022";
}
#insidepage-banner-section.service-banner .box-service-menu.service-ocean-freight:before {
	content: "\e00d";
}
#insidepage-banner-section.service-banner .box-service-menu.service-transportations:before {
	content: "\e025";
}
#insidepage-banner-section.service-banner .box-service-menu.service-customs-clearance:before {
	content: "\e00e";
}

/* --- detail service --- */

.box-service,
.box-service > .inside {
	position:relative;
}
.box-service {
	/*display:table;
	width:100%;
	clear:both;*/
}
.box-service > .inside {
	/*display: table-row;
	width:100%;
	height:100%;*/
	display:table;
	width:100%;
	clear:both;
}
.box-service > .inside > [ class*="col" ] {
	/*display:table-cell;
	vertical-align:top;*/
	display:inline-block;
	float:right;
}
/*.box-service:first-child {
	margin-top:60px;
}*/

/* col detail */
.box-service + .box-service {
	border-top:1px dashed rgba(0,0,0,0.1);
	padding-top:25px;
	margin-top:25px;
}
.box-service > .inside > .col-detail {
	width:calc( 100% - 350px );
	padding:20px 30px 20px 0;
}
.box-service > .inside > .col-detail .row-topic {}
.box-service > .inside > .col-detail .row-content {}
.box-service > .inside > .col-detail .row-content ul {
	padding-left:20px;
	margin:0 !important;
}
.group-detail-service {
	position:relative;
	display:table;
	clear: both;
	width:100%;
}
.group-detail-service > [ class*="col" ] {
	position:relative;
	display:inline-block;
	float:left;
}
.group-detail-service > .col-icon {
	width:120px;
}
.group-detail-service > .col-icon .icon {
	position:relative;
	width:80px;
	height:80px;
	font-size:55px;
	line-height:80px;
	border-radius:100%;
	text-align:center;
	background-color: rgba(28,34,102,1) !important;
	box-shadow: 5px 5px 30px rgba(28,34,102,0.5);
    color: rgba(255,255,255,1);
	margin:0 auto 20px auto;
}
.group-detail-service > .col-icon .icon i {
	position:relative;
	top:-5px;
}
.group-detail-service > .col-icon .icon:before,
.group-detail-service > .col-icon .icon:after {
	position:absolute;
	content:"";
	border-radius:100%;
}
.group-detail-service > .col-icon .icon:before {
	width:calc( 100% + 14px );
	height:calc( 100% + 14px );
	left:-7px;
	top:-7px;
	border:1px solid rgba(28,34,102,0.8);
}
.group-detail-service > .col-icon .icon:after {
	width:calc( 100% + 28px );
	height:calc( 100% + 28px );
	left:-14px;
	top:-14px;
	border:1px solid rgba(28,34,102,0.2);
}
.group-detail-service > .col-detail {
	width:calc( 100% - 120px );
	padding-left:20px;
}

/* active */
.box-service .sec-menu-scrolling.active ~ .inside .group-detail-service > .col-icon .icon {
	background-color: rgba(236,34,46,1) !important;
	box-shadow: 5px 5px 30px rgba(236,34,46,0.5);
}
.box-service .sec-menu-scrolling.active ~ .inside .group-detail-service > .col-icon .icon:before {
	border-color:rgba(236,34,46,0.8);
}
.box-service .sec-menu-scrolling.active ~ .inside .group-detail-service > .col-icon .icon:after {
	border-color:rgba(236,34,46,0.2);
}
.box-service .sec-menu-scrolling.active ~ .inside .textcolor-dark-blue {
    color: rgba(236,34,46,1) !important;
}
.box-service .sec-menu-scrolling.active ~ .inside .topic-underline.line-dark-blue:before {
    background-color: rgba(236,34,46,1);
}

.group-detail-service > .col-icon .icon,
.group-detail-service > .col-icon .icon:before,
.group-detail-service > .col-icon .icon:after,
.textcolor-dark-blue,
.topic-underline.line-dark-blue:before,
.box-service .sec-menu-scrolling.active ~ .inside .group-detail-service > .col-icon .icon,
.box-service .sec-menu-scrolling.active ~ .inside .group-detail-service > .col-icon .icon:before,
.box-service .sec-menu-scrolling.active ~ .inside .group-detail-service > .col-icon .icon:after,
.box-service .sec-menu-scrolling.active ~ .inside .textcolor-dark-blue,
.box-service .sec-menu-scrolling.active ~ .inside .topic-underline.line-dark-blue:before {
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
}


ul.group-listmenu-service,
ul.group-listmenu-service > li {
	position:relative;
	list-style:none !important;
	padding:0;
	margin:0;
}
ul.group-listmenu-service {
	margin-top:50px;
}
ul.group-listmenu-service > li {
	display:table;
	width:100%;
	clear:both;
	padding:7px 0;
}
ul.group-listmenu-service > li .menu {
	display:table;
	width:100%;
	color:rgba(23,23,25,0.3) !important;
	cursor:pointer !important;
}
ul.group-listmenu-service > li.active .menu {
	color:rgba(23,23,25,1) !important;
}
ul.group-listmenu-service > li .menu > .index,
ul.group-listmenu-service > li .menu > .text {
	position:relative;
	display:inline-block;
	float:left;
}
ul.group-listmenu-service > li .menu > .index {
	width:30px;
	font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
ul.group-listmenu-service > li .menu > .text {
	width:calc( 100% - 30px );
	padding-left:10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase !important;
}


/* col img */
.box-service > .inside > .col-img,
.box-gallery-service {
	width:350px;
}
.box-gallery-service {
	position:relative;
	display:block;
	height:250px;
	overflow:hidden !important;
	border-radius:10px;
	background-color:#ccc;
}
					
/* ***** CONTACT ***** */

/* --- box icon contact --- */
.box-contact {
	position:relative;
	display: table;
}
.box-contact > [ class*="col" ] {
	position:relative;
	display:inline-block;
	float:left;
}
.box-contact > .col-icon {
	width:35px;
	height:35px;
	font-size:35px;
	line-height:35px;
	text-align:center;
}
.box-contact > .col-text {
	width:calc( 100% - 35px );
	padding:4px 0 0 10px;
}
.box-contact > .col-text > .title {
	font-size:10px;
	line-height:10px;
}
.box-contact > .col-text > .title.lower {
	text-transform:lowercase !important;
}
.box-contact > .col-text > .title.upper {
	letter-spacing:0.5px;
	text-transform:uppercase !important;
}
.box-contact > .col-text > .text {}

.row-box-contact {
	position:relative;
}
.row-box-contact .box-contact {
	width:100%;
}
.row-box-contact.border .box-contact {
	border-top:1px solid rgba(255,255,255,0.2);
	padding:15px 0;
}
.row-box-contact.border .box-contact > .col-text {
	padding-left:30px;
}
.row-box-contact.border .box-contact > .col-text:before {
	position:absolute;
	content:"";
	border-left:1px solid rgba(255,255,255,0.2);
	height:calc( 100% - 10px );
	top:5px;
	left:12px;
}

/* --- banner contact --- */

#insidepage-banner-section.contact-banner {
	background-color:rgba(230,230,230,1);
}
#insidepage-banner-section.contact-banner #banner-section .box-banner > .sec-img-banner {
	overflow:hidden;
}
#insidepage-banner-section.contact-banner #banner-section .box-banner > .sec-img-banner iframe {
    position: absolute;
    width: calc( 100% + 1000px );
    height: calc( 100% + 800px );
    top: -400px;
    left: -700px;
    opacity: 0.95;
    filter: brightness(90%) contrast(125%) saturate(80%) hue-rotate(155deg);
}

/* --- contact detail --- */

#banner-section .box-banner > .sec-text-banner.sec-contact-detail {
	position:absolute;
	top:auto;
	bottom:-90px;
	left:50%;
	right:auto;
	margin-left:165px; /* 1170 / 2  = 585 --> 585 - 400 = 185 - pd 20 = 165 */
	background-color:rgba(236,34,46,1);
	box-shadow: 5px 5px 50px rgba(236,34,46,0.5);
	color:rgba(255,255,255,1);
	width:400px;
	height:550px;
	border-radius:10px;
	overflow: hidden;
}
.sec-contact-detail > .inside > [ class*="row" ] {
	position:relative;
	width:100%;
}
.sec-contact-detail > .inside > .row-detail {
	height:calc( 100% - 90px );
	padding:45px;
}
.sec-contact-detail > .inside > .row-detail .row-box-contact {
	margin-top:30px;
}
.sec-contact-detail > .inside > .row-btn {
	display:block !important;
	background-color:rgba(0,0,0,0.1);
	height:90px;
}
.sec-contact-detail > .inside .default-btn {
    height: 25px;
    border-radius: 0;
    min-width: 0;
    font-size: 12px;
    line-height: 25px;
	font-weight:500;
	letter-spacing:0.5px;
	text-transform:uppercase !important;
    padding: 0 5px;
	color:rgba(255,255,255,1) !important;
	overflow:visible !important;
}
.sec-contact-detail > .inside .default-btn .icon {
	font-size:16px;
	top:0.5px;
}
.sec-contact-detail > .inside ul.group-slot-text {
	margin:0 auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sec-contact-detail > .inside ul.group-slot-text > li {
	padding:0 30px;
}
.sec-contact-detail > .inside ul.group-slot-text > li:before,
.sec-contact-detail > .inside ul.group-slot-text > li:after {
    height: 25px;
    margin-top: -12.5px;
}
.sec-contact-detail > .inside .box-contact > .col-text > .title {
	opacity:0.7;
}

/* worldwide network */

#worldwide-network-section.sec-table.has-box-fixed .sec-col {
	vertical-align:middle !important;
}
#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-fixed,
#worldwide-network-section .box-fixed {
	width:100%;
	/*width: 800px;*/
}
#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-content {
	display:none !important;
	/*width: calc( 100% - 800px );
    padding-right: 0;
	padding-left:30px;*/
}


/* tab menu */
#worldwide-network-section .row-tab-menu {
	margin-bottom:30px;
}
#worldwide-network-section ul.tab-menu {
	display:table;
	/*width:100%;*/
	clear:both;
	margin:0 auto;
}
#worldwide-network-section ul.tab-menu > li {
	display:inline-block;
	float:left;
	cursor:pointer !important;
}
#worldwide-network-section ul.tab-menu > li + li {
	margin-left:10px;
}
#worldwide-network-section ul.tab-menu > li .default-btn.btn-stroke {
	border-radius:5px;
	line-height: 40px;
    height: 40px;
	width:auto;
	min-width:120px;
	padding:0 15px;
	background:none !important;
	cursor:pointer !important;
}
#worldwide-network-section ul.tab-menu > li:hover .default-btn.btn-stroke {
	border-color:rgba(50,50,50,1) !important;
}
#worldwide-network-section ul.tab-menu > li.active .default-btn.btn-stroke {
	border-color:rgba(236,34,46,1) !important;
	color:rgba(236,34,46,1) !important;
}


.box-contact-info {
	position:relative;
	display:table;
	clear:both;
	width:100%;
}
.box-contact-info + .box-contact-info {
	margin-top:5px;
}
.box-contact-info > [ class*="col" ] {
	position:relative;
	display:inline-block;
	float:left;
}
.box-contact-info > .col-icon {
	width:30px;
	text-align:left;
	font-size:22px;
	line-height:25px;
}
.box-contact-info > .col-icon i {
	position:relative;
	top:-3px;
}
.box-contact-info > .col-text {
	width:calc( 100% - 30px );
	text-align:left;
}

.box-worldwide-contact {
	position:relative;
}
/*.box-worldwide-contact + .box-worldwide-contact {
	border-top: 1px dashed rgba(0,0,0,0.1);
    padding-top: 25px;
    margin-top: 25px;
}*/

/* map */
.imgmap-section {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 800px;
    height: 417px;
	/*width: 960px;
    height: 500px;*/
    overflow: hidden !important;
}
.imgmap-section > .sec-img-file {
    position: relative;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
	/*background-color:#ccc;*/
}
.imgmap-section > .sec-img-file > canvas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background-color: rgba(0,0,0,0.1); */
    opacity: 1;
}
.imgmap-section > .sec-img-file > img[ usemap ] {
    opacity: 0;
    height: auto;
    width: auto;
    max-width: 100%;
}
.imgmap-section > .sec-map-file {
    position: relative;
}
[ data-media] {
    cursor: pointer !important;
}
.imgmap-section > .sec-map-file .hover-areamap {
    position: static !important;
    cursor: pointer !important;
}

.tag-location-name {
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(236,34,46,1) !important;
    color: rgba(255,255,255,1);
    padding: 8px 10px 6px 10px;
    font-size: 10px;
    line-height: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 5px;
	box-shadow: 3px 3px 15px rgba(236,34,46,0.4)
}
.tag-location-name:before {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -5px;	
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid rgba(236,34,46,1);
}

/* lg customized */
@media (min-width:1200px) and (max-width:1649px) {

/* ***** ABOUT ***** */

/* banner */
#insidepage-banner-section.about-banner .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
    width: 976px;
    height: 580px;
}
#insidepage-banner-section.about-banner .sec-img-banner > .img-map-worldwide:before {
    width: 800px;
    height: 417px;
    top: -80px;
    right: 100px;
}

/* hl company */
.box-hl-company > .inside .num {
    font-size: 35px;
    line-height: 35px;
	letter-spacing: 0.3px;
}
.box-hl-company > .inside .title {
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 10px 0 2px 0;
}

.sec-about-hl .group-box-hl-company {
    margin: 30px 0 0 0;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text {
    padding-left: 30px;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text:before {
    left: 15px;
}

/* gallery */
.slide-gallery, .slide-gallery .img-gallery {
    height: 250px;
}

}

/* lg customized */
@media (min-width:1200px) and (max-width:1649px) {
	
/* ***** SERVICE ***** */
/* banner */
.box-service-menu > .inside > .group-inside > .title {
    font-size: 15px;
    letter-spacing: 0.5px;
}

/* detail */
.box-service > .inside > .col-img, .box-gallery-service {
    width: 320px;
}
.box-service > .inside > .col-detail {
    width: calc( 100% - 320px );
    padding: 20px 20px 20px 0;
}

}

/* lg customized more 1 */
@media (min-width:1300px) and (max-width:1450px) {
	
/* ***** ABOUT ***** */

/* banner */
#insidepage-banner-section.about-banner .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
    width: 900px;
}

}


/* lg customized more 2 */
@media (min-width:1200px) and (max-width:1299px) {
	
/* ***** ABOUT ***** */

/* banner */
#insidepage-banner-section.about-banner .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
    width: 830px;
}
#insidepage-banner-section.about-banner .sec-about-hl {
    width: 400px;
}

/* ***** CONTACT ***** */

/* company  */
#banner-section .box-banner > .sec-text-banner.sec-contact-detail {
    bottom: -80px;
    margin-left: 130px;
    width: 400px;
    height: 500px;
}
.sec-contact-detail > .inside > .row-detail {
    height: calc( 100% - 80px );
    padding: 40px 35px;
}
.sec-contact-detail > .inside > .row-btn {
    height: 80px;
}
.sec-contact-detail > .inside > .row-detail .sub-topic {
	font-size: 21px;
	letter-spacing:0.5px;
}
.sec-contact-detail > .inside ul.group-slot-text > li {
    padding: 0 15px;
}
.sec-contact-detail > .inside > .row-detail .row-box-contact {
    margin-top: 20px;
}

.box-contact > .col-icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
}
.row-box-contact.border .box-contact > .col-text {
    padding-left: 25px;
}
.row-box-contact.border .box-contact {
    padding: 10px 0;
}

/* worldwide */
/*#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-fixed,
#worldwide-network-section .box-fixed {
    width: 700px;
}
#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-content {
    width: calc( 100% - 700px );
}
.imgmap-section {
	width:700px;
	height:365px;
}*/

}

/* md */
@media (min-width:992px) and (max-width:1199px) {
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under + .btn-under {
    margin-left: 20px;
}

/* ***** TEXT TOPIC  ***** */
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn {
    width: 300px;
}

/* ***** HOME ***** */

/* service */
#hl-service-section .box-service-menu {
    padding:35px 25px;
}
#hl-service-section .row-service-menu > .col {
    height: 280px;
}
#hl-service-section .box-service-menu > .inside > .group-inside > .title {
    font-size: 13px;
    letter-spacing: 0.5px;
	margin:15px 0 10px 0;
}
#hl-service-section .box-service-menu > .inside > .group-inside > .description {
    font-size: 12px;
    line-height: 18px;
}

.box-service-menu > .inside > .group-inside > .icon {
    font-size: 60px;
    line-height: 60px;
}

/* welocme  */
.group-box-hl-company {
    width:100%;
    margin: 30px auto 50px auto;
}

/* ***** ABOUT ***** */

#about-page .row-topic.topic-page-menu {
    width: 590px !important;
}

/* banner */
#insidepage-banner-section.about-banner .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
    width: 700px;
	height:550px;
}
#insidepage-banner-section.about-banner .sec-about-hl {
    width: 340px;
	margin-top:-20px;
}

/* hl company */
.box-hl-company > .inside .num {
    font-size: 35px;
    line-height: 35px;
	letter-spacing: 0.3px;
	padding-top: 3px;
}
.box-hl-company > .inside .title {
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 10px 0 2px 0;
}

.sec-about-hl .group-box-hl-company {
    margin: 30px 0 0 0;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text {
    padding-left: 30px;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text:before {
    left: 15px;
}

/* gallery */
.slide-gallery, .slide-gallery .img-gallery {
    height: 250px;
}

/* ***** SERVICE ***** */

/* banner */
.box-service-menu > .inside > .group-inside > .title {
    font-size: 14px;
    letter-spacing: 1px;
}

/* detail */
#service-detail-section .sec-table.has-box-fixed .sec-col.col-fixed,
#service-detail-section .box-fixed {
	width:180px;
}
#service-detail-section .sec-table.has-box-fixed .sec-col.col-content {
    width: calc( 100% - 180px );
}
ul.group-listmenu-service > li .menu > .index {
    width: 20px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
}
ul.group-listmenu-service > li .menu > .text {
    width: calc( 100% - 20px );
    padding-left: 7px;
    font-size: 11px;
	padding-top:1px;
}
.group-detail-service > .col-icon {
    width: 100px;
}
.group-detail-service > .col-detail {
    width: calc( 100% - 100px );
    padding-left: 10px;
}
.group-detail-service > .col-icon .icon {
    position: relative;
    width: 60px;
    height: 60px;
    font-size: 40px;
    line-height: 60px;
}
.box-service + .box-service {
    padding-top: 20px;
    margin-top: 20px;
}
.box-service > .inside > .col-img, .box-gallery-service {
    width: 310px;
}
.box-service > .inside > .col-detail {
    width: calc( 100% - 310px );
    padding: 15px 15px 15px 0;
}
.box-service .topic-underline {
    margin-bottom: 20px;
}


/* ***** CONTACT ***** */

/* company  */
#banner-section .box-banner > .sec-text-banner.sec-contact-detail {
    bottom: -70px;
    margin-left: 80px;
    width: 350px;
    height: 450px;
}
.sec-contact-detail > .inside > .row-detail {
    height: calc( 100% - 70px );
    padding: 40px 35px;
}
.sec-contact-detail > .inside > .row-btn {
    height: 70px;
}
.sec-contact-detail > .inside > .row-detail .sub-topic {
	font-size: 18px;
	letter-spacing:0.5px;
}
.sec-contact-detail > .inside ul.group-slot-text > li {
    padding: 0 15px;
}
.sec-contact-detail > .inside > .row-detail .row-box-contact {
    margin-top: 20px;
}

.box-contact > .col-icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
}
.row-box-contact.border .box-contact > .col-text {
    padding-left: 25px;
}
.row-box-contact.border .box-contact {
    padding: 10px 0;
}

/* worldwide */
/*#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-fixed,
#worldwide-network-section .box-fixed {
    width: 600px;
}
#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-content {
    width: calc( 100% - 600px );
}
.imgmap-section {
	width:600px;
	height:313px;
}*/

}

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

/* ***** SERVICE ***** */
/*#service-page #insidepage-banner-section { display:none !important; }*/
#service-detail-section .sec-table,
#service-detail-section .sec-table > .sec-row,
#service-detail-section .sec-table > .sec-row > .sec-col {
	display:block !important;
	width:100% !important;
}
#service-detail-section .sec-table.has-box-fixed .sec-col.col-fixed {
	display:none !important;
}
#service-detail-section .sec-table.has-box-fixed .sec-col.col-content {
	width:100% !important;
}

}

/* sm */
@media (min-width:768px) and (max-width:991px) {

.row-topic.topic-page-menu.has-col,
.row-topic.topic-page-menu.has-col > .inside,
.row-topic.topic-page-menu.has-col > .inside > .col {
	display:block !important;
	width:100% !important;
}
.row-topic.topic-page-menu > .inside > .col.col-menu {
	padding-top:30px;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn {
	width:100%;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under {
    float: none;
}

/* ***** HOME ***** */
/* service */
#hl-service-section > .inside.container {
	width:100%;
	padding:0;
}
#hl-service-section .row-service-menu > .col {
	height:300px;
}
#hl-service-section .box-service-menu {
    padding: 40px 30px;
	text-align:center;
}
#hl-service-section .box-service-menu > .inside > .group-inside {
    padding-left: 0;
    padding-right: 0;
}
#hl-service-section .box-service-menu > .inside > .group-inside > .btn-arrow {
	left:50%;
	margin-left:-22.5px;
}

/* welcome */
.group-box-hl-company {
    width: 100%;
	margin:20px 0 50px 0;
}

/* ***** ABOUT ***** */

/*#about-page .row-topic.topic-page-menu {
    width: 100% !important;
}
#about-page .row-topic.has-col > .inside > .col {
	display:block !important;
}
#about-page .row-topic.has-col > .inside > .col.col-menu {
	padding-top:30px;
}
#about-page .row-topic.topic-page-menu > .inside > .col.col-menu .row-btn {
	width:100%;
}
#about-page .row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under {
    float: left;
}*/

/* banner */
#insidepage-banner-section.about-banner .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
	width:600px;
	max-width:100%;
	height:600px;
}
#insidepage-banner-section.about-banner .sec-img-banner > .img-company {
	left:auto;
	right:0;
}
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
	background-position:left center;
	bottom:-110px;
	left:auto;
	right:-10px;
}
#insidepage-banner-section.about-banner .sec-about-hl {
	float:left;
    width: 340px;
	margin-top:-20px;
}
#insidepage-banner-section.about-banner .sec-img-banner > .img-map-worldwide:before {
    width: 768px;
    height: 400px;
    top: -100px;
    right: auto;
	left:-70px;
}

#insidepage-banner-section.about-banner .sec-about-hl {
    width: 310px;
	margin-top:-20px;
}

/* hl company */
.sec-about-hl .group-topic .icon {
    font-size: 65px;
    line-height: 65px;
	left:-10px;
}
.box-hl-company > .inside .num {
    font-size: 30px;
    line-height: 30px;
	letter-spacing: 0;
	padding-top: 3px;
}
.box-hl-company > .inside .title {
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 10px 0 0 0;
}
.box-hl-company > .inside .text {
    font-size: 10px;
}

.sec-about-hl .group-box-hl-company {
    margin: 30px 0 0 0;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-num {
    width: 80px;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text {
	width: calc( 100% - 80px );
    padding-left: 30px;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text:before {
    left: 15px;
}

/* gallery */
.slide-gallery, .slide-gallery .img-gallery {
    height: 300px;
}

/* ***** SERVICE ***** */

/*.group-detail-service > .col-icon {
    width: 110px;
}
.group-detail-service > .col-detail {
    width: calc( 100% - 110px );
    padding-left: 10px;
}
.group-detail-service > .col-icon .icon {
    position: relative;
    width: 70px;
    height: 70px;
    font-size: 45px;
    line-height: 70px;
}*/

/* banner */
#service-page #banner-section .box-banner > .sec-text-banner > .inside {
	width:100% !important;
	padding:0 !important;
}
.box-service-menu > .inside > .group-inside {
	padding-left:30px;
	padding-right:30px;
}
.box-service-menu > .inside > .group-inside > .icon {
    font-size: 60px;
    line-height: 60px;
}
#insidepage-banner-section.service-banner .box-service-menu:before {
    position: absolute;
    width: 200px;
    height: 200px;
	font-size:200px;
	line-height:200px;
	right: -70px;
	bottom: -10px;
}
.box-service-menu > .inside > .group-inside > .title {
    font-size: 15px;
    line-height: 20px;
	min-height:40px;
    letter-spacing: 0.5px;
    margin: 10px 0;
	word-spacing: 3px;
}
.box-service-menu > .inside > .group-inside > .description {
    font-size: 12px;
    line-height: 18px;
}

/* detail */
.box-service > .inside {
	display:block !important;
}
.box-service > .inside > [ class*="col" ] {
	position:relative;
    display:block !important;
    float:none;
	width:100% !important;
	padding:0 !important;
}
.box-service > .inside > .col-img {
	z-index:1;
}
.box-service > .inside > .col-detail {
	margin-top:-45px;
	z-index:2;
}
.group-detail-service > [ class*="col" ] {
    display: block;
    float: none;
	padding:0 !important;
}
.group-detail-service > .col-icon {
	margin:0 auto;
}
.group-detail-service > .col-detail {
	width:100% !important;
}
.group-detail-service > .col-detail .row-topic {
	text-align:center;
}
.group-detail-service > .col-detail .row-topic .topic-underline:before {
	left:50%;
	margin-left:-15px;
}
.box-service > .inside > .col-img, .box-gallery-service {
	width:100%;
}
.box-gallery-service {
	height:auto;
	border-radius:5px;
}
.box-gallery-service.secimg.secimg-slide:before {
	display:block !important;
	position:absolute;
	width:100%;
	height:150px;
	left:0;
	right:0;
	bottom:0;
	background: linear-gradient( to top, rgba(0,0,0,0.8) ,rgba(0,0,0,0) );
	content:"";
	z-index:5;
}
.box-gallery-service.secimg secimg-slide > [ class*="secimg-" ] {}

/* **** CONTACT ***** */

/* company  */
#banner-section .box-banner > .sec-text-banner.sec-contact-detail {
    bottom: -70px;
    margin-left: -10px;
    width: 340px;
    height: 430px;
}
.sec-contact-detail > .inside > .row-detail {
    height: calc( 100% - 70px );
    padding: 30px;
}
.sec-contact-detail > .inside > .row-btn {
    height: 70px;
}
.sec-contact-detail > .inside > .row-detail .sub-topic {
	font-size: 18px;
	letter-spacing:1px;
}
.sec-contact-detail > .inside ul.group-slot-text > li {
    padding: 0 15px;
}
.sec-contact-detail > .inside > .row-detail .row-box-contact {
    margin-top: 20px;
}

.box-contact > .col-icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
}
.row-box-contact.border .box-contact > .col-text {
    padding-left: 25px;
}
.row-box-contact.border .box-contact {
    padding: 10px 0;
}

/* worldwide */
#worldwide-network-section.sec-table.has-box-fixed .sec-table,
#worldwide-network-section.sec-table.has-box-fixed .sec-row,
#worldwide-network-section.sec-table.has-box-fixed .sec-col {
	display:block !important;
	width:100% !important;
	padding:0 !important
}
#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-content {
	padding-top:30px !important;
}
#worldwide-network-section ul.tab-menu > li .default-btn.btn-stroke {
    min-width: 100px;
    padding: 0 15px;
}
#worldwide-network-section .box-fixed {
    width: 100%;
}
.imgmap-section {
    width: 100%;
    height: auto;
}

}

/* xs */
@media (max-width:767px) {
.row-topic.topic-page-menu {	
	text-align:center;
	float:none !important;	
}
.row-topic.topic-page-menu.has-col,
.row-topic.topic-page-menu.has-col > .inside,
.row-topic.topic-page-menu.has-col > .inside > .col {
	display:block !important;
	width: 100% !important;
}
.row-topic.topic-page-menu.has-col > .inside > .col.col-menu {
	padding-top:15px;
}
.row-topic.topic-page-menu.has-col > .inside > .col.col-menu .row-btn {
	width:100% !important;
}
.row-topic.topic-page-menu .main-topic {
	font-size:15px !important;
	line-height:20px !important;
	word-spacing: 2px;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under > .btn-under + .btn-under {
    margin-left: 15px;
}
.row-topic.topic-page-menu > .inside > .col.col-menu .row-btn .group-btn-under {
	margin:0 auto !important;
	float:none !important;
}



/* ***** HOME ***** */

/* --- service --- */
#hl-service-section .box-service-menu > .inside > .group-inside > .description,
#hl-service-section .box-service-menu:hover > .inside > .group-inside > .description,
#hl-service-section .box-service-menu.hover > .inside > .group-inside > .description {
	color:rgba(255,255,255,1);
}
.box-service-menu {
    padding: 25px 20px !important;
}
.box-service-menu > .inside > .group-inside {
	padding:0 50px 0 65px !important;
}
.box-service-menu > .inside > .group-inside > .icon {
	position:absolute;
	left:0;
	top:-10px;
	font-size: 50px;
    line-height: 50px;
}
.box-service-menu > .inside > .group-inside > .title {
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0 0 5px 0;
}
.box-service-menu > .inside > .group-inside > .description {
    font-size: 12px;
    line-height: 18px;
	opacity:0.7;
}
.box-service-menu > .inside > .group-inside > .btn-arrow {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
	top:0;
	bottom:auto;
	right:0;
}


#hl-service-section .row-service-menu {
    display: block;
}
#hl-service-section .row-service-menu > .col {
    display: block;
    float: none;
    width:100% !important;
	height:auto !important;
}
#hl-service-section .row-service-menu > .col:before,
#hl-service-section .row-service-menu > .col:after {
	display:none !important;
}
#hl-service-section .row-service-menu > .col + .col {
	border-top:1px solid rgba(209,32,43,1) !important;
}

/* --- welcome --- */
#welcome-section:before {
	position:fixed;
	background-position:center;
	background-size:100% auto;
    width: 700px;
    height: 365px;
    top: 50%;
    left: 10px;
	margin-top:-182.5px
}
.group-box-hl-company {
    display: block;
    width: 100%;
    margin: 40px auto;
}
.box-hl-company + .box-hl-company {
	margin-top:30px;
}
.box-hl-company {
    display: block;
    float: none;
    width: 100%;
}
.box-hl-company > .inside .num {
    font-size: 35px;
    line-height: 35px;
}
.box-hl-company > .inside .title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 5px 0 5px 0;
}	
#welcome-section .group-btn.inline > .default-btn {
	float:none;
	display:block;
}
#welcome-section .group-btn.inline > .default-btn + .default-btn {
    margin-top: 15px;
    margin-left: 0;
}

/* ***** ABOUT ***** */

/* banner */
#insidepage-banner-section.about-banner .sec-img-banner > .img-company,
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
	width:100%;
	max-width:100%;
	height:330px;
}
#insidepage-banner-section.about-banner .sec-img-banner > .img-company {
	left:auto;
	right:0;
}
#insidepage-banner-section.about-banner .sec-img-banner > .img-company:before {
	background-position:left center;
	bottom:0;
	left:0;
	right:auto;
}
#insidepage-banner-section.about-banner .sec-img-banner > .img-map-worldwide:before {
    top: -40px;
    right: 0;
	width:864px;
	height:450px;
}
#banner-section .box-banner > .sec-text-banner > .inside .sec-about-hl {
    width: auto;
    float: none;
    top: 0;
	-ms-transform: none;
    -webkit-transform:none;
    transform:none;
	display: table;
    margin: 0 auto;
}
#insidepage-banner-section.about-banner #banner-section .box-banner > .sec-text-banner {
	height:100% !important;
	padding:40px 0 0 0 !important;
}

/* hl company */
.sec-about-hl .group-topic .icon {
    font-size: 65px;
    line-height: 65px;
	left:-10px;
}
.box-hl-company > .inside .num {
    font-size: 30px;
    line-height: 30px;
	letter-spacing: 0;
	padding-top: 3px;
}
.box-hl-company > .inside .title {
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 10px 0 0 0;
}
.box-hl-company > .inside .text {
    font-size: 10px;
}

.sec-about-hl .group-box-hl-company {
    margin: 30px 0 0 0;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-num {
    width: 80px;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text {
	width: calc( 100% - 80px );
    padding-left: 30px;
}
.sec-about-hl .box-hl-company.inline > .inside > .col-text:before {
    left: 15px;
}

/* gallery */
.slide-gallery, .slide-gallery .img-gallery {
    height: 180px;
}

/* ***** SERVICE ***** */
/* banner */
#service-page #insidepage-banner-section #banner-section,
#service-page #insidepage-banner-section #banner-section .box-banner {
	height:auto !important;
}
#service-page #banner-section .box-banner > .sec-img-banner { display:none !important; }
#service-page #banner-section .box-banner > .sec-text-banner {
	position:relative !important;
	padding:0 !important;
}
#insidepage-banner-section.service-banner .row-service-menu {
	display:block !important;
}
#insidepage-banner-section.service-banner .row-service-menu > .col {
	display:block !important;
	width:100% !important;
}
#insidepage-banner-section.service-banner .row-service-menu .col + .col {
    border-top: 1px solid rgba(209,32,43,1) !important;
}
#insidepage-banner-section.service-banner .box-service-menu {
	background-color: rgba(236,34,46,1) !important;
}
#insidepage-banner-section.service-banner .box-service-menu:hover {
	background-color:rgba(209,32,43,1) !important;
}
#insidepage-banner-section.service-banner .box-service-menu,
#insidepage-banner-section.service-banner .box-service-menu:hover {
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
/*#insidepage-banner-section.service-banner .box-service-menu > .inside > .group-inside > .title {
    font-size: 12px;
    line-height: 18px;
}*/
#insidepage-banner-section.service-banner .box-service-menu > .inside > .group-inside > .icon {
	/*position:relative;*/
	width:50px;
	height:50px;
	font-size: 50px;
    line-height: 50px;
}
#insidepage-banner-section.service-banner  .box-service-menu > .inside > .group-inside {
	text-align:left;
	padding:0 0 0 60px !important;
}
#insidepage-banner-section.service-banner .box-service-menu:before,
#insidepage-banner-section.service-banner .box-service-menu .btn-arrow {
	display:none !important;
}

/* detail */
.box-service > .inside {
	display:block !important;
}
.box-service > .inside > [ class*="col" ] {
	position:relative;
    display:block !important;
    float:none;
	width:100% !important;
	padding:0 !important;
}
.box-service > .inside > .col-img {
	z-index:1;
}
.box-service > .inside > .col-detail {
	margin-top:-45px;
	z-index:2;
}
.group-detail-service > [ class*="col" ] {
    display: block;
    float: none;
	padding:0 !important;
}
.group-detail-service > .col-icon {
	margin:0 auto;
}
.group-detail-service > .col-detail {
	width:100% !important;
}
.group-detail-service > .col-detail .row-topic {
	text-align:center;
}
.group-detail-service > .col-detail .row-topic .topic-underline:before {
	left:50%;
	margin-left:-15px;
}
.box-service > .inside > .col-img, .box-gallery-service {
	width:100%;
}
.box-gallery-service {
	height:auto;
	border-radius:5px;
}
.box-gallery-service.secimg.secimg-slide:before {
	display:block !important;
	position:absolute;
	width:100%;
	height:150px;
	left:0;
	right:0;
	bottom:0;
	background: linear-gradient( to top, rgba(0,0,0,0.8) ,rgba(0,0,0,0) );
	content:"";
	z-index:5;
}
.box-gallery-service.secimg secimg-slide > [ class*="secimg-" ] {}


/* ***** CONTACT ***** */

/* company */
#contact-page #insidepage-banner-section #banner-section,
#contact-page #insidepage-banner-section #banner-section .box-banner {
    height: auto;
}
#contact-page #insidepage-banner-section.contact-banner #banner-section .box-banner > .sec-img-banner {
	height:250px;
}
#insidepage-banner-section.contact-banner #banner-section .box-banner > .sec-img-banner iframe {
    width:100%;
    height:calc( 100% + 320px );
    top:-150px;
    left:0;
}
#banner-section .box-banner > .sec-text-banner.sec-contact-detail {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-left:0;
    width:100% !important;
    height: auto;
    border-radius: 0;
	padding:0 !important;
	box-shadow:none !important;
}
#contact-page #insidepage-banner-section.contact-banner {
	background:none !important;
	background-color:rgba(230,230,230,1);
}
.sec-contact-detail > .inside > .row-detail {
    padding: 30px;
	height: calc( 100% - 60px );
}
.sec-contact-detail > .inside > .row-btn {
    height: 60px;
}
.sec-contact-detail > .inside ul.group-slot-text > li {
    padding: 0 10px;
}
.sec-contact-detail > .inside .default-btn {
    font-size: 11px;
}
.sec-contact-detail > .inside .default-btn .icon {
    font-size: 15px;
     top:-1px;
	 margin-left:5px !important;
}

/* worldwide */
#worldwide-network-section.sec-table.has-box-fixed .sec-table,
#worldwide-network-section.sec-table.has-box-fixed .sec-row,
#worldwide-network-section.sec-table.has-box-fixed .sec-col {
	display:block !important;
	width:100% !important;
	padding:0 !important
}
#worldwide-network-section.sec-table.has-box-fixed .sec-col.col-content {
	padding-top:30px !important;
}
#worldwide-network-section ul.tab-menu > li .default-btn.btn-stroke {
	font-size: 11px;
    line-height: 30px;
    height: 30px;
    min-width: 0;
    padding: 0 10px;
	border-radius:4px;
}
#worldwide-network-section ul.tab-menu > li + li {
    margin-left: 5px;
}
#worldwide-network-section .box-fixed {
    width: 100% !important;
}
.imgmap-section {
    width: calc( 100% + 20px ) !important;
    height: auto;
	margin: 0 -10px !important;
}
.tag-location-name {
    padding: 4px 5px 4px 5px;
    font-size: 9px;
    line-height: 10px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: 4px;
	margin-left:7px !important;
}
}

/* xs customized */
@media (max-width:399px) {
}