/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.0 */ /*Global*/ :root { --color-1: rgb(132 104 70); --color-2: rgb(93 73 49); --color-3: rgb(231 193 129); --color-4: rgb(47 34 18); --color-5: rgb(243 238 232); --border-1: solid 1px #e5e5e5; --radius-1: 5px; --radius-2: 3px; --radius-3: 3px; --radius-4: 999px; --shadow-1: 0 5px 25px 0 rgba(0 0 0 / 10%); --shadow-2: 0 15px 40px 0 rgba(0 0 0 / 15%); --light-gray: rgb(243 238 232); --font-size-1: 15px; --font-size-2: 13px; --font-size-3: 18px; } @font-face { font-family: "UVNBachDang"; src: url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.eot); src: url("/wp-content/themes/flatsome-child/fonts/UVNBachDang.eot?#iefix") format("embedded-opentype"), url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.woff2) format("woff2"), url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.woff) format("woff"), url(/wp-content/themes/flatsome-child/fonts/UVNBachDang.ttf) format("truetype"), url(/fonts/UVNBachDang.svg) format("svg"); } @font-face { font-family: "UVNBachDangR"; src: url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.eot); src: url("/wp-content/themes/flatsome-child/fonts/UVNBachDangR.eot?#iefix") format("embedded-opentype"), url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.woff2) format("woff2"), url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.woff) format("woff"), url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.ttf) format("truetype"), url(/wp-content/themes/flatsome-child/fonts/UVNBachDangR.svg) format("svg"); } html, body {font-family: Arial,Helvetica,sans-serif} html body {font-size: var(--font-size-1)} body, a, .footer-wrapper a, svg, .nav>li>a>i.fa, .vertical-item .col-inner a::before, a i {-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {-webkit-box-shadow: unset;box-shadow: unset; border-radius: var(--radius-1); border: var(--border-1)} .nav>li>a>i.icon-menu {font-size: 20px;} .button, button, input[type=submit], input[type=reset], input[type=button] {letter-spacing: unset;} .button {position: relative; border: none; font-size: var(--font-size-1);} .mfp-container, .mfp-wrap {-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);} table {border-collapse: collapse; width: 100% !important} .shop_table .order-total td, .shop_table .order-total th, .shop_table thead th {border-width: 1px} .shop_table th:last-child {border: var(--border-1)} td, th {border: var(--border-1); padding: 0.7em 0.5em !important; height: auto !important;} b, strong {font-weight: bold;} .entry-content p {text-align: justify} p.click-tuvan {text-align: center !important} .entry-content.single-page iframe {width: 100%; height: 500px} @media screen and (max-width: 849px) { .entry-content.single-page iframe {height: 350px} } @media screen and (max-width: 549px) { .entry-content.single-page iframe {height: 250px} } input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {-webkit-box-shadow: 0 0 0 2px rgb(132 104 70 / 20%); box-shadow: 0 0 0 2px rgb(132 104 70 / 20%); border: solid 1px var(--color-2);} textarea {min-width: 100%} .uppercase, h6, span.widget-title, th {letter-spacing: unset;} .owl-item .col {max-width: 100%} /*Icon*/ .links>li>a:before, i[class^=icon-], i[class*=" icon-"] {font-family: 'Font Awesome 6 Pro' !important;} .icon-map-pin-fill:before {content: "\f3c5"} .icon-phone:before {content: "\f095";} .icon-envelop:before {content: "\f0e0";} .icon-search:before {content: "\f002";} .icon-shopping-basket:before {content: "\f07a";} .icon-checkmark:before {content: "\f00c";} .icon-tag:before {content: "\f02b";} .icon-menu:before {content: "\f0c9";} .icon-equalizer:before {content: "\f022";} .icon-user:before {content: "\f007";} .icon-twitter:before {content: "\f099"; font-family: "Font Awesome 6 Brands";} .icon-pinterest:before {content: "\f231"; font-family: "Font Awesome 6 Brands";} .icon-linkedin:before {content: "\f0e1"; font-family: "Font Awesome 6 Brands";} .icon-facebook:before {content: "\f39e"; font-family: "Font Awesome 6 Brands";} .icon-expand:before {content: "\f424";} .icon-angle-down:before {content: "\f107";} .nav>li>a>i.icon-search {font-size: 20px;} /*.col, .gallery-item, .columns {padding: 0 12px 30px;} .row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {margin-left: -12px; margin-right: -12px;}*/ .dark, .dark p, .dark td {color: #fff;} .page-right-sidebar p, .single-page p {text-align: justify} /*Sticky menu*/ .sticky-menu {width: 100%; display: none} .sticky-menu .header-vertical-menu__fly-out {display: none;} .sticky-menu .header-vertical-menu__opener:hover + .header-vertical-menu__fly-out, .sticky-menu .header-vertical-menu__fly-out:hover {display: block;} /*.sticky { display: block; position: fixed !important; top: -85px; z-index: 99; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }*/ /*Button effect*/ .btn-effect {position: relative} .header-button .button::before, .btn-effect::before {position:absolute; content:""; top:0; left:0; right:0; bottom:0; width:3px; background-color:var(--color-3); opacity:1; z-index:0;} .header-button .button span, .header-button .button::before, .btn-effect::before, .btn-effect span, .btn-effect svg {-webkit-transition-delay:.1s; transition-delay:.1s; -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-property:all; transition-property:all} .header-button .button:hover, .btn-effect:hover {color: var(--color-2) !important} .header-button .button:hover::before, .btn-effect:hover::before {width: 100%} .header-button .button span, .btn-effect * {position: relative; z-index: 1} .header-button .button, .btn-effect {padding: 8px 40px;} /*Top bar*/ @media screen and (max-width: 1000px) { .header-top {display: none} } @media screen and (min-width: 850px) { .header-top .container {padding-left: 80px; padding-right: 80px} } .header-top {outline: solid 1px rgb(255 255 255 / 15%);} #top-bar .top-bar-custom {} #top-bar .top-bar-custom li {list-style-type: none; display: inline-block; margin: 0 23px 0 0} #top-bar .top-bar-custom a {color: var(--color-3); font-size: var(--font-size-2);} #top-bar .top-bar-custom a i {color: var(--color-3);} #top-bar .info-icons a i {margin-right: 5px} #top-bar .top-bar-custom a:hover, #top-bar .top-bar-custom a:hover i {color: #fff} .mobile-nav .html_top_right_text {} .mobile-nav .html_topbar_right {} /*Menu*/ .header-main {height: 80px} .header-main .logo, .header-main .nav-right .header-button-1 {} .has-dropdown .icon-angle-down {font-size: 11px; margin-left: 8px;} .header-main .nav > li {margin: 0 22px;} .header-main .nav > li > a {line-height: unset; color: #fff; font-size: var(--font-size-1)} .home .header-main .nav > li > a {color: #fff} .stuck .header-main .nav > li > a {} .header-main .nav:hover>li:not(:hover)>a:before {opacity: 1} .header-main .nav > li > a::before, .header-main .nav > li > a::after {content: ""; position: absolute; bottom: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; height: 0; visibility: hidden; opacity: 0} .header-main .nav > li > a::before {width: 2px; background-color: var(--color-3)} .header-main .nav > li > a::after {border-left: solid 2px var(--color-1); border-right: solid 2px var(--color-1); width: 16px;} .header-main .nav > li.current-menu-item > a::before, .header-main .nav > li > a:hover::before {width: 2px; background-color: var(--color-3); height: 17px; visibility: visible; opacity: 1} .header-main .nav > li.current-menu-item > a::after, .header-main .nav > li > a:hover::after {border-left: solid 2px var(--color-1); border-right: solid 2px var(--color-1); height: 10px; width: 16px; visibility: visible; opacity: 1} .header-main .nav > li.active > a {color: var(--color-3)} .off-canvas .nav-vertical>li>a>img {height: 25px; width: 25px; margin-right: 10px} .header:not(.transparent) .header-nav-main.nav > li.current_page_parent > a {color: var(--primary-color)} .off-canvas:not(.off-canvas-center) li.html {padding: 12px 20px} .off-canvas:not(.off-canvas-center) li.html a {padding: 0} .off-canvas:not(.off-canvas-center) li.html a .fa {width: 25px;} @media screen and (min-width: 1200px) { .header-main .nav, .header-main .nav > li { height: 100%} } @media screen and (max-width: 1199px) { .header-main .nav > li > a::before, .header-main .nav > li > a::after {display: none} } @media screen and (min-width: 850px) { .header .flex-row .flex-grow {height: 100%} .header-nav-main .menu-item>a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .has-dropdown .icon-angle-down {position:absolute;right:-18px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} } @media screen and (max-width: 849px) { .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {width: 70%} } @media screen and (max-width: 549px) { .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {width: 80%} } /*Menu dropdown*/ .nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {border-bottom-color: #fff;} .nav-dropdown-has-arrow li.has-dropdown:before {border-width: 9px; margin-left: -9px;} .header-main .nav-dropdown {padding: 5px 10px; border: 0; left: 50%; transform: translateX(-50%)} .header-main .has-dropdown::after, .header-main .has-dropdown::before {display: none} li.current-dropdown>.nav-dropdown {left: 50%;} .nav-dropdown-default li:hover a {color: #000 !important;} .nav-dropdown-default li a {margin:0 !important;} .nav-dropdown-default li {position: relative;} .nav-dropdown-has-arrow.nav-dropdown-has-border .header-bottom li.has-dropdown:before, .nav-dropdown-has-arrow.nav-dropdown-has-border .header-bottom li.has-dropdown:after {bottom: -10px;} .header-bottom .nav-dropdown {top: calc(100% + 7px);} /*MB Menu*/ .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {background-color: #846846;} .mobile-sidebar .nav>li a {color: #fff; font-size: 100%;} .mobile-sidebar .nav li .sub-menu li a{font-size: 95%;} .mobile-sidebar .sidebar-menu {padding: 0;} .mobile-sidebar .sidebar-menu-tabs {display: table} .mobile-sidebar .sidebar-menu-tabs.nav>li {display: table-cell} .mobile-sidebar .sidebar-menu-tabs.nav>li.active {background-color: rgba(0 0 0 / 20%);} .mobile-sidebar .sidebar-menu-tabs.nav>li>a {padding: 22px 10px;} .mobile-sidebar .sidebar-menu-tabs.nav>li>a::before {background-color: var(--color-4)} .mobile-sidebar .nav>li>a.button, .mobile-sidebar .nav>li>button {position: absolute; right: 0; top: 8px; margin: 0} .mobile-sidebar .nav.nav-vertical li>a {padding-right: 20px;} .mobile-sidebar .searchform .flex-row .flex-col:first-child .search-field {border: solid 1px #fff; background-color: transparent; color: #fff; border-right: none} .mobile-sidebar .searchform .flex-row .flex-col:first-child .search-field::-webkit-input-placeholder {color: #fff} .mobile-sidebar .searchform .flex-row .flex-col:first-child .search-field::-moz-placeholder {color: #fff} .mobile-sidebar .searchform .flex-row .flex-col:first-child .search-field:-ms-input-placeholder {color: #fff} .mobile-sidebar .searchform .flex-row .flex-col:first-child .search-field::-ms-input-placeholder {color: #fff} .mobile-sidebar .searchform .flex-row .flex-col:first-child .search-field::placeholder {color: #fff} .mobile-sidebar .searchform .flex-row .flex-col:nth-child(2) .submit-button {background-color: transparent; border: solid 1px #fff; border-left: none} .nav-vertical>li>a>i {opacity: unset;} .nav-sidebar.nav-vertical>li+li {border-top: 1px solid rgba(255 255 255 / 20%);} .nav-sidebar.nav-vertical>li .toggle i {color: #fff; font-size: 100%;} .header-bottom-nav.mobile-nav .custom.html_nav_position_text {width: 100%; padding: 6px 0; margin: 0} .menu-icon {display: none} .sticky .menu-icon {display: block} .sticky .header-bottom-nav {display: table} .sticky .header-bottom-nav .html.custom {display: table-cell; vertical-align: middle;} .sticky .header-bottom-nav .html.custom .icon-menu {font-size: 20px; color: #fff; margin-right: 10px} /*Header*/ .header .header-wrapper {background-color: #fff; background:rgba(47 34 18 / .9);-webkit-backdrop-filter:blur(5px) saturate(5);backdrop-filter:blur(5px) saturate(5);} .header {position: sticky;} .home .header {position: absolute;} .home .header .header-wrapper {background: rgba(0,0,0,0.8); background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(95%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); -webkit-backdrop-filter: unset !important;backdrop-filter: unset !important;} .header-main {} .header-main .logo-left .logo {position: relative} .header .header-wrapper.stuck {background-color: #fff; position: fixed; background:rgba(47 34 18 / .9);-webkit-backdrop-filter:blur(5px) !important;backdrop-filter:blur(5px) !important;} @media screen and (max-width: 1360px) and (min-width: 1200px) { .header-main .nav > li {margin: 0 10px !important;} } @media screen and (max-width: 1199px) and (min-width: 850px) { .header-main .logo-left .logo {margin-right: auto;} } @media screen and (min-width: 850px) { .nav-left {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .header-main .container {padding-left: 80px; padding-right: 80px} .header-main .container .header-nav {} } @media screen and (min-width: 850px) and (max-width: 1199px) { .header-main .container .show-for-medium.flex-left {display: block !important; margin-left: auto} .header-main .container .hide-for-medium.flex-left {display: none!important} .header-main .mobile-nav > li > a::after {content:"Menu"; font-size: var(--font-size-1); margin-left: 8px} } @media screen and (max-width: 849px) { .header-logo {display: none !important} .header-logo-dark {display: block !important} .medium-logo-center .logo {margin-left: 0} .medium-logo-center .logo .header-logo-dark {margin-left: 0} .medium-logo-center .flex-left {display: none} #logo {width: 40px !important} .header-main .nhap-sdt {border: solid 1px #fff; border-radius: 999px} .header-main .nhap-sdt input {background-color: transparent !important; border: 0 !important} .header-main .nav > li {margin: 0 7px} .header-main .nhap-sdt input::-webkit-input-placeholder {color: #fff} .header-main .nhap-sdt input::-moz-placeholder {color: #fff} .header-main .nhap-sdt input:-ms-input-placeholder {color: #fff} .header-main .nhap-sdt input::-ms-input-placeholder {color: #fff} .header-main .nhap-sdt input::placeholder {color: #fff} } @media screen and (max-width: 768px) { .home .header {} } /*Vertical menu*/ .header-vertical-menu .header-vertical-menu__opener {font-size: 100%; text-transform:uppercase; color: var(--color-4); width: 305px} .header-vertical-menu .header-vertical-menu__opener .icon-menu {font-size: 17px; margin-right: 15px;} .header-vertical-menu .header-vertical-menu__opener .icon-angle-down {display: none} .sticky .header-vertical-menu .header-vertical-menu__opener .icon-angle-down {display: block} .header-vertical-menu__fly-out .nav-vertical-fly-out {height: 500px} .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {font-size: var(--font-size-1); text-transform: uppercase; color: #fff} .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a .wpcf7 {text-transform: none} .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a>i.icon-angle-down {opacity: 1; font-size: 12px} .vertical-item .col {padding-bottom:0} .vertical-item .col .col-inner {background: #f1f1f1; margin-bottom: 15px;} .vertical-item {padding: 20px 0 0 20px !important} .vertical-item .col-inner a {color: #333; padding: 8px 18px; position: relative;} .vertical-item .col-inner a::before {content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; height: 100%; background: var(--primary-color); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } .vertical-item .col-inner a:hover::before {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);} .vertical-item .col-inner .img {position: unset} .vertical-item .col-inner .img .img-inner {position: unset} .vertical-item .col-inner .img .img-inner img {position: absolute; width: 32px; pointer-events: none; top: 5px; right: 10px;} .nav-vertical-fly-out>li+li {border-color: rgba(255 255 255 / 20%);} .nav-vertical-fly-out .nav-dropdown {} .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-form {} .nhap-sdt-custom.wpcf7 form.invalid.wpcf7-response-output{position:absolute;background:var(--color-3);width:100%;margin:37px 0 0 0;border-radius:var(--radius-1);border:0;color:#fff;font-size:85%} .nhap-sdt-vertical>p {text-transform: none; margin: 20px 0 8px 0;} .nhap-sdt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff} .nhap-sdt .wpcf7-text {border-bottom-right-radius: 0; border-top-right-radius: 0; margin: 0; font-size: var(--font-size-1)} .nhap-sdt .wpcf7-submit{margin: 0; border: 0; background-color: var(--color-1)!important; color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: var(--font-size-1)} .nhap-sdt.wpcf7-not-valid-tip{position:absolute;top:53px;font-size:85%;width:100%;text-align:center;color:#000;background:var(--color-4);opacity:1} .nhap-sdt .wpcf7-not-valid-tip::after { border: 5px solid rgba(136,183,213,0); border-bottom-color: var(--color-4);} .nhap-sdt .wpcf7-form-control-wrap {position: unset; width: 100%} .nhap-sdt .wpcf7-spinner {display: none;} @media screen and (min-width: 850px) { .header-vertical-menu__opener {background: rgba(0 0 0 / 40%) !important;} .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {padding: 9px 15px} .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a .wpcf7 {} } /*Home title*/ .home-title {} .home-title h2 {position: relative; margin-bottom: 1.6em} .home-title h2::before, .home-title h2::after {content: ""; position: absolute; bottom: -15px; height: 2px; border-radius: 99px} .home-title h2::before {left: 0; width: 40px; background-color: var(--color-1)} .home-title h2::after {width: 4px; left: 45px; background-color: #000} .home-title h2 span {position: relative} .home-title h2 .tt1 {color: var(--color-1); font-weight: 100; text-transform: uppercase; letter-spacing: 5px;} .home-title h2 .tt1::after {content:""; position: absolute; width: 100%; height: 12px; background: #f4f4f4; right: 0; bottom: 0; z-index: -1} .home-title h2 .tt2 {font-family: UVNBachDang; font-size: 217%; line-height: 1; font-weight: normal} .text-center .home-title h2 {} .text-center .home-title h2::before, .text-center .home-title h2::after {-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .text-center .home-title h2::before {left: calc(50% - 4px)} .text-center .home-title h2::after {left: calc(50% + 23px)} .white-title * {color: #fff} .white-title h2 .tt1 {color: var(--color-3)} .white-title h2 .tt1::after {background-color: var(--color-3); opacity: .2} .white-title h2::before {background-color: var(--color-3)} .white-title h2::after {background-color: #fff} /*Banner*/ .banner-slider {z-index: 1} @media screen and (max-width: 1100px) and (min-width: 850px) { .banner-slider .flickity-viewport {} .banner-slider .flickity-viewport .flickity-slider .banner {padding-top: 700px !important} } /*Related post*/ .related-posts {} .related-posts .box-image {padding-top: 66.67%} .related-posts .col-inner, .related-posts .col-inner .box-text, .related-posts .box-image img, .related-posts .box-image::before, .related-posts .box-text .post-title a, .cam-nang .image-cover img, .cam-nang .image-cover::before, .cam-nang>.col:first-child .box-text, .cam-nang .post-item .col-inner {-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .related-posts .box-image img, .cam-nang .image-cover img {position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .related-posts .box-image::before, .cam-nang .image-cover::before {content:"\2b";font-family:"Font Awesome 6";position:absolute;color:#fff;top:0;z-index:1;font-size:33px;width:100%;height:100%;background-color:rgb(47 34 18 / 60%);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;visibility:hidden;opacity:0;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%); pointer-events: none} .related-posts .box-text, .cam-nang>.col:first-child .box-text {background-color: var(--color-5); padding: 10% 6% 5%; font-size: 100%} .related-posts .box-text p {margin: 0} .related-posts .box-text p.post-date, .cam-nang>.col:first-child .post-meta {position: absolute; top: -14px; background-color: var(--color-1); color: #fff; padding: 3px 10px; right: 20px; font-size: 80%; letter-spacing: 1px; z-index: 2; opacity: 1} .related-posts .box-text p.blog-excerpt {-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;} .related-posts .box-text .post-title {-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; font-size: var(--font-size-1); margin: 0 0 8px 0} .related-posts .box-text .post-title a {color: #000; display: block; margin: 0;} .related-posts .box-text .post-title a:hover {color: var(--color-2);} .related-posts .col-inner:hover .box-image::before, .cam-nang .post-item .col-inner:hover .image-cover::before {opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%);} .related-posts .col-inner:hover .box-image img, .cam-nang .post-item .col-inner:hover .image-cover img {-webkit-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);} .related-posts .col-inner:hover, .cam-nang>.col:first-child .post-item .col-inner:hover {-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);} .related-posts .col-inner:hover .box-text, .cam-nang>.col:first-child .post-item .col-inner:hover .box-text {background-color: #fff;} /*Uu diem*/ .ud-bg{position:absolute;top:0;z-index:-1;right:0;opacity:.6} .uu-diem .ud-wrapper>.col>.col-inner {border-bottom-left-radius:50px;border-bottom-right-radius:50px;background-image:url(/wp-content/uploads/2024/08/feature-two-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-blend-mode:overlay;padding:35px 10% 0} .uu-diem .icon-box .icon-box-img svg {position:relative;z-index:1;-webkit-transition:all 500ms linear;transition:all 500ms linear;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:scale(1);transform:scale(1)} .uu-diem .icon-box:hover .icon-box-img svg {-webkit-transform:scale(.9);transform:scale(.9)} .uu-diem .icon-box .icon-box-img .icon-inner {background:#fff;position:relative;height:100px;overflow:hidden;color:var(--color-2);padding:20px;border-radius:20px;border-top-left-radius:0} .uu-diem .icon-box .icon-box-img .icon-inner::before {content:"";z-index:0;border-radius:999px;position:absolute;width:150px;height:150px;background-color:var(--color-3);top:-25px;left:-25px;right:0;bottom:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.4s cubic-bezier(.62,.21,.45,1.52);transition:all 0.4s cubic-bezier(.62,.21,.45,1.52)} .uu-diem .icon-box:hover .icon-inner::before {-webkit-transform:scaleX(1);transform:scaleX(1)} .uu-diem .icon-box .icon-box-text p {margin: 0} .uu-diem .icon-box .icon-box-text p:first-child {color: var(--color-3)} .uu-diem .icon-box .icon-box-text strong {text-transform: uppercase; font-size: 110%; line-height: 0; letter-spacing: 2px;} .uu-diem::before {content: ""; position: absolute; width: 650px; height: 650px; background-color: #f8f6f5; border-radius: 50%; top: -325px; left: -325px; z-index: 0} /*Gioi thieu*/ .gioi-thieu .home-title h2 {margin-bottom: 1.8em} .gt-img .img-inner img {height: 100%; object-fit: cover} .gt-img .col-inner::before {content: ""; position: absolute; width: 235px; height: 235px; top: 0; left: 0; background-color: #f2eeeb; border-radius: 50px; border-top-left-radius: 0} .gt-img1 {left: 40px; top: 35px;} .gt-img1 .img-inner {height: 500px; border-radius: 70px; border-top-left-radius: 0; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);} .gt-img1 .img-inner::before {position:absolute;top:0;left:-100%;display:block;content:'';width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,from(#fff0),to(rgb(255 255 255 / .3)));background:-o-linear-gradient(left,#fff0 0%,rgb(255 255 255 / .3) 100%);background:linear-gradient(to right,#fff0 0%,rgb(255 255 255 / .3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);z-index:1;} @-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}} .gt-img1:hover .img-inner::before {-webkit-animation:shine 1.5s;animation:shine 1.5s;} .gt-img2 {right: 0; top: 120px; z-index: -1} .gt-img2 .img-inner {border-radius: 70px; border-bottom-right-radius: 0; height: 270px;} .gt-img2, .gt-img3 {position: absolute} .gt-img3 {opacity: 0.3; left: 0; bottom: -30px; z-index: -1} .gt-img3, .gt-img3 .img-inner {overflow: unset} .gt-text1 {font-weight: bold; color: var(--color-1); font-size: 120%; font-style: italic;} .gt-btn {margin-bottom:1.3em} .gt-btn p, .gt-btn a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;} .gt-btn a {border: solid 1px var(--color-1); border-top-right-radius: 999px; border-bottom-right-radius: 999px; padding: 20px 40px;} .gt-btn span {margin: 0; line-height: 1.2; font-weight: bold; margin-left: 15px; color: #000} .gt-btn svg {width: 36px; height: 36px; fill: var(--color-1)} .gt-btn1 {margin-right: 20px} .gt-btn2 {} .gt-btn .btn-effect::before {border-top-right-radius: 999px; border-bottom-right-radius: 999px; background-color: var(--color-1)} .gt-btn a:hover span, .gt-btn a:hover svg {color: #fff; fill: #fff} .section.gioi-thieu {padding-top: 90px !important; padding-bottom: 0 !important} .dv-khac {margin-top: 110px; margin-bottom: -60px} .dv-khac>.col {padding-bottom: 0} .dv-khac .col-inner {padding: 15px 20px 0 20px} .dv-khac .col-inner .icon-box-text p, .dv-khac .col-inner .icon-box-text h3 {margin: 0; color: #fff} .dv-khac .col-inner .icon-box-text p:first-child {font-weight:bold; text-transform: uppercase} .dv-khac .icon-box .icon-inner img {-webkit-transform: scale(1) rotateY(0deg); transform: scale(1) rotateY(0deg); -webkit-transition: 500ms linear 0.1s; -o-transition: 500ms linear 0.1s; transition: 500ms linear 0.1s;} .dv-khac .icon-box:hover .icon-inner img {-webkit-transform: scale(0.9) rotateY(360deg);transform: scale(0.9) rotateY(360deg);} @media screen and (max-width: 849px) { .section.gioi-thieu {padding-top: 30px !important;} } @media screen and (max-width: 549px) { .section.gioi-thieu {} .gt-btn p {-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;} .section.gioi-thieu {} .gt-img1 .img-inner {height: 420px} } @media screen and (max-width: 449px) { .dv-khac .col-inner .icon-box {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;} .dv-khac .icon-box-left .icon-box-img+.icon-box-text {padding: 10px 0} } /*Dich vu*/ .dich-vu .box-category .box-image img, .dich-vu .box-category .cat-title, .dich-vu .box-category .box-image::before {-webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .dich-vu .box-category {} .dich-vu .box-category .box-content {position: relative; padding: 0 15px} .dich-vu .box-category .box-text {background-color:#fff;padding:50px 20px 20px;-webkit-clip-path:polygon(0 0%,100% 25%,100% 100%,0% 100%);clip-path:polygon(0 0%,100% 25%,100% 100%,0% 100%);margin-top:-40px;} .dich-vu .box-category .box-image {padding-top: 100%} .dich-vu .box-category .box-image img {position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -1} .dich-vu .box-category .box-image:hover img {-webkit-transform: scale(1.05); transform: scale(1.05);} .dich-vu .box-category .box-image::before {content:"\2b";position:absolute;top:0;left:0;right:0;bottom:0;width:0%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);z-index:0;background-color:rgb(47 34 18 / .5);opacity:1;font-family:"Font Awesome 6";font-size:40px;color:#fff;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;} .dich-vu .box-category:hover .box-image::before {-webkit-transform: translateY(0); transform: translateY(0); width: 100%;} .dich-vu .box-category .box-icon {margin:0;position:absolute;background-color:var(--color-1);top:-25px;left:35px;width:60px;z-index:1;padding:10px;} .dich-vu .box-category .box-icon img {-webkit-transition:all 500ms linear;transition:all 500ms linear;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:scale(1);transform:scale(1);} .dich-vu .box-category:hover .box-icon img {-webkit-transform: scale(0.8); transform: scale(0.8);} .dich-vu .box-category:hover .cat-title {color: var(--color-1)} .sec-dich-vu .section-bg {mix-blend-mode: luminosity; opacity: .15} .sec-dich-vu::before {content: ""; position: absolute; top: 0; right: 0; width: 307px; height: 167px; background-image: url(/wp-content/uploads/2024/08/quality-work-shape-5.png); background-position: center; background-size: cover;} .sec-dich-vu {padding-top: 150px !important; padding-bottom: 60px !important} @media screen and (max-width: 849px) { } @media screen and (max-width: 549px) { } /*San pham*/ .san-pham .box-image {padding: 0 5%} .san-pham .box-image .image-fade_in_back {padding-top: 130%; position: relative; border-top-right-radius: 40px; overflow: hidden;} .san-pham .box-image .image-fade_in_back img {bottom:0;font-family:"object-fit: cover;";height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;right:0;top:0;width:100%;} .san-pham .box-text {background-color: #fff; border-bottom-left-radius: 40px; padding: 40px 5% 20px;} .san-pham .product-small .col-inner {box-shadow: unset !important; -webkit-box-shadow: unset !important; -webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;} .san-pham .box-image::after {content: ""; position: absolute; background-color: #fff; width: 100%; height: 80%; bottom: -2px; left: 0; z-index: -1} .san-pham .box-image .image-fade_in_back::before {position:absolute;top:0;left:0;right:0;bottom:0;content:"\f06e";background-color:rgb(47 34 18 / .5);opacity:1;width:0%;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:1;-webkit-transition:all 500ms ease;transition:all 500ms ease;pointer-events:none;font-family:"Font Awesome 6 Pro";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;color:#fff;font-size:20px;font-weight:100;} .san-pham .product-small .col-inner:hover .box-image .image-fade_in_back::before {-webkit-transform: translateY(0); transform: translateY(0); width: 100%;} .san-pham .box-text .category {position:absolute;z-index:1;text-transform:uppercase;font-weight:700;font-size:85%;background-image:url(/wp-content/uploads/2024/08/team-one-title-box-shape.png);height:45px;background-size:100% 100%;background-repeat:no-repeat;line-height:45px;padding:0 58px 0 20px;top:-20px;opacity:1;color:#fff; font-weight: normal} .san-pham .box-text .product-title {text-align: right; color: #000} .san-pham .box-text .product-title a {color: #000; font-size: 105%; font-weight: bold} .sec-san-pham {padding-top: 100px !important; padding-bottom: 370px !important} @media screen and (max-width: 549px) { .san-pham .box-text .category {-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);left:-1%;} } /*Quy trinh*/ .quy-trinh {margin-top: -300px} .quy-trinh>.col {padding-bottom: 0} .quy-trinh .row-collapse {background-color: var(--color-5);} .quy-trinh .row-collapse .col {border-right: solid 1px #cdc1b2;z-index:0} .quy-trinh .row-collapse .col:last-child {border-right: 0} .quy-trinh .row-collapse .col::after {position:absolute;top:0px;bottom:0px;right:0px;left:0px;content:"";background-color:var(--color-3);opacity:1;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);z-index:1;-webkit-transition:500ms;-o-transition:500ms;transition:500ms} .quy-trinh .row-collapse .col:hover::after {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);} .quy-trinh .row-collapse .col::before {content:"\f061";position:absolute;font-family:"Font Awesome 6 Pro";font-weight:100;color:#000;font-size:20px;top:50%;margin:auto 0;left:-20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#cdc1b2;border-radius:999px;width:40px;height:40px;text-align:center;line-height:40px;z-index:5} .quy-trinh .row-collapse .col:first-child::before {display: none} .quy-trinh .row-collapse .col .col-inner {padding: 15%; z-index: 2; height: 100%} @media screen and (max-width: 849px) { .quy-trinh {} .quy-trinh .row-collapse .col:nth-child(2) {border-right: 0} .quy-trinh .row-collapse .col:first-child, .quy-trinh .row-collapse .col:nth-child(2) {border-bottom: solid 1px #cdc1b2;} .quy-trinh .row-collapse .col:nth-child(3)::before {display: none} } @media screen and (max-width: 549px) { .quy-trinh {} } /*Du an*/ .du-an .main-slider { } .du-an .main-slider .owl-stage-outer {overflow: visible} .du-an .main-slider .owl-item {visibility: hidden; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .du-an .main-slider .owl-item.active {visibility: visible; opacity: 1} .du-an .main-slider .owl-item .item {position: relative} .da-img {width: 75%; position: relative; padding-top: 50%;} .da-img img {position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center} .da-content {width: 45%; background-color: #fff; padding: 50px 60px; position: absolute; top: 12%; right: 0; -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15);} .da-content .post-title a {color: var(--color-1)} .da-content p {overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical} .du-an .da-content .post-title:hover a {color: var(--color-3)} .du-an .da-content .button {margin: 0} .du-an .da-content .button:hover span {color: var(--color-2)} .da-content::before {content: ""; background-image: url(/wp-content/uploads/2024/08/project-one-shape-1.png); width: 289px; height: 162px; top: -60px; right: -60px; position: absolute; z-index: -1} .du-an .thumb-slider {width: 45%; position: absolute; right: 0; bottom: 12%; z-index: 1} .du-an .thumb-slider .owl-item .item {position: relative; width: 130px; height: 130px; padding-top: 0} .du-an .thumb-slider .owl-item .item img {position: relative; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transition: all 500ms ease; transition: all 500ms ease;-webkit-filter: brightness(0.6);filter: brightness(0.6); border: solid 0px var(--color-3)} .du-an .thumb-slider .owl-item .item img:hover {-webkit-filter: brightness(1);filter: brightness(1); cursor: pointer} .du-an .thumb-slider .owl-item.current .item img {-webkit-filter: brightness(1);filter: brightness(1); border: solid 3px var(--color-3);} .du-an .thumb-slider .owl-stage-outer .owl-nav {position:absolute;margin:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .du-an .thumb-slider .owl-stage-outer .owl-nav button {pointer-events: auto; background-color: var(--color-3); width: 44px; height: 44px; border-radius: 0; margin: 43px; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .du-an .thumb-slider .owl-stage-outer .owl-nav .fa {color: var(--color-2); -webkit-transition: all 500ms ease; transition: all 500ms ease;} .du-an .thumb-slider .owl-stage-outer .owl-nav button:hover {background-color: var(--color-2)} .du-an .thumb-slider .owl-stage-outer .owl-nav button:hover .fa {color: #fff} .du-an .col-inner:hover .owl-stage-outer .owl-nav {opacity: 1; visibility: visible} .section.du-an {padding-top: 100px !important; padding-bottom: 70px !important} @media screen and (max-width: 1024px) { .da-content, .du-an .thumb-slider {width: 55%} .da-content {padding: 35px 40px; top: 8%} .du-an .thumb-slider {bottom: 8%} .da-content p {overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .du-an .thumb-slider .owl-stage-outer .owl-nav button {display: none} } @media screen and (max-width: 949px) { .da-content {top: 6%} .du-an .thumb-slider {bottom: 6%} } @media screen and (max-width: 849px) { .section.du-an {} .du-an .da-slider .col-inner {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .da-img {width: 100%; padding-top: 60%} .du-an .thumb-slider {width: 100%;right: unset; position: unset} .du-an .thumb-slider .owl-item .item {width: 110px; height: 110px;} .du-an .thumb-slider .owl-stage-outer .owl-nav button {margin: 33px} .da-content {width: 100%; position: unset} .da-content::before {display: none} } @media screen and (max-width: 549px) { .section.du-an {} .da-img {padding-top: 75%} .du-an .thumb-slider {margin-top: 20px} .du-an .thumb-slider .owl-item .item {width: 80px; height: 80px;} .du-an .thumb-slider .owl-stage-outer .owl-nav button {margin: 23px} .da-content {padding: 35px 40px;} .da-content .post-title {overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} } /*Y kien*/ .y-kien .section-bg {mix-blend-mode: luminosity; opacity: .15;} .y-kien .owl-stage-outer {padding-top: 28px} .y-kien .owl-item .col .col-inner {background-color: #fff; border-radius: 20px; border-top-left-radius: 0; padding: 45px 25px 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .y-kien .owl-item .col .col-inner * {color: #000} .y-kien .owl-item .col .col-inner p {border-bottom: solid 1px #ddd; padding-bottom: 1.3em} .y-kien .owl-item .col .col-inner::before {content:"\f10e";font-family:"Font Awesome 6 Pro";font-size:25px;position:absolute;left:25px;top:-28px;background-color:var(--color-3);color:var(--color-1);width:56px;height:56px;display:block;text-align:center;line-height:56px;border-radius:15px;border-top-right-radius:0;-webkit-transition: all 500ms ease; transition: all 500ms ease;} .y-kien .owl-item .col .col-inner:hover::before {background-color:var(--color-1); color: #fff} .y-kien .owl-carousel .owl-dots {position:absolute;bottom:-25px;left:0;right:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:320px;width:100%;margin:0 auto!important;border-radius:5px;height:10px;background-color:rgba(var(--ambed-white-rgb,255,255,255),.1);} .y-kien .owl-carousel button.owl-dot {min-height:unset;position:relative;width:100%;height:10px;border-radius:5px;background-color:#fff0;margin:0;padding:0!important;-webkit-transition:all 100ms linear;transition:all 100ms linear;-webkit-transition-delay:0.1s;transition-delay:0.1s;} .y-kien .owl-carousel button.owl-dot.active {background-color: var(--color-3)} .y-kien .owl-carousel button.owl-dot span {display: none} .testimonial-meta {padding: 0; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .testimonial-meta * {width: 100%} .testimonial-meta .testimonial-name-divider {display: none} .section.y-kien {padding-top: 100px !important; padding-bottom: 90px !important} @media screen and (min-width: 850px) { .section.y-kien {} } @media screen and (min-width: 550px) { .section.y-kien {} } /*Cam nang*/ .cam-nang {} .cam-nang .col {padding-bottom: 0} .cam-nang>.col:first-child .post-meta {font-size: 110%; padding: 5px 12px;} .cam-nang>.col:first-child .post-title {font-size: 180%; margin:0 } .cam-nang>.col:first-child .post-title a {margin: 0; -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;} .cam-nang>.col:first-child .box-text {padding-top: 8%; padding-bottom: 7%} .cam-nang>.col:first-child .from_the_blog_excerpt {-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;} .cam-nang>.col:first-child .post-meta {top: -18px} .cam-nang>.col:last-child .row .post-item {padding-bottom: 20px} .cam-nang>.col:last-child .row .col-inner {} .cam-nang .box-vertical .box-text {vertical-align: top; padding-top: 0; padding-bottom: 0; padding-right: 0} .cam-nang>.col:last-child .from_the_blog_excerpt {-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;} .sec-cam-nang {padding-top: 100px !important; padding-bottom: 100px !important} @media screen and (min-width: 850px) { .cam-nang .col {} .cam-nang>.col:last-child .row .post-item {padding-bottom: 30px} } @media screen and (max-width: 849px) { .cam-nang>.col:last-child {padding-top: 2.5em} .sec-cam-nang {padding-top: 50px !important; padding-bottom: 50px !important} } @media screen and (max-width: 549px) { .cam-nang .box-vertical .box-image {width: 24% !important} .cam-nang .box-vertical {display: table; width: 100%;} .cam-nang .box-vertical .box-text, .cam-nang .box-vertical .box-image {direction: ltr; display: table-cell;} .cam-nang .box-vertical .box-text {padding-left: 1.5em} .cam-nang .box-vertical .box-text .from_the_blog_excerpt, .cam-nang .box-vertical .box-text .is-divider {display: none} } /*Footer*/ .logo-ft img {width: 165px !important} #footer .section-title .section-title-main {} .footer-wrapper .tagcloud a {background: #fff;} .footer-02 .contact-info, .footer-02 .widget-title, .footer-02 .box-text {color: #fff;} .footer-02 .widget_recent_entries li {border-top: 1px solid rgba(255, 255, 255, 0.5);} .footer-02 .widget_recent_entries li:first-child {border-top: none;} .footer-02:after {background: rgba(0,0,0,0.6); position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0;} .footer-wrapper .box-image img {border: solid 15px #fff;} .footer-wrapper .slider .previous, .footer-wrapper .slider .next {display: none;} .contact-info li {margin:0 !important; list-style-type: none; padding: 6px 0;} .footer-wrapper ul li:first-child a, .contact-info li:first-child {padding-top:0;} .footer-wrapper ul li a, .footer-wrapper .wg-lien-he, .footer-wrapper ul li {color: #fff; font-size: 95%} .contact-info li i {height: 22px; width: 22px; text-align: center; border-radius: 100%; line-height: 22px; margin-right: 8px; color: #fff; font-size: 13px;} .footer-wrapper .lk-mxh {display: inline-block; margin: 0; margin-top: 40px} .footer-wrapper .lk-mxh li {display: inline-block; margin: 0; list-style-type: none; margin-right: 15px} .footer-wrapper .lk-mxh li a {position: relative; width:41px;height:41px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--color-1);border-radius:999px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .footer-wrapper .lk-mxh li a::after {position:absolute;content:"";top:0;left:0;right:0;height:100%;background-color:#fff;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:all;transition-property:all;opacity:1;-webkit-transform-origin:top;transform-origin:top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scaleY(0);transform:scaleY(0); z-index: 0} .footer-wrapper .lk-mxh li a:hover::after {opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);} .footer-wrapper .lk-mxh li .fa {font-size: 15px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1} .footer-wrapper .lk-mxh li svg {fill: #fff; width: 15px; height: 15px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1} .footer-wrapper .lk-mxh li a:hover .fa, .footer-wrapper .lk-mxh li a:hover svg {color: var(--color-1); fill: var(--color-1)} .copyright-footer a {font-weight: 700;} .absolute-footer {color: #fff; padding: 10px; font-size: .8em;} .absolute-footer a {color: var(--third-color)} @media screen and (max-width: 849px) { .absolute-footer {padding-bottom: 95px;} } /*Sigle product*/ .product-gallery-slider .woocommerce-product-gallery__image a {padding-top: 100% !important; overflow: hidden; position: relative !important; display: block;} .product-gallery-slider .woocommerce-product-gallery__image a img {object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .pro-contact {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5px 1fr 5px 1fr; grid-template-columns: repeat(3,1fr); grid-gap: 5px; margin: 0; margin-top: 15px} .pro-contact li {list-style-type: none; margin: 0 !important} .pro-contact li a {display: block; border-radius: var(--radius-1); background: var(--primary-color); color: #fff; text-align: center; padding: 10px 0;} .pro-contact li a i {margin-right: 5px} .pro-contact li a svg {fill: #fff; width: 15px; margin-right: 5px} .giao-hang {border: solid 1px var(--color-1); border-radius: var(--radius-1);} .giao-hang p {background:var(--color-1);width:-webkit-min-content;width:-moz-min-content;width:min-content;white-space:nowrap;color:#fff;margin-top:-12px;margin-left:20px;padding:0 20px;border-radius:var(--radius-4);font-size:90%;height:26px;max-height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .giao-hang ul {padding: 0 20px;} .giao-hang ul li {} .giao-hang p a {color: #fff} .giao-hang i {margin-right: 8px; font-size: 90%;} .flickity-prev-next-button {top: 0; bottom: 0; margin: auto 0} .content-area>.woocommerce {padding: 30px 0;} .has-shadow .box-text {padding-left: 5.2%; padding-right: 5.2%; } a.added_to_cart {color:var(--second-color);-webkit-box-shadow:inset 0 0 0 1px var(--second-color);box-shadow:inset 0 0 0 1px var(--second-color);border-radius:var(--radius-4);padding:0 1.2em;margin-top:1em!important;text-transform:none;line-height:2.4em!important;font-size:.8em;} a.added_to_cart:hover {background-color: var(--second-color); color: #fff; } .commentlist {} /*Section title*/ .section-title .section-title-main, .section-title-normal {border: none !important; border-color: transparent !important} .dark .section-title b {bottom: -10px; height: 2px; border-radius: 99px; position: absolute; display: block; opacity: 1} .dark .section-title b:first-child {width: 40px; background-color: var(--color-3);} .dark .section-title b:last-child {width: 4px; left: 45px; background-color: #fff;} /*Sidebar*/ .recent-blog-posts-li a, .product_list_widget .product-title, .box-text .product-title a {-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;} .widget {background-color: #fff; -webkit-box-shadow: var(--shadow-1); box-shadow: var(--shadow-1); border-radius: var(--radius-1); overflow: hidden; } .widget .is-divider {display: none} .widget .widget-title {padding: 20px; display: block;} .widget ul li:nth-child(odd) { } .widget .searchform {padding: 15px 10px; margin: 0} .widget>:nth-child(3) {padding: 15px 10px; margin: 0} ul.menu>li+li, .widget>ul>li+li {border-top: var(--border-1)} ul.product_list_widget {padding: 15px 10px;} ul.product_list_widget li {padding: 8px 0; min-height: unset} ul.product_list_widget li a:not(.remove) {margin-bottom: 0; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;} ul.product_list_widget li a span {} ul.product_list_widget li a img {margin-bottom: 0; position: relative; top: unset; margin-right: 10px} ul.product_list_widget li a img, .recent-blog-posts-li .badge .badge-inner {border-radius: var(--radius-4);} .recent-blog-posts-li .mr-half {} .thanh-vien .box-text {padding-left:0; padding-right:0;} .video-gt iframe {height: 700px} @media screen and (max-width: 1000px) {.video-gt iframe {}} @media screen and (max-width: 850px) {.video-gt iframe {height: 450px}} @media screen and (max-width: 549px) {.video-gt iframe {height: 300px}} .p-home p {padding: 0 15%} @media screen and (max-width: 1000px) {.p-home p {padding: 0 15%}} @media screen and (max-width: 850px) {.p-home p {padding: 0 10%}} @media screen and (max-width: 549px) {.p-home p {padding: 0 0}} /*Box product*/ .product-small .col-inner {-webkit-transition: background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;transition: background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;-o-transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s;transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s;transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;} .product-small .col-inner:hover {-webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px);} /*Checkout*/ .checkout .has-border {border: none; background: var(--light-gray); border-radius: var(--radius-2)} #billing_address_1_field {width: 100%; margin-right: 0;} /*Comment*/ #comments .commentlist>li, #comments .comment-list>li {border: none; margin-left:0} .commentlist li .comment-text, .comment-list li .comment-text {background: var(--light-gray); position: relative; border-radius: var(--radius-2); margin-left: 15px;} .commentlist li .comment-text::before, .comment-list li .comment-text::before {position: absolute; content:""; top: 22px; left: -7px; border: solid 7px #f5f5f5; border-left: 0; border-top-color: transparent; border-bottom-color: transparent;} #comments #submit {margin-right: 0;} #comments #submit:hover {box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; background-color: var(--second-color); color:#fff;} #comments .form-submit {text-align: right;} /*Review*/ .review-form-inner, #comments .comment-respond {border: none; border-radius: var(--radius-1); background: var(--light-gray);} .star-rating span:before, .stars a.active:after, .stars a:hover:after {color: var(--color-3) !important} .kk-star-ratings.kksr-align-left {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8)} .comment-list li .avatar, .commentlist li .avatar {box-shadow: var(--shadow-1);} .stars {position: relative; height: 25px; margin-bottom: 20px} .stars a {position: absolute; left: -20px; top: 0; margin-left: 0; font-size: 0; letter-spacing: 20px;} .stars a::after {font-size: 22px; color: unset;} .stars a.star-5 {color: #ddd !important} .stars a+a {margin-left: 0; border-left: none} .stars a:nth-child(1) {z-index: 5} .stars a:nth-child(2) {z-index: 4} .stars a:nth-child(3) {z-index: 3} .stars a:nth-child(4) {z-index: 2} .stars a:nth-child(5) {z-index: 1} /*Pagination*/ .nav-pagination>li>span, .nav-pagination>li>a {background: var(--light-gray); border-color: var(--light-gray)} /*Badge*/ .product .badge-container {margin:0;pointer-events:none} .product .badge {display:block;position:relative;width:6em;overflow:hidden;height:6em} .product .badge .badge-inner {background-color:var(--color-4);-webkit-transform:rotate(-45deg);color:var(--color-1);-ms-transform:rotate(-45deg);transform:rotate(-45deg) translateX(-50%) translateY(-50%);position:absolute;width:190%;display:-webkit-box;display:-ms-flexbox;display:flex;height:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:36%;left:36%;font-size:80%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%} /*Feedback*/ .feedback-kh .box-image {border-radius: var(--radius-1);} /*Arrow*/ .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {} .slider-nav-circle .flickity-prev-next-button svg {} .slider-nav-circle .flickity-prev-next-button:hover svg {} .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {width: 30px} /*FAQ*/ .accordion-title {font-weight: 700; font-size: 100%} .accordion .toggle { right: 0; left: unset } .accordion .toggle i {font-size: 20px;} .accordion .accordion-title::before {content:"\f059"; font-family: FontAwesome; font-size: 14px; position: absolute; left: 14px; top: 13px;} /*Single post*/ .my-info {background: var(--light-gray); padding: 30px 20px;} .my-info-title {text-transform: uppercase; color: var(--color-2); padding-left: 20px; position: relative; letter-spacing: 2px; font-size: 17px;} .my-info-title::before {content:""; position: absolute; width: 4px; height: 18px; background: var(--color-3); left: 3px; top: 4px; -webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transform: skewX(-15deg);} .my-info ul {margin:0} .my-info ul li {list-style: none; position: relative; margin-left: 0; padding-left: 30px;} .my-info ul li:last-child {margin-bottom: 0} .my-info ul li i {position: absolute; left: 0; top: 5px; text-align: center; width: 15px;} /*Banner dot*/ .flickity-page-dots .dot {opacity: 1; border: none; background: rgba(255,255,255,0.5); width: 6px; height: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .flickity-page-dots .dot:hover {background: #fff;} .flickity-page-dots .dot.is-selected {width: 25px; background: #fff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;} .blog-post-inner h5.post-title {-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;} .has-hover:hover .blog-post-inner h5.post-title {color: var(--second-color);} /*.header-wrapper {box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 10%);} .header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 10%);}*/ /*Read more content*/ .term-description {max-height: 1000px; overflow: hidden; position: relative;} .term-description .wrap-readmore {position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; display: -webkit-box; pointer-events: none; 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; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .wrap-readmore .btn-read {margin: 0; pointer-events: auto; margin-bottom: -120px; color: #fff; padding: 3px 24px 3px 28px;} .term-description.show-content {max-height:unset; padding-bottom: 60px;} .show-content .wrap-readmore {background: unset} .wrap-readmore .btn-readmore {display: block} .wrap-readmore .btn-readless {display: none} .show-content .wrap-readmore .btn-readmore {display: none} .show-content .wrap-readmore .btn-readless {display: block} .wrap-readmore .btn-read i {font-size: 14px; margin-left: 5px;} .entry-content.single-page .wrap-readmore, .woocommerce-Tabs-panel--reviews .wrap-readmore {display: none} /*Tagcloud*/ .tagcloud {overflow:hidden;padding:15px 10px} .tagcloud a {background:#eee;border:none;border-radius:3px 0 0 3px;color:#999;display:-webkit-inline-box;height:26px;line-height:26px;padding:0 20px 0 23px;position:relative;margin:0 6px -2px 0;text-decoration:none;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .tagcloud a::before {background:#fff;border-radius:10px;-webkit-box-shadow:inset 0 1px rgb(0 0 0 / 25%);box-shadow:inset 0 1px rgb(0 0 0 / 25%);content:'';height:6px;left:10px;position:absolute;width:6px;top:10px} .tagcloud a::after {background:#fff;border-bottom:13px solid #fff0;border-left:10px solid #eee;border-top:13px solid #fff0;content:'';position:absolute;right:0;top:0;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .widget .tagcloud a:hover {color:var(--color-1);background-color:var(--color-4)!important} .widget .tagcloud a:hover::after {border-left:10px solid var(--color-4)} /*Caption*/ .wp-caption, .wp-caption img, .entry-content img.aligncenter, img.size-full.alignnone, img.size-full, img.aligncenter {padding: 5px; border: var(--border-1); width: 100%} figure.wp-caption img {border: none; padding: 0} figure.wp-caption {width: 100% !important} .post .wp-caption, .entry-content .wp-caption {margin: 30px auto;} .wp-caption .wp-caption-text {padding-bottom: 0em; background: #fff;} @media screen and (max-width: 849px) { } /*Nav*/ #nav-below .nav-previous a, #nav-below .nav-next a {position: relative; box-sizing: border-box; float: left; font-style: italic; font-weight: 700; font-size: 0.9em; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #nav-below .nav-previous a:hover, #nav-below .nav-next a:hover {text-decoration: underline;} #nav-below .nav-previous a span, #nav-below .nav-next a span {position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%)} #nav-below .nav-next a span {right: 0 !important;} #nav-below .nav-previous a {padding-right: 2vw;} #nav-below .nav-next a {padding-left: 2vw; float: right;} @media screen and (min-width: 549px){ #nav-below .nav-previous a {padding-left: 35px;} #nav-below .nav-next a {padding-right: 35px;} } @media screen and (max-width: 849px) { h1.entry-title {font-size: 1.5em;} } /*Widget tin moi*/ .category-posts-internal {padding: 15px 10px} .cat-post-item {} li.cat-post-item>div {justify-content: unset !important} .category-posts-internal li {border-bottom: none !important; margin: 0 0 0 0 !important; padding: 5px 0 !important; width: 100%;} .category-posts-internal li:first-child {padding-top: 0 !important;} .category-posts-internal li div {margin: 0 !important;} .category-posts-internal li a {font-size: 90% !important; color: #333; font-weight: 600; text-transform: inherit !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .category-posts-internal li a.cat-post-title {float: left; width: 100%; margin-bottom: 6px;} .category-posts-internal li a.cat-post-thumbnail {clear: both;} .category-posts-internal li a:hover {color: #d49f0b;} .category-posts-internal li p {font-size: 85%;} .category-posts-internal li p a {color: #fff; font-style: italic; font-weight: normal; float: right; padding: 3px 7px; background: var(--primary-color); border-radius: 100px; letter-spacing: -0.5px;} .category-posts-internal li p a:hover {background: #5c4621; color: #fff;} .category-posts-internal li p:after {content: "..."} .category-posts-internal li:before, .category-posts-internal li:after {display: none !important;} .category-posts-internal span {position: relative; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15); display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 1.3em;} .category-posts-internal span img {padding: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .category-posts-internal span:after {content: "\f00e"; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .category-posts-internal li a:hover span:after {opacity: 1} .category-posts-internal li a:hover span img {filter: brightness(0.6); -webkit-filter: brightness(0.6);} .category-posts-internal li p a.cat-post-excerpt-more {display: none} /*Filter by category*/ .bapf_sfilter {-webkit-box-shadow: var(--shadow-1); box-shadow: var(--shadow-1); border-radius: var(--radius-1); overflow: hidden;} .bapf_head {padding: 20px; border-radius: var(--radius-1); border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .bapf_head h3 {margin: 0; font-size: 1em; color: #fff; text-transform: uppercase; line-height: 1.05;} .bapf_body {padding: 20px 20px 10px; background: #fff} .bapf_sfilter.bapf_ckbox input[type=checkbox] {margin-left: 0} /*Search form*/ .header-main .nav-left {} .searchform .flex-row {} .searchform .flex-row .flex-col:first-child {} .searchform .flex-row .flex-col:first-child .search-field {height: 44px; border: solid 1px var(--color-2); font-size: var(--font-size-1); font-style: italic; border-top-right-radius: 0; border-bottom-right-radius: 0;} .searchform .flex-row .flex-col:first-child .search-field:focus {box-shadow: none; font-style: normal} .searchform .flex-row .flex-col:nth-child(2) {} .searchform .flex-row .flex-col:nth-child(2) .submit-button {width: 44px; height: 44px; border-radius: var(--radius-1); border: none; padding: 0; min-width: unset; min-height: unset; border-top-left-radius: 0; border-bottom-left-radius: 0;} .searchform .flex-row .flex-col:nth-child(2) .submit-button i {line-height: unset; font-size: var(--font-size-3)} .header-search-dropdown .nav-dropdown-default {padding: 15px} .autocomplete-suggestions {-webkit-backdrop-filter: blur(4px) saturate(2); backdrop-filter: blur(4px) saturate(2);} .searchform-wrapper:not(.form-flat) .submit-button, .widget_search .submit-button { } /*Mobile search*/ .mobile-nav .submit-button {background-color: unset !important; border: unset !important;} .mobile-nav .submit-button:hover {box-shadow: unset !important;} .mobile-nav .search-field {border: unset; box-shadow: unset;} .mobile-nav .search-field:focus {box-shadow: unset !important;} .mobile-nav .nav-dropdown {padding: 5px} /*Scrollbar*/ ::-webkit-scrollbar {width: 10px;} .cong-dung ::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-track {background: #ededed;} ::-webkit-scrollbar-thumb {background: #c1c1c1; border-radius: var(--radius-1);} ::-webkit-scrollbar-thumb:hover {background: var(--color-2);} .cong-dung ::-webkit-scrollbar-track {border-radius: var(--radius-1);} /*Read more content*/ .term-description {max-height: 290px; overflow: hidden; position: relative;} .term-description::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; pointer-events: none; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .term-description + .readmore-button-container .readmore-button span:last-child {display: none} .term-description.show-content {max-height: unset} .term-description.show-content::after {display: none} .term-description.show-content + .readmore-button-container .readmore-button span:first-child {display: none} .term-description.show-content + .readmore-button-container .readmore-button span:last-child {display: unset} .readmore-button-container .readmore-button {width: 100%; margin-bottom: 50px; padding: 5px; letter-spacing: 7px;} .readmore-button-container .readmore-button i {margin-left: 8px} /*Bottom bar*/ #bottom-bar {width: 100%; height: 55px; position: fixed; bottom: 0; z-index: 999; display: -webkit-box;display: -ms-flexbox;display: flex; } #bottom-bar .fa {display: block; margin-bottom: -5px; font-size: 17px;} #bottom-bar .col-bot {width: 100%; text-align: center; padding-top: 12px;} #bottom-bar .col-bot a {color: #fff; display: inline-block; text-decoration: none;} #bottom-bar .col-bot a span {width: 100%; display: inline-block; font-size: 13px; line-height: 1;} #bottom-bar .col-bot-center {width: 80%; padding-top: 0;} #bottom-bar .col-bot-center .fa {line-height: 60px; font-size: 150%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;} #bottom-bar .col-bot a svg {fill: #fff; height: 16px; display: block; width: 100%; margin-bottom: -4px;} #bottom-bar .col-bot-center a{background:rgb(224 146 46);background:-moz-linear-gradient(-45deg,rgb(224 146 46) 0%,rgb(235 80 23) 100%);background:-webkit-gradient(left top,right bottom,color-stop(0%,rgb(224 146 46)),color-stop(100%,rgb(235 80 23)));background:-webkit-linear-gradient(-45deg,rgb(224 146 46) 0%,rgb(235 80 23) 100%);background:-o-linear-gradient(-45deg,rgb(224 146 46) 0%,rgb(235 80 23) 100%);background:-ms-linear-gradient(-45deg,rgb(224 146 46) 0%,rgb(235 80 23) 100%);background:linear-gradient(135deg,rgb(224 146 46) 0%,rgb(235 80 23) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0922e',endColorstr='#eb5017',GradientType=1);width:60px;height:60px;display:block;text-align:center;border-radius:999px;margin:auto;margin-top:-30px} #bottom-bar #bottom-bg{position:absolute;z-index:-1;bottom:0;left:0;height:100%;width:100%;overflow:hidden;-webkit-filter:drop-shadow(0 -2px 10px rgba(0 0 0 / 20%));filter:drop-shadow(0 -2px 10px rgba(0 0 0 / 20%))} #bottom-bar #bottom-bg-1{fill:var(--primary-color);width:auto;height:55px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0;z-index:-5} #go-top {opacity:0.5; pointer-events: none} #go-top.gotop-active {opacity:1; pointer-events: auto} @media only screen and (min-width: 850px) { #bottom-bar {display: none} } /*Pop up*/ .mfp-bg {} #dk-tu-van{padding:0!important;width:550px} #dk-tu-van h3{font-family:"UVNBachDang";font-size:35px;text-align:center;color:var(--color-4);padding:6px 0 12px;line-height:normal; font-weight: normal} #dk-tu-van .dk-content{padding:0 35px 20px;text-align:center} #dk-tu-van .dk-content .bao-mat{text-transform:uppercase} #dk-tu-van .dk-content .bao-mat i{margin-right:6px} @media only screen and (max-width: 850px) { #dk-tu-van {width: 80%} } @media only screen and (max-width: 550px) { #dk-tu-van {width: 100%} #dk-tu-van h3 {font-size: 28px; padding-left: 15px; padding-right: 15px} #dk-tu-van .dk-content {padding: 0 15px 20px; } .mfp-container {padding: 15px} } /*Table of contents*/ #ez-toc-container {background: var(--light-gray); border: none} #ez-toc-container label {margin: 0} .ez-toc-title-container>* {display:table-cell; vertical-align: middle} .ez-toc-sticky-fixed .ez-toc-sidebar {-webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);} /*Contact button*/ #btn-gotop{position:fixed;right:20px;bottom:60px;background:rgb(0 0 0 / .7);border:solid 1px #fff;width:40px;height:40px;text-align:center;line-height:40px;font-size:18px;color:#fff;z-index:9999} .btn-lh{position:fixed;bottom:5px;right:12px;z-index:999} .btn-lh ul{margin:0} .btn-lh li{list-style:none;margin:0} .btn-lh a{width:100%;border-radius:var(--radius-1);box-shadow:var(--shadow-1);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:3px 5px;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;padding:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(3px) brightness(.8);backdrop-filter:blur(3px) brightness(.8)} .btn-lh a:hover{background-color:var(--second-color)} .btn-lh span:last-child{white-space:nowrap;padding:3px 7px;color:#fff;font-size:.9em;display:none} .btn-lh a:hover span:last-child{display:block} .btn-lh a.btn-hotline span:last-child,.btn-lh a.btn-form span:last-child,.btn-lh a.btn-zalo span:last-child,.btn-lh a.btn-fb span:last-child{display:block} .btn-lh span:first-child{border-radius:var(--radius-1);width:34px;height:34px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;background-color:rgb(0 0 0 / .4);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .btn-lh a:hover span:first-child {background-color:var(--primary-color)} .btn-lh .fa { color: #fff; font: normal normal normal 18px/1 FontAwesome !important; } .btn-lh svg { fill: #fff; height: 18px; } .btn-lh .btn-hotline { /*background-color: #f74522;*/ } .btn-lh .btn-gotop { background-color: #176dc4; } .btn-lh .btn-zalo { /*background-color: #4c9aff;*/ } .btn-lh .btn-viber { background-color: #665cac; } .btn-lh .btn-form { /*background-color: #47aa42;*/ } @media screen and (max-width: 849px) { .btn-lh {display: none} } @media only screen and (max-width: 549px) { .btn-lh { top: unset; bottom: 3px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); right: unset; } .btn-lh ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .btn-lh a { margin: 0 3px; } .btn-lh a.btn-hotline span:last-child { /*display: none !important;*/ } .btn-lh ul li:first-child { /*order: 2;*/ } .btn-lh ul li:nth-child(2) { order: 3; } .btn-lh ul li:nth-child(3) { order: 4; } .btn-lh ul li:last-child { order: 1; } .btn-lh a.btn-zalo span:last-child, .btn-lh a.btn-fb span:last-child {display: none;} } /*Float bob x*/ .uu-diem::before, .float-bob-x, .sec-dich-vu::before {-webkit-animation-name:float-bob-x;animation-name:float-bob-x;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;} @-webkit-keyframes float-bob-x { 0% {-webkit-transform: translateX(-30px);transform: translateX(-30px);} 50% {-webkit-transform: translateX(-10px);transform: translateX(-10px);} 100% {-webkit-transform: translateX(-30px);transform: translateX(-30px);} } @keyframes float-bob-x { 0% {-webkit-transform: translateX(-30px);transform: translateX(-30px);} 50% {-webkit-transform: translateX(-10px);transform: translateX(-10px);} 100% {-webkit-transform: translateX(-30px);transform: translateX(-30px);} } /*Float bob y*/ .gt-img .col-inner::before, .da-content::before, .doi-ngu .dn-chuc-vu {-webkit-animation-name:float-bob-y;animation-name:float-bob-y;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;} @-webkit-keyframes float-bob-y{ 0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)} 50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)} } @keyframes float-bob-y{ 0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)} 50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)} } /*shapeMover*/ .gt-img3 img {-webkit-animation-name: shapeMover; animation-name: shapeMover; -webkit-animation-duration: 9s; animation-duration: 9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} @-webkit-keyframes shapeMover { 0%, 100% {-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);} 50% {-webkit-transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);} } @keyframes shapeMover { 0%, 100% {-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);} 50% {-webkit-transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);} } /*Fade in up*/ .fadeInUp {opacity:0;-webkit-animation:fadeInUp 1000ms forwards;animation:fadeInUp 1000ms forwards} /*.fade-in-up .col:nth-child(n+1) {-webkit-animation-delay:200ms;animation-delay:200ms} .fade-in-up .col:nth-child(n+2){-webkit-animation-delay:400ms;animation-delay:400ms} .fade-in-up .col:nth-child(n+3){-webkit-animation-delay:600ms;animation-delay:600ms} .fade-in-up .col:nth-child(n+4){-webkit-animation-delay:800ms;animation-delay:800ms}*/ @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} /*Phone ring*/ .canihome-alo-phone{position:fixed;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;bottom:150px;right:0} .canihome-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:canihome-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:canihome-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:canihome-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:canihome-alo-circle-anim 1.2s infinite ease-in-out;animation:canihome-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;border-color:red;opacity:.5} @-moz-keyframes canihome-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}} @-webkit-keyframes canihome-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}} @-o-keyframes canihome-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}} .canihome-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:canihome-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:rgba(255,0,0,.5);opacity:.75!important} @-moz-keyframes canihome-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}} @-webkit-keyframes canihome-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}} @-o-keyframes canihome-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}} .canihome-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,.1) url(/wp-content/uploads/2023/05/call.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:canihome-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:canihome-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:canihome-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:canihome-alo-circle-img-anim 1s infinite ease-in-out;animation:canihome-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-size:60%;background-color:red} .canihome-alo-phone:hover .canihome-alo-ph-circle-fill{ background-color: rgba(66,168,221,0.5) !important; } .canihome-alo-phone:hover .canihome-alo-ph-circle{border-color:#42a7dd} .canihome-alo-phone:hover .canihome-alo-ph-img-circle { background-color: #42a7dd; } @-moz-keyframes canihome-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}} @-webkit-keyframes canihome-alo-circle-img-anim{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)} }@-o-keyframes canihome-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}} @media screen and (max-width: 849px) { .canihome-alo-phone {display: none;} } /*Bottom bar*/ #bottom-bar {width: 100%; height: 55px; position: fixed; bottom: 0; z-index: 999; display: -webkit-box;display: -ms-flexbox;display: flex; } #bottom-bar .fa {display: block; margin-bottom: -5px; font-size: 17px;} #bottom-bar .col-bot {width: 100%; text-align: center; padding-top: 12px;} #bottom-bar .col-bot a {color: #fff; display: inline-block; text-decoration: none;} #bottom-bar .col-bot a span {width: 100%; display: inline-block; font-size: 13px; line-height: 1;} #bottom-bar .col-bot-center {width: 80%; padding-top: 0;} #bottom-bar .col-bot-center .fa {line-height: 60px; font-size: 150%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;} #bottom-bar .col-bot a svg {fill: #fff; height: 16px; display: block; width: 100%; margin-bottom: -4px;} #bottom-bar .col-bot-center a { background: rgba(224,146,46,1); background: -moz-linear-gradient(-45deg, rgba(224,146,46,1) 0%, rgba(235,80,23,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,146,46,1)), color-stop(100%, rgba(235,80,23,1))); background: -webkit-linear-gradient(-45deg, rgba(224,146,46,1) 0%, rgba(235,80,23,1) 100%); background: -o-linear-gradient(-45deg, rgba(224,146,46,1) 0%, rgba(235,80,23,1) 100%); background: -ms-linear-gradient(-45deg, rgba(224,146,46,1) 0%, rgba(235,80,23,1) 100%); background: linear-gradient(135deg, rgba(224,146,46,1) 0%, rgba(235,80,23,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0922e', endColorstr='#eb5017', GradientType=1 ); width: 60px; height: 60px; display: block; text-align: center; border-radius: 999px; margin: auto; margin-top: -30px; } #bottom-bar #bottom-bg {position: absolute; z-index: -1; bottom: 0; left: 0; height: 100%; width: 100%; overflow: hidden; -webkit-filter: drop-shadow(0 -2px 10px rgba(0 0 0 / 20%));filter: drop-shadow(0 -2px 10px rgba(0 0 0 / 20%));} #bottom-bar #bottom-bg-1 {fill: var(--primary-color);width: auto; height: 55px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; z-index: -5;} #go-top {opacity:0.5; pointer-events: none} #go-top.gotop-active {opacity:1; pointer-events: auto} @media only screen and (min-width: 850px) { #bottom-bar {display: none} /*Animation*/ @-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}@-webkit-keyframes bounce-reverse{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(15px)}}@keyframes bounce-reverse{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}.faa-bounce.faa-reverse.animated,.faa-bounce.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse{-webkit-animation:bounce-reverse 2s ease infinite;animation:bounce-reverse 2s ease infinite}.faa-bounce.faa-reverse.animated-hover.faa-fast:hover,.faa-bounce.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse.faa-fast{-webkit-animation:bounce-reverse 1s ease infinite;animation:bounce-reverse 1s ease infinite}.faa-bounce.faa-reverse.animated-hover.faa-slow:hover,.faa-bounce.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse.faa-slow{-webkit-animation:bounce-reverse 3s ease infinite;animation:bounce-reverse 3s ease infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@-webkit-keyframes falling-reverse{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}@keyframes falling-reverse{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}.faa-falling.faa-reverse.animated,.faa-falling.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse,.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:falling-reverse 2s linear infinite;animation:falling-reverse 2s linear infinite}.faa-falling.faa-reverse.animated-hover.faa-fast:hover,.faa-falling.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse.faa-fast,.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:falling-reverse 1s linear infinite;animation:falling-reverse 1s linear infinite}.faa-falling.faa-reverse.animated-hover.faa-slow:hover,.faa-falling.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse.faa-slow,.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:falling-reverse 3s linear infinite;animation:falling-reverse 3s linear infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes horizontal{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(5px,0)}}@keyframes horizontal{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(5px,0)}}@-webkit-keyframes horizontal-reverse{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(-5px,0)}}@keyframes horizontal-reverse{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(-5px,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}.faa-horizontal.faa-reverse.animated,.faa-horizontal.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse{-webkit-animation:horizontal-reverse 2s ease infinite;animation:horizontal-reverse 2s ease infinite}.faa-horizontal.faa-reverse.animated-hover.faa-fast:hover,.faa-horizontal.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse.faa-fast{-webkit-animation:horizontal-reverse 1s ease infinite;animation:horizontal-reverse 1s ease infinite}.faa-horizontal.faa-reverse.animated-hover.faa-slow:hover,.faa-horizontal.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse.faa-slow{-webkit-animation:horizontal-reverse 3s ease infinite;animation:horizontal-reverse 3s ease infinite}@-webkit-keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@-webkit-keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-reverse,.faa-passing.faa-reverse.animated,.faa-passing.faa-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.reverse.faa-fast,.faa-passing.faa-reverse.animated-hover.faa-fast:hover,.faa-passing.faa-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-reverse.faa-slow,.faa-passing.faa-reverse.animated-hover.faa-slow:hover,.faa-passing.faa-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes pulse{0%,100%{transform:scale(1.1)}50%{transform:scale(.8)}}@keyframes pulse{0%,100%{transform:scale(1.1)}50%{transform:scale(.8)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}@-webkit-keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}12%,4%{transform:rotate(-18deg)}14%,6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}@keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}12%,4%{transform:rotate(-18deg)}14%,6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.25s ease infinite;animation:wrench 1.25s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.75s ease infinite;animation:wrench 3.75s ease infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@-webkit-keyframes spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .75s linear infinite;animation:spin .75s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.25s linear infinite;animation:spin 2.25s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse,.faa-spin.faa-reverse.animated,.faa-spin.faa-reverse.animated-hover:hover{-webkit-animation:spin-reverse 1.5s linear infinite;animation:spin-reverse 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse.faa-fast,.faa-spin.faa-reverse.animated-hover.faa-fast:hover,.faa-spin.faa-reverse.animated.faa-fast{-webkit-animation:spin-reverse .75s linear infinite;animation:spin-reverse .75s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse.faa-slow,.faa-spin.faa-reverse.animated-hover.faa-slow:hover,.faa-spin.faa-reverse.animated.faa-slow{-webkit-animation:spin-reverse 2.25s linear infinite;animation:spin-reverse 2.25s linear infinite}@-webkit-keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes vertical{0%,16%,8%{transform:translate(0,-3px)}12%,20%,4%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}@keyframes vertical{0%,16%,8%{transform:translate(0,-3px)}12%,20%,4%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 3s ease infinite;animation:vertical 3s ease infinite}@-webkit-keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}100%,75%{transform:rotate(0)}}@keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}100%,75%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.25s ease infinite;animation:wrench 1.25s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.75s ease infinite;animation:wrench 3.75s ease infinite}