@font-face {
  font-family: 'UTMAvo';
  src: url('fonts/UTMAvo.eot?#iefix') format('embedded-opentype'),  url('fonts/UTMAvo.woff') format('woff'), url('fonts/UTMAvo.ttf')  format('truetype'), url('fonts/UTMAvo.svg#UTMAvo') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UTMAvoBold';
  src: url('fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'),  url('fonts/UTMAvoBold.woff') format('woff'), url('fonts/UTMAvoBold.ttf')  format('truetype'), url('fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 1400px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1280px;
}
}
@media (min-width: 729px)
{
	.row5 .col-sm-2 {
		flex: 0 0 auto;
		width: 20%;
	}
}
body {
  color: #222;
  font-family: 'UTMAvo', sans-serif;
  font-size: 14px;
  width:100%;
 // font-weight:600;
}
button,option, input, optgroup, select, textarea {
}
a {
    cursor: pointer;
}
hr {
    color: #c6c7c9;
    background-color: #c6c7c9;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   // font-weight: 600;
}

.fw-300 {
	font-weight:600;
}
.fw-400 {
	font-weight:400;
}
.fw-500 {
	font-weight:500;
}
.fw-600 {
	font-weight:600;
}
.fw-700 {
	font-weight:700;
}
.fw-800 {
	font-weight:800;
}


.fs-15 {font-size:15px; }
.fs-16 {font-size:16px; }
.fs-17 {font-size:17px; }
.fs-18 {font-size:18px; }
.fs-19 {font-size:19px; }
.fs-20 {font-size:20px; }
.fs-21 {font-size:21px; }
.fs-22 {font-size:22px; }
.fs-24 {font-size:24px; }
.fs-26 {font-size:26px; }
.fs-30 {font-size:30px; }
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;}
.fs27 {font-size:27px;}
.fs28 {font-size:28px;}
.fs29 {font-size:29px;}
.fs30 {font-size:30px;}
.fs35 {font-size:35px;}
.fs40 {font-size:40px;}
.fs45 {font-size:45px;}
.fs50 {font-size:50px;}
.fs55 {font-size:55px;}
.fs60 {font-size:60px;}
.fs65 {font-size:65px;}
.fs85 {font-size:85px;}
@media (max-width: 729px)
{
	
.fs13 {font-size:12px;}
.fs14 {font-size:13px;}
.fs15 {font-size:14px;}
.fs16 {font-size:15px;}
.fs17 {font-size:16px;}
.fs18 {font-size:17px;}
.fs19 {font-size:18px;}
.fs20 {font-size:18px;}
.fs21 {font-size:18px;}
.fs22 {font-size:18px;}
.fs23 {font-size:18px;}
.fs24 {font-size:20px;}
.fs25 {font-size:20px;}
.fs26 {font-size:20px;}
.fs27 {font-size:20px;}
.fs28 {font-size:20px;}
.fs29 {font-size:20px;}
.fs30 {font-size:20px;}
.fs35 {font-size:25px;}
.fs40 {font-size:25px;}
.fs45 {font-size:25px;}
.fs50 {font-size:25px;}
.fs55 {font-size:25px;}
.fs60 {font-size:30px;}
.fs65 {font-size:30px;}
.fs85 {font-size:40px;}
}


.effect {
    display: block;
    position: relative;
    overflow: hidden
}

.effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s
}

.img_item img {
    height: auto !important;
    max-width: 100%;
    width: 100%;
    display: block
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}


ins {
  text-decoration: none;
}
a {
  color: #222;
  text-decoration: none;
}
a:hover {
	color: #16254C;
}
a:focus, a:hover {
  text-decoration: none;
}
img,iframe {
	max-width:100%;
	height:auto;
}
.post_content {
    font-size: 15px;
}
.post_content iframe {
	min-height:300px;
	min-height:300px;
}
.post_content blockquote {
  border-left: 2px solid #ab9280;
}
ul, li, ol {
  list-style: outside none none;
  padding:0px;
  margin:0px;
}
.text-justify {
    text-align: justify;
}

.h3, h3 {
  font-size: 16px;
}
.h2, h2 {
  font-size: 18px;
}

.Bgwrap {
  background: transparent url("img/bg2.png") no-repeat scroll center bottom;
}
* {
	//transition: all 0.3s ease;
}
blockquote {
  font-size: 13px;
}
.pt0 { 	padding-top:0px; }
.pt1 { 	padding-top:0px; }
.pt2 { 	padding-top:20px; }
.pt3 { 	padding-top:30px; }
.pt4 { 	padding-top:40px; }
.pt5 { 	padding-top:50px; }
.pb0 { 	padding-bottom:0px; }
.pb1 { 	padding-bottom:10px; }
.pb2 { 	padding-bottom:20px; }
.pb3 { 	padding-bottom:30px; }
.pb4 { 	padding-bottom:40px; }
.pb5 { 	padding-bottom:50px; }
.mt0 { 	margin-top:0px; }
.mt1 { 	margin-top:10px; }
.mt2 { 	margin-top:20px; }
.mt3 { 	margin-top:30px; }
.mt4 { 	margin-top:40px; }
.mt5 { 	margin-top:50px; }
.mb0 { 	margin-bottom:0px; }
.mb1 { 	margin-bottom:10px; }
.mb2 { 	margin-bottom:20px; }
.mb3 { 	margin-bottom:30px; }
.mb4 { 	margin-bottom:40px; }
.mb5 { 	margin-bottom:50px; }
.pr0 { 	padding-right:0px; }
.pl0 { 	padding-left:0px; } 
.tC {
  text-align: center;
}
.tL {
  text-align: left;
}
.tR {
  text-align: right;
}
.product-img,
.box-image {
	overflow:hidden;
}
.box-image img, .product-img img {
    width:100%;
     display:block;
     transition:0.3s ease-out
}
 .box-image:hover img,
 .product-img:hover img {
    transition:0.6s ease-in-out;
     transform:scale(1.1);
     opacity:0.5
}

