@charset "UTF-8";
/*!
Theme Name: EGM 2017
Theme URI: http://www.egmission.org/
Author: Oneicity (Joe Tan)

DO NOT EDIT style.css DIRECTLY. 

Use style.scss.
*/
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-15px); }
  60% {
    -webkit-transform: translateY(-7px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-15px); }
  60% {
    -moz-transform: translateY(-7px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-15px); }
  60% {
    transform: translateY(-7px); } }
@-webkit-keyframes pulse {
  0% {
    margin-bottom: 0px;
    opacity: 0; }
  10% {
    margin-bottom: 0px;
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    margin-bottom: -15px;
    opacity: 1; }
  75% {
    opacity: 1; }
  90% {
    margin-bottom: 0px;
    opacity: 0; }
  100% {
    margin-bottom: 0px;
    opacity: 0; } }
@-moz-keyframes pulse {
  0% {
    margin-bottom: 0px;
    opacity: 0; }
  10% {
    margin-bottom: 0px;
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    margin-bottom: -15px;
    opacity: 1; }
  75% {
    opacity: 1; }
  90% {
    margin-bottom: 0px;
    opacity: 0; }
  100% {
    margin-bottom: 0px;
    opacity: 0; } }
@keyframes pulse {
  0% {
    margin-bottom: 0px;
    opacity: 0; }
  10% {
    margin-bottom: 0px;
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    margin-bottom: -15px;
    opacity: 1; }
  75% {
    opacity: 1; }
  90% {
    margin-bottom: 0px;
    opacity: 0; }
  100% {
    margin-bottom: 0px;
    opacity: 0; } }
@-webkit-keyframes loading {
  100% {
    background-position: 0px -570px; } }
@-moz-keyframes loading {
  100% {
    background-position: 0px -570px; } }
@keyframes loading {
  100% {
    background-position: 0px -570px; } }
@-webkit-keyframes loop {
  from {
    -webkit-transform: translate(0%, 0%); }
  to {
    -webkit-transform: translate(-50%, 0%); } }
@-moz-keyframes loop {
  from {
    -moz-transform: translate(0%, 0%); }
  to {
    -moz-transform: translate(-50%, 0%); } }
@keyframes loop {
  from {
    transform: translate(0%, 0%); }
  to {
    transform: translate(-50%, 0%); } }
/*
Author: Joe Tan (joetan54@gmail.com)

Copyright (c) 2017 Joe Tan
THIS CODE MAY NOT BE REDISTRIBUTED WITHOUT EXPLICIT PERMISSION
*/
/* @group Grid Layout */
.row {
  position: relative;
  margin-bottom: 20px;
  zoom: 1; }
  .row:after {
    content: ' ';
    display: block;
    clear: both; }
  .row:last-child {
    margin-bottom: 0; }
  .row.group {
    margin-bottom: 0; }

/*! 16 grid, 25px margins */
.row > [class*="span"],
.row > [class*="col"],
.wpb_row.vc_row-fluid > [class*="vc_span"] {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  margin-left: -25px;
  margin-left: calc(-25px); }

.row > [class*="span"],
.row > [class*="col"],
.wpb_row.vc_row-fluid > [class*="vc_span"] {
  margin-left: 25px;
  margin-left: calc(25px); }

.row > .col1_10 {
  width: 10%;
  width: -webkit-calc(10% - 25px);
  width: -moz-calc(10% - 25px);
  width: calc(10% - 25px); }

.row > .offset1_10 {
  margin-left: 10%;
  margin-left: -webkit-calc(10% + 25px);
  margin-left: -moz-calc(10% + 25px);
  margin-left: calc(10% + 25px); }

.row > .col1_5, .row > .col2_10, .row > .col3_15 {
  width: 20%;
  width: -webkit-calc(20% - 25px);
  width: -moz-calc(20% - 25px);
  width: calc(20% - 25px); }

.row > .offset1_5, .row > .offset2_10, .row > .offset3_15 {
  margin-left: 20%;
  margin-left: -webkit-calc(20% + 25px);
  margin-left: -moz-calc(20% + 25px);
  margin-left: calc(20% + 25px); }

.row > .col1_4, .row > .col2_8, .row > .col3_12, .row > .col4_16, .row > .span3, .wpb_row.vc_row-fluid > .vc_span3 {
  width: 25%;
  width: -webkit-calc(25% - 25px);
  width: -moz-calc(25% - 25px);
  width: calc(25% - 25px); }

.row > .offset1_4, .row > .offset2_8, .row > .offset3_12, .row > .offset4_16, .row > .offset3 {
  margin-left: 25%;
  margin-left: -webkit-calc(25% + 25px);
  margin-left: -moz-calc(25% + 25px);
  margin-left: calc(25% + 25px); }

.row > .col3_10 {
  width: 30%;
  width: -webkit-calc(30% - 25px);
  width: -moz-calc(30% - 25px);
  width: calc(30% - 25px); }

.row > .offset3_10 {
  margin-left: 30%;
  margin-left: -webkit-calc(30% + 25px);
  margin-left: -moz-calc(30% + 25px);
  margin-left: calc(30% + 25px); }

.row > .col2_5, .row > .col4_10, .row > .col6_15 {
  width: 40%;
  width: -webkit-calc(40% - 25px);
  width: -moz-calc(40% - 25px);
  width: calc(40% - 25px); }

.row > .offset2_5, .row > .offset4_10, .row > .offset6_15 {
  margin-left: 40%;
  margin-left: -webkit-calc(40% + 25px);
  margin-left: -moz-calc(40% + 25px);
  margin-left: calc(40% + 25px); }

.row > .col1_2, .row > .col2_4, .row > .col3_6, .row > .col4_8, .row > .col5_10, .row > .col6_12, .row > .col7_14, .row > .col8_16, .row > .span6, .wpb_row.vc_row-fluid > .vc_span6 {
  width: 50%;
  width: -webkit-calc(50% - 25px);
  width: -moz-calc(50% - 25px);
  width: calc(50% - 25px); }

.row > .offset1_2, .row > .offset2_4, .row > .offset3_6, .row > .offset4_8, .row > .offset5_10, .row > .offset6_12, .row > .offset7_14, .row > .offset8_16, .row > .offset6 {
  margin-left: 50%;
  margin-left: -webkit-calc(50% + 25px);
  margin-left: -moz-calc(50% + 25px);
  margin-left: calc(50% + 25px); }

.row > .col3_5, .row > .col6_10, .row > .col9_15 {
  width: 60%;
  width: -webkit-calc(60% - 25px);
  width: -moz-calc(60% - 25px);
  width: calc(60% - 25px); }

.row > .offset3_5, .row > .offset6_10, .row > .offset9_15 {
  margin-left: 60%;
  margin-left: -webkit-calc(60% + 25px);
  margin-left: -moz-calc(60% + 25px);
  margin-left: calc(60% + 25px); }

.row > .col7_10 {
  width: 70%;
  width: -webkit-calc(70% - 25px);
  width: -moz-calc(70% - 25px);
  width: calc(70% - 25px); }

.row > .offset7_10 {
  margin-left: 70%;
  margin-left: -webkit-calc(70% + 25px);
  margin-left: -moz-calc(70% + 25px);
  margin-left: calc(70% + 25px); }

.row > .col3_4, .row > .col6_8, .row > .col9_12, .row > .col12_16, .row > .span9, .wpb_row.vc_row-fluid > .vc_span9 {
  width: 75%;
  width: -webkit-calc(75% - 25px);
  width: -moz-calc(75% - 25px);
  width: calc(75% - 25px); }

.row > .offset3_4, .row > .offset6_8, .row > .offset9_12, .row > .offset12_16, .row > .offset9 {
  margin-left: 75%;
  margin-left: -webkit-calc(75% + 25px);
  margin-left: -moz-calc(75% + 25px);
  margin-left: calc(75% + 25px); }

.row > .col4_5, .row > .col8_10, .row > .col12_15 {
  width: 80%;
  width: -webkit-calc(80% - 25px);
  width: -moz-calc(80% - 25px);
  width: calc(80% - 25px); }

.row > .offset4_5, .row > .offset8_10, .row > .offset12_15 {
  margin-left: 80%;
  margin-left: -webkit-calc(80% + 25px);
  margin-left: -moz-calc(80% + 25px);
  margin-left: calc(80% + 25px); }

.row > .col9_10 {
  width: 90%;
  width: -webkit-calc(90% - 25px);
  width: -moz-calc(90% - 25px);
  width: calc(90% - 25px); }

.row > .offset9_10 {
  margin-left: 90%;
  margin-left: -webkit-calc(90% + 25px);
  margin-left: -moz-calc(90% + 25px);
  margin-left: calc(90% + 25px); }

.row > .col1_1, .row > .col2_2, .row > .col3_3, .row > .col4_4, .row > .col5_5, .row > .col6_6, .row > .col7_7, .row > .col8_8, .row > .col9_9, .row > .col10_10, .row > .col11_11, .row > .col12_12, .row > .col13_13, .row > .col14_14, .row > .col15_15, .row > .col16_16, .row > .span12, .wpb_row.vc_row-fluid > .vc_span12 {
  width: 100%;
  width: -webkit-calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: calc(100% - 25px); }

.row > .offset1_1, .row > .offset2_2, .row > .offset3_3, .row > .offset4_4, .row > .offset5_5, .row > .offset6_6, .row > .offset7_7, .row > .offset8_8, .row > .offset9_9, .row > .offset10_10, .row > .offset11_11, .row > .offset12_12, .row > .offset13_13, .row > .offset14_14, .row > .offset15_15, .row > .offset16_16, .row > .offset12 {
  margin-left: 100%;
  margin-left: -webkit-calc(100% + 25px);
  margin-left: -moz-calc(100% + 25px);
  margin-left: calc(100% + 25px); }

.row > .col1_3, .row > .col2_6, .row > .col3_9, .row > .col4_12, .row > .col5_15, .row > .span4, .wpb_row.vc_row-fluid > .vc_span4 {
  width: 33.333%;
  width: -webkit-calc(33.333% - 25px);
  width: -moz-calc(33.333% - 25px);
  width: calc(33.333% - 25px); }

.row > .offset1_3, .row > .offset2_6, .row > .offset3_9, .row > .offset4_12, .row > .offset5_15, .row > .offset4 {
  margin-left: 33.333%;
  margin-left: -webkit-calc(33.333% + 25px);
  margin-left: -moz-calc(33.333% + 25px);
  margin-left: calc(33.333% + 25px); }

.row > .col2_3, .row > .col4_6, .row > .col6_9, .row > .col8_12, .row > .col10_15, .row > .span8, .wpb_row.vc_row-fluid > .vc_span8 {
  width: 66.667%;
  width: -webkit-calc(66.667% - 25px);
  width: -moz-calc(66.667% - 25px);
  width: calc(66.667% - 25px); }

.row > .offset2_3, .row > .offset4_6, .row > .offset6_9, .row > .offset8_12, .row > .offset10_15, .row > .offset8 {
  margin-left: 66.667%;
  margin-left: -webkit-calc(66.667% + 25px);
  margin-left: -moz-calc(66.667% + 25px);
  margin-left: calc(66.667% + 25px); }

