@charset "UTF-8";
/* ==================================
  !Fonts
  ================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic");
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ==================================
    !Base
  ================================== */
body {
  margin: 0 auto;
  width: 100%;
  font: normal 1em/1.5 'Open Sans', sans-serif;
  color: #303131;
}
main {
  margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.giga {
  font-size: 60px;
  line-height: 1.2;
}
.mega {
  font-size: 55px;
  line-height: 1.309090909090908;
}
.kilo {
  font-size: 50px;
  line-height: 1.44;
}
h1,
.alpha {
  font-size: 48px;
  line-height: 1;
}
h2,
.beta {
  font-size: 30px;
  line-height: 1.6;
}
h3,
.gamma {
  font-size: 26px;
  line-height: 1.846153846153846;
}
h4,
.delta {
  font-size: 22px;
  line-height: 1.090909090909091;
}
h5,
.epsilon {
  font-size: 20px;
  line-height: 1.2;
}
h6,
.zeta {
  font-size: 18px;
  line-height: 1.333333333333333;
}
a {
  text-decoration: none;
  color: #4a90e2;
}
a hover {
  color: #4a90e2;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
img[width],
img[height] {
  max-width: none;
}
.img-right {
  float: right;
  margin-bottom: 16px;
  margin-left: 16px;
}
.img-left {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
}
.img-center {
  display: block;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
}
.img-max-width {
  width: 100%;
  width: available;
  width: -moz-available;
  width: -webkit-fill-available;
  max-width: 100%;
  max-width: available;
  max-width: -moz-available;
  max-width: -webkit-fill-available;
  height: auto;
}
.img-max-height {
  height: 100%;
  height: available;
  height: -moz-available;
  height: -webkit-fill-available;
  max-height: 100%;
  max-height: available;
  max-height: -moz-available;
  max-height: -webkit-fill-available;
  width: auto;
}
figure {
  margin: 0;
}
figure > img {
  display: block;
}
strong {
  font-weight: 700;
}
em,
i {
  font-style: italic;
}
/* ==================================
    !Forms
  ================================== */
-webkit-input-placeholder {
  font-family: $font_family_comp1_italic;
}
-moz-placeholder {
  font-family: $font_family_comp1_italic;
}
-moz-placeholder {
  font-family: $font_family_comp1_italic;
}
-ms-input-placeholder {
  font-family: $font_family_comp1_italic;
}
/* ==================================
    !Tables
  ================================== */
table {
  width: 100%;
}
/* ==================================
    !buttons
  ================================== */
.btn {
  display: inline-block;
  padding: 8px 35px;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: 300;
  color: #fff;
  transition: background-color 300ms;
}
.btn:hover {
  background-color: rgba(255,255,255,0.2);
  transition: background-color 300ms;
}
/* ==================================
      !Page
    ================================== */
.section-content:before,
.section-content:after {
  content: '';
  display: table;
}
.section-content:after {
  clear: both;
}
.section {
  position: relative;
}
.section-content {
  max-width: 1184px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
/* ==================================
      !Grids & Widths
    ================================== */
.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -16px;
/* if use_markup_fix
    letter-spacing -0.31em */
}
.grid:before,
.grid:after {
  content: '';
  display: table;
}
.grid:after {
  clear: both;
}
.opera:-o-prefocus,
.grid {
  word-spacing: -0.43em;
}
.grid_item {
  float: left;
  padding-left: 16px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.grid-rev {
  direction: rtl;
  text-align: left;
}
.grid-rev > .grid_item {
  direction: ltr;
  text-align: left;
}
.grid-full {
  margin-left: 0;
}
.grid-full > .grid_item {
  padding-left: 0;
}
.grid-right {
  text-align: right;
}
.grid-right > .grid_item {
  text-align: left;
}
.grid-center {
  text-align: center;
}
.grid-center > .grid_item {
  text-align: left;
}
.grid-middle > .grid_item {
  vertical-align: middle;
}
.grid-bottom > .grid_item {
  vertical-align: bottom;
}
.grid-narrow {
  margin-left: -8px;
}
.grid-narrow > .grid_item {
  padding-left: 8px;
}
.grid-wide {
  margin-left: -32px;
}
.grid-wide > .grid_item {
  padding-left: 32px;
}
.one-whole {
  width: 100%;
}
.one-half {
  width: 50%;
}
.one-third {
  width: 33.3333333333333%;
}
.two-thirds {
  width: 66.6666666666667%;
}
.one-quarter {
  width: 25%;
}
.two-quarters {
  width: 50%;
}
.three-quarters {
  width: 75%;
}
.one-fifth {
  width: 20%;
}
.two-fifths {
  width: 40%;
}
.three-fifths {
  width: 60%;
}
.four-fifths {
  width: 80%;
}
.one-sixth {
  width: 16.6666666666667%;
}
.two-sixths {
  width: 33.3333333333333%;
}
.three-sixths {
  width: 50%;
}
.four-sixths {
  width: 66.6666666666667%;
}
.five-sixths {
  width: 83.3333333333333%;
}
.one-eighth {
  width: 12.5%;
}
.two-eighths {
  width: 25%;
}
.three-eighths {
  width: 37.5%;
}
.four-eighths {
  width: 50%;
}
.five-eighths {
  width: 62.5%;
}
.six-eighths {
  width: 75%;
}
.seven-eighths {
  width: 87.5%;
}
.one-tenth {
  width: 10%;
}
.two-tenths {
  width: 20%;
}
.three-tenths {
  width: 30%;
}
.four-tenths {
  width: 40%;
}
.five-tenths {
  width: 50%;
}
.six-tenths {
  width: 60%;
}
.seven-tenths {
  width: 70%;
}
.eight-tenths {
  width: 80%;
}
.nine-tenths {
  width: 90%;
}
.one-eleventh {
  width: 9.090909090909099%;
}
.two-elevenths {
  width: 18.181818181818198%;
}
.three-elevenths {
  width: 27.2727272727273%;
}
.four-elevenths {
  width: 36.363636363636395%;
}
.five-elevenths {
  width: 45.454545454545496%;
}
.six-elevenths {
  width: 54.5454545454545%;
}
.seven-elevenths {
  width: 63.636363636363605%;
}
.eight-elevenths {
  width: 72.72727272727269%;
}
.nine-elevenths {
  width: 81.8181818181818%;
}
.ten-elevenths {
  width: 90.90909090909089%;
}
.one-twelfth {
  width: 8.3333333333333%;
}
.two-twelfths {
  width: 16.6666666666667%;
}
.three-twelfths {
  width: 25%;
}
.four-twelfths {
  width: 33.3333333333333%;
}
.five-twelfths {
  width: 41.6666666666667%;
}
.six-twelfths {
  width: 50%;
}
.seven-twelfths {
  width: 58.3333333333333%;
}
.eight-twelfths {
  width: 66.6666666666667%;
}
.nine-twelfths {
  width: 75%;
}
.ten-twelfths {
  width: 83.3333333333333%;
}
.eleven-twelfths {
  width: 91.6666666666667%;
}
.one-thirteenth {
  width: 7.6923076923077%;
}
.two-thirteenths {
  width: 15.3846153846154%;
}
.three-thirteenths {
  width: 23.0769230769231%;
}
.four-thirteenths {
  width: 30.7692307692308%;
}
.five-thirteenths {
  width: 38.4615384615385%;
}
.six-thirteenths {
  width: 46.1538461538462%;
}
.seven-thirteenths {
  width: 53.8461538461538%;
}
.eight-thirteenths {
  width: 61.5384615384615%;
}
.nine-thirteenths {
  width: 69.2307692307692%;
}
.ten-thirteenths {
  width: 76.9230769230769%;
}
.eleven-thirteenths {
  width: 84.6153846153846%;
}
.twelve-thirteenths {
  width: 92.3076923076923%;
}
.one-fourteenth {
  width: 7.1428571428571%;
}
.two-fourteenths {
  width: 14.285714285714299%;
}
.three-fourteenths {
  width: 21.4285714285714%;
}
.four-fourteenths {
  width: 28.571428571428598%;
}
.five-fourteenths {
  width: 35.7142857142857%;
}
.six-fourteenths {
  width: 42.8571428571429%;
}
.seven-fourteenths {
  width: 50%;
}
.eight-fourteenths {
  width: 57.142857142857096%;
}
.nine-fourteenths {
  width: 64.2857142857143%;
}
.ten-fourteenths {
  width: 71.4285714285714%;
}
.eleven-fourteenths {
  width: 78.5714285714286%;
}
.twelve-fourteenths {
  width: 85.7142857142857%;
}
.thirteen-fourteenths {
  width: 92.8571428571429%;
}
.one-fifteenth {
  width: 6.6666666666667%;
}
.two-fifteenths {
  width: 13.3333333333333%;
}
.three-fifteenths {
  width: 20%;
}
.four-fifteenths {
  width: 26.6666666666667%;
}
.five-fifteenths {
  width: 33.3333333333333%;
}
.six-fifteenths {
  width: 40%;
}
.seven-fifteenths {
  width: 46.6666666666667%;
}
.eight-fifteenths {
  width: 53.3333333333333%;
}
.nine-fifteenths {
  width: 60%;
}
.ten-fifteenths {
  width: 66.6666666666667%;
}
.eleven-fifteenths {
  width: 73.3333333333333%;
}
.twelve-fifteenths {
  width: 80%;
}
.thirteen-fifteenths {
  width: 86.6666666666667%;
}
.fourteen-fifteenths {
  width: 93.3333333333333%;
}
@media only screen and (min-width: 569px) and (max-width: 960px) {
  .tablet-one-whole {
    width: 100%;
  }
  .tablet-one-half {
    width: 50%;
  }
  .tablet-one-third {
    width: 33.3333333333333%;
  }
  .tablet-two-thirds {
    width: 66.6666666666667%;
  }
  .tablet-one-quarter {
    width: 25%;
  }
  .tablet-two-quarters {
    width: 50%;
  }
  .tablet-three-quarters {
    width: 75%;
  }
  .tablet-one-fifth {
    width: 20%;
  }
  .tablet-two-fifths {
    width: 40%;
  }
  .tablet-three-fifths {
    width: 60%;
  }
  .tablet-four-fifths {
    width: 80%;
  }
  .tablet-one-sixth {
    width: 16.6666666666667%;
  }
  .tablet-two-sixths {
    width: 33.3333333333333%;
  }
  .tablet-three-sixths {
    width: 50%;
  }
  .tablet-four-sixths {
    width: 66.6666666666667%;
  }
  .tablet-five-sixths {
    width: 83.3333333333333%;
  }
  .tablet-one-eighth {
    width: 12.5%;
  }
  .tablet-two-eighths {
    width: 25%;
  }
  .tablet-three-eighths {
    width: 37.5%;
  }
  .tablet-four-eighths {
    width: 50%;
  }
  .tablet-five-eighths {
    width: 62.5%;
  }
  .tablet-six-eighths {
    width: 75%;
  }
  .tablet-seven-eighths {
    width: 87.5%;
  }
  .tablet-one-tenth {
    width: 10%;
  }
  .tablet-two-tenths {
    width: 20%;
  }
  .tablet-three-tenths {
    width: 30%;
  }
  .tablet-four-tenths {
    width: 40%;
  }
  .tablet-five-tenths {
    width: 50%;
  }
  .tablet-six-tenths {
    width: 60%;
  }
  .tablet-seven-tenths {
    width: 70%;
  }
  .tablet-eight-tenths {
    width: 80%;
  }
  .tablet-nine-tenths {
    width: 90%;
  }
  .tablet-one-eleventh {
    width: 9.090909090909099%;
  }
  .tablet-two-elevenths {
    width: 18.181818181818198%;
  }
  .tablet-three-elevenths {
    width: 27.2727272727273%;
  }
  .tablet-four-elevenths {
    width: 36.363636363636395%;
  }
  .tablet-five-elevenths {
    width: 45.454545454545496%;
  }
  .tablet-six-elevenths {
    width: 54.5454545454545%;
  }
  .tablet-seven-elevenths {
    width: 63.636363636363605%;
  }
  .tablet-eight-elevenths {
    width: 72.72727272727269%;
  }
  .tablet-nine-elevenths {
    width: 81.8181818181818%;
  }
  .tablet-ten-elevenths {
    width: 90.90909090909089%;
  }
  .tablet-one-twelfth {
    width: 8.3333333333333%;
  }
  .tablet-two-twelfths {
    width: 16.6666666666667%;
  }
  .tablet-three-twelfths {
    width: 25%;
  }
  .tablet-four-twelfths {
    width: 33.3333333333333%;
  }
  .tablet-five-twelfths {
    width: 41.6666666666667%;
  }
  .tablet-six-twelfths {
    width: 50%;
  }
  .tablet-seven-twelfths {
    width: 58.3333333333333%;
  }
  .tablet-eight-twelfths {
    width: 66.6666666666667%;
  }
  .tablet-nine-twelfths {
    width: 75%;
  }
  .tablet-ten-twelfths {
    width: 83.3333333333333%;
  }
  .tablet-eleven-twelfths {
    width: 91.6666666666667%;
  }
  .tablet-one-thirteenth {
    width: 7.6923076923077%;
  }
  .tablet-two-thirteenths {
    width: 15.3846153846154%;
  }
  .tablet-three-thirteenths {
    width: 23.0769230769231%;
  }
  .tablet-four-thirteenths {
    width: 30.7692307692308%;
  }
  .tablet-five-thirteenths {
    width: 38.4615384615385%;
  }
  .tablet-six-thirteenths {
    width: 46.1538461538462%;
  }
  .tablet-seven-thirteenths {
    width: 53.8461538461538%;
  }
  .tablet-eight-thirteenths {
    width: 61.5384615384615%;
  }
  .tablet-nine-thirteenths {
    width: 69.2307692307692%;
  }
  .tablet-ten-thirteenths {
    width: 76.9230769230769%;
  }
  .tablet-eleven-thirteenths {
    width: 84.6153846153846%;
  }
  .tablet-twelve-thirteenths {
    width: 92.3076923076923%;
  }
  .tablet-one-fourteenth {
    width: 7.1428571428571%;
  }
  .tablet-two-fourteenths {
    width: 14.285714285714299%;
  }
  .tablet-three-fourteenths {
    width: 21.4285714285714%;
  }
  .tablet-four-fourteenths {
    width: 28.571428571428598%;
  }
  .tablet-five-fourteenths {
    width: 35.7142857142857%;
  }
  .tablet-six-fourteenths {
    width: 42.8571428571429%;
  }
  .tablet-seven-fourteenths {
    width: 50%;
  }
  .tablet-eight-fourteenths {
    width: 57.142857142857096%;
  }
  .tablet-nine-fourteenths {
    width: 64.2857142857143%;
  }
  .tablet-ten-fourteenths {
    width: 71.4285714285714%;
  }
  .tablet-eleven-fourteenths {
    width: 78.5714285714286%;
  }
  .tablet-twelve-fourteenths {
    width: 85.7142857142857%;
  }
  .tablet-thirteen-fourteenths {
    width: 92.8571428571429%;
  }
  .tablet-one-fifteenth {
    width: 6.6666666666667%;
  }
  .tablet-two-fifteenths {
    width: 13.3333333333333%;
  }
  .tablet-three-fifteenths {
    width: 20%;
  }
  .tablet-four-fifteenths {
    width: 26.6666666666667%;
  }
  .tablet-five-fifteenths {
    width: 33.3333333333333%;
  }
  .tablet-six-fifteenths {
    width: 40%;
  }
  .tablet-seven-fifteenths {
    width: 46.6666666666667%;
  }
  .tablet-eight-fifteenths {
    width: 53.3333333333333%;
  }
  .tablet-nine-fifteenths {
    width: 60%;
  }
  .tablet-ten-fifteenths {
    width: 66.6666666666667%;
  }
  .tablet-eleven-fifteenths {
    width: 73.3333333333333%;
  }
  .tablet-twelve-fifteenths {
    width: 80%;
  }
  .tablet-thirteen-fifteenths {
    width: 86.6666666666667%;
  }
  .tablet-fourteen-fifteenths {
    width: 93.3333333333333%;
  }
}
@media only screen and (max-width: 568px) {
  .mobile-one-whole {
    width: 100%;
  }
  .mobile-one-half {
    width: 50%;
  }
  .mobile-one-third {
    width: 33.3333333333333%;
  }
  .mobile-two-thirds {
    width: 66.6666666666667%;
  }
  .mobile-one-quarter {
    width: 25%;
  }
  .mobile-two-quarters {
    width: 50%;
  }
  .mobile-three-quarters {
    width: 75%;
  }
  .mobile-one-fifth {
    width: 20%;
  }
  .mobile-two-fifths {
    width: 40%;
  }
  .mobile-three-fifths {
    width: 60%;
  }
  .mobile-four-fifths {
    width: 80%;
  }
  .mobile-one-sixth {
    width: 16.6666666666667%;
  }
  .mobile-two-sixths {
    width: 33.3333333333333%;
  }
  .mobile-three-sixths {
    width: 50%;
  }
  .mobile-four-sixths {
    width: 66.6666666666667%;
  }
  .mobile-five-sixths {
    width: 83.3333333333333%;
  }
  .mobile-one-eighth {
    width: 12.5%;
  }
  .mobile-two-eighths {
    width: 25%;
  }
  .mobile-three-eighths {
    width: 37.5%;
  }
  .mobile-four-eighths {
    width: 50%;
  }
  .mobile-five-eighths {
    width: 62.5%;
  }
  .mobile-six-eighths {
    width: 75%;
  }
  .mobile-seven-eighths {
    width: 87.5%;
  }
  .mobile-one-tenth {
    width: 10%;
  }
  .mobile-two-tenths {
    width: 20%;
  }
  .mobile-three-tenths {
    width: 30%;
  }
  .mobile-four-tenths {
    width: 40%;
  }
  .mobile-five-tenths {
    width: 50%;
  }
  .mobile-six-tenths {
    width: 60%;
  }
  .mobile-seven-tenths {
    width: 70%;
  }
  .mobile-eight-tenths {
    width: 80%;
  }
  .mobile-nine-tenths {
    width: 90%;
  }
  .mobile-one-eleventh {
    width: 9.090909090909099%;
  }
  .mobile-two-elevenths {
    width: 18.181818181818198%;
  }
  .mobile-three-elevenths {
    width: 27.2727272727273%;
  }
  .mobile-four-elevenths {
    width: 36.363636363636395%;
  }
  .mobile-five-elevenths {
    width: 45.454545454545496%;
  }
  .mobile-six-elevenths {
    width: 54.5454545454545%;
  }
  .mobile-seven-elevenths {
    width: 63.636363636363605%;
  }
  .mobile-eight-elevenths {
    width: 72.72727272727269%;
  }
  .mobile-nine-elevenths {
    width: 81.8181818181818%;
  }
  .mobile-ten-elevenths {
    width: 90.90909090909089%;
  }
  .mobile-one-twelfth {
    width: 8.3333333333333%;
  }
  .mobile-two-twelfths {
    width: 16.6666666666667%;
  }
  .mobile-three-twelfths {
    width: 25%;
  }
  .mobile-four-twelfths {
    width: 33.3333333333333%;
  }
  .mobile-five-twelfths {
    width: 41.6666666666667%;
  }
  .mobile-six-twelfths {
    width: 50%;
  }
  .mobile-seven-twelfths {
    width: 58.3333333333333%;
  }
  .mobile-eight-twelfths {
    width: 66.6666666666667%;
  }
  .mobile-nine-twelfths {
    width: 75%;
  }
  .mobile-ten-twelfths {
    width: 83.3333333333333%;
  }
  .mobile-eleven-twelfths {
    width: 91.6666666666667%;
  }
  .mobile-one-thirteenth {
    width: 7.6923076923077%;
  }
  .mobile-two-thirteenths {
    width: 15.3846153846154%;
  }
  .mobile-three-thirteenths {
    width: 23.0769230769231%;
  }
  .mobile-four-thirteenths {
    width: 30.7692307692308%;
  }
  .mobile-five-thirteenths {
    width: 38.4615384615385%;
  }
  .mobile-six-thirteenths {
    width: 46.1538461538462%;
  }
  .mobile-seven-thirteenths {
    width: 53.8461538461538%;
  }
  .mobile-eight-thirteenths {
    width: 61.5384615384615%;
  }
  .mobile-nine-thirteenths {
    width: 69.2307692307692%;
  }
  .mobile-ten-thirteenths {
    width: 76.9230769230769%;
  }
  .mobile-eleven-thirteenths {
    width: 84.6153846153846%;
  }
  .mobile-twelve-thirteenths {
    width: 92.3076923076923%;
  }
  .mobile-one-fourteenth {
    width: 7.1428571428571%;
  }
  .mobile-two-fourteenths {
    width: 14.285714285714299%;
  }
  .mobile-three-fourteenths {
    width: 21.4285714285714%;
  }
  .mobile-four-fourteenths {
    width: 28.571428571428598%;
  }
  .mobile-five-fourteenths {
    width: 35.7142857142857%;
  }
  .mobile-six-fourteenths {
    width: 42.8571428571429%;
  }
  .mobile-seven-fourteenths {
    width: 50%;
  }
  .mobile-eight-fourteenths {
    width: 57.142857142857096%;
  }
  .mobile-nine-fourteenths {
    width: 64.2857142857143%;
  }
  .mobile-ten-fourteenths {
    width: 71.4285714285714%;
  }
  .mobile-eleven-fourteenths {
    width: 78.5714285714286%;
  }
  .mobile-twelve-fourteenths {
    width: 85.7142857142857%;
  }
  .mobile-thirteen-fourteenths {
    width: 92.8571428571429%;
  }
  .mobile-one-fifteenth {
    width: 6.6666666666667%;
  }
  .mobile-two-fifteenths {
    width: 13.3333333333333%;
  }
  .mobile-three-fifteenths {
    width: 20%;
  }
  .mobile-four-fifteenths {
    width: 26.6666666666667%;
  }
  .mobile-five-fifteenths {
    width: 33.3333333333333%;
  }
  .mobile-six-fifteenths {
    width: 40%;
  }
  .mobile-seven-fifteenths {
    width: 46.6666666666667%;
  }
  .mobile-eight-fifteenths {
    width: 53.3333333333333%;
  }
  .mobile-nine-fifteenths {
    width: 60%;
  }
  .mobile-ten-fifteenths {
    width: 66.6666666666667%;
  }
  .mobile-eleven-fifteenths {
    width: 73.3333333333333%;
  }
  .mobile-twelve-fifteenths {
    width: 80%;
  }
  .mobile-thirteen-fifteenths {
    width: 86.6666666666667%;
  }
  .mobile-fourteen-fifteenths {
    width: 93.3333333333333%;
  }
}
/* ==================================
    !Header
  ================================== */
.page-header {
  background: transparent url("../images/bg-header-7.jpg") no-repeat center center;
  background-size: cover;
  padding: 20px 0 18px;
  color: #fff;
}
.page-header__logo {
  float: left;
}
.page-header__logo p {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.page-header__logo small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  font-style: italic;
}
.page-header__img {
  margin: 0 0 10px;
}
.page-header__img a {
  display: block;
  color: #fff;
}
.page-header__img img {
  display: inline-block;
  max-width: 40px;
  margin-right: 15px;
  vertical-align: middle;
}
.page-header__img h1 {
  display: inline-block;
  margin: 0;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 0.8;
  font-weight: 700;
  vertical-align: middle;
}
.page-header__source {
  position: absolute;
  right: 0;
  bottom: -10px;
}
.page-header__source a {
  color: #fff;
  font-style: italic;
  opacity: 0.4;
  transition: opacity 300ms;
}
.page-header__source a:hover {
  opacity: 0.5;
  transition: opacity 300ms;
}
.page-header--sections {
  background-color: #fff;
  height: auto;
  padding-top: 20px;
  color: #303131;
}
.page-header--sections__logo {
  float: left;
}
.page-header--sections__logo p {
  margin: 0 0 8px;
  text-transform: uppercase;
}
.page-header--sections__logo small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  font-style: italic;
}
.page-header--sections__img {
  margin: 0 0 18px;
}
.page-header--sections__img a {
  display: block;
  color: #fff;
}
.page-header--sections__img img {
  display: inline-block;
  max-height: 50px;
  margin-right: 15px;
  vertical-align: middle;
}
.page-header--sections__img h1 {
  display: inline-block;
  margin: 0;
  font-size: 54px;
  font-size: 3.375rem;
  line-height: 0.8;
  font-weight: 700;
  vertical-align: middle;
}
.page-header--sections__info {
  padding-top: 12px;
}
.page-header--sections .social-media a {
  color: #6b6b6b;
}
/* ==================================
      !Logo
    ================================== */
/* ==================================
    !Social Media
  ================================== */
.social-media {
  float: right;
}
.social-media li {
  display: inline;
  margin-left: 8px;
}
.social-media li:first-child {
  margin-left: 0;
}
.social-media a {
  font-size: 26px;
  line-height: 1;
  color: #fff;
}
.social-media .fa-facebook:hover {
  color: #3b5998;
}
.social-media .fa-twitter:hover {
  color: #00aced;
}
.social-media .fa-youtube-play:hover {
  color: #b00;
}
/* ==================================
    !Navigation
  ================================== */
.page-nav {
  background-color: #064586;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
}
.page-nav__main > li {
  position: relative;
  display: inline-block;
}
.page-nav__main > li:hover ul {
  display: block;
}
.page-nav__main > li > a {
  display: block;
  padding: 16px 25px 9px;
  border-bottom: 5px solid transparent;
  font-weight: 300;
}
.page-nav__main > li > a:hover,
.page-nav__main > li > a.active {
  border-color: #fff;
}
.page-nav__sec {
  display: none;
  background-color: #064586;
  padding: 20px 0;
  border-top: 1px solid #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
}
.page-nav__sec a {
  display: block;
  padding: 5px 25px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-nav__sec a:hover {
  text-decoration: underline;
}
.page-nav a {
  color: #fff;
}
/* ==================================
    !Footer
  ================================== */
.page-footer {
  color: #fff;
}
.page-footer__members {
  padding: 45px 0;
  background-color: #115193;
}
.page-footer__members h2 {
  margin-bottom: 45px;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.page-footer__members h3 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  font-weight: 600;
}
.page-footer__info {
  padding: 35px 0;
  background-color: #08417c;
}
.page-footer__privacy {
  float: left;
}
.page-footer__privacy p,
.page-footer__privacy ul {
  line-height: 1.5;
}
.page-footer__privacy li {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #fff;
}
.page-footer__privacy li:first-child {
  border-left: none;
  padding-left: 0;
}
.page-footer__privacy p {
  margin: 0;
}
.page-footer__privacy a {
  color: #fff;
  text-decoration: underline;
}
.page-footer__privacy a:hover {
  text-decoration: none;
}
.page-footer__social {
  padding-top: 14px;
}
.section-members__sector {
  margin-bottom: 38px;
}
.section-members__sector li {
  line-height: 1.3;
  margin-bottom: 10px;
}
.section-members__sector a {
  color: #fff;
  text-decoration: underline;
}
.section-members__sector a:hover {
  text-decoration: none;
}
/* ==================================
      !Slider
    ================================== */
.main-slider {
  position: relative;
  color: #fff;
}
.main-slider .slides li {
  position: relative;
}
.main-slider .slides .slide-photo:before,
.main-slider .slides .slide-contrast:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-slider .slides .slide-photo:before {
  background-color: rgba(0,0,0,0.6);
}
.main-slider .slides .slide-photo figure {
  float: left;
  margin-right: 25px;
  border: 1px solid #ececec;
}
.main-slider .slides .slide-photo p {
  max-width: 100%;
}
.main-slider .slides .slide-contrast:before {
  background-color: rgba(0,0,0,0.2);
}
.main-slider__info {
  position: absolute;
  top: 75px;
  left: 70px;
  right: 70px;
}
.main-slider__info h3,
.main-slider__info h4,
.main-slider__info p {
  text-shadow: 0 0 4px #555;
  margin: 0 0 20px;
}
.main-slider__info h4 strong,
.main-slider__info p strong {
  font-weight: 600;
}
.main-slider__info h3 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
}
.main-slider__info h4 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 300;
}
.main-slider__info p {
  max-width: 60%;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6;
  font-weight: 300;
}
.menu-slider {
  position: relative;
  border-top: 1px solid #fff;
}
.menu-slider .slides li {
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 300ms;
}
.menu-slider .slides li:hover,
.menu-slider .slides li.flex-active-slide {
  opacity: 1;
  transition: opacity 300ms;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
  display: inline-block;
  font: normal normal normal 14px/1 'FontAwesome';
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -28px;
  padding: 15px;
  z-index: 5;
  opacity: 0.5;
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-prev.flex-disabled,
.flex-direction-nav .flex-next.flex-disabled {
  display: none;
}
.flex-direction-nav .flex-prev {
  left: 5px;
}
.flex-direction-nav .flex-prev:before {
  content: '\f053';
}
.flex-direction-nav .flex-next {
  right: 5px;
}
.flex-direction-nav .flex-next:before {
  content: '\f054';
}
/* ==================================
    !Guide Styles
  ================================== */
body {
  background-color: #f8f8f8;
}
h2:first-child,
h3:first-child,
h4:first-child {
  margin-top: 0;
}
.page-main {
  padding: 65px 0;
}
.page-main--sections {
  padding-top: 0;
}
ul.bullets {
  list-style-type: disc;
  list-style-position: inside;
}
h2,
h3 {
  font-weight: 600;
}
p,
a,
small {
  font-weight: 300;
}
.section-about-us,
.section-calendar,
.section-contents,
.aside-nav {
  background-color: #fff;
  padding: 35px;
  border: 1px solid #ececec;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  /*color: #6b6b6b;*/
  color: #444;
}
.section-programs h2,
.section-organizations h2 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.section-intro {
  margin-bottom: 65px;
}
.section-about-us {
  margin-bottom: 65px;
  padding-right: 150px;
}
.section-about-us h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2;
}
.section-about-us a {
  text-decoration: underline;
}
.section-about-us a:hover {
  text-decoration: none;
}
.section-calendar {
  margin-bottom: 65px;
  position: relative;
  padding-top: 80px;
}
.section-calendar .list-calendar {
  height: 343px;
  overflow: auto;
}
.section-calendar .list-calendar li {
  margin-bottom: 16px;
}
.section-calendar h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #115193;
  margin: 0;
  padding: 20px 35px;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.section-calendar h3 {
  margin: 7px 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 300;
  color: #6b6b6b;
}
.section-calendar a {
  display: block;
  color: #6b6b6b;
}
.section-calendar a:hover .time,
.section-calendar a:hover .location {
  color: #6b6b6b;
}
.section-calendar a:hover h3 {
  text-decoration: underline;
  color: #4a90e2;
}
.section-calendar .time,
.section-calendar .location {
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  /*color: #d8d8d8;*/
  color: #333;
}
.section-calendar .fa {
  margin-right: 6px;
}
.section-programs {
  margin-bottom: 65px;
}
.article-program {
  position: relative;
  height: 380px;
  margin-bottom: 16px;
  padding: 35px;
  color: #fff;
}
.article-program:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 500ms;
}
.article-program--education {
  background: transparent url("../images/programs/program-education-1.jpg") no-repeat center center;
  background-size: cover;
}
.article-program--women {
  background: transparent url("../images/programs/program-women-1.jpg") no-repeat center center;
  background-size: cover;
}
.article-program--water {
  background: transparent url("../images/programs/program-water.jpg") no-repeat center center;
  background-size: cover;
}
.article-program--energy {
  background: transparent url("../images/programs/program-energy.jpg") no-repeat center center;
  background-size: cover;
}
.article-program--capacity {
  background: transparent url("../images/programs/program-capacity-3.jpg") no-repeat center center;
  background-size: cover;
}
.article-program--climate {
  background: transparent url("../images/programs/program-climate.jpg") no-repeat center center;
  background-size: cover;
}
.article-program--food {
  background: transparent url("../images/programs/program-food.jpg") no-repeat center center;
  background-size: cover;
}
.article-program:hover:before,
.article-program:hover main,
.article-program:hover footer {
  opacity: 1;
  transition: opacity 500ms;
}
.article-program header,
.article-program main,
.article-program footer {
  position: relative;
}
.article-program main,
.article-program footer {
  opacity: 0;
  transition: opacity 500ms;
}
.article-program h3,
.article-program h4,
.article-program p {
  text-shadow: 0 0 1px #333;
}
.article-program h3 {
  margin-bottom: 15px;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1;
  font-weight: 700;
}
.article-program h4 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  font-weight: 400;
}
.article-program p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
}
.article-program a {
  color: #fff;
  text-decoration: underline;
}
.article-program a:hover {
  text-decoration: none;
}
.article-program ul p {
  margin: 0;
}
.section-organizations .list-organizations {
  text-align: center;
}
.section-organizations .list-organizations li {
  display: inline-block;
  padding: 10px 15px;
  vertical-align: middle;
}
.section-organizations .list-organizations img {
  opacity: 0.5;
}
.section-title {
  position: relative;
  background: transparent url("../images/bg-program-2.jpg") no-repeat center center;
  background-size: cover;
  padding: 65px 0;
  margin-bottom: 65px;
}
.section-title--science-education {
  background: transparent url("../images/bg-program-1.jpg") no-repeat center center;
  background-size: cover;
}
.section-title--energy {
  background: transparent url("../images/bg-program-5.jpg") no-repeat center center;
  background-size: cover;
}
.section-title--women-for-science {
  background: transparent url("../images/bg-program-4.jpg") no-repeat center center;
  background-size: cover;
}
.section-title--water {
  background: transparent url("../images/bg-program-3.jpg") no-repeat center center;
  background-size: cover;
}
.section-title--capacity-building {
  background: transparent url("../images/bg-program-6.jpg") no-repeat center center;
  background-size: cover;
}
.section-title:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.4);
}
.section-title h2 {
  margin: 0;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  text-shadow: 0 0 1px #333;
  color: #fff;
}
.aside-nav a,
.section-contents a {
  text-decoration: underline;
}
.aside-nav a:hover,
.section-contents a:hover {
  text-decoration: none;
}
.aside-nav li {
  margin-bottom: 15px;
}
/* ==================================
    !Books
  ================================== */
