@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

html{
	height: 100vh;
	margin:0;
	 scroll-behavior: smooth;
}

body{
	font-size: 14px;
	overflow-x: hidden;	
}

.hashtag{
	position:absolute; 
	right: 10px; 
	top:5px; 
	font-size:13px;
}

.home-bg{
	background: linear-gradient(180deg, #000, #000889 120%,#000889);
	height: 100%;
	width: 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;
	background-color:#000889;
	font-family: 'Open Sans', sans-serif;
	z-index:0;
}


.home-bg::before {
  position: fixed;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
   background: linear-gradient(180deg, #000, #84000d 120%,#84000d);
  z-index: -1;
 /* transition: opacity 12s linear; */
   animation: change-opacity 18s linear infinite;
}

/* Keyframes */
@keyframes change-opacity {
  0% {
    opacity:0;
  }
  45% {
    opacity:1;
  }
  
  55% {
    opacity:1;
  }
  
  100% {
    opacity:0;
  }
}

.bottom-line{
	padding-top:5px;
	margin:0; 
	font-size: 11.5px;
	line-height: 1.25;
}


/* home letters */

.letters, .letters-more, .letters-many, .letters-new{
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
}

.letters2{
	transform: scale(1.1) rotateY(180deg);
	filter: blur(1px);
	
}

.letters3{
	transform: scale(0.8) rotateY(180deg);
	filter: blur(4px);
	
}

.single-letters{
	width: 30px;
	height: auto;
}

.letters div, .letters-more div, .letters-many div, .letters-new div{
	position: absolute;
	display: block;
}

.letters div:nth-child(1){
	left: 0%;
	animation: animate 10s linear infinite;
	-webkit-animation: animatemore 10s linear infinite;
	-moz-animation: animatemore 10s linear infinite;
	-ms-animation: animatemore 10s linear infinite;
	-o-animation: animatemore 10s linear infinite;
	animation-delay: -1s;
}

.letters div:nth-child(2){
	left: 7%;
	animation: animate 12s linear infinite;
	-webkit-animation: animatemore 12s linear infinite;
	-moz-animation: animatemore 12s linear infinite;
	-ms-animation: animatemore 12s linear infinite;
	-o-animation: animatemore 12s linear infinite;
	animation-delay: -3s;
}

.letters div:nth-child(3){
	left: 12%;
	animation: animate 15s linear infinite;
	-webkit-animation: animatemore 15s linear infinite;
	-moz-animation: animatemore 15s linear infinite;
	-ms-animation: animatemore 15s linear infinite;
	-o-animation: animatemore 15s linear infinite;
	animation-delay: -7s;
}

.letters div:nth-child(4){
	left: 18%;
	animation: animate 12s linear infinite;
	-webkit-animation: animatemore 12s linear infinite;
	-moz-animation: animatemore 12s linear infinite;
	-ms-animation: animatemore 12s linear infinite;
	-o-animation: animatemore 12s linear infinite;
	animation-delay: -1s;
}

.letters div:nth-child(5){
	left: 35%;
	animation: animate 10s linear infinite;
	-webkit-animation: animatemore 10s linear infinite;
	-moz-animation: animatemore 10s linear infinite;
	-ms-animation: animatemore 10s linear infinite;
	-o-animation: animatemore 10s linear infinite;
	animation-delay: -5s;
}

.letters div:nth-child(6){
	left: 30%;
	animation: animate 15s linear infinite;
	-webkit-animation: animatemore 15s linear infinite;
	-moz-animation: animatemore 15s linear infinite;
	-ms-animation: animatemore 15s linear infinite;
	-o-animation: animatemore 15s linear infinite;
	animation-delay: -7s;
}

.letters div:nth-child(7){
	left: 40%;
	animation: animate 7s linear infinite;
	-webkit-animation: animatemore 7s linear infinite;
	-moz-animation: animatemore 7s linear infinite;
	-ms-animation: animatemore 7s linear infinite;
	-o-animation: animatemore 7s linear infinite;
	animation-delay: -3s;
}

.letters div:nth-child(8){
	left: 55%;
	animation: animate 10s linear infinite;
	-webkit-animation: animatemore 10s linear infinite;
	-moz-animation: animatemore 10s linear infinite;
	-ms-animation: animatemore 10s linear infinite;
	-o-animation: animatemore 10s linear infinite;
	animation-delay: -1s;
}

.letters div:nth-child(9){
	left: 62%;
	animation: animate 12s linear infinite;
	-webkit-animation: animatemore 12s linear infinite;
	-moz-animation: animatemore 12s linear infinite;
	-ms-animation: animatemore 12s linear infinite;
	-o-animation: animatemore 12s linear infinite;
	animation-delay: -5s;
}

.letters div:nth-child(10){
	left: 70%;
	animation: animate 15s linear infinite;
	-webkit-animation: animatemore 15s linear infinite;
	-moz-animation: animatemore 15s linear infinite;
	-ms-animation: animatemore 15s linear infinite;
	-o-animation: animatemore 15s linear infinite;
	animation-delay: -10s;
}

.letters div:nth-child(11){
	left: 80%;
	animation: animate 10s linear infinite;
	-webkit-animation: animatemore 10s linear infinite;
	-moz-animation: animatemore 10s linear infinite;
	-ms-animation: animatemore 10s linear infinite;
	-o-animation: animatemore 10s linear infinite;
	animation-delay: -1s;
}

.letters div:nth-child(12){
	left: 90%;
	animation: animate 7s linear infinite;
	-webkit-animation: animatemore 7s linear infinite;
	-moz-animation: animatemore 7s linear infinite;
	-ms-animation: animatemore 7s linear infinite;
	-o-animation: animatemore 7s linear infinite;
	animation-delay: -3s;
}

.letters div:nth-child(13){
	left: 95%;
	animation: animate 12s linear infinite;
	-webkit-animation: animatemore 12s linear infinite;
	-moz-animation: animatemore 12s linear infinite;
	-ms-animation: animatemore 12s linear infinite;
	-o-animation: animatemore 12s linear infinite;
	animation-delay: -7s;
}

.letters div:nth-child(14){
	left: 45%;
	animation: animate 15s linear infinite;
	-webkit-animation: animatemore 15s linear infinite;
	-moz-animation: animatemore 15s linear infinite;
	-ms-animation: animatemore 15s linear infinite;
	-o-animation: animatemore 15s linear infinite;
	animation-delay: -1s;
}

.letters div:nth-child(15){
	left: 25%;
	animation: animate 7s linear infinite;
	-webkit-animation: animatemore 7s linear infinite;
	-moz-animation: animatemore 7s linear infinite;
	-ms-animation: animatemore 7s linear infinite;
	-o-animation: animatemore 7s linear infinite;
	animation-delay: -10s;
}

@keyframes animate{
	
	0%{
		opacity: 0;
		top:-15%;
		transform: translateX(20px) rotate(0deg);
		-ms-transform: translateX(20px) rotate(0deg);
		 -webkit-transform: translateX(20px) rotate(0deg);
		-moz-transform: translateX(20px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-20px) rotate(45deg);
		-ms-transform: translateX(-20px) rotate(45deg);
		 -webkit-transform: translateX(-20px) rotate(45deg);
		-moz-transform: translateX(-20px) rotate(45deg);
	}
	
	40%{
		transform: translateX(-20px) rotate(90deg);
		-ms-transform: translateX(-20px) rotate(45deg);
		 -webkit-transform: translateX(-20px) rotate(45deg);
		-moz-transform: translateX(-20px) rotate(45deg);
	}
	
	60%{
		transform: translateX(-20px) rotate(135deg);
		-ms-transform: translateX(-20px) rotate(135deg);
		 -webkit-transform: translateX(-20px) rotate(135deg);
		-moz-transform: translateX(-20px) rotate(135deg);
	}
	
	80%{
		transform: translateX(-20px) rotate(180deg);
		-ms-transform: translateX(-20px) rotate(180deg);
		 -webkit-transform: translateX(-20px) rotate(180deg);
		-moz-transform: translateX(-20px) rotate(180deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-20px) rotate(225deg);
		-ms-transform: translateX(-20px) rotate(225deg);
		 -webkit-transform: translateX(-20px) rotate(225deg);
		-moz-transform: translateX(-20px) rotate(225deg);
	}
	
}

@-webkit-keyframes animate{
	
	0%{
		opacity: 0;
		top:-15%;
		transform: translateX(20px) rotate(0deg);
		-ms-transform: translateX(20px) rotate(0deg);
		 -webkit-transform: translateX(20px) rotate(0deg);
		-moz-transform: translateX(20px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-20px) rotate(45deg);
		-ms-transform: translateX(-20px) rotate(45deg);
		 -webkit-transform: translateX(-20px) rotate(45deg);
		-moz-transform: translateX(-20px) rotate(45deg);
	}
	
	40%{
		transform: translateX(-20px) rotate(90deg);
		-ms-transform: translateX(-20px) rotate(45deg);
		 -webkit-transform: translateX(-20px) rotate(45deg);
		-moz-transform: translateX(-20px) rotate(45deg);
	}
	
	60%{
		transform: translateX(-20px) rotate(135deg);
		-ms-transform: translateX(-20px) rotate(135deg);
		 -webkit-transform: translateX(-20px) rotate(135deg);
		-moz-transform: translateX(-20px) rotate(135deg);
	}
	
	80%{
		transform: translateX(-20px) rotate(180deg);
		-ms-transform: translateX(-20px) rotate(180deg);
		 -webkit-transform: translateX(-20px) rotate(180deg);
		-moz-transform: translateX(-20px) rotate(180deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-20px) rotate(225deg);
		-ms-transform: translateX(-20px) rotate(225deg);
		 -webkit-transform: translateX(-20px) rotate(225deg);
		-moz-transform: translateX(-20px) rotate(225deg);
	}
	
}

@-moz-keyframes animate{
	
	0%{
		opacity: 0;
		top:-15%;
		transform: translateX(20px) rotate(0deg);
		-ms-transform: translateX(20px) rotate(0deg);
		 -webkit-transform: translateX(20px) rotate(0deg);
		-moz-transform: translateX(20px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-20px) rotate(45deg);
		-ms-transform: translateX(-20px) rotate(45deg);
		 -webkit-transform: translateX(-20px) rotate(45deg);
		-moz-transform: translateX(-20px) rotate(45deg);
	}
	
	40%{
		transform: translateX(-20px) rotate(90deg);
		-ms-transform: translateX(-20px) rotate(45deg);
		 -webkit-transform: translateX(-20px) rotate(45deg);
		-moz-transform: translateX(-20px) rotate(45deg);
	}
	
	60%{
		transform: translateX(-20px) rotate(135deg);
		-ms-transform: translateX(-20px) rotate(135deg);
		 -webkit-transform: translateX(-20px) rotate(135deg);
		-moz-transform: translateX(-20px) rotate(135deg);
	}
	
	80%{
		transform: translateX(-20px) rotate(180deg);
		-ms-transform: translateX(-20px) rotate(180deg);
		 -webkit-transform: translateX(-20px) rotate(180deg);
		-moz-transform: translateX(-20px) rotate(180deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-20px) rotate(225deg);
		-ms-transform: translateX(-20px) rotate(225deg);
		 -webkit-transform: translateX(-20px) rotate(225deg);
		-moz-transform: translateX(-20px) rotate(225deg);
	}
	
}



.letters-more div:nth-child(1){
	left: 2%;
	animation: animatemore 8s linear infinite;
	-webkit-animation: animatemore 8s linear infinite;
	-moz-animation: animatemore 8s linear infinite;
	-ms-animation: animatemore 8s linear infinite;
	-o-animation: animatemore 8s linear infinite;
	animation-delay: -1s;
}

.letters-more div:nth-child(2){
	left: 5%;
	animation: animatemore 10s linear infinite;
	-webkit-animation: animatemore 10s linear infinite;
	-moz-animation: animatemore 10s linear infinite;
	-ms-animation: animatemore 10s linear infinite;
	-o-animation: animatemore 10s linear infinite;
	animation-delay: -3s;
}

.letters-more div:nth-child(3){
	left: 10%;
	animation: animatemore 13s linear infinite;
	-webkit-animation: animatemore 13s linear infinite;
	-moz-animation: animatemore 13s linear infinite;
	-ms-animation: animatemore 13s linear infinite;
	-o-animation: animatemore 13s linear infinite;
	animation-delay: -7s;
}

.letters-more div:nth-child(4){
	left: 22%;
	animation: animatemore 10s linear infinite;
	-webkit-animation: animatemore 10s linear infinite;
	-moz-animation: animatemore 10s linear infinite;
	-ms-animation: animatemore 10s linear infinite;
	-o-animation: animatemore 10s linear infinite;
	animation-delay: -1s;
}

.letters-more div:nth-child(5){
	left: 37%;
	animation: animatemore 8s linear infinite;
	-webkit-animation: animatemore 8s linear infinite;
	-moz-animation: animatemore 8s linear infinite;
	-ms-animation: animatemore 8s linear infinite;
	-o-animation: animatemore 8s linear infinite;
	animation-delay: -5s;
}

.letters-more div:nth-child(6){
	left: 42%;
	animation: animatemore 13s linear infinite;
	-webkit-animation: animatemore 13s linear infinite;
	-moz-animation: animatemore 13s linear infinite;
	-ms-animation: animatemore 13s linear infinite;
	-o-animation: animatemore 13s linear infinite;
	animation-delay: -7s;
}

.letters-more div:nth-child(7){
	left: 45%;
	animation: animatemore 5s linear infinite;
	-webkit-animation: animatemore 5s linear infinite;
	-moz-animation: animatemore 5s linear infinite;
	-ms-animation: animatemore 5s linear infinite;
	-o-animation: animatemore 5s linear infinite;
	animation-delay: -3s;
}

.letters-more div:nth-child(8){
	left: 50%;
	animation: animatemore 8s linear infinite;
	-webkit-animation: animatemore 8s linear infinite;
	-moz-animation: animatemore 8s linear infinite;
	-ms-animation: animatemore 8s linear infinite;
	-o-animation: animatemore 8s linear infinite;
	animation-delay: -1s;
}

.letters-more div:nth-child(9){
	left: 65%;
	animation: animatemore 12s linear infinite;
	-webkit-animation: animatemore 12s linear infinite;
	-moz-animation: animatemore 12s linear infinite;
	-ms-animation: animatemore 12s linear infinite;
	-o-animation: animatemore 12s linear infinite;
	animation-delay: -5s;
}

.letters-more div:nth-child(10){
	left: 75%;
	animation: animatemore 13s linear infinite;
	-webkit-animation: animatemore 13s linear infinite;
	-moz-animation: animatemore 13s linear infinite;
	-ms-animation: animatemore 13s linear infinite;
	-o-animation: animatemore 13s linear infinite;
	animation-delay: -10s;
}

.letters-more div:nth-child(11){
	left: 85%;
	animation: animatemore 8s linear infinite;
	-webkit-animation: animatemore 8s linear infinite;
	-moz-animation: animatemore 8s linear infinite;
	-ms-animation: animatemore 8s linear infinite;
	-o-animation: animatemore 8s linear infinite;
	animation-delay: -1s;
}

.letters-more div:nth-child(12){
	left: 97%;
	animation: animatemore 5s linear infinite;
	-webkit-animation: animatemore 5s linear infinite;
	-moz-animation: animatemore 5s linear infinite;
	-ms-animation: animatemore 5s linear infinite;
	-o-animation: animatemore 5s linear infinite;
	animation-delay: -3s;
}

.letters-more div:nth-child(13){
	left: 99%;
	animation: animatemore 10s linear infinite;
	-webkit-animation: animatemore 10s linear infinite;
	-moz-animation: animatemore 10s linear infinite;
	-ms-animation: animatemore 10s linear infinite;
	-o-animation: animatemore 10s linear infinite;
	animation-delay: -7s;
}

.letters-more div:nth-child(14){
	left: 49%;
	animation: animatemore 15s linear infinite;
	-webkit-animation: animatemore 15s linear infinite;
	-moz-animation: animatemore 15s linear infinite;
	-ms-animation: animatemore 15s linear infinite;
	-o-animation: animatemore 15s linear infinite;
	animation-delay: -1s;
}

.letters-more div:nth-child(15){
	left: 3%;
	animation: animatemore 5s linear infinite;
	-webkit-animation: animatemore 5s linear infinite;
	-moz-animation: animatemore 5s linear infinite;
	-ms-animation: animatemore 5s linear infinite;
	-o-animation: animatemore 5s linear infinite;
	animation-delay: -10s;
}

@keyframes animatemore {
	
	0%{
		opacity: 0;
		top:-5%;
		transform: translateX(10px) rotate(0deg);
		-ms-transform: translateX(10px) rotate(0deg);
		 -webkit-transform: translateX(10px) rotate(0deg);
		-moz-transform: translateX(10px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-10px) rotate(50deg);
		-ms-transform: translateX(-10px) rotate(50deg);
		 -webkit-transform: translateX(-10px) rotate(50deg);
		-moz-transform: translateX(-10px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-10px) rotate(95deg);
		-ms-transform: translateX(-10px) rotate(95deg);
		 -webkit-transform: translateX(-10px) rotate(95deg);
		-moz-transform: translateX(-10px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-10px) rotate(180deg);
		-ms-transform: translateX(-10px) rotate(180deg);
		 -webkit-transform: translateX(-10px) rotate(180deg);
		-moz-transform: translateX(-10px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-10px) rotate(225deg);
		-ms-transform: translateX(-10px) rotate(225deg);
		 -webkit-transform: translateX(-10px) rotate(225deg);
		-moz-transform: translateX(-10px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-10px) rotate(270deg);
		-ms-transform: translateX(-10px) rotate(270deg);
		 -webkit-transform: translateX(-10px) rotate(270deg);
		-moz-transform: translateX(-10px) rotate(270deg);
	}
	
}

@-webkit-keyframes animatemore {
	
	0%{
		opacity: 0;
		top:-5%;
		transform: translateX(10px) rotate(0deg);
		-ms-transform: translateX(10px) rotate(0deg);
		 -webkit-transform: translateX(10px) rotate(0deg);
		-moz-transform: translateX(10px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-10px) rotate(50deg);
		-ms-transform: translateX(-10px) rotate(50deg);
		 -webkit-transform: translateX(-10px) rotate(50deg);
		-moz-transform: translateX(-10px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-10px) rotate(95deg);
		-ms-transform: translateX(-10px) rotate(95deg);
		 -webkit-transform: translateX(-10px) rotate(95deg);
		-moz-transform: translateX(-10px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-10px) rotate(180deg);
		-ms-transform: translateX(-10px) rotate(180deg);
		 -webkit-transform: translateX(-10px) rotate(180deg);
		-moz-transform: translateX(-10px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-10px) rotate(225deg);
		-ms-transform: translateX(-10px) rotate(225deg);
		 -webkit-transform: translateX(-10px) rotate(225deg);
		-moz-transform: translateX(-10px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-10px) rotate(270deg);
		-ms-transform: translateX(-10px) rotate(270deg);
		 -webkit-transform: translateX(-10px) rotate(270deg);
		-moz-transform: translateX(-10px) rotate(270deg);
	}
	
}

@-moz-keyframes animatemore {
	
	0%{
		opacity: 0;
		top:-5%;
		transform: translateX(10px) rotate(0deg);
		-ms-transform: translateX(10px) rotate(0deg);
		 -webkit-transform: translateX(10px) rotate(0deg);
		-moz-transform: translateX(10px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-10px) rotate(50deg);
		-ms-transform: translateX(-10px) rotate(50deg);
		 -webkit-transform: translateX(-10px) rotate(50deg);
		-moz-transform: translateX(-10px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-10px) rotate(95deg);
		-ms-transform: translateX(-10px) rotate(95deg);
		 -webkit-transform: translateX(-10px) rotate(95deg);
		-moz-transform: translateX(-10px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-10px) rotate(180deg);
		-ms-transform: translateX(-10px) rotate(180deg);
		 -webkit-transform: translateX(-10px) rotate(180deg);
		-moz-transform: translateX(-10px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-10px) rotate(225deg);
		-ms-transform: translateX(-10px) rotate(225deg);
		 -webkit-transform: translateX(-10px) rotate(225deg);
		-moz-transform: translateX(-10px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-10px) rotate(270deg);
		-ms-transform: translateX(-10px) rotate(270deg);
		 -webkit-transform: translateX(-10px) rotate(270deg);
		-moz-transform: translateX(-10px) rotate(270deg);
	}
	
}

.letters-many div:nth-child(1){
	left: 7%;
	animation: animatemany 14s linear infinite;
	-webkit-animation: animatemany 14s linear infinite;
	-moz-animation: animatemany 14s linear infinite;
	-ms-animation: animatemany 14s linear infinite;
	-o-animation: animatemany 14s linear infinite;
	animation-delay: -1s;
}

.letters-many div:nth-child(2){
	left: 13%;
	animation: animatemany 17s linear infinite;
	-webkit-animation: animatemany 10s linear infinite;
	-moz-animation: animatemany 10s linear infinite;
	-ms-animation: animatemany 10s linear infinite;
	-o-animation: animatemany 10s linear infinite;
	animation-delay: -3s;
}

.letters-many div:nth-child(3){
	left: 17%;
	animation: animatemany 19s linear infinite;
	-webkit-animation: animatemany 19s linear infinite;
	-moz-animation: animatemany 19s linear infinite;
	-ms-animation: animatemany 19s linear infinite;
	-o-animation: animatemany 19s linear infinite;
	animation-delay: -7s;
}

.letters-many div:nth-child(4){
	left: 27%;
	animation: animatemany 14s linear infinite;
	-webkit-animation: animatemany 14s linear infinite;
	-moz-animation: animatemany 14s linear infinite;
	-ms-animation: animatemany 14s linear infinite;
	-o-animation: animatemany 14s linear infinite;
	animation-delay: -1s;
}

.letters-many div:nth-child(5){
	left: 38%;
	animation: animatemany 19s linear infinite;
	-webkit-animation: animatemany 19s linear infinite;
	-moz-animation: animatemany 19s linear infinite;
	-ms-animation: animatemany 19s linear infinite;
	-o-animation: animatemany 19s linear infinite;
	animation-delay: -5s;
}

.letters-many div:nth-child(6){
	left: 47%;
	animation: animatemany 17s linear infinite;
	-webkit-animation: animatemany 17s linear infinite;
	-moz-animation: animatemany 17s linear infinite;
	-ms-animation: animatemany 17s linear infinite;
	-o-animation: animatemany 17s linear infinite;
	animation-delay: -7s;
}

.letters-many div:nth-child(7){
	left: 57%;
	animation: animatemany 14s linear infinite;
	-webkit-animation: animatemany 14s linear infinite;
	-moz-animation: animatemany 14s linear infinite;
	-ms-animation: animatemany 14s linear infinite;
	-o-animation: animatemany 14s linear infinite;
	animation-delay: -3s;
}

.letters-many div:nth-child(8){
	left: 67%;
	animation: animatemany 17s linear infinite;
	-webkit-animation: animatemany 17s linear infinite;
	-moz-animation: animatemany 17s linear infinite;
	-ms-animation: animatemany 17s linear infinite;
	-o-animation: animatemany 17s linear infinite;
	animation-delay: -1s;
}

.letters-many div:nth-child(9){
	left: 78%;
	animation: animatemany 12s linear infinite;
	-webkit-animation: animatemany 12s linear infinite;
	-moz-animation: animatemany 12s linear infinite;
	-ms-animation: animatemany 12s linear infinite;
	-o-animation: animatemany 12s linear infinite;
	animation-delay: -5s;
}

.letters-many div:nth-child(10){
	left: 82%;
	animation: animatemany 19s linear infinite;
	-webkit-animation: animatemany 19s linear infinite;
	-moz-animation: animatemany 19s linear infinite;
	-ms-animation: animatemany 19s linear infinite;
	-o-animation: animatemany 19s linear infinite;
	animation-delay: -10s;
}

.letters-many div:nth-child(11){
	left: 88%;
	animation: animatemany 14s linear infinite;
	-webkit-animation: animatemany 14s linear infinite;
	-moz-animation: animatemany 14s linear infinite;
	-ms-animation: animatemany 14s linear infinite;
	-o-animation: animatemany 14s linear infinite;
	animation-delay: -1s;
}

.letters-many div:nth-child(12){
	left: 92%;
	animation: animatemany 19s linear infinite;
	-webkit-animation: animatemany 19s linear infinite;
	-moz-animation: animatemany 19s linear infinite;
	-ms-animation: animatemany 19s linear infinite;
	-o-animation: animatemany 19s linear infinite;
	animation-delay: -3s;
}

.letters-many div:nth-child(13){
	left: 97%;
	animation: animatemany 17s linear infinite;
	-webkit-animation: animatemany 17s linear infinite;
	-moz-animation: animatemany 17s linear infinite;
	-ms-animation: animatemany 17s linear infinite;
	-o-animation: animatemany 17s linear infinite;
	animation-delay: -7s;
}

.letters-many div:nth-child(14){
	left: 14%;
	animation: animatemany 14s linear infinite;
	-webkit-animation: animatemany 14s linear infinite;
	-moz-animation: animatemany 14s linear infinite;
	-ms-animation: animatemany 14s linear infinite;
	-o-animation: animatemany 14s linear infinite;
	animation-delay: -1s;
}

.letters-many div:nth-child(15){
	left: 39%;
	animation: animatemany 17s linear infinite;
	-webkit-animation: animatemany 17s linear infinite;
	-moz-animation: animatemany 17s linear infinite;
	-ms-animation: animatemany 17s linear infinite;
	-o-animation: animatemany 17s linear infinite;
	animation-delay: -10s;
}

@keyframes animatemany {
	
	0%{
		opacity: 0;
		top:0%;
		transform: translateX(5px) rotate(0deg);
		-ms-transform: translateX(5px) rotate(0deg);
		 -webkit-transform: translateX(5px) rotate(0deg);
		-moz-transform: translateX(5px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-5px) rotate(50deg);
		-ms-transform: translateX(-5px) rotate(50deg);
		 -webkit-transform: translateX(-5px) rotate(50deg);
		-moz-transform: translateX(-5px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-5px) rotate(95deg);
		-ms-transform: translateX(-5px) rotate(95deg);
		 -webkit-transform: translateX(-5px) rotate(95deg);
		-moz-transform: translateX(-5px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-5px) rotate(180deg);
		-ms-transform: translateX(-5px) rotate(180deg);
		 -webkit-transform: translateX(-5px) rotate(180deg);
		-moz-transform: translateX(-5px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-5px) rotate(225deg);
		-ms-transform: translateX(-5px) rotate(225deg);
		 -webkit-transform: translateX(-5px) rotate(225deg);
		-moz-transform: translateX(-5px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-5px) rotate(270deg);
		-ms-transform: translateX(-5px) rotate(270deg);
		 -webkit-transform: translateX(-5px) rotate(270deg);
		-moz-transform: translateX(-5px) rotate(270deg);
	}
	
}


@-webkit-keyframes animatemany {
	
	0%{
		opacity: 0;
		top:0%;
		transform: translateX(5px) rotate(0deg);
		-ms-transform: translateX(5px) rotate(0deg);
		 -webkit-transform: translateX(5px) rotate(0deg);
		-moz-transform: translateX(5px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-5px) rotate(50deg);
		-ms-transform: translateX(-5px) rotate(50deg);
		 -webkit-transform: translateX(-5px) rotate(50deg);
		-moz-transform: translateX(-5px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-5px) rotate(95deg);
		-ms-transform: translateX(-5px) rotate(95deg);
		 -webkit-transform: translateX(-5px) rotate(95deg);
		-moz-transform: translateX(-5px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-5px) rotate(180deg);
		-ms-transform: translateX(-5px) rotate(180deg);
		 -webkit-transform: translateX(-5px) rotate(180deg);
		-moz-transform: translateX(-5px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-5px) rotate(225deg);
		-ms-transform: translateX(-5px) rotate(225deg);
		 -webkit-transform: translateX(-5px) rotate(225deg);
		-moz-transform: translateX(-5px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-5px) rotate(270deg);
		-ms-transform: translateX(-5px) rotate(270deg);
		 -webkit-transform: translateX(-5px) rotate(270deg);
		-moz-transform: translateX(-5px) rotate(270deg);
	}
	
}

@-moz-keyframes animatemany {
	
	0%{
		opacity: 0;
		top:0%;
		transform: translateX(5px) rotate(0deg);
		-ms-transform: translateX(5px) rotate(0deg);
		 -webkit-transform: translateX(5px) rotate(0deg);
		-moz-transform: translateX(5px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-5px) rotate(50deg);
		-ms-transform: translateX(-5px) rotate(50deg);
		 -webkit-transform: translateX(-5px) rotate(50deg);
		-moz-transform: translateX(-5px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-5px) rotate(95deg);
		-ms-transform: translateX(-5px) rotate(95deg);
		 -webkit-transform: translateX(-5px) rotate(95deg);
		-moz-transform: translateX(-5px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-5px) rotate(180deg);
		-ms-transform: translateX(-5px) rotate(180deg);
		 -webkit-transform: translateX(-5px) rotate(180deg);
		-moz-transform: translateX(-5px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-5px) rotate(225deg);
		-ms-transform: translateX(-5px) rotate(225deg);
		 -webkit-transform: translateX(-5px) rotate(225deg);
		-moz-transform: translateX(-5px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-5px) rotate(270deg);
		-ms-transform: translateX(-5px) rotate(270deg);
		 -webkit-transform: translateX(-5px) rotate(270deg);
		-moz-transform: translateX(-5px) rotate(270deg);
	}
	
}


.letters-new div:nth-child(1){
	left: 6%;
	animation: animatenew 7s linear infinite;
	-webkit-animation: animatenew 7s linear infinite;
	-moz-animation: animatenew 7s linear infinite;
	-ms-animation: animatenew 7s linear infinite;
	-o-animation: animatenew 7s linear infinite;
	animation-delay: -1s;
}

.letters-new div:nth-child(2){
	left: 11%;
	animation: animatenew 10s linear infinite;
	-webkit-animation: animatenew 10s linear infinite;
	-moz-animation: animatenew 10s linear infinite;
	-ms-animation: animatenew 10s linear infinite;
	-o-animation: animatenew 10s linear infinite;
	animation-delay: -3s;
}

.letters-new div:nth-child(3){
	left: 16%;
	animation: animatenew 8s linear infinite;
	-webkit-animation: animatenew 8s linear infinite;
	-moz-animation: animatenew 8s linear infinite;
	-ms-animation: animatenew 8s linear infinite;
	-o-animation: animatenew 8s linear infinite;
	animation-delay: -2s;
}

.letters-new div:nth-child(4){
	left: 26%;
	animation: animatenew 9s linear infinite;
	-webkit-animation: animatenew 9s linear infinite;
	-moz-animation: animatenew 9s linear infinite;
	-ms-animation: animatenew 9s linear infinite;
	-o-animation: animatenew 9s linear infinite;
	animation-delay: -1s;
}

.letters-new div:nth-child(5){
	left: 34%;
	animation: animatenew 10s linear infinite;
	-webkit-animation: animatenew 10s linear infinite;
	-moz-animation: animatenew 10s linear infinite;
	-ms-animation: animatenew 10s linear infinite;
	-o-animation: animatenew 10s linear infinite;
	animation-delay: -1s;
}

.letters-new div:nth-child(6){
	left: 46%;
	animation: animatenew 8s linear infinite;
	-webkit-animation: animatenew 8s linear infinite;
	-moz-animation: animatenew 8s linear infinite;
	-ms-animation: animatenew 8s linear infinite;
	-o-animation: animatenew 8s linear infinite;
	animation-delay: -2s;
}

.letters-new div:nth-child(7){
	left: 56%;
	animation: animatenew 8s linear infinite;
	-webkit-animation: animatenew 8s linear infinite;
	-moz-animation: animatenew 8s linear infinite;
	-ms-animation: animatenew 8s linear infinite;
	-o-animation: animatenew 8s linear infinite;
	animation-delay: -3s;
}

.letters-new div:nth-child(8){
	left: 67%;
	animation: animatenew 9s linear infinite;
	-webkit-animation: animatenew 9s linear infinite;
	-moz-animation: animatenew 9s linear infinite;
	-ms-animation: animatenew 9s linear infinite;
	-o-animation: animatenew 9s linear infinite;
	animation-delay: -1s;
}

.letters-new div:nth-child(9){
	left: 77%;
	animation: animatenew 10s linear infinite;
	-webkit-animation: animatenew 10s linear infinite;
	-moz-animation: animatenew 10s linear infinite;
	-ms-animation: animatenew 10s linear infinite;
	-o-animation: animatenew 10s linear infinite;
	animation-delay: -1s;
}

.letters-new div:nth-child(10){
	left: 81%;
	animation: animatenew 5s linear infinite;
	-webkit-animation: animatenew 5s linear infinite;
	-moz-animation: animatenew 5s linear infinite;
	-ms-animation: animatenew 5s linear infinite;
	-o-animation: animatenew 5s linear infinite;
	animation-delay: -2s;
}

.letters-new div:nth-child(11){
	left: 87%;
	animation: animatenew 8s linear infinite;
	-webkit-animation: animatenew 8s linear infinite;
	-moz-animation: animatenew 8s linear infinite;
	-ms-animation: animatenew 8s linear infinite;
	-o-animation: animatenew 8s linear infinite;
	animation-delay: -1s;
}

.letters-new div:nth-child(12){
	left: 91%;
	animation: animatenew 9s linear infinite;
	-webkit-animation: animatenew 9s linear infinite;
	-moz-animation: animatenew 9s linear infinite;
	-ms-animation: animatenew 9s linear infinite;
	-o-animation: animatenew 9s linear infinite;
	animation-delay: -3s;
}

.letters-new div:nth-child(13){
	left: 96%;
	animation: animatenew 10s linear infinite;
	-webkit-animation: animatenew 10s linear infinite;
	-moz-animation: animatenew 10s linear infinite;
	-ms-animation: animatenew 10s linear infinite;
	-o-animation: animatenew 10s linear infinite;
	animation-delay: -2s;
}

.letters-new div:nth-child(14){
	left: 57%;
	animation: animatenew 8s linear infinite;
	-webkit-animation: animatenew 8s linear infinite;
	-moz-animation: animatenew 8s linear infinite;
	-ms-animation: animatenew 8s linear infinite;
	-o-animation: animatenew 8s linear infinite;
	animation-delay: -1s;
}

.letters-new div:nth-child(15){
	left: 29%;
	animation: animatenew 8s linear infinite;
	-webkit-animation: animatenew 8s linear infinite;
	-moz-animation: animatenew 8s linear infinite;
	-ms-animation: animatenew 8s linear infinite;
	-o-animation: animatenew 8s linear infinite;
	animation-delay: -2s;
}

@keyframes animatenew {
	
	0%{
		opacity: 0;
		top:0%;
		transform: translateX(25px) rotate(0deg);
		-ms-transform: translateX(25px) rotate(0deg);
		 -webkit-transform: translateX(25px) rotate(0deg);
		-moz-transform: translateX(25px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-25px) rotate(50deg);
		-ms-transform: translateX(-25px) rotate(50deg);
		 -webkit-transform: translateX(-25px) rotate(50deg);
		-moz-transform: translateX(-25px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-25px) rotate(95deg);
		-ms-transform: translateX(-25px) rotate(95deg);
		 -webkit-transform: translateX(-25px) rotate(95deg);
		-moz-transform: translateX(-25px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-25px) rotate(180deg);
		-ms-transform: translateX(-25px) rotate(180deg);
		 -webkit-transform: translateX(-25px) rotate(180deg);
		-moz-transform: translateX(-25px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-25px) rotate(225deg);
		-ms-transform: translateX(-25px) rotate(225deg);
		 -webkit-transform: translateX(-25px) rotate(225deg);
		-moz-transform: translateX(-25px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-25px) rotate(270deg);
		-ms-transform: translateX(-25px) rotate(270deg);
		 -webkit-transform: translateX(-25px) rotate(270deg);
		-moz-transform: translateX(-25px) rotate(270deg);
	}
	
}


@-webkit-keyframes animatenew {
	
	0%{
		opacity: 0;
		top:0%;
		transform: translateX(25px) rotate(0deg);
		-ms-transform: translateX(25px) rotate(0deg);
		 -webkit-transform: translateX(25px) rotate(0deg);
		-moz-transform: translateX(25px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-25px) rotate(50deg);
		-ms-transform: translateX(-25px) rotate(50deg);
		 -webkit-transform: translateX(-25px) rotate(50deg);
		-moz-transform: translateX(-25px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-25px) rotate(95deg);
		-ms-transform: translateX(-25px) rotate(95deg);
		 -webkit-transform: translateX(-25px) rotate(95deg);
		-moz-transform: translateX(-25px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-25px) rotate(180deg);
		-ms-transform: translateX(-25px) rotate(180deg);
		 -webkit-transform: translateX(-25px) rotate(180deg);
		-moz-transform: translateX(-25px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-25px) rotate(225deg);
		-ms-transform: translateX(-25px) rotate(225deg);
		 -webkit-transform: translateX(-25px) rotate(225deg);
		-moz-transform: translateX(-25px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-25px) rotate(270deg);
		-ms-transform: translateX(-25px) rotate(270deg);
		 -webkit-transform: translateX(-25px) rotate(270deg);
		-moz-transform: translateX(-25px) rotate(270deg);
	}
	
}

@-moz-keyframes animatenew {
	
	0%{
		opacity: 0;
		top:0%;
		transform: translateX(25px) rotate(0deg);
		-ms-transform: translateX(25px) rotate(0deg);
		 -webkit-transform: translateX(25px) rotate(0deg);
		-moz-transform: translateX(25px) rotate(0deg);
	}
	
	10%{
		opacity: 1;
	}
	
	20%{
		transform: translateX(-25px) rotate(50deg);
		-ms-transform: translateX(-25px) rotate(50deg);
		 -webkit-transform: translateX(-25px) rotate(50deg);
		-moz-transform: translateX(-25px) rotate(50deg);
	}
	
	40%{
		transform: translateX(-25px) rotate(95deg);
		-ms-transform: translateX(-25px) rotate(95deg);
		 -webkit-transform: translateX(-25px) rotate(95deg);
		-moz-transform: translateX(-25px) rotate(95deg);
	}
	
	60%{
		transform: translateX(-25px) rotate(180deg);
		-ms-transform: translateX(-25px) rotate(180deg);
		 -webkit-transform: translateX(-25px) rotate(180deg);
		-moz-transform: translateX(-25px) rotate(180deg);
	}
	
	80%{
		transform: translateX(-25px) rotate(225deg);
		-ms-transform: translateX(-25px) rotate(225deg);
		 -webkit-transform: translateX(-25px) rotate(225deg);
		-moz-transform: translateX(-25px) rotate(225deg);
	}
	
	100%{
		top:110%;
		transform: translateX(-25px) rotate(270deg);
		-ms-transform: translateX(-25px) rotate(270deg);
		 -webkit-transform: translateX(-25px) rotate(270deg);
		-moz-transform: translateX(-25px) rotate(270deg);
	}
	
}
/* home letters */

.white-bg{
	background-color: white;
	padding-top:25px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-radius: 10px;
}

.top-distance{
	padding-top: 15%;
	padding-bottom: 27%;
}

.page-heading{
	font-size: 48px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
}

/*Menu*/
.menu-head {
    position: relative;
    top: 0;
    z-index: 999;
	background-color: #000;
}

.navbar {
    padding: 0;
}

.navbar-dark .navbar-toggler {
    color: rgba(0, 0, 0, 1);
    border-color: rgba(0, 0, 0, 1);
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-brand{
	padding-left: 0px;
	padding-top:0px;
}

.navbar-brand img{
	max-width: 200px;
}

.an-afaqs-event{
	margin-top:-10px
}

.social-menu {
    margin-top: 0px;
	padding-top: 5px;
	text-align:right;
}

.socail-head{
	margin-bottom: 0;
}

.social-head li {
    display: inline-block;
    color: white;
	font-size: 14px;
}

.social-head li>a {
    text-decoration: none;
    font-weight: 400;
    color: white;
}

#navbarSupportedContent {
    position: relative;
    width: 100%;
    background-color: transparent;
	margin-bottom: 0px;
	padding-top: 0px;
}

.nav-item {
    text-transform: uppercase;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
	padding-bottom:0;
	font-size: 14px;
}

.navbar-dark .nav-item > .nav-link.active, .nav-link:active {
    color:#fff;
}

.nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #da2d33;
    transition: width .3s;
}

.nav-link:hover::after{
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: #da2d33 medium solid;
	padding-bottom: 0;
	width: 100%;
	
}

.active> .nav-link{
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: #da2d33 medium solid;
	padding-bottom: 0;
	width: 100%;
	
}
.active> .nav-link:hover{
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: none;
	padding-bottom: 0;
	width: 100%;
	
}

.nav-link:hover{
	color:#da2d33!important;
	
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.fa{
	color: white;
}

.fa:hover{
	color: rgba(255, 255, 255, 0.75);
}
/*Menu*/


/* Home */

.big-logo-home{
	max-width:345px;
	height:auto;
}
.delegate_btn {
    background-color: #ed1853;
    color: white;
    padding: 7px;
    border-radius: 7px;
    text-decoration: none;
}

.infographic{
	padding-top: 20px;
	padding-bottom:20px;
}


.final-date{
	font-size: 14px;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.final-date span{
	background-color: transparent;
    padding: 5px;
    color: white;
}
/* Home */

/* speaker */

.speaker-big-box{
	position: relative;
	overflow: hidden;
}

.speaker-big-box .speaker-img{
	transform: scale(1);
	transition: all 0.5s;
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.speaker-big-box .speaker-img:hover{
	transform: scale(1.15);
	transition: all 0.5s;
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.speaker-big-box .speaker-details{
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.speaker-big-box .speaker-details .spkr-name{
	font-size: 14px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
}

.speaker-big-box .speaker-details .spkr-designation{
	font-size: 13px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
}

.speaker-big-box .speaker-details .spkr-company{
	font-size: 13px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
}

.speaker-big-box .speaker-details .spkr-social{
	position: absolute;
	right:0;
	bottom: 40%;
	font-size: 16px;
}


.speaker-small-box{
	position: relative;
	overflow: hidden;
}

.speaker-small-box .speaker-img{
	transform: scale(1);
	transition: all 0.5s;
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.speaker-small-box .speaker-img:hover{
	transform: scale(1.10);
	transition: all 0.5s;
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.speaker-small-box .speaker-details{
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.speaker-small-box .speaker-details .spkr-name{
	font-size: 14px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
	line-height: 1.0;
}

.speaker-small-box .speaker-details .spkr-designation{
	font-size: 13px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
	line-height: 1.0;
}

.speaker-small-box .speaker-details .spkr-company{
	font-size: 13px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
	line-height: 1.0;
}

.speaker-small-box .speaker-details .spkr-social{
	position: absolute;
	right:0;
	bottom: 40%;
	font-size: 16px;
}

/* speaker */

/* registration */

.dark-bg {
    background-color: rgba(0,0,0,0.75);
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
}

.play-circle-top{
	width: 80px;
	height: 80px;
	background-color: white;
	border-radius: 50%;
	display: block;
	margin:0 auto;
	text-align: center;
	position: relative;
	margin-top:-40px;
}

.play-circle-top img{
	position: absolute;
	width: 75%;
	height: auto;
	top:5px;
	left: 10px;
}

.popup-box{
	margin: 0 auto;
	background-color: white;
	width: 100%;
	max-width: 946px;
	display: block;
	border-radius: 10px;
}

.scrollbar-light{
	overflow-y: scroll;
	height: 100%;
	max-height: 690px;
}

.scrollbar-light::-webkit-scrollbar {
    background-color:#dddddd;
    width:6px;
	margin-left: 5px;
}

/* background of the scrollbar except button or resizer */
.scrollbar-light::-webkit-scrollbar-track {
     background-color:#dddddd;
	
}
.scrollbar-light::-webkit-scrollbar-track:hover {
     background-color:#dddddd;

}

/* scrollbar itself */
.scrollbar-light::-webkit-scrollbar-thumb {
    background-color:#c1c1c1;
    border-radius:0;
    border:none;
	
	
}
.scrollbar-light::-webkit-scrollbar-thumb:hover {
    background-color:#c1c1c1;
    border-radius:0;
    border:none;
	
	
}

/* set button(top and bottom of the scrollbar) */
.scrollbar-light::-webkit-scrollbar-button {
	display:none
}


.section-head{
	position: relative;
	border-bottom: #e2e5e7 thin solid;
}

.right-seperator{
	border-right: #e2e5e7 thin solid;
}

.popup-heading{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 150%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 25px;
	margin-bottom: 0;
}

.small-heading{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 95%;
	margin-bottom: 0;
	margin-top:25px;
	text-transform: uppercase;
}

.popup-close{
	position: absolute;
	right: 10px;
	top: 5px;
}

.breadcrumb{
	background-color: transparent;
	text-align: center;
    list-style-position: inside;
	max-width: 256px;
	margin: 0 auto;
	padding: 0.25em 0 0.5em 0;
	width: 100%;	
}

.breadcrumb-item{
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
}

.breadcrumb-item a{
	color: darkgrey;
	text-decoration: none;
}

.breadcrumb-item a:hover{
	color: #6E6E6E;
	text-decoration: none;
}

.breadcrumb-item a.active{
	color: #6E6E6E;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6E6E6E;
    content: ">";
}

.col-form-label{
	padding-left: 10px!important;
    font-size: 13px!important;
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.form-group p {
    padding-left: 10px!important;
    font-size: 13px!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 0.5)!important;
  font-size:13px;
   font-style: italic; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.5)!important;
  font-size:13px;
   font-style: italic; 
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.5)!important;
  font-size:13px;
   font-style: italic; 
}

.form-control{
	font-size: 13px;
}

.form-check{
	padding-left: 10px; 
}

.custom-file-label{
	color: rgba(0, 0, 0, 0.5)!important;
  font-size:13px;
   font-style: italic; 
}

.custom-control-label {
    padding-left: 10px!important;
    font-size: 13px!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-top: 3px;
}

.custom-control{
	padding-top:3px;
	padding-bottom: 3px;
}

.btn-block{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 35px;
	margin-top: 10px;
}

.help-line{
	font-size: 12px;
}

.form-descriptors{
	line-height: 1.1;
	padding-top:5px;
}

.entry-box{
	border-radius: 5px;
	border: #e2e5e7 thin solid;
	background-color: #fafafa;
}

.th-color{
	background-color: black;
	color: white;
	font-weight: 600!important;
}

.qty .count, .qty .count2 {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 2px;
	min-width: 20px;
    text-align: center;
	width: 20px
}
.qty .plus, .qty .plus2 {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    color: white;
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
	background-color: #cccccc;
    }
.qty .minus, .qty .minus2 {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    color: white;
    width: 20px;
    height: 20px;
     font-size: 14px;
    text-align: center;
	background-color: #cccccc;
}
.qty {
    text-align: center;
}
.minus:hover, .minus2:hover{
    background-color: #000 !important;
}
.plus:hover, .plus2:hover{
    background-color: #000 !important;
}
/*Prevent text selection*/
span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
input{  
    border: 0;
}
nput::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:disabled{
    background-color:white;
}

/* registration */


/* Contact */

.contact-sec p{
	font-size: 16px;
}

.expo-type {
    color: #841a25;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Contact */
/* Medai Queries */
@media (min-width: 576px) { 

	.an-afaqs-event{
	margin-top:-10px;
}
	
 } 
 
@media (min-width: 768px) { 
	
	.top-distance{
	padding-top: 15%;
	padding-bottom: 15%;
}
	
	.menu-head {
    position: fixed;
    top: 0;
    z-index: 999;
	background-color: #000;		
   }

   .bottom-line{
	padding-top:5px;
	margin:0; 
	font-size: 16px;
}

.navbar{
		
	}
	
#navbarSupportedContent {
    position: relative;
    width: 100%;
    background-color: transparent;
	margin-bottom: 0px;
	padding-top: 0px;
}	
	
.navbar-brand{
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
}

.navbar-brand img{
	max-width: 100%;
}

.an-afaqs-event{
	margin-top:-10px;
}	
	
}

@media (min-width: 992px) { 
	

.speaker-big-box .speaker-details{
	position: absolute;
	bottom: 0;
	background-color: rgba(237,24,83,0.5);
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}	
	
.speaker-big-box .speaker-details .spkr-name{
	font-size: 24px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
	line-height: 1.15;
}

.speaker-big-box .speaker-details .spkr-designation{
	font-size: 16px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
	line-height: 1.15;
}

.speaker-big-box .speaker-details .spkr-company{
	font-size: 16px;
	color: white;
	text-shadow: 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 0;
	line-height: 1.15;
}

.speaker-big-box .speaker-details .spkr-social{
	position: absolute;
	right:0;
	bottom: 40%;
	font-size: 24px;
}
	
	
}

@media (min-width: 1200px) { 
	.big-logo-home{
	max-width:300px;
	height:auto;
}
	
}

@media (min-width: 1400px) { 
	.top-distance{
	padding-top: 17%;
	padding-bottom: 15%;
	
}
	.big-logo-home{
	max-width:365px;
	height:auto;
}
}

/* Medai Queries */