#header.fixed #header-section {
    position: fixed;
    top: -90px;
    left: 0;
    right: 0;
    width: 100%;
	background-color:rgba(255,255,255,0);
    z-index: 100;
}
#header.fixed #header-section.on {
	top:0;
}
#header.fixed #header-section.bg {
	background-color:rgba(255,255,255,0.95);
}
#header.fixed #header-section,
#header.fixed #header-section.on {
	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;
}
#header-section > .inside {
	position:relative;
	display:block;
	height:90px;
}
#header-section > .inside > [ class*="sec-" ] {
	position:relative;
	display:block;
	top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#header-section > .inside > .sec-logo {
	float:left;
}
#header-section > .inside > .sec-menu {
	float:right;
}
#header-section > .inside > .sec-btn {
	display:none;
}

header#header #header-section:before {
	position:absolute;
	width:100%;
	height:140px;
	left:0;
	right:0;
	top:0;
	opacity:0;
	background: linear-gradient( to top, rgba(0,0,0,0) , rgba(0,0,0,0.3) );
	content:"";
	z-index:1;
}
header#header #header-section > .inside {
	z-index:2;
}

#logo-global-sun-logistics {
	position:relative;
	display:block;
	width:168px;
	height:65px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
}
#logo-global-sun-logistics > img {
	position:relative;
	display:none;
	width:100%;
	max-width:100%;
	opacity:0;
}

#header-section.header-dark-theme #logo-global-sun-logistics {
	background-image:url(../../img/img.logo/global-sun-logistics.png);	
}
#header-section.header-light-theme #logo-global-sun-logistics {
	background-image:url(../../img/img.logo/global-sun-logistics-white.png);	
}

#header-section .box-contact {
	display:table;
}
#header-section .box-contact > [ class*="col" ] {
    display: table-cell;
    float: none;
	vertical-align:middle;
}

/* btn main menu */

.btn-mainmenu,
.btn-close  {
	position:relative;
	display:block;
	width:40px;
	height:40px;
	border: none !important;
	background:none !important;
	padding:0;
	margin:0;
	text-align:center;
}
.icon-menu, .icon-close {
	position:relative;
	width:30px;
	height:30px;
	margin:0 auto;
}
.icon-menu > .inside,
.icon-close > .inside {
	position:relative;
	top:50%;
	margin:-1px auto 0 auto;
}
.icon-menu > .inside,
.icon-menu > .inside > .icon,
.icon-menu > .inside > .icon:before,
.icon-menu > .inside > .icon:after,
.icon-close > .inside,
.icon-close > .inside > .icon,
.icon-close > .inside > .icon:before,
.icon-close > .inside > .icon:after {
	
	width:20px;
}
.icon-close > .inside > .icon {
	position:relative;
	width:20px !important;
}
.icon-menu > .inside > .icon,
.icon-menu > .inside > .icon:before,
.icon-menu > .inside > .icon:after,
.icon-close > .inside > .icon:before,
.icon-close > .inside > .icon:after {
	border-top:2px solid rgba(71,73,86,1);
}
.white .icon-menu > .inside > .icon,
.white .icon-menu > .inside > .icon:before,
.white .icon-menu > .inside > .icon:after,
.white .icon-close > .inside > .icon:before,
.white .icon-close > .inside > .icon:after {
	border-color:rgba(255,255,255,1) !important;
}
.icon-menu > .inside > .icon {
	float:left;
	top:50%;
	margin-top:-1px;
}
.icon-menu > .inside > .icon:before,
.icon-menu > .inside > .icon:after,
.icon-close > .inside > .icon:before,
.icon-close > .inside > .icon:after {
	position:absolute;
	display:block;
	content:"";
}
.icon-menu > .inside > .icon:before,
.icon-menu > .inside > .icon:after {
	left:auto;
	right:0;
}
.icon-menu > .inside > .icon:before,
.icon-close > .inside > .icon:before {
	top:-7px;
}
.icon-menu > .inside > .icon:after,
.icon-close > .inside > .icon:after {
	bottom:-7px;
}

.btn-mainmenu .icon-menu > .inside > .icon,
.btn-mainmenu:hover .icon-menu > .inside > .icon {
	transition:width 0.2s ease;
	-webkit-transition:width 0.2s ease;
	-moz-transition:width 0.2s ease;
}

.btn-mainmenu.active .icon-menu > .inside > .icon,
.icon-close > .icon {
	width:0;
	background-color:rgba(67,67,63,0);	
}
.btn-mainmenu.active .icon-menu > .inside > .icon:before,
.icon-close > .inside > .icon:before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top:-1px;
}
.btn-mainmenu.active .icon-menu > .inside > .icon:after,
.icon-close > .inside > .icon:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom:-1px;
}
.btn-mainmenu .icon-menu > .inside > .icon,
.btn-mainmenu.active .icon-menu > .inside > .icon,
.btn-mainmenu .icon-menu > .inside > .icon:before,
.btn-mainmenu.active .icon-menu > .inside > .icon:before,
.btn-mainmenu .icon-menu > .inside > .icon:after,
.btn-mainmenu.active .icon-menu > .inside > .icon:after {
	transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
}

ul.group-menu,
ul.group-menu > li,
ul.main-menu,
ul.main-menu > li {
	position:relative;
	list-style:none !important;
	margin:0;
	padding:0;
}
ul.group-menu,
ul.main-menu {
	display:table;
}
#header-section > .inside > .sec-menu .menu,
ul.main-menu > li > .menu {
	position:relative;
	display: block;
	font-size:13px;
	line-height:20px;
	font-weight:700;
	text-transform:uppercase !important;
}
#header-section > .inside > .sec-menu .menu i {
	font-size:15px;
	top:-1px;
}

ul.group-menu > li {
	padding:8px 40px;
	height:35px;
}
ul.group-menu > li:before,
ul.group-menu > li:after {
	position:absolute;
	height:30px;
	top:50%;
	margin-top:-15px;
	content:"";
}
ul.group-menu > li:before {
	left:0;
	border-left:1px solid rgba(71,72,86,0.15);
}
ul.group-menu > li:after {
	right:0;
	border-right:1px solid rgba(71,72,86,0.15);
}
ul.group-menu > li:first-child {
	padding-left:0;
}
ul.group-menu > li:first-child:before,
ul.group-menu > li + li:before {
	display:none !important;
}

/* --- menu horizontal --- */
ul.group-menu > li,
ul.main-menu.horizontal > li {
	display:inline-block;
	float:left;
}
ul.main-menu.horizontal > li + li {
	margin-left:30px;
}
ul.main-menu.horizontal > li > .menu {}

/* --- dark theme --- */
header#header #header-section.header-dark-theme {}
header#header #header-section.header-dark-theme .menu {
	color:rgba(16,16,16,1) !important;
}
header#header #header-section.header-dark-theme .menu.active {
	color:rgba(236,34,46,1) !important;
}
/*header#header #header-section.header-dark-theme ul.main-menu.horizontal> li + li:before {
	border-color:rgba(71,72,86,0.15);
}*/
header#header #header-section.header-dark-theme ul.group-menu > li:before,
header#header #header-section.header-dark-theme ul.group-menu > li:after {
	border-color:rgba(71,72,86,0.15);
}

/* --- light theme --- */
header#header #header-section.header-light-theme {}
header#header #header-section.header-light-theme:before {
	opacity:1;
}
header#header #header-section.bg.header-light-theme:before {
	opacity:0;
}
header#header #header-section:before,
header#header #header-section.bg:before {
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-ms-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
}
header#header #header-section.header-light-theme .menu {
	color:rgba(255,255,255,1) !important;
}
header#header #header-section.header-light-theme .textcolor-red {
	color:rgba(255,255,255,1) !important;
}
header#header #header-section.header-light-theme .textcolor-gray {
	color:rgba(255,255,255,0.7) !important;
}
header#header #header-section.header-light-theme .menu.active, {
	color:rgba(255,255,255,1) !important;
}
header#header #header-section.header-light-theme ul.group-menu > li:before,
header#header #header-section.header-light-theme ul.group-menu > li:after {
	border-color:rgba(255,255,255,0.5);
}

/* ***** MAIN MENU ***** */

body.mainmenu-open {
	overflow:hidden;
}
#mainmenu-section {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: -105%;
	color:rgba(255,255,255,1);
    background-color: rgba(236,34,46,1);
    z-index: 2000;
    overflow-y: scroll;
}
#mainmenu-section.open {
    right: 0;
}
#mainmenu-section, #mainmenu-section.open {
    transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -ms-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
}
#mainmenu-section > .inside {
	position: relative;
    /*top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
	padding:70px 40px;
}
#mainmenu-section [ class*="sec-" ] {
	position:static !important;
}
#mainmenu-section .sec-table,
#mainmenu-section .sec-row {
	height:100%;
}
#mainmenu-section .sec-col {
	vertical-align:middle;
}
#mainmenu-section .row-topic .main-topic {
	letter-spacing:1px;
}
#mainmenu-section .row-topic .sub-topic,
#mainmenu-section .row-topic .normal-topic {
	letter-spacing:1.5px;
}
#mainmenu-section .row-topic .location {
	position:relative;
	font-size:11px;
	color:rgba(255,255,255,0.7);
	letter-spacing:0.5px;
}
#mainmenu-section .row-topic .location i {
	margin-right:5px;
	top:-1px;
}
#mainmenu-section .btn-close.close-mainmenu {
	position: absolute;
	top:10px;
	right:10px;
}

/* --- menu vertical --- */

ul.main-menu.vertical,
ul.main-menu.vertical > li {
	width:100%;
}
ul.main-menu.vertical {
	margin:40px 0;
}
ul.main-menu.vertical > li {
	text-align:center;
}
ul.main-menu.vertical > li + li {
	border-top:1px solid rgba(0,0,0,0.2);
}
ul.main-menu.vertical > li > .menu {
	font-size:15px;
	line-height:20px;
	font-weight:500;
	letter-spacing:1.5px;
	color:rgba(255,255,255,0.4);
	padding:15px;
}
ul.main-menu.vertical > li > .menu:hover {
	color:rgba(255,255,255,0.7);
}
ul.main-menu.vertical > li > .menu.active {
	color:rgba(255,255,255,1);
}
ul.main-menu.vertical > li > .menu,
ul.main-menu.vertical > li > .menu:hover,
ul.main-menu.vertical > li > .menu.active {
	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;
}

/* lg customized */
@media (min-width:1200px) and (max-width:1649px) {
ul.group-menu > li {
    padding: 8px 30px;
}
}

/* md */
@media (min-width:992px) and (max-width:1199px) {
#header-section > .inside {
    height: 80px;
}
#logo-global-sun-logistics {
    width: 155px;
    height: 60px;
}
#header-section > .inside > .sec-menu .menu, ul.main-menu > li > .menu {
    font-size: 12.5px;
}
ul.main-menu.horizontal > li + li {
    margin-left: 20px;
}
ul.group-menu > li {
    padding: 8px 20px;
}
}

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

/* sm */
@media (min-width:768px) and (max-width:991px) {
#header-section > .inside > .sec-menu .menu, ul.main-menu > li > .menu {
    font-size: 12.5px;
}
ul.main-menu.horizontal > li + li {
    margin-left: 15px;
}
ul.group-menu > li {
    padding: 8px 20px;
}
}

/* xs */
@media (max-width:767px) {
#header.fixed #header-section,
#header.fixed #header-section.on {
	top:0 !important;
}
#header.fixed #header-section,
#header.fixed #header-section.bg {
    background-color: rgba(255,255,255,1);
}
header#header #header-section:before { display:none !important; }
#header-section {
	box-shadow:0 10px 50px rgba(0,0,0,0.05);
}
#header-section > .inside {
    height: 60px;
}
#header-section > .inside > .sec-logo {
	display:table;
	margin:0 auto;
	float:none;
	z-index:2;
}
#header-section.header-light-theme #logo-global-sun-logistics,
#header-section.header-dark-theme #logo-global-sun-logistics {
    background-image: url(../../img/img.logo/global-sun-logistics.png);
}
#header-section > .inside > .sec-btn {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0 5px;
	display:block;
	-ms-transform: none;
    -webkit-transform: none;
    transform: none;
	z-index:1;
}
#header-section > .inside > .sec-btn:before,
#header-section > .inside > .sec-btn:after {
	position:absolute;
	height:40px;
	top:50%;
	margin-top:-20px;
	content:"";
	border-color: rgba(71,73,86,0.1);
}
#header-section > .inside > .sec-btn:before {
	border-left-style: solid;
	border-left-width:1px;
	left:50px;
}
#header-section > .inside > .sec-btn:after {
	border-right-style: solid;
	border-right-width:1px;
	right:50px;
}
#header-section > .inside > .sec-btn > [ class*="btn-" ] {
	position:relative;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	top:50%;
	margin-top:-20px;
	text-align:center;
}
#header-section > .inside > .sec-btn > .btn-mainmenu {
	float:right;
}
#header-section > .inside > .sec-btn > .btn-tel {
	font-size:30px;
	float:left;
	color: rgba(71,73,86,1);
}
#logo-global-sun-logistics {
    width: 116px;
    height: 45px;
}

#header-section > .inside > .sec-menu ul.group-menu {
	display:none !important;
}
}

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