/* font */
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto_Slab';
  src: url('fonts/Roboto_Slab/RobotoSlab-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'comfortaa';
  src: url('fonts/comfortaa/Comfortaa-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'NotoSans';
  src: url('fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype'); 
}

/* general */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
	margin:0;
	padding:0;
	height:100%;
	background-color: #fff;
	font-family: 'NotoSans', sans-serif!important;
}
:root {
  --blacklight: #171310;
  --greyefefef: #efefef;
  --greyebebeb: #ebebeb;
  --greyd1d1d1: #d1d1d1;
  --grey999: #999999;
  --gold: #bfa15a;
  --white: #ffffff;
  --sea: #01add2;
  --sealight: #c7ebdf;
}
#wrappers {
	min-height:100%;
	position:relative;
	min-height:100vh;
}
#content {
	margin: auto;
	padding-top: 0px;
	width:100%;
	}
#goTop{
	padding:0px;
	position:fixed;
	top:70%;
	right:-100px;
	background-image: url(pics/to_top.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 75px;
	width: 75px;
	z-index: 1049;
	cursor:pointer;
}
#response,
#response2  {
	font-family: 'Work Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333;
	text-align: center;
	line-height:150%;
	margin-bottom:5%;
	width: 100%;
}
#response a,
#response2 a{
	color:#333;
	font-size: 1.25em;
	font-family: 'Work Sans', sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#response a:hover,
#response2 a:hover{
	color: #333;
	text-decoration: underline;
}
.rowcount {
	font-family: 'Work Sans', sans-serif;
	color:#999;
	font-size:.75em;
	text-align:center;
}
.searchresults {
	width:95%;
	margin:15px auto;
}
.search_row {
	display:inline-block;
	width:90%;
	padding:.5%;
}
.search_row:nth-child(even) {
	background-color:#f9f9f9;
}
.search_row a{
	font-family: 'Work Sans', sans-serif;
	color:#071962;
	font-size:1.25em;
	text-decoration:none;
}
.search_row a:hover{
	color:#071962;
}
.search_row .search_desc{
	font-family: 'Work Sans', sans-serif;
	font-size:.75em;
	color:#333;
	margin:5px 0;
}
.search_row .search_desc a{
	font-family: 'Work Sans', sans-serif;
	color:#071962;
	font-size:.9em;
	text-decoration:none;
}
.search_row .search_desc a:hover{
	text-decoration:underline;
}
/* general */
.bouncein {
  animation: bounce-in 1s ease;
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}
.fadeout {
  animation: fade-out 1s ease;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: .15;
  }
  100% {
    opacity: 100;
  }
}
#promovideoA,
#promovideoB {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; 
}
.videohide {
	display:none;
}
@keyframes slide-grow {
	0% {transform: scale(1);}
  100% { transform: scale(1.1); }
}

/*tabs*/
.tabs, .tabsb {
	display:block;
	margin:20px auto 0 auto;
   }
#content .tabs section, #content .tabsb section {
	 display: none;
	 padding: 10px 0 0 0;
	 border-top: 1px solid #abc;
   }
.tabs input, .tabsb input {
	 display: none!important;
   }
.tabs label, .tabsb label {
	display: inline-flex;
    justify-content: center;
    align-items: center;
	 margin: 0 0 -1px;
	 padding: 15px 12px;
	    font-family: 'comfortaa', sans-serif;
	   font-weight: normal;
	 text-align: center;
	 color: #333;
	 font-size:.9em;
	 border: 1px solid transparent;
   }
   .tabs label img, .tabsb label img {
	display:inline-block;
	width:18px;
	margin-right:5px;
  }
  .tabs label i, .tabsb label i {
	margin-right:8px;
  }
.tabs label:hover, .tabsb label:hover {
	 color: #789;
	 cursor: pointer;
   }
   
.tabs input:checked + label, .tabsb input:checked + label {
	 color: #000;
	 border: 1px solid #abc;
	 border-top: 2px solid var(--gold);
	 border-bottom: 1px solid #fff;
   }
.tabs #tab_1:checked ~ #content_1,
.tabs #tab_2:checked ~ #content_2,
.tabs #tab_3:checked ~ #content_3,
.tabs #tab_4:checked ~ #content_4,
.tabsb #tab_1b:checked ~ #content_1b,
.tabsb #tab_2b:checked ~ #content_2b,
.tabsb #tab_3b:checked ~ #content_3b,
.tabsb #tab_4b:checked ~ #content_4b  {
	 display: block;
   }
  
   
   @media screen and (max-width: 600px) {
   .tabs label, .tabsb label {
	   padding: 15px;
	 }
   }

   @media screen and (max-width: 500px) {
   
	.tabs, .tabsb {
		display:block;
		margin:20px auto 0 auto;
	   }
	   .tabs label, .tabsb label {
		padding: 15px 8px;
	}
	.tabs label:before, .tabsb label:before {
	   font-size: 18px;
	 }
   }