@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Livvic:wght@400;500;600;700&display=swap"); 
@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/SVN-Poppins-Regular.e3a.otf)
}
.section-header{
	background: url(../images/containerBg.gif) center 80px repeat-x;
}
.section-body { 
    display: block;
    position: relative;
}
/* Callback example */ 
.panel-default{border:none}
.events {
  list-style: none;
}
img{
	max-width: 100%;
	height: auto;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
.p20 {
    padding: 20px;
}
.fs16rem{font-size: 1.6rem}
.fQuicksand h1, .fQuicksand h2, .fQuicksand h3, .fQuicksand h4{font-family: 'Quicksand', sans-serif;padding: 3px 0 10px;}
.fQuicksand h2, .fQuicksand h3{font-size: 2rem;} .fQuicksand h4{font-size: 1.9rem;}
.fMuli{font-family: "Muli", sans-serif; font-size: 1.7rem;}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.can-flex {
    display: flex;
    flex-wrap: wrap;
}
.no-gutters {
    margin-right: 0!important;
    margin-left: 0!important;
	padding: 0;
}
.flex-child{
	flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
    left: auto;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
}
.justify-between {
    justify-content: space-between!important; 
}
.align-center{align-items: center;}
.justify-center {
    justify-content: center!important;
}
.col_flex {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.cd__section {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    margin: 0 0 20px; 
    -moz-box-shadow: 5px 5px 0 #CCCCCC;
    -webkit-box-shadow: 5px 5px 0 #cccccc;
	box-shadow: 0 1px 4px rgb(10 10 10 / 15%);
}
.cd__box-title h2 {
    font-size: 2.5rem;
    margin-bottom: 24px!important;
    padding-top: 13px;
    text-transform: capitalize;
	line-height: 30px;
}
.cd__body-picture {
    max-width: 64px;
    margin: auto;
	margin-bottom: 16px!important;
}
.cd__body-name{
	font-size: 18px!important;
    line-height: 24px!important;
	color: #072d94!important;
    font-weight: 500;
}
.cd__body-des{
    font-size: 1.6rem;
    line-height: 24px!important;
    color: #52637a!important;
}
.cd__icon{
	color: #1d48ba!important;
    font-size: 2.4rem;
}
.cd__line {
    width: 1px;
    height: 100%;
    background-color: #d8e0e8;
}
.cd__body-btn{
	margin-top: 24px; 
	align-items: center;
    justify-content: center;
}
.cd__body-btn .btn{
	    background: #1d48ba;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    user-select: none;
    font-family: inherit;
    border-radius: 19px;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
    padding: 8px 20px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 16px;
	margin: 8px 0;
}
.cd__body-btn .btn:hover{
	background: #0834a9;
    border: 1px solid #0834a9;
	box-shadow: 0 0 0 1.6px #325dcd;
}
.link-fs{
	background-image: linear-gradient(transparent calc(100% - 1px),#1d48ba 1px);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: all .6s ease,-webkit-transform .6s ease;
	color: #1d48ba !important;
	    font-size: 1.6rem;
}
.link-fs:hover {
    background-size: 100% 100%;
}
@media (max-width: 991.98px) {
	.cd__content ul { 
		align-items: center;
	}
}
@media (max-width: 499.98px) {
	.cd__body-name{
		font-size: 14px!important;
		line-height: 20px!important;
		color: #334155!important;
		font-weight: bold;
	}	
} 
.box-product-container {
    border-radius: 5px;
    overflow: hidden; 
    margin: 13px 0;
	background-image: url(../images/static-collection-bg-2.webp);
    background-size: cover;
}
.box-product-container .box-title { 
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    background: -o-linear-gradient(236.06deg,#f0ebae 16.68%,#dfb45c 40.45%,#fee8a0 66.83%);
    background: linear-gradient(213.94deg,#f0ebae 16.68%,#dfb45c 40.45%,#fee8a0 66.83%);
    border-radius: 180px;
    padding: 12px 32px 8px;
    z-index: 2;
    color: #cb1c22;
    display: table;
    margin: 0 auto;
    margin-top: 26px;
    text-shadow: #ffffff 1px 1px 2px;
}
.box-product-container .box-product-holder {
    padding: 5px 0 11px 0; 
	position: relative; 
	overflow: hidden;
	margin-top: 25px;
}
.box-product-container .box-product-holder .discounts_money{padding: 0 0 0 9px;font-size: 14px;}
.box-product-container .box-product-holder .thumbnail-gr{padding:5px}
.box-product-container .box-product-holder .thumbnail-gr .money{color: #ff0000;font-size: 1.7rem;}
.box-product-container .deals_wrap{padding:12px;}
.box-product-container  .deals__qty {
    background-color: rgb(255, 170, 175);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    position: relative;
    display: flex;
    width: 100%;
    height: 20px;
}
.box-product-container .deals__progress {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgb(255, 66, 78);
    height: 20px;
    border-radius: 10px;
    min-width: 20px;
}
.box-product-container .deals__qty > span {
    font-size: 11px;
    line-height: 16px;
    padding: 0px 0px 0px 6px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
}
.box-product-container .fire-icon {
    z-index: 10;
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: 4px;
    left: 5px;
}
.item-card2-icons {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
}
.item-card2-icons a {
    width: 32px;
    display: inline-block;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 50px;
    color: #fff;
    background: rgb(255 66 78);
    font-size: 15px;
}
.item-card2-icons a:hover {
    background: #f96768;
	color: #fff;
}
.box-product-container .icon-bestsale {
    width: 50px;
    height: 50px;
    float: right;
    background: url(../images/icon-betsale.png);
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 1;
}
.sidebar-page .group-menu {
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    border: 1px solid #e3e5ec;
	margin-top: 15px;
	background: #fff;
}
.sidebar-page .group-menu .page_menu_title{
	font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #272727;
    text-align: center;
}
.simple-border{
	margin: 2rem 0 2rem 0;
    padding: 0 1rem 2rem;
    border: solid #bdb8b8;
    border-width: 2px;
    transition: all .3s ease-in-out;
}
.simple-border h2{
	color: #0083cb;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
}
.menuList-links{
	list-style: circle;
    margin: 0;
    padding: 0;
    padding-left: 14px;
}
.menuList-links > li {
    border-bottom: 1px dashed #e7e7e7;
	position: relative;
}
.menuList-links > li:last-child {
    border-bottom: none;
}
.menuList-links > li > a {
    color: #272727;
    padding: 12px 0;
    font-weight: 500;
    position: relative;
    font-size: 14px;
    display: block;
}

.callbacks_container {
    margin: 5px 0 11px;
    position: relative;
    clear: both;
    width: 100%;
    border: 3px solid #3568a7;
    background: #fff;
    padding: 3px;
    border: 1px solid #6d6363;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: rgba(102, 102, 102, 0.43) 2px 4px 8px;
    -moz-box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: #666 2px 4px 8px;
    -moz-box-shadow: #666 2px 4px 8px;
    box-shadow: rgba(102, 102, 102, 0.67) 2px 4px 8px;
    background: white;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(white));
    background: -webkit-linear-gradient(white, white);
    background: -moz-linear-gradient(white, white);
    background: -ms-linear-gradient(white, white);
    background: -o-linear-gradient(white, white);
    background: linear-gradient(white, white);
    -pie-background: linear-gradient(#ffffff, #ffffff);
    padding: 5px;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

 .callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  /*background: transparent url("../images/arrows.png") no-repeat left top;*/
  margin-top: -45px;
}

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

@media screen and (max-width: 600px) { 
  .callbacks_nav {
    top: 47%;
    }
	.box-product-container .box-product-holder .thumbnail-gr .money,.box-product-container .box-product-holder .discounts_money,.box-product-container .box-product-holder .prices {font-size: 1.3rem;}
}
#bannerImage {
    width: 87%;
    margin: 0 auto; 
    padding-right: 3px;
}

/* Menu beauty */ 
.menubeauty ul{
	padding: 0;
	margin: 0;
}
.menubeauty li{
	border-top: 1px solid #ececec14;
    padding: 3px 0pt 0px 0px;
}
.menubeauty li a::before {
    content: '\f111';
    margin-right: 5px;
    font-family: FontAwesome;
    font-size: 6px;
}
.menubeauty li:first-child{border: none;}
 
.menubeauty li,
.menubeauty li a{
	line-height: 18px;
	position: relative;
	color: #fff;
	transition: all 0.5s linear 0s; 
	margin-bottom: 10px;
}
.menubeauty li a:hover{  
	margin-left: 8px;
    color: #ffd400 !important;
}

.menukey li.iconhot:after {
    content: "";
    background-image: url(../images/icons/icon-hot.png);
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    width: 60px;
    height: 20px;
    top: 2px;
}
.menukey li.iconstar:after {
    content: "";
    background-image: url(../images/icons/icon-feature.png);
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    width: 36px;
    height: 20px;
    top: 2px;
}
@media (max-width: 991.98px) {
  .menu-footer .gs_item {
        display: block;
        padding: 0;
        background: none;
        text-align: left;
        margin-top: 10px;
    }
	.gs_item .title-menu:before{background: none}
	.vppin{display:none}
    .menu-footer .gs_item .title {
        padding-bottom: 40px;
        font-size: 14px;
        color: #e6ab2e;
        height: 50px;
        line-height: 30px;
        padding: 10px 20px;
        position: relative;
        display: block;
        text-align: left;
        border: 2px solid #e8e8e8;
        font-weight: bold;
        margin-bottom: 0;
    } 
	 
    .menu-footer .gs_item.active .title::after {
        content: '\f077';
    }
	.menu-footer .gs_item .title::after {
        position: absolute;
        content: '\f078';
        font-family: "FontAwesome";
        font-size: 15px;
        right: 12px;
        top: 56%;
        margin-top: -17px;
    }

    .menu-footer .gs_item .content {
        padding: 15px;
        border: 2px solid #e8e8e8;
        border-top: none;
    }
	.menu-footer .gs_item .title-menu{margin-left: 0 !important;padding-left: 28px;}
}

#cssmenu,
 #cssmenu ul,
 #cssmenu ul li,
 #cssmenu ul li a,
 #cssmenu #head-mobile {
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
	 padding: 0;
 }
 #cssmenu:after,
 #cssmenu > ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }
 #cssmenu #head-mobile {
     display: none
 }
 #cssmenu {
     -ms-flex-pack: end;
     justify-content: flex-start;
     position: relative;
     display: block;
     display: -ms-flexbox;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: -10px;
 }
 #cssmenu > ul > li {
     float: left;
     text-align: center;
     margin-left: 1px;
     background: url(../images/nav-line.png)no-repeat right center;
 }
 #cssmenu > ul > li > a {
	padding: 20px 10px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    font-weight: 550;
 }
 #cssmenu .logo {
     position: relative;
     z-index: 123;
     padding: 5px;
     font: 18px verdana;
     color: #6ddb07;
     float: left;
     width: 22%;
	 display: none;
 }
 #cssmenu .logo img{max-width: 189px;}
 #cssmenu > ul > li:last-child {
     margin-right: 4px;
     background: none;
 }
 #cssmenu > ul > li:hover,
 #cssmenu ul li.active:hover,
 #cssmenu ul li.active,
 #cssmenu ul li.has-sub.active:hover {
     -webkit-transition: background .3s ease;
     -ms-transition: background .3s ease;
     transition: background .3s ease;
 }
 #cssmenu ul li.active a {
     border: none;
 }
 
 #cssmenu ul ul {
     position: absolute;
     left: -9999px;
     padding: 0;
     border: 1px solid #e2e2e2;
     background: #fff;
	 z-index: 99;
 }
 #cssmenu ul ul li {
     height: 0;
     -webkit-transition: all .25s ease;
     -ms-transition: all .25s ease;
     transition: all .25s ease
 }
 #cssmenu ul ul li:hover {}
 #cssmenu li:hover > ul {
     left: auto
 }
 #cssmenu li:hover > ul > li {
     height: auto
 }
 #cssmenu ul ul ul {
     margin-left: 100%;
     top: 0
 }
 #cssmenu ul ul li a {
     border-bottom: 1px solid rgba(150, 150, 150, 0.15);
     padding: 11px 15px;
     width: 218px;
     font-size: 14px;
     text-decoration: none;
     color: #212020 !important;
     font-weight: 400;
     text-align: left
 }
 #cssmenu ul ul li:last-child > a,
 #cssmenu ul ul li.last-item > a {
     border-bottom: 0
 }
 #cssmenu ul ul li:hover > a,
 #cssmenu ul ul li a:hover {
     color: #000 !important
 }
 #cssmenu ul ul li.has-sub > a:after {
     position: absolute;
     top: 16px;
     right: 11px;
     width: 8px;
     height: 2px;
     display: block;
     background: #ddd;
     content: ''
 }
 #cssmenu ul ul li.has-sub > a:before {
     position: absolute;
     top: 13px;
     right: 14px;
     display: block;
     width: 2px;
     height: 8px;
     background: #ddd;
     content: '';
     -webkit-transition: all .25s ease;
     -ms-transition: all .25s ease;
     transition: all .25s ease
 }
 #cssmenu ul ul > li.has-sub:hover > a:before {
     top: 17px;
     height: 0
 }
 #cssmenu ul ul li.has-sub:hover,
 #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
     background: #404040;
 }
 #cssmenu ul ul ul li.active a {
     border-left: 1px solid #333
 }
 #cssmenu ul li.active a {
	color: #fff;
 }
 #cssmenu > ul > li:hover > a {
     color: rgb(255 247 0);
 }
 #cssmenu > ul > li.has-sub > ul > li.active > a,
 #cssmenu > ul ul > li.has-sub > ul > li.active > a {
     border-top: 1px solid #333
 }
 @media screen and (max-width:1000px) { 
     #cssmenu .logo {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 70px;
         text-align: center;
         padding: 10px 0 0 0;
         float: none
     }
     #cssmenu .logo2 {
         display: none
     }
     #cssmenu .logo img {
         height: 100%
     }
     #cssmenu {
         width: 100%;
         margin-bottom: 0; 
     }
     #cssmenu ul {
         width: 100%;
         display: none;
         padding: 0;
     }
     #cssmenu ul li {
         width: 100%;
         border-top: 1px solid #d2d2d2;
         overflow: hidden;
     }
     #cssmenu ul li:hover {
         background: #f5f5f5;
     }
     #cssmenu ul ul li,
     #cssmenu li:hover > ul > li {
         height: auto
     }
     #cssmenu ul li a,
     #cssmenu ul ul li a {
         width: 100%;
         border-bottom: 0;
         padding: 16px 16px;
     }
     #cssmenu > ul > li {
         float: none
     }
     #cssmenu ul ul li a {
         padding-left: 25px
     }
     #cssmenu ul ul li {
         background: #fff !important;
     }
     #cssmenu ul ul li:hover {
         background: #f7f7f7  !important
     }
     #cssmenu ul ul ul li a {
         padding-left: 35px
     }
     #cssmenu ul ul li a {
         color: #fff;
         background: none
     }
     #cssmenu ul ul li:hover > a,
     #cssmenu ul ul li.active > a {
         color: #fafafa
     }
     #cssmenu ul ul,
     #cssmenu ul ul ul {
         position: relative;
         left: 0;
         width: 100%;
         margin: 0;
         text-align: left
     }
     #cssmenu > ul > li.has-sub > a:after,
     #cssmenu > ul > li.has-sub > a:before,
     #cssmenu ul ul > li.has-sub > a:after,
     #cssmenu ul ul > li.has-sub > a:before {
         display: none
     }
     #cssmenu #head-mobile {
         display: block;
         padding: 23px;
         color: #ddd;
         font-size: 12px;
         font-weight: 700
     }
     #cssmenu .button {
         width: 55px;
         height: 46px;
         position: absolute;
         left: 0;
         top: 2px;
         cursor: pointer;
         z-index: 12399994;
     }
     #cssmenu .button:after {
         position: absolute;
         top: 22px;
         right: 20px;
         display: block;
         height: 8px;
         width: 20px;
         border-top: 2px solid #428bca;
         border-bottom: 2px solid #428bca;
         content: ''
     }
     #cssmenu .button:before {
         -webkit-transition: all .3s ease;
         -ms-transition: all .3s ease;
         transition: all .3s ease;
         position: absolute;
         top: 16px;
         right: 20px;
         display: block;
         height: 2px;
         width: 20px;
         background: #428bca;
         content: ''
     }
     #cssmenu .button.menu-opened:after {
         -webkit-transition: all .3s ease;
         -ms-transition: all .3s ease;
         transition: all .3s ease;
         top: 23px;
         border: 0;
         height: 2px;
         width: 19px;
         background: #828080;
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         transform: rotate(45deg)
     }
     #cssmenu .button.menu-opened:before {
         top: 23px;
         background: #828080;
         width: 19px;
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg)
     }
     #cssmenu .submenu-button {
         position: absolute;
         z-index: 99;
         right: 0;
         top: 0;
         display: block;
         border-left: 1px solid #d4c5c5;
         height: 47px;
         width: 46px;
         cursor: pointer
     }
     #cssmenu .submenu-button.submenu-opened {
         background: #4472c4
     }
     #cssmenu ul ul .submenu-button {
         height: 34px;
         width: 34px
     }
     #cssmenu .submenu-button:after {
         position: absolute;
         top: 22px;
         right: 19px;
         width: 8px;
         height: 2px;
         display: block;
         background: #bdbdbd;
         content: ''
     }
     #cssmenu ul ul .submenu-button:after {
         top: 15px;
         right: 13px
     }
     #cssmenu .submenu-button.submenu-opened:after {
         background: #fff
     }
     #cssmenu .submenu-button:before {
         position: absolute;
         top: 19px;
         right: 22px;
         display: block;
         width: 2px;
         height: 8px;
         background: #bdbdbd;
         content: ''
     }
     #cssmenu ul ul .submenu-button:before {
         top: 12px;
         right: 16px
     }
     #cssmenu .submenu-button.submenu-opened:before {
         display: none
     }
     #cssmenu ul ul ul li.active a {
         border-left: none
     }
     #cssmenu > ul > li.has-sub > ul > li.active > a,
     #cssmenu > ul ul > li.has-sub > ul > li.active > a {
         border-top: none
     } 
} 
@media (max-width: 767.98px){
	#menusite{background:#fff}
	#cssmenu .logo{display:block;height: 62px;}
	#cssmenu .button{top: 12px;}
	.section-body {margin-top: 80px;overflow:hidden}
	#cssmenu ul{background-image: -webkit-linear-gradient(top,#2c33a9 0,#24297a 100%);}
	#cssmenu ul li:hover{background-image: -webkit-linear-gradient(top,#24297a 0,#2c33a9 100%);}
	#cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul ul li a{text-align:center}
	.cmtools{
		width: 93px;
		height: 25px;
		position: absolute;
		right: 2px;
		top: 16px;
		cursor: pointer;
		z-index: 12399994;
		padding: 0;
	}
	.cmtools i {
		display: inline-block;
		list-style: none;
		position: relative;
		margin: 10px 7px;
		transition: background-color .3s;
		font-size: 22px;
		color: #da111d;
	}
	#cssmenu #head-mobile{padding: 37px 0;}
	.fix-slider-body{margin-top: 80px;}
}

