#===========================================================================
#= File   : styles.css
#= Version: 1.0
#= Updated: 17.05.2018
#= Author : Alcimar Carlos de L V Aires
#= Edited by Matheus Rodrigues da Silva Lira
#= Email  : contato@inetwork.com.br
#= Website: http://www.inetwork.com.br
#===========================================================================
#= Copyright (c) 2014 Inetwork eBusiness
/*@import url(https://fonts.googleapis.com/css?family=Oswald:400,700|Raleway:200,300,400,500,700,800);*/
@import url('https://fonts.googleapis.com/css?family=Arimo:400,700|Montserrat:400,700');

ul
{
	-webkit-padding-start: 0;
}

/* #16b6b3, verde icon: #002750, azul marca: #4d7eac */
/* line 1, ../components/sass/_layout.scss */
body,
html {
  width: 100%;
  /* height: 100%; */
  position: relative;
  min-width: 300px;
}

/* line 10, ../components/sass/_layout.scss */
body {
  background: #eee;
  color: #666;
  overflow-x: hidden;
  font-size: 14px;
  font-family: 'Arimo', sans-serif;
  font-weight: 300;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}

/* line 24, ../components/sass/_layout.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", Arial, Tahoma, sans-serif;
  line-height: 1.5em;
  font-weight: 400;
  margin: 0;
}

/* line 31, ../components/sass/_layout.scss */
p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2em;
  margin: 0 0 1em;
}

/* line 39, ../components/sass/_layout.scss */
a,
a:hover,
a:focus,
a:visited
{
  color: #66728D;
  text-decoration: none;
  outline: none;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.col p,
ul li,
ol li
{
	font-size: 14px;
	line-height: 1.6em;
	list-style-type: disc;
}

select
{
   -webkit-appearance:  none;
   -moz-appearance:    none;
   appearance:         none;
}

.selectpicker,
#installmentQuantity
{
  background-image: url("../imgs/arrow-down-select-menor.png");
  background-position: 92% 50%;
  background-repeat: no-repeat;
  padding: 5px 25px 5px 5px;
}

#uf,
#installmentQuantity,
#ccuf
{
  background-position: 98% 50%;
}

/* line 46, ../components/sass/_layout.scss */

.wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

/*.page-internas body
{
  padding-bottom: 130px;
}
*/

/* line 53, ../components/sass/_layout.scss */
section {
  padding: 50px 0;
  position: relative;
  width: 100%;
  float: left;
}


/* line 61, ../components/sass/_layout.scss */
.hide {
  display: none;
}

/* line 66, ../components/sass/_layout.scss */
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.container_main {
  padding-top: 86px;
}

.box_content_titulo {
    width: auto;
    padding: 30px;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    color: #333;
    font-size: 24px;
    background: rgba(250,250,250,.65);
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 700;
}
@media(max-width: 768px){
#login-desktop{
  display: none
}
}
@media(min-width: 769px) {
#login-mobile{
  display: none
}
}
@media(min-width: 768px) {
.box-fix{
  width: 22.75% !important;
  margin-right: 3% !important
}
.box-fix:last-child{
  width: 22.75% !important;
  margin-right: 0 !important
}
}
.box_content {
  display: table;
  margin:0 auto;
  border-radius: 20px
}

.box_content_main {
  /*max-width:870px; */
  margin:0 auto;
  padding: 40px;
}
.checkout_msg {
  margin-top: 120px;
  padding-bottom: 100px;
}

/* header */

	#header-topo
	{
		height: auto;
	}

	#header-topo .container {
	    position: relative;
	    margin-right: auto;
	    margin-left: auto;
	    padding-left: 15px;
	    padding-right: 15px; 
	}

	#redesSociais .icons-topo,
	.icons-topo
	{
	  display: inline-block;
	  margin: 0px 0;
	}

	.icons-menu
	{
    float: left;
	  margin: 0 10px 0px 0;
	}

/* line 70, ../components/sass/_layout.scss */
.container .content {
  width: 100%;
  float: left;
}
@media (max-width: 1200px) {
  /* line 66, ../components/sass/_layout.scss */
  .container,
  #header-topo .container {
    width: 940px;
  }
}
@media (max-width: 959px) {
  /* line 66, ../components/sass/_layout.scss */
  .container,
  #header-topo .container {
    width: 748px;
  }
}
@media (max-width: 767px) {
  /* line 66, ../components/sass/_layout.scss */
  .container,
  #header-topo .container {
    width: 460px;
  }
}
@media (max-width: 479px) {
  
	  /* line 66, ../components/sass/_layout.scss */
	  .container,
	  #header-topo .container {
	    width: 300px;
	    padding-left: 0;
	    padding-right: 0;     
	  }

	  .icon-mobile
	  {
	    right: 8%;
	  }

	.container_main
	{
	    padding-top: 41px;
	}  

}
@media (max-width: 319px) {
  /* line 66, ../components/sass/_layout.scss */
  .container,
  #header-topo .container {
    width: 270px;   
  }
}

/* line 103, ../components/sass/_layout.scss */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 111, ../components/sass/_layout.scss */
.pace-inactive {
  display: none;
}

/* line 115, ../components/sass/_layout.scss */
.pace .pace-progress {
  background: #002750;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 100%;
  height: 2px;
}

/* line 126, ../components/sass/_layout.scss */
.pre-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9990;
  background: #fff;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

/* line 138, ../components/sass/_layout.scss */
.pace-done .pre-con {
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=0);
  /* Older than Firefox 0.9 */
  -moz-opacity: 0;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0;

  z-index: 0;
}

/* line 146, ../components/sass/_layout.scss */
.resultado {
  padding: 4em 0;
}
/* line 150, ../components/sass/_layout.scss */
.resultado li {
  list-style: inside square;
}
/* line 155, ../components/sass/_layout.scss */
.resultado .item-resultado {
  margin-bottom: 2em;
}
/* line 159, ../components/sass/_layout.scss */
.resultado .item-resultado a h4,
.resultado .item-resultado h4 {
  font-size: 13px;
  font-weight: 700;
  color: #d64a27;
  margin-bottom: .5em;
}
/* line 168, ../components/sass/_layout.scss */
.resultado .item-resultado a h3,
.resultado .item-resultado h3 {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}

/*!
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.
*/
/* line 10, ../components/sass/_animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 10, ../components/sass/_animate.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%,100%,20%,50%,80% {
    -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%,100%,20%,50%,80% {
    -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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%,100%,50% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,100%,50% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
/* line 10, ../components/sass/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0%,100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes pulse {
  0%,100% {
    -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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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(0);
    transform: rotate(0);
  }
}
@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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0%,100% {
    -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);
  }
}
@keyframes wobble {
  0%,100% {
    -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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
/* line 10, ../components/sass/_animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    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(0);
    -ms-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
}
/* line 10, ../components/sass/_animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

/* line 10, ../components/sass/_animate.scss */
.flipInY, .flipOutX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
}

@-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(0);
    transform: perspective(400px) rotateY(0);
    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(0);
    -ms-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
}
/* line 10, ../components/sass/_animate.scss */
.flipInY {
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0);
    -ms-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
