@charset "UTF-8";
@import url("bootstrap/css/bootstrap.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,600,700,800&subset=latin,vietnamese");
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/*
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.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden;
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animated.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.animated.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.animated.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.animated.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.animated.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.animated.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.animated.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animated.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.animated.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.animated.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.animated.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.animated.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.animated.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.animated.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.animated.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.animated.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes slideOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -moz-animation-name: slideOutLeft;
  -o-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes slideOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes slideOutRight {
  0% {
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  -moz-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.animated.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.animated.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.animated.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.animated.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animated.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animated.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.animated.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.animated.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-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);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.animated.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.animated.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.animated.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.animated.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
/* Required */
.hidden1 {
  opacity: 0;
}
.visible {
  opacity: 1;
}
/*
Theme Name: Cau 14
Theme URI: http://www.saokim.com.vn
Author: Sao Kim Branding
Author URI: http://contact@saokim.com.vn
Text Domain: saokim
Description: Cau 14
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
-------------------------------------------------------------- */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
html {
  font-size: 62.5%;
}
body {
  background: #fff;
  color: #000000;
  font-family: "Open Sans";
  font: 400 12px/16px "Open Sans";
  line-height: 2.0rem;
  margin: 0;
  padding: 0;
  min-width: 1024px;
}
img {
  border: 0;
}
.img-button {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', arial, sans-serif;
}
a {
  color: #17469e;
  text-decoration: none;
  /* &:visited{
		color: @gray-light;
	} */
}
a:hover,
a:active {
  color: #17469e;
}
.nopadding {
  padding: 0;
}
.nomargin {
  margin: 0;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container .copyright {
  display: block;
}
.video-container .copyright:before {
  content: '';
  display: block;
  width: 93px;
  height: 65px;
  background: url(images/logo_ico.png) center center no-repeat;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.play {
  position: relative;
  display: block;
}
.play:before {
  content: '';
  display: block;
  background: #17469e;
  color: #eeeeee;
  width: 32px;
  height: 28px;
  background: url(images/logo_ico.png) center center no-repeat;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.play .playIcon {
  background: url(images/play_icon.png) no-repeat 0 0;
  top: 50%;
  left: 50%;
  width: 86px;
  height: 60px;
  margin-top: -30px;
  margin-left: -43px;
  position: absolute;
}
.play:hover .playIcon {
  background: url(images/play_icon.png) no-repeat 0 -60px;
}
.facebook,
.google,
.twitter,
.linkedin,
.rss,
.print,
.email {
  background-color: #1847ba;
  color: #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  display: inline-block;
  -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;
}
.facebook:hover,
.google:hover,
.twitter:hover,
.linkedin:hover,
.rss:hover,
.print:hover,
.email:hover {
  color: #fff;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.google {
  background-color: #e23c2c;
}
.linkedin {
  background-color: #0091c6;
}
.rss {
  background-color: #f49711;
}
.email,
.print {
  background-color: #738a8d;
}
.addthis_toolbox {
  background: #ffffff url(images/line.png) bottom right no-repeat;
  margin-top: 20px;
}
.addthis_toolbox a {
  background-color: #fff;
}
.download {
  display: inline-block;
  width: 260px;
  height: 50px;
  background: #ffae00;
  overflow: hidden;
}
.download .ico {
  display: inline-block;
  width: 80px;
  height: 32px;
  margin: 9px 0;
  background: url(images/folder_download.png) top center no-repeat;
  float: left;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.download .text {
  display: inline-block;
  width: 176px;
  height: 46px;
  margin: 2px 2px;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 46px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
}
.download:hover .ico {
  background-position: bottom center;
}
.note {
  background: #757575;
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 16px 0;
  padding: 24px 24px 24px 72px;
}
.note:before {
  content: url('images/aside-note.svg');
  float: left;
  height: 24px;
  margin-left: -48px;
  width: 24px;
}
.caution {
  background: #f4b400;
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 16px 0;
  padding: 24px 24px 24px 72px;
}
.caution:before {
  content: url('images/aside-caution.svg');
  float: left;
  height: 24px;
  margin-left: -48px;
  width: 24px;
}
.special {
  background: #039be5;
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 16px 0;
  padding: 24px 24px 24px 72px;
}
.special:before {
  content: url('images/aside-special.svg');
  float: left;
  height: 24px;
  margin-left: -48px;
  width: 24px;
}
.contact-banner {
  background-color: #17469e;
  background-image: -webkit-gradient(linear, left top, right top, from(#17469e), to(#012e81));
  background-image: -webkit-linear-gradient(left, #17469e, #012e81);
  background-image: -moz-linear-gradient(left, #17469e, #012e81);
  background-image: -ms-linear-gradient(left, #17469e, #012e81);
  background-image: -o-linear-gradient(left, #17469e, #012e81);
}
.contact-map {
  height: 620px;
}
.contact-map iframe {
  width: 100%;
  height: 100% !important;
}
.contact-map .google-map {
  width: 100% !important;
  height: 100% !important;
}
.contactform .wpcf7-text {
  width: 100%;
  background-color: #dedede;
  border: none;
  padding: 2px 5px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 2px #888888;
}
.contactform .wpcf7-textarea {
  width: 100%;
  background-color: #dedede;
  border: none;
  padding: 2px 5px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 2px #888888;
}
/** Acordion **/
.accordion section,
.accordion,
.accordion h2 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.accordion {
  margin-bottom: 20px;
}
.accordion h2 {
  font-size: 14px !important;
  margin: 0;
  border-bottom: #17469e solid 2px;
  cursor: move;
}
.accordion h2 span.text {
  display: inline-block;
  background-color: #17469e;
  color: #fff;
  height: 25px;
  line-height: 25px;
  padding: 0 30px 0 30px;
  text-align: center;
  position: relative;
}
.accordion h2 span.text:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -25px;
  height: 0;
  width: 0;
  border: 25px solid transparent;
  border-top-color: #fff;
}
.accordion h2 span.text .pointer {
  padding: 0;
  line-height: 20px;
  width: 13px;
  position: absolute;
  left: 10px;
  top: 4px;
  color: #ffae00;
}
.accordion .accord-desc {
  padding: 10px 0px;
}
.accordion section {
  overflow: hidden;
  height: auto;
  max-height: 2000px;
}
.accordion section.ac_hidden {
  height: 30px !important;
  max-height: 30px;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -ms-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
.accordion:not(.ac_hidden) .pointer {
  display: inline-block;
  color: #ffae00 !important;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  padding: 0;
}
/** Pagination **/
.wp-pagenavi {
  margin: 10px 0;
}
.wp-pagenavi a {
  padding: 3px 8px;
  background: #17469e;
  color: #fff;
  text-decoration: none;
  border: none;
}
.wp-pagenavi a:hover,
.wp-pagenavi a.current {
  background: #ffae00;
  color: #eeeeee;
}
.wp-pagenavi span {
  border: none !important;
}
.wp-pagenavi .pages,
.wp-pagenavi .page {
  padding: 4px 8px !important;
  background: #17469e !important;
  color: #fff !important;
  border: none;
}
.wp-pagenavi .current {
  padding: 3px 8px !important;
  background: #ffae00;
  color: #eeeeee;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  border: none;
}
.paging {
  text-align: center;
  padding-right: 10px;
}
.paging a {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  background-color: #eeeeee;
  color: #777777;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: 10px;
}
.paging a i.fa {
  font-size: 14px;
  line-height: 32px;
}
.paging a:hover {
  background-color: #17469e;
  color: #fff;
}
/* OL LIST CSS */
.circles-list {
  list-style-type: none;
  list-style-type: decimal !ie;
  /*IE 7- hack*/
  margin: 0;
  margin-left: 4em;
  padding: 0;
  counter-reset: li-counter;
}
.circles-list li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 8px;
  padding-top: 10px;
  min-height: 40px;
  font-size: 1.4rem;
}
.circles-list li:before {
  position: absolute;
  top: 0;
  left: -44px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: #939598;
  color: #f5f5f5;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.boxes-list {
  list-style-type: none;
  list-style-type: decimal !ie;
  /*IE 7- hack*/
  margin: 0;
  margin-left: 32px;
  padding: 0;
  counter-reset: li-counter;
}
.boxes-list li {
  position: relative;
  margin-bottom: 5px;
  padding: 5px 10px;
  min-height: 32px;
  background-color: #d5d5d5;
}
.boxes-list li:before {
  position: absolute;
  top: 0;
  left: -32px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  background-color: #939598;
  color: #f5f5f5;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.boxes-list li:hover:before {
  background-color: #17469e;
  color: #f5f5f5;
}
.labels-list {
  list-style-type: none;
  list-style-type: decimal !ie;
  /*IE 7- hack*/
  margin: 0;
  margin-left: 1em;
  padding: 0;
  counter-reset: li-counter;
}
.labels-list li {
  position: relative;
  margin-bottom: 1.5em;
  padding: 1.5em;
  background-color: #eaeaea;
}
.labels-list li:before {
  position: absolute;
  top: -0.3em;
  left: -0.5em;
  width: 1.8em;
  height: 1.2em;
  font-size: 2em;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  color: #f5f5f5;
  background-color: #17469e;
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  z-index: 99;
  overflow: hidden;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.simple-list {
  list-style-type: none;
  list-style-type: decimal !ie;
  /*IE 7- hack*/
  margin: 0;
  margin-left: 3em;
  padding: 0;
  counter-reset: li-counter;
}
.simple-list li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 0.5em;
  min-height: 3em;
  border-left: 2px solid #CCCCCC;
}
.simple-list li:before {
  position: absolute;
  top: 0;
  left: -1em;
  width: 0.8em;
  font-size: 3em;
  line-height: 1;
  font-weight: bold;
  text-align: right;
  color: #17469e;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.tilted-list {
  list-style-type: none;
  list-style-type: decimal !ie;
  /*IE 7- hack*/
  margin: 0;
  margin-left: 3em;
  padding: 0;
  counter-reset: li-counter;
}
.tilted-list li {
  position: relative;
  margin-bottom: 20px;
  padding: 1em;
  border-left: 2px solid #CCCCCC;
  background-color: #f5f5f5;
}
.tilted-list li:before {
  position: absolute;
  top: 0;
  left: -0.95em;
  width: 1em;
  font-size: 4em;
  line-height: 1;
  font-weight: bold;
  text-align: right;
  color: #17469e;
  transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  overflow: hidden;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.list-thumb {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-thumb li {
  margin: 0;
  padding: 0px 5px;
}
.list-thumb li:last-child {
  border-bottom: none;
}
.list-thumb li img {
  float: left;
  margin-right: 10px;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.list-thumb li a {
  display: block;
  padding: 0px 0px;
  color: #17469e;
  text-align: left;
  -webkit-transition: 'font-size 0.3s ease, background-color 0.3s ease';
  -moz-transition: 'font-size 0.3s ease, background-color 0.3s ease';
  -ms-transition: 'font-size 0.3s ease, background-color 0.3s ease';
  -o-transition: 'font-size 0.3s ease, background-color 0.3s ease';
  transition: 'font-size 0.3s ease, background-color 0.3s ease';
}
.list-thumb li a:hover {
  color: #fff;
  text-decoration: none;
}
.list-thumb li:hover {
  background-color: #eeeeee;
}
.list-thumb li:hover img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.list-thumb li:hover a {
  color: #fff;
}
.list-thumb li:before {
  display: none;
}
.related-post {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
}
.related-post li {
  padding: 10px 0;
}
/** BUTTON CSS */
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 20px;
  text-align: center;
}
.btn-brand {
  background-color: #17469e;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.btn-brand:hover {
  color: #fff;
}
.btn-submit {
  width: 200px;
}
/* Alignment */
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
blockquote.alignleft,
img.alignleft {
  margin: 7px 24px 7px 0;
}
.wp-caption.alignleft {
  margin: 7px 14px 7px 0;
}
blockquote.alignright,
img.alignright {
  margin: 7px 0 7px 24px;
}
.wp-caption.alignright {
  margin: 7px 0 7px 14px;
}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;
}
.wp-caption {
  margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}
.wp-caption {
  color: #767676;
}
.wp-caption-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0;
  padding-right: 10px;
}
#header {
  margin: 0;
  padding: 0;
  background-color: #17469e;
}
#header #header-top {
  height: 130px;
  width: 100%;
}
#header #header-top .header-top-left {
  width: calc((100% - 1200px)/2);
  height: 100%;
  float: left;
  background: url(images/header_bg_left.png) bottom left repeat-x;
}
#header #header-top .container {
  height: 100%;
  float: left;
  background: url(images/header_bg.png) bottom right no-repeat;
  border-right: transparent solid 15px;
}
#header #header-top .container #logo {
  display: block;
  width: 440px;
  height: 124px;
  background: url(images/logo.png) center center no-repeat;
  text-align: left;
  text-indent: -99999px;
  margin-left: 15px;
  float: left;
}
#header #header-top .container #language {
  display: block;
  width: 190px;
  height: 100%;
  padding-top: 45px;
  text-align: right;
  float: right;
  margin-right: 186px;
  color: #17469e;
  font-size: 18px;
}
#header #header-top .container #language a {
  display: inline-block;
  margin-left: 5px;
  padding: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #17469e;
}
#header #header-top .container #language a.current,
#header #header-top .container #language a:hover {
  color: #ffae00;
  text-decoration: none;
}
#header #header-top .header-top-right {
  width: calc((100% - 1200px)/2);
  height: 100%;
  float: left;
  background: #17469e;
}
#topslider .slider-title {
  text-transform: uppercase;
  color: #fff;
  margin-top: 0;
  position: absolute;
  top: 40%;
  left: 0;
  font-size: 36px;
  font-weight: 700;
}
#topslider.grad {
  background-color: #17469e;
  background-image: -webkit-gradient(linear, left top, right top, from(#17469e), to(#012e81));
  background-image: -webkit-linear-gradient(left, #17469e, #012e81);
  background-image: -moz-linear-gradient(left, #17469e, #012e81);
  background-image: -ms-linear-gradient(left, #17469e, #012e81);
  background-image: -o-linear-gradient(left, #17469e, #012e81);
}
.shareholder {
  height: 200px;
  background: url(images/slider_shareholder.jpg) center center no-repeat;
  position: relative;
}
.document {
  height: 200px;
  background: url(images/slider_document.jpg) center center no-repeat;
  position: relative;
}
.project-slider {
  height: 200px;
  background: #17469e url(images/slider_project.jpg) top right no-repeat;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-slider h2,
.project-slider h3 {
  font-size: 36px;
  text-transform: uppercase;
  margin-top: 0;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.project-slider h2:before,
.project-slider h3:before {
  content: '';
  display: inline-block;
  width: 282px;
  height: 3px;
  position: absolute;
  bottom: 0;
  background-color: #ffae00;
}
.project-slider table tr td {
  padding-right: 70px;
  padding-bottom: 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.project-slider table tr td span.active {
  color: #ffae00;
}
.project-slider table tr td a {
  color: #fff;
}
.project-slider table tr td a.current-menu-item {
  color: #ffae00;
}
.tp-caption.cau14boxinfo,
.cau14boxinfo {
  width: 340px !important;
  height: 270px !important;
  padding: 27px !important;
  background-color: #17469e !important;
  color: #fff  !important;
  -webkit-opacity: 0.7 !important;
  -moz-opacity: 0.7 !important;
  opacity: 0.7 !important;
  white-space: normal !important;
}
.tp-caption.cau14boxinfo h2,
.cau14boxinfo h2,
.tp-caption.cau14boxinfo h3,
.cau14boxinfo h3 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  border-bottom: #ffae00 solid 3px;
  padding-bottom: 5px;
}
.tp-caption.cau14boxinfo a,
.cau14boxinfo a {
  text-decoration: none;
  border: none;
  background-color: #ffae00;
  color: #fff;
  display: inline-block;
  float: right;
  padding: 3px 10px;
  margin: 15px 0;
}
.tp-caption.cau14boxinfo:hover a,
.cau14boxinfo:hover a {
  background-color: #ffae00;
  color: #fff;
  text-decoration: none;
}
.project-container {
  width: 100%;
  font-size: 0px;
  -webkit-backface-visibility: hidden;
}
.project-container .mix {
  width: 20%;
  display: none;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  overflow: hidden;
}
.project-container .mix img {
  width: 100%;
}
.project-container .mix .item-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  background-color: #17469e;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.project-container .mix .item-hidden {
  width: 100%;
  position: absolute;
  top: 50%;
  left: -100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: center;
  z-index: 2;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.project-container .mix .item-hidden h2,
.project-container .mix .item-hidden h3 {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}
.project-container .mix .item-hidden h2 span,
.project-container .mix .item-hidden h3 span {
  display: inline-block;
  padding: 10px 20px;
  border-bottom: #ffae00 solid 3px;
}
.project-container .mix .item-hidden .more {
  display: inline-block;
  background-color: #ffae00;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 14px;
  z-index: 3;
}
.project-container .mix .item-hidden .more a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}
.project-container .mix:hover .item-bg {
  left: 0;
}
.project-container .mix:hover .item-hidden {
  left: 0;
}
.photo-container {
  width: 100%;
  font-size: 0px;
  -webkit-backface-visibility: hidden;
}
.photo-container .item {
  width: 20%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  float: left;
  overflow: hidden;
}
.photo-container .item img {
  width: 100%;
}
.photo-container .item .item-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  background-color: #17469e;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.photo-container .item .item-hidden {
  width: 100%;
  position: absolute;
  top: 50%;
  left: -100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: center;
  z-index: 2;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.photo-container .item .item-hidden h2,
.photo-container .item .item-hidden h3 {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}
.photo-container .item .item-hidden h2 span,
.photo-container .item .item-hidden h3 span {
  display: inline-block;
  padding: 10px 20px;
  border-bottom: #ffae00 solid 3px;
}
.photo-container .item .item-hidden .more {
  display: inline-block;
  background-color: #ffae00;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 14px;
  z-index: 3;
}
.photo-container .item .item-hidden .more a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}
.photo-container .item:hover .item-bg {
  left: 0;
}
.photo-container .item:hover .item-hidden {
  left: 0;
}
#topnav {
  height: 46px;
}
#topnav .topmenu ul,
#topnav .topmenu li,
#topnav .topmenu a {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
#topnav .topmenu {
  display: block;
  float: left;
  text-align: left;
  margin: 0;
  padding: 0;
}
#topnav .topmenu li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  height: 46px;
  padding: 0 20px;
  z-index: 100;
  font-size: 14px;
  font-weight: 700;
}
#topnav .topmenu li.home {
  padding-left: 0;
}
#topnav .topmenu li a {
  display: block;
  line-height: 46px;
  height: 46px;
  margin: 0;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border-bottom: transparent solid 2px;
}
#topnav .topmenu li:hover a,
#topnav .topmenu li.current-menu-item a,
#topnav .topmenu li.current-menu-parent a,
#topnav .topmenu li.current-post-ancestor a,
#topnav .topmenu li.current-menu-ancestor a {
  border-bottom-color: #ffae00;
  color: #ffae00;
}
#topnav .topmenu li:hover ul li a,
#topnav .topmenu li.current-menu-item ul li a,
#topnav .topmenu li.current-menu-parent ul li a,
#topnav .topmenu li.current-post-ancestor ul li a,
#topnav .topmenu li.current-menu-ancestor ul li a {
  background-color: #17469e;
  color: #fff;
  border-bottom-color: #fff;
  border-bottom-width: 1px;
}
#topnav .topmenu li:hover ul li a:hover,
#topnav .topmenu li.current-menu-item ul li a:hover,
#topnav .topmenu li.current-menu-parent ul li a:hover,
#topnav .topmenu li.current-post-ancestor ul li a:hover,
#topnav .topmenu li.current-menu-ancestor ul li a:hover {
  background-color: #ffae00;
  color: #fff;
}
#topnav .topmenu ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  opacity: 0;
  background: #17469e;
  float: none;
  text-align: left;
}
#topnav .topmenu ul li {
  width: 200px;
  height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  background: #17469e;
  color: #fff;
  /* .opacity(0.9); */
}
#topnav .topmenu ul li a {
  display: block ;
  padding: 6px 10px 6px 10px ;
  margin: 0 ;
  font-weight: normal;
  border-bottom-color: #fff;
  border-bottom-width: 1px;
  background-color: #17469e;
  color: #fff;
  text-transform: none;
  overflow: hidden;
  line-height: inherit;
  height: auto;
}
#topnav .topmenu ul li:hover:after {
  display: none;
}
#topnav .topmenu ul li:last-child a {
  border: none !important;
}
#topnav .topmenu ul li:hover:after,
#topnav .topmenu ul li.current-menu-item:after,
#topnav .topmenu ul li.current-menu-parent:after,
#topnav .topmenu ul li.current-post-parent:after,
#topnav .topmenu ul li.current-page-parent:after,
#topnav .topmenu ul li.current-menu-ancestor:after,
#topnav .topmenu ul li.current-post-ancestor:after {
  border-left-color: #fff;
}
#topnav .topmenu ul li:hover a,
#topnav .topmenu ul li.current-menu-item a,
#topnav .topmenu ul li.current-menu-parent a,
#topnav .topmenu ul li.current-post-parent a,
#topnav .topmenu ul li.current-page-parent a,
#topnav .topmenu ul li.current-menu-ancestor a,
#topnav .topmenu ul li.current-post-ancestor a {
  background: #ffae00;
  color: #fff;
}
#topnav .topmenu ul li.current-menu-parent a,
#topnav .topmenu ul li.current-post-parent a,
#topnav .topmenu ul li.current-post-ancestor a,
#topnav .topmenu ul li.current-page-parent a,
#topnav .topmenu ul li.current-menu-item a {
  background: #ffae00;
  color: #fff;
}
#topnav .topmenu li:hover > ul {
  opacity: 1 !important;
}
#topnav .topmenu li:hover > ul li {
  height: auto;
  overflow: visible;
  padding: 0;
}
#topnav .topmenu li.current-menu-item ul li a,
#topnav .topmenu li.current-menu-item ul li a,
#topnav .topmenu li.current-menu-parent ul li a,
#topnav .topmenu li.current-post-ancestor ul li a,
#topnav .topmenu li.current-menu-ancestor ul li a {
  background: #17469e;
  color: #fff;
}
#topnav .topmenu ul ul {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  padding-top: 0;
  height: 100%;
  background: #17469e;
  display: none;
  -webkit-transition: display 0.25s ease 0.1s;
  -moz-transition: display 0.25s ease 0.1s;
  -ms-transition: display 0.25s ease 0.1s;
  -o-transition: display 0.25s ease 0.1s;
  transition: display 0.25s ease 0.1s;
}
#topnav .topmenu ul ul li {
  background: #17469e;
}
#topnav .topmenu ul ul li:hover:after {
  display: none;
}
#topnav .topmenu ul li {
  /* &.has_submenu{
				 	&:after{
				 		position: absolute;
						content:'';
						display: block;
						.make-arrow(4px);
						border-left-color: @color-second;
						right: 4px;
						top: 50%;
						margin-top: -4px;
				 	}
				 	&:hover{
				 		&:after{
					 		position: absolute;
							content:'';
							display: block;
							.make-arrow(4px);
							border-left-color: #fff;
							left: 96%;
							top: 50%;
							margin-right: -16px;
							margin-top: -4px;
						}
				 	}
				} */
}
#topnav .topmenu ul li:hover > ul {
  display: block;
  padding-top: 0;
}
#topnav .topmenu ul li:hover ul li a,
#topnav .topmenu ul li.current-menu-item ul li a,
#topnav .topmenu ul li.current-menu-parent ul li a {
  background: #17469e;
  color: #fff;
}
#topnav .topmenu ul li:hover ul li:hover a,
#topnav .topmenu ul li.current-menu-item ul li:hover a,
#topnav .topmenu ul li.current-menu-parent ul li:hover a {
  background: #ffae00;
  color: #fff;
}
.widget {
  margin-bottom: 20px;
}
.widget.nopadding {
  padding: 0;
}
.widget.nomargin {
  margin: 0;
}
.widget .widget-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  padding: 10px 20px;
  font-weight: 600;
  background: #17469e;
  color: #fff;
  border-bottom: #fff solid 2px;
  text-transform: uppercase;
}
.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.widget ul li {
  margin: 0;
  line-height: normal;
}
.widget ul li a {
  display: block;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  word-wrap: break-word;
  background-color: #17469e;
  color: #fff;
  border-bottom: #fff solid 1px;
}
.widget ul li.current-menu-item a,
.widget ul li.current-post-ancestor a,
.widget ul li.current-page-ancestor a,
.widget ul li.current-menu-parent a,
.widget ul li.current-post-parent a,
.widget ul li.current-page-parent a,
.widget ul li:hover a {
  background-color: rgba(23, 70, 158, 0.8);
  color: #fff;
  text-decoration: none;
}
.widget ul li.current-menu-item ul li a,
.widget ul li.current-post-ancestor ul li a,
.widget ul li.current-page-ancestor ul li a,
.widget ul li.current-menu-parent ul li a,
.widget ul li.current-post-parent ul li a,
.widget ul li.current-page-parent ul li a,
.widget ul li:hover ul li a {
  background-color: rgba(23, 70, 158, 0.6);
  color: #fff;
  border-bottom: #fff solid 1px;
}
.widget ul li ul li a {
  background-color: rgba(23, 70, 158, 0.6);
  padding-left: 40px;
}
.widget ul li ul li.current-menu-item,
.widget ul li ul li.current-post-ancestor,
.widget ul li ul li.current-page-ancestor,
.widget ul li ul li.current-menu-parent,
.widget ul li ul li.current-post-parent,
.widget ul li ul li.current-page-parent,
.widget ul li ul li:hover {
  font-weight: 700;
}
.widget .boxes-list {
  list-style-type: none;
  list-style-type: decimal !ie;
  /*IE 7- hack*/
  margin: 0;
  margin-left: 32px;
  padding: 0;
  counter-reset: li-counter;
}
.widget .boxes-list li {
  position: relative;
  margin-bottom: 5px;
  padding: 5px 10px;
  min-height: 32px;
  background-color: #d5d5d5;
}
.widget .boxes-list li:before {
  position: absolute;
  top: 0;
  left: -32px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  background-color: #939598;
  color: #f5f5f5;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.widget .boxes-list li:hover:before {
  background-color: #17469e;
  color: #f5f5f5;
}
.widget .boxes-list li {
  margin-bottom: 5px;
  padding: 0px 10px;
  background-color: transparent;
}
.widget .boxes-list li:hover:before {
  background-color: #ffae00;
}
.breadcrumb {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 0 5px 0;
  text-transform: uppercase;
  border-bottom: #ffae00 solid 3px;
}
.head-caption {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 0 5px 0;
  text-transform: uppercase;
  border-bottom: #ffae00 solid 3px;
}
.tabline {
  border-bottom: #17469e solid 2px;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  margin-bottom: 20px;
}
.tabline span {
  display: inline-block;
  background-color: #17469e;
  color: #fff;
  height: 25px;
  line-height: 25px;
  padding: 0px 10px 0 30px;
  text-align: center;
  position: relative;
}
.tabline span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -25px;
  height: 0;
  width: 0;
  border: 25px solid transparent;
  border-top-color: #fff;
}
.tabline.left {
  text-align: left;
}
.tabline.left span {
  padding: 0 30px 0 10px;
}
.tabline.left span:before {
  display: none;
}
.tabline.left span:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -25px;
  height: 0;
  width: 0;
  border: 25px solid transparent;
  border-top-color: #fff;
}
#main {
  font-size: 14px;
  margin-top: 30px;
}
#main.nopadding {
  padding: 0;
}
#main.nomargin {
  margin: 0;
}
/* main */
#content article img {
  max-width: 100%;
  height: auto;
}
#content article.single .post-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  color: #17469e;
}
#content article.single .postdate {
  font-size: 12px;
  color: #333333;
}
#content .entry {
  margin-bottom: 45px;
  position: relative;
}
#content .entry .entry-img {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
#content .entry .entry-img img {
  width: 100%;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#content .entry .entry-img .strips {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