.linebottom{
    position: relative;
    overflow: hidden;
    clear: both;
}
.linebottom:after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 99%;
    height: 2px;
    border-bottom: 1px solid #ffffff2e;
}
.adhover:hover{color: #00ffdc !important} 

/*boxcat menu */
.box-categories .inner {
	 
}
.box-categories {
    background: #fff;
    border-radius: 5px;
    margin: 8px 8px 23px;
    overflow: hidden;
}
.box-categories .list {
	white-space: nowrap; 
	padding: 0px 0px 0px 4px;
	text-align: center;
}
.box-categories .item { 
	display: block;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    padding: 15px 15px;
}
.box-categories span.img_item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f4f4f4;
    width: 95px;
    height: 95px;
    margin-bottom: 10px;
}
.col-border{
	border-right: 1px solid rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.col-border:hover{
	border-color: rgba(0,0,0,.12);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.box-categories .item img {
	border-radius: 10px;
	padding: 5px;
	max-width: 100%;
	height: auto;
}
.box-categories h3.title{
    text-transform: uppercase;
    padding: 6px;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #e5e4f0;
    background: 0 0;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    background-color: transparent;
    padding-right: 42px;
    border-radius: 0;
    font-weight: 600 !important;
}
.box-categories .item span.name {
	white-space: normal;
	font-size: 13px;
	line-height: 15px;
	color: rgb(36, 36, 36);
	margin: 8px 0px 0px;
	display: -webkit-box;
	-moz-box-orient: vertical;
	-webkit-line-clamp: 2; 
	overflow: hidden;
}

#get-quote {
    padding: 19px 0;
    font-family: roboto, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    z-index: 99;
    text-align: center;
    color: #000;
    background-color: #feb600;
    -webkit-box-shadow: 2px 6px 7px rgba(0, 0, 0, .25);
    box-shadow: 2px 6px 7px rgba(0, 0, 0, .25)
}
.get-a-quote a {
    font-weight: 500;
    text-decoration: underline;
    transition: all 350ms ease-in-out 0s;
    -moz-transition: all 350ms ease-in-out 0s;
    -webkit-transition: all 350ms ease-in-out 0s;
    -o-transition: all 350ms ease-in-out 0s;
    -ms-transition: all 350ms ease-in-out 0s
}
.get-a-quote:hover a {
    padding-left: 10px
}
#your-cart {
    width: 64px;
    height: 64px;
    background: url(../images/cart.png) no-repeat;
    position: fixed;
    top: 44%;
    right: 9px;
    cursor: pointer;
    z-index: 1000;
	animation: 2s ease-out normal none infinite floating;
    -webkit-animation: 2s ease-out normal none infinite floating;
}
#your-cart .cart-qty {
    color: #fdb724;
    margin: 3px 0 0;
    display: block;
    text-align: center;
    font-weight: 700
}

