/* montserrat-regular - latin [Google Font: Self Hosted]*/
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }

  /* open-sans-regular - latin  Self-Hosted GoogleFont*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
*{
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
  
  }

body{
	  font-family: 'Montserrat', sans-serif;
	  background-color: #1f282d; /* #343434*/
    font-weight: 400;
    
        
	}

nav{	position:absolute;
		top:0; left:0; right:0; 
		
		padding-top: 9px;
		
		display: flex;
		justify-content: space-between;
		min-height: 8vh;
		background-color: #1f282d; /* or use #5d4954*/
	}

.logo a{
		position: fixed;
		padding-left: 35px;
		padding-top: 5px;
		text-decoration: none;
		font-family: 'Montserrat', sans-serif;
		letter-spacing: 3px;
		font-size: 20px;
		font-weight: 200;
		
	}

	.brand_arch{
		color:goldenrod;
		font-size:12px; 
		position:absolute; 
		left:90px; 
		top:37px;  
	}

.pages{
  padding-top: 10px;
  text-align:right;
  font-size: 15px;
  position:fixed;
  right:80px;
  display:none; /*Remove once the page content is complete*/ 
  
}	
.pages a{
  text-decoration: none;
  color:white;
}	


#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  
  transform: rotate(45deg);
  
  }
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
}
.menu__btn {
  position: fixed;
  top: 16px;
  right: 30px;
  width: 26px;
  height: 26px;
  cursor: grab;
  z-index: 1;
  padding-top: 8px;
  
}

.menu__btn > span, 
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #EDE3E3;
  transition-duration: .25s;

}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}
.menu__box {
  display: block;
  position: absolute;
  top: 8vh;
  left: -100%;
  width: 200px;
  height: min-height; /*100% for viewport height*/ 
  margin:10px;
  padding: 20px 0px;
  background-color: #202b31;
  
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
  border-radius: 0px 17px 27px 0px ;
  z-index:3;
  
  }
  
  .menu__box li{
	   list-style: none;
  }
  
    
.menu__item {
  display: block;
  padding: 8px 30px;
  color: #EDE3E3;
  letter-spacing: 3px;
  font-size: 16px;
  line-height: 1;
  font-weight: 100;
  text-decoration: none;
  transition-duration: .25s;
  

}

#menu1{
margin-bottom:80px;
}


.menu__item:hover {
  background-color: #354852;
  color: #FFFFFF;
}

.foo__item {
  display: block;
  padding: 8px 30px;
  color: #EDE3E3;
  letter-spacing: 3px;
  font-size: 16px;
  line-height: 1;
  font-weight: 100;
  text-decoration: none;
  
}
.foo__item:hover {
  background-color: #354852;
  color: #FFFFFF;
}

/****  Nav Menu Ends Here ****/

/****  Footer Menu Begins Here ****/



.footer a, .footer p{
	text-decoration: none;
  color:rgb(151, 149, 250);
	letter-spacing: 3px;
	font-size: 12px;
	font-weight: 200;
	} 	
	
.footer{
	text-align: center;
	position: absolute;
	left: 0;
  z-index:1;
	right: 0;
	bottom:1vh;
	
}	

#FooterLinks{
	font-family: 'Montserrat', sans-serif;
}



 
#compatible{
  font-size:11px;
  color:white;
}

#donate_box{
	position: fixed;
	/*top:90vh;*/
	bottom:2.5vh;
	right:1.5vw;
	z-index:2;
	
}

#donate{
	
	
	
	background-color: #316e7d;   /*   #FDFF8F; */
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	
	border: solid white;
	border-width: 1px;
}

#donate a{
	color:white;
	text-decoration:none;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;

}