.text-up {
	text-transform:uppercase
}
.relative {
	position:relative;
}

.line {
	height:1px;
	background-color:#E8E8E8;
	display:block;
	width:100%;
}



@media (max-width: 767px) {
	.text-xs-center {
	text-align:center !Important;
	}	
}

textarea:focus::placeholder,
input:focus::placeholder {
  color: transparent;
}
	
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.page_navi {
	  text-align: center;
	  
}
.page_navi a {
  border-radius: 40px;
  color: #222;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.page_navi .active {
  background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
  color: #fff;
}
.page_navi a:hover {
	background-color:#F9F9FA;
	color:#222;
}



.pagenavi {
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
}
.pagenavi > * {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.pagenavi .curent {
  background-color: #27AE60;
  border-radius: 100%;
  color: #fff;
}
.page_navi a.current {
    background-color: #222;
    color: #fff;
}

.color_red a,
.color_red {
	color:#ED1C24 !Important;
}
.nav-link {
    color: #16254C;
    position: relative;
    cursor: pointer;
}
.nav-link:focus, .nav-link:hover {
    color: #0a58ca;
}
.nav-link span{
	color:#ED1C24;
}
 
li:hover .dropdown-menu {
    display: block;
}
.dropdown-menu a.nav-link {
    font-size: 85%;
}

	.mobile {
		display:none;
	}
@media (max-width: 1200px) {
	.desktop {
		display:none;
	}
	.mobile {
		display:block;
	}
}



body.home {
   // background-color: #000031;
}


/* .home header { */
    /* position: absolute; */
    /* width: 100%; */
    /* z-index: 2; */
/* } */

header {
    background-color: #fff;
}
header .mega_menu   a {
	color:#fff;
}
header .mega_menu   a:hover {
    color: #bfcfff;
}

.topBar {
    background-color: #10102e;
    padding: 10px;
}
.topBar a {
	color:#fff;
	font-size: 12px;
}

.topBar .nvMenu > li {
    //border-right: 1px solid #f9f9f9;
    padding-right: 15px;
    margin-right: 15px;
	position:relative
}
.topBar .nvMenu > li::after {
    /* content: " ";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 2px;
    height: 10px;
    right: 0px;
    top: 7px; */
}
.topBar .nvMenu >  li:last-child::after {
 display:none;
}
.topBar .nvMenu > li:last-child {
	margin-right:0px;
	padding-right:0px;
}

.topBar ul.dropdown-menu {
    background-color: #000031;
}
.topBar ul.dropdown-menu {
    background-color: #000031;
    font-size: 95%;
}
.topBar ul.dropdown-menu li{
	padding:5px 10px;
}


ul.MainMenu {
    display: flex;
    flex-direction: row;
    gap: 50px;

}

ul.MainMenu > li {
   // position: relative;
    padding: 15px 0px;
    border-bottom: 3px solid transparent;
}
ul.MainMenu > li > a {
    text-transform: uppercase;
}
ul.MainMenu > li:hover {
    border-color: #fff;
}
/* 
ul.MainMenu ul.sub-menu {
    position: absolute;
    z-index: 9;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
	background-color:#fff;
    left: 0;
    padding: 5px 0px;
    border-radius: 5px;
    min-width: 200px;
    display: none;
	font-size:13px;
}
ul.MainMenu ul.sub-menu a {
	color:#222;
	padding: 5px 10px;
    display: block;
}
ul.MainMenu ul.sub-menu a:hover {
    background-color: #000031;
	color:#fff;
}

ul.MainMenu li:hover ul.sub-menu { 
display:block;
}
ul.MainMenu ul.sub-menu ul.sub-menu {
    left: 100%;
	    display: none;
		top: 0px;
}

ul.MainMenu ul.sub-menu li:hover ul.sub-menu {
	    display: block;
}
 */
 
.mega_menu {
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 999;
    background-color: #000;
    margin-top: 18px;
    border-top: 2px solid;
	opacity:0;
	visibility:hidden;
	transition: all 0.1s ease-out allow-discrete;
	padding:20px 0px
}
li:hover > .mega_menu {
	opacity:1;
	visibility:visible;
	transition: all 0.3s ease-in allow-discrete;
}

.mega_menu h4, .mega_menu h4 a {
    font-size: 16px;
    color: #b7b7b7;
	margin-bottom: 1rem;
}
.mega_menu p {
}


.menu_colum > div {
    width: 100%;
    max-width: 300px;
}










header.sticky {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9;
}
header.sticky .desktop .logo_box,
header.sticky .desktop .topBar {
	display:none;
}






 
.homeBanner img {
	width:100%;
}











.catItem {
    position: relative;
}
.catItem img {
    max-width: 100%;
    width: 100%;
}
.catText {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}



.views_all {
    text-align: center;
    padding: 20px;
}
.views_all a {
    color: #10102e;
    border: 1px solid #10102e;
    padding: 10px 20px;
    display: inline-block;
}
.views_all a:hover {
	background-color:#1c1c48;
}






.footer {
    /* margin-bottom: 20px; */
    background-color: #fff;
}
label.newsletter-title {
    width: 100%;
    text-align: center;
    display: block;
	color:#222;
}
.field-group.klaviyo_field_group {
    width: 400px;
    max-width: 100%;
}
.newsletter  button{background:none;-webkit-appearance:none;border:none;border-radius:0;outline:none;font:inherit;color:inherit;cursor:pointer;}
.newsletter input:not(.qty-input):not([type=checkbox]):not([type=radio]):not([type=submit]){font-size:12px;line-height:50px;letter-spacing:.15em;
color:#000;background:none;-webkit-appearance:none;border:none;border-radius:0;outline:none;width:100%;border-bottom:1px solid #000;text-transform:uppercase;}

@media only screen and (max-width: 1024px) and (orientation: portrait) and (max-width: 767px) and (orientation: portrait){
.newsletter{padding-bottom:20px;width:100%;}
}
.newsletter form{position:relative;}
.newsletter .success_message,.newsletter .error_message{line-height:1.92708vw;}

.newsletter button[type=submit] {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #000;
    color: #fff;
    padding: 0px 15px;
    height: 50px;
}.displace{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;}







.social img {
    height: 35px;
    margin-right: 25px;
}



.footerColum p {
}
.coppyright  {
background-color:#00002e;
color:#fff;
}
.product_price {
 //   font-size: 20px;
}
.product_price  span.sale {
    color: red;
}

.bang_size {
    text-align: right;
    cursor: pointer;
}
.bang_size a {
}
.cart_form span.options-color,
.cart_form select {
    height: 40px;
    background-color: #fff;
    border: 0px;
    padding: 0 10px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin-bottom: 0px;
    border-radius: 0px;
    border: 1px solid #e9e9e9;
    transition: border-color .4s ease;
    color: #757575;
    font-size: 13px;
    font-weight: 600;
}
.cart_form span.options-color:hover,
.cart_form select:hover {
	border-color:#000;
}
.btn_submit {
    background-color: #16254C;
    height: 50px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    text-transform: uppercase;
    margin-top: 5px;
    line-height: 50px;
	border:0px;
}
.btn_submit:hover {
    color: #fff;
}
.btn_submit.add_to_cat {
    background-color: #fff;
    color: #16254C;
    border: 1px solid #16254C;
}
.btn_out {
    background-color: #fff;
    height: 50px;
    border: 1px solid #16254C;
    color: #16254C;
    text-align: center;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    margin-top: 5px;
    padding: 0 35px;
    width: auto;
    line-height: 50px;
}

.cart_form span.options-color {
    display: block;
    line-height: 40px;
    cursor: pointer;
}
input[type=password],
select,
input[type="text"] {

    height: 35px;
    line-height: 35px;
    border: 1px solid #16254C;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
	border-radius:0px;
height: 45px;
    line-height: 45px;
	color:#16254C;
	font-size: 12px;
	//text-transform:uppercase;
}  
textarea {
    border: 1px solid #16254C;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    height: 55px;
	font-size: 13px;
}

.acc_item {
    margin-bottom: 10px;
}
.acc_title {
    cursor: pointer;
	text-transform: uppercase;
}
.acc_title:after {
	    content: "\2b";
		font-family: "Font Awesome 6 Pro";
		font-size: 15px;
    margin-left: 5px;
}
.acc_item.active .acc_title:after {
	    content: "\f068";
}
.acc_content {
    display: none;
}
.acc_item.active .acc_content {
    display: block;
    margin-top: 10px;
}




.filters-toggle {
    text-transform: uppercase;
    padding-right: 18px;
    position: relative;
    border: 0px;
    background-color: transparent;
	//font-weight:bold;
    /* padding: 0px; */
}
.filters-toggle:after {
	    content: "\2b";
		font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: 0;
    font-size: 14px;
    top: 0;
}
.filters-toggle.active:after {
	    content: "\f068";
}



#filters {
    position: relative;
}

.filters-body{
	//transition:all .25s cubic-bezier(.075,.82,.165,1);
	opacity:0;pointer-events:none;visibility:hidden;position:absolute;top:100%;right:0;background-color:#fff;z-index:99;transform:translateY(-5%);}
@media only screen and (min-width: 768px){
.filters-body{width:calc(286px + 1.40625vw);right:1.40625vw;}
}
@media only screen and (min-width: 768px) and (max-width: 1366px){
.filters-body{width:calc(210px + 2.65625vw);right:2.65625vw;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
.filters-body{width:29.86458vw;}
}
@media only screen and (max-width: 767px) and (orientation: portrait){
.filters-body{width:100%;}
}
.filters-body {
    top: 0px;
    position: fixed;
    right: 0px;
    padding: 25px;
right:-400px;width:400px;
    height: 100%;
	    z-index: 11;
		//overflow-y:scroll;
	//	transition:transform .1s ease-in;
}
.filters-active .filters-body{opacity:1;pointer-events:all;visibility:visible;transform:none;}
.filters-active .filters-body {
    transform: translate(-400px);
 //   transition: transform .3s ease-out;
}

form.form-filter {
    overflow: scroll;
    height: 100%;
}

@media only screen and (min-width: 768px){
.row_size .col-3 {
	width:20%;
	padding-right: 0px;
}
body.filters-active {
    overflow: hidden;
}

}

@media only screen and (max-width: 767px) and (orientation: portrait){
.filters-active #filters  .filters-body {
    transform: translate(-100%);
}
form.form-filter {
    margin: 0 -25px;
    padding: 25px;
}
.filters-body{right:-100%;width:100%;}
}
@media only screen and (max-width: 767px) and (orientation: portrait){
.filters-body.active{transform:translate(-100%);}
}

.filters-active .filters-wrapper:before {
    display: block;
}
.filters-wrapper:before {
    content: "";
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000040;
    z-index: 10;
}
.btn-close-filters {
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 15px;
    right: 10px;
}


.boost-pfs-btn-wrapper {
    position: absolute;
    display: flex;
    height: 48px;
    margin-inline: -25px;
    background: white;
    z-index: 2;
    text-align: center;
    line-height: 48px;
    width: 100%;
}

.boost-pfs-btn-wrapper{bottom:0;margin-top:auto;}
.boost-pfs-btn-wrapper>a{border:0;border-top:1px solid #222;height:100%;flex-basis:50%;font:inherit;font-size:12px;text-transform:uppercase;transition:background-color .2s,color .2s;}
.boost-pfs-btn-wrapper>button:not(:disabled){cursor:pointer;}
.boost-pfs-btn-wrapper>.filters-clear{background-color:#fff;color:#222;}
.boost-pfs-btn-wrapper>.filters-clear:hover{background-color:#eef1f4;color:#545f71;}
.boost-pfs-btn-wrapper>.filters-clear:disabled{background-color:#eef1f4;color:#9ba5b7;}
.boost-pfs-btn-wrapper>.filters-apply{background-color:#222;color:#fff;}
.boost-pfs-btn-wrapper>.filters-apply:hover{background-color:#fff;color:#545f71;}

.filters-box label {
    font-size: 85%;
    margin-bottom: 5px;
}

.uk-checkbox{display:inline-block!important;height:16px;width:16px;overflow:hidden;margin:0px 5px 0px 0px!important;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;transition:.2s ease-in-out;transition-property:background-color, border-color, box-shadow;border:1px solid #ccc;}
.uk-checkbox:focus{outline:0;border-color:#16254C;}
.uk-checkbox:checked{background-color:#16254C;border-color:transparent;}
.uk-checkbox:checked:focus{background-color:#0e6dcd;}
.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");}
.uk-checkbox:disabled{background-color:#f8f8f8;border-color:#e5e5e5;}
.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");}

.menuIcon {
    /* padding: 0 5px; */
    font-size: 22px;
    color: #222;
    display: inline-block;
    margin: 5px;
}
a.menuIcon.yeuthich,
a.menuIcon.cart_open {
    position: relative;
}
a.menuIcon.yeuthich span,
a.menuIcon.cart_open span {
    position: absolute;
    background-color: red;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    right: -3px;
    top: 7px;
}
a.menuIcon.yeuthich span {
	background-color:red;
}
.yeuthich span:empty {
  display: none;
}

.mobile .logo_box img {
    height: 80px;
}

.cart_open span {
color:red;
}

.logo_box img {
   // height: 64px;
}
.favicon img {
    height: 45px;
}

.infoNews {
    text-align: right;
    padding-right: 50px;
}
@media (max-width: 767px) {
	.infoNews {
		text-align: left;
		padding-right: 0px;
		margin-bottom:30px;
	}
}

.sale {
    display: inline-block;
    background-color: red;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: #fff;
}
.ItemInner  > .sale {
    position: absolute;
    top: 5px;
}
.slick-slider .slick-arrow,
.swiper-button-prev,
.swiper-button-next {
    background: #fff url(img/arrow2.png) no-repeat ;
    width: 50px;
    height: 50px;
    //border-radius: 100%;
    //border: 1px solid #444444;
	color:#000;
	right: 0px;
	top: calc(50% - 40px);
	background-size: cover;
	opacity:0.8
} 
.swiper-button-prev:hover,
.swiper-button-next:hover {
opacity:1;	
}
.swiper-button-prev {
	 background-image: url(img/arrow1.png);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0px;
    right: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after ,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "\f178";
    font-weight: 400;
    font-family: "Font Awesome 6 Pro";
    font-size: 20px;
	display:none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "\f177";
}
@media (max-width: 767px) {
.swiper-button-prev,
.swiper-button-next {
    background-color: #fff;
    width: 30px;
    height: 30px;
}	
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after ,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 15px;
}
}


span.swiper-pagination-bullet {
    width: 40px;
    border-radius: 0px;
    height: 5px;
}
.swiper-pagination-bullet-active {
    background: #16254C;
}

.share_post img {
	height:30px;
}
input.text_coppy {
    clip: rect(0 0 0 0);
    position: absolute;
}



.slick-slider  .slick-prev {
	 background-image: url(img/arrow1.png);
	 left: 0px;
}



.slick-arrow:before {
display:none;
}	


@media all{
h3{margin:0;}
.type-a{font-size:12px;line-height:1.5em;letter-spacing:.15em;}
@media only screen and (max-width: 1366px){
.type-a{font-size:10px;}
}
@media only screen and (max-width: 1024px) and (orientation: portrait){
.type-a{font-size:12px;}
}
@media only screen and (max-width: 767px) and (orientation: landscape){
.type-a{font-size:1.49925vw;}
}
.blocker{transition:all .25s cubic-bezier(.075,.82,.165,1);position:fixed;width:100%;height:100%;pointer-events:none;visibility:none;opacity:0;top:0;left:0;background-color:#0003;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);}
@media only screen and (max-width: 1024px) and (orientation: landscape){
.blocker{display:block;}
}
.active>.blocker{opacity:1;pointer-events:all;}
.x-close,.x-sm-close{position:fixed;top:0;right:0;display:block;background-size:auto 21px;background-position:center center;background-repeat:no-repeat;background-image:url(img/x-close-device.svg);width:calc(5.20833vw + 21px);height:calc(5.20833vw + 21px);}
@media only screen and (max-width: 1366px){
.x-close,.x-sm-close{width:calc(7.8125vw + 21px);height:calc(7.8125vw + 21px);}
}
@media only screen and (max-width: 1024px) and (orientation: portrait){
.x-close.x-close,.x-sm-close.x-close{background-image:url(img/x-close-device.svg);width:calc(5.20833vw + 13px);height:calc(5.20833vw + 13px);background-size:13px auto;}
}
@media only screen and (max-width: 1024px) and (orientation: portrait) and (max-width: 767px) and (orientation: portrait){
.x-close.x-close,.x-sm-close.x-close{width:calc(10.66667vw + 13px);height:calc(10.66667vw + 13px);}
}
.x-close.x-sm-close,.x-sm-close.x-sm-close{position:absolute;}
@media only screen and (max-width: 1024px) and (orientation: portrait){
.x-close.x-sm-close,.x-sm-close.x-sm-close{background-image:url(img/x-close-device.svg);width:calc(5.20833vw + 11px);height:calc(5.20833vw + 11px);background-size:11px auto;}
}
@media only screen and (max-width: 1024px) and (orientation: portrait) and (max-width: 767px) and (orientation: portrait){
.x-close.x-sm-close,.x-sm-close.x-sm-close{width:calc(10.66667vw + 11px);height:calc(10.66667vw + 11px);}
}
.drawer{transition:all .25s cubic-bezier(.075,.82,.165,1);}
.drawer.active .drawer-interior{transform:none;}
.drawer.active .blocker,.drawer .x-close,.drawer .drawer-interior{z-index:100000;}
.drawer .drawer-interior{transition:all .25s cubic-bezier(.075,.82,.165,1);width:50%;position:fixed;top:0;transform:translate(100%);padding:1.5625vw;height:100%;background-color:#fff;max-width:100%;right:0;}
.drawer .drawer-interior{overflow-y:hidden;}
.drawer .drawer-interior:not(.transitioning){overflow-y:auto!important;}
.drawer .drawer-interior::-webkit-scrollbar{width:4px;}
.drawer .drawer-interior::-webkit-scrollbar-track{background-color:#e9e9e9;}
.drawer .drawer-interior::-webkit-scrollbar-thumb{background-color:#e9e9e9;}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
.drawer .drawer-interior{padding:5.20833vw;width:62.5vw;}
}
@media only screen and (max-width: 767px) and (orientation: portrait){
.drawer .drawer-interior{max-width: 100%;padding:5.33333vw;width:100%;transform:translateY(100%);height:100%;bottom:0;top:auto;}

}
.colors-drawer .drawer-interior{padding:2.60417vw 1.5625vw;}
@media only screen and (min-width: 1025px),(orientation: landscape){
.colors-drawer .drawer-interior .x-close.x-sm-close{
	cursor:pointer;
	background-image:url(img/x-close-device.svg);background-size:10px auto;width:calc(10px + 3.125vw);}
}
@media only screen and (min-width: 1025px) and (max-width: 1366px),only screen and (orientation: landscape) and (max-width: 1366px){
.colors-drawer .drawer-interior{padding:3.90625vw 2.34375vw;}
}
@media only screen and (min-width: 1025px) and (max-width: 1366px),only screen and (orientation: landscape) and (max-width: 1366px){
.colors-drawer .drawer-interior .x-close.x-sm-close{width:calc(10px + 4.6875vw);}
}
@media only screen and (max-width: 1024px) and (orientation: portrait){
.colors-drawer .drawer-interior{width:100%;height:60vh;bottom:12.5vw;transform:translateY(calc(100% + 12.5vw));top:auto;padding:2.60417vw;}
}
@media only screen and (max-width: 1024px) and (orientation: portrait) and (max-width: 767px) and (orientation: portrait){
.colors-drawer .drawer-interior{padding:5.33333vw;bottom:0px;transform:translateY(calc(100% + 25.6vw));}
}
@media only screen and (max-width: 1024px) and (orientation: portrait){
.desktop-only{display:none!important;}
}
@media only screen and (min-width: 1025px),(orientation: landscape){
.device-only{display:none!important;}
}
.displace{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;}
}
.color-item .block-image {
    border: 1px solid #D6D6D6;
	padding: 0px;
}
.color-item .block-image  img {
	width:100%;
}
.selected .color-item .block-image {
border-color: #000;
}









.timKiem {
    position: relative;
}
.timKiem .navbar-form {
  position: absolute;
  left: 0;
  width: 250px;
  display:none;
}
.menuIcon.timKiem .navbar-form {
	  left: auto;
	  right:0px;
}
.timKiem .navbar-form .input-group {
  width: 100%;
}
.timKiem .navbar-form .form-control {
  border: 1px solid;
  border-radius: 0;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}
.timKiem .add-on .input-group-btn > .btn {
    background-color: #16254C;
    background-image: none;
    border: 1px solid;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000;
    height: 35px;
    left: -2px;
    width: 35px;
    text-align: center;
    padding: 0px;
}
.timKiem .add-on .input-group-btn > .btn i {
  color: #fff;
  text-shadow: none;
}

#navigation-menu .ListIcon li a {
  padding-top: 0;
}
#navigation-menu .ListIcon li.giohang span {
  left: 35px;
  right: auto;
}
#navigation-menu .timKiem .navbar-form {
  left: 5px;
  right: auto;
  width: 100%;
}  


.nav {
    font-size: 14px;
}
.acc_box, .desc {
    color: #16254C;
    text-align: justify;
}

.ItemInner {
	
}
.ItemInner .Item_price,
.ItemInner .product_title {
    font-size: 13px;
    color: #16254C;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}
.ItemInner .product_title {
   // text-transform: uppercase;
}
.ItemInner .Item_price {
    font-size: 15px;
}
.ItemInner .Item_price span:nth-child(2) {
color:red;	
}

.text-white .ItemInner .Item_price,
.text-white .ItemInner .product_title {
    color: #fff;
}



.notice.addcart {
  background-color: #eae6da;
  margin-bottom: 20px;
  padding: 15px;
}
.notice.addcart > a.gotocart {
  color: #ff0000;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}
.notice.addcart .close {
  margin-right: 10px;
}
form.wpuf-login-form > p {
	position:relative
}
.toggle-password {
    position: absolute;
    top: 40px;
    right: 5px;
}
.wpuf-login-form input[type=text] {
		height:45px !Important;
		line-height:45px !Important;
		}
.wpuf-login-form input[type=password],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text], body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text], body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password], body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password], body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email], body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email], body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url], body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url], body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number], body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number], body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel], body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel], body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea, body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
    background: #fff !Important;
    border: 1px solid #16254C !Important;
	color:#6D6E71 !Important;
	    width: 100% !Important;
		height:45px !Important;
		line-height:45px !Important;
}
body ul.wpuf-form li {
    margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
body ul.wpuf-form  input {
    margin-bottom: 0px !important;
	
}
.wpuf-login-form label,
body ul.wpuf-form.form-label-above li .wpuf-label {
    margin-bottom: 5px !important;
	font-size:14px;
}
#wpuf-login-form a:nth-child(2),
#wp-submit,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit], body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] {
    background-color: #16254C  !Important;
    height: 40px  !important;
    color: #fff  !important;
    text-align: center;
    display: block;
    width: 100%;
    text-transform: uppercase;
    margin-top: 5px;
    border: none  !important;
    text-shadow: none  !important;
	border-radius:0px   !important;
	    line-height: 40px;
}
div#wpuf-login-form {
    width: 100%;
    position: relative;
    padding-bottom: 65px;
}
#wpuf-login-form a:nth-child(2) {
    position: absolute;
    bottom: 0px;
}
@media (min-width: 730px)
{
.cart-drawer .drawer-interior {
	max-width:400px;
}
}
.cart_row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.cart_box .cart_thumb img {
    width: 100%;
}
.cart_info p{
	margin-bottom:0px;
}

    input:focus {
        outline: none;
      }

