/*
   __    ____  _            ____  __      __    ____       
  /  \  /   / / \  / /   / /   / /  \  / /  \  /     /   /
 /   / /   / /   \/ /___/ /___/ /   / / /   / /___  /___/
/___/ /___/ /    /  ___/ /   / /___/ / /___/ /___  /   /

*/
@font-face {
  font-family: max-font;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/nova.woff2') format('woff2'),
       url('../fonts/nova.woff') format('woff'),
	   url('../fonts/nova.ttf') format('truetype'),
	   url('../fonts/nova.eot?#iefix') format('embedded-opentype');
}
p,h1,h2,h3,h4,h5,h6,ul,tr,td,th,input,a,label,button,select,textarea,option,optgroup,span,small,html,body{
  font-family: max-font, Tahoma, Arial !important;
}
.uk-background-height-1-1,
.uk-background-width-1-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat
}
.uk-background-height-1-1 {
  background-size: auto 100%
}
.uk-background-width-1-1 {
  background-size: 100%
}
.max-product-border {
  border: 1px solid #ddd;
}
.max-product-border:hover {
  border: 1px solid #aaa;
}
.eshop-overflow-cart {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 -15px;
}
.uk-border-rounded {
  border-radius: 15px;
}
.tm-shop-app-menu {
	z-index: 2;
	position: fixed;
    inset-inline: 0;
	height: 50px;
	background-color: #fff;
	padding: 5px;
	box-shadow: 0 0px 5px rgba(0,0,0,.2);
	bottom: -2px;
}
.max-ratio-1-1 {
	width: 100%;
	padding-top: 100%;
}
.max-ratio-16-9 {
	width: 100%;
	padding-top: 56.25%;
}
.max-ratio-4-3 {
	width: 100%;
	padding-top: 75%;
}
.max-ratio-3-2 {
	width: 100%;
	padding-top: 66.66%;
}
.tm-header-mobile {
	height: 79px;
}
.max-slider-container {
	padding: 10px 10px 35px 10px;
}
.uk-btn-icon {
	padding: 0 10px !important;
}
.uk-label-discount {
  border-radius: 15px 15px 0 15px;
}
.uk-badge-cart {
  color: #808080;
  font-size: 14px;
}

.uk-modal-dialog {
  border-radius: 15px;
}
.uk-modal-header {
  background: transparent;
  padding: 15px 20px;
}
.uk-modal-title {
  font-size: 1.3rem;
  line-height: 1.3;
}
.uk-modal-body {
  padding: 20px;
}
.uk-modal-footer {
  background: transparent;
  padding: 15px 20px;
}
.uk-pagination>li>span, .uk-pagination>li>span:hover {
	color: #fff;
    text-decoration: none;
    background-color: #45B5A1;
}

/* max hover */
.max-hover .el-item {
	transition: transform 0.5s;
    width: 100%;
    position: relative;
    overflow: hidden;
	border-radius: 15px;
}
.max-hover .el-item::before {
    position: absolute;
    top: 0;
    left: -75%;
    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);
    transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
}
.max-hover .el-item:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.max-hover .el-item:hover::before {
    left: 5%;
}

.uk-search-default {
	width: 100%;
}
.uk-navbar-nav {
    background: rgba(255, 255, 255, .5);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 50px;
    height: 40px;
    justify-content: center;
    align-items: center;
	box-shadow: 0 5px 20px -10px rgba(0,0,0,0.2);
}
.opacity-0{
  opacity: 0;
}
.tm-page::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background: linear-gradient(
    to bottom,
    rgba(245,245,245,1) 0,
    rgba(245,245,245,0) 70%
  );
  pointer-events: none;
  z-index: 0;
}

/* group 1 */
.uk-navbar-dropdown-nav > li:has(> a.rada-menu1),
.uk-navbar-dropdown-nav > li.uk-nav-header:has(+ li > a.rada-menu1) {
    background: #EBEEF9;
}

