/*** TYPOGRAPHY ***/

/* FONTS */

    @font-face{
        font-family:"Univers LT W05_85 Extra Black";
        src:url("../../fonts/b9c1bdc6-859c-4035-beda-649811cf072f.eot?#iefix");
        src:url("../fonts/b9c1bdc6-859c-4035-beda-649811cf072f.eot?#iefix") format("eot"),url("../fonts/20bd2aa7-5fc1-4d29-aea6-e275fb95cbec.woff2") format("woff2"),url("../fonts/8b798090-9f1b-4f08-bd6e-0a4af530ce12.woff") format("woff"),url("../fonts/685846a7-15b7-4e30-a915-f9e9e4e1623e.ttf") format("truetype"),url("../fonts/61e27602-0b0c-49c8-ae9a-c3a663090365.svg#61e27602-0b0c-49c8-ae9a-c3a663090365") format("svg");
    }
    @font-face{
        font-family:"Univers LT W01 45 Light";
        src:url("../fonts/2b61512c-069e-4111-bb23-9a918f94a74d.eot?#iefix");
        src:url("../fonts/2b61512c-069e-4111-bb23-9a918f94a74d.eot?#iefix") format("eot"),url("../fonts/4487d7ba-1656-47e3-aaf0-b3a0054fb3b8.woff2") format("woff2"),url("../fonts/ecf89914-1896-43f6-a0a0-fe733d1db6e7.woff") format("woff"),url("../fonts/7628f343-8c36-4707-9559-8feb86c0462f.ttf") format("truetype"),url("../fonts/11b816e7-d678-48dd-bc75-560de9c19049.svg#11b816e7-d678-48dd-bc75-560de9c19049") format("svg");
    }
    @font-face{
        font-family:"Univers LT W01 55 Roman";
        src:url("../fonts/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot?#iefix");
        src:url("../fonts/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot?#iefix") format("eot"),url("../fonts/091fe5d9-1aaa-4f3c-9b94-c83bb7c362ab.woff2") format("woff2"),url("../fonts/7b95cb9a-a288-4405-97a0-13095f56a903.woff") format("woff"),url("../fonts/c7481806-4ea4-40db-a623-7bc352bbbe43.ttf") format("truetype"),url("../fonts/ac8280da-3de5-456d-bd77-8f01665452a9.svg#ac8280da-3de5-456d-bd77-8f01665452a9") format("svg");
    }
    @font-face{
        font-family:"Univers LT W01 65 Bold";
        src:url("../fonts/db1c462f-8890-4a11-9de5-36872279e20a.eot?#iefix");
        src:url("../fonts/db1c462f-8890-4a11-9de5-36872279e20a.eot?#iefix") format("eot"),url("../fonts/a88f6520-d0c2-4877-b792-cb77cca8e307.woff2") format("woff2"),url("../fonts/b993da84-c1f6-474a-8f00-8aa797b3de8f.woff") format("woff"),url("../fonts/58403ef6-4c15-4280-b4b6-9acf50804f4f.ttf") format("truetype"),url("../fonts/9178e351-95c5-4913-9eeb-fd0645a18c2d.svg#9178e351-95c5-4913-9eeb-fd0645a18c2d") format("svg");
    }

/** GLOBAL **/

:focus {
	box-shadow: none !important;
	outline: none !important;
}

body {
	font-family: 'Univers LT W01 55 Roman';
	border-top: 20px solid #ed1c24;
	/*background-image: url('../images/plane_background.jpg');*/
	background-image: url('../images/hotspots.jpg');
	background-position: top center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	color: #222222;
}

.bold {
	font-family:"Univers LT W01 65 Bold";
}

.container {
	max-width: 100% !important;
	padding-top: 20px;
	}
	
.outer {
	/*background: rgba(255,255,255,0.9);*/
}	

.brand {
	padding-bottom: 10px;
}

.brand {
	width: 100%;
}