/* line 10, ../components/sass/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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(0);
    transform: translateX(0) skewX(0);
    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(0);
    -ms-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
    opacity: 1;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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(0);
    transform: translateX(0) skewX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0) skewX(0);
    -ms-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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;
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.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);
  }
}
/* line 10, ../components/sass/_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
/* line 10, ../components/sass/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}
@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(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}
/* line 10, ../components/sass/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
/* line 10, ../components/sass/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* line 1, ../components/sass/modules/_ie.scss */
.obs {
  background: #fff;
  width: 450px;
  margin: 0 auto;
  padding: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -250px;
  z-index: 90;
}
/* line 14, ../components/sass/modules/_ie.scss */
.obs p {
  color: #333;
  text-align: center;
}
/* line 20, ../components/sass/modules/_ie.scss */
.obs a {
  color: red;
  text-decoration: underline;
}

/* line 1, ../components/sass/modules/_redes_sociais.scss */
#redesSociais {
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    background: #FAFAFA;
    /* border-bottom: 1px dashed #ddd; */
    padding: 10px 0;
    height: 43px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
@media (max-width: 479px) {
  /* line 1, ../components/sass/modules/_redes_sociais.scss */
  #redesSociais {
    display: none;
  }
}
/* line 18, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .contato-info {
  float: left;
}
/* line 22, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .contato-info * {
  float: left;
}
/* line 27, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .contato-info h3 {
  color: #555;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
  text-transform: uppercase;
  position: relative;
  margin: 0 10px;
}
/* line 40, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .contato-info p {
  font-size: 13px;
  color: #555;
  font-weight: 400;
  line-height: 1.5em;
  margin-left: 5px;
}
/* line 49, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .contato-info img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 53, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .contato-info img.mg-extra {
  margin-left: 5px;
}
/* line 61, ../components/sass/modules/_redes_sociais.scss */
#redesSociais ul {
  padding: 0 20px;
  text-align: left;
  height: 40px;
  float: left;
}
@media (max-width: 767px) {
  /* line 61, ../components/sass/modules/_redes_sociais.scss */
  #redesSociais ul {
    padding: 0 10px;
  }
}
/* line 72, ../components/sass/modules/_redes_sociais.scss */
#redesSociais ul li {
  display: inline-block;
  /*margin: 2px 0px;*/
}

#redesSociais ul li .icons-topo
{
  margin: 5px;
}

/* line 76, ../components/sass/modules/_redes_sociais.scss */
#redesSociais ul li.meio {
  /*margin-right: 4px;*/
}
/* line 81, ../components/sass/modules/_redes_sociais.scss */
#redesSociais ul li img {
  width: 18px;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 91, ../components/sass/modules/_redes_sociais.scss */
#redesSociais ul li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 100, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .doacoes {
  font-size: 11px;
  color: #999;
  font-weight: 600;
  line-height: 2em;
  margin-left: 5px;
  float: right;
  text-transform: uppercase;
  position: relative;
}
/* line 111, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .doacoes img {
  display: inline-block;
  float: right;
  margin: -5px 0 0 6px;
}
/* line 118, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .doacoes strong {
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
}
/* line 125, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .doacoes span {
  color: #002750;
}
/* line 130, ../components/sass/modules/_redes_sociais.scss */
#redesSociais .doacoes .btn-doacao {
  border-radius: 20px;
  color: #002750;
  cursor: pointer;
  float: right;
  padding: 2px 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  margin: -2px 0 0;
}
@media (max-width: 960px) {
  /* line 100, ../components/sass/modules/_redes_sociais.scss */
  #redesSociais .doacoes {
    display: none;
  }
}
/* line 149, ../components/sass/modules/_redes_sociais.scss */
#redesSociais #result-doacoes {
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  width: 210px;
  background: #fff;
  top: 20px;
  right: 0;
  border: 1px solid #ddd;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  z-index: 0;
  text-align: center;
}
/* line 163, ../components/sass/modules/_redes_sociais.scss */
#redesSociais #result-doacoes.hover-doacoes {
  top: 27px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 10;
}
/* line 169, ../components/sass/modules/_redes_sociais.scss */
#redesSociais #result-doacoes:before {
  content: "";
  height: 0;
  width: 0;
  left: 80%;
  margin-left: -8px;
  bottom: 100%;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  border-top: 0;
  z-index: 1;
}
/* line 184, ../components/sass/modules/_redes_sociais.scss */
#redesSociais #result-doacoes p {
  font-size: 11px;
  font-weight: 500;
  margin: 0;
}
/* line 190, ../components/sass/modules/_redes_sociais.scss */
#redesSociais #result-doacoes p span {
  color: #002750;
}
/* line 196, ../components/sass/modules/_redes_sociais.scss */
#redesSociais #result-doacoes:after {
  content: "";
  height: 0;
  width: 0;
  left: 80%;
  margin-left: -10px;
  top: -10px;
  position: absolute;
  border: 10px solid transparent;
  border-bottom-color: #eee;
  border-top: 0;
}

/* line 216, ../components/sass/modules/_redes_sociais.scss */
.removeRedeSocial #redesSociais {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  /*border-bottom: 1px dashed #fff;*/
}

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
/* line 9, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

/* line 16, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

/* line 19, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 26, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

/* line 31, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* line 38, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

/* line 42, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

/* line 45, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 55, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-loaded {
  display: block;
}

/* line 57, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

/* line 60, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-hidden {
  opacity: 0;
}

/* line 62, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-refresh .owl-item {
  display: none;
}

/* line 64, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 69, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

/* line 72, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-rtl {
  direction: rtl;
}

/* line 74, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
/* line 78, ../components/sass/modules/_owl.carousel.scss */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
/* line 84, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

/* line 88, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-animated-in {
  z-index: 0;
}

/* line 91, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-animated-out {
  z-index: 1;
}

/* line 94, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 *  Owl Carousel - Auto Height Plugin
 */
/* line 106, ../components/sass/modules/_owl.carousel.scss */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
/* line 112, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

/* line 116, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
/* line 122, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

/* line 127, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

/* line 141, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

/* line 145, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

/* line 149, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

/* line 157, ../components/sass/modules/_owl.carousel.scss */
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* Destaques */
/* line 3, ../components/sass/modules/_destaques.scss */
#destaques {
  background: #fff;
  text-align: center;
  margin: 145px 0 10px;
  padding: 0;
}
@media (max-width: 767px) {
  /* line 3, ../components/sass/modules/_destaques.scss */
  #destaques {
    display: none;
  }
}
/* line 15, ../components/sass/modules/_destaques.scss */
#destaques .destaque {
  width: 190px;
  padding: 2% 1.5% 1%;
  display: inline-block;
}
@media (max-width: 959px) {
  /* line 15, ../components/sass/modules/_destaques.scss */
  #destaques .destaque {
    padding: 1.5% 0 1%;
  }
}
@media (max-width: 767px) {
  /* line 15, ../components/sass/modules/_destaques.scss */
  #destaques .destaque {
    width: 100%;
  }
}
@media (max-width: 479px) {
  /* line 15, ../components/sass/modules/_destaques.scss */
  #destaques .destaque {
    width: 100%;
  }
}
/* line 36, ../components/sass/modules/_destaques.scss */
#destaques .destaque a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 44, ../components/sass/modules/_destaques.scss */
#destaques .destaque a:hover h3 {
  color: #002750;
}
/* line 52, ../components/sass/modules/_destaques.scss */
#destaques .destaque img {
  float: left;
  margin-right: 10px;
  margin-top: -5px;
}
@media (max-width: 1260px) {
  /* line 52, ../components/sass/modules/_destaques.scss */
  #destaques .destaque img {
    float: none;
    margin: 0;
  }
}
/* line 66, ../components/sass/modules/_destaques.scss */
#destaques .destaque h3 {
  color: #666;
  font-family: "Montserrat", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
  text-align: left;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