#content .entry .entry-img .strips .strip-top {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #ffae00;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#content .entry .entry-img .strips .strip-right {
  position: absolute;
  right: 0;
  top: 50%;
  width: 3px;
  height: 0%;
  background-color: #ffae00;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#content .entry .entry-img .strips .strip-bottom {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #ffae00;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#content .entry .entry-img .strips .strip-left {
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 0%;
  background-color: #ffae00;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#content .entry h2,
#content .entry h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0;
  border-bottom: #ffae00 solid 3px;
  padding-bottom: 5px;
}
#content .entry .entry-desc {
  text-align: justify;
}
#content .entry .more {
  display: block;
  text-align: right;
  position: absolute;
  bottom: 2px;
  right: 2px;
}
#content .entry .more a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background-color: #ffae00;
  color: #fff;
  padding: 5px 20px;
}
#content .entry:hover .entry-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#content .entry:hover .entry-img .strips {
  z-index: 1;
}
#content .entry:hover .entry-img .strips .strip-top {
  left: 0;
}
#content .entry:hover .entry-img .strips .strip-left,
#content .entry:hover .entry-img .strips .strip-right {
  height: 100%;
  top: 0;
}
#content .entry:hover .entry-img .strips .strip-bottom {
  left: 0;
}
#content .entry:hover .more a {
  text-decoration: none;
  background-color: rgba(255, 174, 0, 0.8);
}
#content .post-entry {
  margin-bottom: 40px;
}
#content .post-entry h3 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #17469e;
}
#content .post-entry .postdate {
  color: #333333;
  margin-bottom: 10px;
}
#content .post-entry p {
  font-size: 14px;
  text-align: justify;
}
#content .post-entry .more {
  text-align: right;
}
#content .post-entry .more a {
  display: inline-block;
  text-decoration: none;
  color: #17469e;
  font-size: 12px;
}
.jumbotron.jumbo-about {
  background: #17469e url(images/jumbo_about_bg.png) top center no-repeat;
  color: #fff;
  height: 222px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: normal;
}
.jumbotron.jumbo-about.bgtop {
  background-position: bottom center;
}
.jumbotron.jumbo-about .about-info-wrap {
  position: relative;
  height: 222px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.jumbotron.jumbo-about .about-info-wrap .about-info {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  text-align: justify;
}
.jumbotron.jumbo-about .about-img-wrap {
  position: relative;
  height: 222px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.jumbotron.jumbo-about .about-img-wrap .about-img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.featured-about {
  margin: 40px 0 50px 0;
  font-size: 14px;
}
.featured-about .f-left {
  text-align: justify;
  overflow: hidden;
}
.featured-about .f-left .f-img {
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
.featured-about .f-left .f-img img {
  width: 100%;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.featured-about .f-left h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: left;
}
.featured-about .f-left h3 span {
  border-bottom: #ffae00 solid 3px;
  padding-bottom: 5px;
  color: #17469e;
}
@media (min-width: 1200px) {
  .featured-about .f-left h3 span {
    padding-right: 26px;
  }
}
.featured-about .f-left .more a {
  text-decoration: none;
  display: inline-block;
  background-color: #ffae00;
  color: #fff;
  padding: 5px 15px;
}
.featured-about .f-left:hover .f-img img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.featured-about .f-left:hover .more a {
  /* -webkit-animation-name: bounceInLeft; Chrome, Safari, Opera
									    -webkit-animation-duration: 0.25s; Chrome, Safari, Opera
									    animation-name: bounceInLeft;
									    animation-duration: 0.25s;
					
					 -webkit-animation-iteration-count: 1;
									    animation-iteration-count: 1; */
}
.featured-about .f-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.featured-about .f-right ul li {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: normal;
}
.featured-about .f-right ul li a {
  display: block;
  text-decoration: none;
  padding: 0;
  word-wrap: break-word;
  background-color: transparent;
  color: #000000;
  border-bottom: none;
}
.featured-about .f-right ul li .f-img {
  float: left;
  margin-right: 10px;
  width: 170px;
  height: 115px;
  overflow: hidden;
}
.featured-about .f-right ul li .f-img img {
  width: 100%;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.featured-about .f-right ul li h2,
.featured-about .f-right ul li h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  text-transform: uppercase;
  text-align: left;
  color: #17469e;
}
.featured-about .f-right ul li:after {
  content: ' ';
  display: block;
  height: 1px;
  clear: both;
}
.featured-about .f-right ul li:hover .f-img img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.featured-about .f-right .find-more {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #17469e;
  text-align: center;
}
.featured-about .f-right .find-more:hover {
  color: #ffae00;
}
.project-tab {
  margin-bottom: 20px;
}
.project-tab .project-tab-header {
  height: 204px;
  background: #17469e url(images/project_bg.png) center center no-repeat;
  background-size: 100% 204px;
  color: #fff;
  position: relative;
}
.project-tab .project-tab-header .project-nav a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  background-color: #ffae00;
  color: #fff;
  width: 80px;
  height: 80px;
  font-size: 48px;
  line-height: 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.project-tab .project-tab-header .project-nav a .prev {
  left: 0;
}
.project-tab .project-tab-header .project-nav a.next {
  right: 0;
}
@media (max-width: 1280px) {
  .project-tab .project-tab-header .project-nav a {
    width: 36px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
  }
}
@media (max-width: 1024px) {
  .project-tab .project-tab-header .project-nav a {
    width: 26px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
  }
}
.project-tab .project-tab-header h2,
.project-tab .project-tab-header h3 {
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 40px 0 24px;
  padding-bottom: 15px;
  position: relative;
}
.project-tab .project-tab-header h2:before,
.project-tab .project-tab-header h3:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 280px;
  height: 3px;
  background-color: #ffae00;
}
.project-tab ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.project-tab ul.tabs li {
  background: none;
  color: #ffae00;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  margin: 0 25px 0 0;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  color: #fff;
}
.project-tab ul.tabs li.current {
  color: #ffae00;
}
.project-tab .tab-content {
  display: none;
  padding: 5px 0;
  margin: 0 0 20px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.project-tab .tab-content.current {
  display: block;
}
.home-partner {
  margin: 0 0 20px;
}
.home-partner h2 {
  margin-top: 0;
  padding: 0;
  margin-bottom: 26px;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #17469e;
}
.home-partner h2 span {
  padding-bottom: 5px;
  border-bottom: #ffae00 solid 3px;
}
.post-block {
  margin-bottom: 40px;
}
.post-block h2 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  color: #17469e;
  border-bottom: #ffae00 solid 3px;
  padding-bottom: 5px;
}
.post-block .post-block-left h3 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
  color: #17469e;
}
.post-block .post-block-left p {
  text-align: justify;
}
.post-block .post-block-left .more {
  text-align: right;
  font-size: 12px;
}
.post-block .post-block-left .more a {
  display: inline-block;
  text-decoration: none;
  color: #17469e;
}
.post-block .post-block-left .more:hover a {
  color: #ffae00;
  text-decoration: none;
}
.post-block .post-block-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
}
.post-block .post-block-right ul li {
  margin-bottom: 10px;
}
.post-slider-wrap .post-slider .item {
  padding-left: 10px;
  padding-right: 10px;
}
.post-slider-wrap .post-slider .item a {
  color: #17469e;
}
.post-slider-wrap .post-slider .item h2,
.post-slider-wrap .post-slider .item h3 {
  font-size: 1.4rem;
  font-weight: 400;
}
.post-slider-wrap .post-slider .item img {
  -webkit-opacity: 0.96;
  -moz-opacity: 0.96;
  opacity: 0.96;
}
.post-slider-wrap .post-slider .item:hover img,
.post-slider-wrap .post-slider .item:active img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.post-slider-wrap .our-project .item {
  position: relative;
  overflow: hidden;
}
.post-slider-wrap .our-project .item .item-img {
  width: 100%;
}
.post-slider-wrap .our-project .item .item-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  background-color: #17469e;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.post-slider-wrap .our-project .item .item-hidden {
  width: 100%;
  position: absolute;
  top: 50%;
  left: -100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: center;
  z-index: 2;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.post-slider-wrap .our-project .item .item-hidden h2,