.qty_box {
    border:1px solid #16254C;
    background-color: #fff;
}
.qty_box button {
    background: transparent;
    border: 0px;
}
.qty_box input {
    background-color: #E6E7E8;
    text-align: center;
    border: 0px;
    width:45px;
    margin-bottom: 0px;
}

.ItemInner {
    position: relative;
}
.ItemInner .wpfp-span {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #fff;
}

.reviews_cart .cart_row {
    border-bottom: 0px;
}
.reviews_cart .cart_row .cart_thumb {
    position: relative;
}
.reviews_cart .cart_row .qty {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #16254C;
    color: #fff;
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    font-family: Arial;
    font-size: 11px;
}
.form_thanhtoan select,
.form_thanhtoan input[type="text"] {
    border-color: #d9d9d9;
}

.product-images {
    position: relative;
}
.product-images .wpfp-span {
    position: absolute;
    right: 23px;
    top: 10px;
    font-size: 20px;
    z-index: 9;
}









.sizeGuide table tr td{border:none;padding-right:0.5rem;line-height:3;max-width:100%;white-space:nowrap;}
.sizeGuide table tr td{padding-right:0.5rem;line-height:3;}
@media all{
.sizeGuide  table tr td:first-child{text-align:left;}
.sizeGuide table{width:100%;}
.sizeGuide  td{line-height:1.2em;min-height:24px;padding:.7em 0;text-align:center;vertical-align:top;width:auto;padding:.7em 0!important;vertical-align:top!important;white-space:initial!important;width:auto!important;}
.sizeGuide  td:first-child{width:25%;text-align:left;width:25%!important;}

@media (max-width: 1024px){
.sizeGuide  table{min-width:320px;}
}
.nk_icon:before,
.follow:before,
.wpfp-link .wremove:before,
.wpfp-link .wadd:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 1rem;
    width: 1rem;
}
.wpfp-link .wadd:before {
    background-image: url(img/ico_heart_white.svg);
}
.follow:before {
    background-image: url(img/ico_heart_white.svg);
}
.wpfp-link .wremove:before {
    background-image: url(img/ico_heartfull_dark.43cac118.svg);
} 
.nk_icon,
header i.follow {
    display: inline-block;
}