@media (max-width: 1260px) {
  /* line 66, ../components/sass/modules/_destaques.scss */
  #destaques .destaque h3 {
    text-align: center;
  }
}
/* line 84, ../components/sass/modules/_destaques.scss */
#destaques .destaque p {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  text-align: left;
}
@media (max-width: 1260px) {
  /* line 84, ../components/sass/modules/_destaques.scss */
  #destaques .destaque p {
    text-align: center;
  }
}

/* line 102, ../components/sass/modules/_destaques.scss */
#destaques-menu {
  position: relative;
  right: 0;
  top: 23px;
}
@media (max-width: 1200px) {
  /* line 102, ../components/sass/modules/_destaques.scss */
  #destaques-menu {
    display: none;
  }
}
/* line 114, ../components/sass/modules/_destaques.scss */
#destaques-menu .destaque {
  padding: 0;
  float: right;
  width: 100%
}
/* line 121, ../components/sass/modules/_destaques.scss */
#destaques-menu a:first-child {
  padding-right: 0 !important;
}
@media (max-width: 959px) {
  /* line 114, ../components/sass/modules/_destaques.scss */
  #destaques-menu .destaque {
    padding: 1.5% 0 1%;
  }
}
@media (max-width: 767px) {
  /* line 114, ../components/sass/modules/_destaques.scss */
  #destaques-menu .destaque {
    width: 100%;
  }
}
@media (max-width: 479px) {
  /* line 114, ../components/sass/modules/_destaques.scss */
  #destaques-menu .destaque {
    width: 100%;
  }
}
/* line 140, ../components/sass/modules/_destaques.scss */
#destaques-menu a {
  padding-right: 6% !important;
  float: right;
  display: inline-flex
}
/* line 148, ../components/sass/modules/_destaques.scss */
#destaques-menu .destaque a:hover h3 {
  color: #002750;
}
/* line 156, ../components/sass/modules/_destaques.scss */
#destaques-menu .destaque img {
  float: left;
  margin-right: 10px;
  margin-top: -5px;
}
/* line 164, ../components/sass/modules/_destaques.scss */
#destaques-menu .destaque h3 {
  color: #666;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1em;
  text-align: left;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
/* line 177, ../components/sass/modules/_destaques.scss */
#destaques-menu .destaque p {
  font-size: 14px;
  color: #66728D;
  font-weight: 500;
  text-align: left;
}

/* Banner */
/* line 3, ../components/sass/modules/_banner.scss */
#banner {
  clear: both;
  position: relative;
  width: 100%;
  float: left;
  padding: 0;
  padding-top: 175px;
}
@media (max-width: 479px) {
  /* line 3, ../components/sass/modules/_banner.scss */
  #banner {
    padding-top: 110px;
  }
}
/* line 23, ../components/sass/modules/_banner.scss */
#banner .owl-nav {
  text-align: center;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  z-index: 90;
  width: 100%;
}
/* line 32, ../components/sass/modules/_banner.scss */
#banner .owl-nav * {
  color: #333;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  -moz-transition: all 0.5s ease-in 0s;
  -o-transition: all 0.5s ease-in 0s;
  -webkit-transition: all 0.5s ease-in 0s;
  transition: all 0.5s ease-in 0s;
}
/* line 47, ../components/sass/modules/_banner.scss */
#banner .owl-nav .owl-prev {
  left: -50px;
  background: url("../imgs/prev.png") no-repeat 0 0;
}
@media (max-width: 1300px) {
  /* line 47, ../components/sass/modules/_banner.scss */
  #banner .owl-nav .owl-prev {
    left: 20px;
  }
}
/* line 59, ../components/sass/modules/_banner.scss */
#banner .owl-nav .owl-next {
  right: -50px;
  background: url("../imgs/next.png") no-repeat 0 0;
}
@media (max-width: 1300px) {
  /* line 59, ../components/sass/modules/_banner.scss */
  #banner .owl-nav .owl-next {
    right: 20px;
  }
}
/* line 71, ../components/sass/modules/_banner.scss */
#banner .owl-nav *:hover {
  color: #002750;
}
/* line 78, ../components/sass/modules/_banner.scss */
#banner .btn {
  background-color: #cf0000;
  color: #fff;
  font-family: "Montserrat", Arial, Tahoma, sans-serif;
  font-size: 13px;
  padding: 1.5em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
/* line 90, ../components/sass/modules/_banner.scss */
#banner .btn:hover {
  background-color: #002750;
}
/* line 98, ../components/sass/modules/_banner.scss */
#banner .item {
  position: relative;
  overflow: hidden;
}
/* line 103, ../components/sass/modules/_banner.scss */
#banner .item figure {
  position: relative;
  width: 100%;
  z-index: 10;
}
/* line 110, ../components/sass/modules/_banner.scss */
#banner .item figure img {
  max-width: 100%;
}
/* line 117, ../components/sass/modules/_banner.scss */
#banner .item header {
  padding-bottom: 1em;
  margin-top: -50px;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
/* line 125, ../components/sass/modules/_banner.scss */
#banner .item h3 {
  color: #d64a27;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
}
/* line 133, ../components/sass/modules/_banner.scss */
#banner .item h4 {
  color: #333;
  font-size: 13px;
  line-height: 1.5em;
  font-weight: 600;
}
/* line 141, ../components/sass/modules/_banner.scss */
#banner .item p {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
@media (max-width: 959px) {
  /* line 141, ../components/sass/modules/_banner.scss */
  #banner .item p {
    font-size: 13px;
    line-height: 1.4em;
  }
}
/* line 156, ../components/sass/modules/_banner.scss */
#banner .item .btn-banner {
  display: block;
  -moz-transition: all 0.5s ease-in 0s;
  -o-transition: all 0.5s ease-in 0s;
  -webkit-transition: all 0.5s ease-in 0s;
  transition: all 0.5s ease-in 0s;
}
/* line 162, ../components/sass/modules/_banner.scss */
#banner .item .infoEvento {

  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 2.5em 3em;
  text-align: center;

  -webkit-backface-visibility: hidden;
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=0);
  /* Older than Firefox 0.9 */
  -moz-opacity: 0;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0;

  -moz-transition: all 0.5s ease-in 0s;
  -o-transition: all 0.5s ease-in 0s;
  -webkit-transition: all 0.5s ease-in 0s;
  transition: all 0.5s ease-in 0s;
}

