/*--------------------    Designed by nmvu186    --------------------*/

:root {
	--nmvu-themecolor: #0089CF;
	--nmvu-themecolor-rgb: 0, 137, 207;

	--nmvu-body-font: 'Lato', sans-serif;
	--nmvu-primary-font: 'Montserrat', sans-serif;
	--nmvu-secondary-font: 'Merriweather', sans-serif;
        
    --nmvu-color-travel: #6F42C1;
	--nmvu-color-tech: #007BFF;
	--nmvu-color-fashion: #E83E8C;
	--nmvu-color-sports: #DC3545;
	--nmvu-color-lifestyle: #13A774;
	--nmvu-color-food: #17A2B8;
	--nmvu-color-market: #FFC107;
	--nmvu-color-light: #F8F9FA;
	--nmvu-color-dark: #343A40;
	--nmvu-card-rounded: 20px;

}

#header {
    --nmvu-header-border-color: transparent;
    --nmvu-primary-menu-submenu-border: 1px solid var(--nmvu-contrast-200);
    --nmvu-primary-menu-submenu-hover-bg: var(--nmvu-contrast-200);
    --nmvu-primary-menu-submenu-padding-y: 10px;
    --nmvu-primary-menu-submenu-font-size: .925rem;
    --nmvu-primary-menu-font-size: 13px;
    --nmvu-primary-menu-ls: 1px;
    --nmvu-primary-menu-font-weight: 700;
}

#block-countdown-3 .countdown-section {
    padding: 5px;
    margin-left: 5px;
    background-color: #FFFFFF;
    border: 0;
    border-radius: 4px;
}

#block-countdown-3 .countdown-section:first-child { margin-left: 0; }        

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}

.is-expanded-menu .sub-menu-container,
.is-expanded-menu .mega-menu-content {
    border-top: var(--nmvu-primary-menu-submenu-border);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.04);
    border-radius: 10px;
    padding: 10px;
}

.is-expanded-menu .mega-menu-column .sub-menu-container {
    padding: 0;
}

.is-expanded-menu .sub-menu-container .menu-item > .menu-link,
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link {
    font-weight: 400;
    border-radius: 4px;
}

.is-expanded-menu .mega-menu-content .sub-menu-container + .sub-menu-container {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.section.dark .bg-color h2 { color: #FFF; }

.section.dark .bg-color label {
	color: rgba(255,255,255,0.9);
	font-weight: 400;
	text-transform: capitalize;
}


.form-control.error { border: 2px solid red; }


.footer-big-contacts {
	color: var(--nmvu-contrast-800);
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}

.rounded-xxl {
	border-radius: var(--nmvu-card-rounded);
}

#css3-spinner-svg-pulse-wrapper {
	position: absolute;
	overflow: hidden;
	width: 260px;
	height: 210px;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -130px;
	background-color: transparent;
	animation: none;
	-webkit-animation: none;
}

#css3-spinner-svg-pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -275px;
}

#css3-spinner-pulse {
	stroke-dasharray: 281;
	-webkit-animation: dash 5s infinite linear forwards;
}

#top-bar,
.dark #top-bar {
	--nmvu-topbar-color: #FFF;
	--nmvu-topbar-border-color: rgba(255,255,255,0.1);
	--nmvu-topbar-font-weight: 400;
	--nmvu-topbar-social-icon-color: #FFF;
}


.top-links-item:hover {
	background-color: rgba(255,255,255, .2);
}


.navbar-expand-lg .navbar-nav .nav-item .nav-link {
	font-size: 15px;
	font-weight: 600;
	padding-left: 13px;
	padding-right: 13px;
}

.navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link { margin-left: 0; }

.navbar-expand-lg .navbar-nav .nav-item:not(.active) .nav-link { color: #444; }

.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link { color: var(--nmvu-themecolor) }


/*Animation*/
@-webkit-keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}

@keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}

.opening-table .heading-block span {
	font-size: 16px;
	font-weight: 400;
}

.opening-table {
	padding: 30px;
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #EEE;
}

.time-table-wrap .time-table {
	padding: 14px 0;
	text-align: left;
	border-top: 1px solid #E5E5E5;
}

.time-table-wrap .time-table:first-child { border-top: none; }

.time-table-wrap .time-table .col-md-5 { padding-left: 0; }

.time-table-wrap .time-table h5 {
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.time-table-wrap .time-table span { font-weight: 500; }

.entry-content p { margin-bottom: 15px; }

.post-grid .entry-title h2 {
	text-transform: none;
	letter-spacing: 0;
	font-size: 19px;
	line-height: 25px;
	font-weight: 400;
}

.form-control.error { border: 2px solid red; }

ul.price-table { list-style: none; }

ul.price-table li {
	padding: 10px 0;
	border-bottom: 1px solid #E0E0E0;
	background-position: left center;
	background-repeat: no-repeat;
}

ul.price-table li span { font-weight: bold; }

ul.price-table li .value {
	float: right;
	color: #666;
}

.more-link { margin-top: 10px; }


/* ----------------------------------------------------------------
	Giải Pháp Việt - Layout
-----------------------------------------------------------------*/

.rtl #css3-spinner-svg-pulse-wrapper {
	right: 50%;
	left: auto;
	margin-right: -130px;
	margin-left: 0;
}

.rtl #css3-spinner-svg-pulse {
	right: 50%;
	left: auto;
	margin-right: -275px;
	margin-left: 0;
}

.rtl .time-table-wrap .time-table { text-align: right; }

.rtl .time-table-wrap .time-table .col-md-5 { padding-right: 0; }

.rtl ul.price-table li { background-position: right center; }

.rtl ul.price-table li span { float: right; }

.rtl ul.price-table li .value { float: left; }


.contact-properties [class^=col-] {
	position: relative;
	margin-bottom: 50px;
}

.contact-properties [class^=col-] > a {
	display: block;
	position: relative;
	height: 400px;
	border-radius: 8px;
	background-color: #EEE;
}

.contact-properties [class^=col-] img { display: block; }

.contact-properties [class^=col-] > a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	border-radius: 8px;
	opacity: 0.4;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.contact-properties [class^=col-] > a:hover::before { opacity: 1; }

.contact-properties [class^=col-] > a .heading-block h4::after {
	content: "";
	border-style: solid;
	border-color: #FFF;
	display: inline-block;
	position: absolute;
	top: 120px;
	bottom: 50%;
	width: 40px;
	height: 4px;
	border-radius: 10px;
	left: 50%;
	right: auto;
	margin-left: -20px;
	opacity: 1;
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	-moz-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	transform: scale(0,1);
}

