/* Minification failed. Returning unminified contents.
(3549,1): run-time error CSS1019: Unexpected token, found '}'
(5664,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5678,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5692,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5708,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5714,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5720,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5726,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5732,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5738,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5744,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5750,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5788,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5810,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5832,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5850,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5868,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5882,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5908,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5918,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5932,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5953,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5978,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5984,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5994,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6000,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6010,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6016,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6131,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6153,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6197,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6512,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6517,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2014 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */

 .sp-main-menu-toggler{
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 20px;
  z-index: 1;
 }

.sp-mobile-menu{
  position: absolute !important;
  top: 90px;
  left: 0;
  width: 100%;
}

.sp-mobile-menu ul{
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sp-mobile-menu ul li{
  display: block;
  margin: 0;
  padding: 0 10px;
  background: #333;
  cursor: pointer;
}

.sp-mobile-menu ul li span.sp-menu-toggler{
  display: block;
  width: 30px;
  float: right;
  cursor: pointer;
  color: #fff;
  line-height: 40px;
  text-align: center;
}

.sp-mobile-menu ul li span.sp-menu-toggler i{
  display: block;
  line-height: 40px;
}

.sp-mobile-menu ul li span.sp-menu-toggler .icon-angle-right,
.sp-mobile-menu ul li span.sp-menu-toggler.collapsed .icon-angle-down{
  display: none;
}

.sp-mobile-menu ul li span.sp-menu-toggler .icon-angle-down,
.sp-mobile-menu ul li span.sp-menu-toggler.collapsed .icon-angle-right{
  display: block;
}

.sp-mobile-menu ul li a{
  display: inline-block;
  line-height: 40px;
  font-size: 15px;
  color: #777;
}

.sp-mobile-menu ul li.active > a,
.sp-mobile-menu ul li:hover > a{
  color: #fff;
}
@charset "UTF-8";

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

Copyright (c) 2013 Daniel Eden

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

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

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

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

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

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

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

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

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

  25%, 75% {
    opacity: 0;
  }
}

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

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

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

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

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

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

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

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

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

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

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

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

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

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

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

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

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

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

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

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

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

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

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

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

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

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

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeIn {
  0% {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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


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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}

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

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}

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

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

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

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

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

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

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

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

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

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

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

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

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

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

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

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

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

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

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

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

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

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

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

  100% {
    opacity: 0;
  }
}

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

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

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

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

