body {
  margin:0;
}
/* Preloader */
.container-preloader {
	align-items:center; cursor:none; display:flex; height:100%;
  justify-content:center; position:fixed; left:0; top:0; width:100%; z-index:900;
}
.container-preloader .animation-preloader {
	position:absolute; z-index: 100;}
/* Spinner Loading */
.container-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
	border-radius: 50%;  border: 13px solid rgba(0, 0, 0, 0.2);
  border-top-color: red; /* It is not in alphabetical order so that you do not overwrite it */
  height: 9em;  margin: 0 auto 3.5em auto; width: 9em;
}
/* Loading text */
.container-preloader .animation-preloader .txt-loading {
  font: bold 6em 'Montserrat', sans-serif;
	text-align: center;	user-select: none;
}
.container-preloader .animation-preloader .txt-loading .characters:before {
  animation: characters 4s infinite;  color: white;
  content: attr(preloader-text);  left: 0;
  opacity: 0;  position: absolute;  top: 0;
  transform: rotateY(-90deg);
}
.container-preloader .animation-preloader .txt-loading .characters {
	color: rgba(0, 0, 0, 0.2);	position: relative;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
  animation-delay: 1.2s;
}
.container-preloader .loader-section {
  background-image: url("hitk.jpg"); background-size: cover;height: 100%;
  position: fixed;  top: 0;  width: 100vw;
}
.container-preloader .loader-section.section-left {
  left: 0;
}
.container-preloader .loader-section.section-right {
  right: 0;
}
/* Fade effect on loading animation */
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
/* Curtain effect */
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
/* Animation of the preloader */
@keyframes spinner {
to {
	transform: rotateZ(360deg);
}}
/* Animation of letters loading from the preloader */
@keyframes characters {
  0%,
  75%,
  100% {
 opacity: 0;
 transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }}
/* Laptop size back (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
	/* Preloader */
	/* Spinner Loading */
	.container-preloader .animation-preloader .spinner {
	height: 8em;
	width: 8em;
	}
	/* Text Loading */
	.container-preloader .animation-preloader .txt-loading {
	  font: bold 3.5em 'Montserrat', sans-serif;
	}}
@media screen and (max-width: 500px) {
	/* Prelaoder */
	/* Spinner Loading */
	.container-preloader .animation-preloader .spinner {
	height: 7em;
	width: 7em;
	}
	/*Loading text */
	.container-preloader .animation-preloader .txt-loading {
	  font: bold 2em 'Montserrat', sans-serif;
	}}
.origin{text-decoration:none;
font-size:45px;}
.topnav {
  overflow: hidden;
  background-color: black;
  width: 80vw;
  position: fixed;
  left: 10vw;
  top: 20px;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: 'Kurale', serif;
}
.topnav a:hover {
  background-color: white;
  color: black;
  border-radius: 20px;
}
.topnav a.active {
  background-color: red;
  color: white;
  border-radius: 20px;
}
.topnav .icon {
  display: none;
}

@media screen and (max-width: 1190px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 1190px) {
  .topnav.responsive {position: fixed;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .home1 {
    background-color: red;
    color: white;
    border-radius: 20px;
  }
}
.img1 {
  height:50.875vw;
  width:100vw;
  position:fixed;
}
.div2 {
  width:60vw;
  position:absolute;
  top:15vw;
  left:23vw;
}
.hh1 {
  color:white;
  font-family: 'Suez One', serif;
  font-size: 7.8125vw;
}
.div3 {
  height:240vw;
  width:100vw;
  background-image:url("bg3.jpg");
  background-repeat:repeat-y;
  background-size: 100vw;
  position:relative;
  top:50.875vw;
}
.img2 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  left:11.71875vw;
  top:7.8125vw;
  border-radius: 10%;
}
.img3 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  right:11.71875vw;
  top:7.8125vw;
  border-radius: 10%;
}
.div5 {
  position:absolute;
  left:16.925vw;
  top:33.0625vw;
}
.hh2 {
  color:white;
  text-align: center;
  font-size: 2.34375vw;
}
.div6 {
  position:absolute;
  right:19.6vw;
  top:33.0625vw;
}
.hh3 {
  color:white;
  text-align: center;
  font-size: 2.34375vw;
}
.img4 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:20.53125vw;
  top:43.96875vw;
}
.img4:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:20.53125vw;
  top:43.96875vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img5 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:18.53125vw;
  top:43.96875vw;
}
.img5:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:18.53125vw;
  top:43.96875vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img6 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  left:11.71875vw;
  top:54.6875vw;
  border-radius: 10%;
}
.img7 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  right:11.71875vw;
  top:54.6875vw;
  border-radius: 10%;
}
.div9 {
  position:absolute;
  left:18.925vw;
  top:77.6875vw;
}
.div10 {
  position:absolute;
  right:19.6vw;
  top:77.6875vw;
}
.img8 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:19.53125vw;
  top:88.84375vw;
}
.img8:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:19.53125vw;
  top:88.84375vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img9 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:19.53125vw;
  top:88.84375vw;
}
.img9:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:19.53125vw;
  top:88.84375vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img10 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  left:11.71875vw;
  top:98.6875vw;
  border-radius: 10%;
}
.img11 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  right:11.71875vw;
  top:98.6875vw;
  border-radius: 10%;
}
.div13 {
  position:absolute;
  left:18.625vw;
  top:123.6875vw;
}
.div14 {
  position:absolute;
  right:20.6vw;
  top:123.6875vw;
}
.img12 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:19.53125vw;
  top:134.84375vw;
}
.img12:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:19.53125vw;
  top:134.84375vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img13 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:19.53125vw;
  top:134.84375vw;
}
.img13:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:19.53125vw;
  top:134.84375vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img14 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  left:11.71875vw;
  top:146.6875vw;
  border-radius: 10%;
}
.img15 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  right:11.71875vw;
  top:146.6875vw;
  border-radius: 10%;
}
.div17 {
  position:absolute;
  left:19.925vw;
  top:170.6875vw;
}
.div18 {
  position:absolute;
  right:20.6vw;
  top:170.6875vw;
}
.img16 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:19.53125vw;
  top:182.84375vw;
}
.img16:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:19.53125vw;
  top:182.84375vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img17 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:19.53125vw;
  top:182.84375vw;
}
.img17:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  right:19.53125vw;
  top:182.84375vw;
  filter: drop-shadow(0 0 1.171875vw white);
}
.img18 {
  height:23.4375vw;
  width:31.25vw;
  position:absolute;
  left:35.71875vw;
  top:191.6875vw;
  border-radius: 10%;
}
.div21 {
  position:absolute;
  left:42.625vw;
  top:215.6875vw;
}
.img20 {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:44.93125vw;
  top:228.84375vw;
}
.img20:hover {
  height:4.8125vw;
  width:15.625vw;
  position:absolute;
  left:44.93125vw;
  top:228.84375vw;
  filter: drop-shadow(0 0 1.171875vw white);
}