/* First element of group 1 */
.uk-navbar-dropdown-nav > li.uk-nav-header:has(+ li > a.rada-menu1) {
    border-radius: 15px 15px 0 0;
    padding-top: 10px;
}

/* Last element of group 1 */
.uk-navbar-dropdown-nav > li:has(> a.rada-menu1):not(:has(+ li > a.rada-menu1)) {
    border-radius: 0 0 15px 15px;
    padding-bottom: 10px;
}

/* group 2 */
.uk-navbar-dropdown-nav > li:has(> a.rada-menu2),
.uk-navbar-dropdown-nav > li.uk-nav-header:has(+ li > a.rada-menu2) {
    background: #EBF9F7;
}

/* First element of group 2 */
.uk-navbar-dropdown-nav > li.uk-nav-header:has(+ li > a.rada-menu2) {
    border-radius: 15px 15px 0 0;
    padding-top: 10px;
}

/* Last element of group 2 */
.uk-navbar-dropdown-nav > li:has(> a.rada-menu2):not(:has(+ li > a.rada-menu2)) {
    border-radius: 0 0 15px 15px;
    padding-bottom: 10px;
}

.uk-navbar-dropdown-nav > li.uk-nav-header {
    position: relative;
    z-index: 2;
    padding-left: 14px;
    padding-right: 14px;
    color: #2C479E !important;
    font-weight: bold;
}
.uk-navbar-dropdown-nav > li > a.rada-menu1,
.uk-navbar-dropdown-nav > li > a.rada-menu2 {
    padding-left: 14px;
    padding-right: 14px;
}
.uk-navbar-dropdown-nav > li > a.rada-menu1:hover,
.uk-navbar-dropdown-nav > li > a.rada-menu2:hover {
    background: transparent !important;
}
.uk-nav-header:not(:first-child) {
    margin-top: 10px;
}




/* group 1 */
.uk-nav-sub > li:has(> a.rada-menu1),
.uk-nav-sub > li.uk-nav-header:has(+ li > a.rada-menu1) {
    background: #EBEEF9;
}

/* First element of group 1 */
.uk-nav-sub > li.uk-nav-header:has(+ li > a.rada-menu1) {
    border-radius: 15px 15px 0 0;
    padding-top: 10px;
}

/* Last element of group 1 */
.uk-nav-sub > li:has(> a.rada-menu1):not(:has(+ li > a.rada-menu1)) {
    border-radius: 0 0 15px 15px;
    padding-bottom: 10px;
}

/* group 2 */
.uk-nav-sub > li:has(> a.rada-menu2),
.uk-nav-sub > li.uk-nav-header:has(+ li > a.rada-menu2) {
    background: #EBF9F7;
}

/* First element of group 2 */
.uk-nav-sub > li.uk-nav-header:has(+ li > a.rada-menu2) {
    border-radius: 15px 15px 0 0;
    padding-top: 10px;
}

/* Last element of group 2 */
.uk-nav-sub > li:has(> a.rada-menu2):not(:has(+ li > a.rada-menu2)) {
    border-radius: 0 0 15px 15px;
    padding-bottom: 10px;
}

.uk-nav-sub > li.uk-nav-header {
    position: relative;
    z-index: 2;
    padding-left: 14px;
    padding-right: 14px;
    color: #2C479E !important;
    font-weight: bold;
}
.uk-nav-sub > li > a.rada-menu1,
.uk-nav-sub > li > a.rada-menu2 {
    padding-left: 14px;
    padding-right: 14px;
}
.uk-nav-sub > li > a.rada-menu1:hover,
.uk-nav-sub > li > a.rada-menu2:hover {
    background: transparent !important;
}


.watsapp_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #ffffff;
    background-color: #1ebea5;
    padding: 10px;
    border-radius: 500px;
    width: 30px;
    height: 30px;
    box-shadow: 0 15px 20px -8px rgba(71, 71, 85, 0.7);
    z-index: 999;
}
.watsapp_btn:hover {
    background-color:#45B5A1;
}