.brand img {
	max-width: 220px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.right_brand {
	width: 100%;
	padding-right: 1em;
	text-align:right;
	padding-top: 40px;
}

.right_brand img {
	width: 140px;
	height: auto;
	margin-left: -8px;
	padding-bottom: 10px;
}

hr.top {
	margin: 0.5em 0 1em 0;
}


h1 {
	font-size: 30px;
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 15px;
	font-family:"Univers LT W01 65 Bold";
}

h2 {
	padding-top: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #ed1c24;	
	margin-bottom: 1em;
}

a {
	color: rgba(40,34,60,1);
}

a:hover {
	color: rgba(40,34,60,1);
}

p a {
	color: rgba(237,28,36,1);
}

p a:hover {
	color: rgba(237,28,36,0.5);
}

hr {
	margin: 2.5em 0;
}

.nav {
	position:fixed;
	top: 40px;
	right: 15px;
	/*width: 70px;*/
	z-index: 1000;
	background: rgba(0,0,0,0.1);
}

.nav ul {
	padding: 0;
	margin: 0 !important;
}

.nav li {
	list-style-type: none;
	padding: 5px;
	margin: 0;
	display: block;
}

.nav li:hover {
	background: rgba(255,255,255,0.6);
}

.nav li:before {
	display: none !important; 
	content: '' !important;
}

.nav li.active {
	background: rgba(255,255,255,0.9);
}

.nav a {
	display: block;
	width: 60px;
	height: 60px;
}

.nav img {
	width: 100%;
	height: auto;
}

.content {
	background: rgba(255,255,255,0.9);
	margin: 0px;
	margin-bottom: 20px;
	padding: 15px;
}

.content ul {
	list-style: none; /* Remove default bullets */
	margin-left: 15px;
}

.content li {
	position:relative;
	line-height: 20px;
	padding-bottom: 10px;
}

.content li::before {
	content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #ed1c24; /* Change the color */
	font-size: 1.4em;
	position:absolute;
	top: -7%;
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	margin-left: -35px; /* Also needed for space (tweak if needed) */
}

@-moz-document url-prefix() { 
  .content li::before  {
     top: -3px;
     font-size: 28px;
  }
}

.top_content img {
	width: 100%;
	height: auto;
}

.left_padding {
	padding-left: 15px;
}

.bottom_padding {
	padding-bottom: 20px;
}

.top_content {
	padding-right:80px;
}
	
	
.signup {
	background: rgba(255,255,255,0.8);
	padding: 0px;
}

.section-content {
	padding: 35px 15px;
}

.btn {
  padding: 0 28px;
  height: 55px;
  line-height: 53px;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400;
}

.btn-color {
  color: #fff;
  border-color: #ed1c24;
  background-color: #ed1c24;
}
.btn-color:hover,
.btn-color:active,
.btn-color:focus {
  background-color: #222222;
  border-color: #222222;
  color: #fff;
}
.btn-color-out {
  color: #ed1c24;
  border-color: #ed1c24;
  background-color: transparent;
}
.btn-color-out:hover,
.btn-color-out:active,
.btn-color-out:focus {
  background-color: #222222;
  border-color: #222222;
  color: #fff;
}



.footer {
	padding: 15px;
	background: #cccccc;
}

.footer a {
	margin-right: 10px;
}

.footer_logo img {
	width: 140px;
	height: auto;
	margin-left: -8px;
	padding-bottom: 10px;
}

.social {
	font-size: 20px;
}

.social a {
	margin-right: 10px;
}	

.top_content p {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.top_content p.bold {
	padding-bottom: 0px;
}

.top_content img {
	padding-bottom: 50px;
}

p.intro {
	padding-top: 30px;
}

.hotspots {
	/*margin-top: 50px;
	padding-bottom: 20px;*/
	position:relative;
	margin-left: 15px;
}

.hotspots a {
	color: rgba(255,255,255,0.6);
	text-decoration: none;
}

.hotspots a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;	
}

.hotspots .current {
	color: rgba(255,255,255,1);
	text-decoration: none;	
}

.hotspot_ac {
	position: absolute;
	top: 45%;
	left: 70%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;	
}

.hotspot_lg {
	position: absolute;
	top: 70%;
	left: 35%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;			
}

.hotspot_ec {
	position: absolute;
	top: 60%;
	left: 50%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;			
}

.hotspot_s {
	position: absolute;
	top: 40%;
	left: 25%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;			
}

.hotspot_ac1 {
	position: absolute;
	top: 38%;
	left: 28%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;	
}

.hotspot_lg2 {
	position: absolute;
	top: 61%;
	left: 54%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;			
}

.hotspot_ec3 {
	position: absolute;
	top: 49%;
	left: 68%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;			
}

.hotspot_s4 {
	position: absolute;
	top: 26%;
	left: 66%;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:block;
	padding: 4px 0px 0px 10px;			
}

.hotspot_links {
	/*background: rgba(255,255,255,0.3);*/
	padding: 20px !important;
	width: 290px;
	margin-top: -40px;
	z-index: 1000;
	position:relative;
}

.hotspot_links span {
	/*border: 1px solid #000000;*/
	display:block;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 0px;
	text-align:left;	
}

.hotspot_links span i {
	font-size: 40px;
	display:block;
	margin-bottom: 0px;
	padding: 0px;
}

.hotspot_links span span {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	display:block;
}


.hotspot_links a {
	border: 1px solid #ED1C24;
	height: 32px;
	width: 250px;
	display:inline-block;
	margin-bottom: 2px;
}

.hotspot_links a:hover {
	color: #ffffff;
	background: #ED1C24;
	text-decoration: none;
}

.hotspot_links .current {
	color: #ffffff;
	background: #ED1C24;
	text-decoration: none;
}

.hotspot_links a span {
	border: none;
	text-align:left;
	color: #ffffff;
	background: #ED1C24;
	width: 30px;
	height: 30px;
	display:inline-block;
	padding: 4px 0px 0px 10px;	
}


/* Medium devices (desktops, 768px and up) */
@media (min-width: 768px) {
	
	.signup {
		padding: 50px;
	}
	
	.hotspot_links {
		margin-top: -100px;
		margin-right: 20px;
	}	
		
	.hotspots {
		left: -30px;
		top: -50px;
	}
	
	.hotspot_links {
		float:right;
	}
	
	.nav {
		position:absolute;
		top: 70px;
		right: 65px;
	}
	
	.nav li {
		display: inline-block;
	}
	
	.top_content {
		padding-right:0px;
	}
	
	.container {
		width: 100% !important;
		padding-top: 0;
	}
		
	.content {
		padding:50px;
		margin: 50px;
	}
	
	.content ul {
		margin-left:0px;
	}
	
	.content li::before {
		margin-left: -20px; /* Also needed for space (tweak if needed) */
	}
	
	.submit_button {
		text-align: right;
	}

		
}

/* Semi-Large devices (large desktops, 992px and up) */
@media (min-width: 992px) {
	
	.top_content {
		/*padding-right:200px;*/
	}
	
	.social {
		text-align:right;
	}
	
	.outer {
		padding: 0;
	}
		
}

/* Large devices (large desktops, 1024px and up) */
@media (min-width: 1024px) {
	
	.hotspot_links {
		margin-top: -150px;
		margin-right: 20px;
	}	
	
	.nav {
		right: 50px;
	}

	.top_content {
		/*padding-right:300px;*/
	}

}
	 
	 
/* Very Large devices (large desktops, 1400px and up) */
@media (min-width: 1200px) {
	
	.hotspot_links {
		margin-top: -200px;
		margin-right: 20px;
	}		

	.top_content {
		/*padding-right:400px;*/
	}

}

@media screen\0 {
    .ie8910 {
        filter:alpha(opacity=100);
        position: relative;
        top: 0;
        left: 0;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie10up {
        opacity: 1;
        position: relative;
        top: 0;
        left: 0;
    }
}