/* used for translate*/
a		{font-family:verdana;color:#2200AD;font-size:1.2vw;}

.olda		{font-family:verdana;color:#2200AD;font-size:24px;}

.toplinks {
font-size:calc(0.8*var(--main-font-size));
}

.table {
text-align: left;
font-family:verdana;
color:#367290;
font-size:var(--main-font-size);
font-weight: normal;
font-style: normal;
font-variant: normal;
border: 0px solid #0000FF;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
width:90%;
}

.text {
text-align: left;
font-family:verdana;
color:#3672BB;
color:#3672BB;
font-size:var(--main-font-size);
text-shadow: 0.5vw 0.5vw 0.5vw #FFFFFF,-0.5vw -0.5vw 0.5vw #FFFFFF,-0.5vw 0.5vw 0.5vw #FFFFFF,0.5vw -0.5vw 0.5vw #FFFFFF;
font-weight: normal;
font-style: normal;
font-variant: normal;
}

.price {
padding-top:0.5vw;
padding-right:5vw;
text-align: right;
font-family:verdana;
color:#C31503;
font-size:var(--main-font-size);
font-weight: bold;
font-style: normal;
font-variant: normal;
}

.pricedim {
padding-top:0.5vw;
padding-right:5vw;
text-align: right;
font-family:verdana;
color:#E6AAA4;
font-size:var(--main-font-size);
font-weight: bold;
font-style: normal;
font-variant: normal;
}

.offertext {
text-align: center;
font-family:verdana;
color:#AA0000;
font-size:var(--main-font-size);
font-weight: bold;
font-style: normal;
font-variant: normal;
}

.subheading {
text-align: center;
font-family:verdana;
color:#367290;
font-size:var(--subheading-size);
font-weight: bold;
font-style: normal;
font-variant: normal;
}

td {
padding: 5px;
}


A:hover 	{color:#252560; text-decoration:none;}
A:visited	{color:#252560; text-decoration:none;}
A		{color:#252560; text-decoration:underline;}


.note {
text-align: left;
font-family:verdana;
color:#000000;
font-size:calc(.8*var(--main-font-size));
text-shadow: 0.5vw 0.5vw 0.5vw #FFFFFF,-0.5vw -0.5vw 0.5vw #FFFFFF,-0.5vw 0.5vw 0.5vw #FFFFFF,0.5vw -0.5vw 0.5vw #FFFFFF;
font-weight: normal;
font-style: italic;
font-variant: normal;	
padding-top: 2vw;
}

A.note:hover 	{color:#444444; text-decoration:none;}
A.note:visited	{color:#000000; text-decoration:none;}
A.note		{
text-decoration: underline;
text-align: left;
font-family:verdana;
color:#000000;
font-size:calc(.8*var(--main-font-size));
text-shadow: 0.5vw 0.5vw 0.5vw #FFFFFF,-0.5vw -0.5vw 0.5vw #FFFFFF,-0.5vw 0.5vw 0.5vw #FFFFFF,0.5vw -0.5vw 0.5vw #FFFFFF;
font-weight: normal;
font-style: italic;
font-variant: normal;	
padding-top: 2vw;
}

.labels {
float:right;
text-align: right;
font-family:verdana;
color:#000000;
font-size:calc(1.2*var(--main-font-size));
text-shadow: .2vw .2vw .2vw #FFFFFF,-.2vw -.2vw .2vw #FFFFFF,-.2vw .2vw .2vw #FFFFFF,.2vw -.2vw .2vw #FFFFFF;
font-weight: normal;
font-style: normal;
font-variant: normal;	
padding-top: 0vw;
}

.head {
text-align: center;
font-family:verdana;
color:#367290;
font-size:28px;
font-weight: bold;
font-style: normal;
font-variant: normal;
}

#buttons
{
	display:block;
	width: var(--button-width);
	margin-left:auto; 
	margin-right:auto;
	  background: #2672ff;
	  background-image: -webkit-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: -moz-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: -ms-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: -o-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: linear-gradient(to bottom, #2672ff, #9eacd9);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  text-shadow: 3px 3px 5px #000000;
	  -webkit-box-shadow: 2px 2px 3px #000000;
	  -moz-box-shadow: 2px 2px 3px #000000;
	  box-shadow: 2px 2px 3px #000000;
	  font-family: verdana;
	  color: #ffffff;
	  font-size: var(--button-font-size);
	  padding: 0.25vw 0.5vw 0.25vw 0.5vw;
	  text-decoration: none;
}

#buttons:hover
{ 
	  background: #9eacd9;
	  background-image: -webkit-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: -moz-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: -ms-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: -o-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: linear-gradient(to bottom, #9eacd9, #2672ff);
	  text-decoration: none;
}

#smallbuttons
{
	display:block;
	width: calc(var(--button-width)*.9);
	margin-left:auto; 
	margin-right:auto;
	  background: #252560;
	  background-image: -webkit-linear-gradient(top, #252560, #9eacd9);
	  background-image: -moz-linear-gradient(top, #252560, #9eacd9);
	  background-image: -ms-linear-gradient(top, #252560, #9eacd9);
	  background-image: -o-linear-gradient(top, #252560, #9eacd9);
	  background-image: linear-gradient(to bottom, #252560, #9eacd9);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  text-shadow: 3px 3px 5px #000000;
	  -webkit-box-shadow: 2px 2px 3px #000000;
	  -moz-box-shadow: 2px 2px 3px #000000;
	  box-shadow: 2px 2px 3px #000000;
	  font-family: verdana;
	  color: #ffffff;
	  font-size: var(--button-font-sizesm);
	  padding: 0.25vw 0.5vw 0.25vw 0.5vw;
	  text-decoration: none;
}

#smallbuttons:hover
{ 
	  background: #9eacd9;
	  background-image: -webkit-linear-gradient(top, #9eacd9, #252560);
	  background-image: -moz-linear-gradient(top, #9eacd9, #252560);
	  background-image: -ms-linear-gradient(top, #9eacd9, #252560);
	  background-image: -o-linear-gradient(top, #9eacd9, #252560);
	  background-image: linear-gradient(to bottom, #9eacd9, #252560);
	  text-decoration: none;
}


#tinybuttons
{
	  cursor: pointer;
	display:block;
	margin-left:auto; 
	margin-right:auto;
	  background: #2672ff;
	  background-image: -webkit-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: -moz-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: -ms-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: -o-linear-gradient(top, #2672ff, #9eacd9);
	  background-image: linear-gradient(to bottom, #2672ff, #9eacd9);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  text-shadow: 3px 3px 5px #000000;
	  -webkit-box-shadow: 2px 2px 3px #000000;
	  -moz-box-shadow: 2px 2px 3px #000000;
	  box-shadow: 2px 2px 3px #000000;
	  font-family: verdana;
	  font-weight:normal;
	  color: #ffffff;
		font-size:calc(.6*var(--main-font-size));
		padding-top:0px;
		padding-bottom:2px;
		padding-right:12px;
		padding-left:12px;
	  text-decoration: none;
}

#tinybuttons:hover
{ 
	  background: #9eacd9;
	  background-image: -webkit-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: -moz-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: -ms-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: -o-linear-gradient(top, #9eacd9, #2672ff);
	  background-image: linear-gradient(to bottom, #9eacd9, #2672ff);
	  text-decoration: none;
}

#footer {
border: 2px solid #367290;
width: 90%;
margin-left:auto;
margin-right:auto;
   background: rgb(54, 54, 54); /* The Fallback */
   background: rgba(255, 255, 255, 0.8); 
position: fixed;
    bottom: 2px;
	right:0px;
	left:0px;
	padding-bottom:20px;
}

.boxformat {
font-weight: normal;
font-size: calc(1.0*var(--main-font-size));
font-style: normal;
font-family:tahoma;
font-variant: normal;
color:#000000;
border-width:1px;
background-color:#ffffff;
border-top-style:dotted;
border-right-style:dotted;
border-bottom-style:solid;
border-left-style:dotted;
border-color:#000000;
padding-left: 10px;
width:calc(15*var(--main-font-size));
}

select optgroup{
font-style:normal;
font-weight:normal;
font-size: calc(0.8*var(--main-font-size));
width:auto;
}

select optgroup.label{
font-style:normal;
font-weight:normal;
font-size: calc(0.6*var(--main-font-size));
width:auto;
}

option {
font-size: calc(0.8*var(--main-font-size));
}

.codeformat {
font-weight: normal;
font-size: calc(0.9*var(--main-font-size));
font-style: normal;
font-family:tahoma;
font-variant: normal;
color:#000000;
border-width:1px;
background-color:#ffffff;
border-top-style:none;
border-right-style:none;
border-bottom-style:solid;
border-left-style:none;
border-color:#000000;
padding-left: 10px;
padding-top: 0.25vw;
letter-spacing: calc(var(--main-font-size)*.2);
width: calc(var(--main-font-size)*4);
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.tableformat {
background-color:#FFFFFF;
border-top-style:outset;
border-right-style:outset;
border-bottom-style:outset;
border-left-style:outset;
border-color:#2D73BA;
border-width:1px;
text-align: center;
width:100%;
}

.errmsg {
text-align: center;
font-family:verdana;
color:darkred;
font-size:var(--main-font-size);
text-shadow: 0.5vw 0.5vw 0.5vw #FFFFFF,-0.5vw -0.5vw 0.5vw #FFFFFF,-0.5vw 0.5vw 0.5vw #FFFFFF,0.5vw -0.5vw 0.5vw #FFFFFF;
font-weight: bold;
font-style: normal;
font-variant: normal;
padding-top:font-size:var(--main-font-size);
}

.prompt {
text-align: center;
font-family:verdana;
color:darkred;
font-size:28px;
font-weight: bold;
font-style: normal;
font-variant: italic;
}

.promptsm {
text-align: center;
font-family:verdana;
color:darkred;
font-size:18px;
font-weight: bold;
font-style: normal;
font-variant: italic;
}

input[type=checkbox] {
    width:1.5vw;
    height:1.5vw;
}

input[type=checkbox]:checked {
    background-color:#000;
    border-left-color:#06F;
    border-right-color:#06F;
}

input[type=checkbox]:hover {
    box-shadow:0px 0px 10px #1300ff;
}

/*input[type=checkbox]
{
  /* Double-sized Checkboxes */
 /* -ms-transform: scale(8); /* IE */
  /*-moz-transform: scale(8); /* FF */
 /* -webkit-transform: scale(8); /* Safari and Chrome */
  /*-o-transform: scale(8); /* Opera */
  /*transform: scale(8);
  padding: 10px;
}
*/

.message {
    z-index: 3;
    position: absolute;
	left: 78%;
	width: 22%;
}

.links {
float:right;
text-align: left;
font-family:verdana;
color:#252560;
font-size:calc(0.8*var(--main-font-size));
font-weight: bold;
font-style: normal;
font-variant: normal;	
padding-top: .5vw;
}


A.links	{font-size:calc(0.8*var(--main-font-size));color:#ffffff; text-decoration:underline;}
A.links:hover 	{font-size:calc(0.8*var(--main-font-size));color:#ffffff; text-decoration:none;font-weight: bold;font-style: normal;}


.bannertext {
float:left;
text-align: left;
font-family:verdana;
color:#252560;
font-size:calc(1.3*var(--main-font-size));
font-weight: bold;
font-style: normal;
font-variant: normal;	
padding-top: 0vw;
padding-left: 1vw;
}

.bannerlink {
font-family:verdana;
color:#252560;
font-size:calc(1.3*var(--main-font-size));
font-weight: bold;
font-style: normal;
font-variant: normal;	
}

.bannerright {
float:right;
margin-left:auto;
margin-right:auto;
font-family:verdana;
color#252560;
font-size:calc(1*var(--main-font-size));
font-weight: normal;
font-style: normal;
font-variant: normal;	
padding-top: .2vw;
}


.dropdown {
  position: relative;
  display: inline;
  overflow: hidden;
  }

.dropdown .dropbtn {
  cursor: pointer;
font-size:calc(0.8*var(--main-font-size));
  border: none;
  outline: none;
  color:#252560;
  	font-weight: bold;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  text-decoration: underline;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
 text-decoration: none;
}

.dropdown-content {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;	
  display: none;
  position: absolute;
  left:-10vw;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}

.dropdown-content a {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align:left;
  color: black;
  font-size:calc(0.9*var(--main-font-size));
  padding: calc(0.1*var(--main-font-size)) 1vw;
  text-decoration: none;
  display: block;
  z-index: 100;
}

.dropdown-content a:hover {
		font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align:left;
  color: black;
  font-size:calc(0.9*var(--main-font-size));
  padding: calc(0.1*var(--main-font-size)) 1vw;
  text-decoration: none;
  display: block;
  z-index: 100;
 background-color: #ddd;
}

.show {
  display: block;
}

#ethDIV {
width: 100%;
padding-top:25px;
display: none;
}
#ethDIV1 {
display: none;
text-align: left;
padding-top:25px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: calc(5*var(--main-font-size)); /* 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(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  font-family:verdana;
  color:#2D73BA;
  font-size:calc(1.3*var(--main-font-size));
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}

.modala		{font-family:verdana;color:#2200AD;font-size:calc(1.6*var(--main-font-size));}


/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

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

#page-content {
	
	    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}