.row > .col1_6, .row > .col2_12, .row > .span2, .wpb_row.vc_row-fluid > .vc_span2 {
  width: 16.667%;
  width: -webkit-calc(16.667% - 25px);
  width: -moz-calc(16.667% - 25px);
  width: calc(16.667% - 25px); }

.row > .offset1_6, .row > .offset2_12, .row > .offset2 {
  margin-left: 16.667%;
  margin-left: -webkit-calc(16.667% + 25px);
  margin-left: -moz-calc(16.667% + 25px);
  margin-left: calc(16.667% + 25px); }

.row > .col5_6, .row > .col10_12, .row > .span10, .wpb_row.vc_row-fluid > .vc_span10 {
  width: 83.333%;
  width: -webkit-calc(83.333% - 25px);
  width: -moz-calc(83.333% - 25px);
  width: calc(83.333% - 25px); }

.row > .offset5_6, .row > .offset10_12, .row > .offset10 {
  margin-left: 83.333%;
  margin-left: -webkit-calc(83.333% + 25px);
  margin-left: -moz-calc(83.333% + 25px);
  margin-left: calc(83.333% + 25px); }

.row > .col1_7, .row > .col2_14 {
  width: 14.286%;
  width: -webkit-calc(14.286% - 25px);
  width: -moz-calc(14.286% - 25px);
  width: calc(14.286% - 25px); }

.row > .offset1_7, .row > .offset2_14 {
  margin-left: 14.286%;
  margin-left: -webkit-calc(14.286% + 25px);
  margin-left: -moz-calc(14.286% + 25px);
  margin-left: calc(14.286% + 25px); }

.row > .col2_7, .row > .col4_14 {
  width: 28.571%;
  width: -webkit-calc(28.571% - 25px);
  width: -moz-calc(28.571% - 25px);
  width: calc(28.571% - 25px); }

.row > .offset2_7, .row > .offset4_14 {
  margin-left: 28.571%;
  margin-left: -webkit-calc(28.571% + 25px);
  margin-left: -moz-calc(28.571% + 25px);
  margin-left: calc(28.571% + 25px); }

.row > .col3_7, .row > .col6_14 {
  width: 42.857%;
  width: -webkit-calc(42.857% - 25px);
  width: -moz-calc(42.857% - 25px);
  width: calc(42.857% - 25px); }

.row > .offset3_7, .row > .offset6_14 {
  margin-left: 42.857%;
  margin-left: -webkit-calc(42.857% + 25px);
  margin-left: -moz-calc(42.857% + 25px);
  margin-left: calc(42.857% + 25px); }

.row > .col4_7, .row > .col8_14 {
  width: 57.143%;
  width: -webkit-calc(57.143% - 25px);
  width: -moz-calc(57.143% - 25px);
  width: calc(57.143% - 25px); }

.row > .offset4_7, .row > .offset8_14 {
  margin-left: 57.143%;
  margin-left: -webkit-calc(57.143% + 25px);
  margin-left: -moz-calc(57.143% + 25px);
  margin-left: calc(57.143% + 25px); }

.row > .col5_7, .row > .col10_14 {
  width: 71.429%;
  width: -webkit-calc(71.429% - 25px);
  width: -moz-calc(71.429% - 25px);
  width: calc(71.429% - 25px); }

.row > .offset5_7, .row > .offset10_14 {
  margin-left: 71.429%;
  margin-left: -webkit-calc(71.429% + 25px);
  margin-left: -moz-calc(71.429% + 25px);
  margin-left: calc(71.429% + 25px); }

.row > .col6_7, .row > .col12_14 {
  width: 85.714%;
  width: -webkit-calc(85.714% - 25px);
  width: -moz-calc(85.714% - 25px);
  width: calc(85.714% - 25px); }

.row > .offset6_7, .row > .offset12_14 {
  margin-left: 85.714%;
  margin-left: -webkit-calc(85.714% + 25px);
  margin-left: -moz-calc(85.714% + 25px);
  margin-left: calc(85.714% + 25px); }

.row > .col1_8, .row > .col2_16 {
  width: 12.5%;
  width: -webkit-calc(12.5% - 25px);
  width: -moz-calc(12.5% - 25px);
  width: calc(12.5% - 25px); }

.row > .offset1_8, .row > .offset2_16 {
  margin-left: 12.5%;
  margin-left: -webkit-calc(12.5% + 25px);
  margin-left: -moz-calc(12.5% + 25px);
  margin-left: calc(12.5% + 25px); }

.row > .col3_8, .row > .col6_16 {
  width: 37.5%;
  width: -webkit-calc(37.5% - 25px);
  width: -moz-calc(37.5% - 25px);
  width: calc(37.5% - 25px); }

.row > .offset3_8, .row > .offset6_16 {
  margin-left: 37.5%;
  margin-left: -webkit-calc(37.5% + 25px);
  margin-left: -moz-calc(37.5% + 25px);
  margin-left: calc(37.5% + 25px); }

.row > .col5_8, .row > .col10_16 {
  width: 62.5%;
  width: -webkit-calc(62.5% - 25px);
  width: -moz-calc(62.5% - 25px);
  width: calc(62.5% - 25px); }

.row > .offset5_8, .row > .offset10_16 {
  margin-left: 62.5%;
  margin-left: -webkit-calc(62.5% + 25px);
  margin-left: -moz-calc(62.5% + 25px);
  margin-left: calc(62.5% + 25px); }

.row > .col7_8, .row > .col14_16 {
  width: 87.5%;
  width: -webkit-calc(87.5% - 25px);
  width: -moz-calc(87.5% - 25px);
  width: calc(87.5% - 25px); }

.row > .offset7_8, .row > .offset14_16 {
  margin-left: 87.5%;
  margin-left: -webkit-calc(87.5% + 25px);
  margin-left: -moz-calc(87.5% + 25px);
  margin-left: calc(87.5% + 25px); }

.row > .col1_9 {
  width: 11.111%;
  width: -webkit-calc(11.111% - 25px);
  width: -moz-calc(11.111% - 25px);
  width: calc(11.111% - 25px); }

.row > .offset1_9 {
  margin-left: 11.111%;
  margin-left: -webkit-calc(11.111% + 25px);
  margin-left: -moz-calc(11.111% + 25px);
  margin-left: calc(11.111% + 25px); }

.row > .col2_9 {
  width: 22.222%;
  width: -webkit-calc(22.222% - 25px);
  width: -moz-calc(22.222% - 25px);
  width: calc(22.222% - 25px); }

.row > .offset2_9 {
  margin-left: 22.222%;
  margin-left: -webkit-calc(22.222% + 25px);
  margin-left: -moz-calc(22.222% + 25px);
  margin-left: calc(22.222% + 25px); }

.row > .col4_9 {
  width: 44.444%;
  width: -webkit-calc(44.444% - 25px);
  width: -moz-calc(44.444% - 25px);
  width: calc(44.444% - 25px); }

.row > .offset4_9 {
  margin-left: 44.444%;
  margin-left: -webkit-calc(44.444% + 25px);
  margin-left: -moz-calc(44.444% + 25px);
  margin-left: calc(44.444% + 25px); }

.row > .col5_9 {
  width: 55.556%;
  width: -webkit-calc(55.556% - 25px);
  width: -moz-calc(55.556% - 25px);
  width: calc(55.556% - 25px); }

.row > .offset5_9 {
  margin-left: 55.556%;
  margin-left: -webkit-calc(55.556% + 25px);
  margin-left: -moz-calc(55.556% + 25px);
  margin-left: calc(55.556% + 25px); }

.row > .col7_9 {
  width: 77.778%;
  width: -webkit-calc(77.778% - 25px);
  width: -moz-calc(77.778% - 25px);
  width: calc(77.778% - 25px); }

.row > .offset7_9 {
  margin-left: 77.778%;
  margin-left: -webkit-calc(77.778% + 25px);
  margin-left: -moz-calc(77.778% + 25px);
  margin-left: calc(77.778% + 25px); }

.row > .col8_9 {
  width: 88.889%;
  width: -webkit-calc(88.889% - 25px);
  width: -moz-calc(88.889% - 25px);
  width: calc(88.889% - 25px); }

.row > .offset8_9 {
  margin-left: 88.889%;
  margin-left: -webkit-calc(88.889% + 25px);
  margin-left: -moz-calc(88.889% + 25px);
  margin-left: calc(88.889% + 25px); }

.row > .col1_11 {
  width: 9.091%;
  width: -webkit-calc(9.091% - 25px);
  width: -moz-calc(9.091% - 25px);
  width: calc(9.091% - 25px); }

.row > .offset1_11 {
  margin-left: 9.091%;
  margin-left: -webkit-calc(9.091% + 25px);
  margin-left: -moz-calc(9.091% + 25px);
  margin-left: calc(9.091% + 25px); }

.row > .col2_11 {
  width: 18.182%;
  width: -webkit-calc(18.182% - 25px);
  width: -moz-calc(18.182% - 25px);
  width: calc(18.182% - 25px); }

.row > .offset2_11 {
  margin-left: 18.182%;
  margin-left: -webkit-calc(18.182% + 25px);
  margin-left: -moz-calc(18.182% + 25px);
  margin-left: calc(18.182% + 25px); }

.row > .col3_11 {
  width: 27.273%;
  width: -webkit-calc(27.273% - 25px);
  width: -moz-calc(27.273% - 25px);
  width: calc(27.273% - 25px); }

.row > .offset3_11 {
  margin-left: 27.273%;
  margin-left: -webkit-calc(27.273% + 25px);
  margin-left: -moz-calc(27.273% + 25px);
  margin-left: calc(27.273% + 25px); }

.row > .col4_11 {
  width: 36.364%;
  width: -webkit-calc(36.364% - 25px);
  width: -moz-calc(36.364% - 25px);
  width: calc(36.364% - 25px); }

.row > .offset4_11 {
  margin-left: 36.364%;
  margin-left: -webkit-calc(36.364% + 25px);
  margin-left: -moz-calc(36.364% + 25px);
  margin-left: calc(36.364% + 25px); }

.row > .col5_11 {
  width: 45.455%;
  width: -webkit-calc(45.455% - 25px);
  width: -moz-calc(45.455% - 25px);
  width: calc(45.455% - 25px); }

.row > .offset5_11 {
  margin-left: 45.455%;
  margin-left: -webkit-calc(45.455% + 25px);
  margin-left: -moz-calc(45.455% + 25px);
  margin-left: calc(45.455% + 25px); }

.row > .col6_11 {
  width: 54.545%;
  width: -webkit-calc(54.545% - 25px);
  width: -moz-calc(54.545% - 25px);
  width: calc(54.545% - 25px); }

.row > .offset6_11 {
  margin-left: 54.545%;
  margin-left: -webkit-calc(54.545% + 25px);
  margin-left: -moz-calc(54.545% + 25px);
  margin-left: calc(54.545% + 25px); }

.row > .col7_11 {
  width: 63.636%;
  width: -webkit-calc(63.636% - 25px);
  width: -moz-calc(63.636% - 25px);
  width: calc(63.636% - 25px); }

.row > .offset7_11 {
  margin-left: 63.636%;
  margin-left: -webkit-calc(63.636% + 25px);
  margin-left: -moz-calc(63.636% + 25px);
  margin-left: calc(63.636% + 25px); }