.move-top {
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    transform: rotate(45deg);
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    z-index: -1;
    background-color: #feb600
}
.move-top i {
    transform: rotate(-45deg);
    font-size: 18px
}
#topcontrol{
  bottom: 35px;
  cursor: pointer;  
  padding: 4px;
  position: fixed;
  right: 10px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  z-index: 9998;
}
#topcontrol:hover span{}
#topcontrol:hover i{
	color:#c83200;
}
#topcontrol span {
  display: block;
  text-align: center;
  position: relative;
}
#topcontrol i {
  font-size: 40px;
  color: #1165d0;
  width: 72px;
  height: 72px;
  line-height: 45px;
  text-align: center;
  animation: 2s ease-out normal none infinite floating;
  -webkit-animation: 2s ease-out normal none infinite floating;
  background: url(../images/to-top.png) no-repeat center 0;
}
#topcontrol i:before{
	content: "";
}
@-webkit-keyframes floating {
     0% {
         -webkit-transform: translateY(-8px)
     }
     50% {
         -webkit-transform: translateY(0)
     }
     100% {
         -webkit-transform: translateY(-8px)
     }
 }
 
 @-moz-keyframes floating {
     0% {
         -moz-transform: translateY(-8px)
     }
     50% {
         -moz-transform: translateY(8px)
     }
     100% {
         -moz-transform: translateY(-8px)
     }
 }
