/*!
Animate.css - https://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

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

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

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }
    
    .shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(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 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

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

   @-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }
  
  
   @-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }
    
    
    .bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }



@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }
  
  
 
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }


@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

  @keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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


@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }
  
  
  @-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

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

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

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

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

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
    
    .rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }


@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }


@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
    
    @keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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


@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

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


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

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



h1 {
  font-size: 72px;
  line-height: 1.5;
  color: #2c3e50;
  font-weight: 100; }


.section--purple {
  background-color: #9b59b6; }

.section--blue {
  background-color: #3498db; }

.section--green {
  background-color: #2ecc71; }

#main {
  text-align: center; }

#more {
  margin: 20px auto 48px; }

body {
  box-sizing: border-box;
  font-family: 'proxima-nova', sans-serif;
  overflow-x: hidden;
  width: 100%; }
  body * {
    box-sizing: border-box; }
  @media (max-width: 640px) {
    body {
      padding-top: 50px; } }
      
      
      .starter-template {
  padding: 3rem 1.5rem;
  text-align: center; }

p, h1, h2, h3, h4, h5, .h3other {
  margin: 0; }

.container {
  max-width: 1200px;
  margin-bottom: 0px; }
  .container p, .container h1, .container h2, .container h3, .container h4, .container h5 {
    margin-bottom: 1vw;
    line-height: 1.2; }
  .container p:last-of-type {
    margin-bottom: 0px; }
  .container h1, .container h2, .container h3, .container h4, .container h5 {
    font-weight: bold; }

span.gold {
  color: #18305A; }

a.button {
  padding: 10px 20px;
  background: #18305A;
  color: white;
  font-weight: 600;
  margin: 12px 0px; }



h1 {
  font-weight: 600;
  margin: 1.4vw auto;
  line-height: 1.2;
  color: #2c3e50;
text-align: center;
 }
  h1 {
    font-size: 30px; }
    @media screen and (min-width: 1024px) {
      h1 {
        font-size: calc(23px + 12 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h1 {
        font-size: 35px; } }

h2 {
  color: #8B0304;
  text-transform: uppercase; }
  h2 {
    font-size: 27px; }
    @media screen and (min-width: 1024px) {
      h2 {
        font-size: calc(27px + 5 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h2 {
        font-size: 32px; } }

h3 {
  color: #18305A;
  text-transform: uppercase; }
  h3, .h3other {
    font-size: 27px; }
    @media screen and (min-width: 1024px) {
      h3, .h3other {
        font-size: calc(27px + 5 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h3, .h3other {
        font-size: 32px; } }

h4 {
  color: #400102;
  text-transform: uppercase; }
  h4 {
    font-size: 23px; }
    @media screen and (min-width: 1024px) {
      h4 {
        font-size: calc(23px + 3 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h4 {
        font-size: 26px; } }

h5 {
  color: #3366bf;
  text-transform: uppercase; }
  h5 {
    font-size: 23px; }
    @media screen and (min-width: 1024px) {
      h5 {
        font-size: calc(23px + 3 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h5 {
        font-size: 26px; } }

h6 {
  color: #8B0304;
  font-style: italic; }
  h6 {
    font-size: 20px; }
    @media screen and (min-width: 1024px) {
      h6 {
        font-size: calc(20px + 4 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h6 {
        font-size: 24px; } }

p, li {
  line-height: 1.5; }
  p, li {
    font-size: 14px; }
    @media screen and (min-width: 1024px) {
      p, li {
        font-size: calc(14px + 3 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      p, li {
        font-size: 17px; } }
        
        
        header {
  height: 5rem;
  position: fixed;
  z-index: 1000; }
  header nav {
    min-height: 5rem; }
  @media (max-width: 640px) {
    header {
      position: relative; } }
  @media (max-width: 640px) {
    header {
      background: #18305A;
      height: auto; } }

span.offset {
  margin-top: -10vw;
  margin-bottom: 10vw;
  display: block;
  background: red; }

footer {
  background: rgba(0, 0, 0, 0.3);
  padding: 1vw;
  display: block;
  position: relative; }

div.inner {
  max-width: 1200px;
  margin: 0px auto;
  position: relative;
  z-index: 400; }
  div.inner.small {
    max-width: 800px;
    margin: 20px auto; }
  div.inner img {
    max-width: 100%; }

section.headerWrap {
  transition: all 0.35s ease;
  position: fixed;
  z-index: 5000;
  width: 100%; }
  section.headerWrap .logoWrap {
    padding: 15px; }
    section.headerWrap .logoWrap img {
      width: 100%; }
    @media (max-width: 640px) {
      section.headerWrap .logoWrap img {
        width: 50%;
        margin: 0px auto 15px;
        display: block; } }
  @media (max-width: 640px) {
    section.headerWrap {
      position: relative; } }
  section.headerWrap div.inner {
    background: transparent;
    max-width: 1200px;
    margin: 0px auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  section.headerWrap.sticky {
    background: rgba(24, 48, 90, 0.9); }
    
    
    div.navToggle {
  display: none; }
  @media (max-width: 640px) {
    div.navToggle {
      display: block;
      background: #8B0304;
      width: 100%;
      position: fixed;
      top: 0px;
      text-align: right;
      z-index: 3000; }
      div.navToggle div.toggleBtn {
        padding: 10px;
        margin: 0px 0px 0px auto; }
      div.navToggle * {
        color: white;
        font-size: 20px; }
      div.navToggle i {
        color: white; } }

nav {
  margin: 0px;
  padding: 0px !important;
  flex-direction: row-reverse; }
  nav ul {
    margin: 0px !important;
    padding: 0px !important;
    background: #8B0304;
    text-align: justify; }
    nav ul li {
      display: inline-block;
      padding: 0px; }
      @media (min-width: 1024px) {
        nav ul li.dropdown:hover div.dropdown-menu {
          display: block;
          top: 30px;
          border-radius: 0px; } }
      nav ul li a {
        color: white;
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none !important;
        padding: .5rem .75rem !important; }
        nav ul li a {
          font-size: 9px; }
          @media screen and (min-width: 1024px) {
            nav ul li a {
              font-size: calc(9px + 2 * ((100vw - 1024px) / 576)); } }
          @media screen and (min-width: 1600px) {
            nav ul li a {
              font-size: 11px; } }
      @media (max-width: 980px) {
        nav ul li a {
          margin: 0px;
          padding: 8px 8px !important; }
          nav ul li a {
            font-size: 7px; } }
    @media screen and (max-width: 980px) and (min-width: 1024px) {
      nav ul li a {
        font-size: calc(7px + 6 * ((100vw - 1024px) / 576)); } }
    @media screen and (max-width: 980px) and (min-width: 1600px) {
      nav ul li a {
        font-size: 13px; } }
  nav div.topNav {
    display: block; }
    nav div.topNav ul {
      text-align: right;
      position: relative;
      margin-right: 0px; }
    nav div.topNav a {
      text-transform: all 0.3s ease;
      padding: 8px 12px;
      color: white;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1.1px; }
      nav div.topNav a {
        font-size: 13px; }
        @media screen and (min-width: 1024px) {
          nav div.topNav a {
            font-size: calc(13px + 1 * ((100vw - 1024px) / 576)); } }
        @media screen and (min-width: 1600px) {
          nav div.topNav a {
            font-size: 14px; } }
      nav div.topNav a:hover {
        text-decoration: none !important;
        background: #3366bf; }
      nav div.topNav a.dropdown-toggle:after {
        color: red !important; }
    @media (max-width: 640px) {
      nav div.topNav {
        width: 100%;
        text-align: center; }
        nav div.topNav ul {
          text-align: center; }
          nav div.topNav ul li a {
            font-size: 8px; } }
      @media screen and (max-width: 640px) and (min-width: 1024px) {
        nav div.topNav ul li a {
          font-size: calc(8px + 3 * ((100vw - 1024px) / 576)); } }
      @media screen and (max-width: 640px) and (min-width: 1600px) {
        nav div.topNav ul li a {
          font-size: 11px; } }
          
           nav ul.mainNav {
    display: block;
    width: 100%;
    text-align: right; }
    nav ul.mainNav a {
      transition: all 0.3s ease; }
      nav ul.mainNav a:hover {
        background-color: #400102;
        color: white; }
    @media (max-width: 640px) {
      nav ul.mainNav {
        position: fixed;
        width: 100%;
        background: #8B0304;
        width: 100%;
        margin: 0px auto;
        top: 50px;
        text-align: center;
        height: 0px;
        overflow: hidden; }
        nav ul.mainNav li {
          display: block; }
          nav ul.mainNav li a {
            color: white !important; }
            nav ul.mainNav li a {
              font-size: 16px; } }
        @media screen and (max-width: 640px) and (min-width: 1024px) {
          nav ul.mainNav li a {
            font-size: calc(16px + 2 * ((100vw - 1024px) / 576)); } }
        @media screen and (max-width: 640px) and (min-width: 1600px) {
          nav ul.mainNav li a {
            font-size: 18px; } }
    @media (max-width: 640px) {
          nav ul.mainNav li div.dropdown-menu {
            width: 100% !important;
            position: !important; }
            nav ul.mainNav li div.dropdown-menu a {
              text-align: center; }
        nav ul.mainNav.menuOut {
          height: auto;
          overflow: initial; } }

@media (max-width: 640px) {
  div.navWrap {
    padding: 0px !important; } }

@media (max-width: 640px) {
  div.dropdown-menu {
    background-color: #400102 !important; } }

.slideWrap {
  padding: 0px; }
  .slideWrap img {
    object-fit: cover;
    width: 100%;
    height: 28vw; }
  .slideWrap div.carousel-caption {
    background: rgba(24, 48, 90, 0.64);
    padding: 20px; }
    .slideWrap div.carousel-caption h5 {
      text-transform: uppercase;
      font-weight: 800;
      color: white;
      margin-bottom: 30px; }
      .slideWrap div.carousel-caption h5 {
        font-size: 26px; }
        @media screen and (min-width: 1024px) {
          .slideWrap div.carousel-caption h5 {
            font-size: calc(26px + 14 * ((100vw - 1024px) / 576)); } }
        @media screen and (min-width: 1600px) {
          .slideWrap div.carousel-caption h5 {
            font-size: 40px; } }
    .slideWrap div.carousel-caption p {
      margin-bottom: 16px; }
      .slideWrap div.carousel-caption p {
        font-size: 17px; }
        @media screen and (min-width: 1024px) {
          .slideWrap div.carousel-caption p {
            font-size: calc(17px + 3 * ((100vw - 1024px) / 576)); } }
        @media screen and (min-width: 1600px) {
          .slideWrap div.carousel-caption p {
            font-size: 20px; } }
    .slideWrap div.carousel-caption a {
      transition: all 0.35s ease;
      background: #8B0304; }
      .slideWrap div.carousel-caption a:hover {
        background: #400102;
        text-decoration: none !important; }
    @media (min-width: 1024px) {
      .slideWrap div.carousel-caption {
        text-align: left;
        position: absolute;
        width: 50%;
        right: 0%;
        left: auto;
        top: 0px;
        bottom: 0;
        text-align: center;
        padding-top: 17%; } }

div.overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 300;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease; }
  div.overlay.blue {
    background: rgba(24, 48, 90, 0.5); }
    
    
    div.overlay.whiteTrans {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+96&0+0,1+97 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.99) 96%, white 97%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.99) 96%, white 97%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.99) 96%, white 97%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */ }

div.quicklinks {
  text-align: center;
  margin-bottom: 2.1vw; }
  div.quicklinks h3 {
    text-align: center;
    color: white;
    text-shadow: 0px 0px 8px black;
    text-transform: uppercase;
    margin: 65px auto; }
    div.quicklinks h3 {
      font-size: 16px; }
      @media screen and (min-width: 1024px) {
        div.quicklinks h3 {
          font-size: calc(16px + 6 * ((100vw - 1024px) / 576)); } }
      @media screen and (min-width: 1600px) {
        div.quicklinks h3 {
          font-size: 22px; } }
  div.quicklinks div.item {
    position: relative;
    display: inline-block;
    background: green;
    border: 10px solid white;
    margin: 0px 10px; }
    @media (min-width: 1024px) {
      div.quicklinks div.item {
        width: 17%; } }
    div.quicklinks div.item img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: relative;
      margin: 0px auto;
      z-index: 200; }
    div.quicklinks div.item div.inner {
      position: absolute;
      z-index: 400;
      padding: 0px 15px;
      display: block;
      top: 0px;
      width: 100%; }
      div.quicklinks div.item div.inner.twoLines h3 {
        margin-top: 52px; }
    div.quicklinks div.item:hover .overlay {
      background: rgba(0, 0, 0, 0.2); }
    @media (max-width: 980px) {
      div.quicklinks div.item {
        width: 30%; }
        div.quicklinks div.item img {
          height: 150px; }
        div.quicklinks div.item h3 {
          margin: 65px auto !important; } }
    @media (max-width: 640px) {
      div.quicklinks div.item {
        width: 90%; } }