.row > .col8_11 {
  width: 72.727%;
  width: -webkit-calc(72.727% - 25px);
  width: -moz-calc(72.727% - 25px);
  width: calc(72.727% - 25px); }

.row > .offset8_11 {
  margin-left: 72.727%;
  margin-left: -webkit-calc(72.727% + 25px);
  margin-left: -moz-calc(72.727% + 25px);
  margin-left: calc(72.727% + 25px); }

.row > .col9_11 {
  width: 81.818%;
  width: -webkit-calc(81.818% - 25px);
  width: -moz-calc(81.818% - 25px);
  width: calc(81.818% - 25px); }

.row > .offset9_11 {
  margin-left: 81.818%;
  margin-left: -webkit-calc(81.818% + 25px);
  margin-left: -moz-calc(81.818% + 25px);
  margin-left: calc(81.818% + 25px); }

.row > .col10_11 {
  width: 90.909%;
  width: -webkit-calc(90.909% - 25px);
  width: -moz-calc(90.909% - 25px);
  width: calc(90.909% - 25px); }

.row > .offset10_11 {
  margin-left: 90.909%;
  margin-left: -webkit-calc(90.909% + 25px);
  margin-left: -moz-calc(90.909% + 25px);
  margin-left: calc(90.909% + 25px); }

.row > .col1_12, .row > .span1, .wpb_row.vc_row-fluid > .vc_span1 {
  width: 8.333%;
  width: -webkit-calc(8.333% - 25px);
  width: -moz-calc(8.333% - 25px);
  width: calc(8.333% - 25px); }

.row > .offset1_12, .row > .offset1 {
  margin-left: 8.333%;
  margin-left: -webkit-calc(8.333% + 25px);
  margin-left: -moz-calc(8.333% + 25px);
  margin-left: calc(8.333% + 25px); }

.row > .col5_12, .row > .span5, .wpb_row.vc_row-fluid > .vc_span5 {
  width: 41.667%;
  width: -webkit-calc(41.667% - 25px);
  width: -moz-calc(41.667% - 25px);
  width: calc(41.667% - 25px); }

.row > .offset5_12, .row > .offset5 {
  margin-left: 41.667%;
  margin-left: -webkit-calc(41.667% + 25px);
  margin-left: -moz-calc(41.667% + 25px);
  margin-left: calc(41.667% + 25px); }

.row > .col7_12, .row > .span7, .wpb_row.vc_row-fluid > .vc_span7 {
  width: 58.333%;
  width: -webkit-calc(58.333% - 25px);
  width: -moz-calc(58.333% - 25px);
  width: calc(58.333% - 25px); }

.row > .offset7_12, .row > .offset7 {
  margin-left: 58.333%;
  margin-left: -webkit-calc(58.333% + 25px);
  margin-left: -moz-calc(58.333% + 25px);
  margin-left: calc(58.333% + 25px); }

.row > .col11_12, .row > .span11, .wpb_row.vc_row-fluid > .vc_span11 {
  width: 91.667%;
  width: -webkit-calc(91.667% - 25px);
  width: -moz-calc(91.667% - 25px);
  width: calc(91.667% - 25px); }

.row > .offset11_12, .row > .offset11 {
  margin-left: 91.667%;
  margin-left: -webkit-calc(91.667% + 25px);
  margin-left: -moz-calc(91.667% + 25px);
  margin-left: calc(91.667% + 25px); }

.row > .col1_13 {
  width: 7.692%;
  width: -webkit-calc(7.692% - 25px);
  width: -moz-calc(7.692% - 25px);
  width: calc(7.692% - 25px); }

.row > .offset1_13 {
  margin-left: 7.692%;
  margin-left: -webkit-calc(7.692% + 25px);
  margin-left: -moz-calc(7.692% + 25px);
  margin-left: calc(7.692% + 25px); }

.row > .col2_13 {
  width: 15.385%;
  width: -webkit-calc(15.385% - 25px);
  width: -moz-calc(15.385% - 25px);
  width: calc(15.385% - 25px); }

.row > .offset2_13 {
  margin-left: 15.385%;
  margin-left: -webkit-calc(15.385% + 25px);
  margin-left: -moz-calc(15.385% + 25px);
  margin-left: calc(15.385% + 25px); }

.row > .col3_13 {
  width: 23.077%;
  width: -webkit-calc(23.077% - 25px);
  width: -moz-calc(23.077% - 25px);
  width: calc(23.077% - 25px); }

.row > .offset3_13 {
  margin-left: 23.077%;
  margin-left: -webkit-calc(23.077% + 25px);
  margin-left: -moz-calc(23.077% + 25px);
  margin-left: calc(23.077% + 25px); }

.row > .col4_13 {
  width: 30.769%;
  width: -webkit-calc(30.769% - 25px);
  width: -moz-calc(30.769% - 25px);
  width: calc(30.769% - 25px); }

.row > .offset4_13 {
  margin-left: 30.769%;
  margin-left: -webkit-calc(30.769% + 25px);
  margin-left: -moz-calc(30.769% + 25px);
  margin-left: calc(30.769% + 25px); }

.row > .col5_13 {
  width: 38.462%;
  width: -webkit-calc(38.462% - 25px);
  width: -moz-calc(38.462% - 25px);
  width: calc(38.462% - 25px); }

.row > .offset5_13 {
  margin-left: 38.462%;
  margin-left: -webkit-calc(38.462% + 25px);
  margin-left: -moz-calc(38.462% + 25px);
  margin-left: calc(38.462% + 25px); }

.row > .col6_13 {
  width: 46.154%;
  width: -webkit-calc(46.154% - 25px);
  width: -moz-calc(46.154% - 25px);
  width: calc(46.154% - 25px); }

.row > .offset6_13 {
  margin-left: 46.154%;
  margin-left: -webkit-calc(46.154% + 25px);
  margin-left: -moz-calc(46.154% + 25px);
  margin-left: calc(46.154% + 25px); }

.row > .col7_13 {
  width: 53.846%;
  width: -webkit-calc(53.846% - 25px);
  width: -moz-calc(53.846% - 25px);
  width: calc(53.846% - 25px); }

.row > .offset7_13 {
  margin-left: 53.846%;
  margin-left: -webkit-calc(53.846% + 25px);
  margin-left: -moz-calc(53.846% + 25px);
  margin-left: calc(53.846% + 25px); }

.row > .col8_13 {
  width: 61.538%;
  width: -webkit-calc(61.538% - 25px);
  width: -moz-calc(61.538% - 25px);
  width: calc(61.538% - 25px); }

.row > .offset8_13 {
  margin-left: 61.538%;
  margin-left: -webkit-calc(61.538% + 25px);
  margin-left: -moz-calc(61.538% + 25px);
  margin-left: calc(61.538% + 25px); }

.row > .col9_13 {
  width: 69.231%;
  width: -webkit-calc(69.231% - 25px);
  width: -moz-calc(69.231% - 25px);
  width: calc(69.231% - 25px); }

.row > .offset9_13 {
  margin-left: 69.231%;
  margin-left: -webkit-calc(69.231% + 25px);
  margin-left: -moz-calc(69.231% + 25px);
  margin-left: calc(69.231% + 25px); }

.row > .col10_13 {
  width: 76.923%;
  width: -webkit-calc(76.923% - 25px);
  width: -moz-calc(76.923% - 25px);
  width: calc(76.923% - 25px); }

.row > .offset10_13 {
  margin-left: 76.923%;
  margin-left: -webkit-calc(76.923% + 25px);
  margin-left: -moz-calc(76.923% + 25px);
  margin-left: calc(76.923% + 25px); }

.row > .col11_13 {
  width: 84.615%;
  width: -webkit-calc(84.615% - 25px);
  width: -moz-calc(84.615% - 25px);
  width: calc(84.615% - 25px); }

.row > .offset11_13 {
  margin-left: 84.615%;
  margin-left: -webkit-calc(84.615% + 25px);
  margin-left: -moz-calc(84.615% + 25px);
  margin-left: calc(84.615% + 25px); }

.row > .col12_13 {
  width: 92.308%;
  width: -webkit-calc(92.308% - 25px);
  width: -moz-calc(92.308% - 25px);
  width: calc(92.308% - 25px); }

.row > .offset12_13 {
  margin-left: 92.308%;
  margin-left: -webkit-calc(92.308% + 25px);
  margin-left: -moz-calc(92.308% + 25px);
  margin-left: calc(92.308% + 25px); }

.row > .col1_14 {
  width: 7.143%;
  width: -webkit-calc(7.143% - 25px);
  width: -moz-calc(7.143% - 25px);
  width: calc(7.143% - 25px); }

.row > .offset1_14 {
  margin-left: 7.143%;
  margin-left: -webkit-calc(7.143% + 25px);
  margin-left: -moz-calc(7.143% + 25px);
  margin-left: calc(7.143% + 25px); }

.row > .col3_14 {
  width: 21.429%;
  width: -webkit-calc(21.429% - 25px);
  width: -moz-calc(21.429% - 25px);
  width: calc(21.429% - 25px); }

.row > .offset3_14 {
  margin-left: 21.429%;
  margin-left: -webkit-calc(21.429% + 25px);
  margin-left: -moz-calc(21.429% + 25px);
  margin-left: calc(21.429% + 25px); }

.row > .col5_14 {
  width: 35.714%;
  width: -webkit-calc(35.714% - 25px);
  width: -moz-calc(35.714% - 25px);
  width: calc(35.714% - 25px); }

.row > .offset5_14 {
  margin-left: 35.714%;
  margin-left: -webkit-calc(35.714% + 25px);
  margin-left: -moz-calc(35.714% + 25px);
  margin-left: calc(35.714% + 25px); }

.row > .col9_14 {
  width: 64.286%;
  width: -webkit-calc(64.286% - 25px);
  width: -moz-calc(64.286% - 25px);
  width: calc(64.286% - 25px); }

.row > .offset9_14 {
  margin-left: 64.286%;
  margin-left: -webkit-calc(64.286% + 25px);
  margin-left: -moz-calc(64.286% + 25px);
  margin-left: calc(64.286% + 25px); }

.row > .col11_14 {
  width: 78.571%;
  width: -webkit-calc(78.571% - 25px);
  width: -moz-calc(78.571% - 25px);
  width: calc(78.571% - 25px); }

.row > .offset11_14 {
  margin-left: 78.571%;
  margin-left: -webkit-calc(78.571% + 25px);
  margin-left: -moz-calc(78.571% + 25px);
  margin-left: calc(78.571% + 25px); }

.row > .col13_14 {
  width: 92.857%;
  width: -webkit-calc(92.857% - 25px);
  width: -moz-calc(92.857% - 25px);
  width: calc(92.857% - 25px); }

.row > .offset13_14 {
  margin-left: 92.857%;
  margin-left: -webkit-calc(92.857% + 25px);
  margin-left: -moz-calc(92.857% + 25px);
  margin-left: calc(92.857% + 25px); }

.row > .col1_15 {
  width: 6.667%;
  width: -webkit-calc(6.667% - 25px);
  width: -moz-calc(6.667% - 25px);
  width: calc(6.667% - 25px); }

