/* CSS Document */

@font-face {
font-family:titr; /* تعیین نام برای فونت */
src:url('fonts/BTitrBd.ttf'); /* TTF file for CSS3 browsers */
}
@font-face {
font-family:yekan; /* تعیین نام برای فونت */
src:url('fonts/BYekan.ttf'); /* TTF file for CSS3 browsers */
}
@font-face {
font-family:iransans; /* تعیین نام برای فونت */
src:url('fonts/iransans.ttf'); /* TTF file for CSS3 browsers */
}
@font-face {
font-family:iransans_bold; /* تعیین نام برای فونت */
src:url('fonts/iransans_bold.ttf'); /* TTF file for CSS3 browsers */
}
@font-face {
font-family:iransans_medium; /* تعیین نام برای فونت */
src:url('fonts/iransans_medium.ttf'); /* TTF file for CSS3 browsers */
}


*{font-size:12px; font-family:iransans; padding:0px; margin:0px; list-style:none; scroll-behavior: smooth;}
h1 , h2{font-family: titr;}
h3 ,h4 ,h5 ,h6{font-family:iransans;}
body{
	background:#eeeded;/*#F0F2F7;*/
	/*background:url(/img/bg2.jpg);*/
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.desktop{
	
	height: 100vh;
	margin:  auto;
	padding: 10vh;
	/*position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	*/
}


.cooking{
	background: rgba(255,255,255,0.95);
}
.cooking article{
	height: 100vh;
}
.whatcookbtn{
	border-radius: 20px 20px 0px 0px;
	padding: 10px 100px;
	font-size: 14px;
}
.homebtn{
	border-radius: 0px 0px 20px 20px;
	padding: 10px 100px;
	font-size: 14px;
}


.icons{
	padding: 10px;
	background: rgba(244,244,244,0.69);
}



.box{
	
	background: #FFF;
	padding: 10px 5px;
	border-radius: 1px;
	/*box-shadow: 1px 2px 2pt 1pt #E3DFDF;*/
}
.login-box0 form{
	max-width: 300px;
	background: #FFF;
	padding: 20px;
	box-shadow: 1px 2px 2pt 1pt #E3DFDF;
	
	
}

.marakez{
	background: #FFBFC0;
}
.rahgiri{
	background: #2e3539;
	color: #FFF;padding: 20px;
	
}
.rahgiri p{
	font-size: 12pt;
	font-weight: 400;
	text-align: justify;
	
}

.login{
	background: #00aaa9;
	box-shadow: 1px 2px 2pt 1pt #E3DFDF;
	padding: 10px;
	border-radius: 5px;
	
	
}











.base{
  /*width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
*/
}




/*  main page slider styles */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
	
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 0.5s;
}

@keyframes fade {
  from {opacity: 0.6}
  to {opacity: 1}
}