/**
*
* FONTS
*
**/
@font-face {
 font-family: gotham;
 src: url(../../fonts/gotham/gothamhtf-thin-webfont.eot);
 src: url(../../fonts/gotham/gothamhtf-thin-webfont.woff) format('woff'),
      url(../../fonts/gotham/gothamhtf-thin-webfont.woff2) format('woff2'),
      url(../../fonts/gotham/gothamhtf-thin-webfont.ttf) format('ttf'),
      url(../../fonts/gotham/gothamhtf-thin-webfont.svg) format('svg');
 font-weight:100;
}
@font-face {
 font-family: gotham;
 src: url(../../fonts/gotham/gothamhtf-light-webfont.eot);
 src: url(../../fonts/gotham/gothamhtf-light-webfont.woff) format('woff'),
      url(../../fonts/gotham/gothamhtf-light-webfont.woff2) format('woff2'),
      url(../../fonts/gotham/gothamhtf-light-webfont.ttf) format('ttf'),
      url(../../fonts/gotham/gothamhtf-light-webfont.svg) format('svg');
 font-weight:200;
}
@font-face {
 font-family: gotham;
 src: url(../../fonts/gotham/gothamhtf-medium-webfont.eot);
 src: url(../../fonts/gotham/gothamhtf-medium-webfont.woff) format('woff'),
      url(../../fonts/gotham/gothamhtf-medium-webfont.woff2) format('woff2'),
      url(../../fonts/gotham/gothamhtf-medium-webfont.ttf) format('ttf'),
      url(../../fonts/gotham/gothamhtf-medium-webfont.svg) format('svg');
 font-weight:normal;
}
@font-face {
 font-family: gotham;
 src: url(../../fonts/gotham/gothamhtf-bold-webfont.eot);
 src: url(../../fonts/gotham/gothamhtf-bold-webfont.woff) format('woff'),
      url(../../fonts/gotham/gothamhtf-bold-webfont.woff2) format('woff2'),
      url(../../fonts/gotham/gothamhtf-bold-webfont.ttf) format('ttf'),
      url(../../fonts/gotham/gothamhtf-bold-webfont.svg) format('svg');
 font-weight:bold;
}
@font-face {
 font-family: gotham;
 src: url(../../fonts/gotham/gothamhtf-black-webfont.eot);
 src: url(../../fonts/gotham/gothamhtf-black-webfont.woff) format('woff'),
      url(../../fonts/gotham/gothamhtf-black-webfont.woff2) format('woff2'),
      url(../../fonts/gotham/gothamhtf-black-webfont.ttf) format('ttf'),
      url(../../fonts/gotham/gothamhtf-black-webfont.svg) format('svg');
 font-weight:900;
}
@font-face {
 font-family: open-sans;
 src: url(../../fonts/open-sans/OpenSans-Regular.ttf);
 font-weight:normal;
}
@font-face {
 font-family: open-sans;
 src: url(../../fonts/open-sans/OpenSans-Light.ttf);
 font-weight:200;
}
@font-face {
 font-family: open-sans;
 src: url(../../fonts/open-sans/OpenSans-Bold.ttf);
 font-weight:bold;
}

html{
  background-color: #ffffff;
}

body{
  font-family: 'gotham', sans-serif;
  margin: auto;
  padding: 0 !important;
}
.font-gotham{
  font-family: 'gotham', sans-serif;
}
.font-open-sans{
  font-family: 'open-sans', sans-serif;
}
.font-weight-thin{
  font-weight: 100;
}
.font-weight-slim{
  font-weight: 200;
}
.font-weight-black{
  font-weight: 900;
}
.letter-spacing-one{
  letter-spacing: -1px;
}
.letter-spacing-two{
  letter-spacing: -2px;
}
.letter-spacing-three{
  letter-spacing: -3px;
}
.h2-titles{
  font-size: 26px;
  letter-spacing: -1px;
}
.pt-45{
  padding-top: 45px;
}

/**
*
* COLORS
*
**/
.color-primary{
  color: #DBE9F9;
}
.color-primary-bg{
  background-color: #DBE9F9;
}
.color-primary-light{
  color:#EEF7FD;
}
.color-primary-light-bg{
  background-color:#EEF7FD;
}
.color-primary-dark{
  color: #013375;
}
.color-primary-dark-bg{
  background-color: #013375;
}
.color-primary-semi-dark{
  color: #3077A6;
}
.color-primary-semi-dark-bg{
  background-color: #3077A6;
}
.color-white{
  color:#ffffff;
}
.color-white-bg{
  background-color: #ffffff;
}
.color-gray{
  color:#444444;
}
.color-gray-bg{
  background-color:#444444;
}
.color-gray-mid{
  color:#6B6B75;
}
.color-gray-mid-bg{
  background-color:#6B6B75;
}
.color-gray-light{
  color:#eaeaea;
}
.color-gray-light-bg{
  background-color: #eaeaea;
}
.color-gray-very-light{
  color: #f1f1f1;
}
.color-gray-very-light-bg{
  background-color: #f1f1f1;
}

/**
*
* TRANSITIONS
*
**/
.transition-three{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.transition-five{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/**
*
* BOOTSTRAP CONTAINER CHANGES
*
**/

@media (min-width: 576px){
  .container {
      max-width: 95%;
  }
}

@media (min-width: 1200px){
  .container {
      max-width: 1140px;
  }
}

/**
*
* Other
*
**/
sup{
  top:-1em;
  font-size: 50%;
}
sub{
  font-size: 50%;
}

/**
*
* MQ's
*
**/
@media (max-width:475px){
  .h2-titles{
    font-size: 20px;
  }
}