@font-face {
	font-family:'SFUIText-Bold';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-bold.woff') format('woff');
}
@font-face {
	font-family:'SFUIText-Regular';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-regular.woff') format('woff');
}
/*==========================*/
@font-face {
	font-family:'sfuiText_regular';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-regular.woff') format('woff');
}
@font-face {
	font-family:'sfuiText_bold';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-bold.woff') format('woff');
}
@font-face {
	font-family:'sfuiText_medium';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-medium.woff') format('woff');
}
@font-face {
	font-family:'sfuiText_medium_italic';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-medium-italic.woff') format('woff');
}
@font-face {
	font-family:'sfuiText_semibold';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-semibold.woff') format('woff');
}
@font-face {
	font-family:'sfuiText_semibold_italic';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-semibold-italic.woff') format('woff');
}
@font-face {
	font-family:'sfuiText_heavy';
	font-style: normal;	font-weight: normal;
	src:url('sfuitext-heavy.woff') format('woff');
}

ol, ul {margin:0;list-style: none;}
.hrv-btn-register,.hrv-btnv2-register {cursor: pointer;}

img.lazyload:not([src]) {visibility: hidden;}
.lazyload {opacity: 0.1;}
.lazyloading {opacity: 1;transition: opacity 300ms;}
.lazyload-image {
	box-sizing: content-box;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: auto
}
.lazyload-image img {display: block}
.lazyload-image .lazyload-image__placeholder {
	display: block;width: 100%;height: 0;padding-bottom:100%;/*  image height / width * 100% */ 
}
.lazyload-image .lazyload-image__placeholderc img,
.lazyload-image .lazyload-image__placeholder iframe,
.lazyload-image .lazyload-image__placeholder .lazyload {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: none;
	overflow: hidden;
}

/*========= button hover ========= */
.btn-hover-vertical{
	position: relative;z-index: 1;overflow: hidden;border:0;
	-webkit-border-radius: 2px;-moz-border-radius: 2px;	border-radius: 2px;
	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.btn-hover-vertical:before{
	content: '';background-color:#0070d2;
	position: absolute;top: 0;left: -2px;width: 0%;height: 100%;z-index: -1;opacity: 0;	
	-webkit-transition: all 0.4s;	-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
.btn-hover-vertical:hover::before {opacity: 1;right:-2px;width:calc(100% + 4px)}
.btn-hover-vertical:hover,.btn-hover-vertical:focus{color:#fff;background: #0070d2;border-color:#0070d2}
/*============ MENUMAIN-v1.2 ============================*/
.navbarmain-hrv .navbar-nav,
.navbarmain-hrv .navbar-header{margin:0;}
.navbarmain-hrv {border: none;border-bottom:1px solid #dfe3e8;border-radius: 0;margin: 0;padding:0;font-family:'sfuiText_regular';}
.navbar-header-identifier {display: flex;display: -webkit-flex;}
.navbarmain-hrv .navbar-header a.navbar-brand {line-height: initial;margin-left:0;margin-right:30px; padding: 0;height: initial;display: inline-block;}
.navbar-brand .svg_logo_haravan{display: block;height:36px; width: 150px;fill:#08589d;}
.wrapbox-navbar-container {	display: -webkit-flex;	display: flex;}
ul.mainmenu-hrv>li{margin:0 10px;}
ul.mainmenu-hrv>li>a{font-size:14px;line-height: 56px;color:#3d5067;padding: 0 5px;font-family: 'sfuiText_bold';}
li.has-dropdown a >.fa{
	font-size: 16px;display: inline-block;	vertical-align: middle;margin-left:4px;
	-webkit-transition: all 300ms linear;	-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;
}
ul.mainmenu-hrv>li>a:focus,ul.mainmenu-hrv>li>a:hover {	background-color: transparent;color: #2979ff;}
.dropdown-list ul{margin:0;padding:0;list-style: none;}
ul.submenu-more li{width: 33.33%; box-sizing: border-box; float: left;}
ul.submenu-more li a {padding: 4px 10px;display: block;color: #596a7d;font-size: 14px;}
ul.submenu-more li a:hover{	color: #2979ff;text-decoration: underline;}
ul.infoList-submenu li a,
ul.infoList-submenu li.submenu-item-first{
	padding: 8px 20px;  
	display: block;color: #596a7d;font-size: 13px;
	border-left: 3px solid transparent;
	font-family: 'sfuiText_bold';
}
ul.infoList-submenu li.submenu-item-first{position: relative;margin-bottom: 10px;font-size: 14px;  color: #3d5067;}
ul.infoList-submenu li.submenu-item-first:after {
	content: '';
	position: absolute;left: 20px;right: 20px;
	bottom: -5px;border-bottom: 1px solid #dfe3e8;
}
ul.infoList-submenu li.item-dropdown>a{padding-right: 35px;}
ul.infoList-submenu li.item-dropdown.active>a{text-decoration: none;border-left-color:#2979ff;background-color: #f4f6f8;}
ul.infoList-submenu li.item-dropdown a{position: relative;}
ul.infoList-submenu li.item-dropdown a >.fa{
	position: absolute;right: 20px;top: 50%;
	-webkit-transform: translateY(-50%);transform: translateY(-50%);
}
ul.infoList-submenu li.item-dropdown ul li:not(.submenu-item-txt) a,
ul.infoList-submenu li.item-dropdown ul li.submenu-item-txt{padding: 7px 20px;}
ul.infoList-submenu li.item-dropdown ul li:not(.submenu-item-txt) a{font-family: 'sfuiText_semibold';}
ul.infoList-submenu li.item-dropdown ul li.submenu-item-txt{font-size: 13px;letter-spacing: -0.25px;font-family: 'sfuiText_regular';}

.mainmenu-hrv__button .navItem-button .btn-hrvmenu {
	font-size:14px;height: 38px;line-height: 38px;font-family:'sfuiText_bold';
	padding: 0 18px; text-align: center;min-width: 110px;
	-webkit-border-radius: 2px;	-moz-border-radius: 2px;border-radius: 2px;
}
.mainmenu-hrv__button .navItem-button .btn-hrvmenu.menu-login{color:#2979ff;margin-right:10px;background: transparent;	border:1px solid #2979ff;}
.mainmenu-hrv__button .navItem-button .btn-hrvmenu.menu-regis{color:#fff;background: #2979ff;border:0;text-transform: uppercase;box-shadow: 1px 2px 4px rgba(31,32,33,.33);cursor: pointer;}
.mainmenu-hrv__button .navItem-button .btn-hrvmenu.menu-login:hover,
.mainmenu-hrv__button .navItem-button .btn-hrvmenu.menu-regis:hover {color:#fff;}
.language_navtop {position: relative;line-height: 38px;margin-right:0;margin-left:15px;}
.language_navtop .language_navtitle span{display: inline-block;vertical-align: middle;}
.language_navtop .language_navtitle >.fa {
	font-size: 18px;display: inline-block;vertical-align: middle;	margin:0px 5px;
	-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;
}
.language_navtop:hover .language_navtitle >.fa {color: #2979ff;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.language_navtop .language_navtitle span svg,
.language_dropdown ul li>a span svg{width:30px;height:30px;display:block;}
.language_navcontent{
	position: absolute;z-index:1000;top: 100%;right:-10px;
	width: 165px;padding: 0 10px 10px;overflow: hidden;height: 0;	opacity: 0;visibility: hidden;
	-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);
	-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.language_navcontent .language_dropdown{background: #fff;	border-radius: 4px;margin-top:20px;	box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);}
.language_navcontent .language_dropdown:after,
.language_navcontent .language_dropdown:before {
	content: '';
	position: absolute;top: 16px;right:45px;
	border: 5px solid transparent;
	border-top-color: #fff;	border-right-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
	-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
	-webkit-transition: all .5s ease;transition: all .5s ease;
}
.language_dropdown ul{background-color: #fff;position: relative;z-index: 2;}
.language_dropdown ul li{display:block;-webkit-transition: all .5s ease;transition: all .5s ease;}
.language_dropdown ul li + li {border-top: 1px solid #dfe3e8;}
.language_dropdown ul li>a{font-size: 13px;color: #3d5067;display: block;text-align: left;line-height: initial;padding: 5px 15px;}
.language_dropdown ul li>a span{display: inline-block;vertical-align: middle;margin-right:5px;}
.language_dropdown ul li:hover {background:#e3f2fd;}
.language_dropdown ul li:hover a{text-decoration: none;}
.language_hovertop:hover .language_navcontent{
	height: auto;opacity: 1;filter: alpha(opacity=100);	visibility: visible;
	-webkit-transform: translateY(-12px);-ms-transform: translateY(-12px);transform: translateY(-12px);
}
.js-parents.hover-bg .language_dropdown:after,
.js-parents.hover-bg .language_dropdown:before {border-top-color: #e3f2fd;border-right-color: #e3f2fd;}
/*==============	HEADER-PRIMARY =================================*/
nav.navbarmain-primary {margin: 0;border: 0;	border-radius: 0;	border-bottom: 1px solid #dfe3e8;}
.wrapper-navbar-primary{
	padding:0px 5px;
	display: -webkit-flex;display: flex;
	-webkit-justify-content: center;justify-content: space-between;	
	flex-direction: row;-webkit-flex-direction: row;
}
.wrapper-navbar-primary .flex-align-primary {
	display: -webkit-flex;-webkit-align-items: center;
	display: flex;align-items: center;
}
.navsub-primary-menu .logo-primary .show-scroll{display:none}
.line-br{display: inline-block;height:25px;border-right:1px solid #dfe3e8;margin: 5px 15px 5px 30px;float: left;}
ul.primary-menu>li>a{color:#3d5067;font-size:14px;font-family: 'sfuiText_medium';padding:0px 15px;line-height:52px;} 
ul.primary-menu>li.has-subnav>a>.fa{
	font-size: 16px;display: inline-block;	vertical-align: middle;margin-left:4px;
	-webkit-transition: all 200ms linear;	-moz-transition: all 200ms linear;-ms-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;
}
ul.primary-menu>li.has-subnav:hover a .fa {color: #2979ff;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);	-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
ul.primary-menu li.has-subnav .dropdown-subchild{
	position: absolute;	top: 100%;left: 0;
	min-width: 200px;border-radius: 4px;z-index:9;
	box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
	opacity: 0;pointer-events: none;
	-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;
	-webkit-transition:350ms;-moz-transition: 350ms;-o-transition: 350ms;	transition: 350ms;
}
ul.primary-menu li.has-subnav .dropdown-subchild:after,
ul.primary-menu li.has-subnav .dropdown-subchild:before{
	content: '';position: absolute;top:-4px;left:45px;
	border:6px solid transparent; border-top-color: #fff; border-right-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
	-moz-transform: rotate(-45deg);	-webkit-transform:rotate(-45deg);transform:rotate(-45deg);	
}
ul.primary-menu li.has-subnav .dropdown-subchild:before{box-shadow:none;z-index: 10;}
ul.primary-menu li.has-subnav:hover .dropdown-subchild {
	opacity: 1;pointer-events: auto;
	-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
ul.primary-menu li.has-subnav .dropdown-subchild ul.submenu-primary{position: relative;z-index:12;background: #fff;border-radius: 4px;}
ul.submenu-primary li a{font-size:14px;font-family: 'sfuiText_regular';padding:10px 15px;display: block;color: #3d5067;border-bottom: 1px solid #dfe3e8;}
ul.submenu-primary li a:hover {background: #ddeffd;color: #2979fe}
ul.primary-menu li.has-subnav .js-parents.hover-bg:after,
ul.primary-menu li.has-subnav .js-parents.hover-bg:before{border-top-color: #ddeffd;border-right-color: #ddeffd;}

ul.primary-button{margin:0 ;}
ul.primary-button> li{margin-left:15px;}
ul.primary-button li a.btn-menu{text-align: center;cursor: pointer;display: inline-block;vertical-align: middle;font-size:13px;padding:8px 20px;border: 1px solid #2979ff;font-family: 'sfuiText_bold';}
ul.primary-button a.btn-menu.btn-link-login {color: #2979ff;background: #fff;padding: 10px;border: 1px solid transparent;text-decoration: underline;text-transform: uppercase;}
ul.primary-button a.btn-menu.btn-menu-login {text-decoration: none;color: #2979ff;background:#fff;}
ul.primary-button a.btn-menu.btn-menu-regis {text-decoration: none;text-transform: uppercase;	color: #fff;background:#2979ff;box-shadow: 1px 2px 4px 0px rgba(31, 32, 33, 0.33);}
ul.primary-button li a.btn-menu:hover{color:#fff;border-color:rgb(18, 85, 163);}
.navsub-primary-menu .logo-primary{color: #3d5067;font-size: 18px;font-family: 'sfuiText_bold';}
.navsub-primary-menu .logo-primary svg{width:120px;display: block;}

/*==========================================================================*/
.mainHeader-hrv{
	width:100%;
	transition: width 0.3s ease, max-width 0.3s ease;
	-webkit-transition: width 0.3s ease, max-width 0.3s ease;
}
.mainHeader-hrv.nav-sticky {position: fixed;right: 0;top:0;z-index: 999;background: #fff;box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);}
.mainHeader-hrv.nav-sticky:not(.nofade){-webkit-animation: fadeInHeader 0.4s both;animation: fadeInHeader 0.4s both;}
.mainHeader-hrv.nofade:not(.nav-sticky){position: relative;right: 0;float: right;width:100%;}
body.overflow-hidden .mainHeader-hrv.fixed-nav,
body.overflow-hidden .mainHeader-hrv.fixed-nav.nav-sticky{-webkit-animation: none;animation: none;}
.wrapbox-navbar-container .primary-mobile-menu,
.wrapbox-navbar-container .navbar-super-logo{display:none}
@keyframes fadeInHeader{
	0%{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
	100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@media(min-width:1200px){
	.mainHeader-hrv .container-fluid{max-width:1570px;margin:0 auto;}
}
@media(min-width:992px){
	.navbarmain-hrv .navbarmain-container{
		display: -webkit-flex; display: flex;
		-webkit-align-items: center; align-items: center;
		flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	}
	.navbarmain-hrv .navbarmain-container .navbar-hrvcollapse{-ms-flex: 1 1 auto;	-webkit-flex: 1 1 auto;	flex: 1 1 auto;}
	.mainmenu-hrv.mainmenu-hrv__left{margin-right:auto}
	.wrapbox-navbar-container{
		-webkit-align-items: center;align-items: center;
		-webkit-justify-content: center;justify-content: space-between;	
		flex-direction: row;-webkit-flex-direction: row;
	}
	.navbarmain-primary--scroll .primary-button{visibility: hidden;opacity:0;}
	.mainHeader-primary.nav-sticky .navbarmain-primary--scroll .primary-button{visibility: visible;opacity:1;}
	/* HOVER MENU -- Desktop */
	ul.infoList-submenu li a .spblock-md{display:block;}
	ul.primary-menu>li>a:focus,ul.primary-menu>li>a:hover {color:#2979ff;background-color: transparent;}
	ul.infoList-submenu li a:hover,    
	ul.infoList-submenu li a:focus{text-decoration: none;border-left-color:#2979ff;background-color: #f4f6f8;}
	.dropdown-wrapper{
		position: absolute;z-index: 9;top:100%;left:0;
		padding:0 10px 10px;
		/*height:0;overflow: hidden;
		visibility: hidden;opacity: 0;filter: alpha(opacity=0);
		-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);
		-webkit-transition: all 0.4s ease-out ;-moz-transition: all 0.4s ease-out ;-o-transition: all 0.4s ease-out;	-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out ;
		*/
		opacity: 0;pointer-events: none;
		-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;
		-webkit-transition:350ms;-moz-transition: 350ms;-o-transition: 350ms;	transition: 350ms;
	}
	.dropdown-wrapper .dropdown-content .dropdown-list {
		position: relative;z-index: 2;background: #fff;
		width: 100%;display: inline-block;	border-radius: 4px;
		box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
	}
	ul.mainmenu-hrv>li.has-dropdown:hover > a >.fa {color: #2979ff;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);	transform: rotate(-180deg);}	
	ul.mainmenu-hrv>li.has-dropdown:hover .dropdown-wrapper{
		/*	height:auto;
		opacity: 1;filter: alpha(opacity=100);visibility: visible;
		-webkit-transform: translateY(-10px);	-ms-transform: translateY(-10px);transform: translateY(-10px);
		*/
		opacity: 1;pointer-events: auto;
		-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
	}
	ul.mainmenu-hrv>li.has-dropdown .dropdown-wrapper:after,
	ul.mainmenu-hrv>li.has-dropdown .dropdown-wrapper:before{
		content: '';position: absolute;
		border:6px solid transparent; border-top-color: #fff; border-right-color: #fff;
		box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
		visibility: hidden;opacity: 0;filter: alpha(opacity=0);
		-moz-transform: rotate(-45deg);	-webkit-transform:rotate(-45deg);transform:rotate(-45deg);	
		-webkit-transition: all 0.4s ease-out ;-moz-transition: all 0.4s ease-out ;-o-transition: all 0.4s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out ;
	}
	ul.mainmenu-hrv>li.has-dropdown .dropdown-wrapper:before {box-shadow:none;z-index: 10;}
	ul.mainmenu-hrv>li.has-dropdown .dropdown-width--auto:after,
	ul.mainmenu-hrv>li.has-dropdown .dropdown-width--auto:before{top: -5px;left:70px;}
	ul.mainmenu-hrv>li.has-dropdown .dropdown-width--more:after,
	ul.mainmenu-hrv>li.has-dropdown .dropdown-width--more:before{top:-5px;right:65px;}
	.dropdown-wrapper.dropdown-width--auto{min-width:260px;left: -35px;}
	.dropdown-wrapper.dropdown-width--auto .dropdown-content{padding-top:0px;}
	.dropdown-wrapper.dropdown-width--auto .dropdown-content .dropdown-list{padding:8px 0}
	/*hover sub 3*/
	.dropdown-wrapper.dropdown-width--hover .dropdown-content .dropdown-list{transition: width 300ms;transition-delay: 100ms;}
	.dropdown-wrapper.dropdown-width--hover .dropdown-content .item-dropdown .dropdown-right {	
		position: absolute;top: 0;left: 100%;	width: 100%;height:100%;
		display: none;padding-bottom:10px;
	}
	.dropdown-wrapper.dropdown-width--hover .dropdown-content .item-dropdown .dropdown-right ul.infoList-submenu{
		opacity: 0;transition:opacity 300ms 350ms ease;
	}
	.dropdown-wrapper.dropdown-width--hover .dropdown-list  ul.infoList-submenu-height {
		border-right:1px solid transparent;   
		transition: border-color 300ms, min-height 300ms;
	}
	.dropdown-wrapper.dropdown-width--hover .dropdown-content ul.infoList-submenu{position: relative;}
	.dropdown-wrapper.dropdown-width--hover.has-active .dropdown-content .dropdown-list{transition-delay: 0ms;}
	.dropdown-wrapper.dropdown-width--hover.has-active .dropdown-list  ul.infoList-submenu-height {border-right-color:#dfe3e8;}
	.dropdown-wrapper.dropdown-width--hover.has-active .dropdown-content .item-dropdown.active .dropdown-right{display:block;}
	.dropdown-wrapper.dropdown-width--hover.has-active .dropdown-content .item-dropdown.fadeNo.active .dropdown-right ul.infoList-submenu,
	.dropdown-wrapper.dropdown-width--hover.has-active .dropdown-content .item-dropdown.fadeAni.active .dropdown-right ul.infoList-submenu{opacity: 1;}
	.dropdown-wrapper.dropdown-width--hover.has-active .dropdown-content .item-dropdown.fadeNo .dropdown-right ul.infoList-submenu,
	.dropdown-wrapper.dropdown-width--hover.has-active .dropdown-content .item-dropdown.fadeNo.active .dropdown-right ul.infoList-submenu{transition: none;}
	/*==============*/
	.dropdown-wrapper.dropdown-width--more{width: 490px; left: auto; right: -10px;}
	.dropdown-wrapper.dropdown-width--more .dropdown-content {padding-top: 0;}
	.dropdown-wrapper.dropdown-width--more .dropdown-content .dropdown-list{padding:12px;}
	ul.mainmenu-hrv>li.has-dropdown:hover .dropdown-wrapper::after,
	ul.mainmenu-hrv>li.has-dropdown:hover .dropdown-wrapper::before{opacity: 1;filter: alpha(opacity=100);visibility: visible;}
	/*  END HOVER MENU  */
}
@media(max-width:1199px) and (min-width:992px){
	.navbarmain-hrv .navbar-header a.navbar-brand{margin-right:15px;}
	.navbar-brand .svg_logo_haravan{width:125px}
	ul.mainmenu-hrv>li {margin: 0 4px;}
	ul.mainmenu-hrv>li>a {font-size: 13px;}
	li.has-dropdown a >.fa{font-size: 14px;margin-left:2px;}
	.mainmenu-cta .navItem-button .btn-hrvmenu{font-size: 12px;padding:0 12px; min-width: initial;}
	.language_navtop{margin-left:12px;}
	.language_navtop .language_navtitle >.fa {font-size: 15px;margin-left: 3px;}
	.navsub-primary-menu .logo-primary{font-size:16px}
	ul.primary-button li a.btn-menu{padding-left:14px;padding-right:14px;}
	ul.primary-menu>li>a{padding-left:8px;padding-right:8px;font-size:13px;}
	ul.primary-menu>li.has-subnav>a>.fa{font-size: 14px;margin-left:2px;}
}
@media(max-width:991px){	
	.navbarmain-hrv{border:0;padding:0;}
	.navbarmain-hrv .container-menu{padding:0;}
	.navbar-header-identifier {
		width:100%;float: initial;
		margin: 0;padding: 10px 15px 8px;border-bottom: 1px solid #dfe3e8;	
		-webkit-align-items: center; align-items: center;
		-ms-flex-flow: row nowrap; flex-flow:row nowrap;
	}
	.navbar-header-identifier .identifier--brand{-ms-flex: 1 1 auto;-webkit-flex: 1 1 auto;flex: 1 1 auto;}
	.navbar-header-identifier .identifier--brand .brand-primary svg{width:100%;max-width: 140px;}
	.navbar-header-identifier .identifier--brand .brand-primary svg.svg_logo_haravan{height:36px;width:150px;max-width: 100%;}
	/* icon nav */
	.slicknav_btn {padding:6px 8px;cursor: pointer;float: right;}
	.slicknav_icon-bar{width: 24px;height: 2px;background:#37464f;border-radius: 1px;position: relative;	display: inline-block;vertical-align: middle;}
	.slicknav_icon-bar::after,.slicknav_icon-bar::before {
		content: '';position: absolute;	width: 100%;height: 100%;
		border-radius: inherit;background:#37464f;transition: transform 250ms ease;
		-ms-transform-origin: 50% 1px;transform-origin: 50% 1px;
	}
	.slicknav_icon-bar::before{top: -6px;}
	.slicknav_icon-bar::after{bottom: -6px;}
	.slicknav_btn.active-icon .slicknav_icon-bar{height:0;}
	.slicknav_btn.active-icon .slicknav_icon-bar::after,
	.slicknav_btn.active-icon .slicknav_icon-bar::before {height: 2px;top: 0;bottom: 0;background: #37464f;}
	.slicknav_btn.active-icon .slicknav_icon-bar::before {-ms-transform: rotate(-45deg);transform: rotateZ(-45deg);}
	.slicknav_btn.active-icon .slicknav_icon-bar::after {-ms-transform: rotate(45deg);transform: rotateZ(45deg);}
	.overlay-mobile{
		background: rgba(187, 222, 251, 0.73);
		position: fixed;left:0;bottom:0;right: 0;top: 0;z-index:9;
		visibility: hidden;  opacity: 0;
		-webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
		transition: opacity 0.15s ase-in-out, visibility 0.15s ease-in-out;
	}
	.overlay-mobile.show-rgb{visibility: visible;opacity: 1;}	
	/*==============================*/
	.navbarmain-hrv .navHeader {
		position: fixed;width:100%;right:0;
		margin: 0;z-index:999;cursor: pointer;display: none;height:0;	opacity: 0;
		overflow-x: hidden;	overflow-y: auto;	-webkit-overflow-scrolling: touch;
	}
	.navbarmain-hrv .navHeader .wrapbox-navbar-container{height:calc(100% - 60px);padding-bottom:60px;	overflow: auto;overflow-y: scroll;	-webkit-overflow-scrolling: touch;}
	.mainHeader-hrv.fixed-nav .navbarmain-hrv .navHeader.show-menu {height:100%;display: block;opacity: 1;padding:0;transition: opacity 0.5s ease;}
	body.overflow-hidden{overflow: hidden;height: 100vh;}
	body.overflow-hidden .mainHeader-hrv.fixed-nav{
		position: fixed;width: 92%; right: 0;left: initial;top:0;z-index: 99;
		background: #fff;cursor: pointer;overflow-y: auto;height: 100vh;
	}
	body.overflow-hidden .mainHeader-hrv.fixed-nav,
	.mainHeader-hrv.fixed-nav .navbarmain-hrv .navHeader.show-menu{width:90%;right:0;}
	/* style CONTENT-menu mobile*/
	.wrapbox-navbar-container{padding:15px 20px 15px;flex-direction: column;-webkit-flex-direction: column;}
	.mainmenu-hrv.mainmenu-hrv__right{margin-top: 15px;padding-top: 15px;border-top: 1px solid #dfe3e8;}	
	.mainmenu-cta.mainmenu-hrv__button{margin-top: 15px;}
	ul.mainmenu-hrv>li,.primary-mobile-menu .primary-menu>li {display:block;margin:0;background: #ffffff;width: 100%;float: none;}
	ul.mainmenu-hrv>li>a,.primary-mobile-menu .primary-menu>li>a{position: relative;font-size: 13px;font-family: 'sfuiText_bold';display: block; height: initial;line-height: 1.5;padding:13px 0px; background: #fff;text-transform: uppercase;}
	ul.mainmenu-hrv>li.has-dropdown>a,
	ul.infoList-submenu li.item-dropdown a,.primary-mobile-menu .primary-menu>li.has-dropdown>a{ padding-right:45px;}
	li.has-dropdown a >.fa{
		position: absolute;right:10px;font-size:20px;margin:0;
		transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;
	}
	li.has-dropdown.open-menu>a {background:#fff;}
	li.has-dropdown.open-menu>a >.fa{-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);	-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
	ul.mainmenu-hrv>li.has-dropdown.open-menu>a,.primary-mobile-menu .primary-menu>li.has-dropdown.open-menu>a{color: #2979ff;}
	li.has-dropdown .dropdown-wrapper{display: none;width: 100%;float: none;list-style: none;margin:0;border-left:1px solid #dfe3e8;}
	.dropdown-wrapper .dropdown-content .dropdown-list,
	.dropdown-wrapper .dropdown-content .dropdown-list .infoList-submenu{width:100%!important}
	ul.infoList-submenu li a, ul.infoList-submenu li.submenu-item-first{width: 100%;padding:8px 15px}
	ul.infoList-submenu li.submenu-item-first:after{left:15px;right:15px;}
	ul.infoList-submenu .dropdown-right ul {display: none;margin-left:20px;margin-bottom:5px;}
	ul.infoList-submenu .dropdown-right ul li:not(.submenu-item-txt){border-left:1px solid #dfe3e8;}
	ul.infoList-submenu li.item-dropdown ul li.submenu-item-txt{padding:8px 15px;padding-left:0px;background: #ffffff;position: relative; z-index: 2;}
	ul.infoList-submenu li.item-dropdown ul li:not(.submenu-item-txt) a{padding:8px 12px;}
	ul.infoList-submenu li.item-dropdown a >.fa{
		right: 13px;
		-moz-transform:translateY(-50%) rotate(90deg); -webkit-transform:translateY(-50%) rotate(90deg);
		-o-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg);
	}
	ul.infoList-submenu li.item-dropdown.open-submenu a >.fa{
		color: #2979ff;
		-moz-transform:translateY(-50%) rotate(-90deg); -webkit-transform:translateY(-50%) rotate(-90deg);
		-o-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg);		transform: translateY(-50%) rotate(-90deg);
	}
	ul.submenu-more li{width:100%;float: none;}
	ul.submenu-more li a {padding: 8px 20px;margin:3px 0;}

	.navbar-super-logo {border-bottom: 1px solid #dfe3e8;padding:15px 0px 10px;    margin-bottom: 15px;}
	.navbar-super-logo .navbar-logohrv .svg_logo_haravan {height: 36px;width: 150px;fill: #08589d;}
	.wrapbox-navbar-container .primary-mobile-menu,	.wrapbox-navbar-container .navbar-super-logo{display:block}
	.wrapbox-navbar-container .primary-mobile-menu{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #dfe3e8;}
	.wrapbox-navbar-container .primary-mobile-menu .primary-button{margin-top:15px;}
	.primary-mobile-menu .primary-menu li a:hover,.primary-mobile-menu .primary-menu li a:focus{ background: #ffffff; color: #3d5067;}
	.primary-mobile-menu .primary-menu li.has-dropdown ul.submenu-primary li a {position: relative;border: 0;padding:8px 15px;}	
	.primary-mobile-menu .primary-menu li.has-dropdown ul.submenu-primary li ul {display:none;margin-left:18px;border-left: 1px solid #dfe3e8;}	
	.primary-mobile-menu .primary-menu li.has-dropdown ul.submenu-primary li.item-dropdown>a{padding-right:45px}
	.primary-mobile-menu .primary-menu li.has-dropdown ul.submenu-primary li.open-submenu>a{background: #ffffff;color: #3d5067;}
	.primary-mobile-menu .primary-menu li.has-dropdown ul.submenu-primary li.open-submenu>a >.fa{color: #2979ff;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);	-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

	.mainmenu-hrv__button .navItem-button{width:100%;float:none}
	.mainmenu-hrv__button .navItem-button,.primary-mobile-menu .primary-button li{ float: none; display:block;margin:0 0 12px;}
	.mainmenu-hrv__button .navItem-button .btn-hrvmenu,
	.primary-mobile-menu .primary-button li a.btn-menu{width:100%;text-align: center;}
	.mainHeader-primary .mainmenu-hrv__button{display:none}
}
@media(min-width:768px){
	.mainHeader-hrv.mainHeader-primary.nav-sticky .navbarmain-hrv{display:none}
	.mainHeader-hrv.mainHeader-primary.nav-sticky .navsub-primary-menu .logo-primary .show-scroll{display:block}
	.mainHeader-hrv.mainHeader-primary.nav-sticky .navsub-primary-menu .logo-primary .hide-scroll{display:none}
	body.overflow-hidden .mainHeader-hrv.mainHeader-primary.fixed-nav .navbarmain-hrv{display:block;}
}
@media(max-width:991px) and (min-width:768px){
	.wrapper-navbar-primary{padding:8px 5px}
	body.overflow-hidden .mainHeader-hrv.fixed-nav,
	.mainHeader-hrv.fixed-nav .navbarmain-hrv .navHeader.show-menu{width:500px;}
	body.overflow-hidden .mainHeader-hrv.fixed-nav .navbarmain-primary{display:none;}
	body.overflow-hidden .mainHeader-primary.fixed-nav .navbarmain-hrv .navbar-header a.navbar-brand{display:none!important}
	body.overflow-hidden .mainHeader-primary.fixed-nav .navbarmain-hrv .navbar-header a.navbar-brand.brand-primary{display:block!important}
	body.overflow-hidden .mainHeader-primary.fixed-nav .navbarmain-hrv .navHeader .primary-mobile-menu,
	body.overflow-hidden .mainHeader-primary.fixed-nav .navbarmain-hrv .navHeader .navbar-super-logo{display:block!important}
	.navsub-primary-menu .primary-menu {display: none;}
	.primary-mobile-menu .primary-menu,.primary-mobile-menu .primary-button{float:none;}
}
/*============DONT EDIT ++ FOOTER-HRV-V1.4***footer-hrv-v1.4 ============================*/
.mainFooter-hrv{font-size: 14px;color:#3d5067;font-family:'sfuiText_regular';}
.fter-txtbold{color:#3d5067;font-family:'sfuiText_bold'}
.mainFooter-hrv a:hover,.mainFooter-hrv a:focus{color: #2a7aff;}
/*------------------------------------*/
.footer-hrv-linklists{padding: 20px 0 30px;background:#fafafa;border-top:1px solid #e6e6e6;}
.widget-linklists .title-footer{font-size: 16px;color:#3d5067;margin:20px 0 18px;line-height: 1.4;text-transform: uppercase;font-family: 'brandon_textbold';}
.widget-linklists .title-footer .sptitle{
	display:block;color: #3d5067;font-size: 11px;letter-spacing: -0.3px; 
	font-family: 'sfuiText_semibold'; margin-top:4px;
}
.widget-linklists .widget-hrv-iso .title-footer{margin-bottom:10px;}
.widget-linklists .logo-hrv-footer{margin: 10px 0 15px;}
ul.navbar-footerlink li{position: relative;padding-left: 20px;}
ul.navbar-footerlink li:before {content: "";position: absolute;left: 6px;top: 8px;width: 4px;height: 4px;background: #546e7a;border-radius: 50%;}
ul.navbar-footerlink li,ul.list-footerlink li{margin:0 0 12px;list-style: none;}
ul.navbar-footerlink li a,ul.list-footerlink li a{font-size:14px;color:#3d5067; display: inline-block;}
ul.navbar-footerlink li a:hover,ul.list-footerlink li a:hover,
ul.navbar-footerlink li a:focus,ul.list-footerlink li a:focus{color: #2a7aff;}
ul.navbar-social li{position:relative;overflow:hidden;width:35px;height:35px;padding:0;margin:0px 1px ;display:inline-block;zoom:1}
ul.navbar-social li img{bottom:0;left:0;position:absolute}
ul.navbar-social li img:first-child{bottom:-35px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
ul.navbar-social li:hover img:first-child{bottom:0;z-index:1}
ul.navbar-social li:hover img:last-child{bottom:-35px}
ul.navbar-social li img{-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;-webkit-transition:all 300ms linear;transition:all 300ms linear}
ul.navbar-appstore li{display:inline-block;margin-bottom:3px;}
ul.navbar-appstore li:first-child{margin-right:8px;}
.widget-hrv-iso img{max-width:96%;}
.svg-hrv-footer{fill:#08589d;width:135px;height:35px;}
.svg-appstore-apple{width:115px;height:40px;}
.svg-appstore-ggplay{width:130px;height:42px;}
.fter-apple-1{fill:#a6a6a6;}.fter-apple-2{fill:#fff;}
.fter-ggplay-1{fill:#a6a5a5;}.fter-ggplay-2,.fter-ggplay-3{fill:#fff;}.fter-ggplay-2{stroke:#fff;stroke-miterlimit:10;stroke-width:0.2px;}.fter-ggplay-4{fill:#5bc8f3;}.fter-ggplay-5{fill:url(#fterlinear-gradient);}.Graphic-Style-2{fill:url(#fterlinear-gradient-2);}.fter-ggplay-6{fill:url(#fterlinear-gradient-3);}
.fter-ggplay-mb-1{fill:#a6a5a5;}.fter-ggplay-mb-2,.fter-ggplay-mb-3{fill:#fff;}.fter-ggplay-mb-2{stroke:#fff;stroke-miterlimit:10;stroke-width:0.2px;}.fter-ggplay-mb-4{fill:#5bc8f3;}.fter-ggplay-mb-5{fill:url(#fterlinear-gradient-mb);}.fter-ggplay-mb-graphic-2{fill:url(#fterlinear-gradient-mb-2);}.fter-ggplay-mb-6{fill:url(#fterlinear-gradient-mb-3);}
.footer-hrv-linklists .widget-visible-sm{display:none;}
/* footer address*/
.footer-hrv-address{padding:15px 0 50px;background:#fafafa;border-top:1px solid #e6e6e6;}
.widget-address .title-address{font-size: 16px;color:#3d5067;margin:20px 0 15px;	text-transform: uppercase;font-family: 'brandon_textbold';}
ul.list-address li{position: relative;padding-left: 20px;margin:5px 0}
ul.list-address li:before {content: "";position: absolute;left: 6px;top: 8px;width: 4px;height: 4px;background: #546e7a;border-radius: 50%;}
/* footer chan trang */
.footer-hrv-bottom{padding: 24px 0 35px;background:#f6f6f6;border-top:1px solid #e6e6e6;}
.footer-hrv-bottom .wrap-footer-bottom{margin:0 -15px;
	display: -webkit-flex;display: flex;
	-webkit-align-items: center;align-items: center;
	-webkit-flex-flow: row wrap;flex-flow: row wrap;
}
.widget-navbottom ul.navbottom {list-style: none;margin: 0;}
.widget-navbottom ul.navbottom li {display: inline-block;position: relative;}
.language-footer {
	position: relative;
	width: 150px;height: 32px;line-height:32px;
	display: inline-block;padding: 0 35px 0 10px;cursor: pointer;
	background:#fff;border:1px solid #e6e6e6;	border-radius: 3px;
}
.language-footer .icon-arrow {
	font-family: 'FontAwesome'!important;
	position: absolute;top: 0;left: auto;right: 10px;
	color: #ccc;font-size: 20px;height: 30px;line-height: 30px;	
	transition: transform 150ms ease,top 150ms ease;
}
.language-footer .language-footer-title{margin:0;color: #3d5067;font-size: 12px;font-family: 'sfuiText_bold';}
.language-footer .language-footer-title .flag-footer{float:left;margin-right:8px}
.language-footer .language-footer-content {
	width:190px;padding:0px;
	position: absolute;left: -15px;bottom: 100%;z-index:10;	
	opacity: 0;visibility: hidden; height: 0;overflow: hidden;
	-ms-transform: translateY(10px);transform: translateY(10px);
	-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;
}
.language-footer .language-footer-content .language-navigation{position: relative;margin:10px 10px 15px 10px;border-radius: 5px;	background: #fff;box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);}
.language-footer .language-footer-content .language-navigation::after {
	content: '';
	position: absolute;	bottom: -15px;left: 20%;z-index: -100;
	width: 14px;height: 0;filter: blur(2px);opacity: .5;
	border: 6px solid transparent;border-top: 6px solid rgba(0,0,0,.2);
	-ms-transform: translateX(-50%);transform: translateX(-50%);	
}
.language-footer .language-footer-content .language-navigation::before {
	content: '';position: absolute;bottom: -14px;left: 20%;
	width: 14px;height: 0;
	border: 7px solid transparent;border-top: 7px solid #fff;
	-ms-transform: translateX(-50%);transform: translateX(-50%);
	-webkit-transition: all .5s ease;transition: all .5s ease;
}
.language-navigation ul>li{display:block;}
.language-navigation ul>li + li {border-top: 1px solid #dfe3e8;}
.language-navigation ul>li>a{color: #3d5067;display: block;text-align: left;line-height: initial;padding: 5px 15px;}
.language-navigation ul>li>a span{display: inline-block;vertical-align: middle;margin-right:5px;}
.language-navigation ul>li>a:hover{background:#e3f2fd;text-decoration: none;}
.language-footer-title svg,.language-footer-content span svg{width:30px; height:30px;display: block;}
.language-footer:hover .language-footer-content{opacity: 1;height: auto;visibility: visible;pointer-events: all;-ms-transform: translateY(0);transform: translateY(0);}
.language-footer:hover {border-color: #7f7f7f;}
.language-footer:hover .icon-arrow {-ms-transform: rotate(180deg);transform: rotateZ(180deg);}
.language-footer .js-parents.hover-bg .language-navigation::before {border-top: 7px solid #e3f2fd;}
@media(min-width:1200px){
	.widget-hrv-social {margin-bottom: 20px;}
	.widget-hrv-appstore .title-footer span{display:block}
	.footer-hrv-address .hrv-address-left{width:70%;}
	.footer-hrv-address .hrv-address-right{width:30%;}
	.widget-hrv-iso img{max-width:94%;}
}
@media(min-width:992px){
	.footer-hrv-linklists .colmn-lg-18{width:17%}
	.footer-hrv-linklists .colmn-lg-22{width:22%}
	.footer-hrv-linklists .colmn-lg-20{width:21.5%}
	.footer-hrv-bottom .wrap-footer-bottom{position: relative;}
	.wrap-footer-bottom .widget-language{position: absolute;width: 200px;left: 0;top: -6px;z-index: 9;}
}
@media(max-width:1199px) and (min-width:992px){
	.widget-linklists .title-footer {font-size: 14px;}
	.footer-hrv-address .hrv-address-left{width: 69%;}
	.footer-hrv-address .hrv-address-right{width: 31%;}
}
@media(min-width:768px){
	.widget-navbottom ul.navbottom li+li:before {content: "";display: inline-block;vertical-align: middle;width: 1px;height: 14px;background: #3d5067;margin: 0px 25px;}
}
@media(max-width:991px) and (min-width:768px){
	.footer-hrv-linklists .widget-padding-sm{padding-left:0;}
	.footer-hrv-linklists .widget-hidden-sm{display:none;}
	.footer-hrv-linklists .widget-visible-sm{display:block;}
	.footer-hrv-linklists .widget-linklists:nth-of-type(3n+1) {clear: both;}
	.widget-hrv-iso img {max-width: 100%; }
	.widget-linklists .title-footer {font-size: 14px;}
	.widget-linklists .title-footer span{display:block;}
	.footer-hrv-address .widget-hidden-sm{display:none;}
	.wrap-footer-bottom .widget-language{text-align: center;margin-bottom:14px}
	.language-footer{text-align: left;}
	.wrap-footer-bottom .widget-navbottom{text-align: center;}
	.widget-navbottom ul.navbottom li+li:before{margin:0 15px;}
}
@media(max-width:767px){
	.footer-hrv-linklists{padding:0;}
	ul.navbar-footerlink{width:100%;float:left;}
	ul.navbar-footerlink li{width:50%;float:left}
	ul.navbar-footerlink li,ul.list-footerlink li { margin:10px 0;}
	ul.navbar-appstore li{display: inline-block;}
	.widget-linklists .title-footer{position: relative;display: block;    cursor: pointer;font-size: 14px;margin: 0;padding: 15px 15px;}
	.widget-linklists .logo-hrv-footer {margin:0;padding: 15px 15px 10px;}
	.widget-linklists .togged-footer:before{
		content: "\f107";	font-family: "FontAwesome";		
		position: absolute;top: 12px;right: 20px;text-align: center;font-size: 22px;
		transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;	-o-transition: all 0.4s ease-in-out 0s;	-webkit-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;
	}
	.widget-linklists .logo-hrv-footer.togged-footer:before{top:17px;}
	.widget-linklists .togged-footer.opened:before {-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);	-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);	transform: rotate(-180deg);}
	.widget-footer-mb {padding: 0;border-bottom: 1px solid #e6e6e6;}
	.widget-footer-mb.widget-border-b0{border-bottom:0;}
	.widget-footer-mb .footer-collapse{display: none;padding:5px 15px;background: #fff;}
	.widget-footer-mb .footer-collapse.navbar-social,
	.widget-footer-mb .footer-collapse.navbar-appstore,
	.widget-footer-mb .footer-collapse.navbar-infoIso{padding-top:20px;padding-bottom:20px;}
	.widget-footer-mb .footer-collapse.navbar-infoIso{text-align:center;}
	.widget-footer-mb .widget-hrv-social{border-bottom: 1px solid #e6e6e6;}
	.footer-hrv-linklists .widget-visible-sm {display: block;}
	.wrap-footer-bottom .widget-language{text-align: center;margin-bottom:14px}
	.language-footer{text-align: left;}
	.widget-navbottom ul.navbottom li{display: block;}
	.widget-navbottom ul.navbottom li+li{margin-top:3px;}
	.widget-navbottom ul.navbottom li+li span.fter-txtbold{display:block}
}
/************************ END-FOOTER HTV- ont edit*******/

.header-topbar{display:none;background: #e3f2fd;padding:4px 0;border-bottom: 1px solid #c4e2fc;text-align:right;}
.header-topbar .navTop{margin:0;position: relative;}
.header-topbar .navTop>li{display: inline-block;vertical-align: middle;}
.navTop>li>a{font-size: 14px;}
.navTop li.language_mobile {position: relative;cursor:pointer;float:left}
.navTop li.language_mobile .language_flag{
	background-color: #fff;border: 1px solid #d8edff;
	height: 26px;line-height: 25px;	padding:0px 20px 0px 28px;
	-webkit-border-radius: 13px;-moz-border-radius: 13px;	border-radius: 13px;
	color: #3d5067;font-size:12px;font-family: 'sfuiText_bold';
}
.navTop li.language_mobile .language_flag .flag  {
	width: 16px;height: 16px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;	border-radius: 50%;
	position: absolute;left: 5px;top: 5px;display: inline-block;
}
.navTop li.language_mobile .language_flag .flag.en{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB5PSI4NS4zMzMiIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM0MS4zMzciLz48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIyODgsODUuMzMgMjI0LDg1LjMzIDIyNCwyMjMuOTk2IDAsMjIzLjk5NiAwLDI4Ny45OTYgMjI0LDI4Ny45OTYgMjI0LDQyNi42NjIgMjg4LDQyNi42NjIgMjg4LDI4Ny45OTYgNTEyLDI4Ny45OTYgNTEyLDIyMy45OTYgMjg4LDIyMy45OTYgIi8+PGc+PHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwNTJCNDsiIHBvaW50cz0iMzkzLjc4NSwzMTUuMzU4IDUxMiwzODEuMDM0IDUxMiwzMTUuMzU4ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjMxMS42NTIsMzE1LjM1OCA1MTIsNDI2LjY2MiA1MTIsMzk1LjE4OCAzNjguMzA3LDMxNS4zNTggIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwNTJCNDsiIHBvaW50cz0iNDU4LjYzNCw0MjYuNjYyIDMxMS42NTIsMzQ0Ljk5OCAzMTEuNjUyLDQyNi42NjIgIi8+PC9nPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiBwb2ludHM9IjMxMS42NTIsMzE1LjM1OCA1MTIsNDI2LjY2MiA1MTIsMzk1LjE4OCAzNjguMzA3LDMxNS4zNTggIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIHBvaW50cz0iMzExLjY1MiwzMTUuMzU4IDUxMiw0MjYuNjYyIDUxMiwzOTUuMTg4IDM2OC4zMDcsMzE1LjM1OCAiLz48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSI5MC4zNDEsMzE1LjM1NiAwLDM2NS41NDYgMCwzMTUuMzU2ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjIwMC4zNDgsMzI5LjUxIDIwMC4zNDgsNDI2LjY2MSAyNS40OTEsNDI2LjY2MSAiLz48L2c+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIHBvaW50cz0iMTQzLjY5MywzMTUuMzU4IDAsMzk1LjE4OCAwLDQyNi42NjIgMCw0MjYuNjYyIDIwMC4zNDgsMzE1LjM1OCAiLz48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIxMTguMjE1LDE5Ni42MzQgMCwxMzAuOTU4IDAsMTk2LjYzNCAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIyMDAuMzQ4LDE5Ni42MzQgMCw4NS4zMyAwLDExNi44MDQgMTQzLjY5MywxOTYuNjM0ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjUzLjM2Niw4NS4zMyAyMDAuMzQ4LDE2Ni45OTQgMjAwLjM0OCw4NS4zMyAiLz48L2c+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iMjAwLjM0OCwxOTYuNjM0IDAsODUuMzMgMCwxMTYuODA0IDE0My42OTMsMTk2LjYzNCAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIyMDAuMzQ4LDE5Ni42MzQgMCw4NS4zMyAwLDExNi44MDQgMTQzLjY5MywxOTYuNjM0ICIvPjxnPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjQyMS42NTksMTk2LjYzNiA1MTIsMTQ2LjQ0NiA1MTIsMTk2LjYzNiAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIzMTEuNjUyLDE4Mi40ODIgMzExLjY1Miw4NS4zMzEgNDg2LjUwOSw4NS4zMzEgIi8+PC9nPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBwb2ludHM9IjM2OC4zMDcsMTk2LjYzNCA1MTIsMTE2LjgwNCA1MTIsODUuMzMgNTEyLDg1LjMzIDMxMS42NTIsMTk2LjYzNCAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
	background-size: 25px 25px;background-repeat: no-repeat;background-position: center;
}
.navTop li.language_mobile .language_flag .flag.vn{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIxOTYuNjQxLDg1LjMzNyAwLDg1LjMzNyAwLDQyNi42NjMgMTk2LjY0MSw0MjYuNjYzIDUxMiw0MjYuNjYzIDUxMiw4NS4zMzcgIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0ZGREE0NDsiIHBvaW50cz0iMjU2LDE1Ny4yNzkgMjc4LjY2MywyMjcuMDI2IDM1MiwyMjcuMDI2IDI5Mi42NjgsMjcwLjEzMiAzMTUuMzMyLDMzOS44ODEgMjU2LDI5Ni43NzQgMTk2LjY2OCwzMzkuODgxIDIxOS4zMzIsMjcwLjEzMiAxNjAsMjI3LjAyNiAyMzMuMzM3LDIyNy4wMjYgIi8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
	background-size: 25px 25px;background-repeat: no-repeat;background-position: center;
}
.navTop li.language_mobile .language_flag .flag.th{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPHBhdGggc3R5bGU9ImZpbGw6I0Y1RjVGNTsiIGQ9Ik01MDMuMiw0MjMuN0g4LjhjLTQuOSwwLTguOC00LTguOC04LjhWOTcuMWMwLTQuOSw0LTguOCw4LjgtOC44aDQ5NC4zYzQuOSwwLDguOCw0LDguOCw4Ljh2MzE3LjggQzUxMiw0MTkuOCw1MDgsNDIzLjcsNTAzLjIsNDIzLjd6Ij48L3BhdGg+IDxnPiA8cGF0aCBzdHlsZT0iZmlsbDojRkY0QjU1OyIgZD0iTTUwMy4yLDQyMy43SDguOGMtNC45LDAtOC44LTQtOC44LTguOHYtNDQuMWg1MTJ2NDQuMUM1MTIsNDE5LjgsNTA4LDQyMy43LDUwMy4yLDQyMy43eiI+PC9wYXRoPiA8cGF0aCBzdHlsZT0iZmlsbDojRkY0QjU1OyIgZD0iTTguOCw4OC4zaDQ5NC4zYzQuOSwwLDguOCw0LDguOCw4Ljh2NDQuMUgwVjk3LjFDMCw5Mi4yLDQsODguMyw4LjgsODguM3oiPjwvcGF0aD4gPC9nPiA8cmVjdCB5PSIxOTQuMiIgc3R5bGU9ImZpbGw6IzQxNDc5QjsiIHdpZHRoPSI1MTIiIGhlaWdodD0iMTIzLjYiPjwvcmVjdD4gPC9zdmc+);
	background-size: 25px 25px;background-repeat: no-repeat;background-position: center;
}
.navTop li a.link-login {height: 26px;line-height: 26px;color: #0180fe;font-family: 'sfuiText_bold';margin-left:20px;border-bottom:1px solid #0180fe;text-transform: uppercase;}
@media(max-width:991px){
	.mainHeader-hrv:not(.mainHeader-primary) .header-topbar{display: block;}
	.language_mobile .language_navcontent{left: -15px;}
	.language_mobile .language_navcontent .language_dropdown:after, 
	.language_mobile .language_navcontent .language_dropdown:before{right: 72%;}
}
@media(max-width:767px){
	.mainHeader-hrv .header-topbar{display: block;}
}
/*============================================*/

.navsub-primary-menu .logo-primary svg.svg_logo_invnetory,
.navsub-primary-menu .logo-primary svg.svg_iconlogo_invnetory{width:180px}
.navsub-primary-menu .logo-primary svg.svg_logo_haraweb{ width: 100px;}
.navsub-primary-menu .logo-primary svg.svg_iconlogo_haraweb{ width: 120px;}
.svg-haraweb-1{fill:#3f5067;}
.svglg-ic-byhrv-haraweb-1{fill:#3f5067;}.svglg-ic-byhrv-haraweb-2{fill:#b3e5fc;}.svglg-ic-byhrv-haraweb-3{fill:#0091ea;}.svglg-ic-byhrv-haraweb-4{fill:#fff;}.svglg-ic-byhrv-haraweb-5{fill:#3e5067;}.svglg-ic-byhrv-haraweb-6{fill:#00579a;}
.svg-hrretail-1{fill:#3e5067;} 
.svglg-hrretail-1{fill:#c8e6c9;}.svglg-hrretail-2{fill:#4caf50;}.svglg-hrretail-3{fill:#fff;}.svglg-hrretail-4{fill:#3e5067;}
.svg-hrinventory-1{fill:#26323d;}	
.svglg-ic-byhrv-inventory-1{fill:#b2ebf2;}.svglg-ic-byhrv-inventory-2{fill:#00b8d4;}.svglg-ic-byhrv-inventory-3{fill:#fff;}.svglg-ic-byhrv-inventory-4{fill:#3e5067;}.svglg-ic-byhrv-inventory-5{fill:#00579a;}
.svg-omnichannel-1 {fill: #3f5067;}
.svglg-ic-byhrv-omni-1{fill:#fff9c4;}.svglg-ic-byhrv-omni-2{fill:#f9a825;}.svglg-ic-byhrv-omni-3{fill:#3e5067;}.svglg-ic-byhrv-omni-4{fill:#fff;}.svglg-ic-byhrv-omni-5{fill:#00579a;}
@media(max-width:767px){
	.brand-primary svg.svg_iconlogo_haraweb{max-width: 140px;}
	.brand-primary svg.svg_iconlogo_invnetory{max-width:190px;}
	.brand-primary svg.svg_iconlogo_omnichannel{max-width:180px;}
	.navbarmain-hrv .navbar-header .navbar-brand svg.svg_logo_hraretail{ max-width: 170px;}
}



/*===== notification =============================*/
@-webkit-keyframes flipInXText{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInXText{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.notification-topbar {
	overflow: hidden;
	text-align: center;padding:10px 0;background:#fe8c00;
	background: -moz-linear-gradient(left, #fe8c00 0%, #f83600 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #fe8c00), color-stop(100%, #f83600));
	background: -webkit-linear-gradient(left, #fe8c00 0%, #f83600 100%);
	background: -o-linear-gradient(left, #fe8c00 0%, #f83600 100%);
	background: -ms-linear-gradient(left, #fe8c00 0%, #f83600 100%);
	background: linear-gradient(to right, #fe8c00 0%, #f83600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8c00', endColorstr='#f83600', GradientType=1 );
}
.notification-topbar--container {
	display: -webkit-flex; display: flex;
	-webkit-align-items: center;align-items: center;
	-webkit-justify-content: center;justify-content: center;
	-webkit-flex-flow: row wrap;flex-flow: row wrap;
}
.notification-topbar--slideText{-ms-flex: 1 1 auto;flex: 1 1 auto;padding:0 15px}
.notification-topbar--slideText{position: relative;overflow: hidden;text-align: center;}
.notification-topbar--slideText p{color: #ffffff;font-size:20px;margin: 0;}
.notification-topbar--slideText .topbar-txt{display: inline-block;	vertical-align: middle;}
.notification-topbar--slideText .topbar-txt:not(:first-child) {display: none; }
.notification-topbar--slideText .topbar-txt.txt-none {display: none; }
.notification-topbar--slideText .topbar-txt.txt-block {display: inline-block; }
.notification-topbar--slideText p span {color: #ffffff;cursor: pointer;}	
.notification-topbar--slideText p strong{font-family: 'sfuiText_bold';font-weight: initial;}
.notification-topbar--button .topbar-button-item{display: inline-block;vertical-align: middle;text-align: center;cursor: pointer;}
.notification-topbar--button .topbar-close svg{fill:#ffffff;opacity: 0.8; width: 24px;height:32px;transition: 0.3s;}
.notification-topbar--button .topbar-close:hover svg{opacity:1;}
.notification-topbar--button .topbar-btn {
	font-size: 18px;font-family: 'sfuiText_bold';margin-right:5px;
	color: #de350a;padding:5px 25px;background-color: #ffffff;border: 2px solid #ffffff;
}
.notification-topbar--button .topbar-btn:hover{border-color:#fdbba6;}
.notification-topbar .topbar-txt.animated {
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
}
.notification-topbar .topbar-txt.flipInXText {
	opacity:1;
	-webkit-backface-visibility: visible; backface-visibility: visible;
	-webkit-animation-name: flipInXText;  animation-name: flipInXText;
}
@media(min-width:768px){
	.notification-topbar {    position: sticky;left:0;right:0;top: 0;z-index: 1000; transition:padding 0.35s ease;}
	.notification-topbar .notification-topbar--container { overflow: hidden;}
	.notification-topbar .notification-topbar--slideText,.notification-topbar--button .topbar-btn{transition: transform 0.35s ease;}
	body.notification-sticky .notification-topbar {position: fixed;}
	body.notification-sticky.notification-ani .notification-topbar{padding: 2px 0;}
	body.notification-sticky.notification-ani .notification-topbar .notification-topbar--slideText, 
	body.notification-sticky.notification-ani .notification-topbar--button .topbar-btn{transform: scale(0.82);}
	body.notification-sticky.notification-ani .mainHeader-hrv.nav-sticky{top:42px;transition: top 0.35s ease;}
	body.notification-sticky.notification-hide .mainHeader-hrv.nav-sticky{top:0px}
}
@media(max-width:991px) and (min-width:768px){
	.notification-topbar--slideText p{font-size:17px;}
	.notification-topbar--button .topbar-btn{font-size:15px;padding:4px 15px;}
}
@media(max-width:767px){	
	.notification-topbar--slideText,.notification-topbar--button{width:100%;}
	.notification-topbar--slideText p{font-size: 15px;}
	.notification-topbar--button .topbar-btn{  padding: 4px 25px;font-size: 13px;margin-top:8px}
	.notification-topbar--button .topbar-close{margin-top:8px}
}

@media(max-width:991px){	
	.navbarmain-hrv{border:0;padding:0;}
	.navbarmain-hrv .container-menu{ display: block;}
}