@font-face {
  font-family: myVazirFont;
  src: url(/vazir-font-v16.1.0/Vazir.woff);
}

@font-face {
  font-family: myIranianSans;
  src: url(/A-Iranian-Sans/IranianSans.ttf);
}

@font-face {
  font-family: Shabnam;
  src: url(/hoor/assets/fonts/Shabnam.woff2);
}

* {
    margin: 0;
    font-family: Shabnam;
    font-size: 20px;
}

body, html, h1, h2, h3 {
  padding: 0;
  margin: 0;
}

html {
    /*height: 100%;*/
}

body {  
  /*height: 100%;*/
  /*padding: 2rem;*/
  background-size: cover;
  /*font: 3rem/1.6 'Courgette', cursive;*/
  background-repeat: no-repeat;
  background-color: white;
  color: black;
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 700 700' width='700' height='700'%3E%3Cdefs%3E%3ClinearGradient gradientTransform='rotate(230, 0.5, 0.5)' x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='ffflux-gradient'%3E%3Cstop stop-color='%23FD6C13' stop-opacity='1' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23E63E00' stop-opacity='1' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter id='ffflux-filter' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.001 0.001' numOctaves='2' seed='221' stitchTiles='stitch' x='0%25' y='0%25' width='100%25' height='100%25' result='turbulence'%3E%3C/feTurbulence%3E%3CfeGaussianBlur stdDeviation='0 0' x='0%25' y='0%25' width='100%25' height='100%25' in='turbulence' edgeMode='duplicate' result='blur'%3E%3C/feGaussianBlur%3E%3CfeBlend mode='color-dodge' x='0%25' y='0%25' width='100%25' height='100%25' in='SourceGraphic' in2='blur' result='blend'%3E%3C/feBlend%3E%3C/filter%3E%3C/defs%3E%3Crect width='700' height='700' fill='url(%23ffflux-gradient)' filter='url(%23ffflux-filter)'%3E%3C/rect%3E%3C/svg%3E");  */
}




.sticky {
    /*background-color: #333;*/
    position: -webkit-sticky;
	position: sticky;
	top: 0;
	float: right;
	width: 100%;
	z-index: 9;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  /*background-image: url("sunrise.webp");*/
  background-color: #000;
  height: 100%;
}

.caption {
  position: absolute;
  left: 0;
  top: 52%;
  width: 100%;
  text-align: center;
  color: #000;
  opacity: 0.9;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 10px;
}

h3 {
  font: 20px "Lato", sans-serif;
  color: #111;
}





.container {
    width: 100%;
    clear: both;
}

.footer {
    height: 100px;
    color: #EEE;
    background-color: black
}

.footer .grid-container {
	color: #FFF;
}

.footer .grid-item {
}


.element {
 position: relative;
}
.menu>ul>li>ul {
    position: absolute;
    background-color: #555;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 1;
}