.section-books__list:before,
.section-books__list:after {
  content: '';
  display: block;
}
.section-books__list:after {
  clear: both;
}
.section-books__list li {
  width: 28.33%;
  height: 300px;
  padding: 10px 5% 10px 0;
  float: left;
}
.section-books__list h4 {
  display: none;
}
.section-books__list img {
  max-width: 140px;
  margin: inherit;
}
.section-activities__list ul {
  list-style-type: disc;
  list-style-position: inside;
}
.section-activities__list ul ul {
  list-style-type: circle;
  list-style-position: inside;
  padding-left: 25px;
}
.section-activities__list .figure {
  margin: 25px 0;
}
.section-activities__list .figure:first-child {
  margin-top: 0;
}
.art-postheader {
  display: none;
}
/* ==================================
      !Media Queries
    ================================== */
@media only screen and (min-width: 569px) and (max-width: 960px) {
  body {
    background: #fff;
  }
}
@media only screen and (max-width: 568px) {
  body {
    background: #fff;
  }
}
/* ==================================
    !Helpers
  ================================== */
.no-scroll {
  overflow: hidden;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.hidden-opacity {
  opacity: 0;
}
.visually-hidden,
.vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
}
.clearfix:before,
.cf:before,
.clearfix:after,
.cf:after {
  content: "";
  display: table;
}
.clearfix:after,
.cf:after {
  clear: both;
}
.float-right,
.fr {
  float: right;
}
.float-left,
.fl {
  float: left;
}
.text-center,
.tc {
  text-align: center;
}
.text-right,
.tr,
.proceed {
  text-align: right;
}
.informative {
  cursor: help;
}
.muted {
  opacity: 0.5;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.caps {
  text-transform: capitalize;
}
.hidde {
  position: absolute;
  left: -9999px;
}
.quotes:before,
.q:before,
.quotes:after,
.q:after {
  content: '"';
}
.first-letter:first-letter {
  background-color: $orange_comp;
  padding: 6px 10px 0;
  margin-right: 10px;
  font-family: $font_family_sec_black;
  font-size: 70px;
  line-height: 1;
  color: #fff;
  float: left;
}
.buffer-top {
  margin-top: 65px;
}
.buffer-bottom {
  margin-bottom: 65px;
}
@-moz-document url-prefix() {
  .first-letter:first-letter {
    padding: 10px;
  }
}