/* 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:60px;
  top:37px;  
}

.dropbtn {
  background-color: #1f282d;
  color: white;
  padding: 1px;
  font-size: 14px;
  border: none;
  cursor: grab;
  
}

.dropdown {
  
  display: inline-block;
  z-index:10;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1f282d;
  min-width: 130px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  border-radius: 5px ;
z-index:10;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  z-index:10;
}

.dropdown-content a:hover {
  background-color: #354852;
  z-index:10;}

.dropdown:hover .dropdown-content {
  display: block;
  z-index:10;
}

.dropdown:hover .dropbtn {
  background-color: #354852;
  z-index:10;
}

.pages{
  
padding-top: 8px;
font-size: 14px;
position:fixed;
right:100px;
z-index:10;
}	
.pages a{
text-decoration: none;
color:skyblue;
}	
@media (min-width: 320px) and (max-width: 999px){
 
  .pages{
    position: fixed;
    right:80px;
    padding-top:10px; /* 3px in case get_verified is displayed */  }
}

#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;
  
} 



/* 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;

}

#verify_your_profile{
  position:relative;
  top:15vh;

  text-align:center;
  color:skyblue;
  font-size:14.4px;
}
#verify_your_profile a{
  color:skyblue;
  text-decoration: none;
}
#verify_your_profile a:hover{
  color:red;
}

.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{
position:relative;
top:50vh;
letter-spacing: 1px;
font-weight:400;

font-size:12px; 
color:white;
background-color:#1f282d;

}
@media (min-width: 320px) and (max-width: 900px) {
#no_promote{
  margin-top:0px;
  
  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;}

}