body {
	font-family: "Open Sans Condensed";
	background: url(map.jpg) no-repeat 0% 0% ;
	background-size: 100% 100%;
	background-attachment: fixed;
	font-size: 180%;
}

#container {
	max-width: 70%;
	margin: 0 auto;
}

#logo {
    background-position: center;
    padding: 50% 0% 0% 0%;
    background: url(coolandcool.png)  no-repeat 50% 7%;
    
}

#footer-links
{
	text-align: center;
	font-size: 14px;
	padding: 30% 0% 0% 0%;
	margin-right: -10%;
	margin-left: -10%;
}

a {
	color: #313b6a;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

.footerLinks {
	margin-bottom: 5%;
}
.footerLinks .row {
	float: center;
	width: 71.5%;
	margin-left: 10%;
    width: 65%;
    margin-left: 11%;
}
.footerLinks .col {
    margin-left: 10%;
	display: block;
	vertical-align: top;
	text-align: left;
}
.colHeading {
	display: block;
	padding: 2% 2% 2% 0%;
	font-size: 100%;
	position: relative;
	border-bottom: 2px solid #313b6a;
	cursor: pointer;
	margin-left: 10%;
}
.colHeading:after {
	display: table;
	font-size: 80%;
	content: "+";
	width: 10%;
	height: 20%;
	border-radius: 5px;
	color: #FFF;
	position: absolute;
	top: 10px;
	right: 0;
	background: #313b6a;
	text-align: center;
	margin-top: 0.5%;
}
.footerLinks .col.open .colHeading:after {
	content: "-";
}
.footerLinks .col.open .colHeading {
	padding-bottom: 0%;
}
.footerLinks .col a {
	display: none;
	margin-bottom: 1%;
	padding: 1% 0% 1% 15%;
}
.footerLinks .col.open a {
	display: block;
}
.showMoreCountries {
	font-weight: bold;
	cursor: pointer;
}
#disclaimer {
	font-size: 11px;
	padding: 10px 0;
	color: #CCC;
	text-align: left;
}

.mapBg{
  text-align: center;
  width: 120%;
  margin-top: -10%;
  margin-left: -10%;
}

.aboutUS
{
  margin-top: -30%;
  margin-bottom: 12%;
}

.aboutUS h1{
  color: #313b6a;
}

.aboutUS p strong {
  color: #313b6a;
}

#footer-links{
	padding-top: 10%;
}

@media only screen and (max-width: 699px) {
	body {
		background-color: white;
		background-position: 30% 30%;
		background-size: 699px;
		height: 100%;
	}
    
    .aboutUS
{
  margin-top: -10%;
  margin-bottom: 12%;
}
    
	#logo {
		background-size: 50% 50%;
		background-position: center;
	}
	h1 {
		font-size: 24px;
		text-color: #313b6a;
	}
	
	.footerLinks .row {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: -10%;
	}
	.footerLinks {
		margin-bottom: 40px;
	}
	
	.mapBg{
  text-align: center;
  width: 200%;
  margin-top: -10%;
  margin-left: -50%;
}

.colHeading {
	padding-top: 10%;
	display: block;
	padding: 10% 0% 0% 0%;
	font-size: 100%;
	position: relative;
	border-top: 5% solid #DDD;
	cursor: pointer;
margin-left: 10%;
}
.colHeading:after {
	display: table;
	font-size: 17px;
	content: "+";
	width: 10%;
	height: 10px;
	border-radius: 5px;
	color: #FFF;
	position: absolute;
	top: 10px;
	right: 0;
	background: #313b6a;
	text-align: center;
	padding: 1px;
}

.footerLinks {
	margin-bottom: 5%;
}



}
/***********************************************************************
						ALERTS
***********************************************************************/
.alert-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10002;
}

.alert-overlay.bottom {
	top: auto;
	bottom: 0;
}

.alert-overlay .alert,
.alert-overlay .alert .alert-details,
.alert-overlay {
	background: #666;
}

.alert-overlay .alert h4,
.alert-overlay .alert .alert-details a {
	color: #666 !important;
}

.alert-overlay.red .alert,
.alert-overlay.red .alert .alert-details,
.alert-overlay.red {
	background: #d60d0d;
}

.alert-overlay.red .alert h4,
.alert-overlay.red .alert .alert-details a {
	color: #d60d0d !important;
}

.alert-overlay.purple .alert,
.alert-overlay.purple .alert .alert-details,
.alert-overlay.purple {
	background: #4D148C;
}

.alert-overlay.purple .alert h4,
.alert-overlay.purple .alert .alert-details a {
	color: #4D148C !important;
}

.alert-overlay > div {
	max-width: 990px;
	margin: 0 auto;
}

.alert-overlay .alert p,
.alert-overlay .alert h4 {
	padding-right: 0;
	max-width: 650px;
}

.modal-alert-overlay-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .75;
	z-index: 999;
}

.modal-alert-overlay {
	position: fixed;
	z-index: 1000;
	background: #FFF;
	width: 70%;
	top: 70px;
	left: 50%;
	margin-left: -35%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.modal-alert-overlay-content {
	padding: 15px;
}

.modal-alert-overlay-close{
	position: absolute;
	top: -8px;
	right: -8px;
	width: 20px;
	height: 20px;
	background: url(/images/c/s1/icon-close-20x20.png) no-repeat 0 0;
	cursor: pointer;
}

@media only screen and (max-width: 799px) {
	.modal-alert-overlay {
		width: 90%;
		margin-left: -45%;
	}
}

select.soflow, select.soflow-color {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20%;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#313b6a, #313b6a 40%, #313b6a);
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	color: #313b6a;
	font-size: inherit;
	margin: 20px;
	overflow: hidden;
	padding: 1% 10%;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 44%;
	background-color: red;
}

select.soflow-color {
	color: #fff;
	background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#5c6dbf, #57639b 10%, #313b6a);
	background-color: #313b6a;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding-left: 2%;
	border: 3px solid #bfe7fa;
}

label{
	color: #203264;
}