/*
 * Theme Name: NR Global
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: https://nrglobal.vn
 * Version: 12.0
 * Theme Author: info@nrglobal.vn
 * Author: Cristian Dev
 * Author URI: info@nrglobal.vn
 * Textdomain: gaumap
 */

#wrapper{
	background: url(resources/images/bg_body.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
} 
.navigation-div {
	width: 100%;
}

/*.navigation-div .main-menu {
	width: 80%;
}*/
.header-split{
	margin-top: 69px;
}

.nav-text--scroll,
.menu-page .nav-text {
	color: #603814 !important;
}

.menu-page .magnifier-icon {
	opacity: 0;
}

.menu-page .magnifier-icon-2 {
	opacity: 1;
}

.usp-content .usp-icon i,
.w-tab-content i {
	font-size: 35px;
}

.social-widgit {
	width: 45%;
	text-align: center;
}

.header-split {
	height: auto;
}

.header-page {
	background: #fff;
}

.pagination ul {
	box-sizing: border-box;
	border-radius: 40px;
	margin: 16px 0;
	list-style: none;
}

.pagination ul li span,
.pagination ul li a {
	color: #000;
	border: solid 1px #603814 !important;
	padding: 5px 10px;
}

.pagination ul li span,
.pagination ul li a:hover {
	background-color: #603814 !important;
	border-color: #603814 !important;
	color: #ffffff !important;
	text-decoration: none;
}

.plus,
.toogle-answer {
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.plus.show, .plus.single-show {
	-webkit-transform: rotate(0deg) !important;
	-ms-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.toogle-answer.show, .toogle-answer.single-show {
	height: auto !important;
	display: block !important;
	opacity: 1 !important;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.w-container .large-margin-bottom:last-child {
	margin-bottom: 0;
}

.windows8 .wBall {
	position: absolute;
	width: 76px;
	height: 76px;
	opacity: 0;
	-moz-transform: rotate(225deg);
	-moz-animation: orbit 4.95s infinite;
	-webkit-transform: rotate(225deg);
	-webkit-animation: orbit 4.95s infinite;
	-ms-transform: rotate(225deg);
	-ms-animation: orbit 4.95s infinite;
	-o-transform: rotate(225deg);
	-o-animation: orbit 4.95s infinite;
	transform: rotate(225deg);
	animation: orbit 4.95s infinite;
}

.windows8 .wBall .wInnerBall {
	background-color: #f7941e;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	top: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.windows8 #wBall_1 {
	-moz-animation-delay: 1.08s;
	-webkit-animation-delay: 1.08s;
	-ms-animation-delay: 1.08s;
	-o-animation-delay: 1.08s;
	animation-delay: 1.08s;
}

.windows8 #wBall_2 {
	-moz-animation-delay: 0.22s;
	-webkit-animation-delay: 0.22s;
	-ms-animation-delay: 0.22s;
	-o-animation-delay: 0.22s;
	animation-delay: 0.22s;
}

.windows8 #wBall_3 {
	-moz-animation-delay: 0.43s;
	-webkit-animation-delay: 0.43s;
	-ms-animation-delay: 0.43s;
	-o-animation-delay: 0.43s;
	animation-delay: 0.43s;
}

.windows8 #wBall_4 {
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-ms-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
	animation-delay: 0.65s;
}

.windows8 #wBall_5 {
	-moz-animation-delay: 0.86s;
	-webkit-animation-delay: 0.86s;
	-ms-animation-delay: 0.86s;
	-o-animation-delay: 0.86s;
	animation-delay: 0.86s;
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index: 99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin: 0%;
	}

	30% {
		opacity: 1;
		-moz-transform: rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin: 7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin: 30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin: 39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin: 70%;
	}

	76% {
		opacity: 0;
		-moz-transform: rotate(900deg);
	}

	100% {
		opacity: 0;
		-moz-transform: rotate(900deg);
	}

}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index: 99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin: 0%;
	}

	30% {
		opacity: 1;
		-webkit-transform: rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin: 7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin: 30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin: 39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin: 70%;
	}

	76% {
		opacity: 0;
		-webkit-transform: rotate(900deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: rotate(900deg);
	}

}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index: 99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin: 0%;
	}

	30% {
		opacity: 1;
		-ms-transform: rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin: 7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin: 30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin: 39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin: 70%;
	}

	76% {
		opacity: 0;
		-ms-transform: rotate(900deg);
	}

	100% {
		opacity: 0;
		-ms-transform: rotate(900deg);
	}

}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index: 99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin: 0%;
	}

	30% {
		opacity: 1;
		-o-transform: rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin: 7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin: 30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin: 39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin: 70%;
	}

	76% {
		opacity: 0;
		-o-transform: rotate(900deg);
	}

	100% {
		opacity: 0;
		-o-transform: rotate(900deg);
	}

}