/*Chorm*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@-webkit-keyframes bounceIn {
	  0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	  }

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

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

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

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

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

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

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

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

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

	  100% {
		opacity: 1;
	  }
	}

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

	  100% {
		opacity: 1;
	  }
	}

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

	  100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	  }
	}

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

	  100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	  }
	}

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

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

	  40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	  }

	  70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	  }

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

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

	  40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		-ms-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	  }

	  70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		-ms-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	  }

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

	.flipInX {
	  -webkit-backface-visibility: visible !important;
	  -ms-backface-visibility: visible !important;
	  backface-visibility: visible !important;
	  -webkit-animation-name: flipInX;
	  animation-name: flipInX;
	}
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1.page-header {
  background: url("../../img/minedu/icon-title-scoller.png") no-repeat scroll left 50%;
}
h2.ItemTitle {
  background: url("../../img/minedu/icon-title-scoller.png") no-repeat scroll top 8px left;
}
h2.ItemTitle a {
  color: #d9230f;
}
h2.ItemTitle a:hover {
  color: #f03e2b;
}
a:not(.btn) {
  color: #7a1408;
}
a:not(.btn):hover {
  color: #d9230f;
}
body {
  color: #6d6d6d;
}
body.bg {
  background: url(../../img/minedu/bg-body.png);
}
#sp-top-wrapper .logo {
  background-image: url(../../img/minedu/btn-inicio.png);
}
.vina_social ul {
  margin: 0;
  padding-bottom: 9px;
}
.vina_social ul a {
  background: #d9230f;
  border: 4px solid #f46a5a;
}
.vina_social ul a:hover {
  border: 4px solid #d9230f;
}
.vina_social ul a:hover em:before {
  color: #d9230f;
}
.vina_social .contact span .icon-envelope {
  color: #d9230f;
}
#sp-main-menu ul.level-0 > li > a:after {
  background: #d9230f;
}
#sp-main-menu ul.level-0 > li:hover > a,
#sp-main-menu ul.level-0 > li.active > a {
  color: #fff;
  border-right: 1px solid #fff;
}
#sp-main-menu ul li li:not(.sp-menu-group):hover {
  background: #d9230f;
}
.vina-menu,
.vina-menu-small {
  background: #d9230f !important;
}
#sp-header-wrapper #sp-search button {
  background: #d9230f;
  background: #d9230f;
  color: #fff;
}
#sp-header-wrapper #sp-search button:after {
  background: #000;
}
#sp-header-wrapper #sp-search button:hover,
#sp-header-wrapper #sp-search button:focus {
  color: #d9230f;
  background-color: #d9230f;
}
.vina-jssor-image-slider .vina-caption {
  border-bottom: 5px solid #d9230f;
}
.vina-jssor-image-slider .vina-caption.default h3 {
  color: #d9230f;
}
.vina-jssor-image-slider .jssord02l,
.vina-jssor-image-slider .jssord02r {
  background-color: #d9230f;
}
#sp-position-wrapper .container {
  background: url("../../img/minedu/bg-container.png");
}
#sp-position1 .custom .book .buy-now {
  background: #d9230f;
  color: #fff;
}
#sp-position1 .custom .book .buy-now:after {
  background: #000;
}
#sp-position1 .custom .book .buy-now:hover,
#sp-position1 .custom .book .buy-now:focus {
  color: #d9230f;
  background-color: #d9230f;
}
#sp-users-wrapper .container {
  background: url("../../img/minedu/bg-container.png");
}
#sp-user1 .user-info {
  text-align: center;
}
#sp-user1 .user-info .hi-icon:hover .icons-image-1 {
  background: url("../../img/minedu/icons_1.png") no-repeat scroll 0 50% #d9230f;
}
#sp-user1 .user-info .hi-icon:hover .icons-image-2 {
  background: url("../../img/minedu/icons_2.png") no-repeat scroll 0 50% #d9230f;
}
#sp-user1 .user-info .hi-icon:hover .icons-image-3 {
  background: url("../../img/minedu/icons_3.png") no-repeat scroll 0 50% #d9230f;
}
#sp-user1 .user-info .hi-icon:hover .icons-image-4 {
  background: url("../../img/minedu/icons_4.png") no-repeat scroll 0 50% #d9230f;
}
#sp-user1 .user-info .hi-icon .icons-image {
  border: 5px solid #d9230f;
}
#sp-user1 .user-info .hi-icon .icons-image-1 {
  background: url("../../img/minedu/icons_1.png") no-repeat scroll 100% 50% #d9230f;
}
#sp-user1 .user-info .hi-icon .icons-image-2 {
  background: url("../../img/minedu/icons_2.png") no-repeat scroll 100% 50% #d9230f;
}
#sp-user1 .user-info .hi-icon .icons-image-3 {
  background: url("../../img/minedu/icons_3.png") no-repeat scroll 100% 50% #d9230f;
}
#sp-user1 .user-info .hi-icon .icons-image-4 {
  background: url("../../img/minedu/icons_4.png") no-repeat scroll 100% 50% #d9230f;
}
.homepage #sp-main-body-wrapper .module {
  background: url("../../img/minedu/bg-container.png");
}
#sp-left .our-services .accordion-group:nth-child(1):hover .collapse:before,
#sp-left .our-services .accordion-group:nth-child(1).focus .collapse:before {
  background: url("../../img/minedu/accordion-0-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(1) .collapse.in:before {
  background: url("../../img/minedu/accordion-0-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(2):hover .collapse:before,
#sp-left .our-services .accordion-group:nth-child(2).focus .collapse:before {
  background: url("../../img/minedu/accordion-1-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(2) .collapse.in:before {
  background: url("../../img/minedu/accordion-1-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(3):hover .collapse:before,
#sp-left .our-services .accordion-group:nth-child(3).focus .collapse:before {
  background: url("../../img/minedu/accordion-2-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(3) .collapse.in:before {
  background: url("../../img/minedu/accordion-2-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(4):hover .collapse:before,
#sp-left .our-services .accordion-group:nth-child(4).focus .collapse:before {
  background: url("../../img/minedu/accordion-3-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(4) .collapse.in:before {
  background: url("../../img/minedu/accordion-3-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(5):hover .collapse:before,
#sp-left .our-services .accordion-group:nth-child(5).focus .collapse:before {
  background: url("../../img/minedu/accordion-4-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-left .our-services .accordion-group:nth-child(5) .collapse.in:before {
  background: url("../../img/minedu/accordion-4-hover.png") no-repeat scroll 3% 50% #d9230f;
}
#sp-center .custom.vina-carousel .carousel .carousel-control:hover:before,
#sp-center .custom.vina-carousel .carousel .carousel-control:focus:before {
  color: #d9230f;
}
#sp-right .see-other {
  background: #d9230f;
  color: #fff;
  color: #fff !important;
}
#sp-right .see-other:after {
  background: #000;
}
#sp-right .see-other:hover,
#sp-right .see-other:focus {
  color: #d9230f;
  background-color: #d9230f;
}
#sp-right .see-other:hover,
#sp-right .see-other:focus {
  color: #d9230f !important;
}
body:not(.homepage) .sp-vina .header {
  background: #F8F8F8 url("../../img/minedu/icon-title-scoller.png") no-repeat scroll 15px center;
  color: #d9230f;
}
.sp-vina .header {
  background: url("../../img/minedu/icon-title-scoller.png") no-repeat scroll left center;
  color: #d9230f;
}
.module.highlighted {
  background: #3498DB;
}
.module.highlighted a {
  color: #fff !important;
}
.page-header {
  color: #d9230f;
}
.page-header a {
  color: #d9230f;
}
.page-header a:hover {
  color: #f03e2b;
}
.progress-striped .bar {
  background-color: #d9230f;
}
#vina_about_us .carousel .item .incon_bg {
  background: #d9230f;
}
#vina_about_us .carousel .carousel-control {
  color: #d9230f;
}
#vina_about_us .carousel:hover .carousel-control:hover {
  background: #d9230f;
}
#vina_about_us .skill ul li {
  border-left: 2px solid #d9230f;
}
#vina_company .img-polaroid .info_team ul li a:hover {
  background: #d9230f;
}
#vina_pricing_table .pricing_table .thumbnail button {
  background: #d9230f;
  background: #d9230f;
  color: #fff;
}
#vina_pricing_table .pricing_table .thumbnail button:after {
  background: #000;
}
#vina_pricing_table .pricing_table .thumbnail button:hover,
#vina_pricing_table .pricing_table .thumbnail button:focus {
  color: #d9230f;
  background-color: #d9230f;
}
#vina_contact_us ul.social li a {
  border: 4px solid #f7958a;
  background: #d9230f;
}
#vina_contact_us ul.social li a:hover {
  border: 4px solid #d9230f;
}
#vina_contact_us ul.social li a:hover em {
  color: #d9230f;
}
#vina_contact_us .map span em {
  color: #d9230f;
}
#k2Container .k2ReadMore {
  background: #d9230f;
  color: #fff;
}
#k2Container .k2ReadMore:after {
  background: #000;
}
#k2Container .k2ReadMore:hover,
#k2Container .k2ReadMore:focus {
  color: #d9230f;
  background-color: #d9230f;
}
#k2Container.itemView h1.itemTitle {
  color: #d9230f;
}
#k2Container.itemView .vina-header-toolbar [class^="icon-"],
#k2Container.itemView .vina-header-toolbar [class*=" icon-"] {
  color: #d9230f;
}
#k2Container.itemView .vina-header-toolbar a:hover {
  color: #d9230f;
}
#k2Container.itemView .itemBackToTop a:hover:before {
  color: #f03e2b;
}
#k2Container.itemView .vina_item_last li:before {
  color: #d9230f;
}
#k2Container.itemView div.itemCommentsForm form input#submitCommentButton {
  background: #d9230f;
  color: #fff !important;
}
.readmore {
  background: #d9230f;
  color: #fff;
}
.readmore:after {
  background: #000;
}
.readmore:hover,
.readmore:focus {
  color: #d9230f;
  background-color: #d9230f;
}
.category .items-row .item .entry-meta.muted [class^="icon-"],
.category .items-row .item .entry-meta.muted [class*=" icon-"] {
  color: #d9230f;
}
a.vina-tag {
  background: #d9230f;
  color: #fff !important;
  -webkit-box-shadow: 0 4px 0 0 #a91b0c;
  -moz-box-shadow: 0 4px 0 0 #a91b0c;
  box-shadow: 0 4px 0 0 #a91b0c;
}
a.vina-tag:hover {
  background: #d9230f !important;
}
a.vina-tag:before {
  background: #d9230f;
  -webkit-box-shadow: 0 4px 0 0 #a91b0c;
  -moz-box-shadow: 0 4px 0 0 #a91b0c;
  box-shadow: 0 4px 0 0 #a91b0c;
}
a.vina-tag:after {
  -webkit-box-shadow: 3px 3px 0 0 #a91b0c inset;
  -moz-box-shadow: 3px 3px 0 0 #a91b0c inset;
  box-shadow: 3px 3px 0 0 #a91b0c inset;
}
.vina-icon ul li p:hover i {
  color: #d9230f;
}
.vina-online .header:before {
  color: #d9230f;
}
table.calendar tr td.calendarToday,
table.calendar tr td.calendarTodayLinked,
table.calendar tr td.calendarDateLinked a:hover {
  background: #d9230f;
}
.k2CategoriesListBlock li:before {
  color: #d9230f;
}
.k2CategoriesListBlock li:hover a {
  color: #d9230f;
}
.vina-search input[type="text"]:active,
.vina-search input[type="text"]:focus {
  -webkit-box-shadow: inset 8px 0 0 #d9230f;
  -moz-box-shadow: inset 8px 0 0 #d9230f;
  box-shadow: inset 8px 0 0 #d9230f;
}
.vina-search .button {
  background: #d9230f;
  color: #fff;
}
.vina-search .button:after {
  background: #000;
}
.vina-search .button:hover,
.vina-search .button:focus {
  color: #d9230f;
  background-color: #d9230f;
}
.vina-search .button:hover {
  color: #fff;
}
#login-form input:not([type='checkbox']):active,
#login-form input:not([type='checkbox']):focus {
  -webkit-box-shadow: inset 8px 0 0 #d9230f;
  -moz-box-shadow: inset 8px 0 0 #d9230f;
  box-shadow: inset 8px 0 0 #d9230f;
}
#login-form button {
  background: #d9230f;
  color: #fff;
}
#login-form button:after {
  background: #000;
}
#login-form button:hover,
#login-form button:focus {
  color: #d9230f;
  background-color: #d9230f;
}
.icon-color:before {
  color: #d9230f;
}
.vina-news li:before {
  color: #d9230f;
}
#sp-bottom-wrapper .container {
  background: url("../../img/minedu/bg-container.png");
}
#sp-footer-wrapper {
  color: #fff;
}
#sp-footer-wrapper .container {
  background: #d9230f;
}
#sp-footer-wrapper h3 {
  color: #fff;
}
#sp-footer-wrapper a:not(.btn) {
  color: #fff;
  font-weight: bold;
}
#sp-footer-wrapper a:not(.btn):hover {
  color: #f7958a;
}
.moduleItemReadMore {
  background: #cccccc;
  color: #d9230f;
}
.moduleItemReadMore:after {
  background: #d9230f;
}
.moduleItemReadMore:hover,
.moduleItemReadMore:focus {
  color: #fff !important;
  background-color: #cccccc;
}
.btn-vina {
  background: #d9230f;
  color: #fff;
}
.btn-vina:after {
  background: #000;
}
.btn-vina:hover,
.btn-vina:focus {
  color: #d9230f;
  background-color: #d9230f;
}
.sp-border {
  border-top: 1px solid #1a0402;
}
.sp-border::after {
  background: #6b1107;
}
.rtl h2.ItemTitle {
  background: url("../../img/minedu/icon-title-scoller.png") no-repeat top 8px right;
}
.rtl h1.page-header {
  background: url("../../img/minedu/icon-title-scoller.png") no-repeat right 4px;
}
.rtl .sp-vina .header {
  background: url("../../img/minedu/icon-title-scoller.png") no-repeat scroll right center;
}
.rtl #sp-left .our-services .accordion-group:nth-child(1):hover .collapse:before,
.rtl #sp-left .our-services .accordion-group:nth-child(1).focus .collapse:before {
  background: url("../../img/minedu/accordion-0-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(1) .collapse.in:before {
  background: url("../../img/minedu/accordion-0-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(2):hover .collapse:before,
.rtl #sp-left .our-services .accordion-group:nth-child(2).focus .collapse:before {
  background: url("../../img/minedu/accordion-1-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(2) .collapse.in:before {
  background: url("../../img/minedu/accordion-1-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(3):hover .collapse:before,
.rtl #sp-left .our-services .accordion-group:nth-child(3).focus .collapse:before {
  background: url("../../img/minedu/accordion-2-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(3) .collapse.in:before {
  background: url("../../img/minedu/accordion-2-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(4):hover .collapse:before,
.rtl #sp-left .our-services .accordion-group:nth-child(4).focus .collapse:before {
  background: url("../../img/minedu/accordion-3-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(4) .collapse.in:before {
  background: url("../../img/minedu/accordion-3-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(5):hover .collapse:before,
.rtl #sp-left .our-services .accordion-group:nth-child(5).focus .collapse:before {
  background: url("../../img/minedu/accordion-4-hover.png") no-repeat scroll right 10px center #d9230f;
}
.rtl #sp-left .our-services .accordion-group:nth-child(5) .collapse.in:before {
  background: url("../../img/minedu/accordion-4-hover.png") no-repeat scroll right 10px center #d9230f;
}
body:not(.homepage).rtl .sp-vina .header {
  background: #F8F8F8 url("../../img/minedu/icon-title-scoller.png") no-repeat scroll right 15px center;
}

body{font-size:0.81em; font-family: 'Work Sans', sans-serif;} /*Testing CSS!!!!*/
body.bg {background: #fff !important;}
#sp-breadcrumb-wrapper {margin-top:0 !important;}
/*#sp-position-wrapper{display:none !important;}*/
h1,h2,h3,h4 {font-family:inherit !important; font-weight:300; }
h1.page-header{background-image:none; padding-left:0;}
.entry-meta.muted{background:#f7f7f7;}
.entry-meta ul.actions li a{font-family:Calibri;}
span.copyright{margin-left:0.7em;}

/*.container{background: #fff;}*/
#sp-top1 .contact{color:#fff !important;}

/*RSC >> Ref. Menú Lateral*/
body:not(.homepage) #sp-left .content-vina {margin: 20px 0 0 0 !important;}
body:not(.homepage) #sp-left .content-vina {width: 270px;}
ul.vina-categories {
  font-family:Arial-Narrow, Arial;
  padding: 7px 20px !important;
  border: 1px solid #eee;
  border-radius: 13px;
  /*background: linear-gradient(#fff, #f7f7f7, #fff);*/
  background: #fcfcfc;
      box-shadow: 0px 3px 3px  #eee;
}
.vina-categories li {
  margin:0 !important;
  padding: 12px 0 !important;
  border-bottom: 0 !important;
  border-top: 1px solid #eee !important;
  font-size: 0.97em !important;
}
ul.vina-categories > :first-child {
  border-top:0 !important;
}

.vina-categories li a, .vina-categories li span {
  display:inline;
  margin: 10px 0 10px 7px !important;
  padding-left: 5px;
  /*line-height: 3em !important;*/
  /*font-size:0.9em !important;*/
}
.vina-categories li a:hover{color:#F03E2B; background:none !important;}
.vina-categories li ul {
  padding-left: 1.1em;
  margin-top:10px !important;
  /*background: #f9f9f9;*/
  background: linear-gradient(#f7f7f7,#fefefe,#fcfcfc);
  /*border-top: 1px solid #eee;*/
}
ul.vina-categories li ul > :last-child {
  /*border: 1px solid red !important;*/
  padding-bottom: 0 !important;
}
.vina-categories li ul li a{  
  /*line-height: 0.8em !important;
  line-height: 3em !important;*/
  font-size: 1em !important;
  /*padding-left: 0.7em;  */
}
.vina-categories li ul li a:hover{color:#5c5c5e; background:none !important;}
/*.vina-categories .current {background:#fff !important;}*/
.vina-categories li.current > a{color:#c91c09;}
.vina-categories li.current > a:hover{color:#F03E2B;}
.vina-categories ul li.current > a{color:#4c4c4e;}
/*Iconos izquierda*/
.vina-categories li:before{ font-size:1.1em; color:#F03E2B }
.vina-categories li ul li:before{ font-size:0.9em; color:#707989;}
/*Iconos Derecho (More / Less)*/
.showMore{background:url('/images/custom/arrow-down.png') right top no-repeat ; }
.showLess{background:url('/images/custom/arrow-up.png') right top no-repeat; }

#main-body{
  border: 1px solid #eee;
  border-top: 0;
}


/*RSC >> Botones (preset1.css) */
.btn-vina:after, .btn:after, .btn-primary:after, .button:after  {
  background: #fff;  
}
#sp-header-wrapper #sp-search button:after {
  /**/background: #ddd;
      background: -webkit-linear-gradient(#f7f7f9, #ddd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f7f7f9, #ddd); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f7f7f9, #ddd); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f7f7f9, #ddd); /* Standard syntax */
  
}
#searchForm {
  /* width: 27% !important; */
  display: table-cell;
  /* position: absolute; */
  width: 300px !important;
  float: left;
  /*border: 1px solid blue;*/
  margin-right:1em;
}
.pagination{
  display: table-row;
  line-height: 7em;
}
.search-results{
    display: table-cell;
}
.result-title{
  line-height:1.5em;
  margin-top:0.5em;
}

.homepage #sp-main-body-wrapper .module {
  background-image:none;
  /*background:#f7f7f7;*/
}
#sp-users-wrapper {margin:0 /*27px*/ !important;}
#sp-users-wrapper #users {
  padding:0 !important;
  margin:0 !important;
}
#sp-users-wrapper #users #sp-user2{
  padding:0 !important;
  margin:0 !important;
}
#sp-message-area{
  margin-left:0 !important; 
}

/*RSC >> Cabecera*/
/*.vina_social .contact span .phone { font-size: 14px;}
.vina_social ul li a em.icon-youtube:before { font-weight: normal !important;}
.icon-envelope:before { font-size: 0.67em !important; color: #fff;}
.module.sp-vina .header {padding-left: 30px !important;}*/

/*RSC >> Cabecera > Institutional Icons*/
#sp-top-wrapper {background:#4B4C4E !important; margin-top:0 !important;}
#sp-top-wrapper .container{background:none !important;}
#sp-top-wrapper #sp-top1 .HeaderLinksContent {float:left; color: #ccc;}
#sp-top-wrapper #sp-top1 .HeaderLinksContent a {
    color: #ccc;
    line-height: 3.2em;
    margin-right: 2.3em;
  	font-weight: 300;
}
#sp-top-wrapper #sp-top1 .HeaderLinksContent a:hover {color: #eee;}
#sp-top-wrapper #sp-top1 .HeaderIconsContent { /*margin-left:230 183px;*/ 
  	margin-left: inherit;
    margin-right: 3em /*!important*/;
    float: right;
}
#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder {float:left; min-width:40px; text-align:center; margin:10px 3px;}
#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder .image img{margin:0 auto; height: 18px /*24px*/; }
/*#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder .image img:hover {margin-top:3px; transition: all 0.1s ease-in 0.0s; }*/
#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder .text {margin-top:1px;}
#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder .text a{font-size:0.77em; color:#777; text-decoration:none; }
#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder:hover .text a{font-size:0.77em; color:#CC0001; text-decoration:none; }
#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder a {color:#ccc; }
#sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder a:hover {color:#ddd; }

/*RSC >> Comunicados (Marquee) */
#sp-user2 .mod_simple_marquee{ line-height:3.1em; margin-left:1em}
/*#sp-users-wrapper{margin-bottom:1.97em;}*/

/*RSC >> Varios*/

.ROW_CLASS {font-family:Calibri !important; padding: 10px !important;}
.ROW_CLASS h4 {color:#DF0001 !important;}
.ROW_CLASS ul { list-style: none; margin-left: 0.1em; }
.ROW_CLASS ul li {padding-left: 1.2em /*1.2em*/; line-height:1.9em;}
.ROW_CLASS ul li:before {
  content: '\f054'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  font-size: 0.8em;
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
}
.ROW_CLASS ul li a {color:#777; }
.ROW_CLASS ul li a:hover {color:#0098DB /*098EC7*/; text-decoration:underline;}

body:not(.homepage) .content-vina {/*margin: 25px 0 0 25px !important;*/}
#vina-copyright151{display:none !important;}

#sp-footer-wrapper { /*background: linear-gradient(#D9230F,#AE0001);*/}
#sp-footer-wrapper .container {background:none !important;}
#sp-bottom-wrapper {  background: linear-gradient(#eee,#f7f7f7) !important;}
/*Sliders*/ .vina-jssor-image-slider .vina-thumbnail-mask{background:none !important;}

/*RSC >> Carousel Inner*/
.carousel-inner {background:#ccc; }
.carousel-inner .carousel-caption {color:#fff !important;}
/*.vina-caption{ display:none; border-bottom: 0 !important; }*/
/*Pags. Internas*/ .carousel-caption {background:rgba(182, 15, 0, 0.75); } 
.carousel-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
  color: #e4230e !important;
}

/*RSC >> Breadcrumbs*/
ul.breadcrumb i.icon-sitemap{ margin-right: 0.7em !important; }
ul.breadcrumb li {text-shadow: inherit; color: #f3f3f3 !important; letter-spacing: 0.03em; font-weight: 300;}
ul.breadcrumb li a{ text-shadow: inherit; color: #f3f3f3 /*c91c09*/;}
ul.breadcrumb li a:hover{ text-shadow: inherit; color: #fff /*e4230e*/ !important; }

/*RSC >> Indicadores (Accordion)*/
.accordion-heading a{font:400 1.15em 'Work Sans' !important; letter-spacing:-0.01em !important; padding-left: 1.3em !important; background:#D9230F; color:#fcfcfc;}
.accordion-heading a:hover {color:#fff;}
.accordion-group .accordion-inner {padding:20px 15px 9px 15px !important;}

/*RSC >> Marquee Muliple Links*/
#sp-user2{
  color:#fff !important; 
  vertical-align:middle; 
  background:linear-gradient(#d9230f,#c91c09); /*D9230F,#AD0101 #e4230e,#c91c09*/
  padding:0 1em; 
  padding-bottom:3em !important; 
}
#sp-user2 .header{ font-size:1.4em; line-height:2.4em; float:left; position:relative; left:0; margin:0 1em;}
#sp-user2 .header i{font-size:0.9em; margin-right:0.3em;}
#sp-user2 .marqueeClass ul li {display:inline!important; margin-right:2em;}
#sp-user2 .marqueeInner{
  width: inherit !important; 
  height:inherit !important; 
  font-family: Arial !important; font-size:1.1em; letter-spacing:0.07em; line-height:3.2em !important; 
  vertical-align:middle;
  margin-left:1em;
}
#sp-user2 .marqueeInner div {height:3.2em}
#sp-user2 .marqueeInner a {color: #fff ;}
/**/#sp-user2 .marqueeInner a:hover {text-decoration:underline;}


/* RSC >> custom-2*/

/*RSC >> Cabecera > Social Icons*/
/*#sp-logo .logo-wrapper{margin: 10px 0 50px 0 !important;}*/
.logo-wrapper{margin:15px 10px 15px 0 !important;}
ul#favsocial-list.favsocial-right {position: absolute; top: 0; margin-left: 300px !important;}
ul#favsocial-list li {margin:0 !important;}
li[id^="favsocial-icon"], li[id*=" favsocial-icon"] {margin:0 !important;}

/*RSC >> Menú Principal*/
#sp-main-menu ul.level-0 > li > a {border-right: 0 !important;}
#sp-main-menu ul.level-0 > li > a:before { 
  background: #fff /*333*/; 
  /*top:inherit; 
  bottom:0;*/
  transition: all 0.7s ease-out 0.2s;
  opacity: 0.2;
  height: 3px;
}
#sp-main-menu ul.level-0 > li > a {color:#363636 !important/*fff*/; text-transform:uppercase; letter-spacing: 0.07em; /*font-family: Calibri;*/ font-size: 0.97em; font-size:300}
#sp-main-menu ul.level-0 > li > a:after { transition: 0; color:#e4230e; background: #fff /*e4230e*/; /*background: linear-gradient(#e4230e,#c91c09);*/ /*AD0101*/ }
#sp-main-menu ul.level-0 > li > a:hover {color:#e4230e; }
#sp-main-menu ul.level-0 > li > a.active {color:#e4230e !important;}
#sp-main-menu ul.level-0 > li > a.active:after { background: #fff /*EB201A*/; color:#e4230e;}
#sp-main-menu ul.level-0 > li > a.active:hover { background: #ccc /*e4230e*/ !important; color:#e4230e;}
/* Menú Principal */
header {/*background:#CC0001 !important; */padding-top:0 !important;}
/*#header{background:#CC0001;}*/

/*RSC >> Zona "Anuncios" (Slider Home)"*/
#sp-feature-wrapper {margin-top: 0 !important;}
#sp-feature-wrapper .container {max-width: 100% !important; width:100% !important; margin: 0 !important;}
/*#sp-feature-wrapper .container #vina-jssor-image-slider151 {width:100% !important;}
#sp-feature-wrapper .container .vina-jssor-image-slider{width:100% !important;}*/
/*Rel. Bullets Nav */ .body-innerwrapper {overflow: hidden !important;}
ol.fav-control-nav{
  /*bottom:30px !important;*/
  top: 30px !important;
    margin-right: 20px;
    max-width: 200px;
    max-height: 30px !important;
    float: right;
  	left: inherit!important;
    right: 0 !important;
}
/*.fav-control-nav li:first-child {margin-left:23px !important;}*/
.fav-control-paging li a:hover, .fav-control-paging li a:focus, .fav-control-paging li a.fav-active{background:#fff !important; opacity:0.5;}
/*Rel. Captions*/
#fav-caption h3.favtitle {max-width:1120px; margin:0 auto;}
#fav-caption p.favdescription {/*display:none !important*/}
#fav-caption a {float:right; right:0; margin: 0 7px; margin-top: -3px;}
#fav-caption a p{background:none !important; background-color:#C90000 !important;}
#fav-caption a p:hover{background-color:#FF201A !important;}
#fav-caption a p.btn{/*background:none !important;*/ margin:0 !important;}
#fav-caption a p i {margin-right:3px;}

/*RSC >> Zona "Comunicados2" (Ex-Vina Slider)*/
.vina-is-slide{color:#4D4D4F !important; text-align: center !important; line-height: 1.7em;}
.vina-is-slide h1, .vina-is-slide h2, .vina-is-slide h3{color:#EA2019 !important; margin-top:1%; text-transform:uppercase; /*letter-spacing:0.1em;*/ font-weight:400; }
.vina-is-slide p{font-size:1.4em; color:#373737 !important;/*font-style:italic;*/ line-height: 1.4em; font-weight:300; margin:20px 120px 0 120px !important;}
/*Icon Left*/ .jssord02l, .jssord02ldn {background:url('/images/icons/icon-left.jpg') center no-repeat !important; top:30% !important; display: block !important;}
/*Icon Right*/ .jssord02r, .jssord02rdn {background:url('/images/icons/icon-right.jpg') center no-repeat !important; top:30% !important; display: block !important;}
/*Nav Bullets*/ .slider1-N{display:none!important;}
.vina-is-slide h2 i {background: none!important; font-size:1.4em !important; margin-right:1em; margin-top:12px !important;}
.vina-is-loading {display: none !important;}
/*For IE11 Comp.*/ .vina-is-slide img {display:none !important;}
.vina-is-slide a img {display:block !important;}

/*RSC >> Zona "Login & Sectores" */
/*Login*/ 
#sp-breadcrumb-wrapper{background: #C90000 !important;}
body:not(.homepage) #sp-breadcrumb-wrapper {background: #cb0102 !important; background-image: linear-gradient(to right, #D9230F, #c90000) !important; line-height: 3em; border: 0px solid #e7e7e7; box-shadow: 0px 3px 3px 0px rgba(204, 204, 204,0.27);}
#sp-breadcrumb-wrapper .container{background: none !important; border:0 !important;}
#sp-breadcrumb-wrapper .container .contentWrapper{margin:50px 0px 20px 0; height:247px /*300px*/; }
#sp-breadcrumb-wrapper .container .LoginConsultas{float:left; width:250px; vertical-align:top; padding-top:0; margin:0 20px 50px 20px; background:#EB201A; }
#sp-breadcrumb-wrapper .container .LoginConsultas .LoginConsultasInner{width:100%; margin:25px 35px;}
#sp-breadcrumb-wrapper .container .LoginConsultas p {margin-bottom:5px !important;}
#sp-breadcrumb-wrapper .container .LoginConsultas p.title{color:#fff; text-transform:uppercase; letter-spacing:0.04em; font-size:13px; font-weight:400;}
#sp-breadcrumb-wrapper .container .LoginConsultas form {margin-top:12px;}
#sp-breadcrumb-wrapper .container .LoginConsultas form input{width:157px !important; height:15px !important; font-size:11px; margin-bottom:3px !important; border-radius:7px; color:#777; padding:7px;}
#sp-breadcrumb-wrapper .container .LoginConsultas form input.submit{
  height: 30px !important;
    color: #fff;
    padding: 0;
    background: #FE0000;
    border: none;
font-size: 12px !important; font-weight:400;
  margin-left:10px; margin-top:10px; text-transform:uppercase; letter-spacing:0.2em; 
}
/*Sectores*/
#sp-breadcrumb-wrapper .container .AccesosSectores{float:left; width:100%/*850px*/; vertical-align:top; padding-top:0; margin-top:0; margin-bottom: 30px; margin-left:20px;}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-custom{
  width: 19.20%;
  height: 185px;
  margin-left: 0.75%;
  float: left;
}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-custom:first{margin-left:0;}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-access{
    width: 185px !important;
    height: 185px !important;
    text-align: center; vertical-align:middle;
    background: #EA201A;
    border-radius: 15px;
    box-shadow: 4px 0px 0px 0px rgba(191, 1, 1,1.2);
}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-access:hover{background:#FF201A; box-shadow: 4px 1px 0px 0px rgba(191, 1, 1,1.2);}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-access img {height:100px; text-align:left; margin: 23% auto;}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-access img:nth-of-type(1) {height:107px; text-align:left; margin: 21% auto;}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-descrip { width:185px; font:400 1.5em 'Work Sans',Calibri; text-align:center; letter-spacing:0.07em; color:#fff; margin: 25px 0;}
#sp-breadcrumb-wrapper .container .AccesosSectores .box-descrip a {color:#fff; text-transform:uppercase; }
#sp-breadcrumb-wrapper .container .AccesosSectores .box-descrip a:hover {text-decoration:none }

/*RSC >> Zona "Servicios En Línea (Apps)" */
#sp-users-wrapper{ /*background: transparent !important;*/ 
    /* The parallax image */
    /*background-image: url("/templates/vina_royal_ii/images/timthumb.jpg");*/
  	background-image: url("/images/custom/background3.jpg");
    /* Setting the height */
    min-height: 400px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#sp-users-wrapper .container {background: transparent !important;}
#sp-users-wrapper .container #sp-user3 {margin-top:30px; margin-bottom:110px;}
#sp-users-wrapper .header {color:#fff !important; text-transform:uppercase; font-size:2.37em !important; font-weight:400; line-height:4em; text-align:center; letter-spacing:0.1em; }
/*Ref. Tabs Line*/
#sp-users-wrapper .gkTabsWrap {opacity:0.93 !important;}
#sp-users-wrapper .gkTabsWrap ol {height:62px; border-bottom:0 !important; background:#eee !important;}
#sp-users-wrapper .gkTabsWrap ol li {font-weight:normal !important; color:#59595B; letter-spacing:0.1em; text-transform:uppercase; padding:12px 30px !important; margin: 0 !important; text-shadow:0 0 0 !important; height: 38px !important; border-radius:0;}
#sp-users-wrapper .gkTabsWrap ol li:hover, #sp-users-wrapper .gkTabsWrap ol li.active {background:#EB201A !important; text-shadow:0 0 0 !important; }
#sp-users-wrapper .icon-custom2 {font-size: 1.7em !important; margin-top: 10px !important; margin-right: 20px;}
#sp-users-wrapper .icono-custom-tab {height:24px; margin-right:0.3em; margin-bottom:0.3em;}
/*Ref. Tabs Line Icons*/
#sp-user3 .gkTabsWrap li .img-custom{float:left; width:24px; height:24px; margin:7px 10px 0 0;}
#sp-user3 .gkTabsWrap li#apps-1 .img-custom{ background:url('/images/tabs-icons/icon-pesca-grey.png') no-repeat;}
#sp-user3 .gkTabsWrap li#apps-1:hover .img-custom, #sp-user3 .gkTabsWrap li#apps-1.active .img-custom{ background:url('/images/tabs-icons/icon-pesca-white.png') no-repeat}
#sp-user3 .gkTabsWrap li#apps-2 .img-custom{  background:url('/images/tabs-icons/icon-acuicultura-grey.png') no-repeat;}
#sp-user3 .gkTabsWrap li#apps-2:hover .img-custom, #sp-user3 .gkTabsWrap li#apps-2.active .img-custom{ background:url('/images/tabs-icons/icon-acuicultura-white.png') no-repeat}
#sp-user3 .gkTabsWrap li#apps-3 .img-custom{ background:url('/images/tabs-icons/icon-mype-grey.png') no-repeat;}
#sp-user3 .gkTabsWrap li#apps-3:hover .img-custom, #sp-user3 .gkTabsWrap li#apps-3.active .img-custom{ background:url('/images/tabs-icons/icon-mype-white.png') no-repeat}
#sp-user3 .gkTabsWrap li#apps-4 .img-custom{ background:url('/images/tabs-icons/icon-usuarios-grey.png') no-repeat;}
#sp-user3 .gkTabsWrap li#apps-4:hover .img-custom, #sp-user3 .gkTabsWrap li#apps-4.active .img-custom{ background:url('/images/tabs-icons/icon-usuarios-white.png') no-repeat}
/*Ref. Inner Icons*/
#sp-users-wrapper .TabsAppsContent {margin:35px 50px 10px 50px;}
#sp-users-wrapper .TabsAppsContent .fila {height:80px; margin-bottom:20px;}
#sp-users-wrapper .TabsAppsContent .span4:hover {/*padding-left:10px;*/}
#sp-users-wrapper .TabsAppsContent .appicon {float:left; width:20%; height:80px; margin-right:4.5%;}
#sp-users-wrapper .TabsAppsContent .appiconWrapper {width:56px; height:54px; border:1px solid red/*2px solid red #EB201A*/; border-radius:50% /*9px*/; padding: 0.3em; text-align:center;background:#fff;transition: background-color 100ms linear;}
#sp-users-wrapper .TabsAppsContent .appiconWrapper:hover {background:#FF201A;transition: background-color 100ms linear;}
#sp-users-wrapper .TabsAppsContent .appiconWrapper img {margin-top:21%;}
#sp-users-wrapper .TabsAppsContent .appname {float:left; width:75%; font:300 1.4em 'Work Sans',Calibri; letter-spacing:-0.03em; margin-top:7px;}
#sp-users-wrapper .TabsAppsContent .appname a {display:block; width:100%; text-transform:uppercase; color:#CE0106; }
#sp-users-wrapper .TabsAppsContent .appname .tooltip {font-size:0.67em !important; letter-spacing:0.07em; }
#sp-users-wrapper .TabsAppsContent .appname .tooltip .tooltip-arrow { margin-left:-30px !important; }
#sp-users-wrapper .TabsAppsContent .appname .tooltip .tooltip-inner { margin-left:-30px !important; /* border:3px solid red !important;*/}


/*RSC >> Zona "Info 3 columnas" */

#sp-main-body-wrapper #main-body {margin-top:20px; margin-bottom:30px; border:0 !important;}
#sp-main-body-wrapper #main-body #sp-left, #main-body #sp-right {margin-top:0;}
#sp-main-body-wrapper #main-body #sp-left .module {/**/padding-right:10px; padding-left:0px !important;}
#sp-main-body-wrapper #main-body #sp-left .header, #sp-center .header, #sp-right .header {
    font: 200 2.17em 'Work Sans', Calibri !important;
    line-height: 1em;
    letter-spacing: -0.07em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 15px 0 7px 0 !important;
    color: #333;
  	background:none !important;
}
/*Ref. Programas, Campañas y Otros (Content Left) */
#sp-main-body-wrapper #sp-left .our-services .accordion-group .collapse {border:1px solid #e7e7e7;}
#sp-main-body-wrapper #sp-left .accordion-inner a img {
  /*width:230px; 
  margin-bottom:10px;*/  /*270px*/ /*15px*/ /*2px*/
    /*width: 180px ;
    margin-bottom: 12px ;
    margin-top: 3px */;
  /*border: 1px solid #f3f3f3; 
  box-shadow: 0px 3px 3px 0px rgba(204, 204, 204,0.7); */
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
#sp-main-body-wrapper #sp-left .accordion-inner a img:hover {
  /* Disable grayscale on hover */
    filter: none;
    -webkit-filter: grayscale(0);
}
/*Alternative Version from right column*/
#sp-main-body-wrapper #sp-left .accordion-inner {padding: 20px 7px !important;}
#sp-main-body-wrapper #sp-left .appLogo {text-align:center; box-shadow: 0px 3px 3px 0px rgba(204, 204, 204,0.7); 
  width:45%;
  height:80px;
  float:inherit;
  display: inline-block;
  margin-right:3%;
  margin-bottom:0.9em;
  border:0; 
  border-top:1px solid #f5f5f5
}
#sp-main-body-wrapper #sp-left .appLogo:nth-child(even) {margin-right:0;}
#sp-main-body-wrapper #sp-left .appLogo img {margin:10px auto 10px auto; max-width:150px; max-height:62px;}
#sp-main-body-wrapper #sp-left .appLogo img:hover {/*margin-top:10px;*/ transition: all 0.1s ease-in 0.0s;}

/*Ref. Eventos Próximos (Content Center)*/
.mod_events_latest_table tr {border-bottom:0 !important}
.calendarDate {float:left; width:75px; height:75px; text-align:center; font-family: Arial; color:#f7f7f7; background:#EA201A; margin-right:20px;}
.calendarDate:hover {color:#fff; background:#FF201A; box-shadow: 4px 0px 0px 0px rgba(191, 1, 1,1.2); transition: all 0.1s ease-in 0.0s;}
.calendarDate .show-d {font-size:3em; height:0.71em; font-weight:300; margin-right:0px; margin-top:2px;}
.calendarDate .show-my {font-size:1em; margin-right:0px; text-transform:uppercase;}
.calendarInfo {float:left; width:249px; }
.calendarInfo .title {margin-bottom:7px;}
.calendarInfo .title span.mod_events_latest_content {font-size: 1.1em !important; line-height: 1.5em ; font-weight:300;}
.calendarInfo .title span.mod_events_latest_content a {color:#111;}
.calendarInfo .title span.mod_events_latest_content a:hover {color:#EA201A;}
.calendarInfo .detail {margin-top:10px;}
.calendarInfo .detail span {font-size:0.8em; color:#111}
.calendarInfo .detail span.icon-time{display:none; font-size:0em; margin-top:0 !important; margin-right: 7px !important;}

/*Ref. AppsWeb (Content Right)*/
#sp-main-body-wrapper #sp-right .AppsWeb {}
#sp-main-body-wrapper #sp-right .appLogo {/*height:100px; border:1px solid #f3f3f3; margin-bottom:20px; */ text-align:center; box-shadow: 0px 3px 3px 0px rgba(204, 204, 204,0.7); 
  width:48%;
  height:80px;
  float:left;
  margin-right:3%;
  margin-bottom:0.9em;
  border:0; 
  border-top:1px solid #f5f5f5
}
#sp-main-body-wrapper #sp-right .appLogo:nth-child(even) {margin-right:0;/*border:1px solid red;*/}
/*
#sp-main-body-wrapper #sp-right .appLogo {height:135px; text-align:center; border:1px solid #f3f3f3; box-shadow: 0px 3px 3px 0px rgba(204, 204, 204,0.7); margin-bottom:20px; }
*/
#sp-main-body-wrapper #sp-right .appLogo img {margin:7px auto 10px auto; max-width:150px; max-height:62px;}
#sp-main-body-wrapper #sp-right .appLogo img:hover {margin-top:10px; transition: all 0.1s ease-in 0.0s;}

/*RSC >> Zona "Accesos Directos (Bottom)" */
#sp-bottom-wrapper {padding: 0 !important; background:#333;}
#sp-bottom-wrapper .container {width: 100% !important; max-width: 100% !important; margin:0 !important; }
#sp-bottom-wrapper .container #bottom {padding:0 !important;}
#sp-bottom-wrapper .container #sp-bottom1 {
    /*background-image: url("/images/custom/background2.jpg") !important;*/
  	background-image: url("/images/accesos/bg_accesosdir.jpg") !important;
    min-height: 540px;
    background-attachment: fixed !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}
#sp-bottom-wrapper .container #sp-bottom1 .module {max-width:1170px; margin:20px auto;}
#sp-bottom-wrapper .container #sp-bottom1 .header {
    /*color: #fff;
    text-transform: uppercase;
    line-height: 2em;
    font-size: 2.37em;
    text-align: center;
    letter-spacing: 0.1em;*/
    margin-top: 20px;
  
    color: #fff !important;
    text-transform: uppercase;
    font-size: 2.37em !important;
    font-weight: bold;
    line-height: 4em;
    text-align: center;
    letter-spacing: 0.1em;
  font-weight:400; 
}
/*#sp-bottom-wrapper .container .gkTabsItem {background: transparent !important;}
#sp-bottom-wrapper .DirectAccessContent {margin-left:35px;}
#sp-bottom-wrapper .DirectAccessContent .fila {height:170px; margin-bottom:0px;}*/
/*Rel. */
#sp-bottom-wrapper #sp-bottom1 {min-height: inherit !important;}
#sp-bottom-wrapper #sp-bottom1 .gkTabsGK5 {margin: 30px 0;}
#sp-bottom-wrapper #sp-bottom1 .gkTabsWrap.vertical ol.gkTabsNav {border-bottom: 0 !important;}
#sp-bottom-wrapper #sp-bottom1 .gkTabsWrap.vertical ol.gkTabsNav li {margin: 0 !important; font-size: 1.67em; font-weight: 300; color: #fff!important; text-shadow:inherit; background: #353535; border-radius:0; line-height: 2.1em !important; padding: 0 30px !important; opacity:0.7;}
#sp-bottom-wrapper #sp-bottom1 .gkTabsWrap.vertical ol.gkTabsNav li:hover, #sp-bottom-wrapper #sp-bottom1 .gkTabsWrap.vertical ol.gkTabsNav li.active {text-shadow:inherit; /*background: #EB201A;*/ opacity:0.9 !important;}
#sp-bottom-wrapper #sp-bottom1 .gkTabsItem {background: transparent !important;}
#sp-bottom-wrapper #sp-bottom1 .gkTabsItem {padding:20px 0 0 0 !important;}
#sp-bottom-wrapper #sp-bottom1 .gkTabsItem .DirectAccessContent img {
  width: 203px;
  height: 79px;
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
#sp-bottom-wrapper #sp-bottom1 .gkTabsItem img:hover {
  /* Disable grayscale on hover */
  filter: none;
  -webkit-filter: grayscale(0);
}

#sp-bottom-wrapper .DirectAccessContent {width:100%; /*margin-left:35px;*/}
#sp-bottom-wrapper .DirectAccessContent .fila {width:100%; height:79px; margin-bottom:30px; /*white-space: nowrap;*/;}
#sp-bottom-wrapper .DirectAccessContent .fila:last-of-type {margin-bottom: 0 !important;}
#sp-bottom-wrapper .DirectAccessContent .fila .logo {float: left; width:20%; /*margin-right: 30px;*/}

/*RSC >> Zona "Footer" */
#sp-footer-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  background: #1f1f1f  /*CB0102*/;
  margin:0 !important;
}
#sp-footer-wrapper a:not(.btn){font-weight:300; font-size:1.1em;}

/*RSC >> Pag. Internas */
#sp-component .entry-header {background:none !important;}
#sp-component .entry-header .icon-chevron-right {
  display:none;
	font-size: 0.8em;
    margin-right: 0.2em;
  	line-height:inherit !important;
  	vertical-align:inherit !important;
  	background:none !important;
}
#sp-component .entry-header a {font-weight: 300 !important;}
#sp-component .entry-header a:hover {text-decoration: none;}
#sp-component .entry-content hr {border-top:1px solid #ddd !important;}

/*Noticias "Vistas General y Detalle" */
h1.itemTitle, h2.ItemTitle {
    padding-left: 0px !important;
    background: none;
  	font-family: 'Work Sans', Calibri, sans-serif !important;
    font-weight: 300;
    font-size: 2.1em;
    letter-spacing: -0.03em!important;
      line-height: 1.3em;
  	margin-right:0 !important;
}
.catItemIntroText {font-family:Arial; font-size:1.1em;}
.icon-color {width:inherit !important; height:inherit !important;}
.icon-color a {font-family:'Work Sans', Calibri, sans-serif !important;}

/*Comunicados 3*/
#sp-home-page-title-wrapper {margin-top:-5px /*0*/ !important;}
#sp-home-page-title-wrapper #sp-position1 {padding:18px;}
#sp-home-page-title-wrapper .titleComunicados {float:left; color:#FD0602; font-size:1.5em; font-weight:400; margin:11px 0 0 30px; text-transform:uppercase;}
#sp-home-page-title-wrapper .titleComunicados i{font-size:20px; margin-right:7px;}
.vina-jssor-image-slider .jssord02l, .vina-jssor-image-slider .jssord02ldn {margin-top:-23px !important; margin-left:-60px !important;}
.vina-jssor-image-slider .jssord02r, .vina-jssor-image-slider .jssord02rdn {margin-top:-23px !important; margin-right:-60px !important;}
#home-page-title{width:700px; margin-left:260px; margin-bottom:0 !important;}
#sp-home-page-title-wrapper marquee a {font-size:1.2em; font-weight:300;}
.home-social-icons {/**/max-width:210px; float:right; margin-top:-50px; margin-right:30px; }
.home-social-icons i.social-round {
  background-image:url('/images/icons/bg-social-icons.gif'); 
  display:block; 
  float:left;
  width:40px;
  height:40px;
  text-indent:-9999px;}
.home-social-icons i.social-fa {background-position: -382px -15px;} /*w= 634/2 = 317px */
.home-social-icons i.social-tw {background-position: -482px -15px;}
.home-social-icons i.social-fl {background-position: -482px -65px;}
.home-social-icons i.social-yo {background-position: -582px -65px;}
.home-social-icons i.social-fa:hover {background-position: -65px -15px;} /*w= 634/2 = 317px */
.home-social-icons i.social-tw:hover {background-position: -165px -15px;}
.home-social-icons i.social-fl:hover {background-position: -165px -65px;}
.home-social-icons i.social-yo:hover {background-position: -265px -65px;}

/*RS - Cabecera Fixed*/
.header-fixed{
    position: fixed;
    top: 0px;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

/*RS - Modal Videos*/
#removeModal { 
  	width: 67px;
  	height: 20px;
    float: right;
    top: -50px;
    z-index: 99999;
    font-size: 11px;
    font-family: Arial, 'Work Sans';
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    margin: 3px 7px;
  	cursor: pointer;
}

/*RS - Prensa > Noticias (Listado) */
#k2Container .itemListCategory {display: none; }
#k2Container .catItemIntroText img {display: none; }
#k2Container .catItemIntroText iframe {display: none; }
#k2Container .catItemImageBlock {margin-right:30px;}
#k2Container a.k2ReadMore.btn {border-radius: 3px !important;}
#k2Container .k2ReadMore:after {background: #fff; /*border-radius: 3px;*/}

/*RS - Prensa > Nota de Prensa */
.itemSocialSharing {display: none !important;} /*Ocultar old social buttons (default) */
.fb_like {/*position: relative; */left:-30px !important; } /*Custom new social buttons */
.sharebuttons span {width:70px !important; margin-right:inherit !important; left:-110px;}
/*.sharebuttons iframe:first-child {position: relative; left:-0px !important;}*/
body.menu-noticias #sp-center-wrapper {display:none;}

/*RS - General*/
.contentpane iframe {margin-top:1em !important;}

/*RS - Info Contacto (Bottom) */
#sp-bottom-wrapper .container #sp-bottom2 {margin:0 !important; background: #272727 !important; color:#ddd;}  
#sp-bottom-wrapper .container #sp-bottom2 .module {max-width:1150px; margin:27px auto 30px !important; font-weight: 300;}
#sp-bottom-wrapper .container #sp-bottom2 a {color:#fff}
#sp-bottom2 .span4 h4 {/*text-transform:uppercase;*/ font-weight: 300 !important; letter-spacing: 0.0em; color:#d0d0d0 !important; }
#sp-bottom2 .span4 h4 i {color:#ccc /*margin-right: 3px;*/}
#sp-bottom2 .span4 hr {border-top:1px solid #333; border-bottom:0px; width:91%;}
#sp-bottom2 .span4 p {color:#aaa;}

/*RS - Footer */
#sp-footer-wrapper span {color:#aaa !important;}
#sp-footer-wrapper a {color:#aaa !important;} 
#sp-footer-wrapper a:hover {color:#eee !important;}
#sp-footer-wrapper .sp-totop i {color:#ccc;}

/*RS - Google Search */
.gsc-control-wrapper-cse {visibility:inherit !important; min-height: 300px; } 
.gsc-control-wrapper-cse form {display:inherit !important; }
body.menu-buscador #sp-component-area .entry-meta {display:none !important;}
body.menu-buscador #sp-component-area ul.pagenav {display:none !important;}


/*Sectores (Sub Sitios) > Zona Slider*/
body:not(.homepage) #sp-users-wrapper{ 
    min-height: 300px;
  	background: #eee !important;
}
body:not(.homepage) #sp-users-wrapper #sp-user1 {padding:0 !important;}
body:not(.homepage) #sp-users-wrapper .container {max-width: none !important; width:100% !important;}

/*Sectores (Sub Sitios) > Zona Contenido*/
body:not(.homepage) #sp-main-body-wrapper #main-body {margin:0 !important;}
body:not(.homepage) #sp-main-body-wrapper #main-body #sp-message-area {/*padding-top:0 !important;*/}
.menuSectores {margin-top:40px; margin-right:7px;}
.menuSectores .menuLink {background: #D6210D; padding: 10px 15px; margin-bottom:7px;}
.menuSectores .menuLink a {color: #fff; }
.menuSectores .menuLink a:hover {color: #fff; }
.bannersSectores {margin-top:20px;}
.bannersSectores .bannerImg {margin-top:20px; margin-bottom:12px;}
.bannersSectores .bannerImg a img {border:1px solid #eee; border-bottom:0;}
#sp-user1 .module {margin-top: 0 !important;}

/*RS - SECTOR Pesca*/
body.menu-sector-pesca .favslider {margin:0 !important;}
body.menu-sector-pesca .entry-header, body.menu-sector-pesca .entry-meta {display: none !important;} 
body.menu-sector-pesca #sp-message-area {padding-top: 0 !important;}

/*RS - SECTOR Acuicultura*/
body.menu-sector-acuicultura .favslider {margin:0 !important;}
body.menu-sector-acuicultura .entry-header, body.menu-sector-acuicultura .entry-meta {display: none !important;} 
body.menu-sector-acuicultura #sp-message-area {padding-top: 0 !important;}

/*RS - SECTOR MYPE e Industria*/
body.menu-sector-mype-e-industria .favslider {margin:0 !important;}
body.menu-sector-mype-e-industria .entry-header, body.menu-sector-mype-e-industria .entry-meta {display: none !important;} 
body.menu-sector-mype-e-industria #sp-message-area {padding-top: 0 !important;}

/*RS - DGCHI*/
body.menu-consumo-humano-indirecto .favslider {margin:0 !important;}

body.menu-consumo-humano-indirecto #sp-message-area {padding-left:30px !important;}

/*Menu Principal*/
/*#sp-menu .sp-submenu li.menu-item a {padding:17px 12px !important; font-size:13px !important;}*/

/*RS - Login Consultas*/
#sp-breadcrumb-wrapper .container .contentWrapper .modal-custom-bg{
    z-index: 2000;
    width: 100%;
    height: 120%;
    background: #333;
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.9;
}
#sp-breadcrumb-wrapper .container .contentWrapper .modal-custom-content {
	width: 70%;
    height: 70%;
    left: 15%;
    top: 12%;
	z-index: 3000;
  background:#333;
}
#sp-breadcrumb-wrapper .container .contentWrapper .LoginConsultas #salirModal {
  text-align: right;
  color: #fff;
  line-height: 2em;
  text-transform: uppercase;
  padding-right: 10px;
  cursor: pointer;
}

/*RSC - K2 Custom (Complementary)*/
#k2Container.itemView div.itemAuthorBlock {display: none;}
#k2Container.itemView div.itemNavigation {display: none;}
#k2Container.itemView div.itemComments {display: none;}

/*RSC - Responsive Fixing*/
/*Ref. Menú Principal*/
.hidden-desktop.sp-mobile-menu.nav-collapse.collapse.sidebar-offcanvas {
    display: none !important;
}
.hidden-desktop.sp-mobile-menu.nav-collapse.collapse.sidebar-offcanvas.show-force {
	display: block !important;
    width: 55.7% !important;
}
button.hidden-desktop.btn.btn-primary.vina-menu {
    z-index: 999;
    margin-top: 7px !important;
}
.show-force {display: block !important;}

/*#sp-header-wrapper .container .row-fluid .logo-wrapper{display:hidden;}*/
/*#sp-header-wrapper .container .row-fluid #sp-menu .logo-wrapper{display:block;}
@media(max-width:979px){#sp-header-wrapper .container .row-fluid .logo-wrapper{display:block;}}
@media(max-width:979px){#sp-header-wrapper .container .row-fluid #sp-menu .logo-wrapper{display:none;}}*/

/*Ref. Varios*/
#fav-caption.favstyle-bg-dark {background: none /*rgba(17, 17, 17, 0.37)*/;}
#fav-caption h3.favtitle {max-width: 89%; float: left; margin: 0 auto;}
#fav-caption a {margin-top: 17px;}
#sp-feature-wrapper .favslider .favs {border-bottom: 1px solid #ddd;}
.vina-is-slide a {font-size: 1.1em !important; letter-spacing: -0.07em;}
#sp-main-menu ul.level-0 > li {/*margin:0 1em;*/ padding: 0 1em !important; border-right: 1px dotted #f3f3f3;}
.sp-submenu-inner.clearfix {width: inherit !important;}
#sp-menu {margin-left: 1.7% !important;}
#sp-menu button.vina-menu {right:0.3em;}
#sp-top1 .HeaderLinksContent img {height:15px /*18px*/; margin-right:3px;}
#sp-header-wrapper {border-bottom: 1px solid #eee; box-shadow: 0px 1px 7px 7px rgba(99,99,99,0.07);}
body.menu-noticias .itemAuthorLatest h3 {display: none;}
body.menu-noticias .itemAuthorLatest ul {margin-top: 5em; margin-left:0;}
body.menu-noticias .itemContentFooter .itemDateModified {display:none;}
body.menu-noticias.itemlist #k2Container .itemList * {text-align: justify !important; /*border:1px solid red;*/}
#k2Container.itemListView .itemList .itemContainer .catItemView .k2ReadMore {margin: 0.7em 0.27em 2em 0; float: right;}

@media (max-width: 1024px) {
  #sp-top1 .HeaderLinksContent {/*display:none;*/ float: inherit !important; margin: 0 auto; text-align:center;}
  #sp-top1 .HeaderIconsContent {float: inherit !important; margin: 0 auto !important; text-align: center; line-height: 4.2em; border-top: 1px solid #777;}
  #sp-top1 .HeaderIconsContent .iconHolder {float:inherit !important; display: inline !important; margin-right:3px !important;}
  #sp-top1 .HeaderIconsContent .iconHolder .image {display: inline; margin: 7px;}
  #sp-top1 .HeaderIconsContent .iconHolder .image img {margin-right:0 !important;}
  #sp-top1 .HeaderIconsContent .iconHolder a span {display:none !important; border:1px solid red !important;}
  #fav-caption h3.favtitle {max-width: 80%; font-size: 1.5em /*1.7em */!important;}
  /*Ref. Comunicados*/
  #sp-home-page-title-wrapper {/*padding-bottom: 0;*/}
  #sp-home-page-title-wrapper .container {text-align:center; margin-bottom:1.7em;}
  #sp-home-page-title-wrapper h3.titleComunicados {float:inherit; width: auto; 
    font-size: 1.5em;
    font-weight: 400;
    /*line-height: 4em;*/
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0.7em auto 0 auto !important;
  } 
  #sp-home-page-title-wrapper h3.titleComunicados i {font-size:1em;}
  #sp-home-page-title-wrapper #home-page-title {width: 93% !important; margin: 0 auto !important;}
  #home-page-title #sp-position1 {padding:0;}
  .vina-jssor-image-slider {width: 95% !important; height: 5em !important; transform: none !important; margin: 0 2.5%;}
  .vina-is-slides, .vina-is-slide {height:100% !important; width:100% !important; margin-top: 0.27em;}
  .vina-is-slide a {font-size: 1.53em !important; line-height:1.3em; font-weight: 300; color:#333;}
  #sp-home-page-title-wrapper .home-social-icons {width: 160px; margin: 0.7em auto !important; float:inherit;}
  /*Ref. Minibanners Sectores*/
  #sp-breadcrumb-wrapper .container .contentWrapper {height:auto;}
  #sp-breadcrumb-wrapper .container .AccesosSectores {margin:0 1em;}
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-custom {height:auto;}
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-access {
    width: 7em !important;
    height: 6em !important;
    border-radius: 7px;
  }
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-access img:nth-of-type(1) {height: 3em;}
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-descrip {width: 7em; font-size:1em; letter-spacing:0;}
  /*Ref. Servicios En Linea*/
  #sp-users-wrapper .gkTabsWrap ol {background: rgba(238,238,238,0.9)   !important}
  #sp-users-wrapper .gkTabsWrap ol li {border-right: 1px solid #fff;}
  #sp-users-wrapper .gkTabsWrap ol li .img-custom {margin:7px 0}
  #sp-users-wrapper .gkTabsWrap ol li span {display:none;}
  #sp-users-wrapper .gkTabsWrap ol li.active .img-custom {margin:7px 10px 7px 0;}
  #sp-users-wrapper .gkTabsWrap ol li.active span {display:inline-block; white-space:nowrap;}
  #sp-users-wrapper .gkTabsContainer {background: #fff;}
  #sp-users-wrapper .TabsAppsContent .span4 {width:100%; float: left; margin-left:0; margin-bottom:0.3em;}
  #sp-users-wrapper .TabsAppsContent .span4 .appicon{width: 12%;}
  /*Ref. 3 Columnas > Organismos y Prog. */

  /*Ref. 3 Columnas > Eventos */
  #sp-center .module {padding-left:0;}
  #sp-center .module .calendarDate {width:20%; margin-right:5%;}
  #sp-center .module .calendarDate .show-d {font-size: 2em;}
  #sp-center .module .calendarDate .show-my {margin-top: 0.2em;}
  #sp-center .module .calendarInfo {width:75%; }
  /*Ref. 3 Columnas > Apps Web */
  #sp-right {margin-left: 0; margin-top: 1.5em;}
  #sp-right .module {padding-left: 0;}
  /*Ref. Footer > Info Contacto*/
  #sp-bottom-wrapper #sp-bottom1, #sp-bottom-wrapper #sp-bottom2 {margin:0 auto !important;}
  #sp-bottom-wrapper .container #sp-bottom1 .module {margin:0 auto 0 2em !important;}
  #sp-bottom-wrapper #sp-bottom1 .gkTabsWrap.vertical ol.gkTabsNav li {font-size:1.2em; padding:7px 20px !important;}
  #sp-bottom-wrapper .container #sp-bottom2 .module {margin:0 auto !important;}
  #sp-bottom-wrapper #sp-bottom2 .span4 {padding-left: 2.5em; margin-top: 3em;}
}
@media (max-width: 767px){
.responsive .container {max-width: inherit !important;}
  .vina-is-slide a {font-size:1.3em !important;}
  #sp-users-wrapper .gkTabsWrap ol li {padding: 12px 25px !important;}
  #sp-users-wrapper .TabsAppsContent .span4 .appicon{width: 15%;}
  ol.fav-control-nav {display: none;}
  body:not(.homepage) #sp-left .content-vina {width: 100%;}
  body:not(.homepage) #sp-main-body-wrapper #sp-message-area {padding-left:7px;}
}
@media (max-width: 599px){
.responsive .vina-jssor-image-slider {display: block;}
  .vina-jssor-image-slider {height: 4em !important;}
  .vina-is-slide a {font-size:1.1em !important;}
  #sp-users-wrapper .header {font-size: 1.5em !important;}
  #sp-users-wrapper .gkTabsWrap ol li.active span {display:none; }
  #sp-users-wrapper .gkTabsWrap ol li.active .img-custom {margin:7px 0;}
  #sp-users-wrapper .TabsAppsContent .span4 .appicon{width: 20%;}
  #sp-users-wrapper .TabsAppsContent .span4 .appicon .appiconWrapper {padding:0; border-width:1px;}
}
@media (max-width: 501px) {
  #sp-top-wrapper #sp-top1 .HeaderIconsContent {margin-right:0 !important; float:inherit; /*border:1px solid red;*/ width: 75% !important; margin: 0 auto !important;}
  #sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder {min-width: 2.7em; line-height: 3em;}/**/
  #sp-top-wrapper #sp-top1 .HeaderLinksContent a {width:100%; float:left; border-bottom:1px solid #777; text-align:center;}
  /*Ref. Minibanners Sectores*/
  #sp-breadcrumb-wrapper .container .contentWrapper {margin: 20px 0px; margin-top: 2em;}
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-custom {width: 92%; margin-left: 0.75%; margin-bottom: 1em; float: left; background: #de0707; border-radius:3px;}
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-custom:last-child {margin-bottom:0;}
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-access {
    width: 20% !important;
    height: auto !important;
    border-radius: 7px;
    margin-bottom: 0em;
    margin-left: 18%;
    float: left;
    background: none;
    box-shadow: 0px 0px 0px 0px rgba(191, 1, 1,1.2);
  }
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-access img:nth-of-type(1) {height: 4em; margin: 1.3em auto 1.3em;}
  #sp-breadcrumb-wrapper .container .AccesosSectores .box-descrip {
    width: 10em;
    height: auto;
    margin: 1.7em 1.3em 0;
    font-size: 1.2em;
    letter-spacing: 0.07em;
    text-align: left;
    float: left;
  }
  /*Ref. Servicios En Linea (Tabs) > Content*/
  #sp-users-wrapper .TabsAppsContent {margin: 1.7em 3em;}
  #sp-users-wrapper .TabsAppsContent .span4 .appicon {width: 23%;}
  #sp-users-wrapper .TabsAppsContent .span4 .appname {width: 72%; font-size:1.2em}
  
}
@media (max-width: 360px) {
  #sp-top-wrapper #sp-top1 .HeaderIconsContent .iconHolder {min-width: 2.1em;}/**/
}

/*RSC >> PDA*/
body.menu-datosabiertos h1 {color:#d9230f; padding-right:30% !important;}
body.menu-datosabiertos #sp-component-wrapper #sp-component .entry-header {display:none !important;}
body.menu-datosabiertos #sp-component-wrapper #sp-component .entry-meta.muted {display:none !important;}
body.menu-datosabiertos #sp-component-wrapper #sp-component a.pda_linkButton {
    width: 120px;
    height: 1.7em;
    line-height: 2.7em !important;
    color: #fff !important;
    padding: 1em 5em;
    text-transform: uppercase;
    text-align: center;
    background: #E84C3D;
}

/*Ref. Eventos Detalle*/
#jevents table.contentpaneopen td {padding:0 !important; line-height:2em;}
#jevents #jevents_header h2 {color: #d9230f !important; font-weight: 300 !important; margin:0 !important;}
#jevents #jevents_body {border:0 !important; background:none !important;}
#jevents #jevents_body h2 {font-weight:300 !important; margin-bottom:23px !important;}











.container{max-width:1170px;padding:0;}
#sp-breadcrumb-wrapper{background: rgba(4, 125, 185, 0) !important; }
#sp-main-body-wrapper{background: rgba(246, 180, 74, 0) !important; }
#sp-breadcrumb-wrapper{background: rgba(4, 125, 185, 0) !important; }
#sp-main-body-wrapper{background: rgba(246, 180, 74, 0) !important; }
body
{
    font-size:13px;
}
#sp-footer2 a
{
    padding:0;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.example2 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}
.example2 *{	
	box-sizing: border-box;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0
}
.navbar-toggle:focus {
    outline: none
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 0
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}
@media(min-width:768px) {
    .navbar-toggle {
        display: none
    }
}
.navbar-brand {
    padding: 0
}

@media(min-width:768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}
.navbar-brand {
    float: left;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 40px
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}
.navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto
}
.padding-left-10 {
    padding-left: 10px
}
.example2 .navbar-brand>img {
    padding: 7px 15px
}
.brand-centered {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}
.brand-centered .navbar-brand {
    display: flex;
    align-items: center
}
.navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 50px
}
.navbar-alignit .navbar-brand {
    top: 50%;
    display: block;
    position: relative;
    height: auto;
    transform: translate(0, -50%);
    margin-right: 15px;
    margin-left: 15px
}
.navbar-nav>li>.dropdown-menu {
    z-index: 9999
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}
.navbar-default .navbar-brand {
    color: #333
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #d9230f;
    background-color: transparent
}
.navbar-default .navbar-text {
    color: gray
}
.navbar-default .navbar-nav>li>a {
    color: #333
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #d9230f;
    background-color: transparent
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #d9230f;
    background-color: transparent
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}
.navbar-default .navbar-toggle {
    border-color: #ddd
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #eee
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #d9230f
}
@media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: #595a5c
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #595a5c
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}
.navbar-default .navbar-link {
    color: #333
}
.navbar-default .navbar-link:hover {
    color: #d9230f
}

@media(min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
        padding-left: 0
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}
@media(min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }
}
@media(min-width:768px) {
    .navbar-left {
        float: left!important
    }
    .navbar-right {
        float: right!important
    }
}

.navbar-brand {
    padding: 0
}
.navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto
}

.navbar {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid transparent
}
@media(min-width:768px) {
    .navbar {
        border-radius: 0
    }
}
@media(min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-default {
    background-color: #fff;
    border-color: #eee
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-ms-clear {
      display: none; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1;
        left: 50%; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@media (max-width: 768px) {
  div.siforpa-radio-right {
    text-align: left !important; }
  .siforpa-nota {
    display: block; } }

@media (max-width: 992px) {
  .siforpa-button, .siforpa-button-secondary, .siforpa-button-no-bg {
    margin-top: 10px; } }

.siforpa-button {
  color: white !important;
  text-transform: uppercase;
  border-radius: 0 !important;
  background: #23B7E8 !important; }
  .siforpa-button:hover, .siforpa-button:active {
    background: #1E94BB !important; }

.siforpa-button-secondary {
  color: white !important;
  text-transform: uppercase;
  border-radius: 0 !important;
  background: #BE0411 !important; }
  .siforpa-button-secondary:hover, .siforpa-button-secondary:active {
    background: #99050F !important; }

.siforpa-button-no-bg {
  background: none !important;
  text-transform: uppercase;
  box-shadow: none;
  border: 0px solid;
  border-radius: 0 !important;
  color: #0A3B63;
  font-weight: bold; }
  .siforpa-button-no-bg:hover, .siforpa-button-no-bg:active {
    background: #eee !important; }

legend.siforpa-legend {
  background: #0A3B63 !important;
  color: white !important;
  text-align: center;
  padding: 5px;
  font-size: 15px; }

input.siforpa-input, textarea.siforpa-textarea {
  border-radius: 0 !important;
  border: solid 2px #0A3B63 !important;
  padding-left: 5px !important;
  background: white; }
  input.siforpa-input:focus, textarea.siforpa-textarea:focus {
    box-shadow: none !important; }

select.siforpa-select, div.ms-parent > button.ms-choice {
  border-radius: 0 !important;
  border: solid 2px #0A3B63 !important;
  padding-left: 5px !important;
  background: white;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=) !important;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''; }
  select.siforpa-select:focus, div.ms-parent > button.ms-choice:focus {
    box-shadow: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=) !important;
    background-repeat: no-repeat;
    background-position: right center; }
  select.siforpa-select div, div.ms-parent > button.ms-choice div {
    display: none !important; }

div.siforpa-container {
  background: #F7F7F7;
  padding: 25px; }

table.siforpa-table th {
  color: #0A3B63 !important;
  border: #ccc 2px solid !important;
  padding: 10px !important;
  text-transform: uppercase; }

table.siforpa-table td {
  border: #ccc 2px solid !important;
  padding: 10px !important; }

table.siforpa-table-no-border th {
  border: none !important; }

table.siforpa-table-no-border td {
  border: none !important; }

label.siforpa-label, span.siforpa-label {
  color: #0A3B63 !important;
  text-transform: uppercase;
  vertical-align: middle;
  font-weight: bold; }

.siforpa-nota {
  background: #BE0411;
  color: white;
  text-align: center;
  padding: 10px; }

i.siforpa-icon {
  color: #BE0411; }

div.siforpa-row {
  border-top: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  padding-top: 15px;
  padding-bottom: 15px; }

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */

.bs-callout-danger {
    border-left-color: #0A3B63  !important;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius:3px;
    cursor:pointer;
}
.bs-callout:hover {
   
  background-color:#eee;
}


.micontenido {
    padding-left: 150px;
    padding-right: 150px;
}
.asterisk-required {
    color: red !important;
    font-size: 12px;
    padding: 0 2px !important;
    margin-top: 10px;
}


.file-input-wrapper {
    position: relative;
}

.file-input-wrapper > input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        height: 100%;
        z-index: 3;
        width: 37px;
        cursor: pointer;
}


.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: 'Select some files';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

.custom-file-input:hover::before {
    border-color: black;
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}



[type="file"] {
    /*height: 0;*/
    overflow: hidden;
    /*width: 0;*/
}

    [type="file"] + label {
        color: #666666 !important;
        background-color: #e5e5e5;
        border-color: #474949;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 1rem;
        outline: none;
        padding: 1rem 27px;
        position: relative;
        transition: all 0.3s;
        vertical-align: middle;
    }

.btn-input-file {
    color: black;
    background-color: #23B7E8 !important;
    border-color: #cccccc;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html,body {
    height: 100%;
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.spinner-mensaje {
    position: relative;
    font-weight: bold;
    color: lightgray;
    text-align: center;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FFF;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#loader {
    background: #000000;
    z-index: 999777;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    -ms-opacity: 0.85;
    opacity: 0.85; 
}

.spinner {    
    margin: auto;
    margin-top: 25% !important;
}