@charset "UTF-8";

/*!
Animate.css - http://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(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.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(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.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 fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-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(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.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(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.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;
}

/* GNU Name Layer ------------------------------------------------------ */
.member, .guest { 
	color: rgb(51, 51, 51); 
}
#nameContextMenu { 
	background:#000; 
	color:#fff; 
	padding:0 !important;
	z-index:9999;
	padding:6px 0 !important;
}
#nameContextMenu a { 
	color:#fff; 
	font-size:12px; 
	line-height:20px; 
	display:block; 
	padding:0 8px; 
}
#nameContextMenu a:hover { 
	color:#ff0000; 
}
#nameContextMenu td {
	padding:0 !important;
	border:0 !important; 
}

/* GNU Pop-Up ------------------------------------------------------ */
#hd_pop { 
	max-width:100%; 
}

/* Panel : Accordions ------------------------------------------------------ */
.div-panel.panel-group { 
	margin-bottom: 30px; 
}
.div-panel.panel-group.no-bottom { 
	margin-bottom: 0px; 
}
.div-panel.panel-group .panel { 
	border:0;
	box-shadow: none; 
	-webkit-box-shadow: none; 
	border-radius: 0; 
}
.div-panel.panel-group .panel + .panel { 
	margin-top: 0px; 
	border:0;
}
.div-panel.panel-group .panel-heading { 
	padding: 0;
	position: relative;
	background: none;
}
.div-panel.panel-group .panel-heading::after { 
	content: ""; 
}
.div-panel.panel-group .panel-heading {
	padding:0;
	border-radius: 0; 
}
.div-panel.panel-group .panel-heading .rank-icon {
	margin-top:3px;
}
.div-panel.panel-group .panel-heading a {
	outline:none;
	display:block;
	padding:10px 15px; padding-right:0px;
	padding-left:0;
	border-radius: 0; 
	border-top:1px solid rgb(235, 235, 235);
}
.div-panel.panel-group .panel:first-child .panel-heading a {
	border-top:0px;
}
.div-panel.panel-group .panel:last-child .panel-heading a {
	border-bottom:1px solid rgb(235, 235, 235);
}
.div-panel.panel-group .panel-heading a .panel-icon::after {
	font-family:dotum;
	text-align:center;
	line-height:18px;
	font-size:14px;
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:2px;
	background:#333;
	color:#fff;
	content: "+"; 
}
.div-panel.panel-group .panel-heading a.active {
	color: rgb(233, 27, 35);
	border-bottom:1px solid rgb(55, 55, 55) !important;
}
.div-panel.panel-group .panel-heading a.active .panel-icon::after { 
	background: rgb(233, 27, 35);
	color:#fff;
	content: "-"; 
}
.div-panel.panel-group .panel-body {
	margin:0;
	border:0 !important;
	border-radius: 0;
	padding-left:25px;
}
.div-panel.panel-group .list-group {
	margin:0;
	border:0;
	border-radius: 0; 
}
.div-panel.panel-group .list-group .list-group-item {
	margin-bottom:0;
	border:0;
	border-radius: 0; 
	padding:4px 15px; padding-right:0px;
	padding-left:25px;
	word-break:break-all;
}
.div-panel.panel-group .list-group .list-group-item .rank-icon {
	margin-top:3px;
}
.div-panel.panel-group a.active.list-group-item, .div-panel.panel-group a.active.list-group-item:hover, .div-panel.panel-group a.active.list-group-item:focus {
    background-color: rgb(245, 245, 245);
	color:crimson;
	border-color: none;
	font-weight:bold;
}