@keyframes orbit {
	0% {
		opacity: 1;
		z-index: 99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin: 0%;
	}

	30% {
		opacity: 1;
		transform: rotate(410deg);
		animation-timing-function: ease-in-out;
		origin: 7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin: 30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin: 39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin: 70%;
	}

	76% {
		opacity: 0;
		transform: rotate(900deg);
	}

	100% {
		opacity: 0;
		transform: rotate(900deg);
	}

}

@-webkit-keyframes shakeit {
	0% {
		-webkit-transform: rotate(0deg) translate(2px, 1px);
	}

	10% {
		-webkit-transform: rotate(1deg) translate(1px, 2px);
	}

	20% {
		-webkit-transform: rotate(-1deg) translate(3px, 0px);
	}

	30% {
		-webkit-transform: rotate(0deg) translate(0px, -2px);
	}

	40% {
		-webkit-transform: rotate(-1deg) translate(-1px, 1px);
	}

	50% {
		-webkit-transform: rotate(1deg) translate(1px, -2px);
	}

	60% {
		-webkit-transform: rotate(0deg) translate(3px, -1px);
	}

	70% {
		-webkit-transform: rotate(1deg) translate(-2px, -1px);
	}

	80% {
		-webkit-transform: rotate(-1deg) translate(1px, 1px);
	}

	90% {
		-webkit-transform: rotate(0deg) translate(-2px, -2px);
	}

	100% {
		-webkit-transform: rotate(1deg) translate(-1px, 2px);
	}

}

@keyframes shakeit {
	0% {
		transform: rotate(0deg) translate(2px, 1px);
	}

	10% {
		transform: rotate(1deg) translate(1px, 2px);
	}

	20% {
		transform: rotate(-1deg) translate(3px, 0px);
	}

	30% {
		transform: rotate(0deg) translate(0px, -2px);
	}

	40% {
		transform: rotate(-1deg) translate(-1px, 1px);
	}

	50% {
		transform: rotate(1deg) translate(1px, -2px);
	}

	60% {
		transform: rotate(0deg) translate(3px, -1px);
	}

	70% {
		transform: rotate(1deg) translate(-2px, -1px);
	}

	80% {
		transform: rotate(-1deg) translate(1px, 1px);
	}

	90% {
		transform: rotate(0deg) translate(-2px, -2px);
	}

	100% {
		transform: rotate(1deg) translate(-1px, 2px);
	}

}

.white p {
	color: #fff !important;
}

.theme-default {
	padding: 30px 0;
}

.list-box li {
	list-style: disc;
}

.toggle-wrapper .plus {
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90DEG) skew(0, 0);
	-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90DEG) skew(0, 0);
	-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90DEG) skew(0, 0);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90DEG) skew(0, 0)
}

.toggle-wrapper .plus.show {
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);
	-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);
	-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0)
}

