/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 50%, from, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 50%, from, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 11.1%, from, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { from { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { from { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

/* jQuery Off Canvas Menu v1.2 Copyright (c) 2014 Matt Mcnamee Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html */
.onCanvas, body, html { background: #1D1F20; width: 100%; }

.onCanvas { width: 100%; min-height: 100%; position: relative; height: 100%; float: left; z-index: 2; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.overflow_hidden, .overflow_hidden .onCanvas, .overflow_hidden body { overflow: hidden !important; height: 100%; }

html.offCanvas_open body .onCanvas { -webkit-transform: translateX(-260px); -ms-transform: translateX(-260px); transform: translateX(-260px); }

html.offCanvas_open body .onCanvas.onCanvas_left { -webkit-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); }

@media screen and (min-width: 365px) { html.offCanvas_open body .onCanvas { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); }
  html.offCanvas_open body .onCanvas.onCanvas_left { -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); } }

a.offCanvas_trigger { display: block; float: right; margin: 20px 17px 0 0; outline: 0; width: 30px; height: 38px; }

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item { background: #fff; }

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:first-child { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 6px 50%; -webkit-transform-origin: 6px 50%; transform-origin: 6px 50%; }

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(2) { opacity: 0; }

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(3) { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 1px 50%; -webkit-transform-origin: 1px 50%; transform-origin: 1px 50%; }

.offCanvas_trigger_item { -webkit-transition: all linear 0.4s; transition: all linear 0.4s; display: block; width: 30px; height: 3px; border-radius: 3px; margin: 0 0 5px; background: #fff; }

@media screen and (max-width: 767px) { a.offCanvas_trigger { display: block; } }

.offCanvas { padding: 20px 5px 20px 35px; height: 100%; overflow-y: hidden; visibility: hidden; position: fixed; right: 0; top: 0; z-index: 1; width: 235px; background-color: #242e30; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0.4s; transition: transform 0.4s 0s, visibility 0s 0.4s; -webkit-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); -webkit-overflow-scrolling: touch; }

.offCanvas.offCanvas_left { left: 0; -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); }

@media screen and (min-width: 365px) { .offCanvas { width: 275px; } }

html.offCanvas_open .offCanvas.offCanvas_menu_open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s; transition: transform 0.4s 0s, visibility 0s 0s; overflow-y: scroll; }

ul.offCanvas_menu { position: relative; }

ul.offCanvas_menu, ul.offCanvas_menu ul { -webkit-transform: translateZ(0); list-style: none; float: left; width: 100%; display: block; margin: 0 0 20px; padding: 0; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

ul.offCanvas_menu ul { padding: 0 0 15px 20px; margin: 0; display: none; }

ul.offCanvas_menu li { list-style: none; display: block; margin: 0; padding: 0; width: 100%; float: left; cursor: pointer; position: relative; }

ul.offCanvas_menu li a { display: block; float: left; width: 75%; padding: 7px 0; font-size: 16px; color: #ddd; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

ul.offCanvas_menu > li > a { text-transform: uppercase; font-size: 18px; }

ul.offCanvas_menu li a:hover { color: #fff; }

ul.offCanvas_menu li .offCanvas_menu_has_children_indicator { display: block; float: left; width: 25%; height: 20px; position: absolute; right: 0; top: 8px; text-align: center; }

ul.offCanvas_menu li > .offCanvas_menu_has_children_indicator svg { fill: #fff; width: 11px; height: 11px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform ease 0.2s; transition: transform ease 0.2s; }

ul.offCanvas_menu li.offCanvas_menu_sub_open > .offCanvas_menu_has_children_indicator svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

ul.offCanvas_menu_social, ul.offCanvas_menu_social li { list-style: none; text-align: center; margin: 0; padding: 0; }

ul.offCanvas_menu_social { width: 90%; float: left; margin-bottom: 80px; }

ul.offCanvas_menu_social li { display: inline-block; padding: 0 8px; }

ul.offCanvas_menu_social li a { color: #777; font-size: 28px; }

ul.offCanvas_menu_social li a:hover { color: #999; }

/* Colorbox */
#cboxOverlay, #cboxWrapper, #colorbox { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxBottomLeft, #cboxMiddleLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingGraphic, #cboxLoadingOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#cboxContent, #cboxLoadedContent, #colorbox { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/* ================================= */
/* Colorbox Theme */
/* ================================= */
#cboxOverlay { background: #000000; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxContent { margin-top: 32px; overflow: visible; }

.cboxIframe { background: #FFFFFF; }

#cboxError { padding: 50px; border: 1px solid #CCCCCC; }

#cboxLoadedContent { background: #FFFFFF; padding: 1px; }

#cboxLoadingGraphic { background: url(../../images/colorbox/loading.gif) no-repeat center center; }

#cboxLoadingOverlay { background: #000000; }

#cboxTitle { position: absolute; top: -22px; left: 0; color: #000000; }

#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 25px !important; height: 25px; position: absolute; top: -25px; background: url(../../images/colorbox/controls.png) no-repeat 0 0; padding: 0 !important; }

button#cboxPrevious, button#cboxNext, button#cboxSlideshow, button#cboxClose { border: none !important; outline: none !important; -webkit-transition: none !important; transition: none !important; background-color: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious { background-position: 0px 0px; right: 44px; }

#cboxPrevious:hover { background-position: 0px -25px; }

#cboxNext { background-position: -25px 0px; right: 22px; }

#cboxNext:hover { background-position: -25px -25px; }

#cboxClose { background-position: -50px 0px; right: 0; }

#cboxClose:hover { background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }

/** Grid.css v2.1.2 https://github.com/mcnamee/grid Copyright 2014 Matt Mcnamee - www.mcnamee.co Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html */
* { text-rendering: auto; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, html { height: 100%; }

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

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { background: #fff; margin: 0; font-size: 1em; line-height: 1.4; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

a { color: #00e; outline: 0; }

a:hover { color: #06e; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: 700; }

code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:after, q:before { content: ""; content: none; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

ol, ul { margin: 0; padding: 0; }

dd { margin: 0 0 0 40px; }

nav ol, nav ul { list-style: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure, form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }

button, input { line-height: normal; }

button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }

button[disabled], input[disabled] { cursor: default; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

.chromeframe { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0; }

address { display: block; line-height: 18px; margin-bottom: 18px; }

::-moz-selection { background: #333; color: #fff; text-shadow: none; }

::selection { background: #333; color: #fff; text-shadow: none; }

p img { margin: 0; }

em { font-style: italic; }

small { font-size: 80%; }

blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }

blockquote { margin: 0 0 20px; padding: 10px 20px; border-left: 1px solid #ddd; }

blockquote cite { display: block; font-size: 12px; color: #555; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #555; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; float: left; }

audio, canvas, video { display: inline-block; }

[hidden], audio:not([controls]) { display: none; }

.grid_demo, .grid_demo_g { margin: 0 0 20px; font-size: 11px; }

.grid_demo .inner, .grid_demo .text_align_center, .grid_demo_g > .inner > div { background: #ececec; border: 1px solid #ccc; border-right: 0; padding-top: 30px; padding-bottom: 30px; }

.grid_demo .inner:last-child, .grid_demo .text_align_center:last-child, .grid_demo_g > .inner > div { border-right: 1px solid #ccc; }

.float_right { float: right !important; }

.float_left { float: left !important; }

.text_align_center { text-align: center !important; }

.text_align_right { text-align: right !important; }

.text_align_left { text-align: left !important; }

.scale_with_grid { max-width: 100%; width: auto; height: auto; max-height: 100%; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .clearfix:before, .container_24:after, .container_24:before { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .container_24:after { clear: both; }

.clearfix, .container_24 { zoom: 1; }

.container_24 { margin-left: auto; margin-right: auto; box-sizing: border-box; -webkit-transition: width linear 0.2s; transition: width linear 0.2s; }

.grid_1, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_2, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 { display: inline-block; float: left; position: relative; margin: 0; padding: 0; box-sizing: border-box; }

.hidden { display: none !important; visibility: hidden; }

.inner { padding-left: 10px; padding-right: 10px; }

.inner_l { padding-left: 10px; }

.inner_r { padding-right: 10px; }

.inner_t { padding-top: 10px; }

.inner_b { padding-bottom: 10px; }

body { min-width: 1008px; }

.container_24 { width: 1008px; }

.grid_1 { width: 4.1666666666667%; }

.grid_2 { width: 8.3333333333333%; }

.grid_3 { width: 12.5%; }

.grid_4 { width: 16.666666666667%; }

.grid_5 { width: 20.833333333333%; }

.grid_6 { width: 25%; }

.grid_7 { width: 29.166666666667%; }

.grid_8 { width: 33.333333333333%; }

.grid_9 { width: 37.5%; }

.grid_10 { width: 41.666666666667%; }

.grid_11 { width: 45.833333333333%; }

.grid_12 { width: 50%; }

.grid_13 { width: 54.166666666667%; }

.grid_14 { width: 58.333333333333%; }

.grid_15 { width: 62.5%; }

.grid_16 { width: 66.666666666667%; }

.grid_17 { width: 70.833333333333%; }

.grid_18 { width: 75%; }

.grid_19 { width: 79.166666666667%; }

.grid_20 { width: 83.333333333333%; }

.grid_21 { width: 87.5%; }

.grid_22 { width: 91.666666666667%; }

.grid_23 { width: 95.833333333333%; }

.grid_24 { width: 100%; }

.prefix_0 { margin-left: 0; }

.prefix_1 { margin-left: 4.1666666666667%; }

.prefix_2 { margin-left: 8.3333333333333%; }

.prefix_3 { margin-left: 12.5%; }

.prefix_4 { margin-left: 16.666666666667%; }

.prefix_5 { margin-left: 20.833333333333%; }

.prefix_6 { margin-left: 25%; }

.prefix_7 { margin-left: 29.166666666667%; }

.prefix_8 { margin-left: 33.333333333333%; }

.prefix_9 { margin-left: 37.5%; }

.prefix_10 { margin-left: 41.666666666667%; }

.prefix_11 { margin-left: 45.833333333333%; }

.prefix_12 { margin-left: 50%; }

.prefix_13 { margin-left: 54.166666666667%; }

.prefix_14 { margin-left: 58.333333333333%; }

.prefix_15 { margin-left: 62.5%; }

.prefix_16 { margin-left: 66.666666666667%; }

.prefix_17 { margin-left: 70.833333333333%; }

.prefix_18 { margin-left: 75%; }

.prefix_19 { margin-left: 79.166666666667%; }

.prefix_20 { margin-left: 83.333333333333%; }

.prefix_21 { margin-left: 87.5%; }

.prefix_22 { margin-left: 91.666666666667%; }

.prefix_23 { margin-left: 95.833333333333%; }

.prefix_24 { margin-left: 100%; }

.hidden_l, .visible_m, .visible_phone, .visible_s, .visible_xl, .visible_xs { display: none !important; }

@media only screen and (min-width: 1024px) and (max-width: 1199px) { .hidden_m, .hidden_phone, .hidden_s, .hidden_xl, .hidden_xs { display: inline-block !important; }
  .hidden_l, .visible_m, .visible_phone, .visible_s, .visible_xl, .visible_xs { display: none !important; }
  .visible_l { display: inline-block !important; } }

@media only screen and (min-width: 1200px) { body { min-width: 1170px; }
  .container_24 { width: 1170px; }
  .grid_1_xl { width: 4.1666666666667%; }
  .grid_2_xl { width: 8.3333333333333%; }
  .grid_3_xl { width: 12.5%; }
  .grid_4_xl { width: 16.666666666667%; }
  .grid_5_xl { width: 20.833333333333%; }
  .grid_6_xl { width: 25%; }
  .grid_7_xl { width: 29.166666666667%; }
  .grid_8_xl { width: 33.333333333333%; }
  .grid_9_xl { width: 37.5%; }
  .grid_10_xl { width: 41.666666666667%; }
  .grid_11_xl { width: 45.833333333333%; }
  .grid_12_xl { width: 50%; }
  .grid_13_xl { width: 54.166666666667%; }
  .grid_14_xl { width: 58.333333333333%; }
  .grid_15_xl { width: 62.5%; }
  .grid_16_xl { width: 66.666666666667%; }
  .grid_17_xl { width: 70.833333333333%; }
  .grid_18_xl { width: 75%; }
  .grid_19_xl { width: 79.166666666667%; }
  .grid_20_xl { width: 83.333333333333%; }
  .grid_21_xl { width: 87.5%; }
  .grid_22_xl { width: 91.666666666667%; }
  .grid_23_xl { width: 95.833333333333%; }
  .grid_24_xl { width: 100%; }
  .prefix_0_xl { margin-left: 0; }
  .prefix_1_xl { margin-left: 4.1666666666667%; }
  .prefix_2_xl { margin-left: 8.3333333333333%; }
  .prefix_3_xl { margin-left: 12.5%; }
  .prefix_4_xl { margin-left: 16.666666666667%; }
  .prefix_5_xl { margin-left: 20.833333333333%; }
  .prefix_6_xl { margin-left: 25%; }
  .prefix_7_xl { margin-left: 29.166666666667%; }
  .prefix_8_xl { margin-left: 33.333333333333%; }
  .prefix_9_xl { margin-left: 37.5%; }
  .prefix_10_xl { margin-left: 41.666666666667%; }
  .prefix_11_xl { margin-left: 45.833333333333%; }
  .prefix_12_xl { margin-left: 50%; }
  .prefix_13_xl { margin-left: 54.166666666667%; }
  .prefix_14_xl { margin-left: 58.333333333333%; }
  .prefix_15_xl { margin-left: 62.5%; }
  .prefix_16_xl { margin-left: 66.666666666667%; }
  .prefix_17_xl { margin-left: 70.833333333333%; }
  .prefix_18_xl { margin-left: 75%; }
  .prefix_19_xl { margin-left: 79.166666666667%; }
  .prefix_20_xl { margin-left: 83.333333333333%; }
  .prefix_21_xl { margin-left: 87.5%; }
  .prefix_22_xl { margin-left: 91.666666666667%; }
  .prefix_23_xl { margin-left: 95.833333333333%; }
  .prefix_24_xl { margin-left: 100%; }
  .hidden_l, .hidden_m, .hidden_phone, .hidden_s, .hidden_xs { display: inline-block !important; }
  .hidden_xl, .visible_l, .visible_m, .visible_phone, .visible_s, .visible_xs { display: none !important; }
  .visible_xl { display: inline-block !important; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) { body { min-width: 750px; }
  .container_24 { width: 750px; }
  .grid_1_m { width: 4.1666666666667%; }
  .grid_2_m { width: 8.3333333333333%; }
  .grid_3_m { width: 12.5%; }
  .grid_4_m { width: 16.666666666667%; }
  .grid_5_m { width: 20.833333333333%; }
  .grid_6_m { width: 25%; }
  .grid_7_m { width: 29.166666666667%; }
  .grid_8_m { width: 33.333333333333%; }
  .grid_9_m { width: 37.5%; }
  .grid_10_m { width: 41.666666666667%; }
  .grid_11_m { width: 45.833333333333%; }
  .grid_12_m { width: 50%; }
  .grid_13_m { width: 54.166666666667%; }
  .grid_14_m { width: 58.333333333333%; }
  .grid_15_m { width: 62.5%; }
  .grid_16_m { width: 66.666666666667%; }
  .grid_17_m { width: 70.833333333333%; }
  .grid_18_m { width: 75%; }
  .grid_19_m { width: 79.166666666667%; }
  .grid_20_m { width: 83.333333333333%; }
  .grid_21_m { width: 87.5%; }
  .grid_22_m { width: 91.666666666667%; }
  .grid_23_m { width: 95.833333333333%; }
  .grid_24_m { width: 100%; }
  .prefix_0_m { margin-left: 0; }
  .prefix_1_m { margin-left: 4.1666666666667%; }
  .prefix_2_m { margin-left: 8.3333333333333%; }
  .prefix_3_m { margin-left: 12.5%; }
  .prefix_4_m { margin-left: 16.666666666667%; }
  .prefix_5_m { margin-left: 20.833333333333%; }
  .prefix_6_m { margin-left: 25%; }
  .prefix_7_m { margin-left: 29.166666666667%; }
  .prefix_8_m { margin-left: 33.333333333333%; }
  .prefix_9_m { margin-left: 37.5%; }
  .prefix_10_m { margin-left: 41.666666666667%; }
  .prefix_11_m { margin-left: 45.833333333333%; }
  .prefix_12_m { margin-left: 50%; }
  .prefix_13_m { margin-left: 54.166666666667%; }
  .prefix_14_m { margin-left: 58.333333333333%; }
  .prefix_15_m { margin-left: 62.5%; }
  .prefix_16_m { margin-left: 66.666666666667%; }
  .prefix_17_m { margin-left: 70.833333333333%; }
  .prefix_18_m { margin-left: 75%; }
  .prefix_19_m { margin-left: 79.166666666667%; }
  .prefix_20_m { margin-left: 83.333333333333%; }
  .prefix_21_m { margin-left: 87.5%; }
  .prefix_22_m { margin-left: 91.666666666667%; }
  .prefix_23_m { margin-left: 95.833333333333%; }
  .prefix_24_m { margin-left: 100%; }
  .hidden_l, .hidden_phone, .hidden_s, .hidden_xl, .hidden_xs { display: inline-block !important; }
  .hidden_m, .visible_l, .visible_phone, .visible_s, .visible_xl, .visible_xs { display: none !important; }
  .visible_m { display: inline-block !important; } }

@media only screen and (max-width: 767px) { body { min-width: 300px; }
  .container_24 { width: 90%; }
  .grid_1, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_2, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 { width: 100%; }
  .prefix_1, .prefix_10, .prefix_11, .prefix_12, .prefix_13, .prefix_14, .prefix_15, .prefix_16, .prefix_17, .prefix_18, .prefix_19, .prefix_2, .prefix_20, .prefix_21, .prefix_22, .prefix_23, .prefix_24, .prefix_3, .prefix_4, .prefix_5, .prefix_6, .prefix_7, .prefix_8, .prefix_9 { margin-left: 0; }
  .no_inner_phone { padding-left: 0; padding-right: 0; }
  .no_inner_l_phone { padding-left: 0; }
  .no_inner_r_phone { padding-right: 0; }
  .no_inner_t_phone { padding-top: 0; }
  .no_inner_b_phone { padding-bottom: 0; } }

@media only screen and (min-width: 480px) and (max-width: 767px) { body { min-width: 420px; }
  .grid_1_s { width: 4.1666666666667%; }
  .grid_2_s { width: 8.3333333333333%; }
  .grid_3_s { width: 12.5%; }
  .grid_4_s { width: 16.666666666667%; }
  .grid_5_s { width: 20.833333333333%; }
  .grid_6_s { width: 25%; }
  .grid_7_s { width: 29.166666666667%; }
  .grid_8_s { width: 33.333333333333%; }
  .grid_9_s { width: 37.5%; }
  .grid_10_s { width: 41.666666666667%; }
  .grid_11_s { width: 45.833333333333%; }
  .grid_12_s { width: 50%; }
  .grid_13_s { width: 54.166666666667%; }
  .grid_14_s { width: 58.333333333333%; }
  .grid_15_s { width: 62.5%; }
  .grid_16_s { width: 66.666666666667%; }
  .grid_17_s { width: 70.833333333333%; }
  .grid_18_s { width: 75%; }
  .grid_19_s { width: 79.166666666667%; }
  .grid_20_s { width: 83.333333333333%; }
  .grid_21_s { width: 87.5%; }
  .grid_22_s { width: 91.666666666667%; }
  .grid_23_s { width: 95.833333333333%; }
  .grid_24_s { width: 100%; }
  .prefix_0_s { margin-left: 0; }
  .prefix_1_s { margin-left: 4.1666666666667%; }
  .prefix_2_s { margin-left: 8.3333333333333%; }
  .prefix_3_s { margin-left: 12.5%; }
  .prefix_4_s { margin-left: 16.666666666667%; }
  .prefix_5_s { margin-left: 20.833333333333%; }
  .prefix_6_s { margin-left: 25%; }
  .prefix_7_s { margin-left: 29.166666666667%; }
  .prefix_8_s { margin-left: 33.333333333333%; }
  .prefix_9_s { margin-left: 37.5%; }
  .prefix_10_s { margin-left: 41.666666666667%; }
  .prefix_11_s { margin-left: 45.833333333333%; }
  .prefix_12_s { margin-left: 50%; }
  .prefix_13_s { margin-left: 54.166666666667%; }
  .prefix_14_s { margin-left: 58.333333333333%; }
  .prefix_15_s { margin-left: 62.5%; }
  .prefix_16_s { margin-left: 66.666666666667%; }
  .prefix_17_s { margin-left: 70.833333333333%; }
  .prefix_18_s { margin-left: 75%; }
  .prefix_19_s { margin-left: 79.166666666667%; }
  .prefix_20_s { margin-left: 83.333333333333%; }
  .prefix_21_s { margin-left: 87.5%; }
  .prefix_22_s { margin-left: 91.666666666667%; }
  .prefix_23_s { margin-left: 95.833333333333%; }
  .prefix_24_s { margin-left: 100%; }
  .hidden_l, .hidden_m, .hidden_xl, .hidden_xs { display: inline-block !important; }
  .hidden_s, .visible_l, .visible_m, .visible_xl, .visible_xs { display: none !important; }
  .visible_s { display: inline-block !important; }
  .no_inner_s { padding-left: 0; padding-right: 0; }
  .no_inner_l_s { padding-left: 0; }
  .no_inner_r_s { padding-right: 0; }
  .no_inner_t_s { padding-top: 0; }
  .no_inner_b_s { padding-bottom: 0; } }

@media only screen and (max-width: 479px) { .grid_1_xs { width: 4.1666666666667%; }
  .grid_2_xs { width: 8.3333333333333%; }
  .grid_3_xs { width: 12.5%; }
  .grid_4_xs { width: 16.666666666667%; }
  .grid_5_xs { width: 20.833333333333%; }
  .grid_6_xs { width: 25%; }
  .grid_7_xs { width: 29.166666666667%; }
  .grid_8_xs { width: 33.333333333333%; }
  .grid_9_xs { width: 37.5%; }
  .grid_10_xs { width: 41.666666666667%; }
  .grid_11_xs { width: 45.833333333333%; }
  .grid_12_xs { width: 50%; }
  .grid_13_xs { width: 54.166666666667%; }
  .grid_14_xs { width: 58.333333333333%; }
  .grid_15_xs { width: 62.5%; }
  .grid_16_xs { width: 66.666666666667%; }
  .grid_17_xs { width: 70.833333333333%; }
  .grid_18_xs { width: 75%; }
  .grid_19_xs { width: 79.166666666667%; }
  .grid_20_xs { width: 83.333333333333%; }
  .grid_21_xs { width: 87.5%; }
  .grid_22_xs { width: 91.666666666667%; }
  .grid_23_xs { width: 95.833333333333%; }
  .grid_24_xs { width: 100%; }
  .prefix_0_xs { margin-left: 0; }
  .prefix_1_xs { margin-left: 4.1666666666667%; }
  .prefix_2_xs { margin-left: 8.3333333333333%; }
  .prefix_3_xs { margin-left: 12.5%; }
  .prefix_4_xs { margin-left: 16.666666666667%; }
  .prefix_5_xs { margin-left: 20.833333333333%; }
  .prefix_6_xs { margin-left: 25%; }
  .prefix_7_xs { margin-left: 29.166666666667%; }
  .prefix_8_xs { margin-left: 33.333333333333%; }
  .prefix_9_xs { margin-left: 37.5%; }
  .prefix_10_xs { margin-left: 41.666666666667%; }
  .prefix_11_xs { margin-left: 45.833333333333%; }
  .prefix_12_xs { margin-left: 50%; }
  .prefix_13_xs { margin-left: 54.166666666667%; }
  .prefix_14_xs { margin-left: 58.333333333333%; }
  .prefix_15_xs { margin-left: 62.5%; }
  .prefix_16_xs { margin-left: 66.666666666667%; }
  .prefix_17_xs { margin-left: 70.833333333333%; }
  .prefix_18_xs { margin-left: 75%; }
  .prefix_19_xs { margin-left: 79.166666666667%; }
  .prefix_20_xs { margin-left: 83.333333333333%; }
  .prefix_21_xs { margin-left: 87.5%; }
  .prefix_22_xs { margin-left: 91.666666666667%; }
  .prefix_23_xs { margin-left: 95.833333333333%; }
  .prefix_24_xs { margin-left: 100%; }
  .hidden_l, .hidden_m, .hidden_s, .hidden_xl { display: inline-block !important; }
  .hidden_xs, .visible_l, .visible_m, .visible_s, .visible_xl { display: none !important; }
  .visible_xs { display: inline-block !important; }
  .no_inner_xs { padding-left: 0; padding-right: 0; }
  .no_inner_l_xs { padding-left: 0; }
  .no_inner_r_xs { padding-right: 0; }
  .no_inner_t_xs { padding-top: 0; }
  .no_inner_b_xs { padding-bottom: 0; } }

@media only screen and (max-width: 767px) { .hidden_phone { display: none !important; }
  .visible_phone { display: inline-block !important; } }

@media print { * { background: 0 0 !important; color: #000 !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; font-family: Arial,Helvetica,sans-serif; margin: 20px 0; text-align: left !important; }
  body { font-size: 11px; line-height: 1.2em; }
  body div { display: block; float: left; width: 90%; margin: 10px auto; padding: 0; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: ""; display: none; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  blockquote, pre { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  img, tr { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  h2, h3, p { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  h1, h2, h3, h4, h5, p, table, ul { margin: 0 0 8px; padding: 0; }
  .hidden_print { display: none !important; } }

/*! FullCalendar v2.0.2 Stylesheet Docs & License: http://arshaw.com/fullcalendar/ (c) 2013 Adam Shaw */
.fc { direction: ltr; text-align: left; }

.fc table { border-collapse: collapse; border-spacing: 0; }

html .fc, .fc table { font-size: 1em; }

.fc td, .fc th { padding: 0; vertical-align: top; }

/* Header
------------------------------------------------------------------------*/
.fc-header td { white-space: nowrap; }

.fc-header-left { width: 25%; text-align: left; }

.fc-header-center { text-align: center; }

.fc-header-right { width: 25%; text-align: right; }

.fc-header-title { display: inline-block; vertical-align: top; }

.fc-header-title h2 { margin-top: 0; white-space: nowrap; }

.fc .fc-header-space { padding-left: 10px; }

.fc-header .fc-button { margin-bottom: 1em; vertical-align: top; }

/* buttons edges butting together */
.fc-header .fc-button { margin-right: -1px; }

.fc-header .fc-corner-right, .fc-header .ui-corner-right { /* theme */ margin-right: 0; /* back to normal */ }

/* button layering (for border precedence) */
.fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; }

.fc-header .fc-state-down { z-index: 3; }

.fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; }

/* Content
------------------------------------------------------------------------*/
.fc-content { position: relative; z-index: 1; /* scopes all other z-index's to be inside this container */ clear: both; zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ }

.fc-view { position: relative; width: 100%; overflow: hidden; }

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, .fc-widget-content { /* <td>, usually */ border: 1px solid #ddd; }

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */ background: #fcf8e3; }

.fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ }

/* Buttons
------------------------------------------------------------------------*/
.fc-button { position: relative; display: inline-block; padding: 0 0.6em; overflow: hidden; height: 1.9em; line-height: 1.9em; white-space: nowrap; cursor: pointer; }

.fc-state-default { /* non-theme */ border: 1px solid; }

.fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo; and we'll try to make them look good cross-browser. */
.fc-button .fc-icon { margin: 0 0.1em; font-size: 2em; font-family: "Courier New", Courier, monospace; vertical-align: baseline; /* for IE7 */ }

.fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; }

.fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; }

.fc-icon-left-double-arrow:after { content: "\000AB"; }

.fc-icon-right-double-arrow:after { content: "\000BB"; }

/* icon (for jquery ui) */
.fc-button .ui-icon { position: relative; top: 50%; float: left; margin-top: -8px; /* we know jqui icons are always 16px tall */ }

/* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */
.fc-state-default { background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; }

.fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }

.fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; }

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * { z-index: 8; }

.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { z-index: 9; }

.fc-event { border: 1px solid #3a87ad; /* default BORDER color */ background-color: #3a87ad; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ font-size: .85em; cursor: default; }

a.fc-event { text-decoration: none; }

a.fc-event, .fc-event-draggable { cursor: pointer; }

.fc-rtl .fc-event { text-align: right; }

.fc-event-inner { width: 100%; height: 100%; overflow: hidden; }

.fc-event-time, .fc-event-title { padding: 0 1px; }

.fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ }

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori { border-width: 1px 0; margin-bottom: 1px; }

.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/* resizable */
.fc-event-hori .ui-resizable-e { top: 0           !important; /* importants override pre jquery ui 1.7 styles */ right: -3px      !important; width: 7px       !important; height: 100%     !important; cursor: e-resize; }

.fc-event-hori .ui-resizable-w { top: 0           !important; left: -3px       !important; width: 7px       !important; height: 100%     !important; cursor: w-resize; }

.fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ }

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate { border-collapse: separate; }

.fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; }

.fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; }

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; }

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; }

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th { text-align: center; }

.fc .fc-week-number { width: 22px; text-align: center; }

.fc .fc-week-number div { padding: 0 2px; }

.fc-grid .fc-day-number { float: right; padding: 0 2px; }

.fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ }

.fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ }

/* event styles */
.fc-grid .fc-event-time { font-weight: bold; }

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number { float: left; }

.fc-rtl .fc-grid .fc-event-time { float: right; }

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table { border-collapse: separate; }

.fc-agenda-days th { text-align: center; }

.fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; font-weight: normal; }

.fc-agenda-slots .fc-agenda-axis { white-space: nowrap; }

.fc-agenda .fc-week-number { font-weight: bold; }

.fc-agenda .fc-day-content { padding: 2px 2px 1px; }

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis { border-right-width: 1px; }

.fc-agenda-days .fc-col0 { border-left-width: 0; }

/* all-day area */
.fc-agenda-allday th { border-width: 0 1px; }

.fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; }

/* divider (between all-day and slots) */
.fc-agenda-divider-inner { height: 2px; overflow: hidden; }

.fc-widget-header .fc-agenda-divider-inner { background: #eee; }

/* slot rows */
.fc-agenda-slots th { border-width: 1px 1px 0; }

.fc-agenda-slots td { border-width: 1px 0 0; background: none; }

.fc-agenda-slots td div { height: 20px; }

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; }

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; }

.fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ }

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert { border-width: 0 1px; }

.fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; }

.fc-event-vert .fc-event-inner { position: relative; z-index: 2; }

.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .25; filter: alpha(opacity=25); }

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ }

/* resizable */
.fc-event-vert .ui-resizable-s { bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */ width: 100%      !important; height: 8px      !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px  !important; font-family: monospace; text-align: center; cursor: s-resize; }

.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ _overflow: hidden; }

/* Do not Edit! */
/* qTip2 - Pretty powerful tooltips - v2.2.1 http://qtip2.com Copyright (c) 2014  Released under the MIT licenses http://jquery.org/license Date: Sat Sep 6 2014 11:12 GMT+0100+0100 Plugins: tips modal viewport svg imagemap ie6 Styles: core basic css3 */
.qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; }

.qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; }

.qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; }

.qtip-titlebar + .qtip-content { border-top-width: 0 !important; }

/* Default close button class */
.qtip-close { position: absolute; right: -9px; top: -9px; z-index: 11; /* Overlap .qtip-tip */ cursor: pointer; outline: medium none; border: 1px solid transparent; }

.qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; }

* html .qtip-titlebar .qtip-close { top: 16px; }

/* IE fix */
.qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon { border-radius: 3px; text-decoration: none; }

.qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma, sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default { border: 1px solid #F1D031; background-color: #FFFFA3; color: #555; }

.qtip-default .qtip-titlebar { background-color: #FFEF93; }

.qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; }

.qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; }

/*! Light tooltip style */
.qtip-light { background-color: white; border-color: #E2E2E2; color: #454545; }

.qtip-light .qtip-titlebar { background-color: #f1f1f1; }

/*! Dark tooltip style */
.qtip-dark { background-color: #505050; border-color: #303030; color: #f3f3f3; }

.qtip-dark .qtip-titlebar { background-color: #404040; }

.qtip-dark .qtip-icon { border-color: #444; }

.qtip-dark .qtip-titlebar .ui-state-hover { border-color: #303030; }

/*! Cream tooltip style */
.qtip-cream { background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; }

.qtip-cream .qtip-titlebar { background-color: #F0DE7D; }

.qtip-cream .qtip-close .qtip-icon { background-position: -82px 0; }

/*! Red tooltip style */
.qtip-red { background-color: #F78B83; border-color: #D95252; color: #912323; }

.qtip-red .qtip-titlebar { background-color: #F06D65; }

.qtip-red .qtip-close .qtip-icon { background-position: -102px 0; }

.qtip-red .qtip-icon { border-color: #D95252; }

.qtip-red .qtip-titlebar .ui-state-hover { border-color: #D95252; }

/*! Green tooltip style */
.qtip-green { background-color: #CAED9E; border-color: #90D93F; color: #3F6219; }

.qtip-green .qtip-titlebar { background-color: #B0DE78; }

.qtip-green .qtip-close .qtip-icon { background-position: -42px 0; }

/*! Blue tooltip style */
.qtip-blue { background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; }

.qtip-blue .qtip-titlebar { background-color: #D0E9F5; }

.qtip-blue .qtip-close .qtip-icon { background-position: -2px 0; }

.qtip-shadow { box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded, .qtip-tipsy, .qtip-bootstrap { border-radius: 5px; }

.qtip-rounded .qtip-titlebar { border-radius: 4px 4px 0 0; }

/* Youtube tooltip style */
.qtip-youtube { border-radius: 2px; box-shadow: 0 0 3px #333; color: white; border: 0 solid transparent; background: #4A4A4A; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black)); background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%); background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%); }

.qtip-youtube .qtip-titlebar { background-color: #4A4A4A; background-color: transparent; }

.qtip-youtube .qtip-content { padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; }

.qtip-youtube .qtip-icon { border-color: #222; }

.qtip-youtube .qtip-titlebar .ui-state-hover { border-color: #303030; }

/* jQuery TOOLS Tooltip style */
.qtip-jtools { background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid #f1f1f1; border-radius: 2px; box-shadow: 0 0 12px #333; }

/* IE Specific */
.qtip-jtools .qtip-titlebar { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; }

.qtip-jtools .qtip-content { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; }

.qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content { background: transparent; color: white; border: 0 dashed transparent; }

.qtip-jtools .qtip-icon { border-color: #555; }

.qtip-jtools .qtip-titlebar .ui-state-hover { border-color: #333; }

/* Cluetip style */
.qtip-cluetip { box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; }

.qtip-cluetip .qtip-titlebar { background-color: #87876A; color: white; border: 0 dashed transparent; }

.qtip-cluetip .qtip-icon { border-color: #808064; }

.qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952; }

/* Tipsy style */
.qtip-tipsy { background: black; background: rgba(0, 0, 0, 0.87); color: white; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; }

.qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent; }

.qtip-tipsy .qtip-content { padding: 6px 10px; }

.qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none; }

.qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030; }

/* Tipped style */
.qtip-tipped { border: 3px solid #959FA9; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: normal; font-family: serif; }

.qtip-tipped .qtip-titlebar { border-bottom-width: 0; color: white; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D); background-image: -o-linear-gradient(top, #3A79B8, #2E629D); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; }

.qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589; }

.qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555; }

/** Twitter Bootstrap style. Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. Does not work with IE 7. */
.qtip-bootstrap { /** Taken from Bootstrap body */ font-size: 14px; line-height: 20px; color: #333333; /** Taken from Bootstrap .popover */ padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; }

.qtip-bootstrap .qtip-titlebar { /** Taken from Bootstrap .popover-title */ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }

.qtip-bootstrap .qtip-titlebar .qtip-close { /** Overrides qTip2: .qtip-titlebar .qtip-close{ [...] right: 4px; top: 50%; [...] border-style: solid; } */ right: 11px; top: 45%; border-style: none; }

.qtip-bootstrap .qtip-content { /** Taken from Bootstrap .popover-content */ padding: 9px 14px; }

.qtip-bootstrap .qtip-icon { /** Overrides qTip2: .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } */ background: transparent; }

.qtip-bootstrap .qtip-icon .ui-icon { /** Overrides qTip2: .qtip-icon .ui-icon{ width: 18px; height: 14px; } */ width: auto; height: auto; /* Taken from Bootstrap .close */ float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); }

.qtip-bootstrap .qtip-icon .ui-icon:hover { /* Taken from Bootstrap .close:hover */ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); }

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { -webkit-filter: none; filter: none; -ms-filter: none; }

.qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; }

/* Opera bug #357 - Incorrect tip position https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; }

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; }

.qtip .qtip-tip canvas { top: 0; left: 0; }

.qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; }

#qtip-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs { cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.qtipmodal-ie6fix { position: absolute !important; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* ================================= */
/* Body and Universal Reset */
/* ================================= */
* { margin: 0; padding: 0; }

html { background: #EEEEEE; min-height: 100%; }

body { background: #FFFFFF; height: auto; position: relative; }

#popupWindowCaller { display: none; }

img { border: none; }

::-moz-selection { background: #393E42; color: #FFFFFF; }

::selection { background: #393E42; color: #FFFFFF; }

::-moz-selection { background: #393E42; color: #FFFFFF; }

@media (max-width: 767px) { html, body { font-size: 14px; line-height: 20px; }
  #homePage #menu_mobile { display: none; }
  .text_align_center_phone { text-align: center !important; } }

/* ================================= */
/* Defaults */
/* ================================= */
.clear { width: 100%; }

.collapse_header { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.collapse_header:after { display: inline-block; font-family: "FontAwesome"; font-weight: normal; content: "\f0d8"; margin-left: 5px; float: right; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform ease 0.2s; transition: transform ease 0.2s; }

.collapse_header.closed:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.no-csstransforms .collapse_header.closed:after { content: "\f0d7"; }

.vert_align_container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.251em; /* Adjust this for spacing */ }

.vert_align_container .vert_align { display: inline-block; vertical-align: middle; width: auto; }

.vert_center_container { width: 100%; display: table; height: 100%; }

.vert_center_container .inner_vert_center_container { width: 100%; display: table-cell; vertical-align: middle; }

.inner_t { padding-top: 30px; }

.inner_b { padding-bottom: 30px; }

.blue_overlay_container { position: relative; }

.blue_overlay_container .blue_overlay, .blue_overlay_container .fade_overlay, .blue_overlay_container .light_blue_overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; }

.blue_overlay_container .blue_overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#264c7e+0,0c3066+100&amp;0.7+0,1+83 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(38, 76, 126, 0.7) 0%, #10356a 83%, #0c3066 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(38, 76, 126, 0.7) 0%, #10356a 83%, #0c3066 100%); background: linear-gradient(135deg, rgba(38, 76, 126, 0.7) 0%, #10356a 83%, #0c3066 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3264c7e', endColorstr='#0c3066',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.blue_overlay_container .fade_overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0+25,0.4+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ }

.blue_overlay_container .banner_text { position: relative; z-index: 3; color: #fff; }

.blue_overlay_container img.greyscale { filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.blue_overlay_container .light_blue_overlay { background: rgba(0, 38, 77, 0.3); }

.dual_heading_style { color: #b5bec7; font-weight: 600; font-size: 14px; line-height: 20px; text-transform: uppercase; margin-bottom: 30px; }

.dual_heading_style strong { display: block; font-weight: 900; text-transform: none; font-size: 30px; line-height: 36px; color: #00264D; }

.under_lined_heading:after { display: block; content: ''; height: 5px; width: 35px; background: #fff; margin: 15px 0 30px; }

@media (max-width: 479px) { .under_lined_heading:after { margin: 15px auto 30px; } }

.under_lined_heading.blue:after { background: #00264D; }

/* ================================= */
/* Typography */
/* ================================= */
#content ul.noContent li:before, #content .noContent ul li:before, #content .slickslider .slick-dots li:before { content: none; display: none; }

#content ul.noContent li, #content .noContent ul li { text-indent: 0; margin-left: 0; }

#content .slickslider .slick-dots { margin-left: 0 !important; }

/* ================================= */
/* Off Canvas Menu */
/* ================================= */
html, body, .onCanvas { background: #FFFFFF; }

.offCanvas { background: #13375C; top: 70px; height: -webkit-calc(100% - 110px); height: calc(100% - 110px); @incude box-sizing(); }

.offCanvas ul.offCanvas_menu > li > a { font-family: "Raleway", Arial, Helvetica, sans-serif; text-transform: none; color: #fff; }

a.offCanvas_trigger { margin: 26px 0 0 0; height: 22px; }

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item, .offCanvas_trigger_item { background: #fff; }

/* ================================= */
/* Sidebar */
/* ================================= */
#content #sidebar { margin-top: 15px; }

#content #sidebar ul#subNav { border-bottom: solid 1px #E6E6E6; background-color: #FFFFFF; padding: 0; margin: 0px 0px 15px 0px; }

#content #sidebar ul#subNav li { padding: 8px 0px 8px 32px; text-indent: -15px; margin: 0px; border-top: solid 1px #E6E6E6; border-left: solid 1px #E6E6E6; border-right: solid 1px #E6E6E6; }

#content #sidebar ul#subNav li:before { content: "\203A \00a0"; color: #00264D; font-size: 15px; margin-right: 5px; line-height: 15px; }

#content #sidebar ul#subNav li a { color: #000000; padding: 5px 0px; text-decoration: none; }

#content #sidebar ul#subNav li a:hover { color: #00264D; }

#content #sidebar ul#subNav li.down a { color: #00264D; font-weight: bold; }

#content #sidebar ul#subNav li.down a:before { color: #00264D; font-weight: bold; }

#content #sidebar ul#subNav li.child { border-top: none; padding-top: 4px; padding-left: 32px; }

#content #sidebar ul#subNav li.child:before { font-size: 11px; margin-left: 14px; }

#content #sidebar ul#subNav li.childChild { font-size: 11px; border-top: none; padding-top: 4px; padding-left: 50px; }

#content #sidebar ul#subNav li.childChild:before { font-size: 11px; margin-left: 28px; }

#content #sidebar ul#subNav li.subNavHeading { padding: 11px 0px 8px 17px; margin: 0px; text-indent: 0px; text-align: left; background: #00264D; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }

#content #sidebar ul#subNav li.subNavHeading:before { content: none; }

#content #sidebar ul#subNav li.subNavHeading a { color: #FFFFFF; padding: 5px 0px 5px 0px; margin: 0px; font-weight: bold; text-transform: capitalize; text-decoration: none; font-size: 20px; }

#content #sidebar ul#subNav li.subNavHeading a:hover { color: #FFFFFF; }

/* ================================= */
/* Content */
/* ================================= */
#content { width: 100%; display: block; }

.copy p, .copy table, .copy ul, .copy ol { margin: 0 0 18px 0; }

.copy ul, .copy ol { margin-left: 18px; }

/* ================================= */
/* Widgets */
/* ================================= */
.widget { margin-top: 15px; margin-bottom: 10px; }

.widget .widget_title { padding: 10px 15px 10px 20px; background: #00264D; font-size: 13px; line-height: 17px; color: #000000; margin-bottom: 0; }

.widget .widget_title h2 { color: #FFFFFF; margin: 0; }

.widget .widget_content { background: #E9E9E9; padding: 10px 15px 15px 20px; }

.widget .widget_content h2, .widget .widget_content h2 a { font-size: 13px; line-height: 17px; color: #000000; margin-bottom: 0; }

.widget .widget_content p { margin-bottom: 10px !important; }

.widget .widget_content ul { margin-bottom: 0 !important; }

.widget .widget_content ul li { font-weight: bold; margin-left: 0px !important; margin-bottom: 5px; }

.widget .widget_content ul li:before { margin-right: 3px; font-size: 13px !important; }

.widget .widget_content .widget_date { padding: 8px 0 13px; margin: 4px 8px 10px 10px; text-align: center; width: 72px; background-color: #00264D; text-transform: uppercase; float: right; color: #FFFFFF; font-size: 22px; font-weight: bold; }

.widget .widget_content .widget_date h2 { font-weight: bold; font-size: 30px; text-transform: none; color: #FFFFFF; margin: 10px; }

.widget .widget_content .blogDate { color: #000000; font-style: italic; display: block; margin-bottom: 13px; line-height: 14px; }

.widget .widget_content .blogLink { text-decoration: underline; }

.widget .widget_content .widget_form_row { margin: 3px 0; text-align: right; }

.widget .widget_content .widget_form_row label { width: 21.5%; text-align: left; margin-right: 2%; display: inline-block; }

@media (max-width: 1023px) { .widget .widget_content .widget_form_row label { width: 100%; display: block; } }

.widget .widget_content .widget_form_input { text-align: right; width: 73%; padding-right: 1%; display: inline-block; }

@media (max-width: 1023px) { .widget .widget_content .widget_form_input { width: 100%; } }

.widget .widget_content .widget_form_button { margin-top: 7px; padding-right: 1%; text-align: right; }

.home_page .widget_content { min-height: 162px; }

/* ================================= */
/* Sitemap */
/* ================================= */
#content ul.sitemap { list-style: none; margin: 0px; padding: 0px; }

#content ul.sitemap li.sitemapHeading > a { font-size: 16px; padding: 10px 5px; margin: 0px 0px 0px; border-bottom: 1px solid #DDDDDD; font-weight: bold; display: block; }

#content ul.sitemap li.sitemapHeading > a:hover { background: #EEEEEE; border-bottom: 1px solid #AAAAAA; }

#content ul.sitemap li a { padding: 5px 0px 3px; display: block; }

#content ul.sitemap li:hover { color: #000000; }

.byLine { white-space: nowrap; }

.byLine span { position: relative; display: inline-block; top: -5px; margin: 0 3px 0; }

/* ================================= */
/* Breadcrumbs */
/* ================================= */
#content #breadcrumbs { display: block; float: left; width: 100%; background: #E3EFFA; border-bottom: 1px solid #e1e2e3; }

#content #breadcrumbs ul { list-style: none; margin: 23px 0; display: block; position: relative; float: left; width: 95%; }

#content #breadcrumbs ul li { display: inline; padding: 0 5px 0 0; color: #333333; }

#content #breadcrumbs ul li a { padding: 0 5px 0 0; color: #00264D; font-size: 14px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 700; }

#content #breadcrumbs ul li a:hover { color: #00A752; }

#content #breadcrumbs ul li a.currentBreadcrumb { color: #00A752; text-transform: none; }

#content span.breadcrumbDivider { color: #00A752; padding: 0; display: inline-block; font-size: 24px; line-height: 12px; }

/* ================================= */
/* Enquiry Form */
/* ================================= */
.required_fields_heading { font-size: 11px; }

.form_required i, .required_fields_heading i { color: #F8BDBD; }

.form_label, .form_required, .form_field { margin: 10px 0; }

.form_label { width: 20%; color: #00264D; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 800; padding: 16px 0 0 0; clear: both; }

.form_required { width: 5%; padding: 16px 0 0 0; }

.form_field { width: 75%; min-height: 30px; }

@media (max-width: 767px) { .form_label { width: auto; padding: 0; }
  .form_required { width: 5%; padding: 0 0 0 10px; }
  .form_field { width: 100%; float: none; margin-top: 0; } }

#content .errorInput { background: #FFFFFF url(/assets/images/icons/error.gif) no-repeat right center; background: #FFFFFF url(/assets/images/icons/error_input.png) no-repeat right 10px center/17px 17px; box-shadow: #EDC9C4 0 0 4px; border: 1px solid #ED5E56; }

.imageVerification * { vertical-align: middle; margin: 0 5px 0 0; text-decoration: none !important; }

.imageVerification * .medium-icon { font-size: 27px; color: #697F94; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; vertical-align: middle; }

.imageVerification * .medium-icon:hover { color: #00A752; }

.imageVerification input, .imageVerification input[type="text"] { width: 25%; }

.errorText { color: #ED5E56; }

input.hintText, .form_note { color: #999999; }

/* ================================= */
/* Form Fields Inputs */
/* ================================= */
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; outline: none; width: 100%; }

input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select, .custom_select span { width: 100%; border-radius: 5px; padding: 20px 18px; border: 1px solid #E1E9F0; -webkit-transition: box-shadow linear 0.2s, border linear 0.2s; transition: box-shadow linear 0.2s, border linear 0.2s; box-shadow: 0 3px 0 0 #CCD7E0; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Change the autofill to any color */ }

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .custom_select span:focus { border: 1px solid #CBEBDB !important; box-shadow: 0 3px 0 0 #B3E1CA; }

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .custom_select span::-webkit-input-placeholder { color: #999999; font-size: 14px; line-height: 14px; }

input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, .custom_select span:-moz-placeholder { /* Firefox 18- */ color: #999999; font-size: 14px; line-height: 14px; }

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .custom_select span::-moz-placeholder { /* Firefox 19+ */ color: #999999; font-size: 14px; line-height: 14px; }

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .custom_select span:-ms-input-placeholder { color: #999999; font-size: 14px; line-height: 14px; }

input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:focus, input[type="email"]:-webkit-autofill, input[type="email"]:-webkit-autofill:focus, input[type="number"]:-webkit-autofill, input[type="number"]:-webkit-autofill:focus, input[type="url"]:-webkit-autofill, input[type="url"]:-webkit-autofill:focus, input[type="password"]:-webkit-autofill, input[type="password"]:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:focus, .custom_select span:-webkit-autofill, .custom_select span:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #B4F4D4 inset; border: 1px solid #00A752 !important; -webkit-text-fill-color: #00264D !important; }

input[type="text"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="url"][readonly], input[type="password"][readonly], textarea[readonly], select[readonly], .custom_select span[readonly] { background: #dee1e3; }

input[type="text"][readonly]:focus, input[type="email"][readonly]:focus, input[type="number"][readonly]:focus, input[type="url"][readonly]:focus, input[type="password"][readonly]:focus, textarea[readonly]:focus, select[readonly]:focus, .custom_select span[readonly]:focus { border: 1px solid #dee1e3 !important; }

/* ================================= */
/* Custom Checkboxes & Radio Buttons */
/* ================================= */
input[type="radio"].custom_input, input[type="checkbox"].custom_input { display: none; /* Large, boxy inputs */ }

.lt-ie9 input[type="radio"].custom_input, .lt-ie9 input[type="checkbox"].custom_input { width: auto; display: block; float: left; margin: 5px 10px 0px 0px; }

input[type="radio"].custom_input + label, input[type="checkbox"].custom_input + label { display: block; padding-right: 16px; cursor: pointer; text-align: left; margin-bottom: 6px; }

input[type="radio"].custom_input + label:before, input[type="checkbox"].custom_input + label:before { content: ""; display: block; width: 22px; height: 22px; background: #ffffff; background-position: top center; border-radius: 5px; box-shadow: 0 3px 0 0 #CCD7E0; float: left; margin: 5px 10px 0px 0px; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; }

.lt-ie9 input[type="radio"].custom_input + label:before, .lt-ie9 input[type="checkbox"].custom_input + label:before { display: none; }

.no-boxshadow input[type="radio"].custom_input + label:before, .no-boxshadow input[type="checkbox"].custom_input + label:before { outline: 1px solid #BABABA; }

input[type="radio"].custom_input + label:hover:before, input[type="checkbox"].custom_input + label:hover:before { background: url("/assets/images/tick.png") no-repeat center #E3EFFA; }

input[type="radio"].custom_input + label.active:before, input[type="radio"].custom_input:checked + label:before, input[type="radio"].custom_input:checked + label:hover:before, input[type="checkbox"].custom_input + label.active:before, input[type="checkbox"].custom_input:checked + label:before, input[type="checkbox"].custom_input:checked + label:hover:before { background: url("/assets/images/tick.png") no-repeat center #fff; }

input[type="radio"].custom_input.box + label, input[type="checkbox"].custom_input.box + label { border: 1px solid #BABABA; padding: 10px; }

input[type="radio"].custom_input.box + label.active, input[type="radio"].custom_input.box:checked + label, input[type="radio"].custom_input.box:checked + label:hover, input[type="checkbox"].custom_input.box + label.active, input[type="checkbox"].custom_input.box:checked + label, input[type="checkbox"].custom_input.box:checked + label:hover { background: url("/assets/images/tick.png") no-repeat center #fff; }

input[type="radio"].custom_input + label:before { border-radius: 13px; }

/* ================================= */
/* Tables */
/* ================================= */
table.invisibleTable tr:hover .mceLayout td { border-top: 1px solid #CCCCCC; }

table.invisibleTable tr .mceLayout td table { margin: 10px 0 5px !important; }

/* ================================= */
/* Buttons */
/* ================================= */
input[type="submit"], button, .button, button.button { padding: 20px 30px; border: 0px none transparent; display: inline-block; line-height: 1em; text-transform: normal; border-radius: 5px; cursor: pointer; width: auto; font-weight: bold; margin-bottom: 3px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; top: 0px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none !important; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: #00264D; }

input[type="submit"], input[type="submit"]:visited, button, button:visited, .button, button.button, .button:visited { color: #ffffff; }

input[type="submit"]:hover, button:hover, .button:hover { color: #ffffff; background-color: #003367; }

input[type="submit"]:active, button:active, .button:active { color: #ffffff; background-color: #00264D; }

input[type="submit"]:hover, button:hover, .button:hover { text-decoration: none; }

input[type="submit"] img, button img, .button img { margin-left: 10px; color: #00A752; }

input[type="submit"]:active, button:active, .button:active { top: 3px; outline: 0; }

input[type="submit"]:focus, button:focus, .button:focus { outline: 0; }

input[type="submit"].button_blue, button.button_blue, .button.button_blue { background-color: #2D4C8C; }

input[type="submit"].button_blue, input[type="submit"].button_blue:visited, button.button_blue, button.button_blue:visited, .button.button_blue, .button.button_blue:visited { color: #ffffff; }

input[type="submit"].button_blue:hover, button.button_blue:hover, .button.button_blue:hover { color: #ffffff; background-color: #33569f; }

input[type="submit"].button_blue:active, button.button_blue:active, .button.button_blue:active { color: #ffffff; background-color: #2D4C8C; }

input[type="submit"].button_red, button.button_red, .button.button_red { background-color: #B12729; }

input[type="submit"].button_red, input[type="submit"].button_red:visited, button.button_red, button.button_red:visited, .button.button_red, .button.button_red:visited { color: #ffffff; }

input[type="submit"].button_red:hover, button.button_red:hover, .button.button_red:hover { color: #ffffff; background-color: #c62c2e; }

input[type="submit"].button_red:active, button.button_red:active, .button.button_red:active { color: #ffffff; background-color: #B12729; }

input[type="submit"].button_white, button.button_white, .button.button_white { background-color: #ffffff; }

input[type="submit"].button_white, input[type="submit"].button_white:visited, button.button_white, button.button_white:visited, .button.button_white, .button.button_white:visited { color: #333333; }

input[type="submit"].button_white:hover, button.button_white:hover, .button.button_white:hover { color: #333333; background-color: white; }

input[type="submit"].button_white:active, button.button_white:active, .button.button_white:active { color: #333333; background-color: #ffffff; }

input[type="submit"].button_green, button.button_green, .button.button_green { background-color: #00A151; }

input[type="submit"].button_green, input[type="submit"].button_green:visited, button.button_green, button.button_green:visited, .button.button_green, .button.button_green:visited { color: #fff; }

input[type="submit"].button_green:hover, button.button_green:hover, .button.button_green:hover { color: #fff; background-color: #00ba5e; }

input[type="submit"].button_green:active, button.button_green:active, .button.button_green:active { color: #fff; background-color: #00A151; }

input[type="submit"].button_transparent, button.button_transparent, .button.button_transparent { background-color: rgba(255, 255, 255, 0.3); border: 2px solid #ffffff; box-shadow: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); margin-bottom: 0px; line-height: 1em; }

input[type="submit"].button_transparent, input[type="submit"].button_transparent:visited, button.button_transparent, button.button_transparent:visited, .button.button_transparent, .button.button_transparent:visited { color: #ffffff; }

input[type="submit"].button_transparent:hover, button.button_transparent:hover, .button.button_transparent:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); }

input[type="submit"].button_transparent:active, button.button_transparent:active, .button.button_transparent:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); }

input[type="submit"].button_transparent:hover, button.button_transparent:hover, .button.button_transparent:hover { background: rgba(255, 255, 255, 0.5); }

input[type="submit"].button_transparent:active, button.button_transparent:active, .button.button_transparent:active { top: 0px; }

input[type="submit"].button_full_width, button.button_full_width, .button.button_full_width { width: 100%; text-align: center; }

input[type="submit"].button_small, button.button_small, .button.button_small { padding: 4px 10px; }

input[type="submit"].button_large, button.button_large, .button.button_large { padding: 18px 22px; }

.button a, .button a:hover, .button a:active { color: inherit; text-decoration: none !important; }

.delete-button { color: #B12729; }

/* ================================= */
/* Errors / Info / Caution */
/* ================================= */
.error_box, .info_box { margin: 0 0 15px 0; padding: 15px; color: #555555; }

.error_box { padding: 15px; background-color: #FFF0F1; color: #ED5E56; font-weight: bold; text-align: left; }

.error_box h3 { margin: -15px -15px 0; padding: 15px; background: #FFE4E4; text-transform: uppercase; font-size: 14px; color: #ED5E56; }

.error_box i { font-size: 17px; vertical-align: middle; margin-right: 10px; color: #ED5E56; }

.info_box { border-color: #D5F296; background-color: #F2FCDC; padding: 15px; color: #7F9E42; font-weight: bold; text-align: left; }

.info_box i { font-size: 17px; vertical-align: middle; margin-right: 10px; color: #7F9E42; margin-top: -3px; }

#content .error_box ul { margin-bottom: 0; margin-top: 16px; font-size: 12px; margin-left: 3px; }

/* ================================= */
/* Message Boxes */
/* ================================= */
.msg_box { position: relative; margin: 20px 0; padding: 10px 10px 10px 45px; width: 640px; border-width: 2px; border-style: solid; /* border-radius: 5px; */ color: #555555; }

.msg_box.info { background: #E1F2F7 url("/assets/images/icons/information.png") no-repeat 15px 11px; border-color: #C5E4ED; }

.msg_box.success { background: #F2FCDC url("/assets/images/icons/accept.png") no-repeat 15px 11px; border-color: #D5F296; }

.msg_box.caution { background: #FFFCD9 url("/assets/images/icons/error.png") no-repeat 15px 11px; border-color: #F5F0AE; }

.msg_box.error { background: #FFF2ED url("/assets/images/icons/exclamation.png") no-repeat 15px 11px; border-color: #F5C2AE; }

.msg_box a.close { position: absolute; top: 3px; right: 0px; padding: 5px 10px; }

/* ================================= */
/* Icons */
/* ================================= */
.small-icon { font-size: 14px; }

.medium-icon { font-size: 22px; vertical-align: middle; }

.large-icon { font-size: 35px; vertical-align: middle; }

/* ================================= */
/* bPopup - Default Styling */
/* ================================= */
.js_bPopup { background: #fff; border-radius: 5px; max-width: 90%; }

.js_bPopup .pop_up_padding { padding: 25px 30px; position: relative; }

.js_bPopup .pop_up_padding .close_js { position: absolute; right: 15px; top: 15px; font-size: 20px; cursor: pointer; }

/* ================================= */
/* Qtip  */
/* ================================= */
.default_qtip { background: #00264D; padding: 8px 5px; border: none; border-radius: 5px; color: #00264D; /* Arrow Color - Same as background*/ font-size: 14px; font-weight: 700; line-height: 18px; margin-left: 4px; }

.default_qtip .qtip-content { color: #fff; }

/* ================================= */
/* TinyMCE */
/* ================================= */
.editor { width: 100%; }

#content .mceEditor table { margin: 0; }

/* ================================= */
/* Slick slider  */
/* ================================= */
/* Standard Styles */
.slickslider { background: url(/assets/images/icons/ajax-loader-alt.gif) no-repeat center center; overflow: hidden; }

.slickslider, .slickslider .banner_text { height: 300px; }

.slickslider .slide_container { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; outline: none; }

.slickslider .slide_container .banner_text h2 { font-size: 36px; line-height: 40px; }

.slickslider .slide_container .banner_text .button { margin-top: 20px; }

@media (max-width: 767px) { .slickslider .slide_container .banner_text { text-align: center; } }

.slickslider ul.slick-dots { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; text-align: center; }

.slickslider ul.slick-dots li { display: inline-block; text-indent: 0; margin-left: 0; padding: 0; margin: 0 5px; }

.slickslider ul.slick-dots li button { text-shadow: none !important; padding: 0; text-indent: -9999px !important; height: 15px; width: 15px; line-height: 15px; border-radius: 50%; box-shadow: none !important; text-indent: 0; background: #E3EFFA; }

.slickslider ul.slick-dots li.slick-active button { background: #BDCDDD; }

.slickslider .slicknav { width: 50px; height: 50px; line-height: 50px; cursor: pointer; position: absolute; top: 50%; margin-top: -25px; z-index: 99; color: #fff; background: #00264D; text-align: center; font-size: 30px; }

.slickslider .slicknav.next_arrow { right: 0; }

.slickslider .slicknav.next_arrow:before { margin-left: 5px; content: "\f105"; font-family: "FontAwesome"; }

.slickslider .slicknav.prev_arrow { left: 0; }

.slickslider .slicknav.prev_arrow:before { margin-right: 5px; content: "\f104"; font-family: "FontAwesome"; }

.slickslider .slicknav.next_arrow, .slickslider .slicknav.prev_arrow { -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; display: block; }

.slickslider .slicknav.next_arrow:hover, .slickslider .slicknav.prev_arrow:hover { background: #003f80; }

.slickslider .slicknav.next_arrow:active, .slickslider .slicknav.prev_arrow:active { background: #004c9a; }

@media (max-width: 767px) { .slickslider .slicknav { display: none !important; } }

.slickslider_gallery, .slickslider_gallery .slide_container, .slickslider_gallery .slide_container a { height: auto; max-height: 661px; }

.slickslider_gallery .slide_container a { display: block; }

.slickslider_gallery .slide_container a img { width: 100%; height: auto; }

.slickslider_gallery_thumbs { max-height: 150px; background: none; }

.slickslider_gallery_thumbs .slide_container { height: 150px; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

.slickslider_gallery_thumbs .slide_container:hover { opacity: 0.8; cursor: pointer; }

.slickslider_gallery_thumbs .slide_container.slick-current { opacity: 0.5; cursor: pointer; }

/* ================================= */
/* Global Header */
/* ================================= */
.global_header { float: left; width: 100%; }

.global_header ul { list-style: none; margin: 0; padding: 0; }

.global_header ul li { list-style: none; margin: 0; display: inline-block; padding: 10px 5px; }

.global_header ul li:after { content: '|'; margin-left: 10px; color: #CCCCCC; }

.global_header ul li:last-of-type:after { content: ''; margin: 0; display: none; }

/* ================================= */
/* Header */
/* ================================= */
.header_fill { height: 87px; position: relative; float: left; width: 100%; }

#header { background: url("/assets/images/header-bg.png") left center repeat-y #fff; display: block; width: 100%; float: left; position: relative; }

@media (max-width: 1023px) { #header { background-position: left -300px center; } }

@media (max-width: 767px) { #header { background: #00264D; z-index: 9; position: absolute; top: 0; } }

#header .border_overlay { position: absolute; bottom: 0; right: 0; left: 0; height: 3px; z-index: 2; background: rgba(0, 0, 0, 0.2); }

#header a.logo { padding: 0px; text-indent: -9999px; z-index: 2; height: 87px; width: 100%; display: block; position: relative; background: url(/assets/images/cblogo.png) center right 30px no-repeat #00264D; border-right: 5px solid #00A752; }

#header a.logo.energy { background-image: url("/assets/images/cbenergy-logo.png"); }

#header a.logo.constructions { background-image: url("/assets/images/cb-con-logo.png"); }

#header .h-title { display: block; float: left; position: absolute; text-indent: -9999em; }

@media (max-width: 767px) { #header a.logo { height: 50px; width: 100px; background-size: contain; float: left; background-position: left top; margin-bottom: 0; margin-top: 10px; border-right: 0; } }

#header .header_phone_number { float: right; text-align: right; padding-top: 42px; }

#header .header_phone_number span { padding: 10px 2px 10px 10px; font-size: 27px; font-weight: bold; }

#header .header_phone_number i { font-size: 27px; }

@media (max-width: 767px) { #header { height: 70px; padding: 0; margin-bottom: 15px; } }

.header_static_container { position: relative; }

@media (max-width: 767px) { .header_static_container { display: none; } }

.relocate_header { position: fixed; width: 100%; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); z-index: 99999; }

.mob_header_fill { height: 70px; }

/* ================================= */
/* Navigation Menu DROP DOWN MENU */
/* ================================= */
/* Superfish Default */
ul#mainNav, ul#mainNav * { margin: 0; padding: 0; list-style: none; position: relative; }

ul#mainNav { background: #fff; padding-left: 5%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

ul#mainNav li { position: relative; /* Change to position: static; for left aligned menu */ }

ul#mainNav li.sf-mega-wrap { position: static; /* OR put this class on the parent (of .sf-mega) li to left align */ }

ul#mainNav ul, ul#mainNav .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }

ul#mainNav .sf-mega ul { display: block; float: left; width: 100%; position: relative; }

ul#mainNav > li { float: left; }

ul#mainNav li:hover > ul, ul#mainNav li.sfHover > ul, ul#mainNav li:hover > .sf-mega, ul#mainNav li.sfHover > .sf-mega { display: block; }

ul#mainNav a { display: block; position: relative; border-bottom: 3px solid transparent; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

ul#mainNav ul ul { top: 0; left: 100%; }

ul#mainNav .sf-mega { display: none; position: absolute; float: left; top: 100%; left: 0; z-index: 99; width: 100%; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

ul#mainNav .sf-mega ul ul { left: 0; display: none !important; /* Hides 3x level deep under mega */ }

ul#mainNav .sf-mega > ul > li > ul { opacity: 1 !important; display: block !important; /* Shows 2x level deep under mega */ }

/* Superfish Skin */
ul#mainNav { float: left; width: 100%; }

ul#mainNav ul, ul#mainNav .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; min-width: 220px; max-width: 260px; }

ul#mainNav li { -webkit-transition: background 0.2s; transition: background 0.2s; }

ul#mainNav ul li { white-space: nowrap; *white-space: normal; }

ul#mainNav li:hover, ul#mainNav li.sfHover { -webkit-transition: none; transition: none; }

ul#mainNav > li { width: 14.28%; max-width: 14.28%; display: block; float: left; }

ul#mainNav > li > a { display: table; position: relative; text-align: center; height: 87px; float: left; font-size: 14px; line-height: 18px; }

@media (max-width: 1023px) { ul#mainNav > li > a { font-size: 12px; height: 87px; } }

ul#mainNav a, ul#mainNav a:visited { background: transparent; color: #666666; padding: 5px 15px; text-decoration: none; zoom: 1; font-weight: 600; display: block; width: 100%; -ms-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 1023px) { ul#mainNav a, ul#mainNav a:visited { padding: 0 6px; } }

ul#mainNav a:hover, ul#mainNav li.current > a { border-bottom: 3px solid #00A752; color: #00A752; z-index: 9; }

ul#mainNav li:first-child a { border-left: 0; }

ul#mainNav > li > a > span { display: table-cell; vertical-align: middle; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

/* Drop downs */
ul#mainNav ul { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }

ul#mainNav ul a, ul#mainNav ul a:visited { border: 0; font-weight: 600; white-space: pre-wrap; padding: 15px 25px; background: #fff; color: #666666; font-size: 14px; border-top: 1px solid #f9f9f9; }

ul#mainNav ul a:hover { background: #00264D; color: #fff; border-bottom: 0; border-top: 1px solid #f9f9f9; }

ul#mainNav ul a:active { background: #00A752; color: #fff; border-bottom: 0; }

ul#mainNav ul li:last-child a, ul#mainNav ul li:last-child a:hover { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom: 0; }

/* Mega Menu */
ul#mainNav .sf-mega { width: 600px; }

ul#mainNav .sf-mega, ul#mainNav .sf-mega > ul { background-color: #EEEEEE; }

ul#mainNav .sf-mega > ul { -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; width: 33%; border-right: 1px solid #CCCCCC; border-width: 1px; border-right-style: solid; border-image: -webkit-linear-gradient(top, #CCCCCC, transparent) 1 100%; border-image: linear-gradient(to bottom, #CCCCCC, transparent) 1 100%; border-left: 0; }

ul#mainNav .sf-mega > ul:last-of-type { border-right: 0; }

ul#mainNav .sf-mega > ul > li > a { font-weight: bold; border-bottom: 1px solid #CCCCCC; color: #000000; }

/* // Flexbox Menu // If this isn't working, make sure #mainNav isn't inline-block. The class .hidden_phone tends to do that. .flexbox ul#mainNav { display: -ms-flexbox; -ms-flex-pack: justify; -ms-flex-wrap: none; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-justify-content: space-between; display: flex; flex-wrap: nowrap; justify-content: space-between; } .flexbox ul#mainNav > li { width: -ms-flex(1); -webkit-flex-grow: 1; flex-grow: 1; } .flexbox ul#mainNav > li > a { padding-left: 5px; padding-right: 5px; } */
/* ================================= */
/* Footer */
/* ================================= */
#footer { clear: both; background: url("/assets/images/footer-bg.png") repeat-y left top #1F5C99; display: block; width: 100%; position: relative; float: left; /* Footer Details top */ /* ================================= */ /* Footer Top */ /* ================================= */ /* Footer Middle */ /* ================================= */ /* Footer Left */ /* ================================= */ }

@media (max-width: 1023px) { #footer { background-position: left -300px top; } }

#footer .road_overlay { height: 335px; width: 100%; position: absolute; right: 0; bottom: 0; z-index: 1; background: url("/assets/images/roadbg.png") no-repeat right bottom -20px; }

@media (max-width: 1023px) { #footer .road_overlay { background-position: right -200px top; } }

@media (max-width: 767px) { #footer .road_overlay { display: none; } }

#footer a { color: #fff; font-size: 14px; line-height: 18px; }

#footer a:hover { color: #9EC6EE; }

#footer li { display: inline; list-style: none; margin: 0 12px 0 0; }

#footer .footer_details_line { border-top: 1px solid #D4D9D7; padding: 14px 0; background: #FFFFFF; text-align: center; }

#footer .footer_details_line .dets_row { display: inline-block; margin: 0 4%; }

@media (max-width: 767px) { #footer .footer_details_line .dets_row { display: block; margin-bottom: 5px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }

#footer .footer_details_line .dets_row .dets_ic { display: inline-block; margin-right: 10px; }

#footer .footer_details_line .dets_row .dets_txt { display: inline-block; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px; color: #8dabc7; }

#footer .footer_top { padding: 15px 0; font-weight: 600; background: #E3EFFA; border-top: 1px solid #D4D9D7; border-bottom: 1px solid #D4D9D7; }

#footer .footer_top input { padding: 11px !important; border-radius: 5px; margin-top: 6px; box-shadow: 0 0 0 0 #CCD7E0; /* Change the autofill to any color */ }

#footer .footer_top input:-webkit-autofill, #footer .footer_top input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #B4F4D4 inset; border: 1px solid #00A752 !important; -webkit-text-fill-color: #00264D !important; }

#footer .footer_top button { padding: 12px 10px !important; margin-top: 6px; font-weight: bold; background: #00A151; }

#footer .footer_top button img { margin-left: 0; margin-right: 10px; }

#footer .footer_top .footer_subscribe_title { font-size: 0; height: 50px; padding-right: 30px; color: #8dabc7; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#footer .footer_top .footer_subscribe_title .vert_align { font-size: 14px; line-height: 16px; font-weight: 600; }

@media (max-width: 767px) { #footer .footer_top .footer_subscribe_title { text-align: center; } }

@media (max-width: 767px) { #footer .footer_middle { display: none; } }

#footer .footer_left, #footer .footer_right { text-align: left; padding: 30px 0; position: relative; z-index: 3; }

#footer .footer_left img, #footer .footer_right img { margin-bottom: 20px; }

#footer .footer_left li, #footer .footer_right li { display: block; list-style: none; margin: 0 12px 0 0; text-align: left; width: 100%; }

#footer .footer_left li, #footer .footer_left li a, #footer .footer_right li, #footer .footer_right li a { line-height: 18px; margin: 0 0 15px; }

#footer .footer_left li, #footer .footer_left li a { font-weight: bold; }

#footer .footer_right_inner { background: #1F5C99; }

#footer .footer_right img { margin-top: 25px; margin-bottom: 30px; }

/* Footer Bottom */
/* ================================= */
.footer_bottom { background: #00264D; padding: 15px 0; }

@media (max-width: 767px) { .footer_bottom { text-align: center; } }

.footer_bottom, .footer_bottom a { color: #fff !important; font-weight: bold; }

.footer_bottom a:hover { color: #9EC6EE !important; }

.footer_bottom ul.footerNav { text-align: left; }

@media (max-width: 767px) { .footer_bottom ul.footerNav { text-align: center; } }

.footer_bottom ul.footerNav li { list-style: none; display: inline-block; margin-right: 0; }

.footer_bottom ul.footerNav li:after { content: '|'; margin: 0 5px; }

.footer_bottom ul.footerNav li:last-child:after { display: none; }

.footer_bottom a:hover { color: #fff; }

.footer_bottom .footerNav { margin-bottom: 0; }

.footer_bottom .copyright { text-align: right; }

@media (max-width: 767px) { .footer_bottom .copyright { text-align: center; } }

/* ================================= */
/* Home */
/* ================================= */
#content ul#homeNav { margin: 0 0 15px; padding: 7px; background: #CCCCCC; border-radius: 8px; }

#content #homeNav li { margin: 0; padding: 1px 0; text-align: center; text-indent: 0; margin-left: 0 !important; }

#content #homeNav li:before { content: '' !important; }

#homeNav a { display: block; background: #EEEEEE; background-image: linear-gradient(bottom, #323232 0%, #464646 100%); background-image: -webkit-linear-gradient(bottom, #323232 0%, #464646 100%); background-image: -ms-linear-gradient(bottom, #323232 0%, #464646 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #323232), color-stop(1, #464646)); padding: 13px 15px; text-decoration: none; margin: 0; color: #FFFFFF; font-weight: bold; text-align: center; text-transform: uppercase; text-shadow: -1px -1px 3px rgba(0, 0, 0, 0.2); }

#homeNav a:active, #homeNav a:focus, #homeNav a:hover { box-shadow: inset -2px -2px 5px rgba(255, 255, 255, 0.08), inset 2px 2px 5px rgba(0, 0, 0, 0.5) !important; outline: none !important; }

#homeNav li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px; }

#homeNav li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

/* Home Page Banner */
#homeBanner.slickslider, #homeBanner.slickslider .slide_container, #homeBanner.slickslider .slide_container .vert_center_container { height: auto; height: 670px; width: 100%; }

@media (max-width: 767px) { #homeBanner.slickslider, #homeBanner.slickslider .slide_container, #homeBanner.slickslider .slide_container .vert_center_container { height: 400px; } }

#homeBanner.slickslider img.energy, #homeBanner.slickslider .slide_container img.energy, #homeBanner.slickslider .slide_container .vert_center_container img.energy { margin-top: -80px; }

#homeBanner.slickslider img.constructions, #homeBanner.slickslider .slide_container img.constructions, #homeBanner.slickslider .slide_container .vert_center_container img.constructions { margin-top: -80px; }

#homeBanner.slickslider .slide_container { background-position: center top; background-size: cover; background-repeat: no-repeat; }

#homeBanner.slickslider .road_bg { background: url("/assets/images/road-bg-banner.png") no-repeat bottom center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 3; }

#homeBanner.slickslider .road_bg.energy { background-image: url("/assets/images/energyroad.png"); }

#homeBanner.slickslider .banner_text { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; height: auto !important; }

#homeBanner.slickslider .banner_text img { display: inline !important; }

@media (max-width: 1163px) { #homeBanner.slickslider .banner_text img { max-width: 180px; margin-top: -40px; } }

@media (max-width: 767px) { #homeBanner.slickslider .banner_text img { max-width: 150px; margin-top: -60px; } }

@media (max-width: 767px) { #homeBanner.slickslider .banner_text { width: 40%; margin: 0 auto; } }

@media (max-width: 479px) { #homeBanner.slickslider .banner_text { width: 50%; margin: 0 auto; } }

#homeBanner.slickslider .scroll_down_container { position: absolute; bottom: 45px; left: 0; right: 0; text-align: center; }

#homeBanner.slickslider .scroll_down_container .scroll_down { background: url("/assets/images/arrow_down_scroll.png") no-repeat center 0; width: 100px; height: 60px; display: inline-block; color: #fff; text-align: center; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: BounceArrows; animation-name: BounceArrows; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

#homeBanner.slickslider .scroll_down_container .scroll_down:hover { opacity: 0.8; background-position: center 10px; }

#homeBanner.slickslider .scroll_down_container .scroll_down span { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-size: 12px; font-family: "Open Sans", Arial, Helvetica, sans-serif; }

@-webkit-keyframes BounceArrows { 0% { background-position: center 0; }
  30% { background-position: center 10px; }
  100% { background-position: center 0; } }

@keyframes BounceArrows { 0% { background-position: center 0; }
  30% { background-position: center 10px; }
  100% { background-position: center 0; } }

.affiliations_banner { padding-bottom: 30px; }

.affiliations_banner strong { color: #00264D; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 800; display: block; margin-bottom: 20px; }

.affiliations_banner .affiliations_banner_inner { background: #E3EFFA; border-top: 1px solid #b5bec7; border-bottom: 1px solid #b5bec7; }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex { height: 147px; width: 100%; overflow: visible; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-flow: flex-start; -ms-flex-flow: flex-start; flex-flow: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }

@media (max-width: 767px) { .affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex { height: auto; padding: 20px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex.slickslider { background-image: none !important; }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex.slickslider .slick-dots { left: 0; bottom: -29px; margin-bottom: 0; }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex.slickslider .slick-dots li button { height: 10px; width: 10px; }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex .affil_img.slick-slide { display: inline-block; float: none; vertical-align: middle; text-align: center; }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex .affil_img.slick-slide a { display: inline-block; }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex .affil_img.slick-slide img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; opacity: 0.8; }

@media (max-width: 767px) { .affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex .affil_img.slick-slide { margin: 10px 2%; -webkit-flex-basis: 22%; -ms-flex-preferred-size: 22%; flex-basis: 22%; } }

@media (max-width: 479px) { .affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex .affil_img.slick-slide { margin: 10px 2%; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; text-align: center; } }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex .affil_img.slick-slide a:hover { outline: none; }

.affiliations_banner .affiliations_banner_inner .affiliations_banner_inner_flex .affil_img.slick-slide a:hover img { opacity: 1; -webkit-filter: none; filter: none; /* Firefox 10+, Firefox on Android */ filter: none; /* IE6-9 */ -webkit-filter: none; /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

/* Secondary Page Banner */
.secondary_banner { display: block; float: left; width: 100%; background-size: 100% auto; background-position: center; background-position-x: center !important; background-color: #00264D; text-align: center; /*  @media(max-width: $grid_s) { margin-top: 70px; } */ }

.secondary_banner .blue_overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#264c7e+0,0c3066+100&amp;0.61+0,0.88+90 */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(38, 76, 126, 0.61) 0%, rgba(15, 51, 104, 0.88) 90%, rgba(12, 48, 102, 0.88) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(38, 76, 126, 0.61) 0%, rgba(15, 51, 104, 0.88) 90%, rgba(12, 48, 102, 0.88) 100%); background: linear-gradient(135deg, rgba(38, 76, 126, 0.61) 0%, rgba(15, 51, 104, 0.88) 90%, rgba(12, 48, 102, 0.88) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c264c7e', endColorstr='#e00c3066',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.secondary_banner h1, .secondary_banner h2, .secondary_banner h3 { color: #fff; position: relative; z-index: 9; margin-bottom: 0; font-size: 48px; line-height: 58px; }

.secondary_banner, .secondary_banner .vert_center_container { height: 335px; }

@media (max-width: 1023px) { .secondary_banner { background-size: cover; } }

.inner_template_padding { padding: 55px 0; }

.affiliation_page { width: 100%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 40px 0; overflow: visible; background: #E3EFFA; padding: 30px 20px; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: flex-start; -ms-flex-flow: flex-start; flex-flow: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }

.affiliation_page .affil_img { display: inline-block; float: none; vertical-align: middle; text-align: center; min-width: 15.5%; margin-bottom: 30px; }

.affiliation_page .affil_img a { display: inline-block; }

.affiliation_page .affil_img img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; opacity: 0.8; }

@media (max-width: 1023px) { .affiliation_page .affil_img { min-width: 25.5%; } }

@media (max-width: 767px) { .affiliation_page .affil_img { margin: 10px 2%; -webkit-flex-basis: 22%; -ms-flex-preferred-size: 22%; flex-basis: 22%; } }

@media (max-width: 479px) { .affiliation_page .affil_img { margin: 10px 2%; min-width: 43%; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; text-align: center; } }

.affiliation_page .affil_img:hover { outline: none; }

.affiliation_page .affil_img:hover img { opacity: 1; -webkit-filter: none; filter: none; /* Firefox 10+, Firefox on Android */ filter: none; /* IE6-9 */ -webkit-filter: none; /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.home_content .home_content_padding { padding: 50px 0 40px; border-bottom: 1px solid #b5bec7; margin-bottom: 40px; }

.home_content .home_content_padding h1 { color: #b5bec7; font-weight: 600; font-size: 14px; line-height: 20px; text-transform: uppercase; margin-bottom: 30px; max-width: 70%; }

@media (max-width: 1023px) { .home_content .home_content_padding h1 { max-width: 100%; } }

.home_content .home_content_padding h1 strong { display: block; margin-top: 10px; font-weight: 900; text-transform: none; font-size: 30px; line-height: 36px; color: #00264D; }

@media (max-width: 767px) { .home_content .home_content_padding h1 strong { font-size: 26px; line-height: 32px; }
  .home_content .home_content_padding h1 strong br { display: none; } }

.home_content .home_content_padding .columns_home { -webkit-columns: 300px 3; /* Chrome, Safari, Opera */ -moz-columns: 300px 3; /* Firefox */ columns: 300px 3; }

.home_divisions_block .divisions_panel { height: 435px; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; }

@media (max-width: 1370px) and (min-width: 1023px) { .home_divisions_block .divisions_panel { height: 550px; } }

@media (max-width: 767px) { .home_divisions_block .divisions_panel { height: auto; } }

@media (max-width: 1023px) { .home_divisions_block .divisions_panel { margin-bottom: 20px; } }

.home_divisions_block .divisions_panel .blue_overlay { background: rgba(0, 38, 77, 0); height: 0; top: -1px; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

@media (max-width: 767px) { .home_divisions_block .divisions_panel .blue_overlay { top: 0; left: 0; right: 0; bottom: 0; height: auto; background: rgba(0, 38, 77, 0.8); } }

.home_divisions_block .divisions_panel .fade_overlay { height: 435px; bottom: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ }

@media (max-width: 1370px) and (min-width: 1023px) { .home_divisions_block .divisions_panel .fade_overlay { height: 550px; } }

@media (max-width: 767px) { .home_divisions_block .divisions_panel .fade_overlay { position: static; } }

@media (max-width: 767px) { .home_divisions_block .divisions_panel .fade_overlay { display: none; } }

.home_divisions_block .divisions_panel .dp_content { color: #fff; position: absolute; z-index: 3; top: 80%; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; padding: 25px; }

@media (max-width: 767px) { .home_divisions_block .divisions_panel .dp_content { position: relative; } }

@media (max-width: 479px) { .home_divisions_block .divisions_panel .dp_content { text-align: center; } }

.home_divisions_block .divisions_panel .dp_content .dp_content_title { position: relative; }

.home_divisions_block .divisions_panel .dp_content .dp_content_title h2 { color: #fff; }

.home_divisions_block .divisions_panel .dp_content .dp_content_title img { position: absolute; right: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; top: -49px; }

@media (max-width: 767px) { .home_divisions_block .divisions_panel .dp_content .dp_content_title img { top: 0; } }

@media (max-width: 479px) { .home_divisions_block .divisions_panel .dp_content .dp_content_title img { position: relative; margin-top: 10px; } }

.home_divisions_block .divisions_panel .dp_content .dp_content_hidden { opacity: 0; position: relative; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; padding-top: 40px; }

.home_divisions_block .divisions_panel .dp_content .dp_content_hidden p.summary_wrapper { max-width: 70%; height: 200px; }

@media (max-width: 1023px) { .home_divisions_block .divisions_panel .dp_content .dp_content_hidden p.summary_wrapper { max-width: 100%; } }

@media (max-width: 1370px) and (min-width: 1023px) { .home_divisions_block .divisions_panel .dp_content .dp_content_hidden p.summary_wrapper { height: 330px; } }

@media (max-width: 1023px) { .home_divisions_block .divisions_panel .dp_content .dp_content_hidden p.summary_wrapper { height: auto; max-height: 200px; } }

@media (max-width: 767px) { .home_divisions_block .divisions_panel .dp_content .dp_content_hidden { opacity: 1; padding-top: 50px; }
  .home_divisions_block .divisions_panel .dp_content .dp_content_hidden p { max-width: 100%; } }

@media (max-width: 479px) { .home_divisions_block .divisions_panel .dp_content .dp_content_hidden { padding-top: 20px; } }

.home_divisions_block .divisions_panel .dp_content .dp_content_hidden a.button { float: right; z-index: 3; position: relative; margin-top: -16px; }

@media (max-width: 1023px) { .home_divisions_block .divisions_panel .dp_content .dp_content_hidden a.button { margin-top: 30px; float: none; } }

@media (max-width: 767px) { .home_divisions_block .divisions_panel .dp_content .dp_content_hidden a.button { margin-top: 30px; float: none; } }

.home_divisions_block .divisions_panel:hover .blue_overlay { background: rgba(0, 38, 77, 0.9); height: 435px; top: 0; }

@media (max-width: 1370px) and (min-width: 1023px) { .home_divisions_block .divisions_panel:hover .blue_overlay { height: 550px; } }

@media (max-width: 767px) { .home_divisions_block .divisions_panel:hover .blue_overlay { height: auto; } }

.home_divisions_block .divisions_panel:hover .fade_overlay { bottom: -40%; top: 40%; }

.home_divisions_block .divisions_panel:hover .dp_content { top: 0; }

.home_divisions_block .divisions_panel:hover .dp_content .dp_content_title img { top: 0; }

.home_divisions_block .divisions_panel:hover .dp_content .dp_content_hidden { opacity: 1; padding-top: 50px; }

@media (max-width: 479px) { .home_divisions_block .divisions_panel:hover .dp_content .dp_content_hidden { padding-top: 20px; } }

/* Featured Projects */
.featured_projects_outer { padding: 40px 0; }

.featured_projects_outer .featured_projects_inner { height: 576px; }

.featured_projects_outer .featured_projects_inner .__project { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

.featured_projects_outer .featured_projects_inner .__project .blue_overlay { background: rgba(0, 38, 77, 0); height: 0; top: -1px; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

.featured_projects_outer .featured_projects_inner .__project .hidden_content { padding: 25px; color: #fff; position: absolute; z-index: 3; opacity: 0; top: 100%; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 479px) { .featured_projects_outer .featured_projects_inner .__project .hidden_content { text-align: center; } }

.featured_projects_outer .featured_projects_inner .__project .hidden_content h3 { font-size: 30px; line-height: 36px; color: #fff; }

@media (max-width: 479px) { .featured_projects_outer .featured_projects_inner .__project .hidden_content h3 { font-size: 22px; line-height: 28px; text-align: center; max-width: 100% !important; } }

.featured_projects_outer .featured_projects_inner .__project .hidden_content h3:after { display: block; content: ''; height: 5px; width: 35px; background: #fff; margin: 15px 0 30px; }

@media (max-width: 479px) { .featured_projects_outer .featured_projects_inner .__project .hidden_content h3:after { margin: 15px auto 30px; } }

.featured_projects_outer .featured_projects_inner .__project .hidden_content a.button { position: absolute; top: auto; right: 25px; bottom: 25px; }

@media (max-width: 479px) { .featured_projects_outer .featured_projects_inner .__project .hidden_content a.button { position: static; display: inline-block; } }

.featured_projects_outer .featured_projects_inner .__project.large { width: 49%; margin-right: 1%; height: 100%; float: left; }

@media (max-width: 1023px) { .featured_projects_outer .featured_projects_inner .__project.large { height: 49%; } }

@media (max-width: 479px) { .featured_projects_outer .featured_projects_inner .__project.large { height: 200px; width: 100%; margin-bottom: 1%; } }

.featured_projects_outer .featured_projects_inner .__project.large h3 { max-width: 70%; }

.featured_projects_outer .featured_projects_inner .__project.med { width: 49%; height: 49%; float: left; }

@media (max-width: 479px) { .featured_projects_outer .featured_projects_inner .__project.med { height: 200px; width: 100%; } }

.featured_projects_outer .featured_projects_inner .__project.small { float: left; width: 24%; margin-top: 1%; margin-right: 1%; height: 49%; float: left; }

@media (max-width: 1023px) { .featured_projects_outer .featured_projects_inner .__project.small { height: 49%; width: 49%; } }

@media (max-width: 479px) { .featured_projects_outer .featured_projects_inner .__project.small { height: 200px; width: 100%; } }

.featured_projects_outer .featured_projects_inner .__project:hover .hidden_content { top: 0; opacity: 1; }

.featured_projects_outer .featured_projects_inner .__project:hover .blue_overlay { background: rgba(0, 38, 77, 0.9); height: 100%; top: 0; }

/* Services Row Block */
.fsr_block { height: 339px; background-size: cover; background-position: center; background-repeat: no-repeat; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; float: left; width: 19.5%; width: -webkit-calc(20% - 1px); width: calc(20% - 1px); margin-right: 1px; margin-bottom: 1px; position: relative; }

@media (max-width: 1023px) { .fsr_block { width: 30.3%; width: -webkit-calc(33.33% - 1px); width: calc(33.33% - 1px); height: 310px; } }

@media (max-width: 767px) { .fsr_block { width: -webkit-calc(50% - 1px); width: calc(50% - 1px); height: 310px; } }

@media (max-width: 479px) { .fsr_block { width: 100%; margin-right: 0; } }

.fsr_block .fsr_content { padding: 20px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; }

.fsr_block .fsr_content h3 { color: #fff; font-size: 24px; line-height: 27px; font-weight: 600; }

.fsr_block.double { width: -webkit-calc(40% - 1px); width: calc(40% - 1px); }

@media (max-width: 1023px) { .fsr_block.double { width: 66.5%; width: -webkit-calc(66.66% - 1px); width: calc(66.66% - 1px); } }

@media (max-width: 767px) { .fsr_block.double { width: 49.5%; width: -webkit-calc(50% - 1px); width: calc(50% - 1px); } }

@media (max-width: 479px) { .fsr_block.double { width: 100%; margin-right: 0; } }

.fsr_block.third { width: -webkit-calc(33.32% - 1px); width: calc(33.32% - 1px); }

@media (max-width: 767px) { .fsr_block.third { width: 100%; margin-right: 0; } }

.fsr_block.featured { background-image: none !important; background: #00A752 !important; background-image: url("/assets/images/road-centre.png") !important; background-size: 1050px auto !important; background-repeat: no-repeat !important; }

.fsr_block.featured h3 { font-size: 36px; line-height: 40px; margin-bottom: 0; font-weight: 800; position: absolute; bottom: 20px; left: 20px; font-family: "Raleway", Arial, Helvetica, sans-serif; }

.fsr_block.featured.energy { background-image: url("/assets/images/road-energy-centre.png") !important; }

.fsr_block.featured.no_bg { background: #00A752 !important; }

.fsr_block.featured.left_bg { background-position: top left 100% !important; }

.fsr_block.featured.left_bg.small { background-position: top left 64% !important; }

.fsr_block.featured.right_bg { background-position: top right; }

a.fsr_block { -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; position: relative; }

a.fsr_block .blue_overlay { background: rgba(0, 38, 77, 0); height: 0; top: -1px; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

a.fsr_block.featured:hover { opacity: 0.8; }

a.fsr_block:hover .blue_overlay { background: rgba(0, 38, 77, 0.9); height: 100%; top: 0; }

.heading_area_box { padding: 45px 0; }

.heading_area_box h1 { font-size: 24px; margin-bottom: 10px; line-height: 30px; }

.landingpage_content_container { padding: 0 0 50px; }

.landingpage_content_container .landingpage_content { padding-right: 20px; }

@media (max-width: 767px) { .landingpage_content_container .landingpage_content { padding-right: 0; } }

.landingpage_content_container .landingpage_image { text-align: right; }

@media (max-width: 767px) { .landingpage_content_container .landingpage_image { margin-top: 20px; text-align: center; } }

.landingpage_content_container .landingpage_image img { border-radius: 5px; box-shadow: 0 3px 0 0 #CCD7E0; }

.landingpage_content_container .ebook_container { padding: 20px; background: #F0F4F7; text-align: center; margin-top: 10px; border-radius: 5px; }

.landingpage_form_section { background: #F0F4F7; padding: 50px 0; position: relative; }

@media (max-width: 479px) { .landingpage_form_section h2 { text-align: center; } }

.landingpage_form_section .button { color: #00264D; box-shadow: 0 3px 0 0 #CCD7E0; padding: 22px 30px; margin-top: 14px; }

.landingpage_form_section .button img { margin-top: -2px; }

.landingpage_form_section .required_fields_heading { position: absolute; right: 15px; top: 0; padding-top: 5px; }

@media (max-width: 767px) { .landingpage_form_section .required_fields_heading { position: static; } }

.landingpage_form_section .button_checkbox_container { text-align: right; }

@media (max-width: 767px) { .landingpage_form_section .button_checkbox_container { text-align: left; } }

@media (max-width: 479px) { .landingpage_form_section .button_checkbox_container { text-align: center; } }

.landingpage_form_section .button_checkbox_container .button_container { display: inline-block; }

.landingpage_form_section .button_checkbox_container .mailing_list_checkbox { font-size: 14px; font-weight: bold; margin-right: 11px; margin-top: 30px; color: #00264D; display: inline-block; }

@media (max-width: 1023px) { .landingpage_form_section .button_checkbox_container .mailing_list_checkbox { margin-right: 0; } }

.landingpage_form_section .button_checkbox_container .mailing_list_checkbox input { float: left; }

.landingpage_form_section .button_checkbox_container .mailing_list_checkbox label:before { margin-top: 2px !important; margin-right: 25px !important; }

.landingpage_form_section input, .landingpage_form_section input:focus { border: 1px solid transparent !important; }

.landingpage_form_section .form_label, .landingpage_form_section .form_required, .landingpage_form_section .form_field { margin: 17px 0; }

@media (max-width: 767px) { .landingpage_form_section .form_label, .landingpage_form_section .form_required, .landingpage_form_section .form_field { margin: 11px 0; } }

.landingpage_form_section .second_field label { padding-left: 15px; }

@media (max-width: 767px) { .landingpage_form_section .second_field label { padding-left: 0; } }

.landingpage_form_section .captcha_control_container { width: 75%; display: inline-block; background: #F5FBFF; border-radius: 5px; box-shadow: 0 3px 0 0 #CCD7E0; box-shadow: 0 3px 0 0 #CCD7E0; margin-right: 15px; }

@media (min-width: 1200px) { .landingpage_form_section .captcha_control_container { width: 77%; } }

@media (max-width: 1023px) { .landingpage_form_section .captcha_control_container { width: 66%; } }

@media (max-width: 767px) { .landingpage_form_section .captcha_control_container { width: 270px; } }

@media (max-width: 479px) { .landingpage_form_section .captcha_control_container { width: 100%; margin-bottom: 20px; } }

.landingpage_form_section .captcha_control_container input, .landingpage_form_section .captcha_control_container input[type="text"] { border-right: 2px solid #EDF3F7 !important; width: 57%; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }

@media (min-width: 1200px) { .landingpage_form_section .captcha_control_container input, .landingpage_form_section .captcha_control_container input[type="text"] { width: 63%; } }

@media (max-width: 1023px) { .landingpage_form_section .captcha_control_container input, .landingpage_form_section .captcha_control_container input[type="text"] { width: 35%; } }

@media (max-width: 767px) { .landingpage_form_section .captcha_control_container input, .landingpage_form_section .captcha_control_container input[type="text"] { width: 56%; } }

@media (max-width: 479px) { .landingpage_form_section .captcha_control_container input, .landingpage_form_section .captcha_control_container input[type="text"] { width: 44%; } }

/* ================================= */
/* Blog */
/* ================================= */
.displaying { text-align: center; margin-bottom: 10px !important; }

.nextprevnav { display: block; text-align: center; margin: 50px 0 30px 0; font-size: 14px; padding: 0; }

.nextprevnav .nextprevnav_inner { background: #F5F5F5; border-radius: 5px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); height: 52px; display: inline-block; font-size: 0; }

.nextprevnav a { text-decoration: none !important; font-size: 14px; font-weight: 700; vertical-align: middle; color: #58585a !important; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

.nextprevcurrentpage, .nextprevnav a { padding: 0; line-height: 52px; display: inline-block; width: 52px; height: 52px; font-size: 15px; font-weight: 700; vertical-align: middle; font-weight: 700; border-right: 1px solid #e2e3e1; }

.nextprevnav a:hover { background: #e2e3e1 !important; }

.nextprevcurrentpage { color: #FAFBFD; background: #00264D; }

.nextprevdisabled { color: #CCCCCC; padding: 0; line-height: 52px; font-size: 14px; font-weight: 700; vertical-align: middle; display: inline-block; width: 52px; height: 52px; }

.nextprevnav .nextLink, .nextprevnav .prevLink { width: 52px; height: 52px; font-size: 30px; text-transform: uppercase; }

.nextprevnav .prevLink:hover { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.nextprevnav .nextLink { border-right: 0; }

.nextprevnav .nextLink:hover { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.blogListingThumb { float: left; width: 17%; margin-right: 4%; text-align: center; }

.blogListingContainerWImage { float: left; width: 79%; }

#content .blogListingContainer p { margin: 0 0 10px 0; }

.blogDate { color: #CCCCCC; }

.blogAddThisTop { float: right; width: 124px; }

.blogMetaInfo { background-color: #F5F5F5; margin: 10px 0; overflow: hidden; padding: 10px 10px; }

.blogMetaInfo, .blogMetaInfo a, .blogMetaInfo a:link, .blogMetaInfo a:visited { color: #999999; }

/* ================================= */
/* People / Staff / Team Module */
/* ================================= */
.people_person img { display: block; text-align: center; -o-box-sizing: border-box; box-sizing: border-box; }

.people_person p { display: block; font-weight: bold; font-size: 13px; margin: 0 !important; padding: 8px 0 0; color: #111111; }

.people_person p span { font-weight: normal; font-style: italic; font-size: 12px; }

.people_person a, .people_person a:link, .people_person a:visited, .people_person a:active { display: block; border-bottom: 1px solid transparent; padding: 0 0 8px; margin: 0 0 8px; }

.people_person a:hover { border-bottom: 1px solid #00264D; }

.people_person a:hover img { border: 4px solid #00264D; }

.people_person a:hover p { color: #00264D; }

img.people_person_image, .people_person img { border: 4px solid #EEEEEE; }

.people_cat { margin-bottom: 60px; }

.team_container .team_grid { overflow: hidden; display: block; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 16%; width: -webkit-calc(16.66% - 1px); width: calc(16.66% - 1px); margin-right: 1px; margin-bottom: 1px; float: left; }

@media (max-width: 1023px) { .team_container .team_grid { width: 24.5%; width: -webkit-calc(25% - 1px); width: calc(25% - 1px); } }

@media (max-width: 767px) { .team_container .team_grid { width: 49%; width: -webkit-calc(50% - 1px); width: calc(50% - 1px); } }

@media (max-width: 479px) { .team_container .team_grid { width: 99%; width: -webkit-calc(100% - 1px); width: calc(100% - 1px); } }

.team_container .team_grid:before { content: ''; padding-top: 100%; display: block; position: relative; }

.team_container .team_grid .blue_overlay { background: rgba(0, 38, 77, 0); height: 0; top: -1px; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

.team_container .team_grid .team_hidden { position: absolute; left: 0; right: 0; top: 100%; bottom: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #fff; z-index: 3; padding: 20px; text-align: center; opacity: 0; }

.team_container .team_grid .team_hidden h3 { color: #fff; font-size: 24px; line-height: 30px; }

.team_container .team_grid:hover .blue_overlay { background: rgba(0, 38, 77, 0.8); height: 100%; top: 0; }

.team_container .team_grid:hover .team_hidden { top: 0; opacity: 1; }

.team_container .team_grid:active .blue_overlay { background: rgba(0, 38, 77, 0.95); height: 100%; top: 0; }

.team_container .mob_block { display: none; }

.team_container .mob_none { display: block; }

.team_container .tab_block { display: none; }

.team_container .tab_none { display: none; }

@media (max-width: 1023px) and (max-width: 768px) { .team_container .tab_block { display: block; }
  .team_container .tab_none { display: none; } }

@media (max-width: 767px) { .team_container .mob_block { display: block; }
  .team_container .mob_none { display: none; } }

.people_view_padding { padding-left: 30px; }

@media (max-width: 767px) { .people_view_padding { padding-left: 0; margin-top: 30px; } }

.button_action_container { margin-top: 20px; }

.button_action_container .button { margin-right: 10px; }

/* Project Cats / Listing Page */
.projects_main_catdesc { margin-bottom: 50px; }

.sub_cats_projects { margin-bottom: 50px; }

.sub_cats_projects + h2 { position: relative; margin-bottom: 30px; }

@media (max-width: 767px) { .sub_cats_projects + h2 { text-align: center; } }

.projects_container { float: left; width: 49%; width: -webkit-calc(50% - 1px); width: calc(50% - 1px); margin-right: 1px; margin-bottom: 1px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

.projects_container:before { content: ''; display: block; padding-top: 65%; }

@media (min-width: 1200px) { .projects_container:before { padding-top: 55%; } }

@media (max-width: 1023px) { .projects_container:before { padding-top: 100%; } }

@media (max-width: 767px) { .projects_container { width: 100%; margin-right: 0; }
  .projects_container:before { display: none; } }

.projects_container .blue_overlay { background: rgba(0, 38, 77, 0); height: 0; top: -1px; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

@media (max-width: 767px) { .projects_container .blue_overlay { height: 100%; top: 0; background: rgba(0, 38, 77, 0.6); } }

.projects_container.project_cats .projects_content { top: 67%; opacity: 1; }

.projects_container.project_cats .projects_content p, .projects_container.project_cats .projects_content a.button { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

@media (max-width: 767px) { .projects_container.project_cats .projects_content p, .projects_container.project_cats .projects_content a.button { opacity: 1; } }

.projects_container.project_cats:hover .projects_content p, .projects_container.project_cats:hover .projects_content a.button { opacity: 1; }

.projects_container .projects_content { padding: 25px; color: #fff; position: absolute; z-index: 3; opacity: 0; top: 100%; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 767px) { .projects_container .projects_content { position: relative; opacity: 1; height: auto; } }

@media (max-width: 479px) { .projects_container .projects_content { text-align: center; } }

.projects_container .projects_content h3, .projects_container .projects_content h2 { font-size: 30px; line-height: 36px; }

.projects_container .projects_content h3, .projects_container .projects_content h3 a, .projects_container .projects_content h2, .projects_container .projects_content h2 a { color: #fff; }

@media (max-width: 479px) { .projects_container .projects_content h3, .projects_container .projects_content h2 { font-size: 22px; line-height: 28px; text-align: center; max-width: 100% !important; } }

.projects_container .projects_content h3:after, .projects_container .projects_content h2:after { display: block; content: ''; height: 5px; width: 35px; background: #fff; margin: 15px 0 30px; }

@media (max-width: 479px) { .projects_container .projects_content h3:after, .projects_container .projects_content h2:after { margin: 15px auto 30px; } }

.projects_container .projects_content a.button { position: absolute; top: auto; left: 25px; bottom: 25px; }

@media (max-width: 767px) { .projects_container .projects_content a.button { position: static; } }

@media (max-width: 479px) { .projects_container .projects_content a.button { display: inline-block; } }

.projects_container:hover .projects_content { top: 0; opacity: 1; }

.projects_container:hover .blue_overlay { background: rgba(0, 38, 77, 0.9); height: 100%; top: 0; }

/* Projects View Page */
.project_view_sidedets { margin-bottom: 49px; }

.project_view_sidedets h1.under_lined_heading.blue, .project_view_sidedets h2.under_lined_heading.blue { font-size: 30px; line-height: 36px; font-size: 800; }

@media (max-width: 767px) { .project_view_sidedets h1.under_lined_heading.blue, .project_view_sidedets h2.under_lined_heading.blue { text-align: center; }
  .project_view_sidedets h1.under_lined_heading.blue:after, .project_view_sidedets h2.under_lined_heading.blue:after { margin: 15px auto 30px; } }

.project_view_sidedets .p_info_row { margin-bottom: 10px; }

.project_view_sidedets .p_info_row h3 { font-weight: 600; margin-bottom: 0; }

.project_view_sidedets .p_info_row a.button { margin-top: 20px; }

@media (max-width: 767px) { .project_view_sidedets { margin-bottom: 25px; text-align: center; } }

.product_view_maincontent { padding-left: 20px; margin-bottom: 40px; }

@media (max-width: 767px) { .product_view_maincontent { padding-left: 0; } }

.projects_gallery { margin-left: 10px; margin-right: -10px; margin-bottom: 30px; }

@media (max-width: 767px) { .projects_gallery { margin-left: -10px; } }

.projects_gallery a { display: block; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }

.projects_gallery a:hover { opacity: 0.8; }

@media (max-width: 767px) { .projects_gallery a { margin-bottom: 20px; } }

.project_testimonials { margin: 0 0 50px; background: #E3EFFA; padding: 30px 0; color: #00264D; font-style: italic; font-size: 14px; font-weight: 600; }

.project_testimonials .left_testi { padding-left: 85px; padding-top: 25px; background: url("/assets/images/quoteleft.png") no-repeat left top; }

@media (max-width: 767px) { .project_testimonials .left_testi { padding-left: 20px; padding-top: 70px; } }

@media (max-width: 479px) { .project_testimonials .left_testi { padding-left: 0; padding-top: 0; background: none; } }

.project_testimonials .right_testi { padding-right: 80px; padding-bottom: 15px; background: url("/assets/images/quoteright.png") no-repeat right bottom; }

@media (max-width: 767px) { .project_testimonials .right_testi { padding-right: 20px; padding-bottom: 20px; } }

@media (max-width: 479px) { .project_testimonials .right_testi { padding-right: 0; padding-bottom: 10px; background: none; } }

.project_testimonials h3 { text-align: right; padding-right: 88px; font-size: 18px; font-weight: 600; margin-bottom: 0; }

.project_view_related > h2.under_lined_heading { text-align: center; font-weight: 800; }

.project_view_related > h2.under_lined_heading:after { margin: 15px auto 30px; }

.project_view_related .projects_container { width: -webkit-calc(25% - 1px); width: calc(25% - 1px); margin-right: 1px; }

.project_view_related .projects_container:before { padding-top: 95%; }

@media (min-width: 1200px) { .project_view_related .projects_container:before { padding-top: 79%; } }

@media (max-width: 1023px) { .project_view_related .projects_container:before { padding-top: 65%; } }

@media (max-width: 1023px) { .project_view_related .projects_container { width: -webkit-calc(50% - 1px); width: calc(50% - 1px); } }

@media (max-width: 479px) { .project_view_related .projects_container { width: 100%; margin-right: 0; } }

.project_view_related .projects_container h2.under_lined_heading { font-size: 22px; line-height: 30px; }

.project_view_related .projects_container h2.under_lined_heading:after { margin: 15px 0 20px; }

@media (min-width: 1273px) { .project_view_related .projects_container h2.under_lined_heading { font-size: 30px; line-height: 36px; } }

@media (max-width: 767px) { .project_view_related .projects_container h2.under_lined_heading { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } }

@media (max-width: 767px) { .project_view_related .projects_container h2.under_lined_heading { text-align: center; }
  .project_view_related .projects_container h2.under_lined_heading:after { margin: 15px auto 30px; } }

.project_view_related .projects_container p { max-height: 40%; margin-bottom: 0; }

@media (max-width: 1574px) { .project_view_related .projects_container p { max-height: 30%; } }

@media (max-width: 767px) { .project_view_related .projects_container p { max-height: 100px; } }

.project_view_related .projects_container a.button { margin-top: 10px; }

@media (max-width: 1574px) { .project_view_related .projects_container a.button { position: static; } }

@media (max-width: 1023px) { .project_view_related .projects_container a.button { position: absolute; } }

@media (max-width: 767px) { .project_view_related .projects_container a.button { position: static; } }

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