.cart_white:before {
    background-image: url(img/ico_cart.svg);
}
.ico_share:before {
    background-image: url(img/ico_share_dark.svg);
}

.share_pop  {
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 9;
}


span.nk_count {
    position: absolute;
    background-color: #ED1C24;
    color: #fff;
    width: 20px;
    right: 7px;
    bottom: 2px;
    width: 14px;
    height: 14px;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    border-radius: 100%;
}

.cart_open span.nk_count {
    right: -6px;
    /* top: 11px; */
}

.follow_added {
    border: 1px solid #e9e9e9;
    padding: 15px;
    width: 200px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999;
    background-color: #f4f6f8;
    text-align: center;
    font-size: 12px;
    color: #222;
	display:none;
}
.follow_added  a {
    border-bottom: 1px solid;
	color: #222;
}

.form-select {
	border-radius:0px;
}



.form_thanhtoan input{

}

.field-input-wrapper .field-input {
    border-radius: 0px;
    height: auto;
    box-shadow: 0 0 0 1px #d9d9d9;
    transition: all 0.2s ease-out;
    background-color: white;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0px 0px 0px 10px;
    word-break: normal;
    color: #555;
    font-size: 12px;
    height: 40px;
}

.field-input-wrapper .field-input:focus {
    box-shadow: 0 0 0 1px #d9d9d9;
    outline: none;
}