.box-publication {
	transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.box-publication:hover .hover-text {
	transform: translate3d(0px, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
	will-change: transform;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.navigation,
.navigation ul,
.navigation ul li,
.navigation ul li a {
	list-style: none;
	line-height: 0;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.navigation ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.navigation:after,
.navigation > ul:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.navigation > ul > li {
	display: table-cell;
	width: 1%;
}

.navigation > ul > li > a {
	color: #603814 !important;
	display: block;
	line-height: 37px;
	text-align: center;
	padding: 0 10px;
	white-space: nowrap;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	overflow: hidden;
	font-weight: 700;
	height: 35px;
}

.navigation ul li:first-child a {
	margin-left: 0;
}

.navigation ul li:last-child a {
	margin-right: 0;
}

.navigation > ul > li:hover > a,
.navigation > ul > li > a:hover,
.navigation > ul > li:focus > a {
	text-decoration: underline;
}

.navigation > ul > li.active > a:hover:before,
.navigation > ul > li.active > a:focus:before,
.navigation > ul > li.active > a:active:before {
	display: none;
}

.navigation ul ul {
	position: absolute;
	left: -9999px;
	top: 40px;
	width: 200px;
	z-index: 999;
	opacity: 0;
	-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
	-o-transition: top 0.2s ease, opacity 0.2s ease-in;
	transition: top 0.2s ease, opacity 0.2s ease-in;
	box-shadow: 0 8px 32px rgba(3, 44, 71, 0.24);
	background-color: #fff;
}

.navigation ul ul li:first-child {
	border-radius: 8px;
}

.navigation ul ul ul {
	width: auto;
}

.navigation.align-right ul ul {
	text-align: right;
}

.navigation.align-right > ul > li > ul::after {
	left: auto;
	right: 20px;
}

.navigation.align-right ul ul ul::after {
	border-right-color: transparent;
	border-left-color: #fff;
	left: auto;
	right: -4px;
}

.navigation > ul > li:hover > ul {
	top: 35px;
	left: 6px;
	opacity: 1;
}

.navigation.align-right > ul > li:hover > ul {
	left: auto;
	right: 0;
}

.navigation ul ul ul {
	padding-top: 0;
}

.navigation.align-right ul ul ul {
	padding-right: 6px;
}

.navigation ul ul > li:hover > ul {
	left: 200px;
	top: 0;
	opacity: 1;
}

.navigation.align-right ul ul > li:hover > ul {
	left: auto;
	right: 100%;
	opacity: 1;
}

.navigation ul ul li a {
	color: #000;
	font-size: 13px;
	font-weight: 300;
	text-decoration: none;
	padding: 0 10px 0 25px;
	line-height: 36px;
	width: 200px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	font-family: 'Calibri';
}

.navigation ul ul li:last-child a {
	border-bottom: none;
}

.navigation ul ul li a::before {
	font: normal normal normal 10px/1 FontAwesome;
	content: "\f101";
	position: absolute;
	top: 14px;
	left: 10px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.navigation ul ul li.active > a,
.navigation ul ul li:hover > a,
.navigation ul ul li > a:hover,
.navigation ul ul li > a:focus {
	background-color: #F0F5F2;
	color: #5F3713;
}

.navigation ul ul li:hover > a::before,
.navigation ul ul li > a:hover:before,
.navigation ul ul li > a:focus:before {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.navigation ul ul li.active > a::before {
	color: #fff;
}

.magnifier-icon-2,
.magnifier-icon {
	bottom: 6px;
}

.navigation ul ul li {
	margin-bottom: 0;
	margin-top: 0;
}

.menu-page ul li a {
	color: #603814;
}
.header-sm{
	display: none;
}
.member-section, .logo-slider, .why-gs-large-screens, .usp-half-bg, .contact-fb{
	background: transparent !important;
}
.member-section{
	border: none;
}
.title{
    text-transform: uppercase;
    font-family: 'Calibri' !important;
    font-weight: 700;
}
.zalo-container:not(.right) {
    left: 20px !important;
}
.list-content ul li{
	list-style: disc;
}
.toggle-value{
	align-items: start !important;
}
.sub-link-wrap{
	padding-left: 10px !important;
}

@media screen and (max-width:1200px) {
	.navigation > ul > li > a {
		font-size: 12px;
	}

}

@media screen and (max-width:991px) {
	.header,
	.navigation-container {
		display: none;
	}

	.search-magnifier {
		left: auto;
		right: 41px;
		bottom: 14px;
	}

	.header-sm {
		display: block;
		padding: 7px 50px 7px 10px;
		position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: 999;
	    background: #fff;
	}
	.slider-home, .header-split{
		margin-top:  79px !important;
	}
	.header-sm--scroll{
		background: #fff;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	}

	.header-sm .logo img {
		height: 65px;
	}

	#hamburger {
		display: block;
		background: transparent;
		top: 1rem;
	}

	.header-sm--scroll #hamburger:before,
	.header-sm--scroll #hamburger:after,
	.header-sm--scroll #hamburger span {
		background-color: #603814;
	}

	.search-magnifier {
	    left: auto;
	    right: 56px;
	    bottom: auto;
	    top: 3rem;
	}
	.header-sm--scroll .magnifier-icon{
		opacity: 0;
	}
	.header-sm--scroll .magnifier-icon-2{
		opacity: 1;
	}
	.section.why-gs-small-screens, .thumbnail-slider, .w-slider{
		background: transparent;
	}
	.social-widgit {
		width: 100%
	}
	.main-slider .item{
		height: calc(100vh - 79px) ;
	}
}
@media screen and (max-width:767px) {
	.grid-three{
		display: block; 
	}
	.grid-three .toggle-value{
		margin-bottom: 15px;
	}
	.social-widgit{
		width: 100%;
	}
	.full-buttton-container{
		-ms-grid-column: 1;
		grid-column-start: 1;
		-ms-grid-column-span: 3;
		grid-column-end: 4;
	}
}
h2.title-home {
	font-size: 35px !important;
}
.navbar{
	position: -webkit-sticky;
	position: sticky;
	background: #fff !important;
}
.header-split {
    margin-top: 0;
}
#hamburger:before, #hamburger:after, #hamburger span{
	background-color:  #603814 !important
}
.footer-div-line i{
	width: 20px;
	text-align: center;
}
.link-connect ul{
	padding:  0;
	margin:  0;
	list-style: none;
}
.link-connect ul li a{
	color: #603814;
}