/* line 183, ../components/sass/modules/_banner.scss */
#banner .item:hover .infoEvento {
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=85);
  /* Older than Firefox 0.9 */
  -moz-opacity: .85;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: .85; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: .85;
}

@media (max-width: 959px) {
  /* line 183, ../components/sass/modules/_banner.scss */
  #banner .item:hover .infoEvento {
    display: none;
  }
}
/* line 192, ../components/sass/modules/_banner.scss */
#banner .item:hover header {
  margin-top: 100px;
}

/* line 1, ../components/sass/modules/_eventos.scss */
.eventos .evento .overlay .btn-buy, #imprimir form .getVoucher {
  background-color: #cf0000;
  color: #fff;
  font-family: "Montserrat", Arial, Tahoma, sans-serif;
  font-size: 13px;
  padding: 1.5em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

/* line 15, ../components/sass/modules/_eventos.scss */
.eventos .evento .overlay .btn-buy:hover, #imprimir form .getVoucher:hover {
  background-color: #002750;
}

/* line 20, ../components/sass/modules/_eventos.scss */
.eventos {
  padding: 0;
  width: 100%;
  position: relative;
  float: left;
  margin: 10px 0 7px;
}
/* line 29, ../components/sass/modules/_eventos.scss */
.eventos .container-full {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 -2.5px;
}
/* line 37, ../components/sass/modules/_eventos.scss */
.eventos #filtrar-eventos {
  border: 1px solid transparent;
  border-radius: 4px;
  display: none;
  outline: none;
  width: 100%;
  background: #fff url("../imgs/arrow-down-select-menor.png") no-repeat 95% 50%;
  text-transform: uppercase;
  color: #002750;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 15px 10px;
  margin-bottom: 10px;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* line 53, ../components/sass/modules/_eventos.scss */
.eventos #filtrar-eventos option {
  color: #333;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 15px 10px;
  position: relative;
}
@media (max-width: 767px) {
  /* line 37, ../components/sass/modules/_eventos.scss */
  .eventos #filtrar-eventos {
    display: block;
  }
}
/* line 69, ../components/sass/modules/_eventos.scss */
.eventos .filter-button-group {
  background: transparent;
  margin: 25px 0;
}
@media (max-width: 767px) {
  /* line 69, ../components/sass/modules/_eventos.scss */
  .eventos .filter-button-group {
    display: none;
  }
}
/* line 79, ../components/sass/modules/_eventos.scss */
.eventos .filter-button-group ul {
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
/* line 88, ../components/sass/modules/_eventos.scss */
.eventos .filter-button-group li {
  display: inline-block;
  float: none;
  position: relative;
  text-indent: 0;
  margin: 0 5px 5px;
}
@media (max-width: 767px) {
  /* line 88, ../components/sass/modules/_eventos.scss */
  .eventos .filter-button-group li {
    border-bottom: 1px dashed #39c5af;
    display: block;
    margin: 0 -20px;
  }
  /* line 103, ../components/sass/modules/_eventos.scss */
  .eventos .filter-button-group li:last-child {
    border: 0 none;
  }
}
/* line 112, ../components/sass/modules/_eventos.scss */
.eventos .filter-button-group a {

  display: inline-block;
  text-transform: uppercase;
  border: 1px solid #aaa;
  color: #333;
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px;
  position: relative;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;  
}
/* line 123, ../components/sass/modules/_eventos.scss */
.eventos .filter-button-group a:hover,
.eventos .filter-button-group a.ativo {
  background: #002750;
  color: #fff;
  border: #002750 1px solid;
}

/* line 158, ../components/sass/modules/_eventos.scss */
.eventos .filter-button-group a:hover,
.eventos .filter-button-group a.ativo {
  color: #fff;
}

/* line 180, ../components/sass/modules/_eventos.scss */
.eventos .grid-item {
  width: 280px;
  /*margin-top: 5px;*/
  margin-bottom: 5px;
  padding: 0;
  overflow: hidden;
}

@media (max-width: 1200px) {
  /* line 180, ../components/sass/modules/_eventos.scss */
  .eventos .grid-item {
    width: 300px;
  }
}

@media (max-width: 959px) {
	/* line 180, ../components/sass/modules/_eventos.scss */
	.eventos .grid-item {
	width: 235px;
	}
}

@media (max-width: 767px) {
  /* line 180, ../components/sass/modules/_eventos.scss */
  .eventos .grid-item {
    width: 210px;
  }
}

@media (max-width: 479px) {
  /* line 180, ../components/sass/modules/_eventos.scss */
  .eventos .grid-item {
    width: 100%;
  }
}

/* line 210, ../components/sass/modules/_eventos.scss */
.eventos .grid-item article {
  height: 100%;
}
/* line 215, ../components/sass/modules/_eventos.scss */
.eventos .grid-item * {
  text-align: center;
}

.eventos .grid-item span.icons-topo,
.eventos .grid-item span.icons-topo i{
  color:#333;
  margin: 0px;
}

/* line 228, ../components/sass/modules/_eventos.scss */
.eventos .titlePage {
  padding: 60px 0;
  text-align: center;
}
/* line 234, ../components/sass/modules/_eventos.scss */
.eventos .titlePage h2 {
  color: #333;
  text-transform: uppercase;
  font-family: "Montserrat", Helvetica, sans-serif;
  font-size: 32px;
  line-height: 1.5em;
  font-weight: 700;
  letter-spacing: 0;
}
/* line 244, ../components/sass/modules/_eventos.scss */
.eventos .titlePage h2 span {
  color: #002750;
}
/* line 252, ../components/sass/modules/_eventos.scss */
.eventos .evento {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 365px;
}

@media (max-width: 1200px) {
	.eventos .evento
	{
		height: 405px;
	}
}

@media (max-width: 959px) {
	.eventos .evento
	{
		height: 340px;
	}
}

@media (max-width: 767px) {

  /* line 252, ../components/sass/modules/_eventos.scss */
  .eventos .evento {
    height: 315px;
  }

}

@media (max-width: 479px) {
  /* line 252, ../components/sass/modules/_eventos.scss */
  .eventos .evento {
    height: 405px;
  }
}
/* line 270, ../components/sass/modules/_eventos.scss */
/*
.eventos .evento .overlay {

  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  padding: 3em 2em;
  text-align: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  */
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=0);
  /* Older than Firefox 0.9 */
  -moz-opacity: 0;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0;

  -moz-transition: all 0.7s ease-out 0s;
  -o-transition: all 0.7s ease-out 0s;
  -webkit-transition: all 0.7s ease-out 0s;
  transition: all 0.7s ease-out 0s;
}
@media (max-width: 959px) {
  /* line 270, ../components/sass/modules/_eventos.scss */
  .eventos .evento .overlay {
    display: none;
  }
}
/* line 302, ../components/sass/modules/_eventos.scss */
.eventos .evento .overlay p {
  color: #222;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 500;
  margin-top: -100px;
  text-align: left;

  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=0);
  /* Older than Firefox 0.9 */
  -moz-opacity: 0;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0;

  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

