:root {
font-family: 'Montserrat', sans-serif;
--title: #DC1F26;
--main_txt: #25A9E1;
--second_txt: #FEFEFE;
--main_bgr: #DC1F26;
--second_bgr: #009345;
--third_bgr: #3cc3fd;
--alert:#ed1c24;
overflow-x: hidden;
}
@font-face {
font-family: 'magictoolbox-thin';
src: url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/fonts/magictoolbox-thin.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.align_center {
text-align: center;
}
.section_title {
font-size: 1.3rem;
}
.entry-content p, .entry-content li, .entry-content h2,
.entry-content h3,.entry-content h4, .entry-content h5,
.entry-content h6 {
margin-bottom: .7em; line-height: 1.5;
}
.entry-content h1, .sec_product h1.product_title.entry-title,
.entry-content h2,
.entry-content h3,.entry-content h4, .entry-content h5,
.entry-content h6{
text-align: left; font-family: 'Oswald', sans-serif
}
a {
color: var(--third_bgr);
}
.elementor img.full_relative {
height: 100%;
}
.namlbn-tags {
text-align: left;
}
.sec-page-contact .namlbn-breadcrumb p {
text-align: center;
}
.background_page {
padding: 100px 0;
text-align: center;
position: relative;
display: block;
min-height: 100%;
}
.background_page:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000ba;
opacity: .5;
}
.namlbn-breadcrumb, .namlbn-breadcrumb-en {
background-color: unset;
}
.namlbn-breadcrumb p, .namlbn-breadcrumb-en p {
text-align: center;
color: #fff;
}
.namlbn-breadcrumb i, .namlbn-breadcrumb-en i {
padding-right: 5px;
}
.namlbn-breadcrumb-en a {
text-decoration: none;
color: inherit;
}
.grecaptcha-badge {
display: none;
}
.top-position img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.top-position h1, .top-position .top_title {
text-align: center;
text-transform: uppercase;
position: relative;
text-align: center;
margin: 0!important;
z-index: 2;
font-size: 27px !important;
color: #fff; font-weight: bold;
}
.top-position .namlbn-breadcrumb, .top-position .namlbn-breadcrumb-en  {
text-align: center;
position: relative;
text-align: center;
margin: 0;
z-index: 2;
font-size: 15px;
color: #fff;
}
rs-fullwidth-wrap {
z-index: 0;
}
.btn_hover_xthem {
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
}
.btn_hover_xthem:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
transition: .5s;
z-index: -1;
}
.btn_hover_xthem:hover:after { 
transform: translateX(0); 
background-color: var(--main_bgr); 
border-radius: 20px; 
}
section.sec_banner_hera_home.page_section {
padding: 0;
}
.sec-title-gth { margin-bottom: 10px; }
.sec-title-gth .premium-dual-header-first-container {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
}
.sec-title-gth .premium-dual-header-first-container:before {
content: '';
position: absolute;
left: 0;
width: 85px;
background: #f2bd04;
height: 3px;
bottom: 0px;
}
.animated {
-webkit-animation-duration: 1s!important;
animation-duration: 1s!important;
-webkit-animation-fill-mode: both!important;
animation-fill-mode: both!important;
}
#site-wrapper { padding-bottom: 0; }
#page_about p { margin-bottom: .7em; }
.tlkd .elementor-widget-wrap.elementor-element-populated {
cursor: pointer;
}
.col_thong_tin .product_meta {
padding-top: 10px;
}
.single-post .content-post {
background-color: inherit;
}
.gt_languages a.glink.nturl.active {
background-color: #ffc!important;
}
div#trp-floater-ls {
opacity: 0;
visibility: hidden;
}
.list_sidebar_news {
margin-top: 0px
}
.main_sidebar aside {
padding: 10px;
box-shadow: 0px 0px 15px rgb(170 156 156 / 15%);
}
.main_sidebar aside > ul {
margin-top: 0px; 
} .sec-lvhd .pafe-image-accordion__item-content__text {
display: flex;
align-items: center;
}
.sec-lvhd .pafe-image-accordion__item-content__text p {
margin-bottom: 0!important;
width: 76%;
margin-right: 10px;
} input, input::placeholder ,textarea ,textarea::placeholder {
font-family: 'Montserrat', sans-serif!important;
}
textarea#order_comments {
font-size: 17px;
}
article.content-post {
padding-bottom: 30px;
}
article.content-post p,article.content-post li {
line-height: 1.6em;
}
#customer_login .u-column1.col-1, #customer_login .u-column2.col-2 {
flex: 50%;
max-width: 50%;
width: 50%;
}
#customer_login {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.woocommerce-MyAccount-navigation .is-active a {
color: #fff!important;
}
.woof_reset_button_2 {
font-size: 0px;
}
.woof_reset_button_2:before {
content: 'Xóa hết';
font-size: initial;
} #content_archive_gtbh030620.content-search .news-date {
margin-top: 0;
}
#content_archive_gtbh030620.content-search .news-title {
font-size: 1em;
} div#primary {
padding-bottom: 30px!important;
}
#content_archive_gtbh030620 a.page-numbers {
background-color: var(--main_bgr);
padding: 5px 10px;
}
#content_archive_gtbh030620 .navigation span {
background-color: gray;
color: #fff;
padding: 5px 10px;
}
#content_archive_gtbh030620 .navigation a {
text-decoration: none;
color: #fff;
}
.top-position {
margin-bottom: 30px;
}
.single-post main {
margin-top: 0;
}
.container.page_content .main_sidebar{
padding:0 15px 0 5px;
}
.container.page_content .col-9 {
max-width: 78%; flex:0 0 78%; width: 78%;
}
.container.page_content .col-9 .entry-content {
background-color: #ffffff;
box-shadow: 0px 0px 15px rgb(170 156 156 / 15%);
padding: 10px 20px;
margin-bottom: 20px;
}
#form_hr {
padding: 30px 0;
}
#form_hr form p {
display: flex;
flex-wrap: wrap;
margin: 0;
}
#form_hr form p span {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
padding-left: 0;
margin-bottom: 7px;
}
#form_hr form p #file_cv {
display: flex;
padding-left: 10px;
align-items: center;
}
#form_hr form input, #form_hr form select {
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 13px;
height: 41px;
color: #6b6b6b;
text-indent: 15px;
}
#form_hr form input[type=file] {
border: none;
height: unset;
cursor: pointer;
}
#form_hr form input[type=submit] {
width: unset;
height: unset;
text-indent: unset;
padding: 7px 30px;
color: #fff;
background: var(--main_bgr);
cursor: pointer;
}
.tax-dflip_category #content_archive_gtbh030620 .col_wrapper,
.single-partner .bottom .col_wrapper {
display: flex;
}
.tax-dflip_category ._df_thumb, .single-partner ._df_thumb,
.search-results ._df_thumb {
margin:0; position: relative; width: 100%; height: auto;
}
.tax-dflip_category ._df_thumb:before,
.single-partner ._df_thumb:before,
.search-results ._df_thumb:before { content:''; display: block;
}
.tax-dflip_category ._df_book-cover,
.single-partner ._df_book-cover,
.search-results ._df_book-cover {
position: absolute;
}
.tax-dflip_category ._df_book-title,
.single-partner ._df_book-title,
.search-results ._df_book-title {
bottom:0; opacity: 1; font-size: 1rem;
}
.col_partner .partner-name {
font-size: 1rem; color: white; text-align: center;
font-weight: normal; text-transform: uppercase;
}
.col_partner .partner-name a {
color: inherit;
}
#content_archive_gtbh030620 .col_partner .col_wrapper,
.col_partner .col_wrapper {
background: #69b9e1; border-radius: 2px; overflow: hidden;
box-shadow: 1px 1px 8px #ddd;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
-webkit-box-shadow: 1px 1px 4px #ddd;
}
.col_partner .padding_ratio:before {
padding-bottom: 75%;
}
#content_archive_gtbh030620 .col_partner .col_content,
.col_partner .col_content {
padding: 10px;
}
.col_partner .partner-name {
margin-bottom: 0;
}
.archive .col_partner {
margin-bottom: 30px;
}
.post-type-archive-partner .cat_name, .post-type-archive-partner .more{
text-align: center; margin-bottom: 40px;
}
.post-type-archive-partner .cat_name {
font-size: 1.8em; text-transform: uppercase;
margin-bottom: 20px; position: relative; padding-bottom: 4px;
}
.post-type-archive-partner .cat_name:after {
content:''; display: block; width: 60px; height: 2px;
background: var(--main_bgr); position: absolute; bottom: 0;
right: 50%; transform: translateX(50%);
}
.post-type-archive-partner .more_btn {
display: inline-block;
padding: .5em 2.5em;
border-radius: 2px;
box-shadow: 2px 2px 4px #b9b9b9;
color: white;
text-transform: uppercase;
background: var(--main_bgr);
transition: .3s;
}
.post-type-archive-partner .more_btn:hover {
transform: translateY(-4px);
box-shadow: 4px 4px 8px #adadad;
transition: .5s;
background: var(--second_bgr);
}
.col_partner img {
object-fit: scale-down; background: #f5f5f5;
}
.single-partner h1, .single-customer h1 {
font-size: 1.3rem; color: #333
}
.single-partner .top, .single-customer .top {
margin:0; background: #f0fbff;
border:solid 1px #75d9ff;
}
.single-partner .top > div, .single-customer .top > div {
padding: 0;
}
.single-partner .top img, .single-customer .top img {
max-height: 225px; object-fit: scale-down;
}
.single-partner .top .col-8, .single-customer .top .col-8 {
display: flex; align-items: center; padding-left: 20px;
padding-right: 10px;
}
.single-partner .top .col-4, .single-customer .top .col-4 {
margin-left: 0;
}
.single-partner .container, .single-customer .container {
max-width: 1061px;
}
.single-partner .bottom , .single-customer .bottom {
padding:20px 0 30px; border-top:solid 1px #dddd; 
}
.single-partner .bottom_title , .single-customer .bottom_title {
margin-bottom: 15px;
}
.single-partner .center_info, .single-customer .center_info {
padding:30px; border-left: solid 1px #dddd; border-right: solid 1px #dddd;
background: #f9f9f9; text-align: justify;
}
.single-partner .related_title, .single-customer .related_title {
font-weight: bold; color: var(--title); font-size: 1.5rem;
margin-bottom: 15px; margin-top: 20px; border-top: solid 1px #dddd;
padding-top: 30px; 
}
.elementor-image-box-img img {
margin-left: auto; margin-right: auto;
}
.post-type-archive-dflip #content_archive_gtbh030620 .news-title {
display: block; text-align: center; font-size: 1rem;
}
.form_tuyen_dung .form_title {
font-weight: bold; font-size: 1.2rem; color: var(--main_txt);
}
.logo_shadow .uael-grid-img-thumbnail {
box-shadow: 1px 1px 8px gray; border-radius: 4px; overflow: hidden;
}
.logo_shadow .uael-grid-img-thumbnail img {
object-fit: contain;
}
.branch_list .name {
font-size: 1.2rem; font-weight: bold; position: relative;
}
.branch_list .name:after {
content:''; display: block; width: 60px; height: 1px;
background: #333; position: absolute; bottom: 0; left: 0;
}
.branch_list .branch {
padding:15px 0; border-bottom: solid 1px #dddd; cursor: pointer;
}
.branch_list .branch:first-child {
padding-top: 0;
}
.branch_list .branch:last-child {
border:none;
}
.google_map.shorcode_map iframe{
max-height: 300px
}
.left_bar_bgr {
height: 160%
}
.left_bar_bgr * {
height: 100% !important;
}
.service_accordion .ekit-wid-con .elementskit-accordion .elementskit-card-header>.elementskit-btn-link .ekit_accordion_icon_left_group {
padding: 16px; margin-right: 10px; background: black;
}
.form_dich_vu input {
height: 3em; padding-bottom: .5em !important; padding-top: .5em !important;
}
.form_dich_vu textarea {
height: 6em;
}
.form_dich_vu input, .form_dich_vu textarea {
width: 100%;
}
.form_dich_vu input.wpcf7-submit {
width: 100% !important; justify-content: center; cursor: pointer;
}
.form_dich_vu {
margin-left: -5px; margin-right: -5px;
}
.form_dich_vu .col-6 {
padding:0 5px;
}
.form_dich_vu .wpcf7-form-control-wrap {
display: block;
}
.form_dich_vu br {
display: none;
}
.approver.lenam .padding_ratio {
border-radius: 4px; box-shadow: 1px 1px 8px #ddd;
}
.approver.lenam .padding_ratio:before{
padding-bottom: 69.26%; 
}
.approver.lenam .padding_ratio img {
object-fit: contain;
}
.approver.lenam .col-3 {
margin-bottom: 30px;
}
.uael-woocommerce ul.products {
padding: 0; margin:0;
}
.uael-woocommerce .woocommerce-loop-product__title a {
color: inherit;
}
.search.search-results {
box-shadow: 2px 2px 4px #80808099;
}
.search.search-results #content_archive_gtbh030620 {
padding: 30px 0 !important;
}
.search.search-results #content_archive_gtbh030620 h1 {
margin-bottom: 0;
}
.search.search-results #content_archive_gtbh030620 .namlbn-breadcrumb a,
.search.search-results #content_archive_gtbh030620 .namlbn-breadcrumb p {
color: var(--title);
text-align: left;
} .simplesocialbuttons.simplesocial-simple-icons {
display: flex;
align-items: center;
padding-left: 5px;
}
.simplesocialbuttons.simplesocial-simple-icons:before {
content: "Share: ";
font-size: 17px;
font-weight: 600;
}  .related_posts .col_wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.related_posts .padding_ratio:before {
padding-bottom: 65%;
}
.related_posts ul {
display: flex;
padding: 0 !important;
border: none !important;
background-color: transparent !important;
border-radius: 0px !important;
}
.related_posts ul li {
max-width: 33.33%;
width: 33%;
padding: 10px 10px 10px 0;
}
.related_posts .col_content p {
font-weight: normal;
text-align: center;
padding: 10px 5px;
}
.related_posts .col_content {
border: 1px solid #ddd;
} #rev_slider_3_2_forcefullwidth {
display: none;
}
rs-row-wrap.rs-parallax-wrap {
width: 1200px !important;
left: 0 !important;
margin: 0 auto;
}
@media (min-width: 1400px){
rs-row-wrap.rs-parallax-wrap {
width: 1400px !important;
}
}
@media (min-width: 1600px){
.section_title {
font-size: 1.6rem;
}
}
@media (min-width: 1900px){
rs-row-wrap.rs-parallax-wrap {
width: 1750px !important;
}
h2.title {
font-size: 40px;
}
}
@media (min-width: 2400px){
rs-row-wrap.rs-parallax-wrap {
width: 2300px !important;
}
h2.title {
font-size: 42px;
}
}
@media (min-width: 3400px){
rs-row-wrap.rs-parallax-wrap {
width: 3300px !important;
}
h2.title {
font-size: 45px;
}
}
@media (max-width: 1024px) {
.sec-lvhd .pafe-image-accordion__item-content__text p {
margin-bottom: 10px!important;
width: 100%;
}
.sec-lvhd .pafe-image-accordion__item-content__text {
display: block;
}
.container.page_content .col-9 {
max-width: unset;
flex: 0 0 100%;
width: 100%;
}
.background_page {
padding:50px 0;
}
}
@media (max-width: 767px) {
.section_title {
font-size: 1.1rem;
}
#customer_login .u-column1.col-1, #customer_login .u-column2.col-2 {
flex: 100%;
max-width: 100%;
width: 100%;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
padding: 10px;
}
article.content-post h1.entry-title {
font-size: 1.6em;
}
.page-template-default .entry-title {
padding-bottom: 5px;
}
div#primary .container {
padding: 0 5px;
}
.container.page_content .col-9 {
max-width: 100%; flex:0 0 100%; width: 100%; padding:0;
}
.container.page_content .col-9 .entry-content {
box-shadow: none; text-align: justify;
}
.container.page_content .entry-content h1 {
font-size: 1.5rem; text-align: left;
}
.archive .col_partner {
max-width: 50%; flex:0 0 50%; width: 50%; margin-bottom: 10px;
}
.col_partner .partner-name {
font-size: 14px;
}
#content_archive_gtbh030620 .col_partner .col_content, .col_partner .col_content {
padding:10px 5px;
}
.single-partner .top img, .single-customer .top img {
margin:0 auto;
}
.single-partner .top .col-8, .single-customer .top .col-8 {
padding: 20px 10px; 
}
.single-partner .center_info, .single-customer .center_info {
padding:30px 10px;
}
.single-partner .col_partner, .single-customer .col_partner,
.single-partner .bottom .col-3, .single-customer .bottom .col-3 {
max-width: 230px; flex:0 0 230px; width: 230px;
}
.single-partner .related .row, .single-customer .related .row,
.single-partner .bottom .row, .single-customer .bottom .row {
flex-wrap: nowrap; overflow-x: scroll; margin:0;
}
.archive.woocommerce ul.products {
margin: 0 -5px;
margin-right: 5px;
}
.archive.woocommerce .product_wrapper {
padding: 0; padding-bottom: 10px;
}
.entry-content table {
display: block; overflow-x: scroll;
}
.post-type-archive-dflip #content_archive_gtbh030620 .col-3 {
flex:0 0 50%; max-width: 50%; margin-bottom: 10px;
}
.post-type-archive-dflip #content_archive_gtbh030620 main.container {
padding: 0;
}
.post-type-archive-dflip #content_archive_gtbh030620 ul.row {
margin:0; padding: 0
}
.post-type-archive-dflip #content_archive_gtbh030620 .col_content {
padding:10px 0;
}
.container.page_content .col-9 .entry-content {
padding: 10px;
}
.approver.lenam .row {
margin-left: -5px; margin-right: -5px;
}
.approver.lenam .col-3 {
max-width: 50%; flex: 0 0 50%; margin-bottom: 10px;
}
}
@media (max-width: 640px){
#rev_slider_1_1_forcefullwidth {
display: none;
}
#rev_slider_3_2_forcefullwidth {
display: block;
}
}
@media (max-width: 330px) {
:root {
font-size: 14px;
}
}
@keyframes zoom_banner {
0% { transform: scale(1) }
50% { transform: scale(1.1)}
100% { transform: scale(1) }
}
h2.title {
font-size: 38px;
font-weight: bolder;
margin-bottom: 45px;
text-align: center;
z-index: 1;
font-family: 'Oswald';
}
.col-form-contact input {
margin-bottom: 15px;
width: 100%;
padding: 10px;
}
.col-form-contact textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding: 10px;
}
.col-form-contact input[type="submit"] {
background-color: var(--main_bgr);
color: #fff;
border: none;
margin-top: 15px;
}
.col-form-contact input[type="submit"]:hover {
cursor: pointer;
background-color: #a30c12;
}
.namlbn-product-image-view:before {
content: '';
display: block;
padding-bottom: 100%;
}
.slider-banner {
height: 100vh;
}
@media (max-width: 768px){
.section_title {
font-size: 1.1rem;
}
}
@media (min-width: 1600px){
.namlbn-product-image-view:before {
padding-bottom: 80%;
}
}
@media (min-width: 1900px){
.namlbn-product-image-view:before {
padding-bottom: 65%;
}
}a.toggle_section {
position: absolute; bottom:0; left: 50%; transform: translateX(-50%) translateY(50%);
padding: .5em 1em; border-radius: 2px; background-color: var(--main_bgr); color: white
}
a.toggle_section:hover {
background-color: var(--third_bgr); transition: .5s
}
.page_section .section_content {
overflow: hidden;
}
rs-fullwidth-wrap#rev_slider_2_1_forcefullwidth {
display: none;
}
@media (max-width: 480px){
rs-fullwidth-wrap#rev_slider_2_1_forcefullwidth {
display: block;
}
rs-fullwidth-wrap#rev_slider_1_2_forcefullwidth {
display: none;
}
}.woocommerce .product_wrapper {
min-height: auto !important;
}
#main_product ul.products li {
padding-left: 0px;
}
#main_product ul.products {
margin-left: 0;
}
.woocommerce ul.products > li .star-rating {
display: none;
} .woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: var(--main_bgr);
border-color: var(--main_bgr);
color: #fff;
}
.woocommerce ul.products .woocommerce-loop-product__title {
text-align: center;
font-size: 15px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 7px;
padding-right: 7px;
background: #f7f7f7;
display: flex;
flex-direction: column; align-items: center;
justify-content: center;
height: 4em;
}
.archive.woocommerce #primary {
padding-top: 0;
}
#main_product .price, #main_product .brands {
padding: 5px 10px;
}
#main_product .price {
margin-top: 0;
}
.term-description {
margin-bottom: 20px;
} .cat-product-item h2.section_title {
color: #fff;
margin-bottom: 0;
}
.cat-product-item .cat-title {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--main_bgr);
border-bottom-left-radius: 6px;
margin-bottom: 15px;
}
.cat-product-item a.see-all {
color: #000;
font-size: 15px;
display: flex;
align-items: center;
font-family: 'Oswald';
}
.cat-product-item a.see-all i {
font-size: 13px;
margin-left: 5px;
}
.cat-product-item a.see-all:hover {
color: var(--title);
transition: .2s;
}
.cat-product-item {
width: 100%;
margin: 0 15px;
margin-bottom: 15px;
} @media (min-width: 1400px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 16px;
}
}
@media (min-width: 1900px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 18px;
}
}
@media (min-width: 2400px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 20px;
}
}
@media (min-width: 3400px){
.woocommerce ul.products .woocommerce-loop-product__title {
font-size: 22px;
}
}
@media (max-width: 1024px){
.archive.woocommerce h1 {
text-align: center; 
}
}
@media (max-width: 640px){
.cat-product-item {
margin-left: 7px;
margin-right: 7px;
}
}.title_sidebar, aside p.widgettitle {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 7px;
margin: 0;
position: relative;
color: #000;
letter-spacing: 2px;
font-size: 16px;
text-transform: uppercase; font-weight: bold
}
.title_sidebar:before, aside p.widgettitle:before {
content: '';
position: absolute;	
left: 0;
width: 85px;
background: var(--title);
height: 3px;
bottom: 0px;
}
aside ul li.widget {
padding: 0px !important;
}
aside ul li.widget a,
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a,
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 15px;
color: #000;
z-index: 3;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a,
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 14px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu li,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy ul.sub-menu li,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy {
border-bottom: 1px solid #ccc;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu li:last-child,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy ul.sub-menu li:last-child {
border-bottom: inherit;
}
aside ul li.widget a:hover,
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a:hover,
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy a:hover {
color: var(--title) !important;
}
.main_sidebar ul {
margin-top: 0;
}
.main_sidebar {
max-width: 22%;
padding: 0 7px;
}
.row.sec_pro_ntv .col-9 {
flex: 0 0 78%;
max-width: 78%;
width: 78%;
}
.list_sidebar_news .post_nd p.title_post_nd {
font-size: 13px;
color: #333;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.list_sidebar_news .post_nd p {
font-size: 12px;
}
.list_sidebar_news .post_nd p.title_post_nd a {
color: #000;
}
.list_sidebar_news .post_nd p.title_post_nd:hover {
color: var(--main_bgr);
}
.post_nd p {
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
color: #3b3333;
}
.item {
display: flex;
flex-direction: row;
padding: 10px;
}
.post_date {
display: flex;
flex: 0 0 22%;
max-width: 22%;
justify-content: center;
flex-direction: column;
border-right: 1px solid #f4f4f4;
position: relative;
}
.post_nd {
padding-left: 20px;
}
.post_date:before {
content: "";
position: absolute;
top: calc(50% - 4.5px);
background: var(--title);
width: 9px;
height: 9px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
right: -5px;
z-index: 4;
}
p.ngay {
font-size: 30px;
margin-bottom: 0;
}
p.nam {
color: #757575;
font-size: 13px;
margin-bottom: 0;
}
.btn_xthembv {
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
color: #757575;
}
.btn_xthembv:hover {
color: var(--main_bgr);
}
aside ul li.widget.WOOF_Widget {
padding: 0px;
} .woof_container_inner.woof_container_inner_snphmmusc h4 {
display: none;
}
.woof_closed_block { display: block!important; }
button.button.woof_reset_search_form {
margin-left: 5px;
}
aside button.button.woof_submit_search_form {
padding: 0.618em 1em;
background-color: var(--main_bgr);
color: #fff;
border: none;
}
#open_sidebar, .close-sidebar-btn, #open_sidebar_post, .close-sidebar-post-btn {
display: none;
}
label.woof_checkbox_label {
font-size: 15px;
margin-left: 0;
} .main_sidebar li.menu-item.menu-item-type-taxonomy {
padding: 0.5rem 0;
margin-bottom: 0;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy:last-child,
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy:last-child,
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy:last-child {
border-bottom: none;
padding-bottom: 0;
}
.sidebar_tax li.menu-item-has-children,
.sidebar_all_tax li.menu-item-has-children {
position: relative;
}
.sidebar_tax li.menu-item-has-children a:hover,
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a:hover {
color: var(--title);
}
.sidebar_tax li.menu-item-has-children i:hover,
.sidebar_all_tax li.menu-item-has-children i:hover {
cursor: pointer;
color: var(--title);
}
.sidebar_tax li.menu-item-has-children > i,
.sidebar_all_tax li.menu-item-has-children > i {
color: #a29b9b;
right: 0px;
display: flex;
justify-content: flex-end;
align-items: center;
height: 2.3em;
top: 0;
transform: translateY(0);
z-index: 2;
}
.sidebar_tax li.menu-item-has-children.is_active > i,
.sidebar_all_tax li.menu-item-has-children.is_active > i {
z-index: 0;
color: var(--main_bgr);
}
.sidebar_tax li.menu-item-has-children.is_active > i:before,
.sidebar_all_tax li.menu-item-has-children.is_active > i:before {
transform: rotateZ(90deg);
}
.sidebar_tax li.menu-item-has-children > i:before,
.sidebar_all_tax li.menu-item-has-children > i:before {
transition: 0.4s;
}
.sidebar_tax li.menu-item-has-children ul.sub-menu,
.sidebar_all_tax ul.sub-menu {
padding-left: 10px !important;
overflow: hidden;
}
.sidebar_tax li.menu-item-has-children ul.sub-menu li:last-child,
.sidebar_all_tax ul.list_tax_pro ul.sub-menu li:last-child {
padding-bottom: 0;
}  .sidebar_list_brands {
margin-top: 20px;
}
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy {
border-bottom: 1px solid #ccc;
}
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a {
color: #000;
} @media (min-width: 1600px){
.title_sidebar, aside p.widgettitle {
font-size: 17px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 16px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 15px;
}
}
@media (min-width: 1900px){
.title_sidebar, aside p.widgettitle {
font-size: 18px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 17px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 16px;
}
}
@media (min-width: 2400px){
.title_sidebar, aside p.widgettitle {
font-size: 20px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 18px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 17px;
}
}
@media (min-width: 3400px){
.title_sidebar, aside p.widgettitle {
font-size: 22px;
}
aside ul li.widget a, 
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_list_brands ul.brand-tax.menu li.menu-item.menu-item-type-taxonomy a, 
.sidebar_all_tax ul.list_tax_pro li.menu-item.menu-item-type-taxonomy a {
font-size: 19px;
}
.sidebar_tax ul.product-categories.menu li.menu-item.menu-item-type-taxonomy ul.sub-menu a, 
.sidebar_all_tax li.menu-item.menu-item-type-taxonomy ul.sub-menu a {
font-size: 18px;
}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
.row.sec_pro_ntv .col-9 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
#open_sidebar, #open_sidebar_post {
position: fixed;
top: 30%;
left: 0;
width: 60px;
height: 50px;
text-align: center;
z-index: 9;
font-size: 1.5em;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-style: solid;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border-color: unset;
background-color: var(--main_bgr);
color: var(--main_bgr);
opacity: .9;
transition: .2s all ease;
-webkit-transition: .2s all ease;
}
#open_sidebar i, #open_sidebar_post i { font-size: 25px; color: #fff }
.sec_pro_ntv .col-9 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
padding: 0 15px;
}
.close-sidebar-btn, .close-sidebar-pro-btn, .close-sidebar-post-btn {
display: block;
text-align: right; margin-bottom: 15px
}
.close-sidebar-btn span, .close-sidebar-pro-btn span, .close-sidebar-post-btn span {
color: #fff;
font-weight: 700;
background: #000;
padding: 10px 15px; display: inline-block;
}
.main_sidebar.show, .main_sidebar aside.show {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition: .6s;
padding: 0;
flex: 0 0 100%;
max-width: 100%;
overflow-y: scroll;
}
.main_sidebar {
position: fixed;
top: 0;
left: 0;
width: 50%;
height: 100%;
transform: translateX(-100%);
max-height: 100%;
background: #fff;
z-index: 999;
padding: 0;
opacity: 0;
visibility: hidden;
transition: .6s;
box-shadow: 2px 1px 4px #00000040;
}
.main_sidebar aside {
padding-right: 15px;
}
}
@media (max-width: 640px){
.main_sidebar {
width: 85%;
}
}.woo_amc_open_image svg.cart-icon-header {
width: 26px !important;
fill: #fff !important;
}
.woo_amc_open {
width: fit-content !important;
height: auto !important;
background: transparent !important;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 20px;
}
.woo_amc_open p.woocommerce-mini-cart__empty-message {
position: absolute;
left: 0;
width: 200px;
left: -100px;
background: #fff;
bottom: -50px;
}
.woo_amc_open_image {
width: fit-content !important;
height: auto !important;
}
.woo_amc_open_count {
font-size: 13px !important;
width: 20px !important;
height: 20px !important;
line-height: initial !important;
top: -2px !important;
display: flex;
align-items: center;
justify-content: center;
} .header_container {
display: flex;
}
#dsk-header {
background: white;
}
#dsk-header .col_logo img {
height: 100px; width: auto; object-fit: scale-down; max-width: 220px;
}
#dsk-header .col_logo {
display: flex; 
align-items: center;
background: #fff;
z-index: 2;
padding: 0 25px;
}
#dsk-header .col_right {
display: flex;
flex-direction: column;
flex-grow: 1;
}
#dsk-header .col_right .top_bar {
color: #000; 
display: flex; 
padding: 10px 15px; width: 100%;
}
#dsk-header .col_right .top_bar a {
color: #000;
font-weight: 500;
}
#dsk-header .top_bar .col_mail a i,
#dsk-header .top_bar .col_phone a i,
#dsk-header .top_bar .col_support i {
padding-right: 5px;
}
#dsk-header .col_right .top_bar .col_social {
padding:0 11px;
}
#dsk-header .col_right .top_bar > * {
display: flex; align-items: center; padding:0 10px;
font-size: 14px;
font-weight: 500;
}
#dsk-header .searchform {
width: 270px;
}
.top_bar button.promagnifier {
border-radius: 50% !important;
background: #DC1F26 !important;
}
#ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier {
width: auto !important;
}
.top_bar #ajaxsearchpro1_1 .probox .promagnifier div.innericon, 
.top_bar #ajaxsearchpro1_2 .probox .promagnifier div.innericon, 
.top_bar div.asp_m.asp_m_1 .probox .promagnifier div.innericon {
width: 20px !important;
}
.top_bar div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg {
width: 20px !important;
}
#dsk-header .col_custom_header {
margin-left: auto;
padding-right: 0 !important;
width: 33%;
}
#dsk-header .col_right .col_lang a{
display: inline-block;
}
#dsk-header .searchform input {
border: 1px solid #e6e6e6 !important;
font-style: italic;
font-size: 14px !important;
}
#dsk-header .searchform input:focus {
outline: none;
}
#dsk-header button.searchsubmit {
background: var(--main_bgr);
color: #fff;
padding: 5px 10px;
}
#dsk-header .user_header {
margin: 0 15px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#dsk-header .user_header i {
font-size: 20px;
}
#dsk-header .col_lang {
height: 100%;
display: flex;
align-items: center;
}
.wpml-ls-legacy-list-horizontal ul {
display: flex;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
margin-top: -5px;
}
.wpml-ls-legacy-list-horizontal, .wpml-ls-legacy-list-horizontal a {
border:none; padding: 0;
}
.wpml-ls-legacy-list-horizontal ul .wpml-ls-item:last-child {
margin-left: 5px;
}
#dsk-header .social {
display: flex;
align-items: center;
}
#dsk-header .social li {
display: flex; 
align-items: center;
justify-content: center;
margin:0 5px;
border-radius: 4px;
width: 25px;
height: 25px;
}
#dsk-header .social li.facebook {
background: #4267B2;
}
#dsk-header .social li.youtube {
background: red;
}
#dsk-header .social li.whatsapp {
background: #25d366;
}
#dsk-header .social li.zalo a {
padding: 2px;
}
#dsk-header .social li.zalo {
background: #1182fc;
}
#dsk-header .social li a {
display: block; line-height: 0; color: #fff !important;
padding: 5px 8px;
}
#dsk-header .social li a i {
font-size: 15px;
}
#dsk-header .social li svg {
width: 25px;
height: 25px;
}
#dsk-header .bottom_bar {
position: relative;
background: linear-gradient(0deg, #CA2128, #e90710f5);
margin-bottom: 5px;
}
#dsk-header .bottom_bar:before {
content: '';
position: absolute;
top: -6px;
left: 0;
width: 100%;
height: 2px;
background: #d2d2d2;
}
#dsk-header .bottom_bar .col_main_header {
display: flex; justify-content: space-around;
padding:0px 0px; flex:auto;
padding-right: 5px;
}
.menu_policy_header {
display: flex;
align-items: center;
justify-content: center;
padding-top: 2px;
}
#dsk-header .search_icon {
background: #009345; display: flex; min-width: 58px;
justify-content: center; align-items: center;
color: white;
}
#dsk-header ul.menu a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 500;
}
#dsk-header ul.menu ul.sub-menu a {
font-size: 15px;
}
#dsk-header ul.menu ul.sub-menu ul.sub-menu a {
font-size: 14px;
}
#dsk-header ul.menu > li > a {
display: flex; align-items: center;
padding: .5em .7em; color: #fff;
}
#dsk-header ul.menu > li:hover {
background: var(--main_bgr);
}
#dsk-header ul.menu > li, #dsk-header .col-menu {
flex-grow: unset; padding: 0;
}
#dsk-header .col-menu {
padding-right: 15px;
}
#dsk-header ul.menu > li{
display: flex; align-items: stretch; border:none;
padding-right: 20px;
}
#dsk-header li.menu-item.current-menu-item.current_page_item > a {
font-weight: bold;
}
#dsk-header li.menu-item:hover a:hover {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff !important;
font-weight: bold;
}
#dsk-header ul.menu > li > ul.sub-menu > li > a {
text-transform: unset;
}
#dsk-header ul.sub-menu {
background-color: #fff;
}
#dsk-header ul.sub-menu li:hover > a {
color: #fff !important;
}
#dsk-header ul.menu > li > ul.sub-menu {
left: -45px !important;
}
#dsk-header ul.sub-menu li {
width: 210px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #fff;
} #dsk-header ul.menu ul.sub-menu a {
padding: 8px 10px 8px; color: #000;
}
#dsk-header ul.menu li:hover > a {
transition: 0s;
-webkit-transition: 0s;
}
#dsk-header ul.sub-menu ul.sub-menu {
transform: unset;
-webkit-transform: unset;
opacity: 0;
}
#dsk-header ul.sub-menu li:last-child ul.sub-menu {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 57vh;
}
#dsk-header ul.sub-menu li:last-child ul.sub-menu li ul.sub-menu li {
display: flex;
flex-grow: 1;
align-items: center;
}
#dsk-header .menu li.menu-item-has-children {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
#dsk-header li.menu-item-has-children > i {
right: 5px !important;
font-size: 12px;
transform: translateY(0px);
position: relative !important;
top: 0 !important;
transition: .3s;
}
#dsk-header li.menu-item-has-children:hover > i {
transform: rotateZ(-90deg);
transition: .3s;
}
#dsk-header ul.menu li:hover {
background: linear-gradient(0deg, #CA2128, #e90710f5) !important;
}
#dsk-header ul.sub-menu i {
right: 5px !important;
}
#dsk-header ul.sub-menu i {
color: #6a5b5b !important;
}
#dsk-header ul.sub-menu li:hover > i {
color: #fff !important;
}
#dsk-header ul.sub-menu li:hover > ul.sub-menu {
-webkit-transform: unset;
transform: unset;
opacity: 1;
}
.search_popup.popup {
display: flex; flex-direction: column; align-items: center;
justify-content: stretch;
}
.search_popup.popup.show {
opacity: 1; visibility: visible; transition: .5s;
}
.search_popup .popup-bgr {
background: white; z-index: 0; opacity: .8
}
.search_popup .close_popup {
display: inline-block; font-size: 50px; width: 50px; height: 50px;
line-height: 50px; color: white; position: relative; font-weight: normal;
align-self: flex-end; text-align: center; background: var(--main_bgr);
}
.search_popup .close_popup:hover {
background: var(--second_bgr); transition: .5s
}
.search_popup form {
max-width: 600px; width: 96vw; overflow: visible;
}
.search_popup .searchform input {
padding:1em 1.5em; border-radius: 5em;
box-shadow: 1px 1px 5px #959595;
}
.search_popup .searchform button {
padding-right: 1.5em;
}
.search_popup.popup .popup_content {
margin-top: 200px; margin-bottom: auto;
width: auto; height: auto; min-height: unset;
} .col_menu_fix {
background: linear-gradient(0deg, #CA2128, #e90710f5);
display: none;
}
#dsk-header.fixed .col_menu_fix {
display: flex;
align-items: center;
justify-content: space-between;
width: 83%;
}
#dsk-header.fixed .woo_amc_open_count {
top: 5px !important;
}
.col_menu_fix .content_fix {
display: flex;
align-items: center;
justify-content: space-between;
}
#dsk-header.fixed .col_menu_fix .logo_fix {
display: flex;
align-items: center;
}
.col_menu_fix form.searchform,
.col_menu_fix .search_fix {
margin-left: 25px;
margin-right: 25px;
width: 400px !important;
}
.col_menu_fix button.searchsubmit,
.col_menu_fix .search_fix button.promagnifier {
background: #F7CA18 !important;
}
#dsk-header.fixed .header_container .phone_right {
display: flex;
margin: 5px 0;
align-self: center;
}
#dsk-header.fixed .header_container .logo_fix .col-menu {
display: block;
}
#dsk-header.fixed .col-menu,
#dsk-header.fixed .col_logo {
display: none;
}
.phone_right {
display: none;
}
#dsk-header .header_container .phone_right {
background: #fff;
border-radius: 15px;
padding: 10px 15px;
}
#dsk-header .header_container .phone_right:hover {
cursor: pointer;
background: #f9d10c;
}
#dsk-header .header_container .phone_right:hover a {
color: #fff;
}
#dsk-header .header_container .phone_right a {
color: #443f3f;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}
#dsk-header .header_container .phone_right i {
margin-right: 7px;
}
.col_menu_fix .logo_fix a.custom-logo-link {
background: #fff;
}
.col_menu_fix .col-menu {
margin-left: 15px;
}
.col_menu_fix .logo_fix img {
height: 60px;
object-fit: contain;
} #dsk-header.fixed {
position: fixed; z-index: 99; width: 100%; transform: translateY(-120%);
top:0;
}
#dsk-header.fixed .col_logo img {
height: 50px;
}
#dsk-header.fixed .col_right .top_bar {
display: none;
}
#mobile-header, #dsk-header {
position: relative; z-index: 500;
}
#mobile-header.fixed, #dsk-header.fixed {
box-shadow: 0px 0px 8px #83838342;
}
#dsk-header.fixed .col_main_header.container_contact_header {
padding-left: 0;
}
#dsk-header.fixed .header_container {
display: block;
}
#dsk-header.fixed ul#menu-menu-main { justify-content: center; }
#dsk-header.fixed .bottom_bar { margin-bottom: 0; } .col-right-cart {
display: flex;
}
.menu_right_header {
position: relative;
display: flex;
align-items: center;
padding: 0 15px;
cursor: pointer;
}
.menu_policy_header:hover .col-menu-policy ul {
opacity: 1;
visibility: visible;  
}
.menu_right_header .col-menu-policy ul {
flex-direction: column;
position: absolute;
top: calc(100% - 35px);
right: 0;
max-width: 300px;
opacity: 0;
visibility: hidden;
padding-top: 30px !important;
}
.menu_right_header .col-menu-policy ul li ul.sub-menu {
padding-top: 0 !important;
}
.menu_right_header .col-menu-policy ul li {
width: 240px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #fff;
}
.menu_right_header .col-menu-policy ul li a {
color: #000 !important;
font-size: 14px !important;
}
.menu_right_header .col-menu-policy ul.menu li:hover > a {
color: #fff !important;
}
.menu_right_header .col-menu-policy ul.menu li {
padding-right: 2px !important;
}
#dsk-header .menu_right_header .col-menu-policy ul.menu>li>ul.sub-menu {
left: -100% !important;
top: 0 !important;
width: 100% !important;
}
.menu_right_header .col-menu-policy ul.menu li ul.sub-menu li {
width: auto !important; 
}
.menu_right_header .menu_policy_header i {
color: #fff;
font-size: 20px;
}
.menu_right_header .menu_policy_header li.menu-item i {
color: #000;
}
.menu_right_header .menu_policy_header li.menu-item-has-children:hover>i {
color: #fff;
} @media (min-width: 1600px){
#dsk-header .col_right .top_bar > * {
font-size: 16px;
}
#dsk-header ul.menu a {
font-size: 17px;
}
}
@media (min-width: 1900px){
#dsk-header .col_right .top_bar > * {
font-size: 18px;
}
#dsk-header ul.menu a {
font-size: 18px;
}
}
@media (min-width: 2400px){
#dsk-header .col_right .top_bar > * {
font-size: 20px;
}
#dsk-header ul.menu a {
font-size: 19px;
}
}
@media (min-width: 3400px){
#dsk-header .col_right .top_bar > * {
font-size: 22px;
}
#dsk-header ul.menu a {
font-size: 20px;
}
}
@media (max-width: 1024px){
.mobile_menu {
z-index: 99999 !important;
}
.col_search_mobile {
display: flex;
flex-direction: column;
justify-content: end;
}
#mobile-header .woo_amc_open_image svg.cart-icon-header {
width: 35px !important;
}
#mobile-header .woo_amc_open path {
fill: #000;
}
#mobile-header .woo_amc_open_count {
top: -10px !important;
}
#mobile-header .wpml-ls-legacy-list-horizontal .wpml-ls-item {
margin-top: 0;
}
#mobile-header.fixed {
position: fixed; z-index: 99; width: 100%; transform: translateY(-120%);
top:0;
}
#mobile-header.fixed .logo a img {
height: 65px;
}
#mobile-header.fixed .language {
display: none;
}
#mobile-header .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
width: 26px;
}
#mobile-header.fixed .search_icon {
align-self: center;
}
#dsk-header {
display: none;
}
#mobile-header a.glink img {
width: 25px; margin:0 2px;
}
#mobile-header .language {
padding-bottom: 10px
}
.mobile_menu.flex.hide { transition: .5s; }
.header-top-center {
border-left: none;
padding-right: 0;
}
.header-menu {
justify-content: center;
}
.user_header {
padding-left: 20px;
padding-right: 20px;
}
.container.header-main {
display: none;
} .mobile_menu .col_wrapper .menu_container { width: 320px; }
.contact_header {
display: flex;
background: #252a2c;
padding: 0 5px;
}
.left_contact_header {
display: flex;
align-items: center;
flex: 0 0 auto;
padding-right: 10px;
}
.search_contact_header {
display: flex;
align-items: center;
flex-grow: 1;
}
.list_social_header img {
width: 40px;
height: 40px;
}
.list_social_header svg, .list_social_header i {
width: 40px;
height: 40px;
color: #fff;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
}
ul.list_social_header {
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
margin: 0;
}
.search_form {
width: 100%;
}
.search_form input {
background: inherit;
}
.search_form .searchform {
border: 1px solid #464141c2;
}
.search_form i.fas.fa-search {
color: #9c9090;
}
ul.list_social_header li {
margin-bottom: 0;
width: auto;
height: 100%;
margin-right: 1px;
}
ul.list_social_header li a {
display: block;
width: auto;
height: 100%;
background-color: rgba(255,255,255,.05);
}
#mobile-header .mobile_menu_bar_ep {
padding: 5px 10px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
#mobile-header .logo a {
display: block;
}
#mobile-header .logo a img {
max-height: 83px;
object-fit: contain;
object-position: left;
}
#mobile-header .mobile_menu_bar {
background-color: var(--main_bgr);
color: #fff;
cursor: pointer;
font-size: 1.2rem;
text-align: center;
width: 54px; height: 48px; justify-content: center; align-items: center;
display: flex; padding: 0; margin-left: 2px;
}
#mobile-header .search_icon {
font-size: 23px; align-self: flex-end; width: 1.6em;
text-align: center;
height: 1.6em;
line-height: 1.6em;
margin-right: 10px;
color: var(--title);
}
#mobile-header.fixed .search_icon {
font-size: 20px;
}
#mobile-header.fixed .mobile_menu_bar {
font-size: 1rem;
width: 45px;
height: 40px;
}
#mobile-header .col_right > .col_wrapper.flex {
flex-direction: column; justify-content: flex-end;
align-items: end;
}
.contact_mobile_header {
display: flex;
}
.contact_mobile_header span a {
color: #777;
font-size: 18px;
}
.contact_mobile_header span {
padding-right: 30px;
}
#mobile-header .header-top-right {
display: flex;
}
#mobile-header .widget_shopping_cart {
display: none;
position: absolute;
top: 100%;
right: 0;
padding: 15px;
background-color: white;
z-index: 2;
min-width: 400px;
}
#mobile-header.fixed .mobile_menu_bar_ep {
padding: 5px 10px;
}
#mobile-header.fixed .col_right.flex {
align-items: center;
}
}
@media (max-width: 768px){
.mobile_menu_bar_ep.flex .user_header {
display: none;
}
.header-top-right {
border-right: none;
}
.mobile_menu .col_wrapper .menu_container .user_header {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0;
}
#mobile-header .header-top-right {
padding-left: 17px;
}
#mobile-header .contact_mobile_header span {
padding-right: 23px;
}
#mobile-header .header-top-center {
padding-right: 0;
}
}
@media (max-width: 640px){
#mobile-header .woo_amc_open_image svg.cart-icon-header {
width: 27px !important;
}
#mobile-header ul.woocommerce-mini-cart.cart_list.product_list_widget {
padding-left: 0;
}
#mobile-header.fixed .col_search_mobile {
margin-right: 0;
}
#mobile-header .mobile_menu_bar {
font-size: 1rem;
width: 40px;
height: 35px;
}
.col_search_mobile {
margin-right: -15px;
}
.header-top-right {
padding-right: 0;
}
#mobile-header .header-top-center {
display: none;
}
#mobile-header .header-top-right {
padding-left: 25px;
}
#mobile-header .contact_mobile_header span { display: none; }
.container {
padding: 0 10px;
}
}
@media (max-width: 330px){
.mobile_menu .col_wrapper .menu_container {
max-width: 280px;
}
}footer .img-logo-footer img {
margin: 0 auto;
}
footer .col-menu-policy ul {
padding-left: 20px;
margin: 0;
color: var(--title);
}
footer .col-menu-policy ul li {
margin-bottom: 15px;
}
footer .col-menu-policy ul li a {
color: #fff;
}
footer .col-menu-policy ul li a:hover {
color: var(--title);
}
footer .elementor-social-icons-wrapper i {
display: flex;
width: auto !important;
height: 100% !important;
align-items: center;
justify-content: center;
}
#site-footer:before, #site-footer:after  {
content: none;
}
.hotline-phone-ring-wrap { z-index: 499; }
#site-footer .back-top i {
color: #fff;
}
#site-footer .fixed_footer {
display: none;
}
.hotline-phone-ring-wrap {
bottom: 182px;
left: 0;
width: 220px;
}
#mes-icon {
bottom: 25px;
left: -14px;
width: 230px;
}
.hotline-bar {
padding-left: 37px;
left: 33px;
width: 310px;
opacity: 0;
visibility: hidden;
}
.hotline-phone-ring-wrap:hover .hotline-bar {
opacity: 1;
visibility: visible;
}
.zalo-container.right {
right: 15px;
bottom: 185px;
z-index: 100;
}
.fanpage-container.right {
position: fixed;
width: 40px;
height: 40px;
z-index: 8;
right: 15px;
bottom: 115px;
}
.fanpage-container.right.whatsapp {
bottom: 46px;
}
.whatsapp {
width: 30px;
height: 30px;
}
.whatsapp .cmoz-alo-circle {
border-color: #e60808; 
}
.whatsapp .cmoz-alo-circle-fill {
background-color: #e60808;
}
.fanpage-container.right.whatsapp span {
background-color: #e60808;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
padding: 5px;
}
.fanpage-container.right span {
background: #1182fc; position: relative;
}
#site-footer .back-footer .back-top {
position: relative;
justify-content: center;
bottom: inherit;
left: inherit;
border-radius: 0;
color: #fff;
background-color: transparent;
box-shadow: none;
width: 100%;
height: auto;
z-index: 1;
display: flex !important;
}
#site-footer .back-footer .back-top .elementor-widget-container {
display: flex;
}
#site-footer .back-footer .back-top .elementor-widget-container i {
font-size: 16px;
margin-left: 5px;
}
#site-footer .back-top {
right: inherit;
bottom: 46px;
left: 10px;
opacity: 1;
}
.fix_breadcrumb {
background: #fcfcfc;
box-shadow: rgb(3 3 3 / 20%) 0px 8px 24px;
opacity: 0;
visibility: hidden;
height: 0;
transition: .5s;
}
.tax-product_cat .fix_breadcrumb, .post-type-archive-product .fix_breadcrumb {
display: none !important;
}
.fix_breadcrumb .namlbn-breadcrumb {
padding: 9px 0;
}
.fix_breadcrumb .namlbn-breadcrumb p {
color: #000;
margin-bottom: 0;
font-size: 15px;
}
.fix_breadcrumb.fix {
opacity: .8;
visibility: visible;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
height: auto;
transition: .5s;
}
.form_popup_vat {
display: none;
}
#site-footer #form_popup_pro input.wpcf7-submit {
display: block !important;
}
@media (max-width: 1024px){
.hotline-phone-ring-wrap {
bottom: 125px;
}
#mes-icon {
bottom: 0;
right: 15px;
width: 19%;
}
#site-footer .back-top {
bottom: 15px;
}
.zalo-container.right {
right: 20px;
bottom: 225px;
}
.fanpage-container.right {
right: 20px;
bottom: 155px;
}
.fanpage-container.right.whatsapp {
bottom: 85px;
right: 20px;
}
}
@media (max-width: 768px){
.zalo-container.right, .fanpage-container.right, .fanpage-container.right.whatsapp {
right: 15px;
}
}
@media (max-width: 650px){
#site-footer .fixed_footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: stretch;
position: fixed;
z-index: 99;
background-color: #322b2b;
left: 0;
bottom: 0;
width: 100%;
}
#site-footer .fixed_footer > a {
display: flex; flex-direction: column; justify-content: space-around;
color: #fff;
text-decoration: none;
text-align: center;
padding: 5px 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#site-footer .fixed_footer img {
margin:0; margin-bottom: auto;
}
#site-footer .fixed_footer a i {
color: #fff;
}
.fanpage-container.right {
display: none;
}
.fix_breadcrumb.fix {
bottom: 50px;
}
.fix_breadcrumb .namlbn-breadcrumb {
padding: 7px 0;
}
.home .copy-right-footer {
padding-bottom: 0 !important;
}
}
@media (max-width: 640px){
#site-footer .back-top {
bottom: 75px;
}
#site-footer .back-top {
right: 14px;
}
footer#site-footer {
padding: 20px 0px;
padding-bottom: 50px;
}
.row.sec_menu_footer .col-3 {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
#site-footer .fixed_footer a span {
font-size: 15px;
}
}
@media (max-width: 500px){
#site-footer .fixed_footer > a {
padding: 4px 4px;
}
}
@media (max-width: 425px){
#site-footer .fixed_footer a span {
font-size: 13px;
}
}
@media (max-width: 330px){
#site-footer .fixed_footer a span {
font-size: 11px;
}
}.container.tags {
padding-left: 0;
}
#content_archive_gtbh030620 {
padding-bottom: 20px; padding-top: 0;
}
#content_archive_gtbh030620 .news-title {
font-size: 1.2em;
display: flex;
flex: auto;
}
#content_archive_gtbh030620 p.news-excerpt {
color: #333;
opacity: .9;
font-size: 15px;
margin-bottom: 0px;
display: -webkit-box;
max-width: 100%;
height: 6em;
margin: 0 auto;
line-height: 1.5;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#content_archive_gtbh030620 .read-more {
color: #000;
font-size: 15px;
font-weight: 600;
color: #222222;
}
#content_archive_gtbh030620 .col_content {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#content_archive_gtbh030620 .read-more i {
color: #f26724;
}
#content_archive_gtbh030620 .news-date {
display: flex;
align-items: center;
margin-top: 10px;
font-size: .8em;
opacity: .7;
}
#content_archive_gtbh030620 .news-title a {
color: #000;
}
#content_archive_gtbh030620 .news-excerpt {
flex-grow: initial;
}
#content_archive_gtbh030620 .col_wrapper:after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: auto;
right: 0;
bottom: 0;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#content_archive_gtbh030620 .col_wrapper:hover:after {
background-color: red;
left: 0;
right: auto;
width: 100%;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.content-single-post .gallery-item-buttons {
text-align: center;
} .search.search-results .col_wrapper {
position: relative;
}
.search.search-results .col_content {
padding: 0 !important;
}
.search.search-results a.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
overflow: visible;
padding: 0.618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: white;
border: 0;
box-shadow: none;
text-shadow: none;;
}
.search.search-results .news-title {
text-align: center;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 7px;
padding-right: 7px;
color: #000;
background: #f7f7f7;
justify-content: center;
margin-bottom: 0;
}
.search.search-results .news-title a {
color: inherit;
line-height: 1.3; 
word-break: break-all;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: block !important;
display: -webkit-box !important;
text-overflow: ellipsis;
overflow: hidden;
min-height: 0em;
word-break: break-word;
}
.search.search-results .price {
text-align: center;
}
.search.search-results p.brands {
padding-bottom: 10px;
}
.search.search-results a.padding_ratio:before {
padding-bottom: 100% !important;
} @media (max-width: 768px){
#content_archive_gtbh030620 {
padding: 30px 10px;
}
#content_archive_gtbh030620 .col-4 {
flex: 0 0 50%;
max-width: 50%; margin-bottom: 10px;
}
#content_archive_gtbh030620 .col_content {
padding:10px 5px;
}
#content_archive_gtbh030620 .news-title {
font-size: 1rem;
}
#content_archive_gtbh030620 .read-more {
font-size: 12px;
}
#content_archive_gtbh030620 .news-date {
font-size: 12px; margin-top: 8px;
}
#content_archive_gtbh030620 p.news-excerpt {
font-size: 14px;
}
}
@media (max-width: 640px){
#content_archive_gtbh030620 {
padding: 30px 5px;
}
.search.search-results ul.row {
margin: 0 !important;
}
.search.search-results ul.row li {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
padding-left: 0;
margin-bottom: 15px !important;
}
.search.search-results ul.row li:nth-child(2n) {
padding-right: 0;
}
.single-post #primary, .page #primary {
padding: 0px;
}
.content-single-post {
padding: 0 7px !important;
}
.content-single-post .col-9 #main {
padding: 10px;
display: flex;
flex-direction: column;
box-shadow: none;
}
}
@media (max-width: 425px){
#content_archive_gtbh030620 .col-4 {
flex: 0 0 100%;
max-width: 100%;
}
#content_archive_gtbh030620 .read-more {
font-size: 14px;
}
#content_archive_gtbh030620 .news-date {
font-size: 14px;
}
#content_archive_gtbh030620 .col_content {
padding:15px 10px;
}
}.title_featured {
border-bottom: 1px solid var(--main_bgr);
border-bottom-left-radius: 7px;
margin-bottom: 20px;
}
.title_featured .section_title {
margin-bottom: 0 !important;
}
.section_product {
width: 100%;
position: relative;
}
.section_product ul.products {
margin: 0 !important;
}
li.product .quantity {
display: none;
}
.section_title a {
color: #fff;
font-family: 'Oswald';
}
.section_title {
padding: 5px 10px;
width: fit-content;
position: relative;
background: var(--main_bgr);
border-radius: 5px;
border-bottom-right-radius: 0;
border-top-right-radius: 20px;
padding-right: 15px;
}
.section_title:before {
content: "";
position: absolute;
top: 0;
right: -20px;
background: var(--main_bgr);
width: 30px;
height: 100%;
clip-path: polygon(100% 100%, 0 0, 0 105%);
border-top-left-radius: 20px;
}
.section_product li.product {
border: 1px solid #e5e5e5;
padding: 0 !important;
margin-bottom: 0 !important; }
.section_product .slick-track {
display: flex;
}
.section_product .slick-list {
width: 100% !important;
}  .tab_main_pro_test .slick-track {  }
.section_product .body_content_pro  h3.woocommerce-loop-product__title{
display: flex; 
height: 4em; 
overflow: hidden; 
justify-content: center; 
align-content: center; 
align-items: center; 
flex-direction: row; 
flex-wrap: nowrap;
}
.section_product li .product_wrapper {
box-shadow: inherit;
}
.woocommerce ul.products li.product span.price {
padding-bottom: 0;
}
.tab_home_pro .slick-slide,
.tab_main_pro_test.no-slide {
display: flex;
flex-direction: column;
height: auto;
min-height: 100%;
padding-bottom: 40px;
}
.tab_home_pro .slick-track,
.tab_main_pro_test.no-slide .slick-track {
display: flex;
flex: auto;
padding-bottom: 2px;
margin-left: 0;
}
.tab_home_pro .slick-slide > div,
.tab_main_pro_test.no-slide .slick-slide > div {
display: flex;
flex-grow: 1; min-height: 52%; padding-bottom: 0;
}
#main_pro_cat .slick-arrow {
background: transparent;
}
#main_pro_cat .slick-arrow i {
color: #000;
}
#main_pro_cat .slick-arrow i:hover {
color: var(--title);
}
#main_pro_cat .slick-prev {
left: -25px
}
#main_pro_cat .slick-next {
right: -25px
} li .product_wrapper {
position: relative;
}
li .product_wrapper .btn_detail_product ,
li .product_wrapper button.single_add_to_cart_button.button.alt,
.search.search-results .col_wrapper .btn_detail_product {
position: absolute;
width: 90%;
bottom: 30%;
left: 50%;
transform: translate(-50%, -30%);
opacity: 0;
visibility: hidden;
font-size: 15px;
}
.section_product .product_wrapper button.button.alt,
.search.search-results .col_wrapper button.button.alt {
display: none !important;
}
.btn_detail_product {
display: flex;
align-items: center;
justify-content: center;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.button.product_type_simple {
width: fit-content;
margin-right: 5px !important;
margin-left: 0 !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart i {
font-size: 18px;
}
.btn_view_detail {
background: #5e5656;
color: #fff;
font-size: 14px;
padding: 0 1em;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
border-radius: 3px;
text-transform: uppercase;
width: fit-content;
border: 1px solid #5e5656;
}
.btn_detail_product .woocommerce a.button {
height: 40px;
padding: 0 1em;
}
.btn_view_detail:hover {
background: #fff;
color: #000;
border: 1px solid #000;
}
li:hover .btn_detail_product ,
li:hover button.single_add_to_cart_button.button.alt,
.search.search-results  li:hover .btn_detail_product {
opacity: 1;
visibility: visible;
transition: .5s;
bottom: 35%;
}
.section_product ul.products .woocommerce-loop-product__title {
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 7px;
padding-right: 7px;
background: #f7f7f7;
display: flex;
flex-direction: column; }
.section_product ul.products .woocommerce-loop-product__title a {
color: #000;
font-weight: bold;
}
@media (min-width: 1600px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 18px;
}
}
@media (min-width: 1900px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 20px;
}
.btn_view_detail {
font-size: 18px;
height: 50px;
}
.btn_detail_product .woocommerce a.button {
height: 50px;
}
.woocommerce a.button {
padding: 1em 1.3em;
}
#main_pro_cat .slick-arrow i {
font-size: 35px;
}
}
@media (min-width: 2400px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 22px;
}
.btn_view_detail {
font-size: 20px;
height: 60px;
}
.btn_detail_product .woocommerce a.button {
height: 60px;
}
#main_pro_cat .slick-arrow i {
font-size: 36px;
}
}
@media (min-width: 3400px){
.section_product ul.products .woocommerce-loop-product__title {
font-size: 25px;
}
.btn_view_detail {
font-size: 22px;
height: 60px;
}
.btn_detail_product .woocommerce a.button {
height: 65px;
}
#main_pro_cat .slick-arrow i {
font-size: 37px;
}
}
@media (max-width: 1024px){ }
@media (max-width: 767px){ }
@media (max-width: 640px){ #main_pro_cat .slick-arrow {
background: rgb(187 176 176 / 50%) !important;
}
#main_pro_cat .slick-prev {
left: 5px
}
#main_pro_cat .slick-next {
right: 5px
}
}#main_pro_cat ul.name_tab_pro {
display: flex;
list-style-type: none;
padding-left: 0;
overflow-x: scroll;
margin: 0;
width: 75%;
}
#main_pro_cat .list_tax_pro .main_title_pro {
width: 28%;
display: flex;
align-items: center;
margin-right: 15px;
}
#main_pro_cat .list_tax_pro {
display: flex;	
border-bottom: 1px solid var(--main_bgr);
border-bottom-left-radius: 6px;
}
#main_pro_cat .product_cat {
margin-top: 30px;
}
#main_pro_cat .tab_home_pro {
margin-bottom: 30px;
}
#main_pro_cat .main_title_pro h2 {
margin-bottom: 0;
}
#main_pro_cat li.title_tab_pro {
display: flex;
align-items: center;
justify-content: center;
flex: none;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 0;
}
#main_pro_cat li.title_tab_pro a.title-active {
color: #000;
font-weight: bold;
}
#main_pro_cat li.title_tab_pro a:hover {
color: #000;
}
#main_pro_cat li.title_tab_pro a {
color: #605b5b;
font-size: 14px;
}
#main_pro_cat ul.name_tab_pro::-webkit-scrollbar {
height: 0px;
}
#main_pro_cat ul.name_tab_pro::-webkit-scrollbar:vertical {
display: none;
}
a.product_contact {
color: var(--title);
}
.btn_slide {
display: flex;
align-items: center;
justify-content: center;
}
.btn_next {
padding-right: 10px;
}
p.brands, p.model {
text-align: center;
margin-bottom: 0;
font-size: 15px;
}
.summary.entry-summary.col_wrapper p.model {
text-align: left;
text-decoration: none !important;
margin-bottom: 10px;
padding-bottom: 0;
}
p.brands a, p.model {
color: #030303;
padding-bottom: 5px;
}
.btn_slide svg {
width: 20px;
height: 20px;
}
.btn_slide:hover {
cursor: pointer;
color: var(--title);
}
.menu_button_edit {
display: none;
}
.product_loading {
position: absolute;
top: 49px;
left: 50%;
transform: translateX(-50%);
width: 25px;
}
.al {
visibility: hidden;
opacity: 0;
height: 0;
}
.al.hien {
visibility: visible;
opacity: 1;
height: auto;
}
.an {
display: none;
}
@media (min-width: 1600px){
#main_pro_cat li.title_tab_pro a {
font-size: 17px;
}
p.brands, p.model {
font-size: 16px;
}
}
@media (min-width: 1900px){
#main_pro_cat li.title_tab_pro a {
font-size: 19px;
}
p.brands, p.model {
font-size: 17px;
}
}
@media (min-width: 2400px){
#main_pro_cat li.title_tab_pro a {
font-size: 21px;
}
p.brands, p.model {
font-size: 18px;
}
}
@media (min-width: 3400px){
#main_pro_cat li.title_tab_pro a {
font-size: 23px;
}
p.brands, p.model {
font-size: 20px;
}
}
@media (max-width: 767px){
#main_pro_cat .list_tax_pro .main_title_pro {
width: 50%;
}
#main_pro_cat li.title_tab_pro a {
font-size: 14px;
}
.btn_slide svg {
width: 18px;
height: 18px;
}
p.brands {
font-size: 15px;
}
}
@media (max-width: 768px){
#main_pro_cat .list_tax_pro .main_title_pro {
width: 50%;
}
}
@media (max-width: 640px){
#main_pro_cat .list_tax_pro .main_title_pro {
width: 100%;
justify-content: space-between;
}
.menu_button_edit {
display: block;
padding: 0 10px;
}
.menu_button_edit.active i:before {
content: "\f00d";
}
.menu_button_edit i {
color: var(--title);
font-size: 20px;
}
.btn_slide {
display: none;
}
#main_pro_cat .list_tax_pro {
display: block;
background: #f7f7f7;
}
#main_pro_cat ul.name_tab_pro {
padding-top: 10px;
display: none;
}
#main_pro_cat li.title_tab_pro {
justify-content: start;
padding: 5px 15px;
}
}section#why_choose {
padding: 45px 10px;
position: relative;
background: #F5F5F5;
}
section#why_choose h2.title {
color: #000;
font-size: 32px;
text-align: left;
}
section#why_choose h2.title strong {
display: block;
color: var(--title);
}
section#why_choose .list_why_choose {
position: relative;
display: flex;
width: 100%;
}
section#why_choose .img_back {
position: relative;
width: 70%;
}
section#why_choose .content_why {
text-align: center;
position: relative;
}
section#why_choose .content_why img {
margin: 0 auto;
}
section#why_choose .content_why h3 {
color: #000;
font-size: 15px;
text-transform: capitalize;
margin-top: 3px;
font-weight: 700;
}
section#why_choose .content_why .content p {
font-size: 13px;
font-weight: 500;
color: #000;
margin-bottom: 0;
}
section#why_choose .content_list_why .icon_why {
width: 180px;
height: 180px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
font-weight: bold;
box-shadow: 6px 6px 13px 0px rgb(42 67 113 / 15%);
color: #006db1;
background: #fff;
border-radius: 50%;
cursor: pointer;
}
section#why_choose .content_list_why:hover .icon_why {
position: relative;
background: var(--main_bgr) !important;
}
section#why_choose .content_list_why .icon_why:hover .content svg,
section#why_choose .content_list_why:nth-child(4) .icon_why svg {
fill: #fff;
}
section#why_choose .content_list_why .icon_why:hover .content h3,
section#why_choose .content_list_why .icon_why:hover .content p {
color: #fff;
}
section#why_choose .content_list_why:nth-child(4) .icon_why {
background: var(--main_bgr);
}
section#why_choose .content_list_why .icon_why .content {
padding: 0 10px 0 10px;
}
section#why_choose .img_back:before {
content: '';
display: block;
padding-bottom: 100%;
}
section#why_choose .img_back img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
section#why_choose .content_list_why {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section#why_choose .content_list_why:nth-child(1) {
transform: rotate(0deg);
left: -5vw;
top: 5vw;
}
section#why_choose .content_list_why:nth-child(2) {
transform: rotate(90deg);
left: -9vw;
}
section#why_choose .content_list_why:nth-child(3) {
transform: rotate(180deg);
left: -5vw;
top: -5vw;
}
section#why_choose .content_list_why:nth-child(4) {
transform: rotate(270deg);
}
section#why_choose .content_list_why:nth-child(2) .content {
transform: rotate(270deg);
}
section#why_choose .content_list_why:nth-child(3) .content {
transform: rotate(180deg);
}
section#why_choose .content_list_why:nth-child(4) .content {
transform: rotate(90deg);
}
section#why_choose .content_list_why .content svg {
width: 40px;
height: 40px;
}
section#why_choose .content_list_why:nth-child(4) h3,
section#why_choose .content_list_why:nth-child(4) .content p {
color: #fff;
}
section#why_choose .btn_more {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff;
margin-top: 20px;
display: flex;
align-items: center;
width: fit-content;
padding: 7px 20px;
border-radius: 4px;
font-size: 15px;
transition: .3s;
}
section#why_choose .btn_more i {
font-size: 14px;
padding-left: 5px;
}
section#why_choose .btn_more:hover {
transform: translateY(-4px);
box-shadow: 4px 4px 8px #adadad;
transition: .3s;
}
@media (min-width: 1600px){
section#why_choose h2.title {
font-size: 36px;
}
section#why_choose .content_list_why .icon_why {
width: 190px;
height: 190px;
}
section#why_choose .content_list_why .content svg {
width: 50px;
height: 50px;
}
}
@media (min-width: 1900px){
section#why_choose h2.title {
font-size: 40px;
}
section#why_choose p {
font-size: 18px;
}
.col-text-why {
display: flex;
flex-direction: column;
justify-content: center;
}
section#why_choose .content_list_why .icon_why {
width: 200px;
height: 200px;
}
section#why_choose .content_list_why .content svg {
width: 60px;
height: 60px;
}
}
@media (min-width: 2400px){
section#why_choose h2.title {
font-size: 44px;
}
section#why_choose p {
font-size: 20px;
}
section#why_choose .content_list_why .icon_why {
width: 220px;
height: 220px;
}
section#why_choose .content_list_why .content svg {
width: 80px;
height: 80px;
}
}
@media (min-width: 3400px){
section#why_choose h2.title {
font-size: 47px;
}
section#why_choose p {
font-size: 22px;
}
section#why_choose .content_list_why .icon_why {
width: 240px;
height: 240px;
}
section#why_choose .content_list_why .content svg {
width: 100px;
height: 100px;
}
}
@media (max-width: 768px){
section#why_choose h2.title {
font-size: 28px;
margin-bottom: 30px;
}
section#why_choose .col-5, section#why_choose .col-7 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
section#why_choose .col-7 {
padding-top: 50px;
}
section#why_choose .list_why_choose {
justify-content: center;
}
section#why_choose .content_list_why:nth-child(1) {
left: -8vw;
top: 9vw;
}
section#why_choose .content_list_why:nth-child(2) {
left: -42vw;
top: 20vw;
}
section#why_choose .content_list_why:nth-child(3) {
left: -53vw;
top: -13vw;
}
section#why_choose .content_list_why:nth-child(4) {
top: -25vw;
left: -20vw;
}
}
@media (max-width: 640px){
section#why_choose .img_back {
width: 80%;
}
section#why_choose .content_list_why .icon_why .content {
padding: 0px 5px 0px 5px;
}
section#why_choose h2.title {
margin-bottom: 15px;
}
section#why_choose .content_why h3 {
font-size: 13px;
margin-bottom: 0px;
}
section#why_choose .content_list_why:nth-child(2) {
left: -47vw;
top: 27vw;
}
section#why_choose .content_list_why:nth-child(3) {
left: -59vw;
top: -13vw;
}
section#why_choose .content_list_why:nth-child(4) {
top: -29vw;
}
section#why_choose .btn_more {
font-size: 13px;
}
section#why_choose .content_why .content p {
font-size: 11px;
}
section#why_choose .content_list_why .content svg {
width: 35px;
height: 35px;
}
section#why_choose .col-5 p {
font-size: 14px;
}
}
@media (max-width: 480px){
section#why_choose .content_list_why .icon_why {
width: 140px;
height: 140px;
}
section#why_choose .col-7 {
padding-top: 55px;
}
section#why_choose .content_list_why:nth-child(4) {
left: -30vw;
}
section#why_choose .content_list_why:nth-child(3) {
left: -68vw;
top: -11vw;
}
}section#reviews_customer {
padding-top: 50px;
}
section#reviews_customer h2.title {
color: var(--title);
margin-bottom: 35px;
}
section#reviews_customer .main_reviews {
padding-top: 30px;
padding-bottom: 60px;
}
.main_reviews:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #100f0fb8;
}
section#reviews_customer ul.list_reviews {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}
section#reviews_customer .col_wrapper {
position: relative;
background: #3E3E3E;
opacity: .9;
padding: 30px 0;
padding-bottom: 60px;
border-radius: 4px;
}
section#reviews_customer .img_reviews img {
border-radius: 50%;
width: 25%;
margin: 0 auto;
}
section#reviews_customer .content_reviews {
text-align: center;
padding: 0px 25px;
padding-bottom: 25px; border-radius: 6px;
}
section#reviews_customer .content_reviews svg {
width: 30px;
transform: rotate(180deg);
fill: #999999;
}
section#reviews_customer .list_reviews svg {
width: 60px;
fill: #fff;
}
section#reviews_customer .list_reviews button.slick-arrow {
background: transparent;
}
section#reviews_customer .list_reviews button.slick-prev.slick-arrow {
left: -60px;
}
section#reviews_customer .list_reviews button.slick-next.slick-arrow {
right: -60px;
transform: rotate(180deg);
}
section#reviews_customer svg path {
stroke: none !important;
}
section#reviews_customer .content p {
font-size: 15px;
color: #fff;
}
section#reviews_customer li.col_reviews {
padding-top: 30px;
padding-left: 10px;
padding-right: 10px;
}
section#reviews_customer .name_customers p {
font-weight: bold;
color: #fff;
text-align: center;
margin-bottom: 0;
font-size: 14px;
}
section#reviews_customer .slick-dots {
bottom: -50px;
}
section#reviews_customer .col_reviews.slick-current.slick-active svg {
fill: #fff;
}
section#reviews_customer ul.slick-dots li.slick-active button {
background: var(--title);
}
section#reviews_customer .name_customers {
margin-top: 10px;
} #sccustomers .slick-arrow {
background: transparent;
}
#sccustomers  .sccustomers_wrapper {
padding-left: 0;
}
#sccustomers button.slick-arrow {
background: transparent !important;
color: #a2a2a2 !important;
font-size: 30px;
opacity: 0;
visibility: hidden;
transition: .5s;
-webkit-transition: .5s;
}
#sccustomers .sccustomers_wrapper:hover button.slick-arrow {
opacity: 1;
visibility: visible;
}
section#sccustomers button.slick-prev {
left: -20px;
}
section#sccustomers button.slick-next {
right: -20px;
}
@media (min-width: 1600px){
section#reviews_customer .content p {
font-size: 18px;
}
section#reviews_customer .name_customers p {
font-size: 16px;
}
}
@media (min-width: 1900px){
section#reviews_customer .content p {
font-size: 20px;
}
section#reviews_customer .name_customers p {
font-size: 18px;
}
}
@media (min-width: 2400px){
section#reviews_customer .content p {
font-size: 22px;
}
section#reviews_customer .name_customers p {
font-size: 20px;
}
}
@media (min-width: 3400px){
section#reviews_customer .content p {
font-size: 24px;
}
section#reviews_customer .name_customers p {
font-size: 22px;
}
}
@media (max-width: 768px){
section#reviews_customer h2.title {
font-size: 28px;
}
section#reviews_customer li.col_reviews {
padding-left: 5px;
padding-right: 5px;
}
section#reviews_customer .content_reviews {
padding: 0px 10px;
padding-bottom: 10px;
}
section#reviews_customer .col_wrapper {
padding: 20px 0;
}
section#reviews_customer .list_reviews svg {
width: 35px;
}
section#reviews_customer .content_reviews {
padding: 0px 5px;
}
section#sccustomers h2.title {
font-size: 28px;
margin-bottom: 30px;
}
section#sccustomers .slick-dots {
bottom: -50px;
}
section#sccustomers ul.slick-dots li.slick-active button {
background: var(--main_bgr);
}
}
@media (max-width: 640px){
section#reviews_customer li.col_reviews {
padding-top: 10px;
}
section#reviews_customer .content p {
font-size: 13px;
}
}section#logo_partner ul.gallery_partner {
padding-left: 0;
list-style-type: none;
border: 1px solid #adaeb15e;
border-radius: 6px;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
section#logo_partner ul.gallery_partner li img {
width: 100%;
margin: 0 auto;
height: 150px;
object-fit: contain;
padding: 20px;
}
section#logo_partner li.list_logo.slick-slide {
border-right: 1px solid #ccc;
margin-bottom: 0;
background: #fff;
}
section#logo_partner ul.gallery_partner .slick-arrow {
background: transparent;
font-size: 22px;
color: #ADAEB1;
}
section#logo_partner .slick-prev {
left: -20px;
}
section#logo_partner .slick-next {
right: -20px;
}section#sec_blogs {
position: relative;
background: #f5f5f5;
}
section#sec_blogs ul.list_blog {
padding-left: 0;
list-style-type: none;
margin: 0;
}
section#sec_blogs .slick-track {
display: flex;
flex: auto;
}
section#sec_blogs li.col_blog {
padding: 0 15px;
height: auto;
padding-bottom: 15px;
}
section#sec_blogs li.col_blog .col_wrapper:hover img {
transform: scale(1.1);
transition: .5s;
}
section#sec_blogs li.col_blog .col_wrapper:hover .news-title a {
color: var(--title);
}
section#sec_blogs li.col_blog .col_wrapper {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
-webkit-box-shadow: 1px 1px 4px #ddd;
box-shadow: 1px 1px 4px #ddd;
position: relative;
border-radius: 6px;
}
section#sec_blogs li.col_blog .padding_ratio {
overflow: hidden;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
section#sec_blogs li.col_blog .padding_ratio img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: .5s;
}
section#sec_blogs li.col_blog .padding_ratio:before {
padding-bottom: 75%;
}
section#sec_blogs li.col_blog .col_content {
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
section#sec_blogs li.col_blog .news-title {
font-size: 1.2em;
display: flex;
flex: auto;
font-family: 'Oswald';
}
section#sec_blogs li.col_blog .news-title a {
color: #000;
font-weight: 700;
display: -webkit-box;
margin: 0 auto;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
section#sec_blogs li.col_blog p.news-excerpt {
color: #333;
font-size: 14px;
margin-bottom: 0px;
display: -webkit-box;
max-width: 100%;
margin: 0 auto;
line-height: 1.5;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
section#sec_blogs li.col_blog .news-date {
display: flex;
align-items: center;
margin-top: 18px;
font-size: .8em;
opacity: .7;
font-style: italic;
}
section#sec_blogs li.col_blog .col_wrapper:after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: auto;
right: 0;
bottom: 0;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
section#sec_blogs li.col_blog .col_wrapper:hover:after {
background-color: var(--title);
width: 100%;
left: 0;
right: auto;
width: 100%;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
section#sec_blogs li.col_blog .news-date i {
margin-right: 5px;
}
section#sec_blogs li.col_blog .news-date .read-more i {
margin-left: 5px;
}
section#sec_blogs li.col_blog .read-more {
font-size: 14px;
font-weight: 600;
color: #222222;
margin-left: auto;
}
section#sec_blogs li.col_blog .read-more:hover {
color: #000;
}
section#sec_blogs ul.list_blog:hover button.slick-arrow {
opacity: 1;
visibility: visible;
}
section#sec_blogs button.slick-arrow {
background: transparent !important;
color: #a2a2a2 !important;
font-size: 30px;
opacity: 0;
visibility: hidden;
transition: .5s;
-webkit-transition: .5s;
}
section#sec_blogs button.slick-prev {
left: -20px;
}
section#sec_blogs button.slick-next {
right: -20px;
}
@media (min-width: 1600px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.3em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 16px;
}
section#sec_blogs li.col_blog .news-date {
font-size: .9em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 16px;
}
}
@media (min-width: 1900px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.5em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 18px;
}
section#sec_blogs li.col_blog .news-date {
font-size: 1em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 16px;
}
}
@media (min-width: 2400px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.7em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 20px;
}
section#sec_blogs li.col_blog .news-date {
font-size: 1.1em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 18px;
}
}
@media (min-width: 3400px){
section#sec_blogs li.col_blog .news-title {
font-size: 1.9em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 22px;
}
section#sec_blogs li.col_blog .news-date {
font-size: 1.1em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 20px;
}
}
@media (max-width: 768px){
section#sec_blogs {
padding-bottom: 55px;
}
section#sec_blogs h2.title {
font-size: 28px;
margin-bottom: 30px;
}
section#sec_blogs li.col_blog .news-title {
font-size: 1em;
}
section#sec_blogs li.col_blog {
padding: 0 10px;
padding-left: 0;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 13px;
}
section#sec_blogs li.col_blog .col_content {
padding: 7px 5px;
}
section#sec_blogs ul.slick-dots {
bottom: -45px;
}
section#sec_blogs ul.slick-dots li.slick-active button {
background: var(--main_bgr);
}
}
@media (max-width: 640px){
section#sec_blogs li.col_blog {
padding: 0 7px;
}
section#sec_blogs li.col_blog .news-title {
font-size: .9em;
}
section#sec_blogs li.col_blog p.news-excerpt {
font-size: 12px;
-webkit-line-clamp: 3;
}
section#sec_blogs li.col_blog .news-date {
font-size: .6em;
}
section#sec_blogs li.col_blog .read-more {
font-size: 11px;
}
}
@media (max-width: 480px){
section#sec_blogs li.col_blog .news-date {
flex-direction: column;
align-items: flex-start;
}
section#sec_blogs li.col_blog .read-more {
margin-top: 3px;
margin-left: unset;
}
}section#list_tax_product ul.list_product_cat {
list-style-type: none;
padding-left: 0;
margin: 0;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
display: flex;
}
section#list_tax_product .title_product_cat h2 {
font-size: 18px;
text-align: center;
margin-bottom: 0;
color: var(--title);
font-family: 'Oswald';
font-weight: 500;
}
section#list_tax_product ul.list_product_cat li {
position: relative;
margin-bottom: 0;
padding: 15px;
border-right: 1px solid #ccc;
cursor: pointer;
z-index: 1;
display: flex;
flex-direction: column;
min-height: 100%;
height: auto;
width: 100%;
}
section#list_tax_product ul.list_product_cat li:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: .3s;
-webkit-transition: .3s;
}
section#list_tax_product ul.list_product_cat li img {
margin: 0 auto;
object-fit: contain;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section#list_tax_product a.img_tax_product {
display: block;
position: relative;
z-index: -1;
}
section#list_tax_product a.img_tax_product:before {
content: '';
display: block;
padding-bottom: 65%;
}
section#list_tax_product .title_product_cat {
margin-top: 15px;
}
section#list_tax_product ul.list_product_cat li:hover:after {
opacity: 1;
background: #dcdcdc94;
cursor: pointer;
z-index: -2;
}
section#list_tax_product ul.list_product_cat li:hover .title_product_cat h2 {
color: var(--title);
}
section#list_tax_product ul.list_product_cat .slick-track {
display: flex;
flex: auto;
}
@media (min-width: 1600px){
section#list_tax_product .title_product_cat h2 {
font-size: 24px;
}
}
@media (max-width: 767px){
section#list_tax_product .title_product_cat h2 {
font-size: 16px;
}
section#list_tax_product ul.list_product_cat li {
padding: 10px 5px;
}
}#main_product ul.products > li {
flex: 0 0 25% !important;
max-width: 25% !important;
display: flex;
flex-direction: column;
min-height: 100%;
height: auto;
}
#main_product .product_wrapper,
.related.products .product_wrapper {
min-height: 100% !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.button.product_type_simple {
background: #5e5656;
border: 1px solid #5e5656;
}
a.button.product_type_simple {
display: none !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: block !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
background: #fff;
color: #000;
border: 1px solid #000;
}
a.added_to_cart.wc-forward {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff;
padding: 10px 20px;
border-radius: 4px;
font-size: 15px;
width: fit-content;
margin: 0 auto;
display: none;
}
.related.products .product_wrapper button.button.alt {
display: none !important;
}
.sec_pro_ntv li.product button.button.alt {
display: none;
} .woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 15px 35px;
border-top-left-radius: 0px; 
border-top-right-radius: 0px;
background: var(--title);
}
.single-product .wc-tabs li {
margin-right: 5px;
}
.single-product .wc-tabs {
border-bottom: 3px solid var(--main_bgr);
}
.single-product .wc-tabs li.active a {
box-shadow: unset;
color: #fff;
}
.single-product .wc-tabs a {
box-shadow: unset;
}
.single-product .wc-tabs a {
color: #000;
}  .woocommerce .product_wrapper {
border-color: transparent;
box-shadow: 0px 5px 24px 10px rgb(68 102 242 / 8%);
transition: all .5s ease-in-out;
padding-bottom: 0px;
background-color: #fff;
position: relative;
}
.woocommerce ul.products li.product .button {
margin-top: 0;
} .woocommerce .orderby {
height: 35px;
} .woocommerce .woocommerce-mini-cart__buttons a.wc-forward {
background-color: var(--main_bgr);
color: #fff;
}
.woocommerce .woocommerce-mini-cart__buttons a.wc-forward:hover {
background-color: var(--main_bgr);
color: #fff;
transition: .3s;
}
.woocommerce-notices-wrapper .woocommerce-message {
flex-direction: row-reverse; 
align-items: center; 
margin-bottom: .5em;
color: red;
padding: 1em;
background-color: #ececec;
} .woocommerce ul.products li.product .price,
.search.search-results .price {
font-family: 'Oswald';
color: var(--title); 
font-size: 16px;
font-weight: 500; margin-top: 0px; margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
} .woocommerce ul.products li.product .price ins {
margin-left: 5px;
}
span.woocommerce-Price-currencySymbol {
padding-left: 3px;
}
span.pewc-order-item-price, strong.product-quantity {
display: none;
}  .form_cart_totals {
background: #e8edf0;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
}
.form_cart_totals p {
margin-bottom: 10px!important;
}
.form_cart_totals form input[type="text"], .form_cart_totals form input[type="email"], 
.form_cart_totals form input[type="tel"], .form_cart_totals form textarea {
width: 100%;
text-indent: 10px;
border: none;
background: #fff;
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
border-radius: 5px;
outline: none;
}
.form_cart_totals form textarea {
padding-top: 10px;
}
.form_cart_totals form input[type="submit"] {
padding: 13px 20px;
border-radius: 5px;
border: none;
outline: none;
cursor: pointer;
color: #fff;
background-color: var(--main_bgr);
margin-left: 0;
width: 100%;
}
.form_cart_totals form input[type="submit"]:hover {
background-color: #fa7d11;
} .woocommerce button.button.woocommerce-form-login__submit, .woocommerce .woocommerce-ResetPassword .woocommerce-Button {
color: #fff !important;
}
@media (min-width: 1600px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 18px;
}
}
@media (min-width: 1900px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 20px;
}
}
@media (min-width: 2400px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 22px;
}
}
@media (min-width: 3400px){
.woocommerce ul.products li.product .price, .search.search-results .price {
font-size: 25px;
}
}
@media (max-width: 767px){
.woocommerce .product_wrapper {
padding-bottom: 10px;
}
.woocommerce ul.products li.product .price {
font-size: 15px;
}
}
@media (max-width: 640px){
#main_product ul.products > li {
flex: 0 0 50% !important;
max-width: 50% !important;
}
#main_product ul.products li {
padding: 0 10px;
padding-left: 0;
}
#main_product ul.products li:nth-child(2n) {
padding-right: 0;
}
.woocommerce .product_wrapper { padding-bottom: 10px;
}
input#pewc_group_236_239 {
height: 33px;
padding-left: 0;
}
.woocommerce ul.products > li {
margin-bottom: 10px;
}
}
@media (max-width: 450px){
.woocommerce .woocommerce-ordering {
float: none;
}
.woocommerce .orderby {
height: 32px;
}
}footer .woo_amc_open {
display: none !important;
}
.woo_amc_bg.woo_amc_show:after {
content: none !important;
}
.woo_amc_container_wrap.woo_amc_show,
.woo_amc_bg.woo_amc_show {
width: 405px !important;
height: 450px;
bottom: 0px !important;
top: unset;
}
.woo_amc_bg {
right: 0;
left: unset !important;
}
.woo_amc_bg,
.woo_amc_container_wrap {
height: 450px !important;
top: unset !important;
bottom: 0px !important;
}
.woo_amc_container_side {
top: unset !important;
bottom: 0px !important;
height: 450px !important
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_container_side {
width: 405px !important;
background: #f7f7f7 !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_container_side .woo_amc_center {
max-width: 390px !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_head {
background: var(--main_bgr);
}
.woo_amc_container_wrap.woo_amc_show .woocommerce-Price-amount.amount bdi,
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_price_wrap span.amount {
font-weight: bold;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_wrap {
padding: 10px !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_minus, 
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_plus {
border: 1px solid #cdc2c2;
width: 30px !important;
height: 25px !important;
display: flex !important;
align-items: center;
justify-content: center;
padding-top: 0 !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_update:hover {
background: var(--main_bgr);
opacity: 1;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_update:hover line {
stroke: #fff;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer:hover {
opacity: 1 !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_minus svg, 
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_plus svg {
padding: 2px;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_quanity_wrap {
display: flex;
align-items: center;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_item_total_price {
bottom: 5px !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer_lines {
padding-left: 0 !important;
}
.woo_amc_container_wrap .woo_amc_close line {
stroke: #fff !important;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer_w50.woo_amc_flex .woo_amc_footer_link {
width: auto;
margin-left: auto;
background: #fff;
padding: 10px 15px;
border-radius: 6px;
font-weight: bold;
}
.woo_amc_container_wrap.woo_amc_show .woo_amc_footer_w50.woo_amc_flex .woo_amc_footer_link:hover {
background: #fd8f06;
color: #fff;
}
.woo_amc_head {
height: 45px !important;
}
.woo_amc_head_title {
font-size: 20px !important;
}
.woo_amc_items_scroll {
top: 55px !important;
}
.woo_amc_footer .woo_amc_flex {
height: 80px !important;
} .shop_table .amount {
font-weight: bold;
}
#cart-icon {
padding-right: 10px;
}
#cart-icon .widget_shopping_cart_content {
transform: scale(0);
position: absolute;
right: 0;
width: 350px;
padding: 10px;
margin: auto;
background-color: white;
border-radius: 5px;
transition: .2s linear;
border: 1px solid lightgray;
}
#cart-icon .cart-contents svg, #cart-icon .cart-contents path {
fill: #fff;
}
#cart-icon .cart-count{
top: 5px;
left: 3px;
width: 16px;
height: 16px;
line-height: inherit;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
color: var(--title);
}
#cart-icon .dropdown-menu.dropdown-menu-mini-cart.active .woocommerce-mini-cart__empty-message,
#cart-icon .dropdown-menu.dropdown-menu-mini-cart.active .widget_shopping_cart_content {
transform: scale(1);
z-index: 5;
}
#cart-icon ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item {
display: flex;
padding: 0;
}
#cart-icon a.remove.remove_from_cart_button {
order: 3;
color: #fff !important;
background: var(--main_bgr);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
font-size: 20px;
padding: 0 5px;
}
#cart-icon .quantity, #cart-icon bdi {
font-weight: bold;
}
#cart-icon .content_cart {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 10px;
}
#cart-icon .img_pro_cart{
width: 40%;
}
#cart-icon .woocommerce-mini-cart__buttons.buttons {
justify-content: space-around;
}
#cart-icon .woocommerce-mini-cart__buttons.buttons a {
background: linear-gradient(0deg, #CA2128, #e90710f5);
color: #fff;
padding: 10px 20px;
border-radius: 4px;
font-size: 15px;
}
#cart-icon .woocommerce-mini-cart__buttons.buttons a:hover {
background: #CA2128;
}
#cart-icon .cart-contents i {
font-size: 22px;
color: #fff;
margin-right: 0;
}
#cart-icon .cart-contents span {
display: flex;
align-items: center;
justify-content: center;
}.content_dmda .news-title {
justify-content: center;
font-size: 1.4em!important;
}
.content_dmda .news-title a {
color: #fff;
}
.sec_du_an .col_wrapper {
display: flex;
flex-direction: column;
}
.sec_du_an .padding_ratio:before {
padding-bottom: 60%;
}
.list_project {
margin-bottom: 25px;
}
.list_project .col_wrapper {
background-color: white;
display: flex;
flex-direction: column;
min-height: 100%;
position: relative;
overflow: hidden;
}
.list_project a.padding_ratio {
display: block;
overflow: hidden;
}
.content_dmda {
position: absolute;
bottom: -59px;
left: 0%;
width: 100%;
padding: 30px;
z-index: 1;
color: #fff;
padding: 30px 69px;
transition: all .3s;
background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0) 90%);
}
.content_dmda .news-title a {
color: #fff;
text-decoration: none;
}
.content_dmda .news-title {
font-size: 1.4em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
padding-bottom: 5px;
font-weight: 600;
}
.content_dmda i {
color: #fff;
font-size: 20px;
}
.line {
text-align: center;
height: 1px;
width: 60px;
background-color: rgba(255, 255, 255, 0.2);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
margin: 0 auto 30px;
}
.icon_right {
display: block;
text-align: center;
}
.sec_du_an .col_wrapper:hover .line {
width: 100%;
transition-property: all;
transition-duration: 0.8s;
transition-timing-function: ease-in-out;
}
.sec_du_an .col_wrapper:hover .content_dmda {
bottom: 0;
transition: .5s;
}
@media (max-width: 768px){
.content_dmda {
padding: 30px 35px;
}
}
@media (max-width: 425px){
.content_dmda {
padding: 30px 30px;
}
}.quan_nav .slide-item {
flex: 25%;
max-width: 25%;
position: relative;
padding: 10px;
}
.quan_nav .slide-item:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000f5;
opacity: 0.8;
z-index: 3;
}
.quan_nav .slide-item.slick-current.slick-active:after {
opacity: 0;
}
.quan_nav .img:before {
padding-bottom: 50%!important;
}
.sec_gallery_project .img {
position: relative;
}
.sec_gallery_project .img:before {
content: '';
display: block;
padding-bottom: 85%;
}
.sec_gallery_project .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
}
.content_single_project {
padding-top: 45px;
background-color: #fff;
}
.content_single_project h2 {
text-align: center;
color: #000;
}
.thong_tin_du_an {
position: relative;
border-bottom: 12px solid #141d38;
}
#section_6 .slide_img .wrapper {
position: relative;
display: block;
}
#section_6 .slide_img .wrapper {
position: relative;
display: block;
}
#section_6 .slide_img img {
height: 75vh;
width: auto;
position: relative;
opacity: .3;
transition: 1s;
}
#section_6 .slide_dot div[tabindex] .is_mask {
position: absolute;
opacity: .5;
}
#section_6 .slide_dot .img img {
position: absolute;
top: 5%;
display: block;
left: 5%;
width: 90%;
height: 90%;
z-index: 1;
object-fit: cover;
margin: auto;
}
#section_6 .slide_dot .wrapper:before {
content: '';
display: block;
padding-bottom: 55%;
background: #000;
}
#section_6 .slide_dot .wrapper {
position: relative;
display: block;
}
#section_6 .slide_dot .slick-list {
background-color: #000;
}
#section_6 .wrapper.slick-slide.slick-current.slick-active.slick-center img {
filter: grayscale(0%)!important;
opacity: 1!important;
}
.ten_du_an, .chuyen_muc, .date_project{
display: flex;
margin-bottom: 15px;
flex-wrap: wrap;
}
.ten_du_an i, .chuyen_muc i, .date_project i {
font-size: 20px;
margin-right: 8px;
}
.col-3.thong_tin_du_an p {
margin-bottom: 0;
}
.col-3.thong_tin_du_an span {
margin-right: 10px;
}
.sidebar_project ul {
list-style-type: none;
}
.nhxet_project {
margin-top: 30px;
}
.slide_dot {
cursor: pointer;
}
.is_mask {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: #000;
}
p.hinh_anh_du_an {
text-align: center;
font-size: 30px;
font-weight: 700;
margin-bottom: 0;
}
.sec_du_an_pro .list_sidebar_news{
position: sticky;
top: 0;
left: 0;
background-color: #ffffff;
border-bottom: 12px solid #141d38;
box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
margin-top: 25px;
padding: 15px;
} ul.service-list li {
position: relative;
line-height: 24px;
margin-bottom: 3px;
font-size: 18px;
}
ul.service-list {
list-style-type: none;
margin: 0;
position: sticky;
top: 0;
left: 0;
}
.service-list li a {
position: relative;
display: block;
color: #222222;
padding: 10px 5px 10px 2.5em;
border: 1px solid #dddddd;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-list span {
position: absolute;
top: 0px;
left: 0;
border-right: 1px solid #dddddd;
height: 100%;
display: flex;
align-items: center;
width: 2em;
justify-content: center;
}
.service-list h3 {
margin: 0;
color: #000;
font-size: 16px;
}
.service-list i.fas.fa-angle-double-right {
color: var(--title);
}
ul.service-list li a:hover {
background: var(--main_bgr);
}
ul.service-list li a:hover h3, ul.service-list li a:hover span i.fas.fa-angle-double-right {
color: #fff;
}
.sidebar_service {
margin-bottom: 30px;
}
.sidebar_contact {
position: relative;
padding: 35px;
background: #dd4d1b;
color: #fff;
}
.sidebar_ho_tro {
border: 1px dashed #fff;
padding: 30px;
}
.icon_sidebar i {
transform: rotate(323deg);
}
.icon_sidebar {
color: #ffffff;
font-size: 60px;
line-height: 1em;
} #open_sidebar_pro, .close-sidebar-pro-btn {
display: none;
}
@media (max-width: 1024px){
.container.quannnn {
padding: 30px 15px;
}
}
@media (max-width: 768px){
.container.quannnn .col-9 {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.container.quannnn {
padding: 0px 15px;
}
#open_sidebar_pro {
position: fixed;
top: 30%;
left: 0;
width: 60px;
height: 50px;
text-align: center;
z-index: 350;
font-size: 1.5em;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-style: solid;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border-color: unset;
background-color: var(--main_bgr);
color: var(--main_bgr);
opacity: .9;
transition: .2s all ease;
-webkit-transition: .2s all ease;
}
#open_sidebar_pro i { font-size: 25px; color: #fff }
.container.quannnn .col-9 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
padding: 0 15px;
}
.close-sidebar-pro-btn {
display: block;
padding-top: 10px;
padding-bottom: 20px;
text-align: right;
}
.close-sidebar-pro-btn span {
color: #fff;
font-weight: 700;
background: #000;
padding: 10px 15px;
}
.container.quannnn .col-3.sec_du_an_pro.show {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition: .6s;
padding: 0;
flex: 0 0 100%;
max-width: 100%;
padding: 0 5px;
overflow-y: scroll;
}
.container.quannnn .col-3.sec_du_an_pro {
position: fixed;
top: 0;
left: 0;
width: 50%;
height: 100%;
transform: translateX(-100%);
max-height: 100%;
background: #fff;
z-index: 999;
padding: 0;
opacity: 0;
visibility: hidden;
transition: .6s;
box-shadow: 2px 1px 4px #00000040;
}
}
@media (max-width: 640px){
.container.quannnn .col-3.sec_du_an_pro.show {
flex: 0 0 100%;
max-width: 100%;
}
.container.quannnn .col-3.sec_du_an_pro {
width: 85%;
}
.container.quannnn .col-9 {
padding: 0 9px;
}
.mieu_ta_du_an h2 {
font-size: 22px;
}
.mieu_ta_du_an {
padding: 15px 9px;
}
}
@media (max-width: 425px){
#section_6 .slide_dot .wrapper:before {
padding-bottom: 70%;
}
#section_6 .slide_img img {
height: 50vh;
}
}.lenam_summary_logo {
display: flex;flex-wrap: wrap; margin-bottom: 10px;
}
.lenam_summary_logo .summary_logo_item {
flex-grow: 1; display: flex; flex-direction: column;
border:solid 1px #dddd;
}
.lenam_summary_logo .logo_title {
flex-grow: 1; text-align: center; font-weight: bold;
padding:5px 10px; border-bottom: solid 1px #dddd;
margin-bottom: 0;
}
.lenam_summary_logo .summary_logo img {
height: 100px; 
width: 150px; 
object-fit: scale-down;
}
.lenam_summary_logo .summary_logo {
flex-grow: 2; padding:5px; display: flex; justify-content: center;
}
.lenam_policy {
padding: 5px 0;
padding-bottom: 0;
display: flex;
justify-content: flex-start;
}
.lenam_policy .policy {
display: flex; text-align: center; padding: 8px 15px;
flex-direction: column;
color: #000;
}
.lenam_policy .col_icon {
flex:0 0 50px; display: flex; align-items: center;
justify-content: center;
}
.lenam_policy .col_icon img {
max-width: 50px; height: auto;
}
.lenam_policy .col_info {
display: flex; flex-direction: column; justify-content: center;
flex-grow: 1; padding-left: 0px; font-size: 14px;
}
.lenam_policy .policy:hover .policy_title {
color: var(--title);
}
.lenam_policy .col_info .policy_title {
font-size: 1.05em;
margin-top: 10px;
}
.lenam_policy .col_info .policy_cnt ul, .lenam_policy .col_info .policy_cnt ol {
padding:0; margin:0;
}
.lenam_policy .col_info .policy_title li,
.lenam_policy .col_info .policy_title p {
margin-bottom: .2em;
}
.summary.entry-summary.col_wrapper {
padding-left: 10px;
}
.single-product .bottom_section .related.products .quantity {
display: none;
}
.single-product .bottom_section li .product_wrapper form.cart {
display: flex;
}
.single-product .top_section {
padding:0;
}
.col_thong_tin .woocommerce-product-details__short-description {
text-align: justify;
}
.namlbn--with-images {
display: block;
flex-direction: unset;
overflow: hidden;
}
.namlbn-nav .slick-track {
margin:0;
}
.namlbn-for .slick-arrow {
background: transparent !important;
}
.namlbn-for .slick-arrow i {
color: #000
}
.namlbn-for .slick-arrow:hover i {
color: var(--title);
}
.top_section.sec_product .woocommerce-product-details__short-description {
border-bottom: 1px dashed #eaebf3;
padding-bottom: 10px;
}
.namlbn--with-images.has_nav .namlbn-for {
flex: 100%;
max-width: 100%;
}
.namlbn--with-images .namlbn-nav {
flex: 0 0 100%;
max-width: 100%;
margin-top: 10px;
}
.namlbn--with-images .namlbn-nav .slick-list {
display: block;
}
.sec_product h1.product_title.entry-title {
font-size: 27px;
color: #000;
margin: 0 0 10px;
font-weight: bold;
border-bottom: 1px dashed #eaebf3;
padding-bottom: 10px;
}
.col_hinh_anh {
display: flex;
flex-direction: column;
flex: 0 0 50%;
max-width: 50%;
}
.namlbn-for .slick-track {
overflow: hidden;
}
.col_thong_tin {
z-index: 10;
flex: 0 0 50%;
max-width: 50%;
padding-left: 10px;
}
.col_thong_tin .product_meta a {
color: #337ab7;
}
.col_thong_tin span.posted_in {
font-size: 15px;
}
.related.products .price {
padding: 5px 10px;
}
.related.products p.brands {
padding: 5px 10px;
} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background-color: var(--main_bgr);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 22px;
font-weight: bold;
color: var(--title);
}
.woocommerce-product-details__short-description p {
font-size: 16px;
color: #000000e0;
margin-bottom: 0;
}
.summary .product_contact_title {
font-weight: bold; font-size: 1.1rem; padding-top: 0px; margin-bottom: 10px;
}
.summary .product_contact {
display: inline-block; padding:1em 3em; border-radius: 2px;
box-shadow: 2px 2px 4px #b9b9b9; color: white;
text-transform: uppercase; background: var(--main_bgr);
transition: .3s;
}
.summary .product_contact:hover {
transform: translatey(-4px);  box-shadow: 4px 4px 8px #adadad;
transition: .5s; background: var(--title);
}
.single_variation_wrap .woocommerce-variation-add-to-cart, .summary form.cart:not(.variations_form) {
margin-top: 5px;
}
.namlbn-nav .slick-slide {
border: 1px solid #ccc;
padding: 10px;
margin-right: 5px;
}
.woocommerce #review_form #respond input[type="submit"] { color: #fff; }
.single-product .woocommerce-tabs-panel { 
box-shadow: 0px 5px 24px 10px rgb(68 102 242 / 5%);
} .woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sec_product input.minus, .sec_product input.plus {
padding: 8px 15px;
}
.sec_product .minus:active, .sec_product .plus:active{
color: #fff;
}
.summary .product_contact.no_price {
display: inline-block;
padding: 0;
border-radius: 0;
box-shadow: inherit;
color: var(--title);
text-transform: capitalize;
background: transparent;
transition: .3s;
}
.summary .product_contact.no_price:hover {
transform: translatey(0px);
box-shadow: inherit;
transition: .3s;
background: transparent;
}
.woocommerce button.button:hover {
color: #fff;
}
.sec_product .quantity input.minus, .sec_product .quantity input.plus {
cursor: pointer;
}
.sec_product .quantity .qty {
width: 7em;
border: 1px solid #000;
height: 60px;
padding: 0;
outline: none;
font-size: 18px;
}
.sec_product input.minus:focus, .sec_product input.plus:focus { outline: none; }
.sec_product input.minus:hover, .sec_product input.plus:hover { color: var(--main_bgr); }
.sec_product input.minus, .sec_product input.plus {
position: absolute;
background: none;
border: none;
width: 2em;
height: 100%;
font-size: 23px;
}
.sec_product input.plus {
right: 0px;
top: 0px;
}
.quantity {
position: relative;
}
.woocommerce div.product form.cart {
margin-bottom: 1em;
}
.woocommerce div.product form.cart div.quantity { padding-right: 0; }
.sec_product button.single_add_to_cart_button.button.alt {
width: 16em;
height: 60px;
padding: 0;
outline: none;
background-color: #000;
border-radius: 0;
}
.sec_product button.single_add_to_cart_button.button.alt:hover {
background-color: var(--main_bgr);
} .bottom_section .related.products .slick-list, .sec_product .up-sells.products .slick-list,
.sc_product_related ul.products .slick-list  {
width: 100%;
padding-bottom: 40px;
}
.bottom_section .related.products .slick-track, .bottom_section .up-sells.products .slick-track {
display: flex;
flex: auto;
margin-left: 0;
}
.bottom_section .related.products li.product, .bottom_section .up-sells.products li.product {
display: flex;
flex-direction: column;
min-height: 100%;
height: auto;
flex: auto;
max-width: unset;
}
.bottom_section .related.products button.slick-arrow, 
.sec_product .up-sells.products button.slick-arrow,
.sc_product_related ul.products button.slick-arrow {
opacity: 0;
visibility: hidden;
transition: .3s;
-webkit-transition: .3s;
}
.bottom_section .related.products ul.products:hover button.slick-arrow, 
.sec_product .up-sells.products ul.products:hover button.slick-arrow,
.sc_product_related ul.products:hover button.slick-arrow {
opacity: 1;
visibility: visible;
}  .woocommerce-tabs.wc-tabs-wrapper {
position: relative;
}
div#tab-description {
overflow: hidden;
padding: 20px 30px 40px 20px;
}
div#tab-description span {
display: initial !important;
}
.woocommerce-tabs.wc-tabs-wrapper a.toggle_section {
color: #fff;
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
background: #333;
padding: 10px 15px;
text-decoration: none;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
transition: .5s;
-webkit-transition: .5s;
}
.woocommerce-tabs.wc-tabs-wrapper a.toggle_section:hover {
background: var(--main_bgr);
}
.bvsp_mask {
position: absolute;
bottom: 0;
width: 100%;
height: 80%;
left: 0;
background: linear-gradient(0deg, white,#ffffffd9, #ffffff5e,transparent, transparent);
}
.woocommerce-tabs.wc-tabs-wrapper a.toggle_section i {
margin-left: 0px;
}  span.pewc-cart-item-price, dt.variation-tnhgi, dd.variation-tnhgi {
display: none!important;
}
dl.variation {
margin-top: 5px;
}
td.product-name a { font-weight: 700; }
tr.woocommerce-cart-form__cart-item.cart_item td.product-remove {
padding: 0!important;
padding-left: 5px!important;
}
tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
padding: 8px 0!important;
}
tr.woocommerce-cart-form__cart-item.cart_item td.product-price {
text-align: center;
}
form.woocommerce-cart-form input.minus, form.woocommerce-cart-form input.plus {
position: absolute;
background: none;
border: none;
width: 45px!important;
height: 100%;
font-size: 23px;
padding: 0 !important;
}
form.woocommerce-cart-form input.minus:hover, form.woocommerce-cart-form input.plus:hover {
cursor: pointer;
}
form.woocommerce-cart-form .quantity .qty {
width: 130px!important;
border: 1px solid #000;
height: 60px;
padding: 0!important;
outline: none;
font-size: 18px;
}
form.woocommerce-cart-form input.plus {
right: 0;
top: 1px;
}
.woocommerce-cart-form .quantity {
width: 130px !important;
}
.woocommerce-page table.cart td.actions .coupon .input-text+.button { color: #fff; }
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
color: #fff;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background: var(--main_bgr);
} .woocommerce table.shop_table td.product-name {
width: 25% !important;
} #form_popup_pro, #form_popup_vat {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 99999;
transform: scale(0);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease 0s;
}
#form_popup_vat input.wpcf7-submit {
display: block !important;
}
#form_popup_pro.show, #form_popup_vat.show {
opacity: 1;
visibility: visible;
transform: scale(1);
}
#form_popup_pro .bg, #form_popup_vat .bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgb(0, 0, 0);
opacity: 0.5;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 35%;
background-color: #fff;
}
#form_popup_pro .main_form_tu_van, #form_popup_vat .main_form_tu_van {
background-color: rgb(255, 255, 255);
padding: 10px 20px;
border-top: 3px solid var(--title);
}
#form_popup_pro input, #form_popup_vat input {
width: 100%;
height: 40px;
margin-bottom: 10px;
text-indent: 20px;
border-width: 1px;
border-style: solid;
border-color: rgb(206, 212, 218);
border-image: initial;
border-radius: 20px;
}
#form_popup_pro input:focus, #form_popup_vat input:focus { outline: none; }
#form_popup_pro input.wpcf7-form-control.wpcf7-submit,
#form_popup_vat input.wpcf7-form-control.wpcf7-submit {
background: var(--main_bgr);
color: #fff;
text-indent: 0;
}
#form_popup_pro input.wpcf7-form-control.wpcf7-submit:hover {
background: #36365c;
cursor: pointer;
}
#form_popup_pro .top_form_tu_van,
#form_popup_vat .top_form_tu_van {
padding: 15px 0;
}
#form_popup_pro .top_form_tu_van img,
#form_popup_vat img {
margin: 0 auto;
}
#form_popup_pro .popup_title,
#form_popup_vat .popup_title {
text-align: center;
text-transform: uppercase;
font-size: 1.2em;
line-height: 24px;
color: #36365c;
margin-top: 10px;
margin-bottom: 10px;
}
#form_popup_pro .wpcf7 form>div, #form_popup_pro .wpcf7 form>p,
#form_popup_vat .wpcf7 form>div, #form_popup_vat .wpcf7 form>p {
margin-bottom: 0px; 
}
.btn_lan_sau button {
width: 100%;
height: 40px;
border-width: 1px;
border-style: solid;
border-color: rgb(206, 212, 218);
border-image: initial;
border-radius: 20px;
background: var(--main_bgr);
color: #fff;
font-size: 1em;
}
.sec-btn-sau { padding-right: 10px; }
.sec-btn-sau .col-6 { padding-right: 0; }
.btn_lan_sau button:hover { cursor: pointer; background: #36365c; }
.icon_hotline_form i {
padding: 10px;
border: 1px solid var(--main_bgr);
border-radius: 50%;
font-size: 25px;
margin-right: 10px;
color: var(--main_bgr);
}
.icon_hotline_form {
display: flex;
align-items: center;
justify-content: center;
color: var(--main_bgr);
font-weight: 600;
margin-bottom: 10px;
font-size: 22px;
}
.icon_hotline_form a {
color: var(--main_bgr);
}  .sc_product_related {
margin-top: 15px;
}
.sc_product_related button.button.alt {
display: none !important;
}
.sc_product_related ul.products li.product {
padding: 0;
}
.title_product_related {
font-size: 1.5em;
margin-bottom: 1em;
border-bottom: solid 1px var(--main_bgr);
color: var(--main_bgr);
font-weight: 600;
}  .post_pro {
padding-bottom: 30px;
}
.post_pro ul {
list-style-type: none;
padding: 0;
}
.post_pro ul li a {
color: inherit;
}
.post_pro ul li a:hover {
color: var(--main_txt);
}
.post_pro h2 {
font-size: 1.5em;
margin-bottom: 1em;
border-bottom: solid 1px var(--main_bgr);
color: var(--main_bgr);
}
.post_pro {
padding-left: 7px;
padding-right: 7px;
} .woocommerce-Tabs-panel--download .download_item {
width: 100%; max-width: 90vw !important;
border:solid 1px #dddd; border-top:none;
}
.woocommerce-Tabs-panel--download .download_item:first-child {
border-top: solid 1px #dddd;
}
.woocommerce-Tabs-panel--download .download_item a {
display: flex; 
}
.woocommerce div.product .woocommerce-Tabs-panel--download .download_item .download_title {
flex-grow: 1; display: flex; align-items: center;
padding:5px 5px 5px 10px;
}
.woocommerce div.product .woocommerce-Tabs-panel--download .download_item .download_icon {
border-left: solid 1px #dddd; display: flex; justify-content: center;
align-items: center; margin:0; padding:5px 10px 5px;
}
.woocommerce-Tabs-panel--download .download_item .download_icon svg {
height: 2em; width: auto;
}
.woocommerce-notices-wrapper .woocommerce-message a.button {
padding: 0.5em 10px !important;
margin-top: 0 !important;
font-weight: 500;
font-size: 15px;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container .comment-text img {
height: 20px !important;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container .comment-text p {
margin-bottom: 0 !important;
margin-left: 5px;
margin-right: 5px;
}
.wc-tab #reviews #comments .commentlist li.review .comment_container .comment-text {
padding: 10px !important;
align-items: center;
justify-content: center;
} .banner_km {
margin-top: 15px;
position: relative;
}
.banner_km p {
font-weight: bold;
font-size: 16px;
} @media (min-width: 1600px){
.sec_product h1.product_title.entry-title {
font-size: 29px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 24px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.1em;
}
div#tab-description {
font-size: 18px;
}
}
@media (min-width: 1900px){
.sec_product h1.product_title.entry-title {
font-size: 31px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 26px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.2em;
}
.summary .product_contact_title {
font-size: 1.2rem;   
}
.col_thong_tin .product_meta {
font-size: 18px;
}
.col_thong_tin span.posted_in {
font-size: 18px;
}
.bottom_section .tabs.wc-tabs a {
font-size: 21px;
}
div#tab-description {
font-size: 20px;
}
}
@media (min-width: 2400px){
.sec_product h1.product_title.entry-title {
font-size: 33px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 28px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.3em;
}
.summary .product_contact_title {
font-size: 1.4rem;   
}
.summary .product_contact {
padding: 1.2em 3.5em;
font-size: 20px;
}
.col_thong_tin .product_meta,
.col_thong_tin span.posted_in {
font-size: 20px;
}
.bottom_section .tabs.wc-tabs a {
font-size: 23px;
}
div#tab-description {
font-size: 22px;
}
}
@media (min-width: 3400px){
.sec_product h1.product_title.entry-title {
font-size: 35px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 30px;
}
.lenam_policy .col_info .policy_title {
font-size: 1.4em;
}
.summary .product_contact_title {
font-size: 1.5rem;   
}
.col_thong_tin .product_meta,
.col_thong_tin span.posted_in  {
font-size: 22px;
}
.bottom_section .tabs.wc-tabs a {
font-size: 24px;
}
div#tab-description {
font-size: 24px;
}
}
@media (max-width: 1024px){
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv {
width: 40%;
}
form.woocommerce-cart-form input.plus {
right: 12px;
}
}
@media (max-width: 768px){
form.woocommerce-cart-form input.plus {
right: 0px;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv { 
width: 55%;
}
.sec_product h1.product_title.entry-title {
font-size: 24px;
margin: 0px 0 5px;
padding-bottom: 5px;
}
.col_thong_tin form.cart {
margin-bottom: 10px!important;
}
ul.pewc-product-extra-groups {
margin-bottom: 0px;
margin-top: 0px;
}
.sec_product .quantity .qty {
width: 6em;
height: 50px;
font-size: 16px;
}
.sec_product button.single_add_to_cart_button.button.alt {
width: 13em;
height: 50px;
}
.woocommerce-cart.woocommerce-page .entry-content .woocommerce .woocommerce-cart-form {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.woocommerce-cart.woocommerce-page .entry-content .woocommerce .cart-collaterals {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.col_hinh_anh, .col_thong_tin {
flex: 0 0 100%;
max-width: 100%;
padding: 0 15px;
}
.col_thong_tin {
margin-top: 15px;
}
}
@media (max-width: 767px){
.sec_product h1.product_title.entry-title {
margin-top: 20px;
}
.summary.entry-summary.col_wrapper {
padding-left: 0;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv { 
width: 93%; 
}
#form_popup_pro .top_form_tu_van, #form_popup_vat .top_form_tu_van {
padding: 5px 0;
}
form.woocommerce-cart-form input.plus {
right: 0px;
top: 1px;
}
.col_hinh_anh, .col_thong_tin {
padding: 0 5px;
}
#form_popup_pro h3 {
font-size: 1.5em;
margin: 0;
}
#form_popup_pro input, #form_popup_vat input { height: 35px; }
.btn_lan_sau button { height: 35px; }
.sec-btn-sau .col-6 {
flex: 0 0 50%;
max-width: 50%;
width: 49%;
}
.row.sec-btn-sau {
padding: 0 10px;
}
}
@media (max-width: 500px){
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 15px 18px;
}
#form_popup_pro h3, #form_popup_vat h3 {
font-size: 1.2em;
}
.icon_hotline_form {
font-size: 18px;
}
}
@media (max-width: 425px){
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 7px;
font-size: 16px;
}
#form_popup_pro .content_form_tv, #form_popup_vat .content_form_tv {
width: 97%;
}
#form_popup_pro .main_form_tu_van, #form_popup_vat .main_form_tu_van {
padding: 10px 5px;
}
}
.tab_main_pro {
display: none;
}
.tab_main_pro.active .tab_main_pro, .section_product .tab_main_pro.active {
position: relative;
opacity: 1;
overflow: visible;
display: block;
}
.tab_main_pro_test {
display: none;
}
.tab_main_pro_test.active {
display: block;
}
.namlbn-for figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.namlbn-for figure {
max-width: 100% !important;
max-height: 100% !important;
}
.namlbn-product-image-view img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: scale-down;
object-position: center;
background-color: #ffffff;
max-width: 100% !important;
max-height: 100% !important;
}
.namlbn-nav .slick-slide:after {
background: #b9b9b9
} .info_vat {
width: 100% !important;
}
.info_vat > label {
flex: 0 0 32% !important;
}
.info_vat .woocommerce-input-wrapper {
display: flex;
flex: 0 0 10% !important;
}
.info_vat span.woocommerce-input-wrapper>input {
width: fit-content !important;
margin: 0 !important;
margin-right: 10px !important;
}
.info_vat label.radio {
line-height: 2.2 !important;
}
.info_vat p label {
width: 10% !important;
}
.mz-thumb-selected img {
-webkit-filter: brightness(100%) !important;
filter: brightness(100%) !important;
box-shadow: none !important;
} button[name='update_cart'] {
display: none !important;
}
.woocommerce-page table.cart td.actions .coupon {
float: none !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 60%;
}
.woocommerce-page table.cart td.actions .coupon .input-text+.button {
width: 40%;
}@font-face {
font-family: "magictoolbox-thin";
font-weight: normal;
font-style: normal;
src:url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.eot);
src:url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.eot?#iefix) format("embedded-opentype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.woff) format("woff"),
url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.ttf) format("truetype"),
url(//marico.com.vn/wp-content/themes/lenamstartercode-child/assets/css/fonts/magictoolbox-thin.svg#magictoolbox-thin) format("svg");
}
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.MagicZoom,
.mz-figure {
display: inline-block;
outline: 0 !important;
font-size: 0 !important;
line-height: 100% !important;
direction: ltr !important;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 auto;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.MagicZoom {
-webkit-transform: translate3d(0,0,0);
-ms-touch-action: pan-y;
touch-action: pan-y;
}
figure.mz-figure {
-webkit-perspective: 300px;
perspective: 300px;
margin: 0 !important;
}
.MagicZoom img,
.mz-figure img {
border: 0 !important;
margin: 0 !important;
outline: 0 !important;
padding: 0 !important;
}
.MagicZoom > img,
.mz-figure > img {
width: 100%;
height: auto;
}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
width: 100%;
max-width: none !important;
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
cursor: default !important;
}
.mz-figure.mz-active,
.mz-expand {
-ms-touch-action: none;
touch-action: none;
}
.mz-lens,
.mz-zoom-window {
position: absolute !important;
overflow: hidden !important;
pointer-events: none !important;
}
.mz-lens img,
.mz-zoom-window img {
position: absolute !important;
max-width: none !important;
max-height: none !important;
}
.mz-zoom-window {
z-index: 2000000000;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.mz-zoom-window.mz-magnifier {
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
-webkit-mask-clip: content;
cursor: none;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
z-index: 2147483647;
}
.mz-zoom-window img  {
left: -1000%;
right: -1000%;
top: -1000%;
bottom: -1000%;
margin: auto !important;
-ms-transform-origin: 50% 50% !important;
-webkit-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
}
.mz-zoom-window.mz-preview img {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
-webkit-transform: none !important;
transform: none !important;
width: 100% !important;
height: auto !important;
}
.lt-ie9-magic .mz-zoom-window img  {
margin: 0 !important;
}
.mz-expand-controls {
z-index: 2147483647;
}
.mz-fade {
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.mz-hidden {
opacity: 0;
}
.mz-visible {
opacity: 1;
}
.mobile-magic .mz-expand .mz-expand-bg {
-webkit-transform-style: flat !important;
transform-style: flat !important;
}
.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
display: none !important;
}
.mobile-magic .mz-expand-controls.mz-fade {
transition: none !important;
}
.mobile-magic .mz-expand .mz-zoom-window {
top: 0 !important;
left: 0 !important;
} .mz-figure.mz-active {
background: #fff;
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
cursor: none;
}
.mz-figure.mz-active > img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
-webkit-filter: grayscale(80%) opacity(60%);
filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}
.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
opacity: 0;
}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
opacity: 1;
}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
filter: alpha(opacity=0);
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
background: transparent;
} .mz-lens {
border: 1px solid #aaa;
border-color: rgba(170,170,170,0.7);
box-shadow: 0 0 5px rgba(0,0,0,.3);
cursor: none;
z-index: 10;
opacity: 0;
}
.mz-figure.mz-active .mz-lens {
opacity: 1;
-webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
border-radius: 50%;
opacity: 0;
cursor: none;
} .mz-zoom-window {
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.mz-zoom-window.mz-magnifier {
border-radius: 50%;
border: 0;
background: rgba(255,255,255,.3);
}
.mz-zoom-window.mz-magnifier:before {
content: "";
display: block;
position: absolute;
top: 0;bottom: 0;
left: 0; right: 0;
border-radius: 100%;
border: 1px solid rgba(170,170,170,0.7);
box-shadow: 0 0 5px rgba(0,0,0,.3);
background: transparent;
z-index: 1;
}
.lt-ie9-magic .mz-zoom-window {
border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
border: none;
box-shadow: none;
} .mz-zoom-window .mz-caption {
background: #777;
color: #fff;
font-size: 10pt;
opacity: 0.8;
position: absolute;
top: 0;
z-index: 150;
padding: 3px;
width: 100%;
line-height: normal !important;
text-align: center !important;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
filter: alpha(opacity=80);
}
.mz-zoom-window.caption-bottom .mz-caption {
top: auto;
bottom: 0;
}
.mz-zoom-window.mz-expanded > .mz-caption {
display: none;
} .mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-deactivating {
-webkit-transition-duration: .25s, .25s, .25s;
transition-duration: .25s, .25s, .25s;
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
opacity: 0;
z-index: -100;
}
.mz-zoom-window.mz-p-right {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
.mz-zoom-window.mz-p-left {
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
}
.mz-zoom-window.mz-p-top {
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
.mz-zoom-window.mz-p-bottom {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
} .mz-zoom-window > img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
-webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
} .mz-zoom-window.mz-p-magnifier {
-webkit-transform: scale(.1);
transform: scale(.1);
} .mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
opacity: 0;
} .mz-hint,
.mz-loading {
color: #eee;
background: rgba(49,51,61,0.7);
font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
direction: ltr;
display: inline-block;
margin: 0;
position: absolute;
z-index: 1000;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.mz-hint {
bottom: 8px;
left: 0;
right: 0;
padding: 0 10%;
background-color: transparent;
-webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
transition: opacity 0.25s ease, z-index 0.25s ease;
}
.mz-hint-message {
display: inline-block;
background: rgba(49,51,61,0.7);
border-radius: 2em;
padding: .7em 1.1em;
}
.mz-hint-message:before {
content: '\02295';
font-family: serif;
font-size: 1.5em;
speak: none;
text-align: center;
vertical-align: -2px;
margin-right: 6px;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.mobile-magic .mz-hint-message:before {
display: none;
}
.mz-hint-hidden {
opacity: 0;
z-index: -1;
-webkit-transition-delay: .6s;
transition-delay: .6s;
} .mobile-magic .mz-expand .mz-hint {
font-size: 18px;
line-height: 1.1em;
top: 50%;
bottom: auto;
margin: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.mobile-magic .mz-expand .mz-hint-message {
padding: 1.1em;
}
.mobile-magic .mz-expand .mz-hint-message:before {
display: none;
}
.mobile-magic .mz-expand .mz-hint-hidden {
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0;
} .mz-loading {
font-size: 0;
border-radius: 4px;
opacity: 0;
padding: 0;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mz-loading:after {
content: '';
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
width: 24px;
height: 24px;
margin: auto;
text-indent: -9999em;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 1);
border-top-color: transparent;
box-sizing: border-box;
}
.mz-loading.shown {
opacity: 1;
z-index: 1;
-webkit-transition: opacity 0s;
transition: opacity 0s;
}
.mz-loading.shown:after {
-webkit-animation: spin-loading .9s infinite linear;
animation: spin-loading .9s infinite linear;
}
@-webkit-keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lt-ie10-magic .mz-loading {
font-size: 12px;
padding: .7em 1.1em;
width: auto;
height: auto;
}
.lt-ie10-magic .mz-loading:after {
content: 'Loading...';
text-indent: 0;
border: none;
position: relative;
}
.lt-ie9-magic .mz-loading {
filter: alpha(opacity=0);
right: 0;
left:  0;
width: 126px;
margin: auto;
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
background: transparent !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}
.lt-ie9-magic .mz-hint-hidden {
filter: alpha(opacity=0);
} .mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
width: auto !important;
height: auto !important;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg  {
min-width: 100% !important;
min-height: 100% !important;
}
.mz-expand {
background-color: rgba(0, 0, 0, 1);
text-align: center;
vertical-align: middle;
display: block;
overflow: hidden;
z-index: 2100000000;
position: fixed;
width: auto;
height: auto;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-overflow-style: none;
} .mz-expand .mz-expand-bg {
display: inline-block;
vertical-align: middle;
margin: auto;
z-index: -100;
max-width: none !important;
max-height: none !important;
-webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
-ms-transform: translate(0,0) scale(10,10) rotate(0.01deg);
transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
-webkit-perspective: 600px;
perspective: 600px;
background-repeat: no-repeat;
background-size: cover;
}
.mz-expand .mz-expand-bg > img  {
margin: auto;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
-webkit-filter: blur(20px) brightness(60%);
filter: blur(20px) brightness(60%);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-expand .mz-expand-bg > svg  {
margin: auto;
opacity: .6;
}
.lt-ie10-magic .mz-expand .mz-expand-bg {
display: none !important;
}
.lt-ie9-magic .mz-expand {
background: #1f1f1f;
} .mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
display: none !important;
}
.mz-expand.dark-bg {
background-color: #1f1f1f;
background-color: rgba(31, 31, 31, .96);
}
.mz-expand.white-bg {
background-color: #fff;
} .mz-expand .mz-expand-stage {
z-index: 2100000000;
padding: 0;
}
.mz-expand .mz-expand-stage .mz-image-stage {
z-index: 50;
left: 120px;
right: 120px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
vertical-align: middle;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding-bottom: 120px;
}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding: 0 !important;
left: 0;
right: 0;
}
.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
font-size: 0;
line-height: 100%;
width: 0;
}
.mz-expand .mz-image-stage > figure {
width: 100%;
max-width: 100%;
max-height: 100%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 100%;
position: relative;
}
.mz-expand .mz-figure {
overflow: visible;
max-width: 100% !important;
}
.mz-expand .mz-figure > img {
max-width: 100%;
width: auto;
height: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
width: 100%;
height: 100%;
}
.mz-expand .mz-figure {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
} .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
z-index: 1;
position: absolute !important;
top: -5000px !important;
bottom: -5000px !important;
left: -5000px !important;
right: -5000px !important;
margin: auto !important;
}
.lt-ie10-magic .mz-zoom-window.mz-expanded img  { filter: alpha(opacity=100); }
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
overflow: hidden;
filter: alpha(opacity=100);
} .mz-expand .mz-caption {
color: #fff;
text-shadow: 0px 0px 46px #000;
padding: 10px 4px;
font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
position: absolute;
left: 0;
opacity: 0;
}
.mz-expand .mz-caption.mz-show {
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
opacity: 1;
}
.mz-expand .mz-caption a {
color: inherit;
cursor: pointer;
}
.mz-expand.white-bg .mz-caption {
color: #555;
text-shadow: none;
}
.lt-ie9-magic .mz-expand .mz-caption {
top: 100%;
}
.mz-expand .mz-zoom-window {
box-shadow: none;
background: transparent;
}
.lt-ie9-magic .mz-expand .mz-zoom-window {
border: 0;
} .mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
left: 0px;
right: 0px;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
bottom: 0px;
}
.mobile-magic .mz-expand-stage .mz-image-stage {
padding: 0;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding: 5px 0 60px;
}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding-top: 0;
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
padding: 0;
height: 60px;
} .mz-expand-controls,
.mz-button {
margin: 0;
padding: 0;
outline: 0;
}
.mz-button {
color: #b4b4b4;
font: 900 34px/1 'magictoolbox-thin';
cursor: pointer;
z-index: 90;
background-color: transparent;
border: 1px solid rgba(180, 180, 180, 0);
border-radius: 100%;
position: absolute;
text-transform: none !important;
text-align: center;
speak: none;
-webkit-font-smoothing: antialiased;
width: 60px;
height: 60px;
}
.mz-button-prev,
.mz-button-next {
margin: auto 10px;
top: 0;
bottom: 0;
overflow: hidden;
}
.mz-button-prev {
left: 0;
}
.mz-button-next {
right: 0;
}
.mz-button-close {
font-size: 30px;
margin: 10px;
top: 0;
right: 0;
z-index: 95;
}
:root:not(.mobile-magic) .mz-button {
color: rgba(180, 180, 180, .75);
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: color .25s, border-color .25s, -webkit-transform .25s;
transition: color .25s, border-color .25s, transform .25s;
}
:root:not(.mobile-magic) .mz-button:hover {
color: rgba(180, 180, 180, 1);
border-color: rgba(180, 180, 180, .6);
-webkit-transform: scale(1);
transform: scale(1);
}
.mobile-magic .mz-button {
-webkit-transition: -webkit-transform .1s;
transition: transform .1s;
}
.mobile-magic .mz-button:active {
border-color: rgba(180, 180, 180, .6);
-webkit-transform: scale(.95);
transform: scale(.95);
}
.mz-button.mz-button-close:before { content: "\a001"; }
.mz-button.mz-button-prev:before { content: "\a002";  }
.mz-button.mz-button-next:before { content: "\a003"; }
@media screen and (max-device-width: 767px) {
.mz-button-prev,
.mz-button-next {
display: none;
}
.mobile-magic .mz-expand .mz-button {
background: rgba(255, 255, 255, .12);
border-color: rgba(180, 180, 180, .3);
}
}
.lt-ie9-magic .mz-button {
border: 0;
filter: alpha(opacity=75);
}
.lt-ie9-magic .mz-button:hover {
filter: alpha(opacity=100);
}  .mz-thumb, .mz-thumb:focus {
display: inline-block;
line-height: 0;
outline: none;
}
.mz-thumb img {
border: 0;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
box-sizing: border-box;
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.mz-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.no-cssfilters-magic .mz-thumb {
background: #000;
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-thumb-selected img {
opacity: .5;
filter: alpha(opacity=50);
}
.ie9-magic .mz-thumb img {
box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
} .mz-expand-thumbnails {
z-index: 50;
position: absolute;
bottom: 0;
left: 65px;
right: 65px;
height: 80px;
padding: 10px 0;
box-sizing: border-box;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
padding: 10px 2px;
}
.mz-expand-thumbnails .magic-thumb > img {
cursor: pointer;
height: 40px;
box-shadow:0 0 5px 1px rgba(0,0,0,0.3);
}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.mz-expand-thumbnails .magic-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
box-shadow: none;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
opacity: 0;
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
opacity: .5; filter:
alpha(opacity=50);
}
.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
margin: 0;
padding: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.magic-thumbs {
direction: ltr;
overflow: visible;
z-index: 100;
position: relative;
left: 0;
top: 0;
padding: 0 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: none;
touch-action: none;
}
.magic-thumbs {
width: 100%;
height: 100%;
white-space: nowrap;
}
.magic-thumbs.no-buttons {
padding: 0 !important;
}
.magic-thumbs-wrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.magic-thumbs ul {
list-style: none;
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 100%;
position: relative;
white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
padding: 0 !important;
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
left: 0 !important;
}
.magic-thumbs ul li {
margin: 0 4px;
height: 100%;
width: auto;
vertical-align: top;
line-height: 0;
display: inline-block;
}
.magic-thumbs ul li:after {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.magic-thumbs ul li > img {
width: auto;
height: auto;
max-height: 100%;
vertical-align: middle;
}
.ie8-magic .magic-thumbs ul li > img {
max-width: none !important;
max-height: none !important;
} .magic-thumbs.magic-thumbs-vertical {
height: 100%;
}
.magic-thumbs-vertical {
padding: 30px 0;
}
.magic-thumbs-vertical ul {
height: auto;
width: 100%;
white-space: normal;
}
.magic-thumbs-vertical ul li {
width: 100%;
height: auto;
}
.magic-thumbs-vertical ul li {
margin: 4px 0;
}
.magic-thumbs-vertical ul li > img {
max-width: 100%;
max-height: none;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
width: 100%;
} .magic-thumbs .magic-thumbs-button {
cursor: pointer;
z-index: 90;
background-repeat: no-repeat;
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
overflow: hidden;
position: absolute;
font-family: "magictoolbox-thin";
font-style: normal;
font-weight: 200;
font-variant: normal;
text-transform: none !important;
speak: none;
line-height: 1;
text-align: center;
color: #bbb;
-webkit-font-smoothing: antialiased;
font-size: 30px;
width: 30px;
height: 100%;
top: 0; bottom: 0;
}
.magic-thumbs .magic-thumbs-button-prev {
left: 0;
}
.magic-thumbs .magic-thumbs-button-next {
right: 0;
}
.magic-thumbs .magic-thumbs-button-prev:before { content: "\a002"; }
.magic-thumbs .magic-thumbs-button-next:before { content: "\a003"; }
.magic-thumbs-button:before {
-webkit-transition: opacity .25s;
transition: opacity .25s;
opacity: .6;
}
.magic-thumbs .magic-thumbs-button:hover:before { opacity: 1; } .magic-thumbs-vertical .magic-thumbs-button {
width: 100%;
height: 30px;
left: 0; right: 0;
top: auto; bottom: auto;
}
.magic-thumbs-vertical .magic-thumbs-button-prev {
top: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-next {
bottom: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; }
.magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; }
.magic-thumbs.no-buttons .magic-thumbs-button {
display: none !important;
}
.magic-thumbs-button-disabled {
opacity: 0.2;
filter: alpha(opacity = 20);
}.cfg-btn {
background-color: rgb(55, 181, 114);
color: #fff;
border: 0;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
outline:0;
cursor: pointer;
width: 200px;
padding: 10px;
font-size: 1em;
position: relative;
display: inline-block;
margin: 10px auto;
}
.cfg-btn:hover:not([disabled]) {
background-color: rgb(37, 215, 120);
}
.mobile-magic .cfg-btn:hover:not([disabled]) { background: rgb(55, 181, 114); }
.cfg-btn[disabled] { opacity: .5; color: #808080; background: #ddd; }
.cfg-btn.btn-preview,
.cfg-btn.btn-preview:active,
.cfg-btn.btn-preview:focus {
font-size: 1em;
position: relative;
display: block;
margin: 10px auto;
}
.cfg-btn,
.preview,
.app-figure,
.api-controls,
.wizard-settings,
.wizard-settings .inner,
.wizard-settings .footer,
.wizard-settings input,
.wizard-settings select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.preview,
.wizard-settings {
padding: 10px;
border: 0;
min-height: 1px;
}
.preview {
position: relative;
}
.api-controls {
text-align: center;
}
.api-controls button,
.api-controls button:active,
.api-controls button:focus {
width: 80px; font-size: .7em;
white-space: nowrap;
}
.app-figure {
width: 80% !important;
margin: 0px auto;
border: 0px solid red;
padding: 20px;
position: relative;
text-align: center;
}
.selectors { margin-top: 0px; margin-bottom: 10px;}
.selectors .mz-thumb img {  }
@media (min-width: 0px) {
.preview { width: 100%; float: none; }
}
@media (min-width: 1024px) {
.preview { width: calc(100% - 340px); }
.wizard-settings { top: 0; min-height: 100%; }
.wizard-settings .inner { margin-top: 60px; }
.wizard-settings .footer { position: absolute; bottom: 0; left: 0; }
.wizard-settings .settings-controls {
position: fixed;
top: 0; right: 0;
width: 340px;
padding: 10px 0 0;
text-align: center;
background-color: inherit;
}
}
@media screen and (max-width: 1024px) {
.api-controls button, .api-controls button:active, .api-controls button:focus {
width: 70px;
}
}
@media screen and (max-width: 1023px) {
.app-figure { width: 98% !important; margin: 50px auto; padding: 0; }
.app-code-sample { display: none; }
.wizard-settings { width: 100%; }
}
@media screen and (max-width: 600px) {
.mz-thumb img { }
}
@media screen and (max-width: 560px) {
.api-controls .sep { content: ''; display: table; }
}
@media screen and (min-width: 1600px) {
.preview { padding: 10px 160px; }
}