.contact-properties [class^=col-] > a:hover .heading-block h4::after {
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.line-xs {
	margin: 4px 0 20px;
	border-bottom: 3px solid #EEE;
}

.line-xs::after {
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51,51,51,0);
	border-top-color: #EEE;
	border-width: 8px;
	margin-left: -8px;
	z-index: 1;
	background: none;
}

/* Line Colors */
.line-home { border-bottom-color:  var(--nmvu-themecolor) !important; }
.line-travel { border-bottom-color:  var(--nmvu-color-travel) !important; }
.line-tech { border-bottom-color:  var(--nmvu-color-tech) !important; }
.line-fashion { border-bottom-color:  var(--nmvu-color-fashion) !important; }
.line-sports { border-bottom-color:  var(--nmvu-color-sports) !important; }
.line-lifestyle { border-bottom-color:  var(--nmvu-color-lifestyle) !important; }
.line-food { border-bottom-color:  var(--nmvu-color-food) !important; }
.line-market { border-bottom-color:  var(--nmvu-color-market) !important; }
.line-light { border-bottom-color:  var(--nmvu-color-light, #F8F9FA) !important; }
.line-dark { border-bottom-color:  var(--nmvu-color-dark, #343A40) !important; }

.line-home::after { border-top-color:  var(--nmvu-themecolor) !important; }
.line-travel::after { border-top-color:  var(--nmvu-color-travel) !important; }
.line-tech::after { border-top-color:  var(--nmvu-color-tech) !important; }
.line-fashion::after { border-top-color:  var(--nmvu-color-fashion) !important; }
.line-sports::after { border-top-color:  var(--nmvu-color-sports) !important; }
.line-lifestyle::after { border-top-color:  var(--nmvu-color-lifestyle) !important; }
.line-food::after { border-top-color:  var(--nmvu-color-food) !important; }
.line-market::after { border-top-color:  var(--nmvu-color-market) !important; }
.line-light::after { border-top-color:  var(--nmvu-color-light, #F8F9FA) !important; }
.line-dark::after { border-top-color:  var(--nmvu-color-dark, #343A40) !important; }

/* ----------------------------------------------------------------
	Giải Pháp Việt - Swiper Tabs
-----------------------------------------------------------------*/

.swiper-pagination-progress {
	--nmvu-swiper-bar-size: 2px;
	--nmvu-swiper-bar-color:  var(--nmvu-contrast-200);
	--nmvu-swiper-bar-active-color: var(--nmvu-contrast-1000);
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: auto;
	border-radius: 0;
	opacity: 1;
	margin: 0px;
	background-color: transparent;
}
.swiper-pagination-progress .swiper-pagination-bar,
.swiper-pagination-progress .swiper-pagination-bar-active {
	position: absolute;
	bottom: 0;
	border-radius: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: var(--nmvu-swiper-bar-size);
	margin: 0px;
	background-color: var(--nmvu-swiper-bar-color);
}

.swiper-pagination-progress .swiper-pagination-bar-active {
	z-index: 2;
	width: 0%;
	background-color: var(--nmvu-swiper-bar-active-color);
}
.active .swiper-pagination-progress .swiper-pagination-bar-active {
	animation-name: swiperbarAnim;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}
@keyframes swiperbarAnim {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.swiper-tab-link {
	--swiper-tab-title: #AAA;
	--swiper-tab-content: ;
	counter-increment: step-counter;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 20px 0;
	cursor: pointer;
}

.swiper-tab-link::before {
	content: "0" counter(step-counter)'.';
	position: relative;
	display: inline-block;
	font-size: 26px;
    font-weight: 600;
    min-width: 50px;
	margin-right: 5px;
	color: var(--swiper-tab-title);
    font-family: monospace;
	line-height: 1;
}

.swiper-tab-link .swiper-tab-title {
	display: inline-block;
	color: var(--swiper-tab-title);
	margin-bottom: 0;
	font-size: calc(1.275rem + 0.3vw);
}

.swiper-tab-link .swiper-tab-content {
	margin-bottom: 0;
	padding-top: 10px;
    margin-left: 5px;
	line-height: 0;
	opacity: 0;
	vertical-align:middle;
	font-size: 1rem;
	transition: line-height 0.6s cubic-bezier(.4,0,.2,1), opacity .1s .1s cubic-bezier(.4,0,.2,1);
}

@media (min-width: 768px) {
    .swiper-tab-link .swiper-tab-content {
        margin-left: 60px;
    }
}

.swiper-tab-link.active .swiper-tab-content {
	opacity: .8;
	line-height: var(--nmvu-line-height-content);
	transition: line-height 0.5s cubic-bezier(.4,0,.2,1), opacity .15s .15s cubic-bezier(.4,0,.2,1);
}

.swiper-tab-link.active {
	--swiper-tab-title: #000;
}
/* ----------------------------------------------------------------
	Giải Pháp Việt - Liên Hệ Tabs
-----------------------------------------------------------------*/

.arcontactus-widget.right.arcontactus-message {
	left:20px
}
.arcontactus-widget.right.arcontactus-message {
	bottom:20px
}
.arcontactus-widget .arcontactus-message-button.pulsation {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message {
	width:60px;
	height:60px
}
.arcontactus-widget {
	opacity:0;
	transition:.2s opacity
}
.arcontactus-widget * {
	box-sizing:border-box
}
.arcontactus-widget.left.arcontactus-message {
	left:20px;
	right:auto
}
.arcontactus-widget.left .arcontactus-message-button {
	right:auto;
	left:0
}
.arcontactus-widget.left .arcontactus-prompt {
	left:80px;
	right:auto;
	transform-origin:0 50%
}
.arcontactus-widget.left .arcontactus-prompt:before {
	border-right:8px solid #FFF;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-bottom:8px solid transparent;
	right:auto;
	left:-15px
}
.arcontactus-widget.left .messangers-block {
	right:auto;
	left:0;
	-webkit-transform-origin:10% 105%;
	-ms-transform-origin:10% 105%;
	transform-origin:10% 105%
}
.arcontactus-widget.left .callback-countdown-block {
	left:0;
	right:auto
}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before {
	left:25px;
	right:auto
}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block {
	bottom:70px
}
.arcontactus-widget.md .arcontactus-prompt {
	bottom:5px
}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before {
	left:21px
}
.arcontactus-widget.md.left .arcontactus-prompt {
	left:70px
}
.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before {
	right:21px
}
.arcontactus-widget.md.right .arcontactus-prompt {
	right:70px
}
.arcontactus-widget.md .arcontactus-message-button .pulsation {
	width:74px;
	height:74px
}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message {
	width:50px;
	height:50px
}
.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block {
	bottom:60px
}
.arcontactus-widget.sm .arcontactus-prompt {
	bottom:0
}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before {
	left:16px
}
.arcontactus-widget.sm.left .arcontactus-prompt {
	left:60px
}
.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before {
	right:16px
}
.arcontactus-widget.sm.right .arcontactus-prompt {
	right:60px
}
.arcontactus-widget.sm .arcontactus-message-button .pulsation {
	width:64px;
	height:64px
}
.arcontactus-widget.sm .arcontactus-message-button .icons {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.sm .arcontactus-message-button .static {
	margin-top:-16px
}
.arcontactus-widget.sm .arcontactus-message-button .callback-state {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.active {
	opacity:1
}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide {
	opacity:0;
	transform:scale(0)
}
.arcontactus-widget.arcontactus-message {
	z-index:10000;
	right:20px;
	bottom:20px;
	position:fixed!important;
	height:70px;
	width:70px
}
.arcontactus-widget .arcontactus-message-button {
	width:70px;
	position:absolute;
	height:70px;
	right:0;
	background-color:red;
	border-radius:50px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer
}
.arcontactus-widget .arcontactus-message-button p {
	font-family:Ubuntu,Arial,sans-serif;
	color:#fff;
	font-weight:700;
	font-size:10px;
	line-height:11px;
	margin:0
}
.arcontactus-widget .arcontactus-message-button .pulsation {
	width:100px;
	height:100px;
	background-color:red;
	border-radius:50px;
	position:absolute;
	left:-15px;
	top:-15px;
	z-index:-1;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-animation:arcontactus-pulse 2s infinite;
	animation:arcontactus-pulse 2s infinite
}
.arcontactus-widget .arcontactus-message-button .icons {
	background-color:#fff;
	width:50px;
	height:50px;
	border-radius:50px;
	position:absolute;
	overflow:hidden;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px
}
.arcontactus-widget .arcontactus-message-button .static {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-19px;
	margin-left:-26px;
	width:52px;
	height:52px;
	text-align:center
}
.arcontactus-widget .arcontactus-message-button .static img {
	display:inline
}
.arcontactus-widget .arcontactus-message-button .static svg {
	width:24px;
	height:24px;
	color:#FFF
}
.arcontactus-widget .arcontactus-message-button.no-text .static {
	margin-top:-12px
}
.arcontactus-widget .pulsation:nth-of-type(2n) {
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
.arcontactus-widget .pulsation.stop {
	-webkit-animation:none;
	animation:none
}
.arcontactus-widget .icons-line {
	top:12px;
	left:15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);
	-o-transition:cubic-bezier(.13,1.49,.14,-.4);
	-webkit-animation-delay:0s;
	animation-delay:0s;
	-webkit-transform:translateX(30px);
	-ms-transform:translateX(30px);
	transform:translateX(30px);
	height:30px;
	transition:.2s all
}
.arcontactus-widget .icons,.arcontactus-widget .static {
	transition:.2s all
}
.arcontactus-widget .icons-line.stop {
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
.arcontactus-widget .icons-line span {
	display:inline-block;
	width:24px;
	height:24px;
	color:red
}
.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg {
	width:24px;
	height:24px
}
.arcontactus-widget .icons-line span i {
	display:block;
	font-size:24px;
	line-height:24px
}
.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span {
	margin-right:40px
}
.arcontactus-widget .icons.hide .icons-line {
	transform:scale(0)
}
.arcontactus-widget .icons .icon:first-of-type {
	margin-left:0
}
.arcontactus-widget .arcontactus-close {
	color:#FFF
}
.arcontactus-widget .arcontactus-close svg {
	-webkit-transform:rotate(180deg) scale(0);
	-ms-transform:rotate(180deg) scale(0);
	transform:rotate(180deg) scale(0);
	-webkit-transition:ease-in .12s all;
	-o-transition:ease-in .12s all;
	transition:ease-in .12s all;
	display:block
}
.arcontactus-widget .arcontactus-close.show-messageners-block svg {
	-webkit-transform:rotate(0) scale(1);
	-ms-transform:rotate(0) scale(1);
	transform:rotate(0) scale(1)
}
.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block {
	background:center no-repeat #FFF;
	box-shadow:0 0 10px rgba(0,0,0,.6);
	width:235px;
	position:absolute;
	bottom:80px;
	left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	padding:14px 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:7px;
	-webkit-transform-origin:15% 105%;
	-ms-transform-origin:15% 105%;
	transform-origin:15% 105%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:ease-out .12s all;
	-o-transition:ease-out .12s all;
	transition:ease-out .12s all;
	z-index:10000
}
.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before {
	position:absolute;
	bottom:-7px;
	left:25px;
	right:auto;
	display:inline-block!important;
	border-right:8px solid transparent;
	border-top:8px solid #FFF;
	border-left:8px solid transparent;
	content:''
}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt {
	color:#787878;
	font-family:Arial,sans-serif;
	font-size:16px;
	line-height:18px;
	width:auto;
	bottom:10px;
	left:80px;
	white-space:nowrap;
	padding:18px 20px 14px
}
.arcontactus-widget .arcontactus-prompt:before {
	border-right:8px solid transparent;
	border-top:8px solid transparent;
	border-left:8px solid #FFF;
    border-bottom:8px solid transparent;
    transform: rotate(180deg);
	bottom:16px;
	left:-15px
}
.arcontactus-widget .arcontactus-prompt.active {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
	position:absolute;
	right:6px;
	top:6px;
	cursor:pointer;
	z-index:100;
	height:14px;
	width:14px;
	padding:2px
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
	height:10px;
	width:10px;
	display:block
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
	border-radius:10px;
	display:inline-block;
	left:3px;
	padding:0;
	position:relative;
	top:4px;
	width:50px
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div {
	position:relative;
	float:left;
	border-radius:50%;
	width:10px;
	height:10px;
	background:#ccc;
	margin:0 2px;
	-webkit-animation:arcontactus-updown 2s infinite;
	animation:arcontactus-updown 2s infinite
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2) {
	animation-delay:.1s
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3) {
	animation-delay:.2s
}
.arcontactus-widget .messangers-block.sm .messanger {
	padding-left:50px;
	min-height:44px
}
.arcontactus-widget .messangers-block.sm .messanger span {
	height:32px;
	width:32px;
	margin-top:-16px
}
.arcontactus-widget .messangers-block.sm .messanger span svg {
	height:20px;
	width:20px;
	margin-top:-10px;
	margin-left:-10px
}
.arcontactus-widget .messanger {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0;
	cursor:pointer;
	width:100%;
	padding:8px 20px 8px 60px;
	position:relative;
	min-height:54px;
	text-decoration:none
}
.arcontactus-widget .messanger:hover {
	background-color:#EEE
}
.arcontactus-widget .messanger:before {
	background-repeat:no-repeat;
	background-position:center
}
.arcontactus-widget .messanger.facebook span {
	background:#0084ff
}
.arcontactus-widget .messanger.viber span {
	background:#7c529d
}
.arcontactus-widget .messanger.telegram span {
	background:#2ca5e0
}
.arcontactus-widget .messanger.skype span {
	background:#31c4ed
}
.arcontactus-widget .messanger.email span {
	background:#ff8400
}
.arcontactus-widget .messanger.contact span {
	background:#7eb105
}
.arcontactus-widget .messanger.call-back span {
	background:#54cd81
}
.arcontactus-widget .messanger span {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-20px;
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#0084ff;
	margin-right:10px;
	color:#FFF;
	text-align:center;
	vertical-align:middle
}
.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg {
	width:24px;
	height:24px;
	vertical-align:middle;
	text-align:center;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-12px
}
.arcontactus-widget .messanger span i {
	font-size:24px;
	line-height:24px
}
.arcontactus-widget .messanger p {
	margin:0;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:rgba(0,0,0,.87)
}
@-webkit-keyframes arcontactus-pulse {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0);
		opacity:1
	}
	50% {
		opacity:.5
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
}
@media (max-width:468px) {
	.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message {
		width:auto;
		right:20px;
		left:20px
	}
}
@keyframes arcontactus-updown {
	0%,100%,43% {
		transform:translate(0,0)
	}
	25%,35% {
		transform:translate(0,-10px)
	}
}
@-webkit-keyframes arcontactus-updown {
	0%,100%,43% {
		transform:translate(0 0)
	}
	25%,35% {
		transform:translate(-10px 0)
	}
}
@keyframes arcontactus-pulse {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0);
		opacity:1
	}
	50% {
		opacity:.5
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
}
@-webkit-keyframes arcontactus-show-stat {
	0%,100%,20%,85% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	21%,84% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
}
@keyframes arcontactus-show-stat {
	0%,100%,20%,85% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	21%,84% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
}
@-webkit-keyframes arcontactus-show-icons {
	0%,100%,20%,85% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	21%,84% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes arcontactus-show-icons {
	0%,100%,20%,85% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	21%,84% {
		-webkit-transform:scale(1);
		transform: scale(1)
	}
}

/* ----------------------------------------------------------------
	Giải Pháp Việt - Cart Tabs
-----------------------------------------------------------------*/

.pricing {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: left;
	width: 100%;
	margin: 0 auto 3em;
}

.pricing--item {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: left;
	-webkit-flex: 0 1 330px;
	flex: 0 1 330px;
}

.pricing--items {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: left;
	-webkit-flex: 0 1 660px;
	flex: 0 1 660px;
}

.pricing--feature-list {
	text-align: left;
}

.pricing--action {
	color: inherit;
	border: none;
	background: none;
}

.pricing--action:focus {
	outline: none;
}

/* Rabten */
.pricing--rabten .pricing--item {
	font-family: 'Roboto', sans-serif;
	padding: 0em 2em;
	cursor: default;
	color: #262b38;
	max-width: 320px;
}

.pricing--rabten .pricing--items {
	font-family: 'Roboto', sans-serif;
	padding: 0em 2em;
	cursor: default;
	color: #262b38;
	max-width: 320px;
}

.pricing--rabten .pricing--item:nth-child(2) {
	border-left: 2px solid rgba(139, 144, 157, 0.18);
}

.pricing--rabten .pricing--items:nth-child(2) {
	border-left: 2px solid rgba(139, 144, 157, 0.18);
}

.pricing--rabten .pricing--title {
	font-size: 1em;
	margin: 1.5em 0 0;
}

.pricing--rabten .icon {
	font-size: 2.5em;
	color: #8b909d;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.pricing--rabten .pricing--item:hover .icon {
	color: #E03E3E;
}

.pricing--rabten .pricing--items:hover .icon {
	color: #E03E3E;
}

.pricing--rabten .pricing--price {
	font-size: 3em;
	font-weight: bold;
	margin: 0.5em 0 0.75em;
	overflow: hidden;
}

.pricing--rabten .pricing--currency {
	font-size: 0.5em;
	vertical-align: super;
}

.pricing--rabten .pricing--period {
	font-size: 0.35em;
	color: #8b909d;
}

.pricing--rabten .pricing--anim {
	display: inline-block;
	position: relative;
}

.pricing--rabten .pricing--item:hover .pricing--anim {
	-webkit-animation: moveUp 0.4s forwards;
	animation: moveUp 0.4s forwards;
	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.pricing--rabten .pricing--item:hover .pricing--anim--2 {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}

.pricing--rabten .pricing--items:hover .pricing--anim {
	-webkit-animation: moveUp 0.4s forwards;
	animation: moveUp 0.4s forwards;
	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.pricing--rabten .pricing--items:hover .pricing--anim--2 {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}

@-webkit-keyframes moveUp {
	50% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	51% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	52% { opacity: 1; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes moveUp {
	50% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	51% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	52% { opacity: 1; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

.pricing--rabten .pricing--sentence {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em;
	color: #8b909d;
}

.pricing--rabten .pricing--feature-list {
	font-size: 0.85em;
	margin: 0;
	padding: 0.25em 0 2.5em;
	list-style: none;
	text-align: center;
	color: #8b909d;
}

.pricing--rabten .pricing--action {
	font-weight: bold;
	margin-top: auto;
	padding: 1em 2em;
	color: #fff;
	border-radius: 30px;
	background: #E03E3E;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.pricing--rabten .pricing--action:hover,
.pricing--rabten .pricing--action:focus {
	background-color: #C53737;
}

@media screen and (max-width: 60em) {
	.pricing--rabten .pricing--item {
		max-width: none;
		width: 90%;
		flex: none;
		border: none !important;
		opacity: 1 !important;
	}
}

@media screen and (max-width: 60em) {
	.pricing--rabten .pricing--items {
		max-width: none;
		width: 90%;
		flex: none;
		border: none !important;
		opacity: 1 !important;
	}
}

.contact-form{position:relative}
.processing:before,.processing:after,.success:before,.success:after{position:absolute;z-index:99;pointer-events:none}
.processing:before{top:calc(50% - 15px);left:calc(50% - 15px);content:'';border-top:3px solid #33b5e5!important;border-right:3px solid #33b5e5!important;border-bottom:3px solid #33b5e5!important;border-left:3px solid #fff;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px}

.success:before{content:url("../image/icons/giai-phap-viet-iconcheck.png")}

.processing:after,.success:after{margin-top:35px;color:#fff}
.processing:after,.success:before,.success:after{top:50%;left:50%;transform:translate(-50%,-50%)}
.processing:after{content:'Đang gửi...'}
.success:after{content:'Đã gửi thành công!'}
.background-overlay{top:0;left:0;width:100%;height:100%;z-index:8;overflow:hidden;position:absolute;background:#0b0b0b;opacity:.6;transition:opacity .25s}
.hidden{display:none!important}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* ----------------------------------------------------------------
	Giải Pháp Việt - Block Card
-----------------------------------------------------------------*/

.block-card-9 .grid-inner .btn-hover {
    opacity: 0;
    display: block;
    transition: opacity .3s ease, transform .3s .1s ease;
    margin-top: 15px;
    position: absolute;
    transform: translateY(0);
}
.block-card-9 .grid-inner:hover .btn-hover {
    opacity: 1;
    transform: translateY(-5px);
}

.block-card-9 .grid-inner .grid-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.block-card-9 .grid-inner:hover .grid-image {
    -webkit-animation: kenburns 20s ease-out both;
    animation: kenburns 20s ease-out both;
}

.block-card-9 .grid-inner .grid-icon,
.block-card-9 .grid-inner .grid-content {
    transition: transform .3s ease;
}

.block-card-9 .grid-inner:hover .grid-content { transform: translateY(-45px); }
.block-card-9 .grid-inner:hover .grid-icon { transform: translateY(-5px); }

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}

@media (min-width: 992px) {
	.border-between > [class*='col-']::before {
	   background: #E5E5E5;
	   bottom: 0;
	   content: " ";
	   left: 0;
	   position: absolute;
	   width: 1px;
	   top: 0;
	}

	.dark .border-between > [class*='col-']::before { background: rgba(255, 255, 255, 0.2); }

	.border-between > [class*='col-']:first-child::before { display: none; }

	/* Re-Edit Bootstrap */
	.border-between > [class*='col-'],
	.border-between .container,
	.border-between .container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}

	.border-between.row {
		margin-right: -30px;
		margin-left: -30px;
	}
}

/* ----------------------------------------------------------------
	Giải Pháp Việt - Contact
-----------------------------------------------------------------*/

.floating-contact-wrap {
	position: fixed;
	right: 50px;
	bottom: 60px;
	z-index: 299;
	-webkit-transition: right .2s ease;
	-o-transition: right .2s ease;
	transition: right .2s ease;
}

.stretched .floating-contact-wrap + #gotoTop { bottom: 100px; }

.floating-contact-wrap .floating-contact-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background-color: var(--nmvu-color-lifestyle);
	color: #FFF;
	cursor: pointer;
	z-index: 3;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
}

.floating-contact-wrap .floating-contact-btn:hover,
.floating-contact-wrap.active .floating-contact-btn {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	background-color: #222;
}

.floating-contact-wrap .floating-contact-btn .floating-contact-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 22px;
	-webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-backface-visibility: hidden;
}

.floating-contact-wrap .floating-contact-btn .floating-contact-icon.btn-active,
.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon {
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon.btn-active {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.floating-contact-wrap .floating-contact-box {
	opacity: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 380px;
	background-color: #fff;
	border-radius: 6px;
	z-index: 1;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
	-webkit-transform: scale(.01);
	transform: scale(.01);
	 -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-backface-visibility: hidden;
}

.floating-contact-wrap.active .floating-contact-box {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media (max-width: 767.98px) { .floating-contact-wrap .floating-contact-box { width: 340px; } }

.css3-spinner { background-color: rgba(255, 255, 255, 0.8) }

#floating-contact-submitted,
.floating-contact-success #floating-contact,
.floating-contact-success .floating-contact-heading,
body:not(.floating-contact-processing) .floating-contact-loader { display: none; }

.floating-contact-success #floating-contact-submitted { display: block; }

/* ----------------------------------------------------------------
	Giải Pháp Việt - Testimonial
-----------------------------------------------------------------*/

.testimonial .flexslider .slider-wrap img {
	display: block;
	width: auto;
	margin: 0 auto;
	max-height: 80px;
	margin-bottom: 30px;
}

.testimonial .testi-content p {
	font-size: 28px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.5 !important;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.dark .testimonial .testi-content p { color: #FFF; }
.dark .testimonial .testi-meta span { color: rgba(255, 255, 255, .5); }

.flex-prev,
.flex-next {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

.dark .flex-prev,
.dark .flex-next { background-color: #FFF !important; }

.flex-next i,
.flex-prev i {
	font-size: 24px;
	height: 45px;
	line-height: 45px;
	color: #111;
	text-shadow: none;
}

.flex-next i { margin-left: 2px; }
.flex-prev i { margin-left: -1px; }

.skills li {
	height: 12px;
	border-radius: 10px;
}

.skills li .progress { border-radius: 10px; }

.skills li .progress-percent {
	top: -38px;
	right: -60px;
	padding: 5px 10px;
	text-align: center;
	color: #FFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
	height: auto;
	z-index: 2;
	font-size: 17px;
	line-height: 16px;
	text-shadow: none;
}

.text-nowrap {
	width: 600px;
	position: relative;
	z-index: 2;
	background-color: #FFF;
	transform: translateX(6%);
	padding: 0 20px 10px;
}

/* Responsive Device less than 992px (.device-md <)
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {

	.display-3 {
		font-size: 7vw;
	}

	.slide-imgs .iphone-img {
		-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.85) translateX(20%) translateY(0%) !important;
		transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.85) translateX(20%) translateY(0%) !important;
	}

	.slider-element { padding-top: 30px; }

	.section-features { padding: 60px }

	.testimonial .testi-content p { font-size: 20px; }

	.testimonial .testi-content p { max-width: 600px; }

	.sub-menu-container:not(.mega-menu-column),
	.mega-menu-content {
		border-radius: 0;
		margin-top: 0;
	}

	.dark .menu-container > .menu-item > .menu-link,
	.dark .sub-menu-container .menu-item > .menu-link { color: #FFF; }

	.text-nowrap {
		width: 100%;
		position: relative;
		z-index: 2;
		transform: none;
		padding: 0;
	}

}

/* Responsive Device less than 768px (.device-sm <)
-----------------------------------------------------------------*/
@media (max-width:767.98px) {

	.section-clients {
		position: relative;
		bottom: auto;
	}

	.testimonial .testi-content p { max-width: 300px; }

}

/* ----------------------------------------------------------------
	Giải Pháp Việt - Product
-----------------------------------------------------------------*/

.products:hover .flex-prev,
.products:hover .flex-next { opacity: 1; }

.product-descs {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 15px 3px;
}

.product-titles h3 {
	font-size: 17px;
	font-weight: 700;
	margin: 0;
}

.product-titles span a { color: #999; }

.product-prices {
	margin-bottom: 0;
	font-size: 15px;
}

.product-images { position: relative; }

.product-images .cart-btn {
	position: absolute;
	display: block;
	opacity: 0;
	bottom: 7px;
	left: 0;
	right: 0;
	width: calc(100% - 14px) !important; /* bottom 2x */
	max-width: 100%;
	margin: 0 auto;
	padding: 8px 0;
	height: auto;
	text-align: center;
}

.products:hover .product-images .cart-btn,
.products:hover .flex-control-nav.flex-control-thumbs {
	opacity: 1;
	z-index: 2;
}

/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
.slider-element .heading-block p {
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 5px;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.7);
}

.slider-element .slider-product-desc {
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	width: 65%;
	z-index: 2;
}

.slider-element .slider-product-desc [class^='col-'] {
	background-color: #353535;
	padding: 30px;
}

.slider-element .vertical-middle .container { top: -60px; }

.play-icon {
	position: relative;
	display: block;
	font-size: 1.75rem;
	margin: 1.25rem 0 0 0;
	width: 60px;
	height: 60px;
	line-height: 56px;
	border-radius: 50%;
	color: #FFF !important;
	border: 2px solid #EEE;
	text-align: center;
	transform: scale(1);
	transition: transform .3s ease;
}

.play-icon i {
	position: relative;
	left: 2px;
}

.play-icon:hover {
	transform: scale(1.1);
}

.heading-block h3 {
	font-weight: 800;
	text-transform: none;
	font-size: 2.3rem;
	letter-spacing: 0;
}

.edge-underline h3,
.product:hover .product-title h3 {
	text-decoration: underline;
	text-decoration-skip: edges;
}

/* ----------------------------------------------------------------
	On Hover Changes
-----------------------------------------------------------------*/

.showcase-target-images { position: relative; }

.showcase-target {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-moz-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-o-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}

.showcase-target.showcase-target-active {
	position: relative;
	display: block;
}

.showcase-section:hover .showcase-target {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.showcase-section ul li {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #000;
	cursor: pointer;
	border: 2px solid #EEE;
}

.showcase-section ul li.mau-do { background-color: red; }
.showcase-section ul li.mau-trang { background-color: white; }
.showcase-section ul li.mau-xanhtim { background-color: darkblue; }
.showcase-section ul li.mau-xanhreu { background-color: darkgreen; }
.showcase-section ul li.mau-den { background-color: black; }
.showcase-section ul li.mau-vang { background-color: yellow; }
.showcase-section ul li.mau-bac { background-color: silver; }
.showcase-section ul li.mau-xanhluc { background-color: green; }
.showcase-section ul li.mau-cam { background-color: orangered; }
.showcase-section ul li.mau-xanhngoc { background-color: turquoise; }
.showcase-section ul li.mau-hong { background-color: hotpink; }

.showcase-section .badge {
	position: absolute;
	top: 0;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 11px;
	text-shadow: none;
	left: 10%;
	top: 20px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* ----------------------------------------------------------------
	Section Products
-----------------------------------------------------------------*/

.section-product {
	position: relative;
	width: 100%;
}

.section-product .section-product-image {
	width: 100%;
}

.section-product .section-product-content {
	max-width: 100%;
	position: relative;
	bottom: 0px;
	right: 0;
	background-color: #FFF;
	padding: 20px;
	z-index: 1;
}

.section-product .section-product-content h3 { font-weight: 800; }

.section-product.alt .section-product-image,
.section-product.alt .section-product-content { float: none; }

.section-product .section-product-price {
	font-size: 1.5rem;
	font-weight: 700;
}

.explore-text-overlay {
	opacity: 0;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: calc(100% - 24px);
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,0.6);
	margin-left: 12px;
	-webkit-transition: all .4s ease ;
	-o-transition: all .4s ease ;
	transition: all .4s ease ;
}

.text-overlay-wrap:hover .explore-text-overlay { opacity: 1; }

.section-contact h3 {
	font-size: 1.4rem;
	font-weight: 700;
}

.section-contact > div {
	padding: 30px 20px;
	border: 1px solid #EEE;
}

.social-icon.si-mini {
	width: 28px;
	height: 28px;
	font-size: 12px;
	line-height: 27px !important;
}

.social-icon.si-mini:hover i:first-child { margin-top: -27px; }

@media (min-width: 1199px) {

	/* Hover Effects style-7 */
	.menu-link div {
		position: relative;
		overflow: hidden;
	}

	.menu-link div::before,
	.menu-link div::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.4);
		transform: translate3d(-100%,0,0) translate3d(-1px,0,0);
		transition: transform 0.7s;
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		z-index: -1;
	}

	.menu-item.current > .menu-link div::before,
	.menu-link:hover div::before { transform: translate3d(100%,0,0) translate3d(1px,0,0); }

	.menu-item.current > .menu-link div::after,
	.menu-link:hover div::after { transform: translate3d(0,5px,0); }

	.menu-link div::after {
		top: calc(50%);
		height: 4px;
	}

	.product {
		padding: 65px;
		border-right: 1px solid #EEE;
	}

	.slider-element .heading-block h2 {
		font-size: 3.1rem;
		line-height: 1.35;
		text-transform: none;
		letter-spacing: 0;
		font-weight: 700;
	}

	.slider-element .slider-product-desc [class^='col-'] { padding: 50px; }

	.play-icon { margin: 0 auto; }

	.section-product .section-product-image {
		position: relative;
		width: 85%;
		background: #FFF;
	}

	.section-product .section-product-content {
		max-width: 400px;
		position: absolute;
		bottom: 30px;
		right: 0;
		padding: 30px;
	}

	.section-product.alt .section-product-image { float: right; }

	.section-product.alt .section-product-content {
		left: 0;
		right: auto;
	}

}

@media (max-width: 991px) {
	.slider-element .vertical-middle .container { top: 0; }
}

.inline-YTPlayer { z-index: 1; }

#ytb-video-button.play-icon {
	position: absolute;
	left: auto;
	bottom: 10px;
	right: 10px;
	width: 42px;
	height: 42px;
	line-height: 39px;
	font-size: 20px;
	text-align: center;
	border-width: 2px;
	z-index: 2;
}

#ytb-video-button.play-icon i:nth-of-type(1) {
	position: relative;
	left: 1px;
}

#ytb-video-button.play-icon i:nth-of-type(2),
#ytb-video-button.play-icon.video-played i:nth-of-type(1) { display: none; }

#ytb-video-button.play-icon.video-played i:nth-of-type(2) { display: block; }

.portfolio-desc span { font-size: 0.875rem; }

.car-p-features {
	border-top: 1px solid #DDD;
	padding: 5px 8px;
	margin-top: 5px;
}

.car-p-features [class^=col-] { margin-top: 5px; }

.car-p-features i {
	position: relative;
	top: 1px;
	margin-right: 4px;
}

.car-p-features span {
	color: #555;
	font-size: 13px;
	color: #666;
}

.filter-p-pricing {
	position: absolute;
	bottom: 20px;
	right: 0;
	background: #c85e51;
	color: #FFF;
	padding: 8px 15px;
	z-index: 1;
	font-family: var(--nmvu-primary-font);
}

.filter-p-pricing::before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: -8px;
	height: 100%;
	width: 32px;
	background-color: #c85e51;
	-moz-transform: skew(-23deg,0deg);
	-o-transform: skew(-23deg,0deg);
	-ms-transform: skew(-23deg,0deg);
	-webkit-transform: skew(-23deg,0deg);
	transform: skew(-23deg,0deg);
	z-index: -1;
}

.p-price-msrp {
	font-weight: 300;
	padding-left: 12px;
	margin-left: 10px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-form{position:relative}
.processing:before,.processing:after,.success:before,.success:after{position:absolute;z-index:99;pointer-events:none}
.processing:before{top:calc(50% - 15px);left:calc(50% - 15px);content:'';border-top:3px solid #33b5e5!important;border-right:3px solid #33b5e5!important;border-bottom:3px solid #33b5e5!important;border-left:3px solid #fff;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px}

.success:before{content:url("../image/logo/giai-phap-viet-vinfast-iconcheck.png")}

.processing:after,.success:after{margin-top:35px;color:#fff}
.processing:after,.success:before,.success:after{top:50%;left:50%;transform:translate(-50%,-50%)}
.processing:after{content:'Đang gửi...'}
.success:after{content:'Đã gửi thành công!'}
.background-overlay{top:0;left:0;width:100%;height:100%;z-index:8;overflow:hidden;position:absolute;background:#0b0b0b;opacity:.6;transition:opacity .25s}
.hidden{display:none!important}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.contact-form2{position:relative}
.processing:before,.processing:after,.success:before,.success:after{position:absolute;z-index:99;pointer-events:none}
.processing:before{top:calc(50% - 15px);left:calc(50% - 15px);content:'';border-top:3px solid #33b5e5!important;border-right:3px solid #33b5e5!important;border-bottom:3px solid #33b5e5!important;border-left:3px solid #fff;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px}

.success:before{content:url("../image/logo/giai-phap-viet-vinfast-iconcheck.png")}

.processing:after,.success:after{margin-top:35px;color:#fff}
.processing:after,.success:before,.success:after{top:50%;left:50%;transform:translate(-50%,-50%)}
.processing:after{content:'Đang gửi...'}
.success:after{content:'Đã gửi thành công!'}
.background-overlay{top:0;left:0;width:100%;height:100%;z-index:8;overflow:hidden;position:absolute;background:#0b0b0b;opacity:.6;transition:opacity .25s}
.hidden{display:none!important}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}



/* ----------------------------------------------------------------
	Section Products
-----------------------------------------------------------------*/


.top-cart-item-image img,
.cart-product-thumbnail img {
	object-fit: cover;
	object-position: center;
}

@media (min-width: 992px) {

	.top-primary-menu .menu-container>.menu-item>.menu-link {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.animated-border-link > *,
	.top-primary-menu .menu-container>.menu-item>.menu-link div {
		position: relative;
	}

	.animated-border-link >*::after,
	.top-primary-menu .menu-container>.menu-item>.menu-link div::after {
		content: "";
		position: absolute;
		bottom: -3px;
		left: 0;
		height: 1px;
		width: 100%;
		background: currentColor;
		transition: transform .3s;
		transform-origin: 100% 50%;
		transform: scaleX(0);
	}

	.animated-border-link:hover>*::after,
	.top-primary-menu .menu-container>.menu-item:hover>.menu-link div::after,
	.top-primary-menu .menu-container>.menu-item.current>.menu-link div::after {
		transform: scaleX(1);
		transform-origin: 0% 50%;
	}

	.main-primary-menu .sub-menu-container .menu-item:hover>.menu-link {
		background-color: var(--nmvu-color2);
		color: var(--nmvu-themecolor);
	}

	.sub-menu-container .menu-item>.menu-link {
		padding: 12px 24px !important;
	}

	.negative-service {
		position: relative;
		transform: translateY(-50%);
		z-index: 4;
	}

	.img-hover-in,
	.img-hover-in img,
	.product .product-image,
	.product .product-image img {
		transition: transform .5s ease-out,
			border-radius .5s ease-out;
		border-radius: 6px;
	}

	.img-hover-in:hover img,
	.product:hover .product-image img {
		transform: scale(1.15);
	}

	.img-hover-in:hover,
	.product:hover .product-image {
		transform: scale(0.95);
		border-radius: 10px;
	}

	.img-overlap img {
		width: calc(100% + 30%);
		max-width: none;
	}

	.img-overlap + div {
		border-radius: 0.3rem;
		padding: 60px;
	}

}

/* ----------------------------------------------------------------
	Section oc-teachers
-----------------------------------------------------------------*/
#oc-teachers .owl-nav [class*=owl-] {
	opacity: 1;
	left: 61px !important;
	height: 60px;
	line-height: 60px;
	border: none;
	color: #333;
	background-color: transparent;
	font-size: 28px;
	border-radius: 0;
}

#oc-teachers.owl-nav .owl-next {
	left: auto;
	right: -61px;
}

#oc-teachers .owl-nav .owl-next {
	left: auto !important;
	right: 62px !important;
	border-radius: 0;
}

#oc-teachers .owl-nav [class*=owl-]:hover {
	transform: scale(1.3);
	background-color: transparent !important;
	color: var(--nmvu-themecolor) !important;
}

/* Owl Carousel - Responsive
-----------------------------------------------------------------*/
.device-md #oc-teachers .owl-nav .owl-prev { left: 67px !important; }
.device-md #oc-teachers .owl-nav .owl-next { right: 67px !important; }

.device-sm #oc-teachers .owl-nav .owl-prev,
.device-xs #oc-teachers .owl-nav .owl-prev { left: 27px !important; }

.device-sm #oc-teachers .owl-nav .owl-next,
.device-xs #oc-teachers .owl-nav .owl-next { right: 27px !important; }

.owl-carousel .jumbotron { height: 600px; }

.owl-item .jumbotron {
	opacity: .5;
	transform: scale(0.95);
	transition: all .5s ease;
}

.owl-item .jumbotron-text {
	opacity: 0;
	transform: scale(0.9);
	transition: all .4s .2s ease;
}

.owl-item.active .jumbotron,
.owl-item.active .jumbotron-text {
	opacity: 1;
	transform: scale(1);
}

.testi-content p {
	line-height: 1.95;
	color: rgba(255,255,255, 0.7);
	font-style: normal;
}

/* ----------------------------------------------------------------
	Section block-shop-select
-----------------------------------------------------------------*/

.block-shop-select {
--nmvu-earpods-colors-sizes: 40px;
--nmvu-earpods-colors-rounded: 50%;
--nmvu-earpods-colors-gutters: 10px;
--nmvu-earpods-colors-rounded: 50%;
--nmvu-earpods-colors-borders: 3px;
--nmvu-earpods-colors-border-color: #DDD;
}

.block-shop-select .earpods-colors .nav-link {
position: relative;
width: var(--nmvu-earpods-colors-sizes, 26px);
height: var(--nmvu-earpods-colors-sizes, 26px);
border-radius: var(--nmvu-earpods-colors-rounded, 50%);
background-color: var(--nmvu-earpods-colors-background, #111);
margin: 0 var(--nmvu-earpods-colors-gutters, 4px);
padding: 0;
z-index: 1;
border: 0px solid #FFF;
box-shadow: 0 0 0 var(--nmvu-earpods-colors-borders, 2px) var(--nmvu-earpods-colors-border-color);
}

.block-shop-select .earpods-colors .nav-link.active {
--nmvu-earpods-colors-border-color: var(--bs-danger);
}

.block-shop-select .item-price {
font-weight: normal;
font-size: 90%;
opacity: .7;

}

/* ----------------------------------------------------------------
	Section lienhe
-----------------------------------------------------------------*/

#lienhe .list-group a {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.8);
    font-size: 16px;
    color: rgba(255, 255, 255, 0.3);
    font-family: 'Poppins', sans-serif;
    transition: all .2s ease;
}

#lienhe .list-group a {
    background-color: transparent;
    border-bottom: 2px solid #787878;
    color: #787878;
}

#lienhe .list-group a.active {
    border-bottom-color: #6F42C1;
    color: #6F42C1;
}

#lienhe .list-group a.active ~ a {
    color: #000;
    border-bottom-color: #000;
    pointer-events: none;
}

#lienhe label:not(.custom-control-label) {
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left;
}

#lienhe button { background-color: #6F42C1; }
.fcolor { color: #6F42C1 !important; }

#lienhe .btn-check:checked + .list-group-item { background-color: #000; }

/* #lienhe .btn-check + .list-group-item:hover { background-color: rgba(255, 255, 255, 0.01); } */

#lienhe .btn-check:checked + .list-group-item h4,
#lienhe .btn-check:checked + .list-group-item h3 { color: #062639; }

.car-list .car-image [type=radio] { margin-right: 4px; }

.car-list .car-image div {
    background-color: var(--cnvs-contrast-100);
    padding: 12px;
    margin-left: 8px;
}

.car-list .car-image img {
    display: block;
    margin-top: 10px;
}

/* ----------------------------------------------------------------
	Section blogs
-----------------------------------------------------------------*/

.entry {
	background-color: #FFF;
	padding: 0;
	vertical-align: top;
	border-bottom: 0;
	border-radius: 5px;
	-webkit-transform-origin: 50% 50% 0px;
		transform-origin: 50% 50% 0px;
	-webkit-transition: all 250ms cubic-bezier(.02, .01, .5, 1);
		-o-transition: all 250ms cubic-bezier(.02, .01, .5, 1);
			transition: all 250ms cubic-bezier(.02, .01, .5, 1);
}

.entry:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.15);
	-webkit-transform: translate(0, -8px);
		-ms-transform: translate(0, -8px);
			-o-transform: translate(0, -8px);
				transform: translate(0, -8px);
}

.entry-title,
.entry-meta,
.entry-content { padding: 0 20px; }

.entry-title h3 {
	font-size: 20px;
	line-height: 1.4;
}

.entry-title a { color: #333; }

.entry-content p {
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 22px !important;
}

.entry-meta {
	font-size: 0.8125rem;
	text-transform: uppercase;
	padding: 15px 0;
	margin: 10px 20px 0;
}

.dark .entry-meta { border-top-color: #444; }

.entry-meta li {
	margin-left: 0;
	margin-right: 0;
}

.entry::after { display: none; }

.entry-meta li::before { content: none; }

.entry-meta.nohover,
.entry:hover .entry-meta.hover { display: block; }

.entry-meta.hover,
.entry:hover .entry-meta.nohover { display: none; }

.entry-user { padding: 20px; }

.entry-user img {
	display: inline-block;
	height: 48px;
	width: 48px;
	border-radius: 100%;
	background-color: white;
}

.entry-user h4 {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 8px;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.25;
}

.entry-user h4 span {
	display: block;
	font-size: 11px;
	color: #AAA !important;
	text-transform: lowercase;
	font-weight: 300;
}

.entry-image .social-icon {
	display: inline-block;
	float: none;
}

/* ----------------------------------------------------------------
	Section categories
-----------------------------------------------------------------*/

.ins-categories .nav-link {
	padding: 20px 30px;
	color: #444;
	background-color: var(--bs-light);
	margin-top: 17px;
	font-size: 1.2em;
	border-radius: .5rem;
    transition: max-height .5s;
    max-height: 70px;
    overflow: hidden;
}

.ins-categories .nav-link:first-child {
	margin-top: 0;
}

.ins-categories .nav-link:hover {
	background-color: #CCCCCC;
}

.ins-categories .nav-link.active {
	color: #000;
	background-color: #E3EAF1;
	max-height: 200px;
}

.ins-categories .nav-link .tab-header img {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 15px;
}

.ins-categories .nav-link .tab-desc {
    opacity: 0;
    transition: opacity .3s;
    color: #5B5855;
    font-size: 1.025rem;
    padding-left: 45px;
}

.ins-categories .nav-link.active .tab-desc {
	opacity: 1;
    transition: opacity .5s;
    transition-delay: .25s;