/* line 315, ../components/sass/modules/_eventos.scss */
.eventos .evento .overlay .btn-buy {
  position: absolute;
  top: 40%;
  margin: 0;
  width: 0;
  /*height: 15px;*/
  padding: 1.5em 0!important;
  left: 50%;
  margin-top: -25px;

  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=0);
  /* Older than Firefox 0.9 */
  -moz-opacity: 0;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0;

  -moz-transition: all 1.5s ease-in-out 0s;
  -o-transition: all 1.5s ease-in-out 0s;
  -webkit-transition: all 1.5s ease-in-out 0s;
  transition: all 1.5s ease-in-out 0s;
}

.eventos .evento:hover .overlay .btn-buy
{
  width: 215px;
  margin-left: -107px;

  /* Required for IE 5, 6, 7 */
  /* ...or something to trigger hasLayout, like zoom: 1; */
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=100);
  /* Older than Firefox 0.9 */
  -moz-opacity: 1;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 1; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 1;
}
/*
@media (max-width: 959px) {
  /* line 315, ../components/sass/modules/_eventos.scss */
/*  .eventos .evento .overlay .btn-buy {
    font-size: 12px !important;
  }
}*/
@media (max-width: 767px) {
  /* line 315, ../components/sass/modules/_eventos.scss */
  .eventos .evento .overlay .btn-buy {
    padding: 1.2em !important;
    font-size: 11px !important;
  }
}
/* line 342, ../components/sass/modules/_eventos.scss */
.eventos .evento figure {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}
/* line 350, ../components/sass/modules/_eventos.scss */
.eventos .evento figure img {
  max-width: 100%;
}
@media (max-width: 767px) {
  /* line 350, ../components/sass/modules/_eventos.scss */
  .eventos .evento figure img {
    width: 100%;
  }
}
/* line 361, ../components/sass/modules/_eventos.scss */
.eventos .evento figure figcaption {
  background: #fff;
  text-align: center;
  padding: 5%;
  height: 105px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 20;
}
/* line 374, ../components/sass/modules/_eventos.scss */
.eventos .evento figure h3 {
  color: #333;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1em;
  font-weight: 700;
  height: 36px;
}

@media (max-width: 767px) {

  .eventos .evento figure h3 {
      font-size: 11px;
  }

}

/* line 383, ../components/sass/modules/_eventos.scss */
.eventos .evento figure h4 {
  color: #333;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  line-height: 1.6em;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  
  .eventos .evento figure h4 {
      font-size: 12px;
  }

}

/* line 392, ../components/sass/modules/_eventos.scss */
.eventos .evento figure h4 .cal {
  display: inline-block;
  background: url("../imgs/daily-calendar-pixel.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  margin-right: 3px;
}
/* line 401, ../components/sass/modules/_eventos.scss */
.eventos .evento figure h4 .loc {
  display: inline-block;
  background: url("../imgs/location-pin.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  margin-right: 3px;
}
/* line 416, ../components/sass/modules/_eventos.scss */
.eventos .evento:hover .overlay {
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=100);
  /* Older than Firefox 0.9 */
  -moz-opacity: 1;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 1; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 1;
}
/* line 420, ../components/sass/modules/_eventos.scss */
.eventos .evento:hover .overlay p {
  margin-top: 0;
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=100);
  /* Older than Firefox 0.9 */
  -moz-opacity: 1;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 1; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 1;
}
/* line 426, ../components/sass/modules/_eventos.scss */
.eventos .evento:hover .overlay .btn-buy {
  /*bottom: 3em;*/
  /* Theoretically for IE 8 & 9 (more valid) */ 
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=100);
  /* Older than Firefox 0.9 */
  -moz-opacity: 1;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 1; 
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 1;
}

/* line 1, ../components/sass/modules/_infoEventos.scss */
#infoEventos {
  padding: 15px 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
/* line 16, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo {
  width: 23.33333%;
  float: left;
  margin-left: 0.83333%;
  margin-right: 0.83333%;
  position: relative;
      /*.infoTxt{
  
        h4
        {
  
            @include breakpoint(max-width ($mobile-land - 1)) {
              line-height: 2.2em;
            }
  
            //320px
          @include breakpoint(max-width ($mobile-port - 1)) {
              line-height: 2.5em;
            } 
  
        }
      
      } */
}
@media (max-width: 767px) {
  /* line 16, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo {
    width: 31.66667%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
  }
}
/* line 52, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo a {
  display: block;
  width: 100%;
  height: 30px;
}
/* line 59, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo .icon {
  float: left;
  width: 24px;
  margin-top: 2px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  /* line 59, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo .icon {
    margin-left: 0;
  }
}
/* line 73, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo .infoTxt {
  float: left;
  margin-left: 1em;
}
@media (max-width: 767px) {
  /* line 73, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo .infoTxt {
    margin-left: .5em;
  }
}
@media (max-width: 479px) {
  /* line 73, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo .infoTxt {
    float: none;
  }
}
/* line 87, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo .infoTxt h4 {
  color: #fff;
  font-family: "Montserrat", Helvetica, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
}
@media (max-width: 959px) {
  /* line 87, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo .infoTxt h4 {
    line-height: 2.2em;
  }
}
@media (max-width: 479px) {
  /* line 87, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo .infoTxt h4 {
    line-height: 1.4em;
    text-align: center;
  }
}
@media (max-width: 319px) {
  /* line 87, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo .infoTxt h4 {
    font-size: 10px;
  }
}
/* line 113, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo .infoTxt p {
  color: #ccc;
  font-size: 13px;
  margin: 0;
}
@media (max-width: 959px) {
  /* line 113, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo .infoTxt p {
    display: none;
  }
}
@media (max-width: 959px) {
  /* line 131, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo:last-child .infoTxt h4 {
    line-height: 1.2em;
  }
}
@media (max-width: 767px) {
  /* line 126, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo:last-child {
    width: 100%;
    padding-top: .5em;
  }
  /* line 148, ../components/sass/modules/_infoEventos.scss */
  #infoEventos .itemInfo:last-child .infoTxt {
    text-align: center;
  }
}
/* line 156, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo:last-child .infoTxt {
  width: 100%;
}
/* line 160, ../components/sass/modules/_infoEventos.scss */
#infoEventos .itemInfo:last-child .infoTxt p {
  display: block;
}

/*
.showInfoEventos
{
  #infoEventos
  {
    background: rgb(255,255,255);
    background: rgba(255,255,255,.95);
    position: fixed;
    top: 64px;
    left: 0;
  }
}
*/
/* line 1, ../components/sass/modules/_filtrar.scss */
#filtrar {
  background: #fff;
  background: rgba(255, 255, 255, 0.98);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
}
/* line 13, ../components/sass/modules/_filtrar.scss */
#filtrar .content {
  padding: 7em 0;
}
/* line 18, ../components/sass/modules/_filtrar.scss */
#filtrar .close-filtrar {
  cursor: pointer;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 25px;
}
/* line 26, ../components/sass/modules/_filtrar.scss */
#filtrar .close-filtrar img {
  max-width: 100%;
}
/* line 32, ../components/sass/modules/_filtrar.scss */
#filtrar form {
  position: relative;
  width: 100%;
  overflow: hidden;
}
/* line 40, ../components/sass/modules/_filtrar.scss */
#filtrar form select {
  background: url("../imgs/arrow-down-select.png") no-repeat 97% 50%;
  font-size: 30px;
  font-weight: 700;
  line-height: 1em;
  color: #111;
  padding: 15px;
  border: 0 none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
