@font-face {
  font-family: 'Gotham';
  src: url("../../fonts/Gotham.otf");
  }

@font-face {
  font-family: 'Gotham_L';
  src: url("../../fonts/GothamLight.ttf");
  }

@font-face {
  font-family: 'Gotham_B';
  src: url("../../fonts/Gotham-Bold.otf");
  }

@font-face {
  font-family: 'Gotham_Book';
  src: url("../../fonts/Gotham-Book.ttf");
  }


/*---------------------------------------
    General               
-----------------------------------------*/
a{
  text-decoration: none;
}

.section-title {
  margin-bottom: 32px;
}

#overview,
#register {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

#detail, #video,
#speakers, 
#program,
#sponsors, 
#contact, footer {
    padding-top: 0rem;
    padding-bottom: 10rem;
}



#overview h3,
#detail h3, #video h3,
#register h3,
#venue h3,
#contact h3 {
    padding-bottom: 12px;
}





.parallax-section {
  background-attachment: fixed !important;
  background-size: cover !important;
}



/*---------------------------------------
    Preloader section              
-----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}

.sk-rotating-plane {
  width: 50px;
  height: 50px;
  background-color: #222;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

#venue {
	background: url('../images/venue-bg.webp') 50% 0 repeat-y fixed;
   /* background: url('../images/venue-bg.jpg') 50% 0 repeat-y fixed;*/
    background-size: cover;
    background-position: center center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: flex;
    align-items: center;
    min-height: 80vh;
}

#venue .img2{
	display:none;
}

#venue .img-fluid{
	
	display:none !important;
}

#venue row feature-item mt-4 pt-4{
	
	display:none !important;
}

#venue row feature{
	
	display:none !important;
}

#venue p {
  padding-top: 12px;
  padding-bottom: 18px;
  font-family: Gotham;
  font-size:30px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #1B1B1B;
}

#venue h4 {
  font-family: Gotham_Book;
  font-weight: Bold;
  font-size: 55px;
  letter-spacing: 1px;
  color: #231f20;
}

@media (min-width: 320px) and (max-width: 991px){
	
	#venue	{
	padding: 0px 30px 60px 30px;
	
	}
	
#venue .img-fluid{
	
	display: block !important;
	visibility:visible;
}
	
  #venue h4 {
  font-family: Gotham_Book;
  font-weight: Bold;
  font-size: 35px;
  letter-spacing: 1px;
  color: #231f20;
  }
  
  #venue p {
  padding-top: 12px;
  padding-bottom: 18px;
  font-family: Gotham;
  font-size:20px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #1B1B1B;
}
  
  #venue {
    background: url('../_images/venue-bg.jpg') 30% 0 repeat-y fixed;
	  background-color:#bcc3c9 !important; 
    background-size: cover;
    background-position: center center;
    padding-top: 0rem;
    padding-bottom: 0rem;
   
}
}

/*---------------------------------------
   Sponsors section              
-----------------------------------------*/



/*---------------------------------------
   Junaid Shaikh  Contact section              
-----------------------------------------*/
#contact {
    background: url('https://roshanspace.com/assets/img/Junaid%20Image.jpg') 50% 0 repeat-y fixed;
    background-size: cover;
    background-position: center center;
	
	}
	
#contact .img-fluid{
	
	display:none !important;
}

/*#contact .img2{
	display:none;
}

#contact .img-fluid{
	
	display:none;!important;
}

#contact row feature-item mt-4 pt-4{
	
	display:none;!important;
}

#contact row feature{
	
	display:none;!important;
}*/
	
#contact h4 {
  font-family: Gotham_L;
  font-weight: Bold;
  font-size: 55px;
  letter-spacing: 1px;
 /* margin: 70px 0 1px 60px;*/
   margin: 70px 0 1px 0px;
  color: #000000;

}	
	
#contact h3 {
  font-family: Gotham_L;
  font-weight: Bold;
  font-size: 35px;
   margin: 0 0 0 0px;;
  letter-spacing: 1px;
  color: #000000;
}	
	
#contact p {
    font-family: Gotham_L;
	font-size:16px;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 15px 0 0 0px;
	color: #000000;
}



/*#contact .contact_detail {
  background: #ffffff;
  padding: 5rem 5rem 12rem 5rem;
}*/


/*@media (max-width: 991px) {*/
	
@media (min-width: 320px) and (max-width: 991px){	


#contact	{
	padding: 0px 0px 0px 0px;
	
}

#contact .img-fluid{
	
	display: block;
	visibility:visible;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}

	
  #contact h4 {
  font-family: Gotham_L;
  font-weight: Bold;
  font-size: 35px;
  letter-spacing: 1px;
  margin: 20px 0 10px 20px;
  color: #ffffff;

}	

#contact h3 {
  font-family: Gotham_L;
  font-weight: Bold;
  font-size: 25px;
   margin: 0 0 0 20px;;
  letter-spacing: 1px;
  color: #ffffff;
}	
  
  #contact p {
    font-family: Gotham_L;
	font-size:16px;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 20px 0 0 20px;
	color: #ffffff;
}
  
  #contact {
    background-color:#044e6b!important; }
	
	  
  #contact {
    background: url(../_images/contact-bg.jpg) 20% 0 repeat-y fixed;
	background-color:#044e6b!important;
    background-size: cover;
    background-position: center center;
    padding-top: 0rem;
    padding-bottom: 0rem;
}
}

/*---------------------------------------
   Mob section Junaid samll image             
------------------------ -----------------*/

#junaid {
	
	display:none!important;
}

@media (min-width: 320px) and (max-width: 991px){

#junaid {
	
	display: block !important;
	background-color: #044e6b;
	padding-top: 40px;
}

}
/*---------------------------------------
   Social icon             
-----------------------------------------*/




/*---------------------------------------
   Responsive styles            
-----------------------------------------*/
@media (max-width: 980px) {

  p {font-size: 13px;}

  .custom-navbar .navbar-brand {
    font-size: 2rem;
  }

  .custom-navbar .nav li a {
    font-size: 11px;
	line-height: 20px;
  }

  #intro { height: 65vh; }

  #video iframe {
    margin-top: 42px;
  }

  #contact .contact_detail {
  background: #ffffff;
  padding: 10rem 3rem 10rem 5rem;
}

}

@media (max-width: 768px) {

  .custom-navbar .navbar-brand {
    line-height: 20px;
  }

  #overview img,
  #detail .col-md-4,
  #register form {
    padding-top: 32px;
  }

  .nav-tabs > li > a {
    font-size: 13px;
  }

  #program img {
    padding-bottom: 32px;
  }

  #sponsors img {
    padding-top: 22px;
  }

  #contact .contact_detail {
    margin-top: 82px;
  }

}
@media (max-width: 750px) {

  #intro {
    height: 100vh;
  }
}
/*style for button close*/
.close-button
{
    position: fixed;
    right: 24%;
    top: 15%;
    background-color: black;
    border: 1px solid black;
}
.close-button img
{
    height:17px;
}
@media (max-width: 750px) {
    .close-button
  {
     position: fixed;
    right: 0%;
    top: 29%;
    background-color: black;
    border: 1px solid black;
  }
}