.container-fluid {
  padding: 0px;
  overflow: hidden; }

div.ctaLightBlue {
  background: #7C9EC2;
  padding: 50px;
  text-align: center; }
  @media (min-width: 1024px) {
    div.ctaLightBlue {
      margin-top: -90px;
      padding-top: 100px; } }
  div.ctaLightBlue h2 {
    color: #8B0304;
    font-weight: 700;
    margin: 0 auto 4vw; }
  @media (max-width: 980px) {
    div.ctaLightBlue {
      padding: 30px 20px; }
      div.ctaLightBlue h2 {
        font-size: 18px; } }
    @media screen and (max-width: 980px) and (min-width: 1024px) {
      div.ctaLightBlue h2 {
        font-size: calc(18px + 8 * ((100vw - 1024px) / 576)); } }
    @media screen and (max-width: 980px) and (min-width: 1600px) {
      div.ctaLightBlue h2 {
        font-size: 26px; } }

h4 a {
  border: 4px solid #18305A;
  padding: 20px 20px;
  background: white;
  word-break: break-all;
  max-width: 250px;
  text-align: center;
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: 600;
  color: #8B0304;
  transition: all 0.3s ease; }
  h4 a {
    font-size: 13px; }
    @media screen and (min-width: 1024px) {
      h4 a {
        font-size: calc(13px + 4 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h4 a {
        font-size: 17px; } }
  h4 a:hover {
    background: #3366bf;
    color: white;
    text-decoration: none; }

@media (max-width: 640px) {
  h4 {
    display: block;
    margin: 15px auto 30px; } }

div.video {
  padding: 4vw 2vw 3vw;
  position: relative;
  background: url("../images/videobg.jpg") center center no-repeat fixed;
  background-size: cover; }
  div.video h3 {
    color: white;
    margin: 6px auto 16px;
    text-align: center; }


div.quicklinks2 {
  padding: 4vw 3vw; }
  div.quicklinks2 div.row.inner.medium {
    margin-bottom: 28px; }
  div.quicklinks2 svg {
    fill: white !important; }
  div.quicklinks2 div.item {
    background: url("../images/txta_home_back.png") center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 20px;
    padding-top: 10vw;
    border-right: 25px solid white; }
    div.quicklinks2 div.item .blue {
      background: rgba(24, 48, 90, 0.8);
      width: 50%;
      position: absolute;
      left: 0px;
      top: 0px;
      bottom: 0px;
      text-align: center;
      transition: all 0.3s ease;
      padding: 10px 20px; }
      
      
       @media screen and (min-width: 768px) and (max-width: 1366px) {

div.quicklinks2 div.item .blue h3 a, div.quicklinks2 div.item .blue h3 {
	font-size: 10px !important;
	line-height: 10px !important;
}


div.quicklinks2 div.item .blue img {
	padding-top: .5vw;
    width: 40%;
    margin: 0px auto 8px;
    display: block;
}

      }
      
      
      div.quicklinks2 div.item .blue:hover {
        background: rgba(24, 48, 90, 0.9); }
      div.quicklinks2 div.item .blue img {
        padding-top: .5vw;
        width: 60%;
        margin: 0px auto 8px;
        display: block; }
      div.quicklinks2 div.item .blue h3 {
        text-transform: uppercase;
        color: white; }
        div.quicklinks2 div.item .blue h3 {
          font-size: 15px; }
          @media screen and (min-width: 1024px) {
            div.quicklinks2 div.item .blue h3 {
              font-size: calc(15px + 5 * ((100vw - 1024px) / 576)); } }
          @media screen and (min-width: 1600px) {
            div.quicklinks2 div.item .blue h3 {
              font-size: 20px; } }
  @media (max-width: 640px) {
    div.quicklinks2 {
      padding: 20px; }
      div.quicklinks2 div.item {
        padding-top: 100px;
        margin-bottom: 20px;
        width: 100%;
        border: none;
        min-height: 150px; }
        div.quicklinks2 div.item .blue {
          width: 100%; }
          div.quicklinks2 div.item .blue img {
            padding-top: 14px;
            width: 20%; } }

.photoEventsWrapper {
  margin: 4vw auto; }
  @media (max-width: 640px) {
    .photoEventsWrapper {
      margin: 0px; } }
      
   div.lightbox h2,
div.events h2 {
  font-weight: 800;
  text-transform: uppercase;
  color: #8B0304;
  display: block;
  text-align: center;
  margin-bottom: 20px; }

div.lightbox {
  text-align: center; }
  div.lightbox ul {
    list-style-type: none;
    margin: 0px !important;
    padding-inline-start: 0px; }
  div.lightbox li {
    margin-bottom: 30px;
    display: inline;
    overflow: hidden; }
    div.lightbox li img {
      width: 100%; }
  div.lightbox .mfp-figure figure {
    margin: 0; }
  div.lightbox .btn {
    color: #cb83c3;
    display: inline;
    padding: 10px 20px;
    background: #6d2e66;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    line-height: 50px;
    box-shadow: 0px 3px 0px 0px #5b2655; }
    div.lightbox .btn:hover {
      color: #e1b9dd;
      box-shadow: 0px 1px 0px 0px #5b2655;
      background: #74316d; }
    div.lightbox .btn:active, div.lightbox .btn:focus {
      -webkit-appearance: none;
      outline: none; }
  @media (max-width: 640px) {
    div.lightbox li {
      width: 50%; } }
  div.lightbox.bigGrid li {
    max-width: 20%; }

div.events div.eventWrap {
  text-align: center; }
  div.events div.eventWrap div.eventItem {
    padding: 8px 2px 2px 2px;
    margin: 0px 15px;
    /*margin-bottom: 1vw;*/ }
    @media (min-width: 1024px) {
      div.events div.eventWrap div.eventItem {
        width: 80%;
        display: inline-block;
        /*height: 6.5vw;*/ } }
    div.events div.eventWrap div.eventItem div.left {
      width: 25%;
      display: inline-block;
      background: url("../images/calbackground.svg") center top no-repeat;
      background-size: contain;
      padding: 0px;
      height: 100%; }
      div.events div.eventWrap div.eventItem div.left span {
        display: block;
        text-align: center; }
        div.events div.eventWrap div.eventItem div.left span.month {
          color: white;
          margin: 1% auto 0px !important; }
          div.events div.eventWrap div.eventItem div.left span.month {
            font-size: 13px; }
            @media screen and (min-width: 1024px) {
              div.events div.eventWrap div.eventItem div.left span.month {
                font-size: calc(13px + 1 * ((100vw - 1024px) / 576)); } }
            @media screen and (min-width: 1600px) {
              div.events div.eventWrap div.eventItem div.left span.month {
                font-size: 14px; } }
          @media (max-width: 980px) {
            div.events div.eventWrap div.eventItem div.left span.month {
              margin-top: 7px !important; } }
        div.events div.eventWrap div.eventItem div.left span.day {
          color: #18305A;
          font-weight: 700;
          margin: 0px !important; }
          div.events div.eventWrap div.eventItem div.left span.day {
            font-size: 22px; }
            @media screen and (min-width: 1024px) {
              div.events div.eventWrap div.eventItem div.left span.day {
                font-size: calc(22px + 4 * ((100vw - 1024px) / 576)); } }
            @media screen and (min-width: 1600px) {
              div.events div.eventWrap div.eventItem div.left span.day {
                font-size: 30px; } }
          @media (max-width: 980px) {
            div.events div.eventWrap div.eventItem div.left span.day {
              margin-top: 10px !important; } }
    div.events div.eventWrap div.eventItem div.right {
      width: 70%;
      display: inline-block;
      vertical-align: top;
      padding-left: 10px; }
      div.events div.eventWrap div.eventItem div.right h3 {
        font-weight: 600;
        color: #8B0304; }
        div.events div.eventWrap div.eventItem div.right h3 {
          font-size: 12px; }
          @media screen and (min-width: 1024px) {
            div.events div.eventWrap div.eventItem div.right h3 {
              font-size: calc(12px + 6 * ((100vw - 1024px) / 576)); } }
          @media screen and (min-width: 1600px) {
            div.events div.eventWrap div.eventItem div.right h3 {
              font-size: 18px; } }
      div.events div.eventWrap div.eventItem div.right h4 a {
        border-radius: 0px;
        padding: 6px 14px;
        margin: 0px 0px 12px !important;
        color: #18305A; }
        div.events div.eventWrap div.eventItem div.right h4 a {
          font-size: 10px; }
          @media screen and (min-width: 1024px) {
            div.events div.eventWrap div.eventItem div.right h4 a {
              font-size: calc(10px + 0 * ((100vw - 1024px) / 576)); } }
          @media screen and (min-width: 1600px) {
            div.events div.eventWrap div.eventItem div.right h4 a {
              font-size: 10px; } }
    @media (max-width: 640px) {
      div.events div.eventWrap div.eventItem {
        width: 50%; } }

@media (max-width: 980px) {
  div.events .eventWrap .eventItem {
    width: 40%;
    margin: 0px;
    display: inline-block !important; }
    div.events .eventWrap .eventItem .left {
      width: 100% !important;
      min-height: 75px; }
      div.events .eventWrap .eventItem .left .month {
        margin-top: 10px; }
    div.events .eventWrap .eventItem .right {
      width: 100% !important;
      padding-top: 8px; } }

@media (max-width: 640px) {
  div.events .eventWrap {
    padding: 0px !important; }
    div.events .eventWrap .eventItem {
      margin: 0px !important;
      width: 100%;
      margin: 0px auto 20px;
      display: inline-block !important; }
      div.events .eventWrap .eventItem .left {
        width: 100% !important; }
      div.events .eventWrap .eventItem .right {
        width: 100% !important; } }
        
        
        .sponsors {
  background: #8B0304;
  display: block; }
  .sponsors h2 {
    text-align: center;
    margin: 2vw;
    color: white;
    display: block;
    width: 100%;
    font-weight: 700; }
    .sponsors h2 {
      font-size: 18px; }
      @media screen and (min-width: 1024px) {
        .sponsors h2 {
          font-size: calc(18px + 32 * ((100vw - 1024px) / 576)); } }
      @media screen and (min-width: 1600px) {
        .sponsors h2 {
          font-size: 50px; } }

.sponsorWrap {
  text-align: center;
  width: 100%;
  display: block;
  padding: 3vw 1vw;
  overflow: hidden; }
  .sponsorWrap .inner {
    display: block;
    text-align: center; }
  .sponsorWrap img.featured {
    margin: 8px auto;
    display: block; }
  .sponsorWrap div.subSponsors img {
    margin: 12px; }
    @media (min-width: 1024px) {
      .sponsorWrap div.subSponsors img {
        max-width: 14.6666666%; } }
  @media (max-width: 640px) {
    .sponsorWrap img.featured {
      width: 90%;
      margin: 0px auto; }
    .sponsorWrap div.subSponsors img {
      max-width: 42% !important;
      margin: 8px; } }

footer {
  background: #18305A;
  border-top: 15px solid #18305A;
  padding: 0px; }
  footer h3 {
    color: white;
    margin: 0px 0px 10px;
    text-transform: uppercase;
    font-weight: 300; }
    footer h3 {
      font-size: 16px; }
      @media screen and (min-width: 1024px) {
        footer h3 {
          font-size: calc(16px + 12 * ((100vw - 1024px) / 576)); } }
      @media screen and (min-width: 1600px) {
        footer h3 {
          font-size: 28px; } }
    @media (max-width: 640px) {
      footer h3 {
        text-align: center;
        margin: 10px auto 20px; } }
  footer a, footer p, footer li {
    font-size: 14px; }
    @media screen and (min-width: 1024px) {
      footer a, footer p, footer li {
        font-size: calc(14px + 2 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      footer a, footer p, footer li {
        font-size: 16px; } }
  footer a {
    color: white !important; }
  footer p {
    color: white;
    margin-bottom: 10px; }
    @media (max-width: 640px) {
      footer p {
        text-align: center; } }
  footer ul.footerQuickLinks {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    @media (max-width: 640px) {
      footer ul.footerQuickLinks {
        padding-left: 20%; } }
    footer ul.footerQuickLinks li {
      margin-left: 10px;
      margin-bottom: 2px; }
      footer ul.footerQuickLinks li:before {
        content: '';
        margin-right: 0px;
        margin-top: -2px;
        display: inline-block;
        vertical-align: top;
        color: #3366bf; }
  footer div[class*="col"] img {
    max-width: 250px;
    max-width: 100%; }
  footer .padMe {
    padding: 30px 30px 15px; }
    footer .padMe h3 {
      font-weight: bold; }
  footer div.logoSocial {
    background: url("../images/white-truck.png") center right;
    background-size: cover; }

footer div.logoSocial img {
      width: 55%;
      margin: 5% auto 5% 20px; }
    @media (max-width: 640px) {
      footer div.logoSocial {
        text-align: center; } }
    @media (max-width: 980px) {
footer div.logoSocial img {
      width: 40%;
      margin: 5% auto 5% 20px; }
     
footer: {
background-color: #18305A;
}

 footer div.logoSocial {

    background: url("../images/white-truck.png") center right;
    background-size: cover; 
	background-color: #18305A;
        /*background: white;*/
 } }
  footer div.socialWrap {
    text-align: center;
    margin: 0px auto 6px;
    width: 100%; }
    footer div.socialWrap img {
      display: inline;
      max-width: 15%;
      height: auto;
      margin: 0px 0px;
      transition: all 0.3s ease; }
      footer div.socialWrap img:hover {
        opacity: 0.8; }
    @media (max-width: 980px) {
      footer div.socialWrap {
        text-align: center; }
        footer div.socialWrap img {
          max-width: 35px; } }
  footer .credLogos {
    text-align: center !important;
    color: white; }
    footer .credLogos h3 {
      font-weight: bold; }
    footer .credLogos div[class*="col"] {
      padding: 0px 20px 15px; }
      footer .credLogos div[class*="col"] img {
        transition: all 0.3s ease; }
        footer .credLogos div[class*="col"] img:hover {
          opacity: 0.8; }
      @media (max-width: 640px) {
        footer .credLogos div[class*="col"] {
          width: 50% !important; } }
          
          div.copyright {
  color: white;
  padding: 15px;
  background: #8B0304; }
  @media (max-width: 640px) {
    div.copyright {
      padding: 15px; } }

div.heroWrap {
  position: relative;
  z-index: 600; }
  @media (max-width: 640px) {
    div.heroWrap {
      /*margin-top: 100px;*/ } }

div.contentWrapper {
  margin-bottom: 4vw;
  padding: 0px 15px; }
  div.contentWrapper img {
    margin-bottom: 20px; }
    div.contentWrapper img.alignright {
      margin: 0px auto;
      max-width: 250px; }
      @media (min-width: 768px) {
        div.contentWrapper img.alignright {
          float: right;
          margin: 0px 0px 20px 20px; } }
    div.contentWrapper img.alignleft {
      margin: 0px auto;
      max-width: 250px; }
      @media (min-width: 768px) {
        div.contentWrapper img.alignleft {
          float: left;
          margin: 0px 20px 20px 0px; } }
    div.contentWrapper img.aligncenter {
      margin: 0px auto;
      max-width: 600px;
      margin: 20px auto 20px;
      display: block; }
    @media (max-width: 640px) {
      div.contentWrapper img {
        margin: 20px auto !important;
        float: none !important;
        clear: both;
        width: 100% !important;
        display: block; } }
    div.contentWrapper img.full-width {
      width: 100%;
      height: auto;
      max-width: none; }
  div.contentWrapper ul {
    margin-bottom: 20px; }
  div.contentWrapper hr {
    border: 3px solid #8B0304;
    display: block;
    clear: both; }
    
    
   /* main {
  overflow: initial !important;
  position: relative;
  z-index: 700; } */

div.pageTitle {
  text-align: left; }
  div.pageTitle h1 {
    text-transform: uppercase;
    text-align: left !important; }

div.featuredImage {
  position: relative;
  z-index: 600;
  margin-top: 35px;
  border: 6px solid white;
  overflow: hidden; }
  div.featuredImage div.pageTitle {
    top: 45%;
    position: absolute;
    width: 100%;
    z-index: 500; }
  div.featuredImage img {
    z-index: 50;
    width: 100%;
    object-fit: cover;
    position: relative; }
  div.featuredImage h1 {
    position: relative;
    z-index: 500;
    display: block;
    color: white;
    margin: 0px auto;
    text-transform: uppercase; }
  @media (max-width: 640px) {
    div.featuredImage {
      width: 90%;
      margin: 0px auto;
      margin-top: -90px; } }
      
      
      
   .jumbotron {
  padding: 0px; }
  .jumbotron img {
    width: 100%;
    object-fit: cover;
    height: 13vw;
    margin: 0px auto;
    display: block; }
    @media (max-width: 640px) {
      .jumbotron img {
        height: 200px; } }

.findAMover {
  background: #5381d1;
  padding: 4vw; }
  .findAMover .consoleWrap {
    border: 2px solid #18305A;
    background: white;
    border-radius: 30px;
    overflow: hidden; }
    .findAMover .consoleWrap div.searchWrap {
      background: rgba(24, 48, 90, 0.5);
      border-bottom-left-radius: 30px;
      padding: 3vw; }
      .findAMover .consoleWrap div.searchWrap h3 {
        font-weight: 800; }
      .findAMover .consoleWrap div.searchWrap form {
        text-align: center;
        margin-top: 25px;
        width: 100%; }
        .findAMover .consoleWrap div.searchWrap form input, .findAMover .consoleWrap div.searchWrap form select, .findAMover .consoleWrap div.searchWrap form button {
          padding: 15px;
          -webkit-appearance: none;
          border: none;
          margin: 0px !important;
          outline: none;
          transition: all 0.3s ease; }
        .findAMover .consoleWrap div.searchWrap form button {
          background: #18305A;
          border: none;
          border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
          width: 10%; }
          .findAMover .consoleWrap div.searchWrap form button * {
            color: white; }
          .findAMover .consoleWrap div.searchWrap form button:hover {
            background: #8B0304; }
        .findAMover .consoleWrap div.searchWrap form select {
          background: rgba(24, 48, 90, 0.3);
          width: 30%; }
        .findAMover .consoleWrap div.searchWrap form input {
          border-top-left-radius: 15px;
          border-bottom-left-radius: 15px;
          width: 50%; }
    .findAMover .consoleWrap div.bodyWrap {
      padding: 0 1vw 3vw; }
      .findAMover .consoleWrap div.bodyWrap .keybar .headerWrap {
        text-align: center;
        padding-top: 10px; }
        .findAMover .consoleWrap div.bodyWrap .keybar .headerWrap h3 {
          text-transform: uppercase;
          margin-bottom: 8px; }
          .findAMover .consoleWrap div.bodyWrap .keybar .headerWrap h3 {
            font-size: 19px; }
            @media screen and (min-width: 1024px) {
              .findAMover .consoleWrap div.bodyWrap .keybar .headerWrap h3 {
                font-size: calc(19px + 4 * ((100vw - 1024px) / 576)); } }
            @media screen and (min-width: 1600px) {
              .findAMover .consoleWrap div.bodyWrap .keybar .headerWrap h3 {
                font-size: 23px; } }
                
                
            .findAMover .consoleWrap div.bodyWrap .keybar .keyWrap {
        padding-top: 8px;
        background: #8B0304;
        text-align: center;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px; }
        .findAMover .consoleWrap div.bodyWrap .keybar .keyWrap span {
          margin: 0px 15px; }
          .findAMover .consoleWrap div.bodyWrap .keybar .keyWrap span i {
            margin-right: 20px; }
        .findAMover .consoleWrap div.bodyWrap .keybar .keyWrap * {
          color: white; }
        @media (max-width: 640px) {
          .findAMover .consoleWrap div.bodyWrap .keybar .keyWrap span {
            display: block; }
            .findAMover .consoleWrap div.bodyWrap .keybar .keyWrap span:last-of-type {
              margin-bottom: 8px; } }

div.resultsWrap div.resultItem {
  padding: 20px; }
  @media (max-width: 640px) {
    div.resultsWrap div.resultItem {
      padding: 10px 10px 0px;
      margin: 0px 10px; } }
  div.resultsWrap div.resultItem div.inner {
    padding: 20px;
    border-radius: 30px;
    background: rgba(24, 48, 90, 0.3); }
    div.resultsWrap div.resultItem div.inner h5 {
      color: #08101e;
      font-weight: 600;
      min-height: 55px; }
      div.resultsWrap div.resultItem div.inner h5 {
        font-size: 14px; }
        @media screen and (min-width: 1024px) {
          div.resultsWrap div.resultItem div.inner h5 {
            font-size: calc(14px + 5 * ((100vw - 1024px) / 576)); } }
        @media screen and (min-width: 1600px) {
          div.resultsWrap div.resultItem div.inner h5 {
            font-size: 19px; } }
    div.resultsWrap div.resultItem div.inner a {
      color: #8B0304; }
    div.resultsWrap div.resultItem div.inner div.contactWrap {
      display: block;
      margin: 8px 20px 2px; }
      div.resultsWrap div.resultItem div.inner div.contactWrap div.col-1, div.resultsWrap div.resultItem div.inner div.contactWrap div.col-11 {
        padding: 0px;
        color: #8B0304;
        font-weight: 600 !important; }
      div.resultsWrap div.resultItem div.inner div.contactWrap div.col-1 {
        text-align: right;
        padding-right: 6px; }
      div.resultsWrap div.resultItem div.inner div.contactWrap div.col-11 {
        font-weight: 500; }
        
        
    div.tokenWrap {
  display: block;
  padding-top: 6px; }
  div.tokenWrap span.token {
    margin: 0px 2px 2px 0px;
    padding: 6px 12px;
    text-transform: uppercase;
    background: #4D4D4F;
    color: white;
    border-radius: 50px;
    transition: all 0.3s ease;
    opacity: 0.7; }
    div.tokenWrap span.token {
      font-size: 8px; }
      @media screen and (min-width: 1024px) {
        div.tokenWrap span.token {
          font-size: calc(8px + 2 * ((100vw - 1024px) / 576)); } }
      @media screen and (min-width: 1600px) {
        div.tokenWrap span.token {
          font-size: 10px; } }
    div.tokenWrap span.token.supplier {
      background: #8c8c8f; }
    div.tokenWrap span.token.pinnacleMover {
      background: #18305A; }

section.movingTipsWrapper {
  position: relative; }
  section.movingTipsWrapper div.inner {
    position: relative;
    background: white;
    max-width: none;
    padding: 20px 15px;
    z-index: 500; }
    section.movingTipsWrapper div.inner.header {
      text-align: center; }
    section.movingTipsWrapper div.inner h2 {
      margin: 0px auto;
      display: block; }

div.tabWrap {
  background: rgba(24, 48, 90, 0.25);
  padding-bottom: 75px; }
  @media (min-width: 1024px) {
    div.tabWrap {
      margin-top: -25%; } }
  div.tabWrap div.inner.tabs {
    background: white;
    border: 3px solid #18305A;
    overflow: hidden;
    border-radius: 40px;
    max-width: 1200px;
    padding: 0px; }
  div.tabWrap div.inner .card {
    background: none !important;
    border: none !important;
    margin-top: 0px !important; }
  div.tabWrap div.inner div.card-header {
    padding: 0px 00px 0px;
    margin: 0px auto;
    max-width: none;
    width: 100%;
    overflow: hidden;
    background: none !important;
    border: none !important; }
    div.tabWrap div.inner div.card-header ul {
      text-align: center;
      justify-content: center;
      padding: 0px; }
      div.tabWrap div.inner div.card-header ul li {
        padding: 0px; }
        @media (min-width: 1100px) {
          div.tabWrap div.inner div.card-header ul li {
            width: 33.3333334%; } }
        div.tabWrap div.inner div.card-header ul li a {
          border: none !important;
          padding: 25px;
          color: #8B0304;
          font-weight: 500; }
          div.tabWrap div.inner div.card-header ul li a:hover, div.tabWrap div.inner div.card-header ul li a.active {
            background: rgba(24, 48, 90, 0.3);
            font-weight: bold; }
          div.tabWrap div.inner div.card-header ul li a img {
            display: block;
            margin: 0px auto; }
  div.tabWrap div.inner .tab-content {
    border-top: 3px solid #18305A; }
    div.tabWrap div.inner .tab-content h5 {
      font-weight: 700; }
      div.tabWrap div.inner .tab-content h5 {
        font-size: 26px; }
        @media screen and (min-width: 1024px) {
          div.tabWrap div.inner .tab-content h5 {
            font-size: calc(26px + 39 * ((100vw - 1024px) / 576)); } }
        @media screen and (min-width: 1600px) {
          div.tabWrap div.inner .tab-content h5 {
            font-size: 65px; } }
    div.tabWrap div.inner .tab-content h2 {
      font-weight: 600;
      margin-bottom: 0px; }
    div.tabWrap div.inner .tab-content .tokenWrap {
      margin-bottom: 15px; }
    div.tabWrap div.inner .tab-content .tab-pane {
      padding: 0px !important; }
    div.tabWrap div.inner .tab-content .contentCol {
      padding: 30px 50px; }
      @media (min-width: 1024px) {
        div.tabWrap div.inner .tab-content .contentCol {
          padding: 30px 100px 30px 50px; } }
      div.tabWrap div.inner .tab-content .contentCol ul li {
        margin-bottom: 6px; }
    div.tabWrap div.inner .tab-content .imageCol {
      padding: 0px;
      background: green;
      position: relative; }
      div.tabWrap div.inner .tab-content .imageCol img {
        position: relative;
        z-index: 200;
        object-fit: cover;
        width: 100%;
        height: 100%;
        min-height: 650px; }

p.large {
  font-size: 180%;
  margin-bottom: 15px;
  margin: 15px; }

.innerHero {
  position: relative; }

section.homeContent {
  background: url("../images/home-page-background.jpg") bottom center no-repeat white fixed;
  background-size: cover;
  display: block;

  /*padding: 50px 100px;*/

  text-align: center; }
  section.homeContent .inner {
    max-width: 1200px;
    margin: 0px auto;
    display: block; }
  section.homeContent img {
    display: block;
    margin: 0px auto;
    max-width: 75px; }