.field-input-wrapper select {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    border: none;
    background: transparent;
    line-height: normal;
}

.field-input-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.field-input-wrapper ::selection {
    background: #16254C;
    color: white;
}

.field-input-wrapper {
    position: relative;
}

.field-input-wrapper .field-label {
    font-size: 0.85714em;
    font-weight: normal;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 0.93333em;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
    filter: alpha(opacity=0);
    color: #999999;
    transition: all 0.2s ease-out;
    margin: 0.5em 0;
    margin-top: 0.3em;
    display: block;
}

.field-input-wrapper.field-input-wrapper-select::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIxIDE5Ij48dGl0bGU+QXJ0Ym9hcmQgMTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMDAwIj48Zz48cGF0aCBkPSJNMCAwaDF2MTlIMFYweiIgaWQ9IlNoYXBlIiBmaWxsLW9wYWNpdHk9Ii4xNSIvPjxwYXRoIGQ9Ik0xMSA4aDEwbC01IDUtNS01eiIgZmlsbC1vcGFjaXR5PSIuNSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=='), none;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.field-input-wrapper .field-label {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
    filter: alpha(opacity=100);
}

.field-input-wrapper .field-input {
    padding-top: 10px;
    padding-bottom: 10px;
}










.fancy-donhang{display:none;}
.fancy-donhang table{//width:100%;}
.fancy-donhang td{padding:5px;border-bottom:1px solid #ccc;}
.fancy-donhang .info_don table{margin-top:30px;width:100%;}
.fancy-donhang .info_don *{//background:transparent!important;}
.table_donhang a{color:#fe6132;}
.table_donhang{//border-top:1px solid #e4e5e6;text-transform:uppercase;width:100%;}
.table_donhang thead tr{font-size:15px;height:40px;line-height:40px;}
.table_donhang th{font-weight:normal;}
.table_donhang tr{border-bottom:1px dashed #ccc;height:35px;text-transform:uppercase;width:100%;}
.table_donhang th,.table_donhang td{padding:0px;}
.table_donhang th{font-size:12px;}


.wMain{background-color:#f9f9f8;padding:15px;width:100%;}
.wMain ul{list-style:outside none none;padding-left:0;}
.wMain  h4{font-weight:bold;margin-bottom:20px;}
.wMain  li{margin-bottom:20px;}
.wMain  li > a{font-weight:bold;}
.page-template-page-taikhoan input.wpuf-submit-button {
    max-width: 300px;
}
.wMain li ul {
	margin-top:15px;
}
.wMain i {
    width: 20px;
	color:#cbb07b;
}
.wMain li li {
    margin-left: 25px;
}
.wMain li.active a {
	color:#cbb07b;
}

.page-id-237 .user_email {
    display: none !important;
}







a.x-close2 {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

@media only screen and (min-width: 769px){
	

.menu-drawer.drawer .drawer-interior {
transform: translate(-200%);
transition: all 0s cubic-bezier(.075,.82,.165,1);
}
.menu-drawer.drawer.active .drawer-interior {
    right: auto;
    transform: translate(0px);
    width: 300px;

}
}





.main_menu_nav {
    padding: 0;
    margin: 0;
	 border-bottom: 1px solid #efefef;
}

.main_menu_nav li {
    position: relative;
    list-style: none;
}


.main_menu_nav>li>a {
    padding: 11px;
    display: block;
    border-top:1px solid #efefef
}
.main_menu_nav li.cat-15 a {
    color: red;
}
.main_menu_nav > li.active {
    padding-bottom: 15px;
}
.main_menu_nav > li.active > a {
    background-color: #f9f9f9;
}
.main_menu_nav li.active > .arrow > i:before {
    content: "\f078";
}
.main_menu_nav>li.menu-item-has-children .arrow {
    position: absolute;
    display: block;
    right: 0px;
    top: 5px;
    cursor: pointer;
    height: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 30px;
}

.main_menu_nav>li.menu-item-has-children .arrow i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
}

.main_menu_nav ul {
    position: relative;
    margin: 0;
    padding: 0;
    display: none;
	padding-left:15px;
}
.main_menu_nav ul ul {
    border-left: 2px solid #f9f9f9;
    padding-left: 5px;
}
.main_menu_nav ul li {
    text-transform: capitalize;
}

.main_menu_nav ul li .arrow {
 //   display: none !important;
}

.main_menu_nav ul li a {
    font-size: 16px;
    padding: 11px 0px;
    display: block;
}



.main_menu_nav ul li ul {
   // display: block;
  //  background: #fff;
}
.main_menu_nav > ul {
	background-color:#f1f1f1;
}
.main_menu_nav > ul > li > ul {
      background-color: #f4f4f4;
}
.main_menu_nav > ul > li > ul > li > ul{
      background-color: #f9f9f9;
}
.main_menu_nav ul li ul a {
    font-size: 14px;
    font-weight: 400;
    //padding-top: 0px;
}

.main_menu_nav ul li ul:before {
    display: none;
}

.main_menu_nav ul li ul a {
    font-size: 14px;
    font-weight: 400;
}

.main_menu_nav ul li ul li {
    position: relative;
    padding: 0 0 0 7px;
}

.main_menu_nav ul li ul li:before {
    content: '';
    position: absolute;
    left: 44px;
    top: 50%;
    width: 4px;
    height: 1px;
}




.col_thumb {
    width: 120px;
	position:relative;
	overflow:hidden;
}
.col_slide {
    width: calc(100% - 120px);
    padding-left: 30px;
}


.col_thumb .slick-arrow {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.8);
    height: 30px;
    display: flex !important;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
	cursor:pointer
}
.slider-galeria-thumbs .swiper-slide{
	margin-bottom:5px;
}
.col_thumb .slick-arrow.thumb-next {
top:auto;
bottom:0px;
}	
.slider-galeria div, .slider-galeria-thumbs div {
  outline: 0;
}

.slider-galeria span {
  display: block;
  height: 250px;
  background: #000;
  color: #3498db;
  font-size: 36px;
  line-height: 250px;
  margin: 0 10px 0 10px;
  padding: 2%;
  text-align: center;
}

.slider-galeria-thumbs span {
  display: block;
  margin-bottom: 5px;
  height: 55px;
  background: #3498db;
  color: #000;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
}

.slider-galeria-thumbs .slick-current span {
  background: #000;
  color: #3498db;
}

.slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  text-indent: -9999px;
  background: transparent;
  border: 0;
  z-index: 1000; 
  outline: 0;
}

.slick-prev:before {
  content: "<";
	color: #fff;
	font-size: 60px;
	line-height: 0;
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  text-indent: -9999px;
  background: transparent;
  border: 0;
  z-index: 1000; 
  outline: 0;
}

.slick-next:before {
  content: ">";
	color: #fff;
	font-size: 60px;
	line-height: 0;
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.slider-galeria-thumbs  img {
    border: 1px solid;
    padding: 3px;
    border-radius: 3px;
	    width: 100%;
}

.slider-galeria img {
    height: 595px;
    width: 100%;
    object-fit: cover;
}

	.slider-galeria .slick-arrow {
	display:none !important;
	}
@media (max-width: 900px)
{
	.col_thumb {
	display:none;
	}
	.col_slide {
		width:100%;
		padding-left:0px;
		//margin-bottom:30px;
	}	
	.slider-galeria img {
		height: 400px;
	}
	.col_slide .slick-arrow {
top:calc(50% - 25px);
	display:inline-block !important;
	}

	.share_post > span {
	display:none;
	}
}




.list_color {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
	
}
.option_item {
    border: 1px solid;
    padding-right: 5px;
    padding: 2px;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.option_item.active {
	border-color:red;
}
.option_item img {
    height: 50px;
    width: 50px;
    object-fit: cover;
}
.option_item > label {
    background-color: #000;
    position: absolute;
    top: -7px;
    z-index: 2;
    right: -5px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
}
.option_item.active > label
{
	    background-color: red;
}
.option_item > label:empty {
  display: none;
}


.quaititys{padding-top:15px;text-transform:uppercase;width:100%;}
.quaititys thead tr{font-size:15px;height:40px;line-height:40px;}
.quaititys th{font-weight:normal;}
.quaititys tr{border-bottom:1px dashed #e4e5e6;height:35px;text-transform:uppercase;width:100%;}
.quaititys th,.quaititys td{padding:0px;}
.quaititys th{font-size:12px;}
.quaititys th:first-child{//width:100%;}
.quaititys th:nth-child(2){float:right;width:80px;}
.quaititys th:last-child{letter-spacing:-1px;text-align:right;width:90px;}
.quaititys td{font-size:12px;padding:0;}
.quaititys td:nth-child(2){color:red;text-align:center;}
.quaiti{background-color:#fff;border:1px solid #c6c7c9;float:right;font-size:11px;height:30px;line-height:30px;padding:0 5px;text-transform:uppercase;width:90px;}

.mobile .logo_box img {
    height: 55px;
}



.top_button {
    background: #16254C none repeat scroll 0 0;
    border-radius: 0;
    bottom: 10px;
    color: #fff;
    font-size: 30px;

    position: fixed;
    right: 5px;
    z-index: 9999;
    width: 50px;
    text-align: center;
	height:50px;
	    padding-top: 10px;
	
}
 .top_button:hover {	color:#999;}
 
 

.floatsocial2{right:5px;bottom:70px;position:fixed;z-index:999;}
.facebook-call{background:#224192 url("img/logo-fb-chat.png") no-repeat scroll 0 0 / cover;display:block;height:50px;position:relative;width:50px;z-index:3;}
.zaloicon{background:#224192 url("img/logo-zaloicon.png") no-repeat scroll 0 0 / cover;}


@media (max-width: 767px) {

}

/*=================== Start phone ring ===============*/
.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 60px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 60px;
    z-index: 200000 !important;
}
.suntory-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 60px;
    left: 0px;
    opacity: 0.1;
    position: absolute;
    top: 0px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 60px;
}
.suntory-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 50px;
    left: 5px;
    position: absolute;
    top: 5px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 50px;
}
.suntory-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 35px;
    left: 13px;
    opacity: 1;
    position: absolute;
    top: 13px;
    transform-origin: 50% 50% 0;
    width: 35px;
}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {
    opacity: 1;
}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {
    border-color: #24448f;
    opacity: 0.5;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
    border-color: #24448f;
    opacity: 1;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: #24448f;
    opacity: 1;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.9);
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
    background-color: #24448f;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: #24448f;
}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {
    background-color: #24448f;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {
    background-color: #24448f;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #24448f;
}
@keyframes suntory-alo-circle-anim {
0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

@keyframes suntory-alo-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes suntory-alo-circle-fill-anim {
0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
.suntory-alo-ph-img-circle i {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    font-size: 15px;
	line-height: 32px;
	padding-left: 7px;
    color: #fff;
}
.phone-pc
{
    background: #24448f;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    top: 35px;
    left: 68px;
    position: relative;
    text-align: center;
    border-radius: 0 10px 10px 0;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.suntory-alo-phone:hover .phone-pc
{
    background: #da0c15;
}
.show-phone
{
    visibility: visible;
    opacity: 1;
    width: 120px;
}




#spinner-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
    align-items: center;
    justify-content: center;
}
#spinner-div.show {
	display: flex;
}
.maps iframe {
	min-height:400px;
}

span.hethang {
    width: 90px;
    display: inline-block;
    float: right;
}


.catItem2 {
    position: relative;
}
.catItem2 .textBox {
    position: absolute;
    bottom: 0px;
    text-align: center;
    height: 50px;
    z-index: 2;
    color: #fff;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.catItem2 .textBox  h3 {
    font-size: 18px;
    padding: 0 15px;
}
@media (max-width: 728px)
{
.catItem2 .textBox  h3 {
    font-size: 11px;
}
.catItem  h3 {
    font-size: 13px !important;
}
	
}

.slide-menu li {
    margin-bottom: 15px;
}
.main_menu_nav2 .menu-item-251,
.main_menu_nav2 .menu-item-250 {
    display: none;
}
.main_menu_nav2>li>a {
    padding: 5px 11px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5) url(img/1488.gif) no-repeat center;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.banner3 {
    position: relative;
}
.banner3 .content {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
	color: #fff;
}
.banner3 .content h3 {
	font-size:25px;
}
.banner3 .content .link a {
    margin-right: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
}
@media (max-width: 729px)
{
.banner3 .content {
    bottom: 15px;

}	
.banner3 .content .link a {
    font-size: 11px;
}
.banner3 .content h3 {
	font-size:18px;
}
}