.row > .offset1_15 {
  margin-left: 6.667%;
  margin-left: -webkit-calc(6.667% + 25px);
  margin-left: -moz-calc(6.667% + 25px);
  margin-left: calc(6.667% + 25px); }

.row > .col2_15 {
  width: 13.333%;
  width: -webkit-calc(13.333% - 25px);
  width: -moz-calc(13.333% - 25px);
  width: calc(13.333% - 25px); }

.row > .offset2_15 {
  margin-left: 13.333%;
  margin-left: -webkit-calc(13.333% + 25px);
  margin-left: -moz-calc(13.333% + 25px);
  margin-left: calc(13.333% + 25px); }

.row > .col4_15 {
  width: 26.667%;
  width: -webkit-calc(26.667% - 25px);
  width: -moz-calc(26.667% - 25px);
  width: calc(26.667% - 25px); }

.row > .offset4_15 {
  margin-left: 26.667%;
  margin-left: -webkit-calc(26.667% + 25px);
  margin-left: -moz-calc(26.667% + 25px);
  margin-left: calc(26.667% + 25px); }

.row > .col7_15 {
  width: 46.667%;
  width: -webkit-calc(46.667% - 25px);
  width: -moz-calc(46.667% - 25px);
  width: calc(46.667% - 25px); }

.row > .offset7_15 {
  margin-left: 46.667%;
  margin-left: -webkit-calc(46.667% + 25px);
  margin-left: -moz-calc(46.667% + 25px);
  margin-left: calc(46.667% + 25px); }

.row > .col8_15 {
  width: 53.333%;
  width: -webkit-calc(53.333% - 25px);
  width: -moz-calc(53.333% - 25px);
  width: calc(53.333% - 25px); }

.row > .offset8_15 {
  margin-left: 53.333%;
  margin-left: -webkit-calc(53.333% + 25px);
  margin-left: -moz-calc(53.333% + 25px);
  margin-left: calc(53.333% + 25px); }

.row > .col11_15 {
  width: 73.333%;
  width: -webkit-calc(73.333% - 25px);
  width: -moz-calc(73.333% - 25px);
  width: calc(73.333% - 25px); }

.row > .offset11_15 {
  margin-left: 73.333%;
  margin-left: -webkit-calc(73.333% + 25px);
  margin-left: -moz-calc(73.333% + 25px);
  margin-left: calc(73.333% + 25px); }

.row > .col13_15 {
  width: 86.667%;
  width: -webkit-calc(86.667% - 25px);
  width: -moz-calc(86.667% - 25px);
  width: calc(86.667% - 25px); }

.row > .offset13_15 {
  margin-left: 86.667%;
  margin-left: -webkit-calc(86.667% + 25px);
  margin-left: -moz-calc(86.667% + 25px);
  margin-left: calc(86.667% + 25px); }

.row > .col14_15 {
  width: 93.333%;
  width: -webkit-calc(93.333% - 25px);
  width: -moz-calc(93.333% - 25px);
  width: calc(93.333% - 25px); }

.row > .offset14_15 {
  margin-left: 93.333%;
  margin-left: -webkit-calc(93.333% + 25px);
  margin-left: -moz-calc(93.333% + 25px);
  margin-left: calc(93.333% + 25px); }

.row > .col1_16 {
  width: 6.25%;
  width: -webkit-calc(6.25% - 25px);
  width: -moz-calc(6.25% - 25px);
  width: calc(6.25% - 25px); }

.row > .offset1_16 {
  margin-left: 6.25%;
  margin-left: -webkit-calc(6.25% + 25px);
  margin-left: -moz-calc(6.25% + 25px);
  margin-left: calc(6.25% + 25px); }

.row > .col3_16 {
  width: 18.75%;
  width: -webkit-calc(18.75% - 25px);
  width: -moz-calc(18.75% - 25px);
  width: calc(18.75% - 25px); }

.row > .offset3_16 {
  margin-left: 18.75%;
  margin-left: -webkit-calc(18.75% + 25px);
  margin-left: -moz-calc(18.75% + 25px);
  margin-left: calc(18.75% + 25px); }

.row > .col5_16 {
  width: 31.25%;
  width: -webkit-calc(31.25% - 25px);
  width: -moz-calc(31.25% - 25px);
  width: calc(31.25% - 25px); }

.row > .offset5_16 {
  margin-left: 31.25%;
  margin-left: -webkit-calc(31.25% + 25px);
  margin-left: -moz-calc(31.25% + 25px);
  margin-left: calc(31.25% + 25px); }

.row > .col7_16 {
  width: 43.75%;
  width: -webkit-calc(43.75% - 25px);
  width: -moz-calc(43.75% - 25px);
  width: calc(43.75% - 25px); }

.row > .offset7_16 {
  margin-left: 43.75%;
  margin-left: -webkit-calc(43.75% + 25px);
  margin-left: -moz-calc(43.75% + 25px);
  margin-left: calc(43.75% + 25px); }

.row > .col9_16 {
  width: 56.25%;
  width: -webkit-calc(56.25% - 25px);
  width: -moz-calc(56.25% - 25px);
  width: calc(56.25% - 25px); }

.row > .offset9_16 {
  margin-left: 56.25%;
  margin-left: -webkit-calc(56.25% + 25px);
  margin-left: -moz-calc(56.25% + 25px);
  margin-left: calc(56.25% + 25px); }

.row > .col11_16 {
  width: 68.75%;
  width: -webkit-calc(68.75% - 25px);
  width: -moz-calc(68.75% - 25px);
  width: calc(68.75% - 25px); }

.row > .offset11_16 {
  margin-left: 68.75%;
  margin-left: -webkit-calc(68.75% + 25px);
  margin-left: -moz-calc(68.75% + 25px);
  margin-left: calc(68.75% + 25px); }

.row > .col13_16 {
  width: 81.25%;
  width: -webkit-calc(81.25% - 25px);
  width: -moz-calc(81.25% - 25px);
  width: calc(81.25% - 25px); }

.row > .offset13_16 {
  margin-left: 81.25%;
  margin-left: -webkit-calc(81.25% + 25px);
  margin-left: -moz-calc(81.25% + 25px);
  margin-left: calc(81.25% + 25px); }

.row > .col15_16 {
  width: 93.75%;
  width: -webkit-calc(93.75% - 25px);
  width: -moz-calc(93.75% - 25px);
  width: calc(93.75% - 25px); }

.row > .offset15_16 {
  margin-left: 93.75%;
  margin-left: -webkit-calc(93.75% + 25px);
  margin-left: -moz-calc(93.75% + 25px);
  margin-left: calc(93.75% + 25px); }

.grid {
  position: relative; }

.grid:after {
  content: ' ';
  display: block;
  clear: both; }

.grid > [class*="col"] {
  float: left; }

.grid > .col1_4 {
  width: 25%; }

.grid > .col1_2,
.grid > .col2_4,
.grid > .col3_6 {
  width: 50%; }

.grid > .col3_4 {
  width: 75%; }

.grid > .col1_1,
.grid > .col2_2,
.grid > .col3_3,
.grid > .col4_4,
.grid > .col5_5,
.grid > .col6_6 {
  width: 100%; }

.grid > .col1_3,
.grid > .col2_6 {
  width: 33.333%; }

.grid > .col2_3,
.grid > .col4_6 {
  width: 66.666%; }

.grid > .col1_5 {
  width: 20%; }

.grid > .col2_5 {
  width: 40%; }

.grid > .col3_5 {
  width: 60%; }

.grid > .col4_5 {
  width: 80%; }

.grid > .col1_6 {
  width: 16.666%; }

.grid > .col5_6 {
  width: 83.333%; }

.grid > .col1_7 {
  width: 14.285%; }

.grid > .col1_8 {
  width: 12.5%; }

.grid > .col1_9 {
  width: 11.111%; }

.grid > .col1_10 {
  width: 10%; }

.grid > .offset1_1 {
  margin-left: 100%; }

.grid > .offset1_2 {
  margin-left: 50%; }

.grid > .offset1_3 {
  margin-left: 33.333%; }

.grid > .offset1_4 {
  margin-left: 25%; }

.grid > .offset1_5 {
  margin-left: 20%; }

.grid > .offset1_6 {
  margin-left: 16.666%; }

.grid > .offset1_7 {
  margin-left: 14.285%; }

.grid > .offset1_8 {
  margin-left: 12.5%; }

.grid > .offset1_9 {
  margin-left: 11.111%; }

.grid > .offset1_10 {
  margin-left: 10%; }

.table-grid {
  display: table;
  border-collapse: separate; }
  .table-grid > .row {
    display: table-row;
    margin-left: 0;
    margin-bottom: 5px; }
    .table-grid > .row > [class*="col"] {
      display: table-cell;
      float: none;
      width: auto; }
      .table-grid > .row > [class*="col"].col1_2 {
        width: 50%; }
      .table-grid > .row > [class*="col"].col1_3 {
        width: 33.333%; }
      .table-grid > .row > [class*="col"].col2_3 {
        width: 66.666%; }

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px; }