@media (max-width: 959px) {
  /* line 40, ../components/sass/modules/_filtrar.scss */
  #filtrar form select {
    font-size: 30px !important;
  }
}
@media (max-width: 767px) {
  /* line 40, ../components/sass/modules/_filtrar.scss */
  #filtrar form select {
    font-size: 20px !important;
  }
}
@media (max-width: 479px) {
  /* line 40, ../components/sass/modules/_filtrar.scss */
  #filtrar form select {
    font-size: 20px !important;
  }
}
/* line 71, ../components/sass/modules/_filtrar.scss */
#filtrar form .buscar {
  display: none;
}
/* line 78, ../components/sass/modules/_filtrar.scss */
#filtrar form .customSelect {
  /* This is the default class that is used */
  /* Put whatever custom styles you want here */
  background: url("../imgs/arrow-down.png") no-repeat 98% 50%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1em;
  color: #111;
  padding: 15px;
  border: 1px solid #ccc;
  width: 90%;
}
@media (max-width: 959px) {
  /* line 78, ../components/sass/modules/_filtrar.scss */
  #filtrar form .customSelect {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  /* line 78, ../components/sass/modules/_filtrar.scss */
  #filtrar form .customSelect {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  /* line 78, ../components/sass/modules/_filtrar.scss */
  #filtrar form .customSelect {
    font-size: 20px;
  }
}
/* line 108, ../components/sass/modules/_filtrar.scss */
#filtrar form .customSelect.customSelectHover {
  /* Styles for when the select box is hovered */
}
/* line 112, ../components/sass/modules/_filtrar.scss */
#filtrar form .customSelect.customSelectOpen {
  /* Styles for when the select box is open */
}
/* line 116, ../components/sass/modules/_filtrar.scss */
#filtrar form .customSelect.customSelectFocus {
  /* Styles for when the select box is in focus */
}
/* line 120, ../components/sass/modules/_filtrar.scss */
#filtrar form .customSelect.customSelectDisabledOption {
  /* Styles for when the selected item is a disabled one */
}
/* line 124, ../components/sass/modules/_filtrar.scss */
#filtrar form .customSelect.customSelectDisabled {
  /* Styles for when the select box itself is disabled */
}
/* line 128, ../components/sass/modules/_filtrar.scss */
#filtrar form .customSelectInner {
  /* You can style the inner box too */
  width: 100%;
}

/* line 1, ../components/sass/modules/_procurar.scss */
#procurar {
  background: #fff;
  background: rgba(255, 255, 255, 0.98);
  position: fixed;
  right: 1%;
  z-index: 0;
  display: none;
  padding: 2em;

}
/* line 14, ../components/sass/modules/_procurar.scss */
#procurar .content {
  padding: 0;
}
/* line 19, ../components/sass/modules/_procurar.scss */
#procurar .close-procurar {
  cursor: pointer;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 25px;
}
/* line 27, ../components/sass/modules/_procurar.scss */
#procurar .close-procurar img {
  max-width: 100%;
}
/* line 36, ../components/sass/modules/_procurar.scss */
#procurar form input[type="text"] {
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  color: #333;
  margin: 0 0 10px 0;
  padding: .1em 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: 0px;
  height: 25px;
  box-shadow: none;
  outline: 0;
  color: #111;
  width: 100%;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  font-family: "Arimo", sans-serif;
}

@media (max-width: 959px) {
  /* line 36, ../components/sass/modules/_procurar.scss */
  #procurar form input {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  /* line 36, ../components/sass/modules/_procurar.scss */
  #procurar form input {
    font-size: 50px;
    height: 80px;
  }
}
@media (max-width: 479px) {
  /* line 36, ../components/sass/modules/_procurar.scss */
  #procurar form input {
    font-size: 30px;
    height: 45px;
  }
}
/* line 74, ../components/sass/modules/_procurar.scss */
#procurar form .buscar {}

/* line 1, ../components/sass/modules/_imprimirVoucher.scss */
.eventos .evento .overlay .btn-buy,
#imprimir form .getVoucher,
#procurar form .getVoucher {
  background-color: #cf0000;
  color: #fff;
  cursor: pointer;
  font-family: "Montserrat", Arial, Tahoma, sans-serif;
  font-size: 13px;
  padding: 1.5em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

/* line 17, ../components/sass/modules/_imprimirVoucher.scss */
.eventos .evento .overlay .btn-buy:hover,
#imprimir form .getVoucher:hover,
#procurar form .getVoucher:hover
{
  background-color: #002750;
}

#imprimir,
#procurar,
#filtrar
{
	top: 155px;
	width: 290px;
	height: auto;    
}

/* line 22, ../components/sass/modules/_imprimirVoucher.scss */
#imprimir {
  background: #fff;
  background: rgba(255, 255, 255, 0.98);
  position: fixed;
  right: 1%;
  z-index: 0;
  display: none;
  padding: 2em;
}

/* line 34, ../components/sass/modules/_imprimirVoucher.scss */
#imprimir .content {
  padding: 0;
}