/* Tabs ------------------------------------------------------ */
.div-tab.tabs, .div-tab-top.tabs, .div-tab-bottom.tabs, .div-tab-btn.tabs { 
	margin-bottom: 0; 
}
.div-tab.tabs::before, .div-tab-top.tabs::before, .div-tab-bottom.tabs::before, .div-tab-btn.tabs::before { 
	display: table; content: " "; 
}
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after { 
	display: table; content: " "; 
}
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after { 
	clear: both; 
}
.div-tab.tabs ul.nav-tabs, .div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs { 
	margin: 0;
}
.div-tab.tabs div.tab-content { 
	border-width: 0px 1px 1px; 
	border-style: solid; 
	border-color: rgb(221, 221, 221); 
	padding: 15px; 
}
.div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content { 
	border: 0; 
	padding: 15px 0; 
}
.div-tab.tabs div.tab-content, .div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content { 
	border-radius: 0; 
	border-image: none; 
	box-shadow: none; 
	background-color: rgb(255, 255, 255); 
	-webkit-box-shadow: 0; 
	-moz-box-shadow: none; 
	-moz-border-radius: none; 
	-webkit-border-radius: 0; 
}
.div-tab.tabs ul.nav-tabs li { 
	background: rgb(247, 247, 247); 
	border-image: none; 
	color: rgb(51, 51, 51); 
	margin-right: 0; 
	border: 0; 
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-top: 1px solid rgb(221, 221, 221);
	border-left: 1px solid rgb(230, 230, 230); 
	border-image: none;
	line-height:14px !important;
}
.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus { 
	border:0;
	border-top: 1px solid rgb(221, 221, 221);
	border-left: 1px solid rgb(230, 230, 230); 
	border-image: none;
}
.div-tab.tabs ul.nav-tabs li:first-child  {
	border-left:1px solid rgb(221, 221, 221); 
	margin-left:0px;	
}
.div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover {
	border-right:1px solid rgb(221, 221, 221); 
}
.div-tab.tabs ul.nav-tabs li.active { 
	background: rgb(255, 255, 255); 
	border-top:1px solid rgb(51, 51, 51); 
}
.div-tab.tabs ul.nav-tabs li a, .div-tab.tabs ul.nav-tabs li a:hover, .div-tab.tabs ul.nav-tabs li a:focus,
.div-tab.tabs ul.nav-tabs li:first-child a, .div-tab.tabs ul.nav-tabs li:first-child a:hover, .div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a, .div-tab.tabs ul.nav-tabs li:last-child a:hover, .div-tab.tabs ul.nav-tabs li:last-child a:focus { 
	color:#333;
	border:0;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background:none;
	border-top: 2px solid transparent; 
	border-bottom:1px solid rgb(221, 221, 221);
	margin:0;
	line-height:14px !important;
}
.div-tab.tabs ul.nav-tabs li.active a, .div-tab.tabs ul.nav-tabs li.active a:hover, .div-tab.tabs ul.nav-tabs li.active a:focus,
.div-tab.tabs ul.nav-tabs li.active:first-child a, .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus { 
	color:crimson;
	border:0;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background:none;
	border-top:2px solid rgb(51, 51, 51); 
	border-bottom:1px solid transparent;
	margin:0;
	line-height:14px !important;
}
.div-tab.tabs.trans-top li.active { 
	border-top-color: rgb(221, 221, 221) !important; 
}
.div-tab.tabs.trans-top li.active a { 
	border-top-color: transparent !important; 
}
.div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs { 
	background: none; 
	border-image: none; 
	color: rgb(51, 51, 51); 
	margin: 0; 
	border: 0;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-image: none;
	line-height:18px;
	border-top:1px solid rgb(221, 221, 221); 
	border-bottom:1px solid rgb(221, 221, 221); 
}
.div-tab-top.tabs ul.nav-tabs li, .div-tab-bottom.tabs ul.nav-tabs li  {
	border:0;
	margin:-1px 0;
	line-height:14px !important;
}
.div-tab-top.tabs ul.nav-tabs li a, .div-tab-top.tabs ul.nav-tabs li a:hover, .div-tab-top.tabs ul.nav-tabs li a:focus,
.div-tab-top.tabs ul.nav-tabs li:first-child a, .div-tab-top.tabs ul.nav-tabs li:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li:last-child a, .div-tab-top.tabs ul.nav-tabs li:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li:last-child a:focus { 
	color:#333;
	border:0;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background:none;
	border-top:3px solid transparent; 
	border-bottom:0;
	padding:12px 15px 10px;
	margin-top:-1px;
	line-height:14px !important;
}
.div-tab-top.tabs ul.nav-tabs li.active a, .div-tab-top.tabs ul.nav-tabs li.active a:hover, .div-tab-top.tabs ul.nav-tabs li.active a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus { 
	color:crimson;
	border:0;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background:none;
	border-top:3px solid rgb(51, 51, 51); 
	border-bottom:0;
	padding:12px 15px 8px;
	line-height:14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li a, .div-tab-bottom.tabs ul.nav-tabs li a:hover, .div-tab-bottom.tabs ul.nav-tabs li a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus { 
	color:#333;
	border:0;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background:none;
	border-bottom:3px solid transparent; 
	border-top:0;
	padding:12px 15px 10px;
	margin-bottom:-1px;
	line-height:14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li.active a, .div-tab-bottom.tabs ul.nav-tabs li.active a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus { 
	color:crimson;
	border:0;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background:none;
	border-bottom:3px solid rgb(51, 51, 51); 
	border-top:0;
	padding:12px 15px 10px;
	line-height:14px !important;
}
.div-tab-box.tabs ul.nav-tabs { 
	margin: 0px; 
	padding:0px; 
	border:0px; 
	border-left:1px solid #ddd; 
}
.div-tab-box.tabs ul.nav-tabs li a { 
	padding:10px 15px; 
	background: rgb(247, 247, 247); 
	color: #333; 
	margin-right: 0px; 
	border-radius: 0px; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border:1px solid #ddd; 
	border-left:0px; 
}
.div-tab-box.tabs ul.nav-tabs li.active a { 
	background: rgb(255, 255, 255); 
	color: rgb(233, 27, 35); 
	font-weight:bold; 
	cursor:pointer; 
}
.div-tab-box.tabs ul.nav-tabs li a:hover, .div-tab-box.tabs ul.nav-tabs li a:active, .div-tab-box.tabs ul.nav-tabs li a:focus { 
	color: #fff; 
	background: rgb(233, 27, 35); 
}

.div-tab-btn.tabs {
	border:0;
	padding:0;
}

.div-tab-btn.tabs ul.nav-tabs {
	border:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 0px;
}
.div-tab-btn.tabs ul.nav-tabs li {
	border:0;
	margin:0;
	padding:0;
}
.div-tab-btn.tabs ul.nav-tabs li a {
    padding: 6px 15px;
	background:none;
	border:0;
	margin: 5px; 
	font-weight:normal;
}
.div-tab-btn.tabs ul.nav-tabs li a:hover, .div-tab-btn.tabs ul.nav-tabs li a:active, .div-tab-btn.tabs ul.nav-tabs li a:focus { 
	border:0;
	color:#fff;
	font-weight:normal;
	background: rgb(233, 27, 35); 
}
.div-tab-btn.tabs ul.nav-tabs li.active a { 
	border:0;
	color:#fff;
	font-weight:normal;
	background: rgb(233, 27, 35); 
	cursor:pointer; 
}

/* Table ------------------------------------------------------ */
.div-table.table > thead > tr > th { 
	vertical-align: middle; 
}
.div-table.table > tbody > tr > th { 
	vertical-align: middle; 
}
.div-table.table > tfoot > tr > th { 
	vertical-align: middle; 
}
.div-table.table > thead > tr > td { 
	vertical-align: middle; 
}
.div-table.table > tbody > tr > td { 
	vertical-align: middle; 
}
.div-table.table > tfoot > tr > td { 
	vertical-align: middle; 
}
.div-table.table-no-border.table > thead > tr > th { 
	padding: 0px; 
	border-top-color: currentColor; 
	border-top-width: 0px; 
	border-top-style: none; 
}
.div-table.table-no-border.table > tbody > tr > th { 
	padding: 0px; 
	border-top-color: currentColor; 
	border-top-width: 0px; 
	border-top-style: none; 
}
.div-table.table-no-border.table > tfoot > tr > th { 
	padding: 0px; 
	border-top-color: currentColor; 
	border-top-width: 0px; 
	border-top-style: none; 
}
.div-table.table-no-border.table > thead > tr > td { 
	padding: 0px; 
	border-top-color: currentColor; 
	border-top-width: 0px; 
	border-top-style: none; 
}
.div-table.table-no-border.table > tbody > tr > td { 
	padding: 0px; 
	border-top-color: currentColor; 
	border-top-width: 0px; 
	border-top-style: none; 
}
.div-table.table-no-border.table > tfoot > tr > td { 
	padding: 0px; 
	border-top-color: currentColor; 
	border-top-width: 0px; 
	border-top-style: none; 
}
.div-table.table > thead > tr > th { 
	border-bottom-color: rgb(221, 221, 221); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
}
.div-table.table > thead > tr { 
	background: rgb(243, 243, 243); 
}

/* Progress Bars ------------------------------------------------------ */
.active.progress-bar .progress {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.div-progress.progress { 
	position:relative; 
	height: 28px; 
	overflow: hidden; 
	margin-bottom: 15px; 
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 
	background-color: rgb(245, 245, 245); 
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
}
.div-progress.progress .sr-only { 
	font-family: tahoma, sans-serif; 
	margin: 0px 15px; 
	left: 0px; 
	width: auto; 
	height: 28px; 
	line-height: 28px; 
	font-size: 12px; 
	clip: auto; 
}
.div-progress .sr-score { 
	font-family: tahoma, sans-serif; 
	height: 28px; 
	line-height: 28px; 
	font-size: 12px; 
	padding-right:8px; 
}

/* Syntaxhighlighter ------------------------------------------------------ */
.syntaxhighlighter .line {
	font-size: 13px !important;
	line-height: 20px !important;
}

/* Shadow Lines ------------------------------------------------------ */
.shadow-line {
	display:block;
	padding:0;
	margin:0;
    max-width: 100%;
    overflow: hidden !important;
	text-align:center;
	vertical-align:top;
}
.shadow-line img {
	display:block;
	border:0;
	max-width: 100% !important;
    height: auto !important;
	margin:0 auto;
}

/* Person ------------------------------------------------------ */
.person { 
	margin-bottom:15px; 
}
.person .person-desc { 
	margin-top:18px;
}
.person .person-desc .person-author {
    display: table;
    width: 100%;
}
.person .person-desc .person-author .person-author-wrapper {
    min-width: 50%;
}
.person .person-desc .person-author .person-name {
    display:block; 
	line-height:20px;
}
.person .person-desc .person-author .person-title {
    display:block; 
	line-height:20px;
	color:#747474;
}
.person .person-desc .person-author .person-social {
    max-width: 50%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.person .person-social a {
	margin-left: 12px;
}
.person .person-content {
    margin-top: 8px;
	color:#747474;
}

/* Image ------------------------------------------------------ */
.img-wrap { 
	display:block; 
	position:relative; 
	height:0; 
	overflow:hidden; 
	padding-bottom:56.25%; 
}
.img-wrap .img-item { 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
}
.img-wrap .img-item img { 
	display:block;
	border:0;
	width:101%; 
	height:auto;
	margin:0 auto;
}
.img-wrap .img-item.img-full img { 
	width:100%; 
	height:100%;
}
.img-wrap .img-item.img-height img { 
	width:auto;
	height:100%;
}
.img-wrap .img-item.img-auto img { 
	width:auto;
	height:auto;
}

/* Image & Box Frames ------------------------------------------------------ */
.boxframe {
    display: inline-block;
	z-index:1;
	position: relative;
}
.boxframe iframe, .boxframe embed, .boxframe object {
	display:block;
}
.imgframe {
    display: block;
	z-index:1;
	position: relative;
}
.imgframe.img-border, .boxframe.box-border {
    border: 6px solid #f6f6f6;
}
.imgframe.img-grow, .boxframe.box-grow {
    border: 6px solid #f6f6f6;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.imgframe.img-shadow, .boxframe.box-shadow {
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
}
.imgframe.img-bottomshadow, .boxframe.box-bottomshadow {
	margin:0;
}
.imgframe.img-bottomshadow::before, .imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::before, .boxframe.box-bottomshadow::after {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

/* Date Boxes ------------------------------------------------------ */
.date-box {
    width: 82px;
    text-align: center;
}
.date-box .date-item {
    padding: 8px 0 5px 0;
}
.date-box .date-item .date {
    display: block;
    line-height: 29px;
    font-size: 29px;
    font-weight: bold;
}
.date-box .date-icon {
	margin-top:3px;
    background-color: #eef0f2;
}
.date-box .date-icon i {
    display: block;
    line-height: 55px;
    font-size: 30px;
}

/* Background Boxes ------------------------------------------------------ */
.div-bg-box {
	background-repeat: no-repeat; 
	background-position:center center;
	background-size: cover; 
	overflow:hidden; 
}
.div-bg-box.bg-fixed {
	background-attachment: fixed;
}
.div-bg-box.bg-top {
	background-position:center top; 
}

/* UL List ------------------------------------------------------ */
ul.div-ul { 
	padding:0px; 
	margin:0px;
	list-style:none;
}
ul.div-ul li { 
	line-height:26px; 
}

/* Flip Boxes ------------------------------------------------------ */
.flip-container {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 
}
.flip-container:hover .flip-back, .flip-container.hover .flip-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .flip-front, .flip-container.hover .flip-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-horizontal {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.flip-front, .flip-back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	min-height: 214px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    padding: 27px 20px 27px 20px;
    text-align: center;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;
    -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
}
.flip-front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	background: lightgreen;
	z-index: 2;
}
.flip-back {
	background: lightblue;
	-webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.flip-vertical .flip-back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.flip-vertical.flip-container .flip-box {
	-webkit-transform-origin: 100% 213.5px;
	-moz-transform-origin: 100% 213.5px;
	-ms-transform-origin: 100% 213.5px;
	transform-origin: 100% 213.5px;
}
.flip-vertical.flip-container:hover .flip-back, .flip-vertical.flip-container.hover .flip-back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.flip-vertical.flip-container:hover .flip-front, .flip-vertical.flip-container.hover .flip-front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-box {
    position: relative;
	min-height: 214px;
    margin-bottom: 15px;
}
.flip-box .flip-circle {
    height: 64px;
    width: 64px;
    border: 1px solid;
    border-radius: 50%;
}
.flip-box .flip-circle i {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
}
.flip-box .no-circle {
    font-size: 60px;
}
.flip-box .flip-grafix {
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}
.flip-box .flip-heading {
	font-size:18px;
    line-height:27px;
    margin-bottom: 15px;
}
.flip-box .flip-heading-back {
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 14px;
    text-transform: uppercase;
}
.flip-box .flip-img { 
	display:block; 
	position:relative; 
	height:0; 
	overflow:hidden; 
	padding-bottom:56.25%;
}
.flip-box .flip-img img { 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:auto; 
	border:0px; 
}

/* Content-Boxes & FA ------------------------------------------------------ */
i.large, img.large, .fix-icon.large i, .fix-icon.large img {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
}
i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;
}
i.medium, img.medium, .fix-icon.medium i, .fix-icon.medium img {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
}
i.tiny, img.tiny, .fix-icon.tiny i, .fix-icon.tiny img {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
	margin-right:3px;
}
i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0px;
}
i.dark-circle, img.dark-circle, .fix-icon.dark-circle i, .fix-icon.dark-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #333;
    color: #fff;
}
i.light-circle, img.light-circle, .fix-icon.light-circle i, .fix-icon.light-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333;
}
.content-box {
	margin:0 0 15px; 
	line-height:20px;
}
.content-box .heading:hover i {
	background-color: rgb(233, 27, 35); 
	color: rgb(255, 255, 255); 
	border-color: rgb(233, 27, 35);
}
.content-box .text {
	color:#747474; 
	margin:0 0 10px;
}
.content-box .more a {
	font-size:11px; 
	font-weight:normal; 
	color:#888; 
	letter-spacing:-1px;
}
.content-box .more i.fa {
	margin:0 4px;
}
.content-box-bg {
	height: auto; 
	overflow: visible; 
	background-color: rgb(246, 246, 246);
    padding: 35px 12px 12px;
    text-align: center;
}
.content-box-bg .heading {
    overflow: visible;
    position: relative;
    text-align: center;
}
.content-box-bg .heading i.fa.large {
    display: block;
    position: absolute;
    left: 50%;
    float: none;
    margin-left: -32px;
	top: -80px;
}

/* Text Boxes ------------------------------------------------------ */
.div-box {
	position:relative;
    padding: 28px 28px 27px 31px;
	border-width: 3px 1px 1px; 
	border-style: solid; 
	border-color: rgb(51, 51, 51) rgb(232, 230, 230) rgb(232, 230, 230); 
	background-color: rgb(255, 255, 255);
}
.div-box-shadow { 
	z-index: 1; 
	position: relative; 
}
.div-box-shadow .div-box::before, .div-box-shadow .div-box::after {
	opacity: 0.7;
	position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.div-box-shadow .div-box::after { 
	left: auto; 
	right: 10px; 
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg); 
	-ms-transform: rotate(3deg); 
	-o-transform: rotate(3deg); 
	transform: rotate(3deg); 
}
.div-box-dark { 
	margin:0px; 
	padding: 15px; 
	color: rgb(255, 255, 255);
	background-color: rgb(55, 55, 55);
	border-left: 5px solid rgb(0, 0, 0); 
}
.div-box-dark a, .div-box-dark a:hover, .div-box-dark a:focus {
	color: rgb(255, 255, 255);
}
.div-box-light { 
	margin:0px; 
	padding: 15px; 
	color: rgb(51, 51, 51);
	background-color: rgb(245, 245, 245);
	border-left: 5px solid rgb(0, 0, 0); 
}

/* Dividers ------------------------------------------------------ */
.div-title-block-thin, .div-title-block-bold {
    position: relative;
    margin-bottom:20px;
}
.div-title-block-thin::before, .div-title-block-bold::before { 
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.div-title-block-thin::before {
    height: 1px;
	margin-top:-1px;
	background:#e7e6e6;
}
.div-title-block-bold::before {
    height: 6px;
    background: rgb(240, 240, 240);
	margin-top:-4px;
}
.div-title-block-thin span, .div-title-block-bold span {
    background: #fff;
    padding: 0 12px;
    margin: 0 15px;
    position: relative;
    z-index: 5;
}
.div-title-line-thin, .div-title-line-bold {
	width:100%;
	padding:12px 0px 6px; 
    margin: 0 0 20px;
}
.div-title-line-thin {
	border-bottom:1px solid #e7e6e6;
}
.div-title-line-bold {
	border-bottom:6px solid rgb(240, 240, 240);
}
.div-title-underline-thin, .div-title-underline-bold { 
	margin: 0px 0px 15px; 
	padding: 0px 0px 5px; 
	text-transform: capitalize; 
	overflow: hidden; 
	display: inline-block; 
	position: relative;
}
.div-title-underline-thin { 
	border-bottom:1px solid rgb(51, 51, 51); 
}
.div-title-underline-bold { 
	border-bottom:3px solid rgb(51, 51, 51); 
}
.div-title-wrap {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
}
.div-title {
    float: left;
    display: table-cell;
    margin: 0;
    padding: 0 12px 0 0;
    line-height: normal;
    white-space: nowrap;
}
.div-sep-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%;
}
.div-sep {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
}
.sep-thin.div-sep {
    height: 1px;
	margin-top:-1px;
	background: #e7e6e6;
}
.sep-bold.div-sep {
    height: 6px;
	margin-top:-3px;
	background: rgb(240, 240, 240);
}
.div-separator {
    margin: 30px auto 0;
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 11;
}
.div-sep-icon {
    position: absolute;
    display: table;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
	font-size:14px;
	color : rgb(205, 205, 205);
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid rgb(205, 205, 205);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
	line-height:26px;
}
.div-sep-line {
	clear:both; height:40px; border-top:1px solid #e7e6e6;
	
}
.sep-shadow.div-separator::after {
    display: block;
    margin-top: 10px;
    height: 6px;
    width: 100%;
    content: "";
    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
}

.sep-shadow.div-separator {
	margin:20px 0px;
    height: 1px;
    overflow: visible;
    border: none;
    background: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1);
}

