@charset "UTF-8";
@font-face{font-family:'Circular Bold';src:url(../fonts/lineto-circular-pro-bold.eot?) format("eot"),url(../fonts/lineto-circular-pro-bold.woff) format("woff"),url(../fonts/lineto-circular-pro-bold.otf) format("otf"),url(../fonts/lineto-circular-pro-bold.ttf) format("truetype"),url(../fonts/lineto-circular-pro-bold.svg) format("svg")}

@font-face{font-family:'Circular';src:url(../fonts/lineto-circular-pro-medium.eot?) format("eot"),url(../fonts/lineto-circular-pro-medium.woff) format("woff"),url(../fonts/lineto-circular-pro-medium.otf) format("otf"),url(../fonts/lineto-circular-pro-medium.ttf) format("truetype"),url(../fonts/lineto-circular-pro-medium.svg) format("svg")}


html, body {
	font-family: "Circular Bold", Sans-Serif;
	height: 100%;
	background: url(../img/bgde.png);
}

body
{
    transition: background 2s linear;
}


@media (min-width: 768px) {
/* Increase padding on H1*/
	h1 {
		padding-top: 40px !important;
	}

}
h1 {
	padding-top: 10px;
	font-family: "Circular Bold", Sans-Serif;
}

p {
	font-family: "Circular", Sans-Serif;
}

.lefttextcol {
	color: white;
}

.lefttextcol p {
	font-size: 1.2em;
}

.lefttextcol li {
	font-size: 1.1em;
}

.dontshow {
	display: none;
}

.horiz-pad-2em {
	min-height: 4em !important;
	height: 4em;
}

.offer-inner {
	padding-top: 10px;
	margin-left: 5%;
	margin-right: 5%;
	
}

.offer-inner h3 {
	text-align: center;
}

.mt-20 {
	margin-top: 20px !important
}


.membership-info-text {
	min-height: 100px;
}

.servermessage {
	color: #c12e2a;
	margin-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}


.wrapper {
  margin: 50px auto;
  width: 350px;
  min-height: 420px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}


.tab {
	text-align: center;
	padding-top: 7px;
	min-height: 50px;
	
}



.downloadTable td {
	text-align: center;
}


.downloadTable td {
	border: 0px !important;
}

.tab-left {
	margin-left: 15px;
	width: 46.0% !important;
	border-bottom: 2px solid #444;
	border-right: 1px solid #444;
	border-radius: 10px 0px 0px 0px;

}

.tab-right {
	width: 46.2% !important;
	
	border-bottom: 2px solid #444;
	border-left: 1px solid #444;
	border-radius: 0px 10px 0px 0px;
}

.tab-deselected:hover {
	background-color: #ff3735;
	cursor: pointer;
}

.tab p {
	padding-top: 5px;
}


.tab-selected {
	background-color: #ff3735;
}

.tab-selected p {
	font-size: 1.1em;
	color: black;

}

.tab-deselected p{
	margin-top: 0.3em;
	font-size: 0.7em;
	
}