.show-grid [class*="span"],
.show-grid [class*="col"] {
  background-color: #578ec8;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
  color: #fff; }

@media screen and (max-width: 767px) {
  .row,
  .row > [class*="span"],
  .row > [class*="col"],
  .grid,
  .grid > [class*="col"] {
    width: auto;
    float: none;
    display: block;
    margin-left: 0; }

  .table-grid,
  .table-grid > .grid,
  .table-grid > .grid > [class*="col"] {
    float: none;
    display: block;
    width: auto; } }
/* @end */
xmp {
  margin: 0 0 1em;
  background: yellow;
  color: #000;
  overflow: hidden;
  font-size: 10px; }

img.sample {
  background: #00aaee; }

html, body {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic", CenturyGothic, Nunito, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.55;
  color: #4d4d4d;
  text-align: left;
  min-width: 320px; }

html {
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background: #363636; }

body {
  padding: 0 0 0px 0;
  background: #fff; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

em strong,
strong em {
  font-weight: bold;
  font-style: italic; }

.mobile-only {
  display: none; }

.hidden {
  display: block;
  position: absolute;
  top: -10000px;
  height: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden; }

.clear {
  clear: both; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.entity {
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial, Helvetica, sans-serif; }

.text-sans-serif {
  font-family: "Century Gothic", CenturyGothic, Nunito, sans-serif; }

.text-serif {
  font-family: "Antic Slab", serif; }

.text-uppercase {
  text-transform: uppercase; }

.text-lowercase {
  text-transform: lowercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-aligncenter,
.text-center {
  text-align: center; }

.text-alignright,
.text-right {
  text-align: right; }

.text-alignleft,
.text-left {
  text-align: left; }

img {
  max-width: 100%;
  height: auto; }

img[align=left],
img.alignleft {
  margin: 0 15px 15px 0; }

img[align=right],
img.alignright {
  margin: 0 0 15px 15px; }

img.aligncenter {
  display: block;
  margin: 0 auto 15px auto; }

img.circle {
  border-radius: 50%; }

img,
a > img {
  border: 0; }

a {
  color: #9d2e25;
  text-decoration: none;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  a:hover {
    text-decoration: underline; }
  a.more {
    white-space: nowrap; }

p {
  margin: 0 0 1em 0; }
  p:last-child {
    margin-bottom: 0; }

iframe {
  max-width: 100%; }
  .fb_iframe_widget iframe {
    max-width: none; }

.intro {
  margin: 0 0 1em;
  font-size: 1.33em; }

.clickable {
  cursor: pointer; }

.anchor:before {
  content: "";
  display: block;
  height: 120px;
  margin: -120px 0 0;
  width: 1px;
  background: rgba(255, 255, 255, 0); }

ul {
  margin: 0 0 1em; }

hr {
  margin: 2.5em auto;
  width: 100%;
  border-bottom: 2px solid #eee;
  border-top: none;
  border-left: none;
  border-right: none; }

th, td {
  border: 0; }

blockquote {
  box-sizing: border-box;
  position: relative;
  margin: 1.7em 0;
  padding: 10px 20px;
  font-weight: 400;
  border-left: 5px solid #009caf; }
  blockquote p {
    position: relative;
    z-index: 1; }
  blockquote cite {
    display: block;
    margin: 5px 0 0 0;
    font-style: normal;
    font-size: 85%;
    line-height: normal;
    text-transform: uppercase; }
    blockquote cite:before {
      content: '\2014';
      margin-right: 0.25em; }
  blockquote.alignright {
    width: 50%;
    margin: 0 0 1em 1em; }
  blockquote.alignleft {
    width: 50%;
    margin: 0 1em 1em 0; }

.toggle {
  cursor: pointer; }

.question {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e3e6; }

.expandable {
  cursor: pointer;
  position: relative; }
  .expandable img {
    margin-bottom: 0.5em; }
  .expandable:hover {
    color: #006a9e; }
    .expandable:hover img {
      opacity: 0.7; }

.expandable > .i {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0px 0 0 10px;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear; }

.expand-content {
  display: none;
  margin: 0 0 20px 0; }

@media screen and (max-width: 767px) {
  body {
    font-size: 14px; }

  .mobile-hide {
    display: none; }

  .mobile-only {
    display: block; } }
.fb_iframe_widget,
.fb_iframe_widget > span {
  max-width: 100%;
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 auto 20px auto;
  padding: 0;
  clear: both;
  font-family: "Century Gothic", CenturyGothic, Nunito, sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1.1; }
  h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline {
    display: inline;
    margin-right: 1em; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none; }
  h1.bottom-bar:after, h2.bottom-bar:after, h3.bottom-bar:after, h4.bottom-bar:after, h5.bottom-bar:after, h6.bottom-bar:after {
    display: block;
    margin: 0.5em auto 1em;
    content: ' ';
    width: 0px;
    height: 4px;
    background: #52c6bd;
    -webkit-transition: width 0.4s;
    -moz-transition: width 0.4s;
    -ms-transition: width 0.4s;
    -o-transition: width 0.4s;
    transition: width 0.4s; }
  h1.bottom-bar.on:after, h2.bottom-bar.on:after, h3.bottom-bar.on:after, h4.bottom-bar.on:after, h5.bottom-bar.on:after, h6.bottom-bar.on:after {
    width: 80px; }

h1 {
  font-size: 4em;
  font-weight: 300; }

h2 {
  font-size: 2.827em;
  font-weight: 300; }

h3 {
  margin-bottom: 15px;
  font-size: 1.999em; }

h4 {
  margin-bottom: 15px;
  font-size: 1.414em; }

h5 {
  margin-bottom: 10px;
  font-size: 1em; }

h6 {
  margin-bottom: 10px;
  font-size: 0.707em; }

h2.expandable {
  text-transform: none;
  font-size: 14px;
  font-weight: bold; }
  h2.expandable:before {
    margin-right: 17px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    content: "+";
    bottom: -2px; }
  h2.expandable.opened:before {
    content: '\2013'; }

@media screen and (max-width: 767px) {
  table,
  tr,
  td {
    display: block; }

  td {
    margin-bottom: 1em; }

  table.table-responsive > thead {
    display: none; }
  table.table-responsive > tbody > tr > td {
    margin-bottom: 0; }
    table.table-responsive > tbody > tr > td:before {
      display: block;
      content: attr(data-label);
      font-size: 80%; }
    table.table-responsive > tbody > tr > td:last-child {
      margin-bottom: 1em; } }
input[type="submit"],
input[type="button"],
button,
.button,
.btn {
  position: relative;
  display: inline-block;
  margin: 0em 0 0;
  padding: 15px 30px;
  font-family: "Antic Slab", serif;
  font-size: initial;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  color: white;
  -webkit-appearance: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background: #f46d00;
  background-clip: padding-box;
  border: 0;
  border-radius: 5px;
  text-decoration: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  input[type="submit"] > span,
  input[type="button"] > span,
  button > span,
  .button > span,
  .btn > span {
    margin-left: 5px; }
  input[type="submit"].aligncenter, input[type="submit"].center,
  input[type="button"].aligncenter,
  input[type="button"].center,
  button.aligncenter,
  button.center,
  .button.aligncenter,
  .button.center,
  .btn.aligncenter,
  .btn.center {
    display: block;
    max-width: 250px;
    margin: 0 auto 1em; }
  input[type="submit"]:hover,
  input[type="button"]:hover,
  button:hover,
  .button:hover,
  .btn:hover {
    background-color: #db6200;
    text-decoration: none; }
  input[type="submit"].green,
  input[type="button"].green,
  button.green,
  .button.green,
  .btn.green {
    background-color: #52c6bd; }
    input[type="submit"].green:hover,
    input[type="button"].green:hover,
    button.green:hover,
    .button.green:hover,
    .btn.green:hover {
      background-color: #3fbfb5; }
  input[type="submit"].blue,
  input[type="button"].blue,
  button.blue,
  .button.blue,
  .btn.blue {
    background-color: #006a9e; }
    input[type="submit"].blue:hover,
    input[type="button"].blue:hover,
    button.blue:hover,
    .button.blue:hover,
    .btn.blue:hover {
      background-color: #005985; }
  input[type="submit"].teal,
  input[type="button"].teal,
  button.teal,
  .button.teal,
  .btn.teal {
    background-color: #569eb5; }
    input[type="submit"].teal:hover,
    input[type="button"].teal:hover,
    button.teal:hover,
    .button.teal:hover,
    .btn.teal:hover {
      background-color: #4a91a8; }
  input[type="submit"].orange,
  input[type="button"].orange,
  button.orange,
  .button.orange,
  .btn.orange {
    background-color: #f46d00; }
    input[type="submit"].orange:hover,
    input[type="button"].orange:hover,
    button.orange:hover,
    .button.orange:hover,
    .btn.orange:hover {
      background-color: #db6200; }
  input[type="submit"].gray,
  input[type="button"].gray,
  button.gray,
  .button.gray,
  .btn.gray {
    color: #ccc;
    background-color: #ccc; }
    input[type="submit"].gray:hover,
    input[type="button"].gray:hover,
    button.gray:hover,
    .button.gray:hover,
    .btn.gray:hover {
      background-color: #bfbfbf; }
  input[type="submit"].white,
  input[type="button"].white,
  button.white,
  .button.white,
  .btn.white {
    color: #4d4d4d;
    background-color: #fff; }
    input[type="submit"].white:hover,
    input[type="button"].white:hover,
    button.white:hover,
    .button.white:hover,
    .btn.white:hover {
      background-color: #f2f2f2; }
  input[type="submit"].loading:after,
  input[type="button"].loading:after,
  button.loading:after,
  .button.loading:after,
  .btn.loading:after {
    position: absolute;
    right: -40px;
    top: 50%;
    margin: -15px 0 0 0;
    display: block;
    background: url(images/loading.png) no-repeat center top;
    width: 30px;
    height: 30px;
    content: ' ';
    -webkit-animation: loading 1s steps(19) infinite;
    -moz-animation: loading 1s steps(19) infinite;
    -ms-animation: loading 1s steps(19) infinite;
    -o-animation: loading 1s steps(19) infinite;
    animation: loading 1s steps(19) infinite; }
  input[type="submit"].done,
  input[type="button"].done,
  button.done,
  .button.done,
  .btn.done {
    cursor: default;
    color: #555;
    border-color: #555; }
    input[type="submit"].done:hover,
    input[type="button"].done:hover,
    button.done:hover,
    .button.done:hover,
    .btn.done:hover {
      color: #555;
      background: none; }

button.unstyled,
.button.unstyled {
  padding: 3px 5px;
  background: none;
  color: #363636;
  font-size: 100%;
  font-family: arial,sans-serif;
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

button.unstyled:hover {
  background: #eeeeee; }

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  line-height: 1;
  margin: 0;
  padding: 15px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px; }

textarea {
  width: 100%; }

/*
.input.select {
    position: relative;
    z-index: 1000;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    //
    //padding: 2px 10px 2px 10px;
    

    cursor: pointer;
    text-align: left;
    strong {
        position: relative;
        display: block;
        margin: 0;
        padding: 8px 30px 7px 10px;
        min-width: 100px;
        font-size: 14px;
        font-weight: normal;
        background: $color-green;
        color: white;
        .text {
            display: inline-block;
            min-width: 170px;
        }
        .icon {
            position: absolute;
            top: 50%;
            right: 10px;
            height: 20px;
            line-height: 20px;
            margin: -10px 0 0;
            @include transition(transform 0.2s linear);
        }
    }
    &.on {
        strong .icon {
            @include transform(rotate(180deg));
        }
    }
    > select {
        position: absolute;
        z-index: -1000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    .select {
        zoom:1;
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
        
        font-size: 14px;
        padding: 0px 0px 5px;
        background: $color-green;
        color: white;
        .option {
            display: block;
            padding: 7px 10px;
            cursor: pointer;
            white-space: normal;
            line-height: normal;
            background: $color-green;
            color: white;
            
            &.selected,
            &:hover {
                color: $color-text;
            }
            &:last-child {
                border-bottom: 0;
            }
        }
    }
    > .select {
        display: none;
        
        position: absolute;
        z-index: 1001;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: 300px;
        overflow: auto;
        overflow-x: hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        &::-webkit-scrollbar {
            height: 0;
            width: 0;
        }
    }

    &.on {
        > .select {
            display: block !important;
        }
    }

    @media screen and (max-width:$mobile-breakpoint) {
        select {
            z-index: 1;
            
        }
        .select {
            display: none !important;
        }
    }
    @media screen and (max-height:600px) {
        select {
            z-index: 1;
            
        }
        .select {
            display: none !important;
        }
    }
}
*/
form.inline.subscribe {
  position: relative; }
  form.inline.subscribe h3 {
    text-transform: uppercase;
    font-size: 120%;
    font-weight: 600; }
  form.inline.subscribe .inputs {
    display: flex; }
  form.inline.subscribe input[type="email"] {
    display: inline-block;
    vertical-align: middle;
    flex-grow: 1; }
  form.inline.subscribe button {
    display: inline-block;
    vertical-align: middle;
    background: #9d2e25;
    margin: 0 0 0 1em; }
  form.inline.subscribe .message {
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: 0; }
  @media screen and (max-width: 400px) {
    form.inline.subscribe .inputs {
      display: block; }
    form.inline.subscribe button,
    form.inline.subscribe input[type="email"] {
      display: block;
      width: 100%;
      margin: 0 auto 15px auto; } }

.wp-caption-wrap a {
  border: 0; }

.wp-caption {
  max-width: 100%;
  position: relative;
  margin-bottom: 1em;
  text-align: center;
  overflow: hidden; }
  .wp-caption img {
    display: block;
    margin: 0 auto; }
  .wp-caption.alignright {
    margin: 0 0 1.5em 1.5em; }
  .wp-caption.alignleft {
    margin: 0 1.5em 1.5em 0; }
  .wp-caption.alignnone {
    margin: 1.5em auto; }
  .wp-caption .wp-caption-text {
    position: absolute;
    bottom: 0;
    width: auto;
    margin: 0;
    padding: 10px 15px;
    line-height: 1.5;
    text-align: left;
    font-style: normal;
    background: rgba(0, 0, 0, 0.7);
    color: white; }

#main .wp-caption img.size-full-width-pull {
  margin-left: 0;
  margin-right: 0; }

.gallery {
  position: relative;
  text-align: center; }
  .gallery.gallery-columns-1 .gallery-item {
    width: 100%; }
  .gallery.gallery-columns-2 .gallery-item {
    width: 50%; }
  .gallery.gallery-columns-3 .gallery-item {
    width: 33.3333333333%; }
  .gallery.gallery-columns-4 .gallery-item {
    width: 25%; }
  .gallery.gallery-columns-5 .gallery-item {
    width: 20%; }
  .gallery.gallery-columns-6 .gallery-item {
    width: 16.6666666667%; }
  .gallery.gallery-columns-7 .gallery-item {
    width: 14.2857142857%; }
  .gallery.gallery-columns-8 .gallery-item {
    width: 12.5%; }
  .gallery.gallery-columns-9 .gallery-item {
    width: 11.1111111111%; }
  .gallery .gallery-item {
    display: inline-block;
    vertical-align: text-top;
    padding: 20px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .gallery .gallery-item img {
      display: block;
      margin: 0 auto 10px auto;
      border: 0;
      border-radius: 5px; }
    .gallery .gallery-item .gallery-caption {
      line-height: normal;
      font-size: 80%; }
  @media screen and (max-width: 767px) {
    .gallery .gallery-item {
      display: block;
      width: auto !important; } }

#tpbr_topbar {
  display: none !important; }
  body.home #tpbr_topbar {
    display: block !important; }
  #tpbr_topbar #tpbr_box {
    padding: 0 !important;
    width: unset !important; }
    @media screen and (max-width: 1250px) {
      #tpbr_topbar #tpbr_box {
        padding: 20px !important; } }
  @media screen and (max-width: 1440px) {
    #tpbr_topbar span {
      background-size: auto 45% !important;
      background-position: 50px 17px !important; } }
  @media screen and (max-width: 1250px) {
    #tpbr_topbar span {
      background-image: none !important;
      padding: 0 !important;
      margin-bottom: 10px; } }
  @media screen and (max-width: 480px) {
    #tpbr_topbar span {
      font-size: 15px !important; } }
  #tpbr_topbar #tpbr_calltoaction {
    position: absolute;
    top: 15%;
    right: 50px;
    height: 50%;
    margin: 0 !important;
    padding-top: 10px !important;
    border-radius: 7px !important;
    font-family: 'Century Gothic', CenturyGothic, Nunito, sans-serif;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    background-color: #d02030 !important;
    color: white !important; }
    @media screen and (max-width: 1250px) {
      #tpbr_topbar #tpbr_calltoaction {
        position: relative !important;
        right: 0 !important;
        padding-bottom: 9px !important; } }

#header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  padding: 15px 0 0px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
  body.admin-bar #header {
    border-top: 32px solid #fff; }
    @media screen and (max-width: 782px) {
      body.admin-bar #header {
        border-top-width: 46px; } }
  #header .wrap {
    position: relative; }
  #header .logo {
    position: relative;
    z-index: 1;
    padding: 0 0 5px;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translate(-1px, -3px);
    -moz-transform: translate(-1px, -3px);
    -ms-transform: translate(-1px, -3px);
    -o-transform: translate(-1px, -3px);
    transform: translate(-1px, -3px);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    #header .logo a {
      display: block;
      width: 154px;
      height: 36px;
      text-align: center;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    #header .logo img {
      display: block;
      height: 40px;
      margin: 0 auto;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
  #header .donate {
    position: absolute;
    right: 0;
    top: -10px;
    text-transform: uppercase; }
    @media screen and (max-width: 1020px) {
      #header .donate {
        padding-left: 15px;
        padding-right: 15px; } }
    @media screen and (max-width: 880px) and (min-width: 768px) {
      #header .donate {
        right: -7px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media screen and (max-width: 767px) {
      #header .donate {
        top: 5px;
        right: 50px; } }
  #header .subnav {
    background: #c4c2c3;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #bbb; }
    #header .subnav > .wrap {
      position: relative;
      height: 12px;
      -webkit-transition: height 0.4s ease-in-out;
      -moz-transition: height 0.4s ease-in-out;
      -ms-transition: height 0.4s ease-in-out;
      -o-transition: height 0.4s ease-in-out;
      transition: height 0.4s ease-in-out; }
      #header .subnav > .wrap:before {
        content: ' ';
        display: block;
        position: absolute;
        top: -16px;
        left: 43px;
        width: 41px;
        height: 22px;
        background: white;
        border-radius: 50%;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        -moz-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        -webkit-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        -o-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        -ms-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        opacity: 1;
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out; }
      #header .subnav > .wrap:after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: -7px;
        left: 38px;
        width: 49px;
        height: 22px;
        background: #c4c2c3;
        border-radius: 50%;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        -moz-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        -webkit-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        -o-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        -ms-clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        clip-path: polygon(0% 16px, 100% 16px, 150% 150%, 0% 150%);
        border-bottom: 1px solid #bbb; }
  #header .toggle {
    display: none;
    position: absolute;
    top: 5px;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    text-align: center; }
    body.nav-on #header .toggle .icon:before {
      content: ""; }
  body.subnav-on #header .subnav > .wrap {
    height: 30px; }
    body.subnav-on #header .subnav > .wrap:before {
      opacity: 0; }
  body.subnav-on #header .logo {
    -webkit-transform: translate(-1px, 3px);
    -moz-transform: translate(-1px, 3px);
    -ms-transform: translate(-1px, 3px);
    -o-transform: translate(-1px, 3px);
    transform: translate(-1px, 3px); }
    body.subnav-on #header .logo img {
      height: 60px; }
  @media screen and (max-width: 767px) {
    #header .wrap {
      position: static; }
    #header .toggle {
      display: block; } }

#nav {
  position: absolute;
  top: 0;
  left: 160px;
  display: block; }
  #nav ul, #nav li {
    margin: 0;
    padding: 0;
    list-style: none; }
  #nav a {
    color: #353535; }
  #nav > ul {
    position: relative; }
    #nav > ul > li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
      #nav > ul > li > a {
        position: relative;
        display: inline-block;
        padding: 5px 15px 5px;
        font-size: 12px;
        font-weight: 100;
        text-transform: uppercase; }
        #nav > ul > li > a:after {
          position: absolute;
          bottom: 0px;
          left: 50%;
          margin: 0 0 0 -5px;
          content: ' ';
          display: block;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background: #52c6bd;
          visibility: hidden; }
      #nav > ul > li.current-menu-item a:after {
        visibility: visible; }
      #nav > ul > li > ul {
        display: none;
        position: absolute;
        z-index: 100;
        top: 40px;
        left: 0;
        width: 100%;
        padding: 0 20px;
        font-family: "Antic Slab", serif;
        box-sizing: border-box; }
        #nav > ul > li > ul > li {
          display: inline-block;
          vertical-align: middle;
          margin: 0 15px; }
          #nav > ul > li > ul > li > a {
            font-size: 13px;
            text-transform: none; }
            #nav > ul > li > ul > li > a:hover {
              text-decoration: underline; }
  @media screen and (max-width: 1020px) {
    #nav > ul > li > a {
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (max-width: 900px) {
    #nav > ul > li > a {
      padding-left: 8px;
      padding-right: 8px; } }
  @media screen and (max-width: 880px) {
    #nav > ul > li {
      margin-left: 2px;
      margin-right: 2px; }
      #nav > ul > li > a {
        padding-left: 4px;
        padding-right: 4px; } }
  @media screen and (max-width: 767px) {
    #nav {
      display: none;
      position: absolute;
      z-index: 10;
      top: 100%;
      left: 0;
      width: 100%;
      margin: -1px 0 0;
      background: #c4c2c3;
      text-align: right;
      padding: 0 0 20px 0;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }
      #nav > ul {
        display: block; }
        #nav > ul > li {
          display: block; }
          #nav > ul > li > a {
            display: block;
            font-size: 15px; }
          #nav > ul > li > ul {
            display: block;
            position: relative;
            top: auto;
            left: auto;
            width: auto;
            padding: 0;
            margin: 0 0 20px;
            font-family: inherit; }
            #nav > ul > li > ul > li {
              display: block; }
              #nav > ul > li > ul > li > a {
                display: block;
                text-decoration: underline; }
      body.nav-on #nav {
        display: block; } }

