@charset "utf-8";

/* CSS Document
   Copyright 2018 Modernize Your Site */

/*
  font size conversion:
  40px = 2.5em, h1
  36px = 2.25em,
  30px = 1.875em, h2
  24px = 1.5em,
  22px = 1.375em,
  20px = 1.25em,
  18px = 1.125em;
  16px = 1em, avg font size p
  14px = 0.875em,
  12px = 0.75em,
  10px = 0.625em
  
  colors used:
  #77bff8; blue
  #40a2f2; blue, but darker, for header text
  
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 12, 2013 */
@font-face {
    font-family: 'MirageRegular';
    src: url('fonts/Magenta_BBT-webfont.eot');
    src: url('fonts/Magenta_BBT-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Magenta_BBT-webfont.ttf') format('truetype'),
         url('fonts/Magenta_BBT-webfont.svg#MirageRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media (min-width: 1400px) {
	html, body {
		font-family: Verdana, Geneva, sans-serif;
		background-color: #77bff8; /* blue */
		color: #000; /* black */
		margin: 0;
		font-size: 1em;
		font-size: 100%; /* required for IE browsers */
		height: 100%;
		position: relative;
	}
	
	/* using the ice edges graphic as a background */
	.ice-container {
		width: 1400px;
		margin: 0 auto;
		background: #fff url("../layout/bg-ice1400.png") repeat-y top left;
	}
	
	/* must remain transparent */
	.container {
		background-color: transparent;
	}
	
	/**/
	.box-company-name {
		position: relative;
		height: 100px;
		overflow: hidden; /* required! */
		margin: 0;
		padding: 0;
	}
	
	/* top of each page, to the right of the logo image */
	.company-name {
		font-family: MirageRegular, Verdana, Geneva, sans-serif;
		font-size: 6em;
		color: #000; /* 40a2f2 blue, but darker */
		letter-spacing: 2px;
		margin: 0 0 0 94px;
	}
	
	.logo-position {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		height: 100px;
	}
	
	label {
		font-weight: bold;
		text-align: right;
	}
}

@media (max-width: 1399px) {
	html, body {
		font-family: Verdana, Geneva, sans-serif;
		background-color: #77bff8; /* blue */
		color: #000; /* black */
		margin: 0;
		font-size: 1em;
		font-size: 100%; /* required for IE browsers */
		height: 100%;
		position: relative;
	}
	
	/* using the ice edges graphic as a background */
	.ice-container {
		margin: 0;
	}
	
	.container {
		background-color: #fff;
		-webkit-box-shadow: #000 0 0 10px;
		   -moz-box-shadow: #000 0 0 10px;
		        box-shadow: #000 0 0 10px;
	}
	
		/**/
	.box-company-name {
		position: relative;
		height: 100px;
		overflow: hidden; /* required! */
		margin: 0;
		padding: 0;
	}
	
	/* top of each page, to the right of the logo image */
	.company-name {
		font-family: MirageRegular, Verdana, Geneva, sans-serif;
		font-size: 5em;
		color: #000; /* 40a2f2 blue, but darker */
		letter-spacing: 1px;
		margin-left: 94px;
	}
	
	.logo-position {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		height: 100px;
	}
	
	label {
		font-weight: bold;
		text-align: right;
	}
}

@media (max-width: 768px) {
	/**/
	.box-company-name {
		position: relative;
		height: 70px;
		overflow: hidden; /* required! */
		margin: 0;
		padding: 0;
	}
	
	/* top of each page, to the right of the logo image */
	.company-name {
		font-family: MirageRegular, Verdana, Geneva, sans-serif;
		font-size: 3em;
		color: #000; /* 40a2f2 blue, but darker */
		letter-spacing: 1px;
		margin-left: 66px;
	}
	
	.logo-position {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		height: 70px;
	}
	
	/* as the main image gets smaller, the shadow separates, this is the correction */
	.shadow-position {
		position: relative;
		margin-top: 0;
	}
	
	label {
		font-weight: bold;
		text-align: right;
	}
}

@media (max-width: 576px) {
	/**/
	.box-company-name {
		position: relative;
		height: 70px;
		overflow: hidden; /* required! */
		margin: 0;
		padding: 0;
	}
	
	/* top of each page, to the right of the logo image */
	.company-name {
		font-family: MirageRegular, Verdana, Geneva, sans-serif;
		font-size: 2em;
		color: #000; /* 40a2f2 blue, but darker */
		margin-left: 66px;
		line-height: 70px;
	}
	
	.logo-position {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		height: 70px;
	}
	
	/* as the main image gets smaller, the shadow separates, this is the correction */
	.shadow-position {
		position: relative;
		margin-top: -10px;
	}
	
	label {
		font-weight: bold;
		text-align: left;
	}
}

/* main images need to stretch to fit the full width */
.img100 {
	width: 100%;
}

@media (min-width: 1200px) {

}

@media (min-width: 992px) {
	
}

@media (min-width: 768px) {
	
}

@media (min-width: 576px) {
	
}

/* 
         text controls
----------------------------------------------------------------------------- */

@media (min-width: 992px) {
	h1 {
		font-family: MirageRegular, Verdana, Geneva, sans-serif;
		font-size: 4em;
		letter-spacing: 1px;
		color: #40a2f2; /* blue, but darker */
	}
}

@media (max-width: 991px) {
	h1 {
		font-family: MirageRegular, Verdana, Geneva, sans-serif;
		letter-spacing: 1px;
		color: #40a2f2; /* blue, but darker */
	}
}

h1, h2, h3 {
	font-family: MirageRegular, Verdana, Geneva, sans-serif;
	letter-spacing: 1px;
	color: #40a2f2; /* blue, but darker */
}

p {
	text-align: justify;
}

.padding-extra {
	padding: 0 50px;
}

.lineabove {
	border-top: 1px solid #ccc;
}
.ppaddingtop {
	padding-top: 20px;
}
.text-black {
	color: #000;
}
.text-gray {
	color: #666;
}
.text-blue {
	color: #40a2f2; /* blue, but darker */
}
.text-red {
	color: #c00;
}
.text-small {
	font-size: .875em;
}
.text-xsmall {
	font-size: .75em;
}
.cntr {
	text-align: center;
}

.bullet-square {
	list-style-type: square;
}

ul.nobullet {
	list-style-type: none;
	line-height: 24px;
}

footer {
	padding-bottom: 10px;
}

/* 
         MAIN NAVIGATION buttons
----------------------------------------------------------------------------- */

@media (min-width: 768px) {
	#navArea {
		border-top: 1px solid #ccc; /* lt gray */
		height: 70px;
		line-height: 70px;
		padding: 0;
	}
}
@media (max-width: 767px) {
	#navArea {
		border-top: 1px solid #ccc; /* lt gray */
		height: inherit;
		padding: 16px 0;
	}
}

ul.mainul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 70px;
}

li.mainli {
	float: left;
	padding-right: 24px;
	line-height: 70px;
}

li.mainliEnd {
	float: left;
	line-height: 70px;
}

a.main:link, a.main:visited {
	display: block;
	color: #40a2f2; /* blue, but darker */
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color 0.5s ease; /* Safari */
       -moz-transition: color 0.5s ease; /* Mozilla */
	     -o-transition: color 0.5s ease; /* Opera */
            transition: color 0.5s ease;
	
}
a.main:hover {
	color: #000; /* baclk */
	display: block;
	font-size: 15px;
	height: 70px;
	font-weight: bold;
	text-decoration: none;
}
a.main:active {
	color: #f00; /* red */
	display: block;
	font-size: 15px;
	height: 70px;
	font-weight: bold;
	text-decoration: none;
}

.mainOff {
	color: #666; /* gray */
	display: block;
	font-size: 15px;
	height: 70px;
	font-weight: bold;
	cursor: default;
}

/* 
       DEFAULT LINKS in text - bright BLUE
----------------------------------------------------------------------------- */
a {
	text-decoration: underline;
}

a:link {
	color: #40a2f2; /* sky blue dk */
	font-size: 1em;
	-webkit-transition: color 0.5s ease; /* Safari */
       -moz-transition: color 0.5s ease; /* Mozilla */
	     -o-transition: color 0.5s ease; /* Opera */
            transition: color 0.5s ease;
}
a:visited {
	color: #333; /* dk gray */
	font-size: 1em;
}
a:active {
	color: #000; /* black */
	font-size: 1em;
}
a:hover {
	color: #074b78; /* dk blue */
	font-size: 1em;
}