/* Typeahead Starts */
.main_container{
  text-align:center;
   background-color: #1f282d;
    margin-top:10vh;
   
    color:#A2FB15;
    padding-left:10px;
    padding-right:10px;
    z-index: -1;

    
    
   
  }
  
  @media (min-width: 320px) and (max-width: 999px)  {
.main_container h3{
  font-size: 0.8em;
}
}
  
  .searchterm {
    margin:5px 8px 5px 8px;
    padding: 8px;
    min-width: 300px;
    text-align:left;
    color: rgb(234, 250, 9);
    background-color: #333333;
    font-size:12px;
    z-index:2;
    width:70%
  } 
 
 
 
  /* override style for list of suggestions */
  .typeahead-standalone.typeahead-sgst .tt-list {
    font-size:8px;
    background: #1f282d;
    color: goldenrod;
    border: 1px solid #6d6b6b;
    border-radius: 4px;
    /* adds scrollbar when necessary */
    max-height: 400px;
   overflow:auto;
   margin:5px 8px 5px 8px;

    
   
  }
  
  .typeahead-standalone.typeahead-sgst .tt-hint{

    margin-top: 5px;
    margin-bottom:5px;
    border-radius: 8px;
    padding: 15px 15px;
    
   /* text-align:left; */
    
    
    font-size:12px;
    
    color:white;
    background-color: #1f282d;
    opacity:0.2;
     display:none; 
  }
  
  /* override style for all templates */
  .typeahead-standalone.typeahead-sgst .tt-list div[class^="tt-"] {
    padding: 1px;
    
  }
  
  /* single suggestion */
  .typeahead-standalone.typeahead-sgst .tt-list .tt-suggestion {
      
    border-bottom: 1px solid #3c3838;

    
  }
  
  /* single selected suggestion and single suggestion on hover */
  .typeahead-standalone.typeahead-sgst .tt-list .tt-suggestion:hover, .typeahead-standalone.typeahead-sgst .tt-list .tt-suggestion.tt-selected {
    color: yellow;
    background-color: black;
    
  }
  
  /* style highlight */
  .typeahead-standalone .tt-list .tt-suggestion .tt-highlight {
    color:#fff; /*#dfb014;*/
     
    
  }
  
  /* style single suggestion template */
  .typeahead-standalone.typeahead-sgst .single-item {
    font-size:8px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left:5px;
    
    
  }
  
  
  
  
  /* style header template and notFound template */
  .typeahead-standalone .tt-header, .typeahead-standalone .tt-notFound, .typeahead-standalone .tt-notFound a {
    text-align: center;
	
    font-size: 12px;
    /*text-transform: uppercase;*/
    color:#ffffff;
    

    

  }
  
  .typeahead-standalone .tt-footer, .typeahead-standalone .tt-footer  a {
    text-align: right;
    font-size:12px;
    /*text-transform: uppercase;*/
    color:white;
    text-decoration: none; 
    
  }
  
  
  
  
      
  
  
  .single-item .company_name {
      
      
      
      font-size: 14px;
      font-weight: bold;
      display: -webkit-inline-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;
      text-align:left;
      
      
  
  }
  .single-item .company_type {
    margin-top: 1px;
    color: #fff;
    font-size:10px;
  }
  
  .single-item .badge {
	padding-top:10px;
  height: 24px;
  width: 24px;
  }
  
  .single-item img {
    height: 32px;
    width: 32px;
    /*border-radius: 5%; */
    margin-right:5px;
    padding-left:2px;
    padding-right:2px;

  }
  
  .output p{
    background-color:#1f282d;
    padding-left:10px;
    padding-right:10px;
    z-index:2;
    line-height: 1;
    letter-spacing: 1px;
    padding-bottom:5px;
}
  .output a{
    z-index:2;
    line-height: 1;
    letter-spacing: 1em;
    
  }
  
  
  #naam{
    color:white;
    

  }
  
  @media (min-width: 320px) and (max-width: 500px)  {
   .output  {
     font-size: 14px;	
         
   }
  
  
  } 

  #input_form{
    text-align:center;

    width:100%;
   
    z-index: -1;

  }



  #link_id{
	margin-top:2px;
	height: 30px;
	width:60%;
	border:2px solid green;
	text-align:center;
	margin-right:10px;
	border-radius:5px;
	
}

#search_btn{
	height: 40px;
	width:100px;
	border:2px solid grey;
	background-color: black;
	color:white;
	border-radius:5px;
	
	
}

#no_promote{
  letter-spacing: 1px;
  font-weight:400;
  padding-top:400px;
  font-size:12px; 
  color:white;
  background-color:#1f282d;
  
}
@media (min-width: 320px) and (max-width: 900px) {
  #no_promote{
    margin-top:0px;
    padding-top:350px;
    font-size:10px; 
  }
  
  #donate_box{
    display:none;
  }
}

.tooltip {
  position: relative;
  height:20px;

  display: inline-block;
  padding-bottom:15px;
  border-bottom: 1px dashed white;
}

.tooltip .tooltiptext {
  visibility: hidden;
  font-size:12px;
  font-style:normal;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 1px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you move the cursor over the element */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity:1;
}

#data{
 
  z-index:5;
  margin-top:12px;
  overflow-wrap: break-word;
}

#disclaimer{
	font-size:12px;
}

.op_logo img{
	display:none;
	height:30px;
	width:30px;
	
}
/* This section is simply added and not for display. This will create a preview image in whenever https://url.authifyweb.com is mentioned.*/
.bgimg{
	display:none;
  text-align:right;
	
}
  @media(min-width: 100px) and (max-width: 999px) {
	
.bgimg{display:none;}

  }