#bottom {
  position: relative;
  z-index: 2;
  padding: 50px 0;
  background: url(images/bottom.png) center;
  color: white;
  font-family: "Antic Slab", serif; }
  #bottom a {
    color: inherit; }
  #bottom .logo {
    display: inline-block;
    max-width: 100%;
    width: 229px;
    height: 89px;
    background: url(images/logo-white.png) no-repeat center;
    background-size: contain; }
  #bottom form {
    position: relative; }
    #bottom form label {
      display: block;
      margin: 0 0 5px; }
    #bottom form input[type="text"],
    #bottom form input[type="email"] {
      display: block;
      width: 100%;
      padding: 5px 10px;
      font-family: "Antic Slab", serif;
      font-size: 14px; }
    #bottom form ::-webkit-input-placeholder {
      font-style: italic; }
    #bottom form :-moz-placeholder {
      font-style: italic; }
    #bottom form ::-moz-placeholder {
      font-style: italic; }
    #bottom form :-ms-input-placeholder {
      font-style: italic; }
    #bottom form button {
      margin-top: 10px;
      padding-left: 15px;
      padding-right: 15px; }
    #bottom form .message {
      position: absolute;
      top: 100%;
      left: 0;
      font-size: 12px;
      font-family: "Century Gothic", CenturyGothic, Nunito, sans-serif;
      line-height: 1.2; }
  #bottom .social-wrap {
    text-align: right; }
    #bottom .social-wrap .social {
      margin: 0 0 30px; }
      #bottom .social-wrap .social a:hover {
        color: #f46d00; }
    #bottom .social-wrap .icon {
      display: inline-block;
      margin: 0 0 0 20px;
      vertical-align: middle;
      font-size: 24px; }
  @media screen and (max-width: 767px) {
    #bottom {
      text-align: center; }
      #bottom .logo {
        display: block;
        margin: 0 auto 30px; }
      #bottom .social-wrap {
        padding: 40px 0 0;
        text-align: center; }
        #bottom .social-wrap .icon {
          margin: 0 10px; } }

#footer {
  position: relative;
  z-index: 2;
  padding: 10px 0 40px;
  background: #363636;
  color: #f9f9f9;
  font-size: 14px;
  font-family: "Antic Slab", serif; }
  #footer .copyright {
    text-align: right; }
  #footer:before {
    content: ' ';
    display: block;
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 36px;
    background: url(images/footer.png) no-repeat center bottom;
    background-size: auto 100%; }
    @media screen and (min-width: 1200px) {
      #footer:before {
        background-size: 100% 100%; } }
  @media screen and (max-width: 767px) {
    #footer {
      text-align: center; }
      #footer .copyright {
        text-align: center;
        padding: 20px 0 0; } }

.wrap {
  max-width: 1024px;
  margin: 0 auto; }
  @media screen and (max-width: 1054px) {
    .wrap {
      margin: 0 15px; } }

.wrap2 {
  max-width: 700px;
  margin: 0 auto; }
  @media screen and (max-width: 1054px) {
    .wrap2 {
      margin: 0 15px; } }

p {
  position: relative;
  z-index: 10; }

#wrap {
  padding: 70px 0 0; }

#main {
  padding: 20px 0 50px 0; }

.page-promo {
  display: block;
  margin: 0 0 80px; }
  .page-promo .photo,
  .page-promo .inner {
    display: inline-block;
    vertical-align: middle; }
  .page-promo .photo {
    position: relative;
    width: 420px; }
    .page-promo .photo .bg {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 110%;
      height: 110%;
      margin: -10% 0 0 5%;
      background: #ddf0ed; }
    .page-promo .photo img {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%; }
    .page-promo .photo img + img {
      margin-top: 20px; }
    .page-promo .photo .quote {
      position: absolute;
      z-index: 2;
      display: block;
      top: 50%;
      left: 10%;
      width: 80%;
      text-align: center;
      color: white;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s;
      -webkit-transform: translate(0, -50%) rotate(-10deg);
      -moz-transform: translate(0, -50%) rotate(-10deg);
      -ms-transform: translate(0, -50%) rotate(-10deg);
      -o-transform: translate(0, -50%) rotate(-10deg);
      transform: translate(0, -50%) rotate(-10deg);
      font-family: "Covered By Your Grace", cursive;
      font-size: 24px;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
      opacity: 0; }
  .page-promo .inner {
    position: relative;
    z-index: 1;
    margin: 0 0 0 40px;
    width: -webkit-calc(100% - 460px);
    width: -moz-calc(100% - 460px);
    width: calc(100% - 460px); }
  .page-promo.orange .photo .bg {
    background-color: #fed6b5; }
  .page-promo.red .photo .bg {
    background-color: #9d2e25; }
  .page-promo.left .photo .bg {
    left: auto;
    right: 0%;
    margin: -10% 5% 0 0; }
  .page-promo.left .inner {
    margin-left: 0;
    margin-right: 40px; }
  @media screen and (min-width: 768px) {
    .page-promo.has-quote:hover .photo .quote {
      opacity: 1; }
    .page-promo.has-quote:hover .photo img {
      -webkit-filter: blur(5px) brightness(90%);
      -moz-filter: blur(5px) brightness(90%);
      -ms-filter: blur(5px) brightness(90%);
      -o-filter: blur(5px) brightness(90%);
      filter: blur(5px) brightness(90%); } }
  @media screen and (max-width: 1023px) {
    .page-promo .photo {
      width: 300px; }
    .page-promo .inner {
      width: -webkit-calc(100% - 340px);
      width: -moz-calc(100% - 340px);
      width: calc(100% - 340px); } }
  @media screen and (max-width: 767px) {
    .page-promo .photo {
      display: table-header-group;
      width: auto;
      box-shadow: none !important;
      overflow: hidden; }
      .page-promo .photo img {
        box-shadow: -80px 40px 0px; }
      .page-promo .photo .quote {
        display: none;
        opacity: 1; }
    .page-promo .inner {
      display: table-footer-group;
      width: auto; }
      .page-promo .inner .title {
        margin-top: 50px; } }

.section.content-inline {
  margin: 50px 0;
  padding: 50px 0; }
  .section.content-inline.green {
    background: #52c6bd;
    color: white; }
  .section.content-inline.gray {
    background: #e7e7e7; }
  .section.content-inline.last {
    margin-bottom: -50px; }
  .section.content-inline.text-center .wrap {
    max-width: 700px;
    margin: 0 auto; }
    @media screen and (max-width: 730px) {
      .section.content-inline.text-center .wrap {
        margin: 0 15px; } }
  @media screen and (max-width: 767px) {
    .section.content-inline {
      padding: 40px 0; } }

.section.has-background-image {
  margin: 50px 0;
  padding: 100px 0;
  color: white;
  background: no-repeat center;
  background-size: cover; }
  .section.has-background-image .content {
    width: 50%; }
  .section.has-background-image.right .content {
    margin-left: 50%; }

iframe#qgiv-embed {
  min-height: 2500px; }

/* Front page styles */
.section {
  position: relative;
  z-index: 2; }
  .section .wrap {
    position: relative;
    z-index: 1; }
  .section .section-title {
    max-width: 500px; }
  .section p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
  .section .content {
    opacity: 0;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s; }
  .section.on .content {
    opacity: 1; }

.section.parallax canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#hero {
  position: relative;
  padding: 200px 0 100px;
  text-align: center;
  color: white;
  overflow: hidden; }
  #hero .bg {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/hero.jpg) no-repeat center 20%;
    background-size: cover; }
    #hero .bg:before {
      content: ' ';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
      background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }
    #hero .bg video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto; }
      @media screen and (max-width: 890px) {
        #hero .bg video {
          width: auto;
          height: 100%; } }
  #hero .wrap {
    position: relative;
    z-index: 1; }
  #hero h1 {
    display: block;
    font-size: 56px;
    font-family: "Century Gothic", CenturyGothic, Nunito, sans-serif;
    line-height: 1;
    font-weight: 100; }
    #hero h1 strong {
      display: block; }
  #hero .content {
    font-family: "Antic Slab", serif;
    font-size: 24px;
    opacity: 0;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s; }
  #hero.on .content {
    opacity: 1; }
  @media screen and (max-width: 600px) {
    #hero {
      padding: 100px 0 50px; }
      #hero h1 {
        font-size: 40px; }
      #hero .content {
        font-size: 18px; } }

#about {
  margin: 0 auto 50px auto;
  padding: 50px 0 100px;
  background: #9d2e25;
  color: white;
  text-align: center; }
  #about:before, #about:after {
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    width: 100%;
    height: 31px;
    background: no-repeat center bottom;
    background-size: 120% 100%; }
  #about:before {
    top: -30px;
    background-image: url(images/section-red-top.png); }
  #about:after {
    bottom: -30px;
    background-image: url(images/section-red-bottom.png); }
  @media screen and (min-width: 768px) {
    #about .content {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-transform: translate(0, 100px);
      -moz-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
      -o-transform: translate(0, 100px);
      transform: translate(0, 100px);
      opacity: 0; }
    #about.on .content {
      -webkit-transform: translate(0, 0px);
      -moz-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
      -o-transform: translate(0, 0px);
      transform: translate(0, 0px);
      opacity: 1; } }
  #about p {
    font-size: 24px; }
  @media screen and (max-width: 767px) {
    #about {
      padding: 25px 0 50px; } }

.section.promo-box .photo .bg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  margin: -10% 0 0 5%;
  background: #ddf0ed; }
.section.promo-box .photo img {
  position: relative;
  z-index: 1; }

#promo1 {
  padding: 100px 0;
  z-index: 1;
  overflow: hidden;
  /*
  &.on:after {
      content: ' ';
      display: block;
      position: fixed;
      z-index: 0;
      top: 50%;
      left: 50%;
      margin: 0 0 0 -310px;
      width: 420px;
      height: 300px;
      background: $color-lightgreen;
  }
  */ }
  #promo1 .photo {
    position: absolute;
    display: block;
    width: 420px; }
  #promo1 .content {
    display: block;
    position: relative;
    margin: 0 0 0 500px;
    padding: 50px 0 0;
    min-height: 300px; }
  #promo1 .section-title {
    max-width: none; }
  @media screen and (max-width: 900px) {
    #promo1.on:after {
      width: 300px;
      height: 225px; }
    #promo1 .photo {
      width: 300px; }
    #promo1 .content {
      margin-left: 380px; } }
  @media screen and (max-width: 767px) {
    #promo1 {
      padding: 50px 0; }
      #promo1 .photo {
        position: relative; }
      #promo1 .content {
        padding: 20px 0;
        margin-left: 0; } }

.section.carousel .slick-arrow {
  position: absolute;
  top: 60%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  border: 0;
  background: none;
  color: white;
  box-shadow: none;
  outline: 0;
  font-size: 40px; }
  .section.carousel .slick-arrow.slick-next {
    right: -50px; }
    .section.carousel .slick-arrow.slick-next:hover {
      margin-right: -4px; }
  .section.carousel .slick-arrow.slick-prev {
    left: -50px; }
    .section.carousel .slick-arrow.slick-prev:hover {
      margin-left: -4px; }
  @media screen and (max-width: 1130px) {
    .section.carousel .slick-arrow {
      top: 50px; }
      .section.carousel .slick-arrow.slick-next {
        right: 0; }
      .section.carousel .slick-arrow.slick-prev {
        left: 0; } }
.section.carousel .facts-wrap2 {
  position: relative; }
  @media screen and (max-width: 920px) {
    .section.carousel .facts-wrap2 {
      margin-left: -15px;
      margin-right: -15px; } }
.section.carousel .facts-wrap {
  position: relative;
  padding: 0 0 70px;
  overflow: hidden; }
.section.carousel .facts {
  margin: 0px auto 0px;
  white-space: nowrap;
  padding: 70px 0 0px; }
  .section.carousel .facts .fact {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0 30px;
    background: white;
    text-align: center;
    padding: 100px 20px 20px 20px;
    white-space: normal;
    border-radius: 5px;
    font-size: 14px;
    font-family: "Antic Slab", serif;
    box-sizing: border-box;
    outline: 0; }
    .section.carousel .facts .fact .icon {
      position: absolute;
      display: block;
      width: 140px;
      height: 140px;
      border-radius: 50%;
      top: -70px;
      left: 50%;
      margin: 0 0 0 -70px;
      background: #9d2e25 center no-repeat; }
      .section.carousel .facts .fact .icon:before {
        position: absolute;
        content: ' ';
        display: block;
        width: 90px;
        height: 90px;
        top: 25px;
        left: 25px;
        background: center no-repeat;
        background-size: contain; }
      .section.carousel .facts .fact .icon.handshake {
        background-image: url(images/icon-handshake.png); }
      .section.carousel .facts .fact .icon.stats {
        background-image: url(images/icon-stats.png); }
      .section.carousel .facts .fact .icon.connect {
        background-image: url(images/icon-connect.png); }
      .section.carousel .facts .fact .icon.application {
        background-image: url(images/icon-application.png); }
      .section.carousel .facts .fact .icon.flag {
        background-image: url(images/icon-flag.png); }
      .section.carousel .facts .fact .icon.question {
        background-image: url(images/icon-question.png); }
      .section.carousel .facts .fact .icon.image {
        background-image: none; }

#community {
  margin: 0 0 0px 0;
  padding: 100px 0 30px;
  text-align: center;
  background: url(images/banner1.jpg) no-repeat center 20%;
  background-size: cover;
  z-index: 5; }
  #community:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 80px;
    height: 40px;
    margin: 0 0 0 -40px;
    border-radius: 0 0 100px 100px;
    background: white; }
  #community .section-title {
    max-width: none; }
  #community .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #community .slick-arrow {
    position: absolute;
    top: 100px; }
    @media screen and (min-width: 1130px) {
      #community .slick-arrow {
        top: 50%; } }
    @media screen and (max-width: 600px) {
      #community .slick-arrow {
        top: 50px; } }
  #community .content {
    max-width: 800px;
    margin: 0 auto 40px; }
  #community .facts-wrap {
    position: relative;
    top: 0px; }
  #community .fact {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate(0, 70px);
    -moz-transform: translate(0, 70px);
    -ms-transform: translate(0, 70px);
    -o-transform: translate(0, 70px);
    transform: translate(0, 70px); }
  #community .fact.slick-current {
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px); }

