/**
 * @file base.scss
 *   The Base stylesheet contains almost exclusively single element selectors;
 *   but it could include attribute selectors, pseudo-class selectors, child
 *   selectors or sibling selectors. Essentially, a base style says that
 *   wherever this element is on the page, it should look like this.
 *
 *   Base can also be used for basic styles that don't map well to HTML
 *   elements. For example, you might have background color classes in this
 *   file.
 */
html {
  font-size: 62.5%; }

body {
  color: #585858;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.7em;
  line-height: 1.6em; }

h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.nav {
  font-family: 'Proxima Nova W01 Alternate'; }

h1 {
  color: #00aec7;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase; }
  h1:first-child {
    margin-top: 0; }
  h1.h1__alt {
    color: white;
    text-shadow: 1px 1px 3px #000; }

.jumbotron + .container h1:first-child {
  margin-top: 0; }

h2 {
  color: #da291c;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase; }
  h2.h2__alt {
    font-size: 2.4rem;
    margin-left: 12px; }
  h2 .cayan-logo-footer {
    color: white;
    font-size: 5rem; }

h3 {
  color: #00aec7;
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: uppercase; }
  h3.h3__alt {
    color: #333;
    font-size: 2.2rem; }
  h3:first-child {
    margin-top: 0; }

h4 {
  color: #da291c;
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: uppercase; }
  h4.h4__alt {
    border-bottom: 2px solid #00aec7;
    margin-bottom: 18px;
    padding-bottom: 18px; }
  h4.h4__alt-2 {
    color: #3d3d3d;
    font-size: 2.2rem;
    padding-bottom: 10px;
    text-align: center;
    text-transform: none; }
    h4.h4__alt-2:after {
      background-color: #00aec7;
      content: "";
      display: block;
      height: 1px;
      left: 50%;
      margin-left: -25%;
      margin-top: 20px;
      position: relative;
      width: 50%; }
  h4.h4__alt-3, h4.h4__alt-3 a {
    font-size: 2.2rem;
    padding-bottom: 10px;
    text-transform: none; }

h5 {
  color: black;
  font-size: 1.6rem;
  font-weight: 600; }
  h5.h5__alt {
    color: #00aec7;
    font-size: 2.2rem;
    margin-top: 0; }

a {
  color: #da291c; }
  a:hover, a:focus {
    color: #da291c; }

ol,
ul {
  padding-left: 20px; }

p.small {
  font-size: 1.4rem;
  opacity: 0.5; }

blockquote {
  border-left: none;
  font-style: italic;
  margin: 20px 0 20px 40px;
  padding: 20px 0;
  position: relative; }
  blockquote:before, blockquote:after {
    background-image: url(../img/hex-small.png);
    color: white;
    display: block;
    font-family: 'times';
    font-size: 40px;
    height: 27px;
    line-height: 1.1;
    position: absolute;
    width: 31px; }
  blockquote:before {
    content: "\201c";
    left: -36px;
    text-align: left;
    top: -5px; }
  blockquote:after {
    content: "\201d";
    bottom: 0px;
    right: 0px;
    text-align: center; }

::selection {
  background: #00aec7;
  color: white; }

::-moz-selection {
  background: #00aec7;
  color: white; }

@font-face {
  font-family: 'cayan';
  src: url("fonts/cayan.eot?-a3izwy");
  src: url("fonts/cayan.eot?#iefix-a3izwy") format("embedded-opentype"), url("fonts/cayan.woff?-a3izwy") format("woff"), url("fonts/cayan.ttf?-a3izwy") format("truetype"), url("fonts/cayan.svg?-a3izwy#cayan") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="cayan-"],
[class*=" cayan-"] {
  font-family: 'cayan';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cayan-arrow-down:before {
  content: "\e600"; }

.cayan-arrow-up:before {
  content: "\e601"; }

.cayan-cards:before {
  content: "\e602"; }

.cayan-chat:before {
  content: "\e603"; }

.cayan-enterprise:before {
  content: "\e604"; }

.cayan-facebook:before {
  content: "\e605"; }

.cayan-flex:before {
  content: "\e606"; }

.cayan-genius:before {
  content: "\e607"; }

.cayan-googleplus:before {
  content: "\e608"; }

.cayan-linkedin:before {
  content: "\e609"; }

.cayan-logo-01:before {
  content: "\e60a"; }

.cayan-logo-02:before {
  content: "\e60b"; }

.cayan-logo-03:before {
  content: "\e60c"; }

.cayan-old-logo:before {
  content: "\e60d"; }

.cayan-polygon-02:before {
  content: "\e60e"; }

.cayan-polygon:before {
  content: "\e60f"; }

.cayan-quote-01:before {
  content: "\e610"; }

.cayan-quote-02:before {
  content: "\e611"; }

.cayan-search:before {
  content: "\e612"; }

.cayan-twitter:before {
  content: "\e613"; }

.cayan-youtube:before {
  content: "\e614"; }

/*# sourceMappingURL=base.css.map */