/* line 39, ../components/sass/modules/_imprimirVoucher.scss */
#imprimir .close-imprimir {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 25px;
}
/* line 47, ../components/sass/modules/_imprimirVoucher.scss */
#imprimir .close-imprimir img {
  max-width: 100%;
}
/* line 56, ../components/sass/modules/_imprimirVoucher.scss */
#imprimir form label,
#imprimir form fieldset {
  width: 100%;
  float: left;
  margin-left: 0.83333%;
  margin-right: 0.83333%;
  margin-bottom: 10px;
  display: block;
}
@media (max-width: 479px) {
  /* line 56, ../components/sass/modules/_imprimirVoucher.scss */
  #imprimir form label,
  #imprimir form fieldset {
    width: 98.33333%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
  }
}
/* line 69, ../components/sass/modules/_imprimirVoucher.scss */
#imprimir form input {
    border: none; 
    border-bottom: 1px solid #ccc;
    /* background: transparent; */
    /* color: #333; */
    /* margin: 0; */
    padding: 1em 0 .5em;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    /* letter-spacing: 0px; */
    /* height: 25px; */
    /* box-shadow: none; */
    /* outline: 0; */
    color: #111;
    width: 100%;
    /* -webkit-appearance: none; */
    /* -webkit-box-shadow: none; */
    font-family: "Arimo", sans-serif;
}
/* line 61, ../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
#imprimir form input:-moz-placeholder {
  color: #666;
  font-family: "Arimo", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
/* line 64, ../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
#imprimir form input::-moz-placeholder {
  color: #666;
  font-family: "Arimo", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
/* line 67, ../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
#imprimir form input:-ms-input-placeholder {
  color: #666;
  font-family: "Arimo", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
/* line 56, ../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
#imprimir form input::-webkit-input-placeholder {
  color: #666;
  font-family: "Arimo", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 767px) {
	#imprimir,
	#procurar,
	#filtrar
	{
		right: 50%;
		margin-right: -145px;  
	}
}

/* Fale Conosco */

  .form-style fieldset
  {
    width: 80%;
    margin: 0 auto;
  }

  .form-style input
  {
    background: none;
    border: 2px solid #31B0D5;
    color: #31B0D5;
    padding: 2px 10px;
    font-size: 18px;
  }

  .form-style input[type=text], 
  .form-style input[type=email],
  .form-style input[type=password],
  .form-style textarea,
  .form-store input[type=text], 
  .form-store input[type=email],
  .form-style input[type=password],
  .form-store textarea  
  {
    background: transparent;
    border: none;
    outline: none;
  }

  .form-style textarea
  {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    max-width: 100%;
  }

  .form-style input:focus, 
  .form-style input:active
  {
    outline: none;
  }

  .form-style input[type=submit]
  {
    border: 0 none;
    letter-spacing: 0;
    height: auto;
    border-radius: 4px;

    background-color: #cf0000;
    color: #fff;
    cursor: pointer;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    font-size: 14px;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;

    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;    
  }

  .form-style input[type=submit]:hover,
  .form-style input[type=submit]:focus
  {
    background: #66728D;
  }

  .form-style .input-group,
  .form-store .input-group
  {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
    background: #fff;
    padding: 10px 10px 0;
    overflow: hidden;
  }

  #imprimir .form-style .input-group
  {
    padding: 0;
  }

  .form-style .input-group label,
  .form-store .input-group label
  {
    position: absolute;
    z-index: 9;
    color: #111;
    font-family: 'Arimo', sans-serif;
    font-size: 15px;
    font-weight: 700;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.9) translateY(100%);
            transform: scale(0.9) translateY(100%);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  }

  .form-style .input-group label.animate-label,
  .form-store .input-group label.animate-label,
  .form-store .input-group.box-select label,
  .form-store .input-group label.fixa
  {
    font-weight: 700;
    -webkit-transform: scale(0.75) translateY(0%);
            transform: scale(0.75) translateY(0%);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  }

  .form-style .input-group input,
  .form-style .input-group textarea,
  .form-store .input-group input,
  .form-store .input-group textarea,
  .form-store .input-group select,
  .form-store .input-group .div-animate-label
  {
    color: #333;
    padding: 13px 0 15px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
  }

  .form-store .input-group select
  {
    -webkit-box-shadow: none;
      box-shadow: none; 
    -webkit-transition: none;
      -o-transition: none;
      transition: none;     
  }

  .form-store .inputs-dv
  {
    overflow: hidden;
  }

  .form-store .divisoria-dv
  {
    float: left;
    padding: 18px 5px 5px;
    font-size: 18px;
  }

  .form-store .input-group input.input-dv
  {
    float: left;
    width: 25px;
    text-align: center;
    padding: 17px 0 15px;
  }

  .check-custom
  {
    overflow: hidden;
  }

  .check-custom label
  {
    padding: 0;
    display: block;
  }

  .check-custom label input[type="checkbox"],
  .check-custom label p{
    float: left;
      margin-left: 0;
      position: relative;
  }

  .check-custom label input[type="checkbox"]
  {
    margin: 0 5px 0 0;
  }

  @media(max-width: 770px) {

    .form-style .input-group,
    .form-store .input-group
    {
      display: block;
      width: 100%;
    }

  }

  .local-endereco
  {
  max-width: 300px;
  }

  .local-endereco h5
  {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
  }

  .local-endereco i,
  .local-endereco .mail
  {
    color: #333;
  }

  .local-endereco i
  {
  font-size: 14px;
  line-height: .5em;    
  }

  /* line 113, ../components/sass/modules/_imprimirVoucher.scss */
  #imprimir form .getVoucher,
  #procurar form .getVoucher {
  border: 0 none;
  width: 60%;
  font-size: 13px;
  padding: .8em 0;
  line-height: 25px;
  letter-spacing: 0;
  height: auto;
  border-radius: 4px;
  }

  #map-canvas
  {
    height: 300px;
    width: 100%;
    margin-top: .5em;
  }

  #iw_container *
  {
    font-family: 'Arimo', sans-serif;
  }

  #iw_container .iw_title
  {
    font-weight: bold;
  }

  #iw_container .iw_content
  {
    padding-top: 5px;
    line-height: 1.3em;
  }

/* Popup */

.overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  width: 80%;
  position: relative;
}

.popup-back {
  padding: 50px;
  background: #eee;
  opacity: 0.9;
  width: 100%;
  position: relative;
}
.popup .close {
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  color: #333;
  position: absolute;
  top: -10;
  right: -10;
  width: 33px;
  height: 33px;
  line-height: 0.85;
  background-color: #fff;
  border: 1.5px solid #999;
  border-radius: 50px;
  text-align: center;
  opacity: 1 !important
}
.popup .close-box {

}
.popup .close:hover {
  color: #66728D;
}
.popup .content {
  max-height: 30%;
  width: 100%;
  overflow: hidden
}

/* Submenu */	

ul#navigation li {
	margin:0;
	float:left;
	position:relative;
}

ul#navigation li a {
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}
ul#navigation li ul li a {
  color: #333 !important;
}
ul#navigation li:hover > ul
{
	visibility:visible;
  opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
  margin: 0 auto;
  padding: 0;    
  visibility:hidden;
  border: 1px solid #66728D;
  position: absolute;
  z-index: 99999;
  display: block;
  opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul li a {
  line-height: 1.95em !important;
  font-size: 13px !important;
  font-weight: normal !important
}

ul#navigation li ul li {
  height: 35px;
  background:#eee;
  width: 160px;
  margin: 0 auto !important;
  padding: 5px 0px 0px 10px !important;
  transition: 0.5s
}

ul#navigation li ul li{
  text-align: left
}

ul#navigation ul li {
  -webkit-transition:background-color 0.3s linear, visibility 0.3s linear, border-bottom-left-radius 0.3s linear, border-bottom-right-radius 0.3 linear; 
	-moz-transition:background-color 0.3s linear, visibility 0.3s linear, border-bottom-left-radius 0.3s linear, border-bottom-right-radius 0.3 linear; 
	-o-transition:background-color 0.3s linear, visibility 0.3s linear, border-bottom-left-radius 0.3s linear, border-bottom-right-radius 0.3 linear; 
	transition:background-color 0.3s linear, visibility 0.3s linear, border-bottom-left-radius 0.3s linear, border-bottom-right-radius 0.3 linear; 	
}