/* glyphicons-PRO set for social media http://glyphicons.com/ */
@font-face{font-family:'Glyphicons Social';src:url('../fonts/glyphicons-social-regular.eot');src:url('../fonts/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-social-regular.woff2') format('woff2'),url('../fonts/glyphicons-social-regular.woff') format('woff'),url('../fonts/glyphicons-social-regular.ttf') format('truetype'),url('../fonts/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg')}.social{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Social';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.social.x05{font-size:12px}.social.x2{font-size:48px}.social.x3{font-size:72px}.social.x4{font-size:96px}.social.x5{font-size:120px}.social.light:before{color:#f2f2f2}.social.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.social.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.social.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.social.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.social.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.social.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.social-pinterest:before{content:"\E001"}.social-dropbox:before{content:"\E002"}.social-google-plus:before{content:"\E003"}.social-jolicloud:before{content:"\E004"}.social-yahoo:before{content:"\E005"}.social-blogger:before{content:"\E006"}.social-picasa:before{content:"\E007"}.social-amazon:before{content:"\E008"}.social-tumblr:before{content:"\E009"}.social-wordpress:before{content:"\E010"}.social-instapaper:before{content:"\E011"}.social-evernote:before{content:"\E012"}.social-xing:before{content:"\E013"}.social-zootool:before{content:"\E014"}.social-dribbble:before{content:"\E015"}.social-deviantart:before{content:"\E016"}.social-read-it-later:before{content:"\E017"}.social-linked-in:before{content:"\E018"}.social-forrst:before{content:"\E019"}.social-pinboard:before{content:"\E020"}.social-behance:before{content:"\E021"}.social-github:before{content:"\E022"}.social-youtube:before{content:"\E023"}.social-skitch:before{content:"\E024"}.social-foursquare:before{content:"\E025"}.social-quora:before{content:"\E026"}.social-badoo:before{content:"\E027"}.social-spotify:before{content:"\E028"}.social-stumbleupon:before{content:"\E029"}.social-readability:before{content:"\E030"}.social-facebook:before{content:"\E031"}.social-twitter:before{content:"\E032"}.social-instagram:before{content:"\E033"}.social-posterous-spaces:before{content:"\E034"}.social-vimeo:before{content:"\E035"}.social-flickr:before{content:"\E036"}.social-last-fm:before{content:"\E037"}.social-rss:before{content:"\E038"}.social-skype:before{content:"\E039"}.social-e-mail:before{content:"\E040"}.social-vine:before{content:"\E041"}.social-myspace:before{content:"\E042"}.social-goodreads:before{content:"\E043"}.social-apple:before{content:"\F8FF"}.social-windows:before{content:"\E045"}.social-yelp:before{content:"\E046"}.social-playstation:before{content:"\E047"}.social-xbox:before{content:"\E048"}.social-android:before{content:"\E049"}.social-ios:before{content:"\E050"}.social-wikipedia:before{content:"\E051"}.social-pocket:before{content:"\E052"}.social-steam:before{content:"\E053"}.social-souncloud:before{content:"\E054"}.social-slideshare:before{content:"\E055"}.social-netflix:before{content:"\E056"}.social-paypal:before{content:"\E057"}.social-google-drive:before{content:"\E058"}.social-linux-foundation:before{content:"\E059"}.social-ebay:before{content:"\E060"}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}
