@charset "UTF-8";
/* CSS Document */


/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

/* TEMPLATE CUSTOM FONTS */
@font-face {
    font-family: 'aldo_probold';
    src: url('../webfonts/aldo_pro_bold-webfont.eot');
    src: url('../webfonts/aldo_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/aldo_pro_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'aldo_promedium';
    src: url('../webfonts/aldo_pro_medium-webfont.eot');
    src: url('../webfonts/aldo_pro_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/aldo_pro_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'aldo_proregular';
    src: url('../webfonts/aldo_pro-webfont.eot');
    src: url('../webfonts/aldo_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/aldo_pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.typography {
	font-family: Arial, sans-serif;
	font-weight:normal !important
}
/* link hover animation */

.underline > a {
  position: relative;
  color: #fff;
  text-decoration: none;
}

.underline > a:hover {
  color: #fff;
}

.underline > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.underline > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

h1 {
	font-family: 'aldo_probold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#0271a9;
	font-size: 33px;
	padding-top:30px;
	padding-bottom:20px
}
h2 {
	font-family: 'aldo_probold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#0271a9;
	font-size: 24px;
	padding-top:12px
}

h3 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 22px;
	padding-top:12px;
	padding-bottom:12px;
	font-weight:bold
}
h4 {
	font-size: 16px;
	line-height: 22px;
	padding-top:12px;
	padding-bottom:12px;
	font-weight:bold
}
article p {
	font-size: 16px;
	line-height: 22px;
	padding-bottom:10px;
	font-weight:normal !important
}
article a:link {
	color:#0271a9;
}
article a:hover {
	text-decoration: underline
}
article a:visited {
	color:#0271a9;
}
article ul {
	padding-bottom: 24px;
}
article li {
	font-size: 16px;
	line-height: 22px;
}
header .contact {
	font-family: 'aldo_probold', Arial, sans-serif;
	font-size: 32px;
	color: #fff
}
header .contact a:link {
	color: #fff;
	text-transform:lowercase
}
header .contact a:visited {
	color: #fff;
}
header .contact a:hover {
	color: #fff;
	text-decoration:underline
}
footer {
	font-family: 'aldo_proregular', Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff
}
footer p {
	color:#fff;
}
footer a:link {
	font-family: 'aldo_probold', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #fff;
	text-transform:lowercase
}
footer a:visited {
	color: #fff;
}
footer a:hover {
	color: #fff;
	/*text-decoration:underline*/
}
/* Tablet Screen Sizes */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
	header .contact {
	font-size: 22px
	}	
}
/* Mobile landscape Screen Sizes */
@media only screen and (max-width: 736px) {
		header .contact {
		font-size: 22px
	}	
}
/* Mobile Portrait Screen Sizes */
@media only screen and (max-width: 414px) {
		header .contact {
		font-size: 20px
	}
}