.linebg {
    background: transparent url(../images/header_line.png) repeat-x 0px 0px;
    width: 100%;
    color: #000;
    padding: 12px 0;
	margin-bottom: 20px;
}
.thumbnail-gr p.price{
	    font-size: 15px;
    border-radius: 7px;
    border: 1px solid #959595;
    height: 29px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000;
    line-height: 16px;
    width: 100%;
    padding: 6px 15px;
    text-align: center;
}
.thumbnail-gr .money{padding:0}
div#section-search {
    padding: 24px 80px;
    border-radius: 16px;
    background-color: #fff;
   
    position: relative;
    z-index: 1059;
    box-shadow: 0 1px 4px rgb(10 10 10 / 15%);
    margin-bottom: 10px;
	padding-bottom: 40px;
} 
div#section-search .mask{
	background-image: url(../images/flowers2.png);
    transition: all 0.5s ease;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background-position: top left;
    background-size: auto;
    background-repeat: no-repeat;
    opacity: 0.25;
}

@media (max-width: 768px){
	div#section-search{
		margin-bottom: 8px;
		padding: 12px 0px 27px;
		border-radius: 0;
		z-index: 2;
		box-shadow: none;
		margin-top: 0;
	}
	
	.site-banner{background-image:none !important}
	div#section-search .title{font-size: 1.8rem;}
}
.flex-middle{
	-ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
}
.col-480-1{
	width: calc(100%/1 - 10px );
	margin: 5px;
}

