/*
Theme Name: Barakadates
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
	font-family: 'Cinzel';
	font-style: normal;
	font-weight: 400;
	src: local('Cinzel Regular'), local('Cinzel-Regular'), url("./static/fonts/8vIJ7ww63mVu7gt7-GT7PkRXM8Xx.woff2") format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: 'Cinzel';
	font-style: normal;
	font-weight: 400;
	src: local('Cinzel Regular'), local('Cinzel-Regular'), url("./static/fonts/8vIJ7ww63mVu7gt79mT7PkRXMw.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Cinzel';
	font-style: normal;
	font-weight: 700;
	src: local('Cinzel Bold'), local('Cinzel-Bold'), url("./static/fonts/8vIK7ww63mVu7gtzTUHuHWZaGf_4-ial.woff2") format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: 'Cinzel';
	font-style: normal;
	font-weight: 700;
	src: local('Cinzel Bold'), local('Cinzel-Bold'), url("./static/fonts/8vIK7ww63mVu7gtzTUHuE2ZaGf_4-g.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: "DIN-Next-W01-Light";
	src: url("./static/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
	src: url("./static/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"),url("./static/fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("./static/fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("./static/fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
	font-display: swap;
}
@font-face {
	font-family: "DIN-Next-W02-Light";
	src: url("./static/fonts/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix");
	src: url("./static/fonts/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix") format("eot"),url("./static/fonts/07d62b21-8d7a-4c36-be86-d32ab1089972.woff") format("woff"),url("./static/fonts/c0050890-bbed-44b9-94df-2611d72dbb06.ttf") format("truetype"),url("./static/fonts/9f774d17-c03a-418e-a375-34f3beecbc7a.svg#9f774d17-c03a-418e-a375-34f3beecbc7a") format("svg");
	font-display: swap;
}
@font-face {
	font-family: "DIN-Next-W10-Light";
	src: url("./static/fonts/3d009cd7-c8fe-40c0-93da-74f4ea8c530b.eot?#iefix");
	src: url("./static/fonts/3d009cd7-c8fe-40c0-93da-74f4ea8c530b.eot?#iefix") format("eot"),url("./static/fonts/a9e95a29-98a7-404a-90ee-1929ad09c696.woff") format("woff"),url("./static/fonts/0a7663fd-eae8-4e50-a67a-225271f8cceb.ttf") format("truetype"),url("./static/fonts/58ae9be9-5d95-44b6-8b6c-e6da6a46822c.svg#58ae9be9-5d95-44b6-8b6c-e6da6a46822c") format("svg");
	font-display: swap;
}
@font-face {
	font-family: "Brandon-Grot-W01-Light";
	src: url("./static/fonts/69b40392-453a-438a-a121-a49e5fbc9213.woff2") format("woff2"),url("./static/fonts/9362bca5-b362-4543-a051-2129e2def911.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family: "Brandon-Grot-W05-Light";
	src: url("./static/fonts/BrandonGrotesqueCondW05-Lt.woff2") format("woff2"), url("./static/fonts/BrandonGrotesqueCondW05-Lt.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family: "Futura-LT-W01-Book";
	src: url("./static/fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"),url("./static/fonts/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family: "Futura-LT-W05-Book";
	src: url("./static/fonts/FuturaLTW05-Book.woff2") format("woff2");
	font-display: swap;
}
@font-face {
	font-family: "Futura-LT-W01-Light";
	src: url("./static/fonts/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2") format("woff2"),url("./static/fonts/cca525a8-ad89-43ae-aced-bcb49fb271dc.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family: "Futura-LT-W01-Book";
	src: url("./static/fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"),url("./static/fonts/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family: "Futura-LT-W05-Light";
	src: url("./static/fonts/FuturaLTW05-LightCondensed.woff2") format("woff2"), url("./static/fonts/FuturaLTW05-LightCondensed.woff") format("woff");
	font-display: swap;
}
@font-face {
    font-family: "riftbold";
    src: url(./static/fonts/Rift-Bold.eot?#iefix) format("embedded-opentype"),url(./static/fonts/Rift-Bold.otf) format("opentype"),url(./static/fonts/Rift-Bold.woff) format("woff"),url(./static/fonts/Rift-Bold.ttf) format("truetype"),url(./static/fonts/Rift-Bold.svg#Rift-Bold) format("svg");
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "riftdemi";
    src: url(./static/fonts/fort_foundry_-_rift-demi-webfont.eot);
    src: url(./static/fonts/fort_foundry_-_rift-demi-webfont.eot?#iefix) format("embedded-opentype"),url(./static/fonts/fort_foundry_-_rift-demi-webfont.woff2) format("woff2"),url(./static/fonts/fort_foundry_-_rift-demi-webfont.woff) format("woff"),url(./static/fonts/fort_foundry_-_rift-demi-webfont.svg#riftdemi) format("svg");
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "riftregular";
    src: url(./static/fonts/Rift.eot?#iefix) format("embedded-opentype"),url(./static/fonts/Rift.otf) format("opentype"),url(./static/fonts/Rift.woff) format("woff"),url(./static/fonts/Rift.ttf) format("truetype"),url(./static/fonts/Rift.svg#Rift) format("svg");
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "Rift-Light";
    src: url(./static/fonts/Rift-Light.eot?#iefix) format("embedded-opentype"),url(./static/fonts/Rift-Light.otf) format("opentype"),url(./static/fonts/Rift-Light.woff) format("woff"),url(./static/fonts/Rift-Light.ttf) format("truetype"),url(./static/fonts/Rift-Light.svg#Rift-Light) format("svg");
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "san_francisco_textbold";
    src: url(./static/fonts/SanFranciscoTextBold.eot);
    src: url(./static/fonts/SanFranciscoTextBold.eot) format("embedded-opentype"),url(./static/fonts/SanFranciscoTextBold.woff2) format("woff2"),url(./static/fonts/SanFranciscoTextBold.woff) format("woff"),url(./static/fonts/SanFranciscoTextBold.ttf) format("truetype"),url(./static/fonts/SanFranciscoTextBold.svg#SanFranciscoTextBold) format("svg")
}
@font-face {
    font-family: "san_francisco_text_regularRg";
    src: url(./static/fonts/sanfranciscotext-regular-webfont.eot);
    src: url(./static/fonts/sanfranciscotext-regular-webfont.eot?#iefix) format("embedded-opentype"),url(./static/fonts/sanfranciscotext-regular-webfont.woff2) format("woff2"),url(./static/fonts/sanfranciscotext-regular-webfont.woff) format("woff"),url(./static/fonts/sanfranciscotext-regular-webfont.svg#san_francisco_text_regularRg) format("svg");
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: "san_francisco_textthin";
    src: url(./static/fonts/sanfranciscotext-thin-webfont.eot);
    src: url(./static/fonts/sanfranciscotext-thin-webfont.eot?#iefix) format("embedded-opentype"),url(./static/fonts/sanfranciscotext-thin-webfont.woff2) format("woff2"),url(./static/fonts/sanfranciscotext-thin-webfont.woff) format("woff"),url(./static/fonts/sanfranciscotext-thin-webfont.ttf) format("truetype"),url(./static/fonts/sanfranciscotext-thin-webfont.svg#san_francisco_textthin) format("svg");
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
body {
	font-family: "Be Vietnam Pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}
:root {
	--color_0: 255, 255, 255;
    --color_1: 255, 255, 255;
    --color_2: 0, 0, 0;
    --color_3: 237, 28, 36;
    --color_4: 0, 136, 203;
    --color_5: 255, 203, 5;
    --color_6: 114, 114, 114;
    --color_7: 176, 176, 176;
    --color_8: 255, 255, 255;
    --color_9: 114, 114, 114;
    --color_10: 176, 176, 176;
    --color_11: 255, 255, 255;
    --color_12: 242, 242, 242;
    --color_13: 163, 163, 163;
    --color_14: 94, 94, 94;
    --color_15: 54, 54, 54;
    --color_16: 244, 231, 171;
    --color_17: 237, 214, 95;
    --color_18: 207, 176, 21;
    --color_19: 135, 116, 19;
    --color_20: 69, 59, 11;
    --color_21: 206, 222, 237;
    --color_22: 159, 185, 209;
    --color_23: 120, 151, 173;
    --color_24: 71, 81, 90;
    --color_25: 35, 40, 45;
    --color_26: 242, 213, 179;
    --color_27: 235, 180, 120;
    --color_28: 199, 129, 50;
    --color_29: 143, 88, 26;
    --color_30: 84, 51, 14;
    --color_31: 213, 227, 200;
    --color_32: 190, 219, 160;
    --color_33: 143, 179, 109;
    --color_34: 78, 102, 54;
    --color_35: 39, 51, 27;
	--font_0: normal normal normal 50px/1.4em cinzel,serif;
	--font_1: normal normal normal 16px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
	--font_2: normal normal normal 24px/1.4em brandon-grot-w01-light,brandon-grot-w05-light,sans-serif;
	--font_3: normal normal normal 50px/1.4em cinzel,serif;
	--font_4: normal normal normal 40px/1.4em brandon-grot-w01-light,brandon-grot-w05-light,sans-serif;
	--font_5: normal normal normal 30px/1.4em brandon-grot-w01-light,brandon-grot-w05-light,sans-serif;
	--font_6: normal normal normal 22px/1.4em cinzel,serif;
	--font_7: normal normal normal 20px/1.4em brandon-grot-w01-light,brandon-grot-w05-light,sans-serif;
	--font_8: normal normal normal 18px/1.4em brandon-grot-w01-light,brandon-grot-w05-light,sans-serif;
	--font_9: normal normal bold 16px/1.4em brandon-grot-w01-light,brandon-grot-w05-light,sans-serif;
	--font_10: normal normal normal 12px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
}
.fw-400 {
	font-weight: 400;
}
.fw-500 {
	font-weight: 500;
}
.m-auto {
	margin: 0 auto;
}
.text-justify {
	text-align: justify;
}
.entry-boxshadow {
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.w-100 {
	width: 100%;
}
.full-width .ubermenu-nav, .container, .row {
    max-width: 1250px;
}
.last-reset *:last-child {
    margin-bottom: 0;
}
.flickity-page-dots .dot {
	height: 8px;
	width: 8px;
	margin: 0 2px;
}
.f-4 {
	font-size: 4em !important;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-05em {
	margin-bottom: 0.5em;
}
.mb-30 {
	margin-bottom: 30px;
}
.d-flex {
	display: flex;
}
.align-item-center {
	align-items: center;
}
.color-second {
	color: #D2B686 !important;
}
.header-main .header-nav-main {
	justify-content: center;
}
.header-nav-main>li>a {
    color: #000;
    padding: 0 10px;
}
.head-contact {
	white-space: nowrap;
}
.head-contact i {
	background-color: #00BF63;
    padding: 6px;
    border-radius: 99px;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
}
h2.title-head {
    width: 100%;
    text-align: center;
    margin-top: 52px;
    padding-bottom: 32px;
    font-size: 25px;
	font-weight: 500;
}
/* HOME */
.header-main .nav > li > a {
	font-size: 20px;
	font-weight: 600;
}
.home-sec02-content .sec02-content-title {
    color: #363636;
    font-size: 46px;
    font-style: italic;
    line-height: 1.5em;
    letter-spacing: normal;
	margin-bottom: 0;
}
.home-sec02-content .sec02-content-title .title-right {
	color: #066938;
	font-weight: bold;
	text-transform: uppercase;
}
.home-sec02-content .sec02-content-des {
	margin-top: 25px;
	font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.sec-text-center .sec-title {
    color: #066938;
    letter-spacing: 0.05em;
    font-size: 20px;
    margin: 65px 0 33px 0;
    overflow-wrap: break-word;
    padding: 0 19px;
}
.sec-text-center .sec-des {
    color: #363636;
    font-size: 18px;
    line-height: 1.5em;
    padding: 0 15px;
}
.sec-text-center .sec-link {
    color: #363636;
	font-size: 19.2px;
    transition: var(--trans, color .4s ease 0s);
    white-space: nowrap;
}
.sec-head-title h2 {
    color: #066938;
    letter-spacing: 0.2em;
    font-size: 46px;
    font-weight: bold;
}
.sec-box {
	position: relative;
    overflow: hidden;
}
.sec-box .box-text {
	height: 100%;
    padding: 20px;
    text-shadow: none;
	transition: .3s;
}
.sec-box .box-text .box-text-inner {
	border: 2px solid #fff;
    height: 100%;
    position: relative;
    text-align: center;
}
.sec-box .sec-box-title {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sec-box .sec-box-title h3 {
/* 	font: var(--font_6); */
/*     font-family: futura-lt-w01-light, sans-serif; */
    font-size: 30px;
    line-height: 1.1em;
}
.sec-box .sec-box-des {
	bottom: 0;
    position: absolute;
    width: 100%;
	transform: translateY(100px);
	transition: transform .3s, visibility .3s;
	visibility: hidden;
}
.sec-box .sec-box-des p {
/* 	font: var(--font_6);
    font-family: futura-lt-w01-light, sans-serif; */
    font-size: 16px;
    font-weight: 400;
	margin-top: 0;
	margin-bottom: 13px;
	padding: 0 10px;
}
.sec-box:hover .box-text {
	padding: 25px 25px 10px 25px;
}
.sec-box:hover .sec-box-des {
	transform: translateY(0);
	visibility: visible;
}
.sec-box:hover .overlay {
	background-color: rgba(0, 0, 0, .5);
}
.absolute-footer {
    color: white !important;
    padding: 0px 0 15px !important;
    font-size: .9em;
    background: black;
}
.form-home input.wpcf7-submit {
	width: 100%;
	background-color: #81d742;
}
.form-home .wpcf7-spinner {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
form.wpcf7-form {
	margin-bottom: 0;
}
/* ABOUT */
.about-sec-02 .about-text {
	font-size: 15px;
    line-height: 1.5em;
/*     color: #6B4828; */
    text-align: justify;
}
.about-sec-03 .about-box .box-text {
	padding: 10px;
}
.about-sec-03 .about-box .box-text h2 {
	font-size: 18px;
    line-height: 1em;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 30px;
}
.about-sec-03 .about-box .box-text p {
	font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.about-sec-03-bottom h2 {
	color: #6B4828;
    font-size: 18px;
}
.about-sec-03-bottom p {
	font-size: 15px;
    line-height: 1.5em;
    font-weight: 400;
    color: rgb(54, 54, 54);
}
/* PRODUCT */
.mb-45 {
	margin: 4.5px 0px;
}
.pr-5 {
	padding-right: 5px;
}
.product-box-title {
	position: absolute;
    left: 10%;
    bottom: 0;
    transform-origin: left;
    transform: rotate(270deg) translateX(-80%);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.product-box-title .product-title {
	white-space: nowrap;
    font-size: 26px;
    text-transform: uppercase;
}
.product-box-title .line-svg {
	display: flex;
	align-items: center;
	margin-right: 50px;
}
.product-box-title .line {
	width: 30px;
    height: 5px;
    margin-top: 3px;
    margin-right: 5px;
    border-top: 2px solid rgb(54, 54, 54);
}
.product-box-title svg {
	width: 10px;
    height: 10px;
    fill: #333333;
}
.product-des {
	margin-left: 100px;
    font-size: 18px;
    line-height: 1.5em;
}
.direction {
	flex-direction: row-reverse;
}
.blog-single:has(.menu-bread) {
  padding-top: 0;
}
/* .menu-order {
	padding: 15px;
    margin-top: 30px;
} */
.menu-order .menu-link {
	color: red;
    font-weight: 600;
    font-style: italic;
	float: right;
}
.menu-order .menu-link:hover {
	color: var(--fs-experimental-link-color-hover);
}
/* FOOTER */
.follow-footer .facebook {
	color: #3a589d !important;
}
.follow-footer a.instagram i {
	background: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.follow-footer .tiktok {
	color: #111 !important;
}
.follow-footer .shopee i.icon-shopee {
	width: 45px;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48"><path fill="%23f4511e" d="M36.683,43H11.317c-2.136,0-3.896-1.679-3.996-3.813l-1.272-27.14C6.022,11.477,6.477,11,7.048,11 h33.904c0.571,0,1.026,0.477,0.999,1.047l-1.272,27.14C40.579,41.321,38.819,43,36.683,43z"></path><path fill="%23f4511e" d="M32.5,11.5h-2C30.5,7.364,27.584,4,24,4s-6.5,3.364-6.5,7.5h-2C15.5,6.262,19.313,2,24,2 S32.5,6.262,32.5,11.5z"></path><path fill="%23fafafa" d="M24.248,25.688c-2.741-1.002-4.405-1.743-4.405-3.577c0-1.851,1.776-3.195,4.224-3.195 c1.685,0,3.159,0.66,3.888,1.052c0.124,0.067,0.474,0.277,0.672,0.41l0.13,0.087l0.958-1.558l-0.157-0.103 c-0.772-0.521-2.854-1.733-5.49-1.733c-3.459,0-6.067,2.166-6.067,5.039c0,3.257,2.983,4.347,5.615,5.309 c3.07,1.122,4.934,1.975,4.934,4.349c0,1.828-2.067,3.314-4.609,3.314c-2.864,0-5.326-2.105-5.349-2.125l-0.128-0.118l-1.046,1.542 l0.106,0.087c0.712,0.577,3.276,2.458,6.416,2.458c3.619,0,6.454-2.266,6.454-5.158C30.393,27.933,27.128,26.741,24.248,25.688z"></path></svg>');
}
/* CONTACT */
.contact-section .icon-box {
	position: relative;
	box-shadow: 0px 0px 30px 1px rgba(0,0,0,.06);
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	padding: 50px 40px 43px;
	z-index: 1;
	transition: all .3s ease-in-out;
	height: 100%;
}
.contact-section .icon-box:before, .contact-section .icon-box:after, .contact-section .icon-box span:before, .contact-section .icon-box span:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	border-width: 1px 0 0 1px;
	border-radius: 10px 0 0;
	z-index: -1;
	transition: all .3s ease-in-out;
}
.contact-section .icon-box:after {
	top: auto;
	bottom: 0;
	border-radius: 0 0 0 10px;
	border-width: 0 0 1px 1px;
}
.contact-section .icon-box span:before {
	left: auto;
	right: 0;
	border-radius: 0 10px 0 0;
	border-width: 1px 1px 0 0;
}
.contact-section .icon-box span:after {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	border-radius: 0 0 10px;
	border-width: 0 1px 1px 0;
}
.contact-section .icon-box:hover:before, .contact-section .icon-box:hover:after, .contact-section .icon-box:hover span:before, .contact-section .icon-box:hover span:after {
	width: 90px;
	height: 60px;
	border-color: #1fa12e;
}
.contact-section .icon-box p {
	margin: 0;
	font-size: 20px;
}
.contact-section .icon-box h3 {
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 17px;
	font-size: 26px;
	color: #222;
	font-weight: 600;
}
.blog-archive h1.page-title {
	margin-bottom: 0;
	font-size: 25px;
	letter-spacing: 0;
}
.contact-section .icon-box h3:before, .contact-section .icon-box h3:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 104px;
	height: 1px;
	background-color: #1fa12e;
}
.contact-section .icon-box h3:after {
	width: 56px;
	top: calc(100% + 5px);
}
.page-form input, .page-form textarea {
    display: block;
    height: 56px;
    background-color: #efefef;
    border: none;
    color: #545454;
    font-size: 14px;
    padding-left: 24px;
    width: 100%;
    box-shadow: none;
    border:none;
}
.page-form input[type="submit"] {
    width: auto;
    border-radius: 99px;
    margin: 0 auto;
    color: #fff;
    padding: 0 50px;
    font-weight: bold;
	background-color: #81d742;
}
.page-form .row > .col {
    padding-bottom: 0;
}
.wpcf7-spinner {
    position: absolute;
}
.company-post h3.post-title a {
	font-weight: 500;
    font-size: 1.175rem;
    text-transform: uppercase;
	color: #000;
}
.company-post h3.post-title a:hover {
	color: #000;
	text-decoration: underline;
}
.company-post .time {
	color: #000;
	font-size: 14px;
}
.company-post .readmore a {
	padding: 5px 15px;
    border: 1px solid #ededed;
    border-radius: 15px;
    background: #ff7f27;
    color: #fff;
    font-size: 14px;
    line-height: normal;
}
.company-post .readmore a:hover {
	text-decoration: underline;
}
.td_module_wrap {
    position: relative;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.td-module-thumb {
    position: relative;
    margin-bottom: 13px;
}
.td_module_20 .td-module-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 65.1%;
}
.row-slide-banner .image-wrap .td-module-thumb {
    z-index: 9;
}
.td-block-span12:nth-child(2) .td_module_20 .td-module-thumb {
    top: -102px;
}
.td-block-span12:nth-child(3) .td_module_20 .td-module-thumb {
    top: -204px;
}
.td-block-span12:nth-child(4) .td_module_20 .td-module-thumb {
    top: -306px;
}
.td-module-thumb img {
    display: block;
}
.td-module-thumb img {
	width: 100%;
    height: auto;
}
.td_module_20 .td-module-thumb img {
    height: 401px;
}
.active {
    display: block;
}
.td_module_20 .item-details {
    margin-left: 65.1%;
    padding-left: 10px;
}
.td_module_20 .item-details .content-wrap {
    background-color: rgb(253, 246, 217);
    padding: 18px 25px;
    margin-bottom: 5px;
}
.td_module_20 .item-details:hover .content-wrap, .td_module_20 .item-details.active .content-wrap {
    background-color: rgb(245, 130, 32);
    position: relative;
}
.td_module_20 .item-details:hover .content-wrap:before, .td_module_20 .item-details.active .content-wrap:before {
    content: "";
    border-top: 10px solid transparent;
    border-left: 15px solid #fff;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 39%;
    left: 0;
    z-index: 9;
}
.td-module-meta-info {
/*     font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; */
    font-size: 11px;
    margin-bottom: 7px;
    line-height: 1;
    min-height: 25px;
    position: relative;
}
.td-post-category {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    background-color: #222222;
    color: #fff;
    margin-right: 5px;
    padding: 3px 6px 4px;
    display: block;
    vertical-align: top;
}
.td-module-meta-info .td-post-category {
    display: inline-block;
}
.td_module_20 .item-details .content-wrap a.td-post-category {
    background: transparent;
    color: #000;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
}
.td_module_20 .item-details.active .td-module-meta-info a, .td_module_20 .item-details.active .content-wrap h3.entry-title a {
    color: #fff;
}
.td_module_20 .item-details .content-wrap .td-module-meta-info {
    min-height: auto;
    margin-bottom: 5px;
}
.td_module_20 .item-details .content-wrap h3.entry-title {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    height: 50px;
    overflow: hidden;
/*     line-height: 1.2; */
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.td_module_20 .item-details.active .td-module-meta-info a, .td_module_20 .item-details.active .content-wrap h3.entry-title a, .td_module_20 h3.entry-title a:hover {
    color: #fff;
}
.td-block-title-wrap {
    position: relative;
}
.block-title {
    border-color: #ffdd59 !important;
}
.block-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 26px;
    border-bottom: 2px solid #222222;
}
.block-title>span {
    padding: 6px 10px 3px;
    margin-left: 10px;
    background-color: #f68c39 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.block-title a, .block-title span, .block-title label {
    line-height: 17px;
    display: inline-block;
    padding: 7px 12px 4px;
    background-color: #222222;
    color: #fff;
}
.td_module_10 {
    margin-bottom: 15px;
    min-height: 139px;
    border-bottom: 1px solid #ededed;
}
.td_module_10 .td-module-thumb {
    position: absolute;
    left: 0;
    top: 0;
}
.td_module_10 .td-module-thumb img {
    width: 218px;
    height: 122px;
}
.td_module_10 .item-details {
    min-height: auto;
    margin-left: 235px;
}
.td_module_10 .item-details a.td-post-category {
    background-color: transparent;
    font-size: 13px;
    line-height: 1.3;
    color: #0b75b1;
    padding: 0;
}
.td_module_10 .entry-title {
    margin-top: 0;
    margin-bottom: 5px;
}
.td_module_10 .entry-title a {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
.td-excerpt {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.42857143;
    color: #333;
/*     font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; */
    margin-top: 0px;
    padding: 0 25px 28px;
}
.td_module_10 .td-excerpt {
    padding: 0;
}
.td_module_10 .td-excerpt p {
	margin-bottom: 5px;
}
.td-module-meta-info {
/*     font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; */
    font-size: 13px;
    margin-bottom: 7px;
    line-height: 1;
    min-height: 25px;
    position: relative;
}
.td_module_10:hover .entry-title a {
	color: #0089d0;
}
.td-main-sidebar .td_module_10 {
    min-height: auto;
    padding-bottom: 15px;
    border-bottom: none;
}
.td-main-sidebar .td_module_10 .td-module-thumb {
    max-width: 120px;
}
.td-main-sidebar .td_module_10 .td-module-thumb img {
	width: 120px;
    height: 66.6px;
}
.td-main-sidebar .td_module_10 .item-details {
    margin-left: 130px;
}
.td-main-sidebar .td_module_10 .item-details h3.entry-title.td-module-title {
    font-size: 15px;
    line-height: 1.3;
    height: 39px;
    overflow: hidden;
    margin: 0;
	text-wrap: auto;
}
.td-main-sidebar .td_module_10 .entry-title a {
    font-weight: normal;
    font-size: 14px;
}
.recrui-content {
	padding: 15px;
}
.recrui-content .main-gallery-page {
	padding-top: 30px;
    padding-bottom: 20px;
}
.recrui-content .main-gallery-page h2 {
	font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}
.td-block-span6 {
    width: 50%;
}
.td-block-row [class*="td-block-span6"] {
    display: block;
    min-height: 1px;
    float: left;
}
.entry-title {
	text-wrap: unset;
}
.td-post-next-prev-content {
    display: inline-block;
/*     font-family: 'Roboto', sans-serif; */
}
.td-post-next-prev-content span {
    display: block;
    font-size: 13px;
    color: #c1c1c1;
    margin-bottom: 7px;
}
.td-post-next-prev-content a {
    display: block;
    font-size: 16px;
    color: #222;
    line-height: 21px;
    margin-bottom: 43px;
}
.td-post-next-prev-content a:hover {
	color: #0089d0;
	text-decoration: underline;
}
.td-post-next-post {
    text-align: right;
}
.td-related-title {
    font-size: 14px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 27px;
}
.td-related-title {
    border-bottom: 2px solid #0089d0;
}
.td-related-title > .td-related-left {
    display: inline-block;
    white-space: nowrap;
}
.td-related-title span {
    line-height: 1;
    padding: 5px 12px 5px 12px;
}
.td-related-title .td-cur-simple-item {
    background-color: #0089d0;
    color: #fff;
}
.td-related-left:before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    content: "\f005";
    font-size: 20px;
    padding-right: 5px;
    color: #fec827;
}
.td_module_related_posts .td-module-title {
	font-size: 14px;
    line-height: 20px;
    text-wrap: unset;
}
.td_module_related_posts .td-module-title a {
	color: #111111;
    font-weight: 600;
}
.td_module_related_posts .td-module-title a:hover {
	color: #0089d0;
}
/* PRODUCT */
.detail-product .product-title .product-detail-title {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
	font-size: 1.5rem
}
.detail-product .product-price {
    margin-top: 10px;
}
.detail-product .product-price {
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}
.detail-product .product-price .new {
    font-size: 110%;
    text-decoration: none;
    color: #294829;
    font-weight: 500;
    margin-right: 5px;
}
.detail-product .product-infor {
    margin-bottom: 12px;
}
.detail-product .product-infor .info-extra {
    color: #000000;
    margin-bottom: 8px;
}
.detail-product .no-padding-right {
    padding-right: 0;
}
.detail-product .no-padding-right label {
	font-weight: normal;
	font-size: 18px;
}
.pl-1, .px-1 {
    padding-left: .25rem !important;
}
.detail-product .product-infor .color {
    color: #727272;
	font-size: 18px;
}
.detail-product .product-content-des * {
	font-size: 18px;
}
.detail-product .product-infor {
    margin-bottom: 12px;
}
.detail-product .product-infor .info-extra {
    color: #000000;
    margin-bottom: 8px;
}
.detail-product .product-infor .info-extra label {
	font-weight: normal;
	font-size: 18px;
}
.detail-product .product-oder {
    max-width: 700px;
}
.detail-product .product-oder .btn {
	width: 100%;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: 5px !important;
    display: inline-block;
    color: #294829;
    border: 1px solid #294829;
    cursor: pointer;
    margin-bottom: 0;
    letter-spacing: 0;
}
.detail-product .product-oder .wb-main-order {
    background-color: #294829;
    color: #fff;
    border: 1px solid;
}
@media (max-width: 575px) {
    .detail-product .product-oder .order-now {
        margin-top: 10px;
    }
}
.d-inline-b, .d-inline-middle {
    display: inline-block;
}
.d-inline-middle {
    vertical-align: middle;
}
.share-container p {
    margin: 0;
	font-size: 18px;
}
.share-container .d-inline-middle {
    display: inline-block;
}
.share-container .d-inline-middle ul {
    border: 0;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    list-style: none;
}
.horizontal-list>:first-child {
    margin-left: 0;
}
.share-container .horizontal-list>* {
    float: none;
    display: inline-block;
}
.share-container .social-icons li a {
    display: inline;
    padding: 0 10px;
    color: grey;
    font-size: 130%;
}
.share-container .social-icons li a.textAlign-center {
    text-align: center;
}
.img-product .qv-preview {
    width: 100%;
    text-align: center;
}
/* .img-product .qv-preview a {
    display: none;
}
.img-product .qv-preview a:first-child {
    display: block;
} */
.img-product .qv-carousel-wrap {
    margin: 15px 0;
}
.img-product .qv-preview a {
	position: relative;
}
.img-product .qv-preview i {
    position: absolute;
    z-index: 99;
    right: 0;
    bottom: 0;
    font-size: 135%;
}
#product-detail-carousel .slick-slide {
	margin-right: 15px;
}
#product-detail-carousel .slick-slide.slick-current {
    border: 1px solid #000;
}
#product-detail-carousel .slick-slide a {
	cursor: pointer;
}
.d-block {
    display: block !important;
}
.detail-tabs {
    padding-top: 20px;
    padding-bottom: 40px;
}
.detail-tabs ul.tab_list {
    padding-bottom: 10px;
}
ul.tab_list li {
    margin-bottom: 5px;
}
ul.tab_list li a {
    padding: 5px 20px;
    display: block;
    font-size: 100%;
	font-weight: 500;
    color: #000;
    border: 1px solid #e5e5e5;
    transition: all .3s;
    background: #29482940;
    cursor: pointer;
}
ul.tab_list li a.active, ul.tab_list li a:hover {
    background: #294829;
    color: #fff;
    transition: all .3s;
}
ul.tab_list li a {
    position: relative;
}
.detail-tabs ul.tab_list li a {
    background: #fff;
}
.detail-tabs ul.tab_list li a.active {
    background: #294829;
}
ul.tab_list li a.active:before, ul.tab_list li a:hover:before {
    position: absolute;
    bottom: -6px;
    left: 50%;
    content: "";
    margin-left: -6px;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    border-top-color: #294829;
    transition: all .3s;
}
ul.tab_list li a .border-style7 {
    display: none;
}
.detail-tabs .tab-content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .15);
    width: 100%;
}
.detail-tabs .tab-content .pro-info-tab {
    width: 100%;
}
.ck_editor_content ul, .product-detail .product-content-des ul {
    list-style-type: disc;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
}
.widget-sidebar>.widget {
    margin-bottom: 20px;
    border: 1px solid #e2e6e7;
}
.widget-sidebar>.widget>div {
    padding: 10px !important;
}
.box_heading {
    position: relative;
    z-index: 1;
	text-align: left;
}
.box_heading .heading, .box_heading .heading a {
    color: #037c25;
    padding: 0;
}
.box_heading .heading {
    position: relative;
    margin-bottom: 25px;
    font-size: 135%;
    line-height: 1.25;
}
.widget-sidebar .widget-content {
    position: relative;
}
.widget-fanpage .widget-content {
    overflow-x: hidden;
}
.product-view .product-item {
    background-color: #fff;
    border: 1px solid #e2e6e7;
    height: 100%;
}
.widget-sidebar .product-view .product-item {
    border: none;
	margin-bottom: 15px;
}
.product-item>.photoframe {
    z-index: 1;
}
.product-view .product-item .photoframe {
    text-align: center;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.category-list-group-page .item-category, .product-view .product-list-view .product-item .photoframe {
    display: flex;
}
.widget-sidebar .widget_product_body .product-item .photoframe {
    box-shadow: unset;
    border-radius: 0;
    margin: 0;
	padding: 0;
    padding-bottom: 10px;
    background-color: unset;
    border: none;
}
.widget .widget_product_body.style12 .product-list-view .product-item .photoframe .img-product, .widget .widget_product_body.style14 .product-item .photoframe .img-product, .widget .widget_product_body.style3 .product-item .photoframe .img-product, .widget .widget_product_body.style4 .product-item .photoframe .img-product, .widget-sidebar .widget_product_body.style5 .product-item .photoframe .img-product {
    max-width: 160px;
    float: left;
    margin-right: 10px;
}
.widget .widget_product_body.style14 .product-item .photoframe .img-product, .widget .widget_product_body.style3 .product-item .photoframe .img-product, .widget .widget_product_body.style4 .product-item .photoframe .img-product, .widget .widget_product_body.style5 .right-style5 .product-item .photoframe .img-product, .widget-sidebar .widget .widget_product_body.style5 .product-item .photoframe .img-product {
    width: 42%;
}
@media (min-width: 768px) {
    .widget .widget_product_body.style12 .product-list-view .product-item .photoframe .img-product, .widget .widget_product_body.style14 .product-item .photoframe .img-product, .widget .widget_product_body.style3 .product-item .photoframe .img-product, .widget .widget_product_body.style4 .product-item .photoframe .img-product, .widget .widget_product_body.style5 .right-style5 .product-item .photoframe .img-product, .widget-sidebar .widget .widget_product_body.style5 .product-item .photoframe .img-product {
        width: 35%;
    }
}
@media (min-width: 992px) {
    .widget .widget_product_body.style12 .product-list-view .product-item .photoframe .img-product, .widget .widget_product_body.style14 .product-item .photoframe .img-product, .widget .widget_product_body.style3 .product-item .photoframe .img-product, .widget .widget_product_body.style4 .product-item .photoframe .img-product, .widget .widget_product_body.style5 .right-style5 .product-item .photoframe .img-product, .widget-sidebar .widget .widget_product_body.style5 .product-item .photoframe .img-product {
        width: 30%;
    }
}
.post-item img, .product-item img {
    width: 100%;
}
.post-list-view .post-item img, .product-list-view .product-item img {
    width: auto;
}
.product-view .product-list-view .product-item .photoframe figcaption {
    text-align: left;
}
.widget .widget_product_body.style14 .product-item .photoframe .infor-product, .widget .widget_product_body.style3 .product-item .photoframe .infor-product, .widget .widget_product_body.style4 .product-item .photoframe .infor-product, .widget .widget_product_body.style5 .right-style5 .product-item .photoframe .infor-product, .widget-sidebar .widget .widget_product_body.style5 .product-item .photoframe .infor-product {
    width: 58%;
}
@media (min-width: 768px) {
    .widget .widget_product_body.style12 .product-list-view .product-item .photoframe .infor-product, .widget .widget_product_body.style14 .product-item .photoframe .infor-product, .widget .widget_product_body.style3 .product-item .photoframe .infor-product, .widget .widget_product_body.style4 .product-item .photoframe .infor-product, .widget .widget_product_body.style5 .right-style5 .product-item .photoframe .infor-product, .widget-sidebar .widget .widget_product_body.style5 .product-item .photoframe .infor-product {
        width: 65%;
    }
}
@media (min-width: 992px) {
    .widget .widget_product_body.style12 .product-list-view .product-item .infor-product, .widget .widget_product_body.style14 .product-item .photoframe .infor-product, .widget .widget_product_body.style3 .product-item .photoframe .infor-product, .widget .widget_product_body.style4 .product-item .photoframe .infor-product, .widget .widget_product_body.style5 .right-style5 .product-item .photoframe .infor-product, .widget-sidebar .widget .widget_product_body.style5 .product-item .photoframe .infor-product {
        width: 70%;
    }
}
.post-view .post-item .photoframe .wrap-two-lines.post-title, .product-view .product-item .photoframe figcaption .wrap-two-lines {
    font-size: 100%;
	margin-bottom: 0;
}
@media (min-width: 992px) {
    .product-view .product-item .photoframe figcaption .wrap-two-lines {
        font-size: 100%;
    }
}
.product-view .product-item .wrap-two-lines .two-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box !important;
    line-height: 22px;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 2;
    color: #000000;
    margin-bottom: 5px;
}
.widget-sidebar .widget_product_body .product-item .wrap-two-lines .two-lines {
    height: unset;
    margin-top: 2px;
}
.widget_product_body.style14 .product-view .product-item .wrap-two-lines .two-lines, .widget_product_body.style3 .product-view .product-item .wrap-two-lines .two-lines, .widget_product_body.style4 .product-view .product-item .wrap-two-lines .two-lines, .widget_product_body.style5 .product-view .product-item .wrap-two-lines .two-lines {
    height: unset;
    -webkit-line-clamp: unset;
}
.widget-sidebar .widget_product_body.style14 .product-item .wrap-two-lines .two-lines, .widget-sidebar .widget_product_body.style3 .product-item .wrap-two-lines .two-lines, .widget-sidebar .widget_product_body.style4 .product-item .wrap-two-lines .two-lines, .widget-sidebar .widget_product_body.style5 .product-item .wrap-two-lines .two-lines {
	font-size: 16px;
    margin-bottom: 0;
	font-weight: 400;
    text-wrap: unset;
}
.product-view p {
    margin: 0;
}
.product-view .product-item .color-price.price {
    margin-bottom: 10px;
}
.widget-sidebar .product-view .product-item .color-price.price {
    margin-bottom: 0;
}
.product-view .product-item .photoframe figcaption .new {
    color: #294829;
}
.product-view .product-grid-view .product-item .wrap-two-lines .two-lines, .widget_product_body.style1 .product-view .product-item .wrap-two-lines .two-lines, .widget_product_body.style2 .product-view .product-item .wrap-two-lines .two-lines, .widget_product_body.style5 .product-view .product-list-view .left-style5 .wrap-two-lines .two-lines {
    margin-top: 7px;
}
.related-article .infor-product h3.product-title {
	text-wrap: unset;
}
.related-article .f-size-large {
    color: #294829;
    font-size: 100%;
    margin-bottom: 10px;
}
.product-view .product-item .photoframe figcaption .new {
    color: #294829;
}
.btn-item.buy_now {
	padding: .375rem .75rem;
    line-height: 1.5;
    font-size: 90%;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    background-color: #294829;
    color: #fff;
    border-radius: 5px;
}
.page-content {
	padding: 30px 0;
}
.t3_h {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding-bottom: 0.5rem;
}
.t3_h .na_h {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 1.1;
    padding: 1rem 1rem;
    position: relative;
    min-width: 50%;
    max-width: 100%;
    background: linear-gradient(-90deg,rgba(255,255,255,1) 0%,rgba(237, 255, 241) 100%);
}
.t3_h .na_h::before {
    content: "";
    width: .4rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #00c52e;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem
}
.t3_h .na_h a {
	color: #037c25;
}
.product-grid-view {
	padding-top: 20px;
}
.product-grid-view .category-section .row:nth-child(2) {
	margin-bottom: 30px;
}
.slick-nex.slick-arrow {
	position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(3, 54, 63, .4), 0 -1px 2px rgba(3, 54, 63, .04);
    background-color: #fff;
    margin: 0;
    z-index: 1;
    line-height: 45px;
}
.slick-pre.slick-arrow {
	position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(3, 54, 63, .4), 0 -1px 2px rgba(3, 54, 63, .04);
    background-color: #fff;
    margin: 0;
    line-height: 45px;
}
/* ABOUT */
.introDtWrap {
    padding-top: 60px;
    padding-bottom: 60px;
}
.breadcrumb a, .breadcrumb i, .breadcrumb p {
    display: inline-block;
    vertical-align: middle;
}
.breadcrumb a {
    font-size: 18px;
    color: #a7a7a7;
/*     font-family: "riftdemi"; */
}
.breadcrumb a:first-child {
    line-height: 9px;
}
.breadcrumb a:hover, .breadcrumb a:hover i {
    color: #d13138;
}
.breadcrumb>i {
    font-size: 12px;
    color: #a7a7a7;
    margin: 0 5px;
}
.breadcrumb p {
    font-size: 18px;
    color: #d13138;
/*     font-family: "riftdemi"; */
	margin-bottom: 0;
}
.title {
    color: #424d54;
    font-size: 54px;
    text-transform: uppercase;
    padding-bottom: 30px;
	margin-bottom: 0;
}
.introDtWrap .title {
    margin-top: 10px;
}
.introDtWrap .content h3 {
    font-size: 18px;
    color: #d13138;
}
.quote {
    padding-top: 20px;
    margin-bottom: 25px;
}
.quote p {
    font-size: 30px;
    display: inline-block;
    width: 70%;
    position: relative;
    line-height: 1.4;
    padding-top: 20px;
    font-style: italic;
    padding-right: 30px;
    margin-bottom: 0;
}
.quote p:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(./static/images/quote-1.webp) 0 0 / 100% no-repeat;
}
.quote p:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 3px;
    right: 0;
    background: url(./static/images/quote-2.webp) 0 0 / 100% no-repeat;
}
.introDtWrap2 {
    background: #f7f7f7;
    padding: 80px 0;
}
.introDtWrap2 .img {
    width: 58%;
    float: left;
}
.introDtWrap2 .img img {
    width: 100%;
}
.introDtWrap2 .copy {
    width: 42%;
    float: right;
    padding-left: 60px;
}
.introDtWrap2 .copy h3 {
    font-size: 18px;
    color: #d13138;
	margin-bottom: 0;
}
.introDtWrap2 .copy .quote p {
    width: 100%;
}
.introDtWrap3 {
    padding: 80px 0
}
.introDtWrap3 h3 {
    font-size: 18px;
    color: #d13138;
	margin-bottom: 0;
}
.introDtWrap3 .crsIntro {
    opacity: 0
}
.introDtWrap3 .img {
    width: 58%;
    float: right;
    padding-top: 60px
}
.introDtWrap3 .img img {
    width: 100%
}
.introDtWrap3 .copy {
    width: 42%;
    float: left;
    padding-right: 60px;
    padding-bottom: 40px
}
.introDtWrap3 .copy .quote p {
    width: 100%
}
.introDtWrap3 .copy p {
    padding-bottom: 20px
}
.introDtWrap3 .copy ul li {
    list-style-type: square;
    list-style-position: inside;
    padding-bottom: 20px
}
.introDtWrap3 .slick-dots li {
    width: 20px;
    height: 2px;
    margin: 0
}
.introDtWrap3 .slick-dots li button {
    width: 20px;
    height: 2px;
    background: #a7a7a7
}
.introDtWrap3 .slick-dots li.slick-active button {
    background: #d13138
}
.introDtWrap3 .slick-dots {
    bottom: 0;
    margin-left: 0
}
.introDtWrap3 .slick-dots span {
    font-size: 24px;
    color: #a7a7a7
}
.introDtWrap3 .crSlider {
    margin-right: 5px
}
.introDtWrap3 .ttSlider {
    margin-left: 5px
}
.quote p span {
    color: #d13138;
}
.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    z-index: 2;
    width: 48px;
    height: 23px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: none;
}
.slick-prev {
    left: 80px;
    background: url(./static/images/btn-prev.webp) center left / 32px no-repeat;
    border-right: 1px solid #f4f4f4;
    padding-right: 16px;
}
.slick-prev:hover {
    background: url(./static/images/btn-prev-b.webp) center left/32px no-repeat
}
.slick-next {
    right: 80px;
    background: url(./static/images/btn-next.webp) center right / 32px no-repeat;
    border-left: 1px solid #f4f4f4;
    padding-left: 16px;
}
.slick-next:hover {
    background: url(./static/images/btn-next-b.webp) center right/32px no-repeat
}
.introDtWrap3 .slick-prev {
    top: 0;
    right: 48px;
    left: auto
}
.introDtWrap3 .slick-next.slick-arrow {
	top: 0;
	right: 0;
	left: auto;
}
.slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin-left: 5%;
    list-style: none;
    text-align: left
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 100px;
    padding: 0
}
.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0;
    background: #d13138
}
.slick-dots li.slick-active button {
    background: #d13138
}
/* ######################################################################################################### */
.box-blog-ffion .cat-label {
	background-color: transparent;
    font-size: 13px;
    line-height: 1.3;
    color: #0b75b1;
    padding: 0;
}
.box-blog-ffion h3.post-title {
	font-weight: 500;
    font-size: 18px;
}
/* RESPONSIVE */
@media (max-width: 480px) {
	.banner.breadcrumb {
		min-height: 120px;
	}
	.f-4 {
		font-size: 2em !important;
	}
	.home-sec02-content .sec02-content-title {
		font-size: 26px;
	}
	.home-sec02-content .sec02-content-des {
		font-size: 16px;
	}
	.sec-head-title h2 {
		font-size: 30px;
	}
	.product-box {
		padding: 10px 15px;
	}
	.product-des {
		margin-left: 0;
		padding: 5px 15px;
	}
	.product-box-title .line-svg {
		display: none;
	}
	.product-box-title {
		position: relative;
		transform: rotate(0deg) translateX(0%);
		justify-content: flex-start;
		left: 0;
	}
}
/* CONTACT VR */
#button-contact-vr {
    position: fixed;
    bottom: 0;
	right: 0;
    z-index: 99999
}
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230,8,8,.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px
}
.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}
#instagram-vr .phone-vr-circle-fill {
    background: rgb(17,143,253);
    background: linear-gradient(160deg,rgba(17,143,253,1) 20%,rgba(188,60,218,1) 50%,rgba(253,223,5,1) 80%);
    background-size: contain;
    box-shadow: 0 0 0 0 #c840c9;
    background-color: rgb(79 103 254);
    border: 0
}
#instagram-vr .phone-vr-img-circle {
    background: transparent
}
#telegram-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2c9fd8;
    background-color: rgb(44 159 216 / 74%)
}
#telegram-vr .phone-vr-img-circle {
    background: #2c9fd8
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    } 10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    } 20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    } 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    } 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    } 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    } 100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    } 70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    } 100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}
@keyframes zoom {
    0% {
        transform: scale(.9)
    } 70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    } 100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}
