@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
body, a, p, span, li, ul, td, tr{
font-family: "Manrope", serif;
}
@font-face {
font-family: 'MTD Valky';
src: url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.eot);
src: url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.eot?#iefix) format('embedded-opentype'),
url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.woff2) format('woff2'),
url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.woff) format('woff'),
url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.text h2{
font-family: 'MTD Valky', sans-serif;
}
header#header {
position: absolute;
}
.text h2 {
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
margin-bottom: 0px;
line-height: 1.4;
}
.gioi-thieu-lading1 {
max-width: 900px;margin:0 auto;
}
.gioi-thieu-lading1 ul {
display: flex;
list-style: none;
margin: 0;
}
.gioi-thieu-lading1 ul li img {
margin: 0 !important;
width: 90px !important;
}
.vi-tri-lading1 .text > ul {
border-bottom: 1px solid #376c6385;
display: table;
width: 100%;
margin-bottom: 0;
}
.vi-tri-lading1 .text > ul > li {
display: table-cell;
vertical-align: middle;
}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li a {
color: #fff;
font-weight: 700;
font-size: 20px;
margin: 0 10px;
}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li.active a, ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li:hover a {
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.vi-tri-lading1 .text > ul li ul {
list-style: disc;
font-size: 14px;
width: 220px;
margin-top: 0;
margin-bottom: 0;
}
.tabbed-content h4.uppercase.text-right {
font-family: 'MTD Valky', sans-serif;
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
line-height: 1.4;
text-transform: none;
}
ul.nav.nav-line.nav-size-normal li a {
color: #fff;
text-transform: capitalize;
font-size: 15px;
font-weight: 500;
padding: 7px 10px;
}
.tab-m-vr .col:nth-child(1) .col-inner { margin-top: -200px;
}
.tab-m-vr .col:nth-child(2) .col-inner {
padding-left: 20px;
}
ul.nav.nav-line.nav-size-normal li a:before {
opacity: 0;
}  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
body, a, p, span, li, ul, td, tr{
font-family: "Manrope", serif;
}
@font-face {
font-family: 'MTD Valky';
src: url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.eot);
src: url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.eot?#iefix) format('embedded-opentype'),
url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.woff2) format('woff2'),
url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.woff) format('woff'),
url(//kingcrowninfinity.centerland.vn/wp-content/themes/flatsome-child/MTD.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.text h2{
font-family: 'MTD Valky', sans-serif;
}
header#header {
position: absolute;
}
.text h2 {
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
margin-bottom: 0px;
line-height: 1.4;
}
.gioi-thieu-lading1 {
max-width: 900px;margin:0 auto;
}
.gioi-thieu-lading1 ul {
display: flex;
list-style: none;
margin: 0;
}
.gioi-thieu-lading1 ul li img {
margin: 0 !important;
width: 90px !important;
}
.vi-tri-lading1 .text > ul {
border-bottom: 1px solid #376c6385;
display: table;
width: 100%;
margin-bottom: 0;
}
.vi-tri-lading1 .text > ul > li {
display: table-cell;
vertical-align: middle;
}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li a {
color: #fff;
font-weight: 700;
font-size: 20px;
margin: 0 10px;
}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li.active a, ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li:hover a {
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.vi-tri-lading1 .text > ul li ul {
list-style: disc;
font-size: 14px;
width: 220px;
margin-top: 0;
margin-bottom: 0;
}
.tabbed-content h4.uppercase.text-right {
font-family: 'MTD Valky', sans-serif;
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
line-height: 1.4;
text-transform: none;
}
ul.nav.nav-line.nav-size-normal li a {
color: #fff;
text-transform: capitalize;
font-size: 15px;
font-weight: 500;
padding: 7px 10px;
}
.tab-m-vr .col:nth-child(1) .col-inner { margin-top: -200px;
}
.tab-m-vr .col:nth-child(2) .col-inner {
padding-left: 20px;
}
ul.nav.nav-line.nav-size-normal li a:before {
opacity: 0;
}
@media(max-width:850px){
header#header {
position: static;
}
header#header #logo {
display: block;
}
header#header #logo img {
max-height: 55px;
}
.text h2 {
font-size: 29px;
line-height: 1.4;
}
.bang-gia-sheet .text {
padding: 0 10px;
}
.bieutuong  .text {
padding: 0 10px;
}
.tab-m-vr .col:nth-child(1) .col-inner {
margin-top: 0;
}
.tab-m-vr .col:nth-child(2) .col-inner {
padding: 0;
margin-bottom: -50px;
margin-top: 20px;
}
.foo2 > .col-inner {
padding-left: 20px;
padding-right: 20px;
}
}
ul.nav.nav-line.nav-size-normal li.active a, ul.nav.nav-line.nav-size-normal li a:hover {
border-radius: 4px;
background: linear-gradient(93deg, #047272 5.89%, #1C3531 109%);
}
.img-addclass .img {
display: none;
}
.img-addclass .img.active {
display: block;
}
.accordion-title.active,.accordion-title {
background: transparent;
border: 0;
}
.accordion-title button.toggle {
display: none;
}
.accordion a.accordion-title.active {
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.accordion a.accordion-title{
font-size: 21px;
padding-left: 0;
}
.accordion .accordion-item:nth-child(1) .accordion-inner,.accordion .accordion-item:nth-child(2) .accordion-inner {
display: none !important;
}
.header-block-block-1 a.plain p {
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 24px;
font-weight:700;margin-right:15px;
}
.header-block-block-1 {
display: flex;
float: right;
}
.accordion-inner {
padding: 0 !important;
}
.header-block-block-1 a.plain {
width: auto !important;
display: inline-block;
}
.header-block-block-1 a.plain:nth-child(1) img {
animation-name: trin;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
margin-top: -8px;
}
@keyframes trin {
from {
transform: rotate3d(0, 0, 1, 0deg);
}
20%,
32%,
44%,
56%,
68% {
transform: rotate3d(0, 0, 1, 0deg);
}
23%,
35%,
47%,
59%,
71% {
transform: rotate3d(0, 0, 1, 15deg);
}
26%,
38%,
50%,
62%,
74% {
transform: rotate3d(0, 0, 1, 0deg);
}
29%,
41%,
53%,
65%,
77% {
transform: rotate3d(0, 0, 1, -15deg);
}
80% {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.fp-viewing-firstPage .header-wrapper {
box-shadow: none !important;
}
header#header #logo {
display: none;
}
a#logo-vr img {
max-height: 50px;
}
div#masthead {
height: 65px;
background: #113832;
}
.nav>li.has-icon>a>i.icon-menu {
color: #fff;
}
.fp-viewing-firstPage a#logo-vr {
display: none;
}
.fp-viewing-firstPage header#header #logo {
display: block;
}
.fp-viewing-firstPage div#masthead {
height: 100px;
background: transparent;
}
.bieutuong .text {
max-width: 900px;
margin: 0 auto 45px;
}
.off-canvas-left.dark .mfp-content {
background: #113832;
}
.layout-vr .bottom-vr {
transform: translateY(100%);
opacity: 0;
transition: 1s all;
}
.layout-vr .top-vr {
transform: translateY(-100%);
opacity: 0;
transition: 1s all;
}
.layout-vr .right-vr {
transform: translateX(100%);
opacity: 0;
transition: 1s all;
transition-delay:0.5s;
}
.layout-vr .left-vr, 
.layout-vr .accordion{
transform: translateX(-100%);
opacity: 0;
transition: 1s all;
transition-delay:0.5s;
}
.layout-vr .active .right-vr, 
.layout-vr .active .left-vr,
.layout-vr .active .top-vr,
.layout-vr .active .bottom-vr,
.layout-vr .active .accordion{
transform: translateX(0);
opacity: 1;
}
.foo1 p img {
max-height: 90px;
width: auto;
}
.forlow-foo ul {
margin: 0;
list-style: none;
display: flex;
}
.forlow-foo ul li {
margin: 0 20px 0px 0;
}
.forlow-foo ul li img {
margin-bottom: 0 !important;
width: 40px;
}
.forlow-foo ul li:hover img {
opacity: 0.6;
}
.foo2 > .col-inner {
background: linear-gradient(180deg, rgba(28, 152, 133, 0.75) 0%, rgba(0, 16, 14, 0.75) 100%);
padding: 16px 50px 3px 50px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
text-transform: inherit;
border-radius: 4px;
background: var(--Secondary-Gradient, linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%));
width: 100%;
border: 0px;
font-family: 'MTD Valky';
color: #000;
font-size: 20px;
}
.foo1 ul li a {
background: linear-gradient(91deg, #FFD098 -4.65%, #A56820 169.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 27px;
font-weight: 700;
}
.foo1 ul li a:hover {
opacity: 0.7;
}
.vi-tri-lading1 .text > ul > li:first-child {
color: #f6c68e;
font-size: 57px;
text-align: center;
line-height: 60px;
width: 60px;
}
.vi-tri-lading1 .text > ul > li:nth-child(2) {
font-size: 19px;
padding-left: 15px;
}
.vi-tri-lading1 .text > ul > li:nth-child(2) img {
margin-bottom: 0;
}
@media(max-width:850px){
header#header {
position: static;
}
header#header #logo {
display: block;
}
header#header #logo img {
max-height: 55px;
}
.text h2 {
font-size: 29px;
line-height: 1.4;
}
.bang-gia-sheet .text {
padding: 0 10px;
}
.bieutuong  .text {
padding: 0 10px;
}
.tab-m-vr .col:nth-child(1) .col-inner {
margin-top: 0;
}
.tab-m-vr .col:nth-child(2) .col-inner {
padding: 0;
margin-bottom: -50px;
margin-top: 20px;
}
.foo2 > .col-inner {
padding-left: 20px;
padding-right: 20px;
}
}