.col-480-2{
	width: calc(100%/2 - 10px );
	margin: 5px;
}

.col-480-3{
	width: calc(100%/3 - 10px );
	margin: 5px;
}
.col-480-3.nomargin{width: calc(100%/3);}
.col-480-4{
	width: calc(100%/4 - 10px );
	margin: 5px;
}

.col-480-5{
	width: calc(100%/5 - 10px );
	margin: 5px;
}

.col-480-6{
	width: calc(100%/6 - 10px );
	margin: 5px;
}

@media (min-width: 768px){ 
	 .col-768-1{
        width: calc(100%/1 - 10px );
        margin: 5px;
     }
    
    .col-768-2{
        width: calc(100%/2 - 10px );
        margin: 5px;
     }
     
     .col-768-3{
        width: calc(100%/3 - 10px );
        margin: 5px;
     }
     
      .col-768-4{
        width: calc(100%/4 - 10px );
        margin: 5px;
     }
	 .col-768-4.nomargin{
        width: calc(100%/4);}
     
      .col-768-5{
        width: calc(100%/5 - 10px );
        margin: 5px;
     }
     
      .col-768-6{
        width: calc(100%/6 - 10px );
        margin: 5px;
     }
}

@media (min-width: 992px){
	.col-20 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		padding-right: 3px;
	}
	.col-1200-1{
        width: calc(100%/1 - 10px );
        margin: 5px;
     }
    
    .col-1200-2{
        width: calc(100%/2 - 10px );
        margin: 5px;
     }
     
     .col-1200-3{
        width: calc(100%/3 - 10px );
        margin: 5px;
     }
     
      .col-1200-4{
        width: calc(100%/4 - 10px );
        margin: 5px;
     }
     
      .col-1200-5{
        width: calc(100%/5 - 10px );
        margin: 5px;
     }
     
      .col-1200-6{
        width: calc(100%/6 - 10px );
        margin: 5px;
     }
	  .col-1200-6.nomargin{width: calc(100%/6);}
	  
}
.nomargin{margin:0}