.div-sep-arrow-top, .div-sep-arrow-bottom {
    position: relative;
}
.sep-arrow {
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    height: 0px;
    width: 0px;
    border-style: solid;
}
.div-sep-arrow-bottom .sep-arrow {
    border-width: 29px 29px 0 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.div-sep-arrow-top .sep-arrow {
    top: -29px;
    border-width: 0 29px 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
.div-sep-bar {
    position: relative;
	margin:0px auto;
	width:100px;
	height:6px;
	background: rgb(240, 240, 240);
}

/* Carousel Fade Effect ------------------------------------------------------ */
.carousel.at-fade .item { 
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-ms-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out; 
}
.carousel.at-fade .active.left, .carousel.at-fade .active.right { 
	left: 0; 
	z-index: 2; 
	opacity: 0; 
	filter: alpha(opacity=0); 
}
.carousel.at-fade .next, .carousel.at-fade .prev { 
	left: 0; z-index: 1; 
}
.carousel.at-fade .carousel-control { 
	z-index: 3; 
}
.carousel.at-vertical .carousel-inner { 
	height: 100%; 
} 
.carousel.at-vertical .item { 
	-webkit-transition: 0.6s ease-in-out top; 
	-moz-transition: 0.6s ease-in-out top; 
	-ms-transition: 0.6s ease-in-out top; 
	-o-transition: 0.6s ease-in-out top; 
	left: 0; 
} 
.carousel.at-vertical .active, .carousel.at-vertical .next.left, .carousel.at-vertical .prev.right { 
	top: 0; 
}
.carousel.at-vertical .next, .carousel.at-vertical .active.right { 
	top: 100%; 
} 
.carousel.at-vertical .prev, .carousel.at-vertical .active.left { 
	top: -100%; 
} 
.carousel.div-carousel .carousel-control { 
	display:none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px !important;
	font-size:11px;
    color: rgba(255, 255, 255, 0.5);
}
.carousel.div-carousel:hover .carousel-control { 
	display:block;
	z-index:1;
}
.carousel.div-carousel:hover .carousel-control:hover {
	font-size: 11px !important;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 0px rgba(255,255,255,0.3);
}
.carousel.div-carousel .carousel-control.left {
	left:0px;
	top:50%;
}
.carousel.div-carousel .carousel-control.right {
	right:0px;
	top:50%;
}
.carousel.div-carousel .carousel-indicators {
	bottom: 10px;
	margin-bottom:0px;
	padding:0px;
}
.carousel.div-carousel .carousel-indicators li {
	border:0;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.carousel.div-carousel .carousel-indicators .active {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.carousel.div-carousel .slide-title {
    position: absolute;
    bottom: 20%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    margin: 0;
}

/* Talk Boxs ------------------------------------------------------ */
.talk-box-wrap {
	margin:0 0 20px;
}
.talk-box {
	margin:0;
}
.talk-box.talk-left {
	margin-right:70px;
}
.talk-box.talk-right {
	margin-left:70px;
}
.talk-bubble {
	position: relative;
	background: #f5f5f5;
	border: 1px solid #eee;
	padding:3%;
	border-radius:4px;
}
.talk-bubble:after, .talk-bubble:before {
	margin:0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.talk-bubble:after {
	border-color: rgba(245, 245, 245, 0);
	border-width: 12px;
}
.talk-bubble:before {
	border-color: rgba(238, 238, 238, 0);
	border-width: 13px;
}
.talk-top .talk-bubble {
	margin:0 0 20px;
}
.talk-bottom .talk-bubble {
	margin:20px 0 0;
}
.talk-left .talk-bubble, .talk-right .talk-bulle {
	min-height:50px;
}
.talk-bottom .talk-bubble:after, .talk-bottom .talk-bubble:before {
	bottom: 100%;
	left: 25px;
}
.talk-bottom .talk-bubble:after {
	border-bottom-color: #f5f5f5;
	margin-left: -12px;
}
.talk-bottom .talk-bubble:before {
	border-bottom-color: #eee;
	margin-left: -13px;
}
.talk-left .talk-bubble:after, .talk-left .talk-bubble:before {
	left: 100%;
	top: 25px;
}
.talk-left .talk-bubble:after {
	border-left-color: #f5f5f5;
	margin-top: -12px;
}
.talk-left .talk-bubble:before {
	border-left-color: #eee;
	margin-top: -13px;
}
.talk-top .talk-bubble:after, .talk-top .talk-bubble:before {
	top: 100%;
	left: 25px;
}
.talk-top .talk-bubble:after {
	border-top-color: #f5f5f5;
	margin-left: -12px;
}
.talk-top .talk-bubble:before {
	border-top-color: #eee;
	margin-left: -13px;
}
.talk-right .talk-bubble:after, .talk-right .talk-bubble:before {
	right: 100%;
	top: 25px;
}
.talk-right .talk-bubble:after {
	border-right-color: #f5f5f5;
	margin-top: -12px;
}
.talk-right .talk-bubble:before {
	border-right-color: #eee;
	margin-top: -13px;
}
.talker-one {
	height:50px;
    line-height: 48px;
	color: #747474;
}
.talker-two {
	height:50px;
    line-height: 24px;
	color: #747474;
}
.talker-photo, .talker-photo i, .talker-photo img, i.talker-photo {
	display:inline-block !important;
    width: 50px !important;
    height: 50px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	vertical-align:middle;
    line-height: 50px;
    font-size: 24px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
	background-color: rgb(240, 240, 240);
	color: #fff;
}
.talker-photo i, .talker-photo img {
	float:left;
}
.talker-one .talker-info i {
	margin-left:12px; 
}
.talker-two .talker-info span {
	margin-right:12px; 
}

/* Form Box ------------------------------------------------------ */
.form-box { 
	margin: 0px 0px 15px; 
	border: 1px solid rgb(231, 231, 231); 
	transition:0.3s linear; 
	border-image: none; 
	overflow: hidden; 
	position: relative; 
	cursor: default; 
	-webkit-transition: all 0.3s linear;
	background: rgb(252, 252, 252); 
	border-top:1px solid rgb(231, 231, 231); 
	border-bottom:1px solid rgb(231, 231, 231); 
}
.form-box::before { 
	display: table; 
	content: ""; 
}
.form-box::after { 
	display: table; 
	content: ""; 
}
.form-box::after { 
	clear: both; 
}
.form-box label.checkbox, .form-box label.radio { 
	line-height:12px; 
	font-size: 12px; 
	font-weight: normal; 
	cursor: pointer; 
}
.form-box .form-icon { 
	margin: 25px auto; 
	border-radius: 80px; 
	width: 80px; 
	height: 80px; 
	text-align: center; 
	line-height: 80px; 
	font-size: 40px; 
	display: block; 
}
.form-box .form-header { 
	padding: 15px; 
	border-bottom-color: rgb(243, 243, 243); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
}
.form-box .form-header h2, .form-box .form-heading { 
	margin: 0px; 
	padding: 0px !important; 
	font-size: 18px; 
	font-weight: 500; 
}
.form-box .form-body { 
	background: rgb(255, 255, 255); 
	padding: 15px; 
}
.form-box .form-body p { 
	padding-left: 0px; 
	margin-bottom: 10px; 
}
.form-box .form-body .condition { 
	margin:10px 0px; 
	height:200px; 
	overflow:auto; 
	background:#fff; 
	border:1px solid #ddd; 
	padding:15px; 
}
.form-box .form-footer { 
	padding: 6px 0px; 
	border-top-color: rgb(243, 243, 243); 
	border-top-width: 1px; 
	border-top-style: solid; 
}
.form-box .form-footer::before { 
	display: table; 
	content: ""; 
}
.form-box .form-footer::after { 
	display: table; 
	content: "";
	clear: both; 
}
.form-box .form-footer p { 
	margin: 6px 15px; 
}
.form-box .form-footer a { 
	margin:0px 15px; 
}

/* Labels ------------------------------------------------------ */
.label-tack { 
	left: 0px; 
	top: 10px; 
	z-index: 1; 
	position: absolute;
	font-weight:normal; 	
}
.label-band { 
	z-index:2; 
	font-family: tahoma; 
	top: 5px; 
	letter-spacing:1px; 
	width: 100px; 
	padding: 5px; 
	right: -32px; 
	font-size: 11px; 
	position: absolute; 
	text-align: center; 
	font-weight:normal; 
	transform: rotate(45deg); 
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
}
.label-cap { 
	z-index:2; 
	font-family: tahoma; 
	top: -11px; 
	letter-spacing:1px; 
	width: 140px; 
	padding: 20px 0px 3px; 
	right: -60px; 
	font-size: 11px; 
	position: absolute; 
	text-align: center; 
	font-weight:normal; 
	transform: rotate(45deg); 
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
}

/* Icons ------------------------------------------------------ */
.rank-icon { 
	display:inline-block; 
	padding:0px 6px; 
	font-size:11px; 
	letter-spacing:-1px; 
	line-height:16px; 
	font-weight:normal; 
	margin-right:2px; 
	min-width:22px; 
	text-align:center;
}
.tack-icon { 
	display:inline-block; 
	padding:4px 6px 2px; 
	font-family:dotum; 
	font-size:11px; 
	letter-spacing:-1px; 
	line-height:11px;
	font-weight:normal; 
}
.social-icon a {
    margin: 0px;
    font-size: 18px;
    color: rgb(190, 189, 189);
    display: inline-block;
	text-align:center;
}
.boxed-icon.social-icon a {
	min-width:40px;
	line-height:24px;
	padding: 8px;
    background-color: #46494a;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    border: 1px solid #46494a;
    color: #fff;
}
.boxed-icon.social-icon a i {
	vertical-align:middle;
}

/* Button ------------------------------------------------------ */

/*** 버튼 : 높이 39px/줄간격:39px/폰트:12px,blod **/
.btn-img-orange, .btn-img-black, .btn-img-green, .btn-img-gray, .btn-img-disabled {
	display:inline-block; 
	padding-left:10px; 
	color:#fff; 
	font-size:12px; 
	font-weight:bold; 
	font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important; 
	text-align: center; 
	cursor:pointer;
}
.btn-img-orange span, .btn-img-black span, .btn-img-green span, .btn-img-gray span, .btn-img-disabled span {
	color:#fff;
	display:inline-block; 
	min-width:50px; 
	height:39px; 
	padding:0px 15px 0 5px; 
	line-height:35px;
}
.btn-img-orange {
	background:url('../img/btn-orange-left.png') no-repeat; 
	margin-top:2px;
}
.btn-img-orange span {
	background:url('../img/btn-orange-right.png') no-repeat right 0;
}
.btn-img-orange:hover {
	background-position: 0 -39px;
}
.btn-img-orange:hover span {
	background-position: right -39px;
}
.btn-img-black {
	background:url('../img/btn-black-left.png') no-repeat;
}
.btn-img-black span {
	background:url('../img/btn-black-right.png') no-repeat right 0;
}
.btn-img-green {
	background:url('../img/btn-green-left.png') no-repeat; 
}
.btn-img-green span {
	background:url('../img/btn-green-right.png') no-repeat right 0;
	color:#000;
}
.btn-img-gray {
	background:url('../img/btn-gray-left.png') no-repeat; 
}
.btn-img-gray span {
	background:url('../img/btn-gray-right.png') no-repeat right 0;
	color:#333;
}
.btn-img-disabled {
	background:url('../img/btn-disabled-left.png') no-repeat; 
	margin-top:2px;
}
.btn-img-disabled span {
	background:url('../img/btn-disabled-right.png') no-repeat right 0; 
	color:#aaa;
}
.btn-img-disabled:hover {
	background-position: 0 0;
}
.btn-img-disabled:hover span {
	background-position: right 0;
}

/*** 버튼 : 라운딩 **/
.btn-img-round {
	display:inline-block; 
	padding-left:20px; 
	font-size:12px; 
	font-weight:bold; 
	font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important; 
	text-align: center;
	background:url('../img/btn-round-left.png') no-repeat; 
	color:#000;
}
.btn-img-round span {
	display:inline-block; 
	min-width:40px; 
	height:43px; 
	padding-right:20px; 
	line-height:40px;
	background:url('../img/btn-round-right.png') no-repeat right 0;
}
.btn-img-round:hover, .btn-img-round:focus .btn-img-round:active {
	background-position:0 -43px; 
	color:#000;
}
.btn-img-round:hover span, .btn-img-round:focus span .btn-img-round:active span {
	background-position:right -43px;
}

/*** 버튼 : 높이 31px/줄간격:31px/폰트:11px,blod **/
.btn-img-small {
	display:inline-block; 
	padding-left:5px; 
	color:#333; 
	background:url('../img/btn-small-left.png') no-repeat; 
	font-size:11px; 
	font-weight:bold; 
	font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important; 
	text-align: center; 
	cursor:pointer;
}
.btn-img-small span {
	display:inline-block; 
	color:#333; 
	min-width:50px; 
	height:31px; 
	padding:0px 15px 0 10px; 
	line-height:31px;  
	background:url('../img/btn-small-right.png') no-repeat right 0;
}

/*** 버튼 : 높이 26px/줄간격:26px/폰트:11px,blod **/
.btn-img-orange-s, .btn-img-black-s, .btn-img-gray-s {
	display:inline-block; 
	padding-left:5px; 
	color:#fff; 
	font-size:11px; 
	font-weight:bold; 
	font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important; 
	text-align: center; 
	cursor:pointer;
}
.btn-img-orange-s span, .btn-img-black-s span, .btn-img-gray-s span {
	display:inline-block; 
	min-width:40px; 
	height:26px;
	color:#fff;
	padding:0px 10px 0 5px; 
	line-height:23px; 
	*line-height:26px;
}
.btn-img-orange-s {
	background:url('../img/btn-orange-s-left.png') no-repeat;
}
.btn-img-orange-s span {
	background:url('../img/btn-orange-s-right.png') no-repeat right 0;
}
.btn-img-black-s {
	background:url('../img/btn-black-s-left.png') no-repeat;
}
.btn-img-black-s span {
	background:url('../img/btn-black-s-right.png') no-repeat right 0;
}
.btn-img-gray-s {
	background:url('../img/btn-gray-s-left.png') no-repeat;
}
.btn-img-gray-s span {
	background:url('../img/btn-gray-s-right.png') no-repeat right 0; 
	color:#333;
}
/*** 기본버튼 **/
.btn.btn-color { 
	border: 1px solid rgb(223, 17, 25); 
	border-image: none; 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(233, 27, 35); 
	background-image: none; 
}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active { 
	border-color: rgb(213, 7, 15); 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(213, 7, 15); 
	background-image: none; 
}
.btn.btn-dark { 
	border: 1px solid rgb(0, 0, 0); 
	border-image: none; 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(55, 55, 55); 
	background-image: none; 
}
.btn.active.btn-dark, .btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active { 
	border-color: rgb(0, 0, 0); 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(213, 7, 15); 
	background-image: none; 
}
.btn.btn-black { 
	border: 1px solid rgb(41, 41, 41); 
	border-image: none; 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(51, 51, 51); 
	background-image: none; 
}
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { 
	border-color: rgb(213, 7, 15); 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(213, 7, 15); 
	background-image: none; 
}
.btn.btn-white { 
	border: 1px solid rgb(255, 255, 255); 
	border-image: none; 
	color: rgb(51, 51, 51) !important; 
	background-color: rgb(255, 255, 255); 
	background-image: none; 
}
.btn.active.btn-white, .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active { 
	border-color: rgb(213, 7, 15); 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(213, 7, 15); 
	background-image: none; 
}
.btn.btn-gray { 
	border: 1px solid rgb(238, 238, 238); 
	border-image: none; 
	color: rgb(143, 143, 143) !important; 
	background-color: rgb(238, 238, 238); 
	background-image: none; 
}
.btn.active.btn-gray, .btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray:active { 
	border-color: rgb(213, 7, 15); 
	color: rgb(255, 255, 255) !important; 
	background-color: rgb(213, 7, 15); 
	background-image: none; 
}
.btn.btn-trans { 
	border: 2px solid rgb(255, 255, 255); 
	border-image: none; 
	color: rgb(255, 255, 255) !important; 
	background:none; 
}
.btn.active.btn-trans, .btn.btn-trans:hover, .btn.btn-trans:focus, .btn.btn-trans:active { 
	border-color: rgb(255, 255, 255); 
	color: rgb(213, 7, 15) !important; 
	background-color: rgb(255, 255, 255); 
	background-image: none; 
}

/* ====================================================================================================================
 * Font, Color 등 설정은 제일 하단에 위치시킴
 * ====================================================================================================================*/

/* Background Color ------------------------------------------------------ */
.bg-red, i.bg-red, .badge.bg-red { 
	background-color: rgb(233, 27, 35);
	color: rgb(255, 255, 255); 
}
.bg-darkred, i.bg-darkred, .badge.bg-darkred { 
	background-color: rgb(170, 60, 63);
	color: rgb(255, 255, 255); 
}
.bg-crimson, i.bg-crimson, .badge.bg-crimson { 
	background-color: rgb(220, 20, 60); 
	color: rgb(255, 255, 255); 
}
.bg-orangered, i.bg-orangered, .badge.bg-orangered { 
	background-color: orangered; 
	color: rgb(255, 255, 255); 
}
.bg-orange, i.bg-orange, .badge.bg-orange { 
	background-color: rgb(243, 156, 18);
	color: rgb(255, 255, 255); 
}
.bg-green, i.bg-green, .badge.bg-green { 
	background-color: rgb(142, 196, 73); 
	color: rgb(255, 255, 255); 
}
.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen { 
	background-color: rgb(160, 206, 78); 
	color: rgb(255, 255, 255); 
}
.bg-deepblue, i.bg-deepblue, .badge.bg-deepblue { 
	background-color: rgb(26, 128, 182); 
	color: rgb(255, 255, 255); 
}
.bg-skyblue, i.bg-skyblue, .badge.bg-skyblue { 
	background-color: rgb(108, 197, 244); 
	color: rgb(255, 255, 255); 
}
.bg-blue, i.bg-blue, .badge.bg-blue { 
	background-color: rgb(52, 152, 219); 
	color: rgb(255, 255, 255); 
}
.bg-navy, i.bg-navy, .badge.bg-navy { 
	background-color: rgb(52, 61, 70); 
	color: rgb(255, 255, 255); 
}
.bg-violet, i.bg-violet, .badge.bg-violet { 
	background-color: rgb(86, 61, 124); 
	color: rgb(255, 255, 255); 
}
.bg-yellow, i.bg-yellow, .badge.bg-yellow { 
	background-color: rgb(241, 196, 15); 
	color: rgb(255, 255, 255); 
}
.bg-darkgray, i.bg-darkgray, .badge.bg-darkgray { 
	background-color: rgb(102, 98, 98); 
	color: rgb(255, 255, 255); 
}
.bg-gray, i.bg-gray, .badge.bg-gray { 
	background-color: rgb(136, 136, 136); 
	color: rgb(255, 255, 255); 
}
.bg-lightgray, i.bg-lightgray, .badge.bg-lightgray { 
	background-color: rgb(208, 208, 208); 
	color: rgb(255, 255, 255); 
}
.bg-white, i.bg-white, .badge.bg-white { 
	background-color: rgb(255, 255, 255); 
	color: rgb(31, 31, 31); 
}
.bg-light, i.bg-light, .badge.bg-light {
	color: rgb(31, 31, 31); 
	background-color: #f5f5f5; 
}
.bg-light-border, i.bg-light-border, .badge.bg-light-border {
	color: rgb(31, 31, 31); 
	background-color: #fafafa; 
	border-bottom:1px solid #ddd; 
}
.bg-black, i.bg-black, .badge.bg-black { 
	background-color: rgb(51, 51, 51); 
	color: rgb(255, 255, 255); 
}

/* Border Color ------------------------------------------------------ */
.border-red, i.border-red, img.border-red { 
	border-color: rgb(233, 27, 35);
}
.border-darkred, i.border-darkred, img.border-darkred { 
	border-color: rgb(170, 60, 63);
}
.border-crimson, i.border-crimson, img.border-crimson { 
	border-color: rgb(220, 20, 60); 
}
.border-orangered, i.border-orangered, img.border-orangered { 
	border-color: orangered; 
}
.border-orange, i.border-orange, img.border-orange { 
	border-color: rgb(243, 156, 18);
}
.border-green, i.border-green, img.border-green { 
	border-color: rgb(142, 196, 73); 
}
.border-lightgreen, i.border-lightgreen, img.border-lightgreen { 
	border-color: rgb(160, 206, 78); 
}
.border-deepblue, i.border-deepblue, img.border-deepblue { 
	border-color: rgb(26, 128, 182); 
}
.border-skyblue, i.border-skyblue, img.border-skyblue { 
	border-color: rgb(108, 197, 244); 
}
.border-blue, i.border-blue, img.border-blue { 
	border-color: rgb(52, 152, 219); 
}
.border-navy, i.border-navy, img.border-navy { 
	border-color: rgb(52, 61, 70); 
}
.border-violet, i.border-violet, img.border-violet { 
	border-color: rgb(86, 61, 124); 
}
.border-yellow, i.border-yellow, img.border-yellow { 
	border-color: rgb(241, 196, 15); 
}
.border-darkgray, i.border-darkgray, img.border-darkgray { 
	border-color: rgb(102, 98, 98); 
}
.border-gray, i.border-gray, img.border-gray { 
	border-color: rgb(136, 136, 136); 
}
.border-lightgray, i.border-lightgray, img.border-lightgray { 
	border-color: rgb(208, 208, 208); 
}
.border-white, i.border-white, img.border-white { 
	border-color: rgb(255, 255, 255); 
}
.border-light, i.border-light, img.border-light {
	border-color: #f5f5f5; 
}
.border-black, i.border-black, img.border-black { 
	border-color: rgb(51, 51, 51); 
}

/* Hover Color ------------------------------------------------------ */
.hover-red:hover { 
	background-color: rgb(233, 27, 35);
	color: rgb(255, 255, 255); 
}
.hover-darkred:hover { 
	background-color: rgb(170, 60, 63);
	color: rgb(255, 255, 255); 
}
.hover-crimson:hover { 
	background-color: rgb(220, 20, 60); 
	color: rgb(255, 255, 255); 
}
.hover-orangered:hover { 
	background-color: rgb(255, 69, 0);
	color: rgb(255, 255, 255); 
}
.hover-orange:hover { 
	background-color: rgb(243, 156, 18);
	color: rgb(255, 255, 255); 
}
.hover-green:hover:hover { 
	background-color: rgb(142, 196, 73); 
	color: rgb(255, 255, 255); 
}
.hover-lightgreen:hover { 
	background-color: rgb(160, 206, 78); 
	color: rgb(255, 255, 255); 
}
.hover-deepblue:hover { 
	background-color: rgb(26, 128, 182); 
	color: rgb(255, 255, 255); 
}
.hover-skyblue:hover { 
	background-color: rgb(108, 197, 244); 
	color: rgb(255, 255, 255); 
}
.hover-blue:hover { 
	background-color: rgb(52, 152, 219); 
	color: rgb(255, 255, 255); 
}
.hover-navy:hover { 
	background-color: rgb(52, 61, 70); 
	color: rgb(255, 255, 255); 
}
.hover-violet:hover { 
	background-color: rgb(86, 61, 124); 
	color: rgb(255, 255, 255); 
}
.hover-yellow:hover { 
	background-color: rgb(241, 196, 15); 
	color: rgb(255, 255, 255); 
}
.hover-darkgray:hover { 
	background-color: rgb(102, 98, 98); 
	color: rgb(255, 255, 255); 
}
.hover-gray:hover { 
	background-color: rgb(136, 136, 136); 
	color: rgb(255, 255, 255); 
}
.hover-lightgray:hover { 
	background-color: rgb(208, 208, 208); 
	color: rgb(255, 255, 255); 
}
.hover-white:hover { 
	background-color: rgb(255, 255, 255); 
	color: rgb(31, 31, 31); 
}
.hover-black:hover { 
	background-color: rgb(51, 51, 51); 
	color: rgb(255, 255, 255); 
}

/* Trans Background Color ------------------------------------------------------ */
.trans-bg-red { 
	background-color: rgba(233, 27, 35, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-darkred { 
	background-color: rgba(170, 60, 63, 0.75) !important;
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-crimson { 
	background-color: rgba(220, 20, 60, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-orangered { 
	background-color: rgba(255, 69, 0, 0.75) !important;
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-orange { 
	background-color: rgba(243, 156, 18, 0.75) !important;
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-orange { 
	background-color: rgba(243, 156, 18, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-green { 
	background-color: rgba(142, 196, 73, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-lightgreen { 
	background-color: rgba(160, 206, 78, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-deepblue { 
	background-color: rgba(26, 128, 182, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-skyblue { 
	background-color: rgba(108, 197, 244, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-blue { 
	background-color: rgba(52, 152, 219, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-navy { 
	background-color: rgba(52, 61, 70, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-violet { 
	background-color: rgba(86, 61, 124, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-yellow { 
	background-color: rgba(241, 196, 15, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-darkgray { 
	background-color: rgba(102, 98, 98, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-gray { 
	background-color: rgba(136, 136, 136, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-lightgray { 
	background-color: rgba(208, 208, 208, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-white { 
	background-color: rgba(255, 255, 255, 0.75) !important; 
	color: rgb(31, 31, 31) !important; 
}
.trans-bg-black { 
	background-color: rgba(0, 0, 0, 0.75) !important; 
	color: rgb(255, 255, 255) !important; 
}
.trans-bg-full { 
	width:100%; 
	height:100%; 
	overflow:hidden; 
	padding:8% !important; 
	text-overflow:clip; 
	white-space:normal; 
}

/* Font ------------------------------------------------------ */
.font-normal { 
	font-weight: normal;
}
.font-8, i.font-8 { 
	font-size: 8px; 
}
.font-9, i.font-9 { 
	font-size: 9px; 
}
.font-10, i.font-10 { 
	font-size: 10px; 
}
.font-11, i.font-11 { 
	font-size: 11px; 
}
.font-12, i.font-12 { 
	font-size: 12px; 
}
.font-13, i.font-13 { 
	font-size: 13px; 
}
.font-14, i.font-14 { 
	font-size: 14px; 
}
.font-16, i.font-16 { 
	font-size: 16px; 
}
.font-18, i.font-18 { 
	font-size: 18px; 
}
.font-20, i.font-20 { 
	font-size: 20px; 
}
.font-22, i.font-22 { 
	font-size: 22px; 
}
.font-24, i.font-24 { 
	font-size: 24px; 
}

/* Style ------------------------------------------------------ */
.cursor { 
	cursor:pointer;
}
.count { 
	font-size: 10px; 
	font-weight:bold; 
	font-family:verdana; 
	letter-spacing:-1px; 
}
.block {
	display:block;
}
.break-word {
	word-wrap: break-word;
}
.ellipsis { 
	display:block; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-wrap:normal; 
	overflow:hidden; 
}
.no-border {
	border:0 !important;
}
.no-margin { 
	margin:0 !important; 
}
.no-animation .collapsing{
    -webkit-transition: none;
          transition: none;
}
.btn-wset { 
	display:none; 
}
/* Height ------------------------------------------------------ */
.h10 {
	height:10px;
}
.h15 {
	height:15px;
}
.h20 {
	height:20px;
}
.h25 {
	height:25px;
}
.h30 {
	height:30px;
}
.h35 {
	height:35px;
}
.h40 {
	height:40px;
}
.h45 {
	height:45px;
}
.h50 {
	height:50px;
}
.p10 {
	padding:10px 0px;
}
.p15 {
	padding:15px 0px;
}
.m10 {
	margin:10px 0px;
}
.m15 {
	margin:15px 0px;
}

/* Color ------------------------------------------------------ */
.red, i.red { 
	color: rgb(233, 27, 35);
}
.darkred, i.darkred { 
	color: rgb(170, 60, 63);
}
.crimson, i.crimson { 
	color: rgb(220, 20, 60); 
}
.orangered, i.orangered { 
	color: orangered; 
}
.orange, i.orange { 
	color: rgb(243, 156, 18);
}
.green, i.green { 
	color: rgb(142, 196, 73); 
}
.lightgreen, i.lightgreen { 
	color: rgb(160, 206, 78); 
}
.deepblue, i.deepblue { 
	color: rgb(26, 128, 182); 
}
.skyblue, i.skyblue { 
	color: rgb(108, 197, 244); 
}
.blue, i.blue { 
	color: rgb(52, 152, 219); 
}
.navy, i.navy { 
	color: rgb(52, 61, 70); 
}
.violet, i.violet { 
	color: rgb(86, 61, 124); 
}
.yellow, i.yellow { 
	color: rgb(241, 196, 15); 
}
.darkgray, i.darkgray { 
	color: rgb(102, 98, 98); 
}
.gray, i.gray { 
	color: rgb(136, 136, 136); 
}
.lightgray, i.lightgray { 
	color: rgb(208, 208, 208); 
}
.white, i.white { 
	color: rgb(255, 255, 255); 
}
.light, i.light {
	color: #f5f5f5; 
}
.black, i.black { 
	color: rgb(51, 51, 51); 
}