/*
Theme Name: Loodo Flatsome Starter
Description: Loodo Flatsome Starter
Author: loodoweb.com
Template: flatsome
Version: 3.0.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'MYRIADPRO';
  src: url('inc/fonts/MYRIADPRO-REGULAR.OTF') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MYRIADPRO';
  src: url('inc/fonts/MYRIADPRO-SEMIBOLD.OTF') format('truetype');
  font-weight: bold;
  font-style: bold;
  font-display: swap;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select,.form-flat button, .form-flat input,a.button,button,.button.is-outline,input[type="submit"],a.quick-view,.wishlist_table .add_to_cart,.yith-wcwl-add-button > a,table.compare-list .add-to-cart td a:not(.unstyled_button){}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, .chosen-container-multi .chosen-choices{font-size:1em;background-color:transparent;box-shadow:none!important;border-color:#ccc;border-top-width:0px;border-left-width:0px;border-right-width:0px;}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.chosen-container-multi .chosen-choices{}
textarea{padding:10px 13px;box-shadow:none;}
input[type=email]:focus, input[type=date]:focus, input[type=search]:focus, input[type=number]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, select:focus, .select-resize-ghost:focus, .select2-container .select2-choice:focus, .select2-container .select2-selection:focus{}
textarea{min-height:115px;}
input[type="submit"],button,a.button{padding-left:15px;padding-right:15px;}
.button, button, input[type=submit], input[type=reset], input[type=button]{}
select[multiple="multiple"]{height:auto;overflow-y:auto;}
th, td{font-size:1em;}
html,body{font-size:23px;font-family: 'MYRIADPRO', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading-font{font-family: 'MYRIADPRO', cursive;}

#content.page-wrapper,.page-wrapper,.portfolio-page-wrapper .portfolio-top,#main .shop-container > div.product{padding-top:20px;padding-bottom:5px;}
#main .shop-container > div.product{padding-bottom:0px;padding-top:0px;}
#main .shop-container > div.product .product-main{padding-top:20px;padding-bottom:0px;}
.portfolio-page-wrapper .portfolio-top{padding-bottom:20px;}
.category-page-row,.page-title:not(.featured-title)+main .product-main{padding-top:20px;}
.category-page-row{padding-bottom:0px !important;}
.message-wrapper{margin:0px 0px 30px;font-size:1em;border-bottom:1px solid #dddddd;}
.message-wrapper li:last-child{margin-bottom:0px;}
.breadcrumbs{font-size:1em;text-transform:uppercase;color:#818181;line-height:1em;font-weight: normal;
}

.breadcrumbs a{color:#818181;}
.breadcrumbs > span:last-child{display:none;}

.shop_table td .button, .shop_table th .button{margin:0px;}

.absolute-footer.dark{color:hsla(0,0%,100%,.7);}
.absolute-footer{padding-top:15px;padding-bottom:15px;border-top:1px solid #dddddd;}
img.size-full.alignnone{margin-bottom:0px;}

.product-section{border-top-width:0px;margin-bottom:30px;}
.product-section .product-section-title,.rvpw-recently-view.products h2{text-transform: none; color: var(--primary-color); padding: 0px; margin-bottom: 30px;font-size:2em;line-height:1.3em;}

.comment-form{margin-bottom:-15px;}

.section-title-container{margin-bottom:15px;}

.woocommerce-pagination{margin-bottom:25px;}

.header-bg-container,.header.transparent .header-bg-container{background: rgba(0, 0, 0, 5.1); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);}

.li-header-clearfix{width:100%;height:20px;}
.header-wrapper.stuck .header-main .nav > li.li-header-clearfix{height:auto;width:7px;}
.header-wrapper.stuck .header-bg-color{background-color:white;}
.header-main .nav > li.header-block{}
.header-main .nav > li.header-language-dropdown > a{font-size:0px;}
.header-main .nav > li.header-language-dropdown a > .image-icon{margin-left:7px;}
.header-main .nav > li > a{}
.header-main .nav > li.has-icon > a{border-width:0px;}
.header-main .nav > li.menu-item > a{}
.header-main .nav > li.menu-item > a > i.fa{float:left;font-size:18px;}
.header-wrapper.stuck .header-main .nav > li.menu-item > a{min-width:auto;}
.header-main .nav > li:last-child > a,.header-main .nav > li.cart-item > a{border-width:0px;}
#logo{margin-right:30px;}
.has-dropdown .icon-angle-down{float:right;}
.border-radius-25, .border-radius-25 img{border-radius:25px;}

.section-title b{opacity:0;}

.header-main .nav > li{}

.text-right,.text-end{text-align:right;}

/*color*/
#footer a{}
.breadcrumbs a.current, .breadcrumbs a:hover,.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link,h3.widget-title, span.widget-title{color:var(--primary-color);}
.widget ul li.current-menu-item > a{}
th,td,label,.breadcrumbs,.absolute-footer,.breadcrumbs a,.nav-dropdown,.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a{}
span.amount{color:#d29025;}
/*color*/

ul.product_list_widget li .quantity{opacity:1;}

.row .gallery{margin-left:-5px;margin-right:-5px;}
.row .gallery .gallery-item{padding:0px 5px 10px;}
.row .gallery .gallery-item a{display:block;background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 100%; position: relative;padding-top:75%;border:1px solid #dddddd;border-radius:3px;background-color:white;}
.row .gallery .gallery-item a img{bottom: 0; font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; right: 0; top: 0; width: 100%;}
.gallery-col .box .box-text{padding:0px;}
.gallery-col .box .box-text p:last-child{margin:0px;}

.wpcf7-form{margin-bottom:0px;}
.wpcf7-form .row > div{padding-bottom:15px;}
.wpcf7-form .row > div:last-child{padding-bottom:0px;margin-top:7px;}
.wpcf7 .wpcf7-not-valid-tip{margin-top:0px;}
.wpcf7-form label{margin-bottom:0px;}
.wpcf7-form label input, .wpcf7-form label select, .wpcf7-form label textarea{font-weight:normal;}
.wpcf7-form input[type="submit"]{margin-right:0px;margin:0px;}
.wpcf7 .wpcf7-not-valid-tip{font-size:0.9em;}
.wpcf7-spinner{display:none!important;}
.wpcf7-form textarea{height:80px;min-height:auto;}
.wpcf7 form .wpcf7-response-output{background-color:white;margin-top:15px!important;margin-bottom:0px!important;line-height:1.2em;padding:5px 7px;color:black;}
.wpcf7 form .button, .wpcf7 form button, .wpcf7 form fieldset, .wpcf7 form input, .wpcf7 form select, .wpcf7 form textarea{margin-bottom:0px;}

.lightbox-content{border-radius:20px;}

select option[disabled]{color: #bbbbbb;}

.nav-dropdown-default{padding:6px 5px;}

.dark table, .dark th, .dark td{border-color:white;}
.absolute-footer.dark{color:white;}
.absolute-footer{border-width:0px;color:#00298e;}
.footer-wrapper{font-size:1em;}

.nav-dropdown-has-border .nav-dropdown{border-width:1px;padding: 5px 2px;}
.header-cart-link .cart-icon{font-size:10px;}

.social-icons > a{}

.contact-header-icon.icon-box{min-width:150px;}
.contact-header-icon.icon-box .icon-box-text{margin-left:10px;}
#wide-nav .header-search-form-wrapper .searchform{min-width:300px;}
.header-search-form-wrapper .searchform > .flex-row{}
.header-search-form-wrapper .searchform > .flex-row button[type="submit"]{position: absolute; top: 0px; right: 0px; background: none; color: black; box-shadow: none; border-width: 0px;}

.slider-nav-light .flickity-page-dots .dot{background-color:#dddddd;border-color:#dddddd;}
.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot{background-color:var(--primary-color);border-color:var(--primary-color);}
.flickity-page-dots .dot.is-selected{background-color:var(--primary-color);}

.featured-number-col > .col-inner{background: #36579C; background: -webkit-linear-gradient(0deg, rgba(54, 87, 156, 1) 0%, rgba(54, 93, 155, 1) 10%, rgba(71, 130, 210, 1) 90%, rgba(111, 156, 218, 1) 100%); background: -moz-linear-gradient(0deg, rgba(54, 87, 156, 1) 0%, rgba(54, 93, 155, 1) 10%, rgba(71, 130, 210, 1) 90%, rgba(111, 156, 218, 1) 100%); background: linear-gradient(0deg, rgba(54, 87, 156, 1) 0%, rgba(54, 93, 155, 1) 10%, rgba(71, 130, 210, 1) 90%, rgba(111, 156, 218, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#36579C", endColorstr="#6F9CDA", GradientType=0);border-radius:12px;padding:30px 20px;}
.featured-number-col > .col-inner p{margin:0px;}
.featured-number-col > .col-inner:hover{background:var(--primary-color);}

.business-col > .col-inner{padding:15px;border:1px solid #478dd5;box-shadow: 0px 0px 15px 0px rgba(75,144,214,1); -webkit-box-shadow: 0px 0px 15px 0px rgba(75,144,214,1); -moz-box-shadow: 0px 0px 15px 0px rgba(75,144,214,1);}

.box.box-vertical .box-text{padding:0px 0px 0px 15px;}
.box.box-vertical .box-text .post-title{margin:5px 0px;}
.box:hover .box-text .post-title{color:black;}
.box .box-text{padding-bottom:5px;padding-top:7px;}
.box .box-text .post-title{max-height:20px;margin-bottom:3px;overflow:hidden;font-size: 1em; line-height: 1.2em; text-transform: uppercase;}
.post-item .box .box-image{border-radius:0px;}
.box-blog-post .is-divider{display:none;}
.box-text p{line-height:1.2em;}

.back-to-top.button{display: flex ; flex-direction: column; align-items: center; justify-content: center;}
.back-to-top.button svg{fill:white;}

ul,ol{list-style-position: inside;}

body.home #footer{display:none;}

.nav-pagination>li>span, .nav-pagination>li>a{border-radius:0px;}

.bg-gray{background-color:#e8e8e8;}

.normal-title .page-title-inner{padding:0px;}
.normal-title{border-width:0px;}
.normal-title{background-color:white;}
.normal-title h1{margin:3px 0px 5px;font-size:2.4em;text-transform:uppercase;line-height:1.2em;}
.normal-title .row > .col{padding-bottom:5px;}

.share-icons a.button.circle.is-outline{border-width: 0px; background-color: #a9a9a9; border-radius: 0px !important; width: 38px; height: 28px; line-height: 28px; min-height: auto; color: black; font-size: 0.8em;}

#ftwp-container #ftwp-contents.ftwp-border-medium, #ftwp-container #ftwp-trigger.ftwp-border-medium{border-width:1px;}

.header-nav-main li.nav-icon > a > i.icon-menu,.mobile-nav li.nav-icon > a > i.icon-menu{}
.header-nav-main li.nav-icon > a > i.icon-menu:hover,.mobile-nav li.nav-icon > a > i.icon-menu:hover{}

.header-language-dropdown img{height: 18px; width: auto; max-width: none;}

.mfp-bg.mfp-ready{opacity:0.8;}

.nav-uppercase>li>a{font-weight:normal;}

.header-main .nav li.menu-item > a, .header-main .nav li.menu-item.current-menu-item > a, .sidebar-menu .nav li.menu-item > a, .sidebar-menu .nav li.menu-item.current-menu-item > a{position:relative;}
.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .dark .nav-vertical-fly-out>li>a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button{color:#cccccc;}

.header-main .nav li.menu-item > a:hover:before,.header-main .nav li.menu-item.current-menu-ancestor > a:before,.header-main .nav li.menu-item.current-menu-item > a:before,.sidebar-menu .nav li.menu-item > a:hover:before,.sidebar-menu .nav li.menu-item.current-menu-item > a:before{content: "";position: absolute; top: 6px; left: -10px; border-left: 2px solid black; border-top: 2px solid black; width: 12px; height: 12px;display:none;}
.header-main .nav li.menu-item > a:hover:after,.header-main .nav li.menu-item.current-menu-ancestor > a:after,.header-main .nav li.menu-item.current-menu-item > a:after,.sidebar-menu .nav li.menu-item > a:hover:after,.sidebar-menu .nav li.menu-item.current-menu-item > a:after{content: "";position: absolute; bottom: 10px; right: -6px; border-right: 2px solid black; border-bottom: 2px solid black; width: 12px; height: 12px;display:none;}
.header-main .nav li.menu-item > a:hover:before,.header-main .nav li.menu-item.current-menu-ancestor > a:before,.header-main .nav li.menu-item.current-menu-item > a:before,.sidebar-menu .nav li.menu-item > a:hover:before,.sidebar-menu .nav li.menu-item.current-menu-item > a:before,.header-main .nav li.menu-item > a:hover:after,.header-main .nav li.menu-item.current-menu-ancestor > a:after,.header-main .nav li.menu-item.current-menu-item > a:after,.sidebar-menu .nav li.menu-item > a:hover:after,.sidebar-menu .nav li.menu-item.current-menu-item > a:after{display:block;opacity: 1;}

.header-main.nav-dark .nav li.menu-item > a:hover:before,.header-main.nav-dark .nav li.menu-item.current-menu-ancestor > a:before,.header-main.nav-dark .nav li.menu-item.current-menu-item > a:before,.nav-dark .sidebar-menu .nav li.menu-item > a:hover:before,.nav-dark .sidebar-menu .nav li.menu-item.current-menu-item > a:before{display:block;border-color:white;opacity: 1;}
.header-main.nav-dark .nav li.menu-item > a:hover:after,.header-main.nav-dark .nav li.menu-item.current-menu-ancestor > a:after,.header-main.nav-dark .nav li.menu-item.current-menu-item > a:after,.nav-dark .sidebar-menu .nav li.menu-item > a:hover:after,.nav-dark .sidebar-menu .nav li.menu-item.current-menu-item > a:after{display:block;border-color:white;opacity: 1;}
.header-main .nav li.menu-item > a:hover,.header-main .nav li.menu-item.current-menu-item > a,.sidebar-menu .nav li.menu-item > a:hover,.sidebar-menu .nav li.menu-item.current-menu-item > a{}

.transparent .header-main{}

#masthead > .header-inner .flex-col.hide-for-medium.flex-left{}
#masthead > .header-inner .flex-col.hide-for-medium.flex-right{margin-left:30px;}
#masthead > .header-inner .flex-col.hide-for-medium.flex-left > .header-nav.header-nav-main.nav-left{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

#masthead > .header-inner li.header-language-dropdown{margin-left:0px;}

.has-slide-effect.is-selected .bg{transition: opacity 1s, transform 20s ease-out, -webkit-transform 20s ease-out;}

.dark.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col, .dark.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a, .nav-dark .nav>li.header-divider, .nav-dark .header-divider:after, .nav-dark .nav-divided>li+li>a:after{border-color:white;}
.nav-dropdown{min-width:190px;}
.nav-dropdown li{text-align:center;}
.nav-dropdown:before{content: ""; display: block; position: absolute; bottom: -39px; left: 0px; width: 0; height: 0; border-left: 95px solid transparent; border-right: 95px solid transparent; border-top: 40px solid black;}

.lang-item img{height:26px;width:auto;}


.main-menu-overlay.off-canvas-left{background-color:color(srgb 0 0 0 / 0.5);}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{width:100%;max-width:466px;}
.sidebar-menu .nav > li.html{font-size:1em;}
.sidebar-menu .nav > li.menu-item{font-size:1.4em;}
.sidebar-menu .nav > li.menu-item > ul.sub-menu{font-size:0.8em;}
.sidebar-menu .nav li.menu-item button.toggle{font-size:0.6em;}
.off-canvas .sidebar-menu{padding:0px 20px 20px;}
.off-canvas .sidebar-menu ul li{text-align:center;display:block;}
.off-canvas .sidebar-menu ul li a{text-transform:uppercase;display:block;text-align:center;padding:10px!important;}
.off-canvas .sidebar-menu ul.sub-menu li a{padding: 0px !important;}
.off-canvas .sidebar-menu ul.sub-menu{padding-bottom:15px!important;}
.sidebar-menu .nav li.menu-item button.toggle{position: absolute; top: 8px; right: 0px; margin: 0px;}
.off-canvas-left > .mfp-container > .mfp-content{left:30px;max-height:calc(100vh - 90px);background-color:transparent;overflow: visible;box-shadow:none;}
.off-canvas-left > .mfp-container > .mfp-content .mobile-sidebar.no-scrollbar{background-color:black;max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width: thin;position: relative;box-sizing: border-box;overflow-x:hidden;}
.off-canvas-left > .mfp-container > .mfp-content:after{content: ""; display: block;width: 0; height: 0; border-left: 233px solid transparent; border-right: 233px solid transparent; border-top: 60px solid #000000;}

/* Ghi đè hiệu ứng slide ngang thành slide dọc */
.off-canvas-left .mfp-content,
.off-canvas-left .off-canvas {
  transform: translateY(-100%);
  transition: transform 0.4s ease;
}

.off-canvas-left.mfp-ready .mfp-content,
.off-canvas-left.mfp-ready .off-canvas {
  transform: translateY(0);
}

.off-canvas-left.mfp-removing .mfp-content,
.off-canvas-left.mfp-removing .off-canvas {
  transform: translateY(-100%);
}

.mfp-close{right:15px;}

.home-slider .slider.slider-type-fade .flickity-slider > div {
  transition: opacity 2s ease-in-out !important;
}
.home-slider .banner .banner-bg > .bg{animation: zoomInOut 15s ease-in-out infinite alternate;}
@keyframes zoomInOut {
  from { transform: scale(1); }
  to { transform: scale(1.3); }
}

.archive-header{padding-top:20px;padding-bottom:20px;}
.my-page-title{text-transform: uppercase; font-size: 1.8em; line-height: 1.3em;margin-bottom:0px;}


.blog-single > .row > .col{padding-bottom:0px;}
.blog-single > .row > .col .entry-content{padding-top:0px;padding-bottom:0px;}

.box-project.box .box-text .post-meta{max-height:17px;overflow:hidden;text-transform:uppercase;}

.single-project #secondary{font-size:0.9em;}
.single-project #secondary hr{border-color:black;opacity: 1; margin: 1em 0px; border-width: 1.25px;}
.single-project #secondary p{margin-bottom:1em;}
.single-project iframe{border-width:0px;}

.dropdown-uppercase.nav-dropdown .nav-column>li>a, .nav-dropdown.dropdown-uppercase>li>a{font-size:1em;}

.nav-spacing-xlarge>li{margin:0 20px}

.arcontactus-wrap{position:fixed;left:0px;bottom:160px;width:100%;z-index:9999;height:0px;}
.arcontactus-wrap .row,.arcontactus-wrap .row > .col{height:0px;}
.arcontactus-widget.arcontactus-message{float:right;}

.mfp-wrap.off-canvas .mfp-close{display:none;}

.article-inner .entry-header .entry-category{display:none;}

label, legend{text-transform:uppercase;}


@media only screen and (max-width: 1280px) {
	html,body{font-size:16px;}
	.box .box-text .post-title{max-height:15px;}
	.box-project.box .box-text .post-meta{max-height:14px;}
}

@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 849px) {
	.row .gallery .gallery-item{flex-basis: 33.3333%; max-width: 33.3333%;}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 550px) {
	.row .gallery .gallery-item{flex-basis: 50%; max-width: 50%;}
	.normal-title .page-title-inner .row > .col:first-child{padding-bottom:5px;}
	.normal-title .page-title-inner .row > .col:last-child{padding-bottom:0px;}
	.normal-title h1,.normal-title .breadcrumbs.text-left{text-align:center!important;}
	.home-collections-row .banner .banner-layers .text-box .text-inner > .text{font-size:0.8em;}
	
	.mobile-nav.nav li.header-language-dropdown > a{display:none;}
	.mobile-nav.nav li.header-language-dropdown > ul.nav-dropdown{gap:5px;position: static; visibility: visible; opacity: 1; display: flex ; flex-direction: row; justify-content: end; align-items: center; background-color: transparent;box-shadow: none;padding:0px;min-width: auto;}
	.mobile-nav.nav li.header-language-dropdown > ul.nav-dropdown li > a{border-width:0px;font-size:0px;padding:0px;margin:0px;}
	.mobile-nav.nav li.header-language-dropdown > ul.nav-dropdown li > a{}
	
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{max-width:280px;}
	.off-canvas-left > .mfp-container > .mfp-content{left:0px;}
	.off-canvas-left > .mfp-container > .mfp-content:after{border-left-width:140px;border-right-width:140px;}
	.sidebar-menu .nav > li.menu-item{font-size:1.1em;}
	
	.small-size-auto.img .img-inner{padding-top:0px!important;}
	.small-size-auto.img .img-inner img{position: static; -o-object-position: initial; object-position:initial; -o-object-fit: cover; object-fit: cover;}
	
	.arcontactus-wrap{bottom:100px;}
}
@media only screen and (max-width: 480px) {
}