.phone-bar a {
    position: absolute;
    margin-top: -65px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 7px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap
}
.phone-bar a:hover {
    opacity: .8;
    color: #fff
}
@media(max-width: 736px) {
    .phone-bar {
        display:none
    }
}
#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33,150,243,.7)
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113,68,151,.8)
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33,150,243,.7)
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3
}
div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1fd744;
    background-color: rgb(35 217 72 / 70%)
}
div#whatsapp-vr .phone-vr .phone-vr-img-circle {
    background: #1cd741
}
div#whatsapp-vr .phone-vr .phone-vr-img-circle img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%
}
#fanpage-vr img {
    max-width: 35px;
    max-height: 35px
}
#fanpage-vr .phone-vr-img-circle {
    background-color: #1877f2
}
#fanpage-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(24 119 242 / 65%);
    background-color: rgb(24 119 242 / 70%)
}
#gom-all-in-one .button-contact {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
    -webkit-transition: 1.6s all
}
#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%
}
#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer
}
#popup-showroom-vr,div#popup-form-contact-vr {
    display: none
}
#popup-showroom-vr.active,div#popup-form-contact-vr.active {
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999
}
.bg-popup-vr {
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(51 51 51 / 50%);
    width: 100%;
    height: 100vh
}
.content-popup-vr {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
    border-radius: 5px;
    box-shadow: 0 0 14px 5px rgb(0 0 0 / 49%);
    max-width: 600px;
    display: flex
}
.content-popup-vr input,.content-popup-vr textarea {
    width: 100%;
    max-height: 100px;
    min-height: 38px;
    border: 1px solid #b1b1b1;
    margin-bottom: 10px;
    padding: 0 7px;
    background: #fff
}
.content-popup-vr label {
    width: 100%
}
.content-popup-vr input.wpcf7-form-control.wpcf7-submit {
    max-width: fit-content;
    padding: 5px 32px 2px;
    background: #2196f3;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: 10px auto 0;
    display: block;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 29%);
    font-weight: 400;
    min-height: auto;
    line-height: 30px
}
.content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: .7
}
.content-popup-vr .close-popup-vr {
    font-family: sans-serif;
    width: 23px;
    height: 23px;
    background: #000;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    text-align: center;
    line-height: 23px;
    font-size: 17px;
    border-radius: 50%;
    cursor: pointer
}
.content-popup-vr .close-popup-vr:hover {
    background: #b50000
}
.content-popup-vr .content-popup-div-vr {
    width: 100%;
    padding: 25px
}
.content-popup-vr .content-popup-img-vr {
    width: 100%;
    max-width: 45%;
    border-radius: 10px 0 0 10px;
    overflow: hidden
}
#loco-top,#loco-bottom {
    display: block
}
#loco-top .content-popup-img-vr,div#popup-form-contact-vr #loco-bottom .content-popup-img-vr {
    max-width: 100%;
    text-align: center
}
#contact-showroom.no-event a {
    pointer-events: none
}
.content-popup-vr .content-popup-div-vr ul {
    color: #333;
    list-style: none;
    font-size: 15px
}
@media(max-width: 673px) {
    div#popup-form-contact-vr .content-popup-vr {
        display:block
    }
    div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr {
        max-width: 100%;
        display: none
    }
}
#ftiktok-vr .phone-vr-img-circle {
    background-color: #020202
}
#tiktok-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(2 2 2 / 55%);
    background-color: rgb(2 2 2 / 60%)
}
#tiktok-vr .phone-vr-img-circle img {
    max-width: 90%;
    max-height: 90%
}
#tiktok-vr .phone-vr-img-circle {
    background: #020202
}