#programs {
  padding: 130px 0 30px;
  background: white;
  text-align: center; }
  #programs .wrap {
    padding: 50px;
    box-sizing: border-box;
    background-image: -moz-linear-gradient(top, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: -webkit-linear-gradient(top, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: -o-linear-gradient(top, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: -ms-linear-gradient(top, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: linear-gradient(top, #ddf0ed, rgba(221, 240, 237, 0)); }
  #programs .content {
    color: #666;
    font-family: "Antic Slab", serif;
    font-size: 20px; }
  #programs .programs {
    position: relative;
    margin: 40px 0 0; }
    #programs .programs .program {
      position: relative;
      display: inline-block;
      height: 270px;
      width: 50%;
      width: -webkit-calc(50% - 30px);
      width: -moz-calc(50% - 30px);
      width: calc(50% - 30px);
      margin: 0 15px 30px 15px;
      background: #ccc no-repeat center;
      background-size: cover;
      box-sizing: border-box;
      font-size: 75%; }
      #programs .programs .program > h4 {
        position: absolute;
        top: 50%;
        left: 5%;
        width: 90%;
        line-height: 1;
        margin: -12px 0 0;
        text-align: center;
        text-transform: uppercase;
        color: white;
        font-weight: 600; }
      #programs .programs .program .info {
        display: table;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: white;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        color: #a3a3a3; }
        #programs .programs .program .info .inner {
          display: table-cell;
          width: 100%;
          height: 100%;
          padding: 20px;
          text-align: center;
          vertical-align: middle; }
          #programs .programs .program .info .inner h4 {
            font-weight: 600;
            text-transform: uppercase;
            color: #000; }
      #programs .programs .program.on .info, #programs .programs .program:hover .info {
        top: 20px;
        left: 20px;
        opacity: 1; }
  #programs.volunteer {
    background-image: -moz-linear-gradient(bottom, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: -webkit-linear-gradient(bottom, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: -o-linear-gradient(bottom, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: -ms-linear-gradient(bottom, #ddf0ed, rgba(221, 240, 237, 0));
    background-image: linear-gradient(bottom, #ddf0ed, rgba(221, 240, 237, 0)); }
    #programs.volunteer .wrap {
      background: none; }
    @media screen and (min-width: 768px) {
      #programs.volunteer .programs .program {
        width: -webkit-calc(33.333% - 30px);
        width: -moz-calc(33.333% - 30px);
        width: calc(33.333% - 30px); } }
  @media screen and (max-width: 767px) {
    #programs .programs .program {
      display: block;
      width: auto;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 500px) {
    #programs .wrap {
      padding-left: 10px;
      padding-right: 10px; } }

#promo2 {
  padding: 80px 0;
  text-align: center;
  color: white;
  overflow: hidden;
  background: url(images/photo2.jpg) no-repeat center;
  background-size: cover; }
  #promo2:after, #promo2:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #promo2:before {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px); }
  #promo2:after {
    background: rgba(0, 0, 0, 0.2); }

#promo3 {
  padding: 100px 0;
  z-index: 1;
  overflow: hidden;
  /*
      &.on:after {
          content: ' ';
          display: block;
          position: fixed;
          z-index: 0;
          top: 50%;
          right: 50%;
          margin: 0 -310px 0 0;
          width: 420px;
          height: 300px;
          background: $color-lightgreen;
      }
  */ }
  #promo3 .photo {
    position: absolute;
    display: block;
    width: 420px;
    left: 50%;
    top: 0;
    margin: 0 0 0 20px; }
    #promo3 .photo img {
      display: block;
      margin: 0 auto 20px auto; }
    #promo3 .photo .bg {
      max-width: 260px;
      height: 85%; }
  #promo3 .content {
    display: block;
    position: relative;
    width: 50%;
    margin: 0 0 0 0px;
    padding: 50px 0 0;
    min-height: 300px; }
  #promo3 .section-title {
    max-width: none; }
  @media screen and (max-width: 767px) {
    #promo3 {
      padding: 50px 0; }
      #promo3 .content {
        width: auto; }
      #promo3 .photo {
        position: relative;
        left: auto;
        margin: 0 auto;
        width: auto; } }

#become-volunteer {
  padding: 0 0 50px;
  text-align: center;
  background: #ddf0ed; }
  #become-volunteer .section-title {
    max-width: none; }
  #become-volunteer .section-title.bottom-bar:after {
    background-color: #f46d00; }
  #become-volunteer .facts .fact {
    vertical-align: text-top; }
    #become-volunteer .facts .fact .icon {
      background-color: #f46d00; }
    #become-volunteer .facts .fact .button {
      margin: 5px;
      padding: 10px 20px;
      box-sizing: border-box;
      border-radius: 2px; }
    #become-volunteer .facts .fact .buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-content: space-between; }
      #become-volunteer .facts .fact .buttons .button {
        vertical-align: middle;
        width: 45%;
        padding: 10px 2px;
        font-size: 14px;
        line-height: 1.4; }

.hentry {
  position: relative; }

.hentry.excerpt {
  margin: 0 0 20px 0;
  padding: 20px 0;
  border-bottom: 1px solid #ccc; }
  .hentry.excerpt .meta {
    font-size: 80%; }

/* General page styles */
body.page-get-involved #main {
  padding: 100px 0 50px; }

/* General single post styles */
/* @group Pagination */
.posts-nav {
  top: 5em;
  clear: both;
  margin: 4em 0 2em;
  white-space: nowrap; }
  .posts-nav.no-ajax {
    visibility: visible; }
  .posts-nav.ajax-pager {
    visibility: visible;
    text-align: center; }
  .posts-nav:after {
    content: ' ';
    display: block;
    clear: both; }
  .posts-nav ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .posts-nav ul li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px 0 0;
      padding: 0;
      list-style: none;
      color: #aaa; }
      .posts-nav ul li.page_info {
        display: none; }
      .posts-nav ul li a {
        display: block;
        padding: 0.5em 0.7em;
        line-height: normal;
        text-decoration: none;
        border: 0; }
        .posts-nav ul li a:hover {
          color: white;
          background: #ccc; }
      .posts-nav ul li.active_page {
        color: white;
        background: #006a9e; }
        .posts-nav ul li.active_page a {
          padding: 0.5em 1em;
          color: #fff; }

@media screen and (max-width: 700px) {
  .posts-nav {
    top: 0;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 12px; }

  .posts-nav ul li {
    margin-right: 3px; } }
.posts-nav.ajax-pager {
  text-align: center;
  /*.button {
      font-style: italic;
      background: white;
      border: 1px solid #b7b6bf;
      color: $color-text;
      font-weight: 600;
      border-radius: 10px;
      padding: 20px 30px;
      font-size: 0.77em;
      text-decoration: none;
      &.done {
          color: #b7b6bf;
          cursor: default;
      }
  }
  */ }

/* @end */
#banner {
  position: relative;
  padding: 150px 0;
  background: #e7e7e7 no-repeat center;
  background-size: cover;
  color: white; }
  #banner:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
  #banner .wrap {
    position: relative;
    z-index: 1; }
  #banner h1 {
    font-size: 4em;
    font-weight: 300;
    text-transform: uppercase; }
    #banner h1 strong {
      display: block;
      font-weight: 600;
      text-transform: none; }
  @media screen and (max-width: 900px) {
    #banner {
      padding: 100px 0; }
      #banner h1 {
        font-size: 3em; } }
  @media screen and (max-width: 767px) {
    #banner {
      padding: 75px 0; }
      #banner h1 {
        font-size: 2.5em; } }

#intro {
  margin: 0 auto 50px;
  padding: 100px 0;
  background: #9d2e25;
  color: white;
  text-align: center; }
  #intro p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 900px) {
    #intro {
      padding: 70px 0; } }
  @media screen and (max-width: 767px) {
    #intro {
      padding: 50px 0; } }

#alert-bar {
  position: relative;
  z-index: 1000;
  background: #facd01;
  padding: 25px 15px;
  margin: -15px 0 15px;
  color: #000;
  text-align: center;
  overflow: hidden;
  max-height: 500px;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -ms-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out; }
  #alert-bar form,
  #alert-bar h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  #alert-bar h1 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1;
    font-weight: 600; }
    #alert-bar h1 strong {
      font-weight: 900;
      display: block; }
  #alert-bar form {
    display: block; }
    #alert-bar form > .label,
    #alert-bar form > label {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      padding: 0 0 0 22px;
      margin: 0 5px 0 15px;
      font-weight: bold; }
      #alert-bar form > .label:before,
      #alert-bar form > label:before {
        content: ' ';
        display: inline-block;
        position: absolute;
        top: 3px;
        left: 0;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        margin: 0 5px 0 0;
        border: 2px solid #e81e48;
        border-radius: 2px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      #alert-bar form > .label small,
      #alert-bar form > label small {
        display: inline-block;
        vertical-align: baseline;
        font-weight: normal;
        font-size: 12px; }
        #alert-bar form > .label small:before,
        #alert-bar form > label small:before {
          content: '|';
          display: inline-block;
          margin: 0 5px 0 0; }
      #alert-bar form > .label.on:before,
      #alert-bar form > label.on:before {
        background: #e81e48; }
      #alert-bar form > .label input[type="radio"],
      #alert-bar form > label input[type="radio"] {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        cursor: pointer; }
    #alert-bar form .label input[type="number"] {
      border: 0;
      background: none;
      font-size: 16px;
      width: 100px;
      border-bottom: 1px solid #000; }
  #alert-bar button {
    padding: 10px 30px;
    margin: 4px;
    background: #e81e48;
    color: white;
    text-transform: uppercase;
    font-family: "Century Gothic", CenturyGothic, Nunito, sans-serif;
    font-weight: bold;
    box-shadow: none;
    border-radius: 2px;
    box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.3); }
  body.scrolled #alert-bar {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0; }
  @media screen and (max-width: 920px) {
    #alert-bar h1 {
      font-size: 18px; } }
  @media screen and (max-width: 600px) {
    #alert-bar h1 {
      font-size: 16px; }
    #alert-bar button {
      display: block;
      width: 300px;
      margin: 20px auto 0; }
    #alert-bar form
    .label input[type="number"] {
      width: 50px; } }

/*# sourceMappingURL=style.css.map */