section.box-cate {
    padding: 0 25px 10px;
}
.box-cate-feature, .love-block{
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 15px;
} 
.box-cate-feature .box-cate aside {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
	overflow-x: scroll!important;
}
.box-cate-feature h3.title{
	text-transform: uppercase;
    display: block;
    font-size: 14px; 
    background: 0 0;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    background-color: transparent;
    padding: 6px 5px 5px 20px;
    border-radius: 0;
    font-weight: 600 !important;
} 
.box-cate-feature h3 {
	display: inline-block;
    vertical-align: top;
    padding: 10px 0;
}
.box-cate-feature aside h3 .img-boxcate {
    margin: auto auto 8px;
    display: block;
    overflow: hidden;
}
.box-cate-feature aside h3 img {
    display: block;
    margin: auto;
    width: auto;
    height: 60px;
}
.box-cate-feature aside h3 a, .box-cate-feature aside h3 span {
    overflow: hidden;
    display: block;
}
.box-cate-feature aside h3 span {
    text-align: center;
    padding: 0 5px;
    font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}
.box-cate-feature aside h3 a {
    color: #333;
    text-align: center;
    width: 115px;
}
.title-love{
	text-transform: uppercase;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 0;
    padding: 12px 5px 1px 10px;
    border-radius: 0;
    font-weight: 600 !important;
}
.slimmenuboxicon{
	background: rgba(255,237,232,.56);
    border: 1px dashed #941A1F;
    padding: 16px 9px !important;
    border-radius: 5px;
}
.slimmenuboxicon li{
	display: flex;
    align-items: center;
    gap: 15px;
	margin-bottom: 0.6em;
}
.slimmenuboxicon li a{color:#000}
.slimmenuboxicon li img{
	width: 35px;
}
#cd-categories ::-webkit-scrollbar {
    width: 12px;
}
 
#cd-categories ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
#cd-categories ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.webpimg-wrap .item-wrap{
	-webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin: 9px 9px 9px 0;
	position: relative;
}
.webpimg-wrap .item-wrap img{
	border: 1px solid rgb(238, 238, 238);
    border-radius: 8px; 
    object-fit: cover;
}
span.tag-ads {
    position: absolute;
    top: 4px;
    right: 12px;
    padding: 0px 4px;
    background-color: rgb(235, 235, 240);
    border-radius: 2px;
    color: rgb(56, 56, 61);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    z-index: 1;
}
.banner-hover{
	position: relative;
    display: block;
    overflow: hidden;
}
	
.banner-hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: -15%;
    bottom: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg)
}
.banner-hover:hover::before {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: .45s ease-out;
    -o-transition: .45s ease-out;
    transition: .45s ease-out;
    z-index: 2
}
.left-adsv, .right-adsv {border: 3px solid #fff;display: block !important}
@media (max-width: 938px) {
	#bannerImage{
		width: 95%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	#header .logo{
		top: -64px;
		position: absolute;
	}
	#header{background-size: 104% 100%;}
}
@media (max-width: 897px) {#header{background-size: 107% 100%;}}
@media (max-width: 852px) {#header{background-size: 113% 100%;}}