@charset "utf-8";
/* ==================================================
   Typography
================================================== */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Oswald');
@font-face {
 font-family: 'Gotham Black';
 src: url('../fonts/Gotham-Black.woff2') format('woff2'), url('../fonts/Gotham-Black.woff') format('woff');
 font-weight: 900;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Book Italic';
 src: url('../fonts/Gotham-BookItalic.woff2') format('woff2'), url('../fonts/Gotham-BookItalic.woff') format('woff');
 font-weight: normal;
 font-style: italic;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Book';
 src: url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Black Italic';
 src: url('../fonts/Gotham-BlackItalic.woff2') format('woff2'), url('../fonts/Gotham-BlackItalic.woff') format('woff');
 font-weight: 900;
 font-style: italic;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Bold Italic';
 src: url('../fonts/Gotham-BoldItalic.woff2') format('woff2'), url('../fonts/Gotham-BoldItalic.woff') format('woff');
 font-weight: bold;
 font-style: italic;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Medium';
 src: url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.woff') format('woff');
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Bold';
 src: url('../fonts/Gotham-Bold.woff2') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Light Italic';
 src: url('../fonts/Gotham-LightItalic.woff2') format('woff2'), url('../fonts/Gotham-LightItalic.woff') format('woff');
 font-weight: 300;
 font-style: italic;
 font-display: swap;
}
@font-face {
 font-family: 'Gotham Light';
 src: url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}
/* ==================================================
   Base
================================================== */
body, html {
 font-family: 'Open Sans', sans-serif;
}
@media screen and (max-width: 580px) {
 body {
  font-size: 16px;
  line-height: 22px;
 }
}
h1, h2, h3, h4, h5, h6 {
 font-family: 'Gotham Black', sans-serif;
}
h1 {
 color: #E67E22;
 font-size: 3.5em;
}
h2 {
 color: #0050AA;
 font-weight: normal;
}
h3 {
 color: #000;
 font-weight: normal;
}
input {
 display: inline-block;
 text-align: center;
 border: none;
 background-color: transparent;
 width: 100%;
}
.title .fa {
 display: inline-block;
 width: 25px;
}
/* https://codepen.io/lukepeters/pen/bfFur */
.table {
 display: table;
}
@media screen and (max-width: 580px) {
 .table {
  display: block;
 }
}
.table .row {
 display: table-row;
 background-color: #f6f6f6;
}
.table .row:nth-of-type(odd) {
 background-color: #e9e9e9;
}
.table .row.header {
 color: #FFF;
 background-color: #0050AA;
}
.table .row.header .cell {
 text-transform: uppercase;
 border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.table .row.header .cell:first-child {
 border-left: none;
}
.name {
 text-align: left;
}
.name input {
 text-align: left;
}
.number {
 text-align: right;
}
.number span {
 display: inline-block;
}
.number input {
 text-align: right;
 width: auto;
}
@media screen and (max-width: 580px) {
 .table .row {
  display: block;
 }
 .table .row.header {
  padding: 0;
  height: 5px;
 }
 .table .row.header .cell {
  display: none;
 }
 .table .row .cell {
  padding-bottom: 10px;
  border-bottom: 1px solid #DDD;
 }
 .table .row .cell:before {
  margin-bottom: 3px;
  content: attr(data-title);
  min-width: 98px;
  font-size: 12px;
  text-transform: uppercase;
  color: #969696;
  display: block;
 }
}
.cell {
 display: table-cell;
 text-align: center;
 padding: 10px;
 border-left: 1px solid rgba(0, 0, 0, 0.10);
 white-space: nowrap;
}
.cell:first-child {
 border-left: none;
}
.margin-40 {
 margin-bottom: 40px;
}
@media screen and (max-width: 580px) {
 .cell {
  display: block;
 }
 .name, .number {
  text-align: center;
 }
}
/* Buttons */
.btn, .btn:focus {
 position: relative;
 font-family: 'Gotham Book', sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.05rem;
 line-height: 1;
 padding: 1.5rem 3rem 1.5rem 3rem;
 margin-left: 0.5rem;
 margin-right: 0.5rem;
 margin-bottom: 2rem;
 background-color: #0050AA;
 border: none;
 border-radius: 0;
 box-shadow: none;
 color: #FFF;
}
.btn-primary:hover, .btn-primary:focus {
 background-color: #FFF000;
 color: #0050AA;
}
.btn-primary:hover::before, .btn-primary:focus::before {
 border-right: 20px solid #0050AA;
}
.btn-primary.fb-color {
 background-color: #3b5998;
 border: 2px solid #3b5998;
}
.btn-primary.fb-color:hover, .btn-primary.fb-color:focus {
 background-color: #FFF;
 border-color: #3b5998;
 color: #3b5998 !important;
}
.btn-primary.fb-color:hover::before, .btn-primary.fb-color:focus::before {
 border-right: 20px solid #3b5998;
}
.btn-primary.dw-color {
 background-color: #FFF;
 border: 2px solid #0050AA;
 color: #0050AA;
}
.btn-primary.dw-color:hover, .btn-primary.dw-color:focus {
 background-color: #FFF000;
 border: 2px solid #FFF000;
 color: #0050AA;
}
.btn-primary.dw-color:hover::before, .btn-primary.dw-color:focus::before {
 border-right: 20px solid #79b62b;
}
.btn-primary.ph-color {
 background-color: #e67e22;
 border: 2px solid #e67e22;
}
.btn-primary.ph-color:hover, .btn-primary.ph-color:focus {
 background-color: #FFF;
 border-color: #e67e22;
 color: #e67e22 !important;
}
.btn-primary.ph-color:hover::before, .btn-primary.ph-color:focus::before {
 border-right: 20px solid #e67e22;
}
.btn-primary.vd-color {
 background-color: #15bdd8;
 border: 2px solid #15bdd8;
}
.btn-primary.vd-color:hover, .btn-primary.vd-color:focus {
 background-color: #FFF;
 border-color: #15bdd8;
 color: #15bdd8 !important;
}
.btn-primary.vd-color:hover::before, .btn-primary.vd-color:focus::before {
 border-right: 20px solid #15bdd8;
}
.btn-primary .fa {
 margin: 0 3px;
 font-size: 18px;
}
.btn-secondary {
 background-color: #0050AA;
 border: 2px solid #0050AA;
 color: #FFF;
 font-weight: normal;
 text-transform: uppercase;
 text-shadow: none;
 text-decoration: none;
 letter-spacing: 1px;
 padding: 10px 12px;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 border-radius: 0;
}
.btn-secondary:hover, .btn-secondary:focus {
 background-color: #FFF;
 border-color: #0050AA;
 color: #0050AA;
}
/* ==================================================
   Videos
================================================== */
.video {
 position: relative !important;
 height: auto !important;
 width: 100%;
 max-width: 960px;
 text-align: center;
 margin-left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
}
@media screen and (max-width: 580px) {
 /*.share .btn {
	max-width: 75px;
}*/
 .share .btn span {
  display: none;
 }
 .title {
  background-color: #0050AA;
  color: #FFF;
  padding: 10px;
 }
}