body {
  font-size: min(1.2vw, 2.133vh);
  background-image: url('../bg.jpg');
  background-size: cover;
  font-family: 'Avant Garde';
}

@font-face {
  font-family: 'Avant Garde Bold';
  src: url('../font/ITCAvantGardeStd-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avant Garde';
  src: url('../font/ITCAvantGardeStd-Bk.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avant Garde Light';
  src: url('../font/ITCAvantGardeStd-XLt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avant Garde Con';
  src: url('../font/ITCAvantGardeStd-BkCn.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/**/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: min(1.524vw,2.7097vh); /*1.1612903225806452vh*/; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(255,255,255,0.9); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;  
  padding: 0px;
  border: none;
  /*width: min(60vw,106.667vh);*/
  width: min(65vw, 115.556vh);
  /*aspect-ratio: 19 / 15;*/
  font-family: 'Avant Garde';
  overflow: hidden;
  /*height: min(47.33vw,84.137vh);*/
  height: min(51.316vw, 91.228vh);
  box-shadow: 0px 0px 5px 5px rgba(128,128,128,.2);
}

.question-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;  
  padding: 0px;
  border: none;
  width: min(68.75vw,122.22vh);
  /*aspect-ratio: 19 / 15;*/
  font-family: 'Avant Garde';
  overflow: hidden;
  height: min(53.42vw,94.968vh);
  box-shadow: 0px 0px 5px 5px rgba(128,128,128,.2);
}

/* The Close Button */
.close {
  color: #000;
  left: calc(50% + min(31.5vw, 56.0vh));
  font-size: min(2.1vw,3.73vh);
  font-weight: bold;
  /*border: 1px #000000 solid;*/
  /*border-radius: min(0.94vw,1.677vh);*/
  border-radius: 50%;
  box-shadow: 1px 1px 1px rgba(0,0,0,.2);
  background-color: #FFFFFF;
  height: min(2.076vw,3.690vh);
  width: min(2.076vw,3.690vh);
  max-width: min(2.076vw,3.690vh);
  font-family: 'FontAwesome';
  line-height: 0.95;
  text-align: center;
}

.close:hover,
.close:focus {
  color: #aaaaaa;  
  text-decoration: none;
  cursor: pointer;
}

.circle {
    background-color: #fff;
    border: 1px solid #C59F58;    
    height: min(3.193vw,5.677vh);
    width: min(3.193vw,5.677vh);
    /*min-width: min(3.193vw,5.677vh);
    max-width: min(3.193vw,5.677vh);*/
    border-radius: 50%;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #C59F58;
	font-size: min(1.54vw, 2.737vh);
}

.circle:hover {
  cursor:pointer;
  color: #FFFFFF;
  background-color: #C59F58;
}

.selectedcircle {
    background-color:#C59F58;
    border:1px solid #C59F58;    
    height: min(3.193vw,5.677vh);
    width: min(3.193vw,5.677vh);
    /*min-width: min(3.193vw,5.677vh);
    max-width: min(3.193vw,5.677vh);*/
    border-radius: 50%;
    vertical-align:middle;
    display: table-cell;
    text-align: center;
    color: #FFFFFF;
	font-size: min(1.54vw, 2.737vh);
}

.selectedcircle:hover  {
  cursor: pointer;
}

.navcircle {
    background-color:#FFFFFF;
    color: #000000;
    border:1px solid #000000;    
    height: min(2.613vw,4.645vh);
    width: min(2.613vw,4.645vh);
    min-width: min(2.613vw,4.645vh);
    max-width: min(2.613vw,4.645vh);
    border-radius: 50%;
    vertical-align:middle;
    display:table-cell;
    font-family: FontAwesome;
    text-align: center;
}

.navcircle:hover {
  cursor:pointer;
    background-color:#000000;
    color: #FFFFFF;  
}



.buttongroup {
  border-style: solid;
  border-radius: min(2.54vw, 4.516vh);
  border-color: #33333333; 
  border-width: 1px; 
  margin-left: min(1.5625vw, 2.778vh); 
  margin-right: min(1.5625vw, 2.778vh); 
  padding-bottom: min(0.363vw, 0.6452vh); 
  padding-top: min(0.726vw, 1.2903vh); 
  text-align: center;  
  /*min-height: min(4.355vw, 7.7419vh);
  max-height: min(4.355vw, 7.7419vh);*/
  height: min(4.355vw,7.7419vh);
    
}

.text1 {
  height: min(4.355vw,7.742vh); 
  border: 1px #0000004D solid;
  border-radius: 5px;
  font-family: 'Avant Garde';
  font-size: min(1vw, 1.778vh);
  font-color: #000000;
  /*padding: 5px;*/
  align: center;
  /*min-width: min(55vw, 97.78vh);*/
  width: 99%;
  /*margin-left: min(1.5625vw, 2.778vh);*/
  margin-right: min(1.7vw, 3.022vh);
}

.text1::placeholder {
    font-family: 'Avant Garde';
    opacity: .5;
    color: #555555;
    font-style: italic;
}

.text1::active {
  /*border: 1px #C59F58 solid;*/
  border: none;
 }
 
input::-webkit-input-placeholder { /* WebKit browsers */
  line-height: 1.5em;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  line-height: 1.5em;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  line-height: 1.5em;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  line-height: 1.5em;
}

 .regbutton {
   display: inline-block;
   color: #C59F58;
   background-color: #FFFFFF;
   font-size: min(1vw, 1.778vh);   
   padding-bottom: min(0.6vw, 1.067vh);
   padding-top: min(0.871vw, 1.548vh);
   padding-left: min(0.871vw, 1.548vh);
   padding-right: min(0.871vw, 1.548vh);
   height:  min(1.6vw, 2.84vh);
   border: 1px #C59F58 solid;
   border-radius: min(1.6vw, 2.84vh);
   margin-right: min(0.4vw, 0.711vh);
   margin-bottom: min(0.4vw, 0.711vh);
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
   margin-top: min(0.4vw, 0.711vh);
   font-family: 'Avant Garde';
 }
 
 .regbutton:hover {
    color: #FFFFFF; 
    background-color: #C59F58;    
 }
 
 .regbuttonsel {
   display: inline-block;
   color: #FFFFFF;
   background-color: #C59F58;
   font-size:  min(1vw, 1.778vh);
   padding-bottom: min(0.6vw, 1.067vh);
   padding-top: min(0.871vw, 1.548vh);
   padding-left: min(0.871vw, 1.548vh);
   padding-right: min(0.871vw, 1.548vh);
   height:  min(1.6vw, 2.84vh);
   border: 1px #C59F58 solid;
   border-radius: min(1.6vw, 2.84vh);
   margin-right: min(0.4vw, 0.711vh);
   margin-bottom: min(0.4vw, 0.711vh);
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
   margin-top: min(0.4vw, 0.711vh);
   font-family: 'Avant Garde';
 }
 
 .loginbutton {
   display: inline-block;
   color: #FFFFFF;
   background-color: #333333;
   font-size: min(1.2vw, 2.133vh);   
   padding-top: min(0.8vw, 1.422vh);
   padding-left: min(0.871vw, 1.548vh);
   padding-right: min(0.871vw, 1.548vh);
   padding-bottom: min(0.15vw, 0.267vh);
   height:  min(2.2vw, 3.911vh);
   border: 1px #333333 solid;
   border-radius: min(1.688vw, 3vh);
   /*margin-right: 5px;*/
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
   /*margin-top: 5px;*/
   font-family: 'Avant Garde';
 }
 
 
td {
  border-width: 1px;
  border-style: collapse;
  border-color:  #33333333;
  border-radius: 3px;  
} 
 
th {
  text-align: left;
  padding-top:  min(2.903vw, 5.161vh);
  font-family: 'Avant Garde Bold';
}

.regfield {
  width: min(27.5vw, 48.89vh);
  border: 1px solid #bbbbbb;
  accent-color: #F5F5F5;
  border-radius: 5px;
}  

input {
  font-size: 0.8em;
  height: min(1.815vw, 3.226vh);
  font-family: 'Avant Garde';
  padding-left: min(0.5vw, 0.889vh);
  padding-top: min(0.5vw, 0.889vh);
  padding-bottom: min(0.5vw, 0.889vh);
}

.qbutton {
	display: inline-block; 
	width: 12.903225806451612vh; 
	height: 12.903225806451612vh; 
	border: 1px solid #CCCCCC;
	text-align: center;
	font-family: 'Avant Garde Bold';
	font-size: 0.75em;
	margin-right: 5px;
	cursor: pointer;
	vertical-align: middle;
	padding-top: 20px;
}

 .cbutton {
   display: inline-block;
   color: #000000;
   background-color: #FFFFFF;
   font-size: min(1.125vw, 2vh);   
   padding-bottom: min(0.156vw,0.278vh);
   padding-top: min(0.871vw,1.548vh);
   padding-left: min(0.871vw,1.548vh);
   padding-right: min(0.871vw,1.548vh);
   height:  min(1.597vw,2.839vh);
   border: 1px #FFFFFF solid;
   border-radius: min(1.452vw,2.581vh);
   margin-right: 5px;
   margin-bottom: 5px;
   text-align: center;
   vertical-align: middle;
   margin-top: 5px;
   font-family: 'Avant Garde';
 }
 
 .menuitem3 {
	color: #333333;
	background-color: #F5F5F5;
    border-radius: min(1.688vw, 3vh);	
    height: min(1.688vw, 3vh);
	max-width: min(5.2vw, 9.244vh);
    vertical-align: middle;
    /*width: min-content;*/
}
 
 .menuitem3selected {
   display: inline-block;
   height:  min(1.597vw, 2.839vh);
   width:  min(1.597vw, 2.839vh);
   border: 1px #C59F58 solid;
   border-radius: min(1.597vw, 2.839vh);   
   background-color: #C59F58;
   padding: min(0.4vw, 0.711vh);
   vertical-align: middle;
   text-align: center;
   color: #F5F5F5;
}

.menuitem3selected2 {
   display: inline-block;
   height:  min(1.597vw, 2.839vh);
   width:  min(1.597vw, 2.839vh);
   border-radius: min(1.597vw, 2.839vh);   
   background-color: #F5F5F5;
   padding: min(0.4vw, 0.711vh);
   vertical-align: middle;
   text-align: center;
   color: #333333;
}