ul#navigation ul li a:hover {
  color: #66728D !important;
  font-weight: 500 !important
}
ul#navigation li ul li:hover {
  background: white !important;
}
span.point {
  padding: 19px 15px 0px 15px;
  line-height: 2;
  font-size: 15pt !important;
  color: #66728D !important
}
span.pointb {
  padding: 13px;
  line-height: 0;
  font-size: 15pt !important;
  color: #66728D !important
}
ul#navigation {
  display: inline-flex
}
.baixar-app {
  position: absolute;
  top:0;
  bottom:0;
  left: 0;
  right:0;
  height: 70%;
  width: 50%;
  margin: auto
}
@media (max-width:990px) {
  .baixar-app {
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right:0;
    width: 55% !important;
    margin: auto
  }
}
@media (max-width: 784px) {
  .baixar-app {
    top:0;
    bottom:0;
    left: 0;
    right:0;
    margin: auto;
    height: 85% !important;
    width: 70% !important
  }
}
@media (max-width: 400px) {
  .fundo-rodape div.col-lg-8 {
    display:none
  }
}
/*-- Buttons Vale Carnaval --*/
.button-select {
  position: relative;
  margin: 0 auto 15px;
  display: block;
  width: 100%;
  height: 82px;
  text-decoration: none;
  background-color: #fafafa;
  color: #131313;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 4px #e7e7e7, 0 6px 1px #d0d0d2;
  -webkit-box-shadow: 0 4px #e7e7e7, 0 6px 1px #d0d0d2;
  box-shadow: 0 4px #e7e7e7, 0 6px 1px #d0d0d2;
}
.button-select * {
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.button-select .title {
  display: block;
  padding: 20px 0 0 20px;
  font-size: 1.25em;
}
.button-select .details {
  display: block;
  clear: both;
  padding: 5px 0 20px 23px;
  font-size: 0.85em;
  color: #9a9ca2;
}
.button-select .price {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2.5em;
  font-weight: 700;
  color: #9a9ca2;
}
@media (max-width: 960px) {
  .button-select .price {
    display: none
  }
}
.button-select .price strong {
  display: inline-block;
  height: 100%;
  width: 36px;
  line-height: 82px;
  font-size: 1.25em;
  text-align: center;
  background-color: #eee;
  color: #ddd;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0;
  border-radius: 0 10px 10px 0;
  text-shadow: 0 -1px #8d8f96;
  -moz-box-shadow: 0 4px #d7d4d4;
  -webkit-box-shadow: 0 4px #d7d4d4;
  box-shadow: 0 4px #d7d4d4;
}
.button-select:before {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 100%;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 0 0 10px;
  -moz-transition: all 0.075s linear;
  -o-transition: all 0.075s linear;
  -webkit-transition: all 0.075s linear;
  transition: all 0.075s linear;
}
.button-select.blue:before {
  background-color: #002750;
  -moz-box-shadow: 0 4px #002750;
  -webkit-box-shadow: 0 4px #002750;
  box-shadow: 0 4px #002750;
}
.button-select.blue:hover:before {
  background-color: #41d8bf;
  -moz-box-shadow: 0 4px #41d8bf;
  -webkit-box-shadow: 0 4px #41d8bf;
  box-shadow: 0 4px #41d8bf;
}
.button-select.blue:active:before {
  -moz-box-shadow: 0 2px #6085b3;
  -webkit-box-shadow: 0 2px #6085b3;
  box-shadow: 0 2px #6085b3;
}
.button-select:hover {
  -moz-box-shadow: 0 4px #e2e2e2, 0 6px 1px #ccccce;
  -webkit-box-shadow: 0 4px #e2e2e2, 0 6px 1px #ccccce;
  box-shadow: 0 4px #e2e2e2, 0 6px 1px #ccccce;
}
.button-select:hover .price strong {
  background-color: #e9e9e9;
  -moz-box-shadow: 0 4px #d3d0d0;
  -webkit-box-shadow: 0 4px #d3d0d0;
  box-shadow: 0 4px #d3d0d0;
}
.button-select:active {
  top: 1px;
  -moz-box-shadow: 0 2px #e2e2e2, 0 4px 1px #ccccce;
  -webkit-box-shadow: 0 2px #e2e2e2, 0 4px 1px #ccccce;
  box-shadow: 0 2px #e2e2e2, 0 4px 1px #ccccce;
}
.button-select:active .price strong {
  background-color: #e9e9e9;
  -moz-box-shadow: 0 2px #d3d0d0;
  -webkit-box-shadow: 0 2px #d3d0d0;
  box-shadow: 0 2px #d3d0d0;
}
/* Parcelamento Box */

.box {
  background-color: #dbdbdb;
  padding: 15px;
  min-height: 50px;
  display: inline-block;
  width: 100%;
}
#first-box {
  margin-bottom: 20px
}
@media (max-width: 768px) {
  .box {
    margin-bottom: 28px
  }
}
.box-sobre {
  background-color: #fff;
  padding: 15px 30px 15px 30px;
  margin-top: 20px;
}
.box-rules {
  background-color: #002750;
  color: #fff;
  padding: 15px 30px 15px 30px;
  margin-top: 20px;
}
.box-regras {
  background-color: #002750;
  color: #fff;
  padding: 15px 30px 15px 30px;
}
.parcelamento {
  font-size: 26pt;
  font-weight: bold;
  display: inline-block;
  line-height: 18pt;
  min-height: 10px
}
.description {
  font-weight: bold;
  font-size: 8pt !important
}
.box-box {
  height: 35px
}
@media (max-width: 414px){
  .box-box{
    height: 55px
  }
  .card {
    line-height: 17px !important
  }
}
.box span{
  color: #002750
}
.ul-pad{
  padding-left: 0 !important;
}
.ul-pad li{
  list-style: none
}
.box ul{
  padding-left: 15px;
  margin-bottom: 0
}
.card{
  line-height: 17px;
}
span.card strong{
  padding-left: 0px
}
.cyan-form {
  background-color: #002750;
  margin-bottom: 20px
}
.cyan-form #signup {
  color: #fff !important;
  text-align: center !important
}
.cyan-form h3, .blue-form h3 {
  font-size: 20px !important;
  text-align: left;
  color: #fff !important;
  padding: 20px
}
.cyan-form input[type="submit"]{
  width: 100%;
  background-color: #128371 !important;
  border-radius: 0 !important;
  transition: 0.5s
}
.cyan-form button, .voucher input[type="submit"], .signup input[type="submit"]{
  width: 100% !important;
  background-color: #128371 !important;
  border-radius: 0 !important;
  color: #fff ;
  border: 0 none !important;
  padding: 15px 30px;
  cursor: pointer;
  font-family: "Montserrat", Arial, Tahoma, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  transition: 0.5s
}
.cyan-form button:hover, .voucher input[type="submit"]:hover, .signup input[type="submit"]:hover{
  background-color: #0f6e5f !important
}
.carteira {
  color: white;
  width: 100%;
  display: inline-flex
}
.carteira a{
  color: #226553;
  font-weight: bold
}
.carteira span{
  width: 60%;
  padding-left:15px;
  line-height: 1.5
}
.blue-form {
  background-color: #036f9e;
  padding: 0 !important
}
.blue-form input[type="submit"]{
  width: 100%;
  margin-bottom: 1em;
  background-color: #00587c !important;
  border-radius: 0 !important;
  transition: 0.5s
}
.blue-form input[type="submit"]:hover{
  background-color: #035a80 !important
}
.quiosque-header{
  background-color: #1c8371;
  padding: 5px 15px;
}
.quiosque-body{
  background-color: #002750;
  color: #fff;
  padding: 15px
}
.quiosque-body h5 {
  color: #1c8371
}
.voucher {
  background-color: #f6f6f6;
  padding: 30px 70px 30px 70px !important
}
.signup {
  background-color: #509884;
  padding: 30px 70px 30px 70px !important
}