/*!
HediCart
 */
@font-face {
  font-family: "IRANSansWeb";
  src: url("https://hedicart.ir/font/IRANSansWeb_Medium.woff2") format("woff2");
}
/*
@font-face {
  font-family: "Cristik";
  src: url("https://hedicart.ir/font/Cristik.woff2") format("woff2");
} 
*/
@font-face {
  font-family: "Cristik-HEDICART";
  src: url("https://hedicart.ir/font/Cristik-HEDICART.woff2") format("woff2");
}
/* فونت لوگو */
.logotype {
    font-family: Cristik-HEDICART;
    font-weight: bold; /* 600 */
    letter-spacing: 4px;
}
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: black;
  font-size: 100px;
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 13%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  font-family: "IRANSansWeb";
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #ffffff;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #9f9f9f;
  background-color: #000000;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
/* Extra small Mobile */
@media (max-width: 575.98px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
  .h1-des-text {
    font-size: 12.5px;
  }
  .h2-des-text {
    font-size: 12px;
  }

}
/*  Mobile */
@media (min-width: 576px) and (max-width: 767.98px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
  .h1-des-text {
    font-size: 14px;
  }
  .h2-des-text {
    font-size: 13.5px;
  }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
  .h1-des-text {
    font-size: 15px;
  }
  .h2-des-text {
    font-size: 14.5px;
  }
}
/* laptop */
@media (min-width: 992px) and (max-width: 1199.98px) {

  body {
    padding-right: 24%;
    padding-left: 24%;
  }
  .h1-des-text {
    font-size: 16px;
  }
  .h2-des-text {
    font-size: 15.5px;
  }
}
/* Desktop */
@media (min-width: 1200px) {

  body {
    padding-right: 27%;
    padding-left: 27%;
  }
  .h1-des-text {
    font-size: 17px;
  }
  .h2-des-text {
    font-size: 16.5px;
  }
}
/*  random text */
.slogan {
    font-family: "IRANSansWeb", sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #222;
    text-align: center;

    /* مینیمال و تمیز */
    padding: 10px 10px;
    padding-top: 0px;
    padding-bottom: -10px;
    margin-bottom: -20px;

    /* افکت اعتمادساز و حرفه‌ای */
    opacity: 0;
    transform: translateY(10px);
    animation: fadeSlide 1.0s ease-out forwards;

    /* حس برندینگ لوکس */
    letter-spacing: 0.5px;
}

/* انیمیشن ورود نرم و باوقار */
@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* انیمیشن لود لوگو */
.at-item {
	color: #3079ed; font-weight:bold; font-size:3em;
	
	animation-name: focus-in-expand;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
		
	/* shorthand
	animation: focus-in-expand 1s linear 0s 1 normal none;*/
}
@keyframes focus-in-expand {
		
	0% {
		letter-spacing:-.5em;
		filter:blur(12px);
		opacity:0;
	}
	100% {
		filter:blur(0);
		opacity:1;
	}
}
/* انیمیشن لوگو */

.waviy {
  position: relative;

}
.waviy span {
  position: relative;
  display: inline-block;
  color: #000;
  animation: flip 5s infinite;
  animation-delay: calc(.3s * var(--i));
  font-family: Cristik-HEDICART;
  font-weight: bold; /* 600 */
  margin-right: -8px;

}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}