.post-slider-wrap .our-project .item .item-hidden h3 {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}
.post-slider-wrap .our-project .item .item-hidden h2 span,
.post-slider-wrap .our-project .item .item-hidden h3 span {
  display: inline-block;
  padding: 10px 20px;
  border-bottom: #ffae00 solid 3px;
}
.post-slider-wrap .our-project .item .item-hidden .more {
  display: inline-block;
  background-color: #ffae00;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  z-index: 3;
}
.post-slider-wrap .our-project .item:hover .item-bg {
  left: 0;
}
.post-slider-wrap .our-project .item:hover .item-hidden {
  left: 0;
}
.post-slider-wrap .partner {
  margin-left: -15px;
  margin-right: -15px;
}
.post-slider-wrap .partner .item {
  padding-left: 15px;
  padding-right: 15px;
}
.post-slider-wrap .partner .item .item-img {
  border: #6A6A6A solid 3px;
  position: relative;
}
.post-slider-wrap .partner .item .item-img .strips {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.post-slider-wrap .partner .item .item-img .strips .strip-top {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #17469e;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.post-slider-wrap .partner .item .item-img .strips .strip-right {
  position: absolute;
  right: 0;
  top: 50%;
  width: 3px;
  height: 0%;
  background-color: #17469e;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.post-slider-wrap .partner .item .item-img .strips .strip-bottom {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #17469e;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.post-slider-wrap .partner .item .item-img .strips .strip-left {
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 0%;
  background-color: #17469e;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.post-slider-wrap .partner .item:hover .item-img {
  border: none;
  filter: none;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
}
.post-slider-wrap .partner .item:hover .item-img .strips {
  z-index: 1;
}
.post-slider-wrap .partner .item:hover .item-img .strips .strip-top {
  left: 0;
}
.post-slider-wrap .partner .item:hover .item-img .strips .strip-left,
.post-slider-wrap .partner .item:hover .item-img .strips .strip-right {
  height: 100%;
  top: 0;
}
.post-slider-wrap .partner .item:hover .item-img .strips .strip-bottom {
  left: 0;
}
.post-slider-wrap .partner .item.grayme .item-img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.post-slider-wrap .partner .item.grayme .item-img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
}
/* .post-slider-wrap */
#footer {
  background: url(images/footer_bg_0.png) top left repeat;
  color: #fff;
  height: 313px;
  line-height: 1.92rem;
  position: relative;
}
#footer .footer-bg {
  height: 100%;
  width: 100%;
  background: url(images/footer_bg.jpg) top right no-repeat;
  background-size: 100% 313px;
  padding: 40px 0;
}
#footer .footer-bg .footer-1 #footer-logo {
  display: block;
  width: 100%;
  height: 90px;
  background: url(images/footer_logo.png) center center no-repeat;
  background-size: 100%;
  text-align: left;
  text-indent: -9999px;
  margin-bottom: 33px;
}
#footer .footer-bg .footer-1 .footer-1-info {
  font-size: 13px;
  text-transform: uppercase;
}
#footer a {
  color: #fff;
}
#footer .widget .widget-title {
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  border-bottom: 0;
}
#footer .widget ul {
  margin: 0;
  padding: 0;
}
#footer .widget ul li {
  border-bottom: none;
  margin-bottom: 33px;
  padding: 0;
}
#footer .widget ul li a {
  background-color: transparent;
  padding: 0;
  border: none;
}
#footer .widget .support p {
  margin-bottom: 33px;
}
#footer .widget .support a.skype {
  display: inline-block;
  text-decoration: none;
  width: 32px;
  height: 32px;
  background-color: #3e9dd7;
  color: #00195c;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: 5px;
  margin-right: 5px;
}
#footer .widget .support a.skype i.fa {
  font-size: 24px;
  line-height: 32px;
}
#footer .widget .support a.skype:hover {
  background-color: #fff;
}
#footer #copyright {
  display: block !important;
  text-align: center !important;
  text-indent: 0 !important;
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
}
/* footer */
#gotop {
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  width: 36px;
  height: 36px;
  display: none;
}
#gotop a {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #eeeeee;
  color: #fff;
  -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: 36px;
  font-size: 18px;
}
.totalviews {
  margin: 10px 0;
  text-align: right;
}
.totalviews span {
  font-weight: 700;
}
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
@media only screen and (max-width: 1024px) {
  body {
    width: 1024px;
  }
  .container {
    width: 994px;
  }
  #header #header-top .header-top-left {
    width: calc((100% - 994px)/2);
  }
  #header #header-top .header-top-right {
    width: calc((100% - 994px)/2);
  }
}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */