/* ----------------------------- ESTILOS GERAIS  ------------------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #fff;
	overflow-x: hidden;
	padding-top: 90px;
}

header {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    overflow: hidden;
}

h1, h2, h3, h4 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #000;
	margin: 0px;
	
}


h1.text-orange,
h1.text-laranja,
h2.text-orange,
h2.text-laranja,
h3.text-orange,
h3.text-laranja,
h4.text-orange,
h4.text-laranja,
h5, h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #f58634;
	margin: 0px;
}

p, span {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: .9rem;
	line-height: 22px;
	color: #606060;
}

fieldset {
	border: none;
	width: 100%;
	padding: 0px;
}

.overlay {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	position: fixed;
	z-index: 9999;
	display: none;
}

.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }

.padding-right-0 {padding-right: 0;}
.padding-right-25 {padding-right: 25px}
.padding-right-40 {padding-right: 40px;}

.border-right { border-right: 1px solid rgba(165, 165, 165, .2); }

.btn-laranja {
	font-size: .9rem;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    padding: 11px 20px 10px 20px;
    background: #f58634;
    margin: 0 auto;
    width: 120px;
    border: 1px solid rgba(165, 165, 165, .2);
    display: block;
    border-radius: 20px;
    text-decoration: none;
    text-align: center;
}

.btn-transparente {
	font-size: .9rem;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    padding: 11px 20px 10px 20px;
    background: transparent;
    margin: 0 auto;
    width: 120px;
    border: 1px solid rgba(165, 165, 165, .2);
    display: block;
    border-radius: 20px;
    text-decoration: none;
    text-align: center;
}

.text-left {
	text-align:left !important;
}


.text-right {
	text-align:right !important;
}

.content {
	width:100%;
	max-width:1366px;
	margin:0 auto;
	position:relative;
	background: #fff;
}

.content .section-cabecalho {
	text-align: center;
}

.content .section-cabecalho h5 {
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 20px
}

.content .section-cabecalho h2 {
	font-size: 2.68rem;
	color: #000;
	padding: 0 10%;
}

.modal{
	z-index: 9992!important;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop{
	z-index: 9991!important;
}

/* Scroll bar */
.scroll{
	overflow: auto;
}

.scroll::-webkit-scrollbar {
	width: 8px;
}

.scroll::-webkit-scrollbar-track {
	background: rgb(255, 255, 255);
}

.scroll::-webkit-scrollbar-thumb {
	background-color: rgb(0, 0, 0);    
	border-radius: 20px;       
	border: 5px solid rgb(181 181 181);;  
}

/* menu */

.header-container {
    padding: 20px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9990;

}

#header {
	position: relative;
	display: flex;
    align-items: center;
	z-index: 999;
	justify-content: space-between;
    gap: 25px;
	flex-wrap: wrap;
}

#header #logo {
	margin-top: 3px;
}

.menu {
	margin-top: 1px;
	cursor: pointer;
}
	
.menu-itens {
	width: 100%;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 9999;
    margin-top: -90px;
    pointer-events: none;
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
}

.menu-itens.ativo {
	pointer-events: auto;
	background: rgba(0, 0, 0, .8);
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
}

.menu-itens ul {
	position: absolute;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
    padding: 30px 60px;
}

.menu-itens ul li {
	list-style: none;
	margin-bottom: .5rem;
}

.menu-itens ul li a {
	color: #fff;
    font-size: 1.45rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-decoration: none;
    opacity: .75;
}

.menu-itens ul li a:hover {
    opacity: 1;
}

.menu-base {
	position: absolute;
	display: block;
	width: 100vw;
	max-width: 520px;
	height: 100vh;
	background: rgb(27,27,27);
	background: linear-gradient(155deg, rgba(27,27,27,1) 0%, rgba(0,0,0,1) 100%);
	border-radius: 0px 10px 10px 0px;
	top: 0;
	left: -600px;
	overflow-y: auto;
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
}

.menu-base.ativo {
	left: 0;
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
}

.menu-fechar {
	background: url(../img/close.svg) no-repeat;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 35px;
    right: 35px;
	cursor: pointer;
}

.logo-menu {
	position: relative;
    display: inline-block;
    margin-top: 32px;
    margin-left: 60px;
}

.login-menu {
	float: right;
	position: relative;
    display: flex;
}

.login>a:last-child {
	margin-right: 35px;
}

.login button,
.login #loginSelector {
	padding: 7px 23px 7px 23px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(165, 165, 165, 0.4);
    border-radius: 18px;
	background-color: transparent;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: .85rem;
    text-decoration: none;
}

.index-page header {overflow: visible;}

.discount {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	position: relative;
	display: inline-block;
	background: #fff;
	width: auto;
	height: 30px;
	line-height: 32px;
	font-size: 16px;
	font-weight: bold;
	color: #73e584;
	text-align: center;
	border-radius:4px;
	padding:0 15px;
}

.discount:after {
	content: " ";
	height: 22px;
	width: 22px;
	background:#fff;
	position: absolute;
	top:4px;
	left:-9px;
	border-radius:4px;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);  
}

.discount:before {
	content: "";
	width: 7px;
	height: 7px;
	background: #73e584;
	position: absolute;
	top: 12px;
	left: 0px;
	z-index: 1;
	border-radius: 10px;
}

.notificationCard{
	max-height: 450px; 
	width: 400px;
	position: absolute;
	z-index: inherit;
	border-radius: 5px; 
	background-color: #fff; 
	border: 1px solid #d5d5d5;
	right: 115px;
    top: 35px;
}

.arrow::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #d5d5d5 transparent;
}

.arrow{
	position: relative;
	display: inline-block;
	margin: auto;
	top: -28px;
	right: -316px;
}

.notificationCard ul{
	padding: 0px 15px;
}

.notificationCard li{
	align-items: center; 
	cursor: pointer;
	border-bottom: .5px solid #f5f5f5;
	margin: 10px 0px;
	transition: 1s;
	border-radius: 5px;
}

.notificationCard li:hover{
	background-color: #f2f2f2;
}

.imgPreviewNotification{
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	min-height: 80px;
	text-align: center;
	overflow: hidden;
}

.imgPreviewNotification img{
	height: 100%;
    max-width: 100%;
}

.titleNotification{
	padding-left: 10px;
	font-weight: 500;
	color: rgb(77, 77, 77);
}

.naoLida .titleNotification{
	font-weight: bolder;
    color: #313131;
}

.eofText{
	display: block;
    margin: 20px;
    text-align: center;
}

/* Menu horizontal (Navbar) */

.nav-item{
	border-style: solid;
	border-width: 2px;
	border-bottom-width: 0px;
}

.nav-item:not(:last-child){
	border-image: radial-gradient(white, #b8b8b8, white) 0 1 1 0;
}

.nav-item:last-child{
	border-image: radial-gradient(white, #b8b8b8, white) 0 0 1 0;
}

.nav-item:hover,
.nav-item:active,
.nav-item:focus{
	border-bottom-width: 2px;
}

.dropdown-menu.show>.dropdown-item:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

/* ------------------------ SLIDER  ------------------------ */

.slider-wrapper {padding: 0 10px;}

/*  Nivo Slider styles */
.nivoSlider {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 620px;
	overflow: hidden;
}

.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: none;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white; 
	filter: alpha(opacity=0); 
	opacity: 0;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}

.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 50%;
	top: 72%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	width: 80%; 
	z-index: 8;
	padding: 5px 10px;
	display: none;
}

.nivo-caption h1 {
	font-size: 2.4rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.03rem;
}

#htmlcaption2 .nivo-caption h1 {
	font-size: 36px;
}

.nivo-caption p {
	padding: 5px;
    margin: 0 auto;
    color: #fff;
    font-size: 1.15rem;
    margin-top: 12px;
    line-height: 1.6rem;
    max-width: 640px;
}

.nivo-caption a {
	display: inline-block;
}

.nivo-html-caption {
    display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 60%;
	z-index: 9;
	cursor: pointer;
}
.nivo-prevNav {
	left: 0px;
}
.nivo-nextNav {
	right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align: center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight: 700;
}

.theme-default .nivoSlider {
	position: relative;
	background: #fff url(../img/loading.gif) no-repeat 50% 50%;
}

.theme-default .nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.theme-default .nivo-controlNav {
	padding: 20px 0;
    position: absolute;
    bottom: -60px;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
}

.theme-default .nivo-controlNav a {
	display:inline-block;
	width: 22px;
	height: 22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border: none;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position: 0 -22px; 
}

.theme-default .nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	border: 0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }

.theme-default a.nivo-nextNav {
	background-position: -30px 0;
	background: transparent url(../img/banner-next.svg) no-repeat;
    width: 50px;
    height: 50px;
    right: 10%;
    transform: translateX(-50%);
}

.theme-default a.nivo-prevNav {
	background: transparent url(../img/banner-prev.svg) no-repeat;
    width: 50px;
    height: 50px;
    left: 10%;
    transform: translateX(-50%);
}

.theme-default .nivo-caption {
    font-family: "Montserrat", sans-serif;
}

.theme-default .nivo-caption a {
    color: #fff;
}

.theme-default .nivo-caption a:hover {
    color: #fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

.htmlcaption1-btn {
	width: auto;
	display: inline-block;
}

a.htmlcaption1-btn1 {
	width: 160px;
	margin-right: 10px;
	margin-top: 30px;
}

a.htmlcaption1-btn2 {
	width: 220px;
	margin-right: 10px;
	margin-top: 30px;
}

.fixa-isso{
	overflow-x: scroll;
}

#whatsappButton{
	align-content: center;
}

/* ---------------------- PESQUISA DE PLANO  ---------------------- */

.pesquisa {
	border-radius: 10px;
    background-color: rgba(255, 255, 255, .95);
    box-shadow: 0px 14px 43px 0px rgba(41, 45, 60, 0.15);
    position: absolute;
    height: auto;
    z-index: 221;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    /* overflow: hidden; */
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
}

.modal .pesquisa{
	position: static;
    transform: none;
}

.button,
#submit{
	position: relative;
	display: inline-block;
    border: none;
    width: 100%;
    height: auto;
    background: #f58634;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: .9rem;
    border-radius: 20px;
    padding: .7em 1.4em .7em 1.5em;
    margin-top: 40px;
    cursor: pointer;
}

#novaConta{
	text-decoration: none;
    background: #a5a5a5;
	margin-top: 28px;
}

.index-page select .login select,
.login input,
.pesquisa select,
.pesquisa input {
    display: block;
    font-size: .8rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -.01rem;
    color: #9d9e9f;
    padding: .9em 1.4em .9em 1.5em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(165, 165, 165, .2);
    border-radius: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../img/select.svg);
    background-repeat: no-repeat, repeat;
    background-position: right .9em top 50%, 0 0;
}

input#data-inicio,
input#data-final {
	padding: .8em 1.4em .8em 1.5em;
}

input#dias {
	background-image: none;
}

.categoria {
	width: 100%;
    margin-top: 5px;
    display: inline-block;
}

.destino {
	width: 100%;
    margin-top: 5px;
    display: inline-block;
}

label,
.categoria p,
.destino p,
.passageiros2 p,
.passageiros p,
.data-inicio p,
.data-final p,
.dias p{
	color: #000;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: .88rem;
	margin-bottom: 4px;
	margin-left: 6px;
}


.passageiros {
	width: 52%;
	margin-right: 3%;
	display: inline-block;
	float: left;
}

.data-inicio {
	width: 38%;
	margin-right: 3%;
	display: inline-block;
	float: left;
}

.data-final {
	width: 38%;
	margin-right: 3%;
	display: inline-block;
	float: left;
}

.dias {
	width: 18%;;
	display: inline-block;
	float: left;
}

[type="date"]::-webkit-inner-spin-button {
  display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.cotacao {
	float: left;
	margin-left: 245px;
}

.cotacao p {
	font-size:11px;
	color:#9d9e9f;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
}

.cancelamento {
	margin-top: 14px;
    margin-right: 35px;
    margin-left: 3px;
    display: inline-block;
    float: left;
    clear: both;
}

.cupom {
	margin-top: 14px;
    display: inline-block;
    float: left;	
}

.cancelamento p, .cupom p{
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: .7rem;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	margin: 0px;
	margin-left: 10px;
	margin-top: -3px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 14px;
	float: left;
	margin-top: 2px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

input:checked + .switchbox {}

input:focus + .switchbox {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .switchbox:before {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
	background-color: #f58634;
}

/* Rounded sliders */
.switchbox.round {
	border-radius: 34px;
}

.switchbox.round:before {
	border-radius: 50%;
}

.switchbox {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #d9d9d9;
}

.switchbox:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 2px;
    bottom: 1px;
    background-color: #d9d9d9;
    -webkit-transition: .4s;
    transition: .4s;
}


/* ---------------------- ACORDEON  ---------------------- */

.accordion, .accordion * {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.accordion {
    margin-bottom: 40px;
    margin-top: 40px;
}

.accordion a {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    font-size: .88rem;
}

.accordion p { 
	line-height: 1.25rem;
    font-size: .85rem;
    color: #606060;
}

.accordion-section {
    background: #fff;
    margin-bottom: 17px;
		border: 1px solid rgba(165, 165, 165, 0.2);
    border-radius: 10px;
    box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0.2), 0px 26px 35px 0px rgba(165, 165, 165, 0);
    -webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
}

.accordion-section.active {
    box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0), 0px 26px 35px 0px rgba(165, 165, 165, 0.15);
    -webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
}

.accordion-section-title {
    width: 100%;
    padding: 19px 40px 15px 22px;
    display: inline-block;
    background: transparent url(../img/acordeon-plus.svg) 96% 55% no-repeat;
    transition: all linear 0.15s;
    color: #000;
    overflow: hidden;
    cursor: pointer;
}

.accordion-section-title.active {
    background: transparent url(../img/acordeon-minus.svg) 96% 59% no-repeat;
    padding-bottom: 10px;
    box-shadow: none;
}

.accordion-section-title.active {  }

.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.accordion-section-content {
    padding: 0 22px 10px 22px;
    display: none;
}


/* ---------------------- SLICK SLIDER  ---------------------- */

.slider {
    width: 100%;
    margin: 50px auto;
}

.depoimento.slider {
    margin-bottom: 10px;
}

.slick-slide {
    box-sizing: border-box;
    margin: 0px 15px;
    overflow: hidden;
	border-radius: 10px;
	cursor: pointer;
	box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0.2), 0px 25px 25px 0px rgba(165, 165, 165, 0);
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
	   -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
	     -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
	        transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
}

.depoimento .slick-slide {
    margin: 0px 20px;
}

.slick-slide:hover {
	box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0), 0px 25px 25px 0px rgba(165, 165, 165, 0.15);
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
	   -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
	     -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
	        transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);  
}

.slick-slide img {
    width: 100%;
    z-index: -1;
    position: relative;
}

.slick-slide {}
    
.slick-active {}

.slick-current {}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.midia-mobile,
.depoimento-mobile {
    display: none;
}

.midia .slick-prev {
    position: absolute;
    bottom: -50px;
    right: 50%;
    margin-right: 5px;
    background: transparent url(../img/slide-prev.svg) no-repeat;
}

.midia-mobile .slick-prev,
.depoimento-mobile .slick-prev {
    position: absolute;
    bottom: -40px;
    right: 50%;
    margin-right: 5px;
    background: transparent url(../img/slide-prev.svg) no-repeat;
}

.midia .slick-next {
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: 5px;
    background: transparent url(../img/slide-next.svg) no-repeat;
}

.midia-mobile .slick-next,
.depoimento-mobile .slick-next {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: 5px;
    background: transparent url(../img/slide-next.svg) no-repeat;
}

.depoimento .slick-prev {
    top: 42%;
    left: -10px;
    background: transparent url(../img/slide-prev.svg) no-repeat;
}

.depoimento .slick-next {
    top: 42%;
    right: -10px;
    background: transparent url(../img/slide-next.svg) no-repeat;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}   

.slick-list {
	padding: 10px 0 50px 0;
}

.depoimento .slick-list {
	margin: 0 40px;
}



/* ------- HOME-SECTION 1  ----------- */

#home-section1 .content {
	padding-top: 100px;
	padding-bottom: 110px;
}

.home-section1-bloco,
.home-section1-bloco2 {
	margin-top: 50px;
	position: relative;
    display: inline-block;
}

.home-section1-itens {
	padding: 30px 25px 20px 25px;
	text-align: center;
	border-radius: 10px;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0.2), 0px 26px 35px 0px rgba(165, 165, 165, 0);
    -webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
    -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
    -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
    transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
}

.home-section1-itens:hover {
	box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0), 0px 26px 35px 0px rgba(165, 165, 165, 0.15);
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
}

.home-section1-itens a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#home-section1-item2 {

}

#home-section1-item3 {

}

#home-section1-item4 {

}

.home-section1-itens h4 {
	font-size: 1.11rem;
	margin-top: 30px;
}

.home-section1-itens p {
	font-size: .85rem;
    font-weight: 500;
    line-height: 1.2rem;
    color: #606060;
}

#home-section1-item1 p {
	margin-bottom: 33px;
}

#home-section1-item2 img {

}

#home-section1-item2 h4 {
	padding: 0 20px;
}

#home-section1-item3 h4 {
	padding: 0 20px;
}

#home-section1-item3 p {
	padding: 0 10px;
}

#home-section1-item4 h4 {
	padding: 0 20px;
}

#home-section1-item5 h4 {
	padding: 0 20px;
}


/* ------- HOME-SECTION 2  ----------- */

#home-section2 .content {
	padding-top: 100px;
	padding-bottom: 110px;
	border-top: 1px solid #eaeaea;
}

.home-section2-bloco {
	margin-top: 50px;
	position: relative;
    display: inline-block;
    border: 1px solid rgba(165, 165, 165, .2);
    border-radius: 10px;
}

.passos-itens {
	padding-right: 25px;
	border-right: 1px solid rgba(165, 165, 165, .2);
}

#home-section2 .home-section2-bloco2 {
	padding-right: 0px;
}

.home-section2-bloco2 .col-1-2:last-child {
	padding-right: 40px !important;
}

#home-section2-iten1, 
#home-section2-iten2,
#home-section2-iten3 {
    margin-left: 25px;
}

#home-section2-iten4 {

    margin-left: 25px;
}

.home-section2-itens h2 {
	font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #f58634;
    padding: 10px;
    background-color: #fff;
    margin-top: -25px;
    width: 25px;
    margin-left: -10px;
    margin-bottom: 10px;
}

.home-section2-itens h4 {
	font-size: 1.05rem;
    letter-spacing: -0.015rem;
}

.home-section2-itens p {
	font-size: .85rem;
	line-height: 1.1rem;
    color: #606060;
    margin-bottom: 32px;
    letter-spacing: -0.007rem;
}


/* ------- HOME-SECTION 3  ----------- */

#home-section3 .content {
	padding-top: 100px;
	padding-bottom: 100px;
	border-top: 1px solid #eaeaea;
}

.home-section3-bloco {
	margin-top: 20px;
}

.home-section3-itens {
  border-radius: 10px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  -webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);  
}

.home-section3-itens:hover {
	box-shadow: 0px 20px 40px 0px rgba(41, 45, 60, 0.15);
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);  
}

.home-section3-itens h4 {
	font-size: .9rem;
    margin-top: 12px;
}

.home-section3-itens span {
	font-size: .78rem;
    color: #b6b6b6;
    opacity: .7;
    font-weight: 600;
}

.home-section3-conteudo {
	padding: 10px 22px 22px 22px;
}

.home-section3-img img {
	width: 100%;
}

.home-section3-img {
	height: auto;
}

.home-section3-btn.btn-laranja {

}


/* ------- HOME-SECTION 4  ----------- */

#home-section4 .content {
	padding-top: 100px;
	padding-bottom: 100px;
	border-top: 1px solid #eaeaea;
}

.home-section4-bloco {
	margin-top: 60px;
}

.home-section4-itens {
  border-radius: 10px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0.2), 0px 26px 35px 0px rgba(165, 165, 165, 0);
  -webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
}

.home-section4-itens:hover {
	box-shadow: inset 0px 0px 0px 1px rgba(165, 165, 165, 0), 0px 26px 35px 0px rgba(165, 165, 165, 0.15);
	-webkit-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
       -moz-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
         -o-transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000);
            transition: all 750ms cubic-bezier(0.335, 0.570, 0.250, 1.000); 
}

.home-section4-itens h4 {
	font-size: .9rem;
    margin-top: 12px;
}

.home-section4-itens span {
	font-size: .78rem;
    color: #b6b6b6;
    opacity: .7;
    font-weight: 600;
}

.home-section4-conteudo {
	padding: 10px 22px 22px 22px;
	height: 138px;
}

.home-section4-img img {
	height: 100%;
}

.home-section4-img {
	overflow: hidden;
	width: 100%;
	height: 270px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-section4-btn.btn-laranja {

}


/* ------- HOME-SECTION 5  ----------- */

#home-section5 .content {
	padding-top: 100px;
	padding-bottom: 100px;
	border-top: 1px solid #eaeaea;
}

.home-section5-bloco {
	margin-top: 80px;
}

.home-section5-itens {
	text-align: center;
}

#home-section5-item2 img {
	margin-top: 10px
}

#home-section5-item2 h4 {
	margin-top: 40px;
}

#home-section5-item3 h4 {
	margin-top:40px;
}

#home-section5-item1 h4 {
	margin-top: 40px;
}

#home-section5-item1 {
	padding-left: 25px;
	padding-right: 25px;
}

#home-section5-item2 {
	padding-left: 25px;
	padding-right: 25px;
}

#home-section5-item3 {
	padding-left: 19px;
	padding-right: 19px;
}

#home-section5-item4 {
	padding-left: 20px;
	padding-right: 20px;
}


/* ------- HOME-SECTION 6  ----------- */

#home-section6 .content {
	padding-top: 100px;
	padding-bottom: 100px;
	border-top: 1px solid #eaeaea;
}

.home-section6-bloco {
	margin-top: 80px;
}

.home-section6-itens {
	text-align: center;
}

#home-section6-item2 img {
	margin-top: 10px
}

#home-section6-item2 h4 {
	margin-top: 40px;
}

#home-section6-item3 h4 {
	margin-top:40px;
}

#home-section6-item1 h4 {
	margin-top: 40px;
}

#home-section6-item1 {
	padding-left: 25px;
	padding-right: 25px;
}

#home-section6-item2 {
	padding-left: 25px;
	padding-right: 25px;
}

#home-section6-item3 {
	padding-left: 19px;
	padding-right: 19px;
}

#home-section6-item4 {
	padding-left: 20px;
	padding-right: 20px;
}


/* ------- FOOTER  ----------- */

footer {
	background: #131313;
}

footer .content {
	background: #131313;
	padding-top: 60px;
	padding-bottom: 30px;
}

footer p {
	color: #fff;
    float: left;
    font-size: .85rem;
    margin-bottom: 0;
}

footer h2 {
	font-size: 2.2rem;
	margin-bottom: 8px;
	color: #f58634;
}

footer h3 {
	font-size: 1.5rem;
	color: #f58634;
}

footer h5 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #fff;
	margin: 0px;
	font-size: .9rem;
	margin-top: 24px;
}

footer h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #fff;
	margin: 0px;
	font-size: .8rem;
	margin-top: 3px;
}

.footer-bloco {
	padding-bottom: 60px;
    width: 100%;
    display: inline-block;
}

.footer-coluna1 {
	position: relative;
    border-right: 1px solid rgba(255, 255, 255, .1);
    padding-right: 220px;
    padding-bottom: 5px;
    display: inline-block;
}

.footer-coluna1 img {
    position: absolute;
    right: 50px;
    top: 70px;
}

.footer-coluna2,
.endereco-coluna2 {
    padding-left: 40px;
}

.endereco-coluna2 {
	position: relative;
    display: inline-block;
}

.logo-bloco {
	border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 7px;
}

.logo-footer {
	float: left;
	margin-top: 30px;
}

.copright p {
	font-size: .85rem;
	font-weight: 500;
	color: #fff;
	text-align: right;
	margin-top: 35px;
}

.copright {
    position: relative;
    display: inline-block;
    float: right;
}

.endereco-footer {
	margin-top: 11px;
    position: relative;
    display: inline-block;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.endereco-footer p {
	font-size: .8rem;
	line-height: 1.2rem;
}

.midias-sociais {
	display: inline-block;
    float: left;
	margin-top: 30px;
}

.midias-sociais h4 {
	font-size: 1.2rem;
	color: #f58634;
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-right: 30px;
}

.midias-sociais a {
	margin-right: 10px;
	float: left;
}



/* ------------------------------------------------  NOSSOS PLANOS  ------------------------------------------------ */

.header-planos {
	background: url("../img/img-banner-planos.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

.header-title {
	font-size: 2.68rem;
    line-height: 3rem;
    color: #000;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    /* padding: 0 30px; */
    box-sizing: border-box;
}

#planos-section {
	max-width: 840px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

.intro-content {
	font-size: 1.05rem;
	line-height: 1.55rem;
    padding: 45px 30px 10px 30px;
    text-align: center;
}

#planos-section .accordion a {
	text-transform: uppercase;
    font-size: .85rem;
    padding-top: 21px;
}

#planos-section .accordion-section-title {
    padding: 19px 70px 15px 22px;
}

#planos-section .accordion .link-accordion {
	font-weight: 600;
    text-transform: none;
    color: #606060;
    background-image: url(../img/seta-itens.svg);
    background-repeat: no-repeat, repeat;
    background-position: left 0 top 24px, 0 0;
    padding-left: 14px;
}


/* -----------------------------------------  NOSSOS PLANOS - ITENS  ----------------------------------------- */

#planos-section-itens {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}


/* ------------------------------------------------ E-FLYERS  ------------------------------------------------ */

.header-eflyers {
	background: url("../img/img-banner-eflyers.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#eflyers-section {
	max-width: 840px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

#eflyers-section .accordion a {
	text-transform: uppercase;
    font-size: .85rem;
    padding-top: 21px;
}

#eflyers-section .accordion-section-title {
    padding: 19px 70px 15px 22px;
}

#eflyers-section .accordion .link-accordion {
	font-weight: 600;
    text-transform: none;
    color: #606060;
    background-image: url(../img/seta-itens.svg);
    background-repeat: no-repeat, repeat;
    background-position: left 0 top 24px, 0 0;
    padding-left: 14px;
}


/* ------------------------------------------------  VERIFIQUE SEU VOUCHER  ------------------------------------------------ */

.header-verifique {
	background: url("../img/img-banner-voucher.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#verifique-section {
	max-width: 840px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

.verifique-section-bloco {
	padding: 30px 25px 20px 25px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(165, 165, 165, .2);
    margin-top: 60px;
    margin-bottom: 60px;
}

#verifique-section h4 {
	margin-top: 25px;
}

#verifique-section p {}

#voucher {
    display: block;
    font-size: .8rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -.01rem;
    color: #9d9e9f;
    padding: .9em 1.4em .9em 1.5em;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    max-width: 540px;
    box-sizing: border-box;
    border: 1px solid rgba(165, 165, 165, .2);
    border-radius: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-repeat: no-repeat, repeat;
    background-position: right .9em top 50%, 0 0;
}

#submit-voucher {
	position: relative;
    border: none;
    width: 160px;
    height: auto;
    background: #f58634;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: .9rem;
    border-radius: 20px;
    padding: .7em 1.4em .7em 1.5em;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}


/* ------------------------------------------------  BAIXE SEU BILHETE  ------------------------------------------------ */

.header-baixe-bilhete {
	background: url("../img/img-banner-baixebilhete.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#baixe-bilhete-section {
	max-width: 840px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

.baixe-bilhete-section-bloco {
	padding: 30px 25px 20px 25px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(165, 165, 165, .2);
    margin-top: 40px;
    margin-bottom: 60px;
}

.baixe-bilhete-section-bloco p {
	text-align: center;
    margin-left: 5px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #000;
}

#documento,
#bilhete {
    display: block;
    font-size: .8rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -.01rem;
    color: #9d9e9f;
    padding: .9em 1.4em .9em 1.5em;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 540px;
    box-sizing: border-box;
    border: 1px solid rgba(165, 165, 165, .2);
    border-radius: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-repeat: no-repeat, repeat;
    background-position: right .9em top 50%, 0 0;
}

#submit-baixe-bilhete {
	position: relative;
    border: none;
    width: 160px;
    height: auto;
    background: #f58634;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: .9rem;
    border-radius: 20px;
    padding: .7em 1.4em .7em 1.5em;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor: pointer;
}


/* ------------------------------------------------  CONTATOS  ------------------------------------------------ */

.header-contatos {
	background: url("../img/img-banner-contatos.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#contatos-section {
	max-width: 920px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

.contatos-section-itens {
	padding: 30px 25px 20px 25px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(165, 165, 165, .2);
    margin-top: 40px;
    margin-bottom: 60px;
}

.contatos-section-itens h4 {
	margin-top: 20px;
}

#contatos-section-item1 p {
	margin-bottom: 58px;
}

.contatos-flag{
	height: 70px;
	background-color: #ffa500;
	border-radius: 150px;
	width: 70px;
	padding: 10px;
	justify-self: center;
}

.contatos-flag img {
	width: 100%;
	border-radius: 150px;
}

/* ------------------------------------------------  FALE CONOSCO  ------------------------------------------------ */

.header-faleconosco {
	background: url("../img/img-banner-faleconosco.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#faleconosco-section {
	max-width: 920px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

.faleconosco-section-itens {
	display: block;
	padding: 30px 25px 20px 25px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(165, 165, 165, .2);
    margin-top: 60px;
    margin-bottom: 60px;
}

#faleconosco-section-item3>div:nth-child(1) {
	width: 70px;
	height: 70px;
	background-color: #f58634;
	border-radius: 50%;
	align-content: center;
	color: white;
	margin-inline: auto;
	font-size: xx-large;
}

.faleconosco-section-bloco1>div,
.faleconosco-section-bloco1 {
	display: flex;
	flex: wrap;
}

.faleconosco-section-bloco2 {
	padding: 30px 60px 20px 60px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(165, 165, 165, .2);
    margin-bottom: 60px;
}

#faleconosco-section h4 {
	margin-top: 25px;
}

#faleconosco-section p {}

.nome,
.email,
.telefone,
.cidade,
.mensagem {
    width: 100%;
    margin-top: 5px;
    display: inline-block;
}

.nome p,
.email p,
.telefone p,
.cidade p,
.mensagem p {
    text-align: left;
    margin-left: 5px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #000;
}

input#nome,
input#email,
input#fone,
input#cidade,
input#cpf,
select#bancoCodigo,
input#bancoAgencia,
input#agencia_dig,
input#bancoConta,
input#conta_dig,
select#conta_tipo,
input#conta_operacao,
select#tipoPix,
input#pix,
input#mensagem{
	display: block;
	font-size: .8rem;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	letter-spacing: -.01rem;
	color: #9d9e9f;
	padding: .9em 1.4em .9em 1.5em;
	margin: 0 auto;
	margin-top: 7px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(165, 165, 165, .2);
	border-radius: 20px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-repeat: no-repeat, repeat;
	background-position: right .9em top 50%, 0 0;
}

#submit-faleconosco {
	position: relative;
    border: none;
    width: 160px;
    height: auto;
    background: #f58634;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: .9rem;
    border-radius: 20px;
    padding: .7em 1.4em .7em 1.5em;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}


/* ------------------------------------------------ CONDIÇÕES GERAIS  ------------------------------------------------ */

.header-condicoes {
	background: url("../img/img-banner-condicoes.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#condicoes-section {
	max-width: 840px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

#condicoes-section .accordion a {
	text-transform: uppercase;
    font-size: .85rem;
    padding-top: 21px;
}

#condicoes-section .accordion-section-title {
    padding: 19px 70px 15px 22px;
}

#condicoes-section .accordion .link-accordion {
	font-weight: 600;
    text-transform: none;
    color: #606060;
    background-image: url(../img/seta-itens.svg);
    background-repeat: no-repeat, repeat;
    background-position: left 0 top 24px, 0 0;
    padding-left: 14px;
}


/* ------------------------------------------------ FORMULARIOS  ------------------------------------------------ */

.header-formularios {
	background: url("../img/img-banner-formularios.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#formularios-section {
	max-width: 840px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

#formularios-section .accordion a {
	text-transform: uppercase;
    font-size: .85rem;
    padding-top: 21px;
}

#formularios-section .accordion-section-title {
    padding: 19px 70px 15px 22px;
}

#formularios-section .accordion .link-accordion {
	font-weight: 600;
    text-transform: none;
    color: #606060;
    background-image: url(../img/seta-itens.svg);
    background-repeat: no-repeat, repeat;
    background-position: left 0 top 24px, 0 0;
    padding-left: 14px;
}


/* ------------------------------------------------ MISSÃO, VISÃO E VALORES  ------------------------------------------------ */

.header-missao {
	background: url("../img/img-banner-missao.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}

#missao-section {
	max-width: 640px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 90px;
}

#missao-section .accordion-section-content {
    padding: 0 32px 15px 32px;
}

#missao-section .accordion a {
	text-transform: uppercase;
    font-size: .95rem;
    padding-top: 21px;
}

#missao-section .accordion p {
    line-height: 1.35rem;
    font-size: .9rem;
    color: #606060;
}

#missao-section .accordion-section-title {
    padding: 19px 70px 15px 32px;
}

#missao-section .accordion .link-accordion {
	font-weight: 600;
    text-transform: none;
    color: #606060;
    background-image: url(../img/seta-itens.svg);
    background-repeat: no-repeat, repeat;
    background-position: left 0 top 24px, 0 0;
    padding-left: 14px;
}


/* ------------------------------------------------ FAQ  ------------------------------------------------ */

	.header-faq {
		background: url("../img/img-banner-faq.jpg") center no-repeat;
		background-size: cover;
		position: relative;
		height: 186px;
		padding: 30px 30px 30px 30px;
		box-sizing: border-box;
	}

	#faq-section {
		max-width: 840px;
		position: relative;
		margin: 0 auto;
		margin-bottom: 90px;
	}

	#faq-section .accordion-section-title {
		padding: 19px 70px 15px 22px;
	}

/* ---------------------------------------------  MEUS DADOS  --------------------------------------------- */

#meus-dados {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

.header-meus-dados {
	background: url("../img/img-banner-meus-dados.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}



/* ----------------------------------------------  EMISSÃO  ---------------------------------------------- */

#emissao-emitir {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

#emissao-solicitar {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

#emissao-historico {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

#emissao-superlinks {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

#emissao-envio {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

.header-emissao {
	background: url("../img/img-banner-emissao.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
	padding: 30px 30px 30px 30px;
	box-sizing: border-box;
}



/* -----------------------------------------  CAMPANHA LIVELO  ----------------------------------------- */

#campanha-livelo {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

.header-campanha-livelo {
	background: url("../img/img-banner-campanha-livelo.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}



/* ------------------------------------------  ADMINISTRATIVO  ------------------------------------------ */

#adm-financeiro {
	max-width: 1120px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

#adm-relatorios {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

#adm-usuarios {
	max-width: 1200px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

#adm-go {
	max-width: 980px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

.header-adm {
	background: url("../img/img-banner-adm.jpg") center no-repeat;
	background-size: cover;
	position: relative;
	height: 186px;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
}



/* ------------------------------------------------ LOGIN POPUP  ------------------------------------------------ */
	form.login>div.col-md>*{
		width: 100%;
	}

	form.login>button,
	form.login>input[type=submit]{
		letter-spacing: -.01rem;
		max-width: 100%;
		box-sizing: border-box;
		appearance: none;
		position: relative;
		display: inline-block;
		border: none;
		height: auto;
		background: #6b6b6b;
		color: #fff;
		font-family: montserrat,sans-serif;
		font-weight: 600;
		font-size: .9rem;
		border-radius: 20px;
		padding: .7em 1.4em .7em 1.5em;
		margin-top: 40px;
		cursor: pointer;
	}

	.d-flex{
		display:flex;
	}

	.hidden{
		display: none;
	}


/* ------------------------------------------------ QUERIES  ------------------------------------------------ */







@media (max-width: 1200px) {

	.menu-itens ul li {
		padding-left: 10px;
		padding-right: 10px;
	}

	.home-section1-chamada p,
	.home-section1-chamada h3 {
		padding-left: 0px;
	}

	.home-section1-chamada span {
		float: none;
	}

	#home-section2-item2,
	#home-section2-item3,
	#home-section2-item4 {
		padding: 0px;
	}

	.home-section4-bloco2 img {
		width: 100%;
	}

	.home-section4-bloco2 .col-1-2{
		padding-right: 40px !important;
	}

	#home-section5-item1,
	#home-section5-item2,
	#home-section5-item3,
	#home-section5-item4 {
		padding:0px;
	}
	
}

@media (max-width: 1100px) {
	body{
		padding-top: 155px;
	}

	.menu-itens{
		margin-top: -155px;
	}
	
	.menu-container .col-1-1{
		margin: 0px;
	}
	
	.menu-container .col-1-1 {
		padding-right: 0px;
	}

	.menu {
		display: block;
		width: 31px;
		height: 26px;
		cursor: pointer;
	}

	#cadLogin{
		height: auto !important;	
		max-height: none !important;
	}

	.pesquisa {
		width: 100% !important;
	    margin: auto;
	    position: relative;
	    left: 0;
	    transform: none;
	    max-width: 100%;
	    border-radius: 0;
		min-height: 250px;
	}

	.cotacao {
		float:right;
		margin-left:0px;
		margin-top:17px;
	}

	.data-inicio,
	.data-final {
		width: 42%;
		margin-right: 3%;
	}

	.dias {
		width: 10%;
	}

	.passageiros {
		width: 52%;
		margin-right: 3%;
	}

	.nivo-caption h1 {
		font-size: 40px;
	}

	.nivoSlider {
		width: 100%;
	}

	.slider-wrapper {
	    padding: 0;
	}
	
	.nivo-main-image,
	.nivoSlider img {
		width: 100% !important;
		height: 420px !important;
	}

	.nivo-caption {
	    box-sizing: border-box;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    text-align: center;
	    color: #fff;
	    width: 100%;
	    padding: 5px 20%;
	}

	.theme-default a.nivo-nextNav {
		background-position: -30px 0;
		background: transparent url(../img/banner-next.svg) no-repeat;
	    width: 50px;
	    height: 50px;
	    right: 10%;
	    transform: translateX(-50%);
	}

	.theme-default a.nivo-prevNav {
		background: transparent url(../img/banner-prev.svg) no-repeat;
	    width: 50px;
	    height: 50px;
	    left: 10%;
	    transform: translateX(-50%);
	}


	.titulo-header {
		font-size: 40px;
		text-align: center;
	}

	.home-section1-bloco, .home-section1-bloco2 {
	    display: block;
	}

	.home-section1-itens {
		padding-bottom: 40px;
	}

	#home-section1-item4 {
	    margin-bottom: -10px;
	}

	.home-section1-bloco2 {
		margin-top: 0px;
	}

	.home-section1-chamada {
		padding-right: 0px;
		text-align: center;
	}

	.home-section1-chamada p {
		margin-top: 25px;
		margin-bottom: 40px;
	}

	#home-section2-item1,
	#home-section2-item2,
	#home-section2-item3,
	#home-section2-item4  {
		text-align: center;
		padding-bottom: 40px;
	}

	.home-section2-itens {
        padding-bottom: 0px;
    }

    .home-section2-itens h2 {
	    font-size: 2.4rem;
	    padding: 10px;
	    margin-top: 15px;
	    width: 100%;
	    margin-left: -10px;
	    margin-bottom: 0px;
	}

	.passos-itens {
		border-bottom: 1px solid rgba(165, 165, 165, .2);
		width: 100%;
	}

	.home-section3-img {
		height:auto;
	}

	.home-section3-itens {
		margin-bottom:40px;
	}

	.home-section4-bloco2 .col-1-2 {
		padding-right: 10px !important;
	}

	.home-section4-btn {
		margin-bottom: 40px;
	}

	#home-section4 .home-section4-bloco2 {
		padding-left: 0px;
	}

	#home-section5-item1,
	#home-section5-item2,
	#home-section5-item3,
	#home-section5-item4 {
		padding-bottom:40px;
	}

	.border-right {
	    border-right: none;
	}

	.midia,
    .depoimento {
    	display: none;
    }

    .midia-mobile,
    .depoimento-mobile {
    	display: block;
    }

    .footer-coluna2,
    .endereco-coluna2 {
	    padding-left: 0;
	}

	.footer-coluna1 {
	    border-right: none;
	    padding-right: 220px;
	    padding-bottom: 0;
	    margin-bottom: 40px;
	}

	.endereco-footer {
	    width: 100%;
	}

    .padding-right-40 {
	    padding-right: 20px;
	}

	form.login>*{
		width: 100%;
	}


	#logo{
		width: 80%;
		margin-inline: auto;
		text-align: center;
	}
	
	#header{
		justify-content: center;
	}
	
	.image-container{
		/* margin-top: 54px; */
	}
}

@media (max-width: 600px) {
	body{
		padding-top: 230px;
	}

	.menu-itens{
		margin-top: -200px;
	}

	[class*='col-'] {
		padding-left: 10px;
        padding-right: 10px;
    }

	.sGrid {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .login-mobile {
        display: block;
    }
    
    .login>a:last-child {
        margin-right: 20px;
    }

    .menu-itens ul {
	    padding: 30px 50px;
	}

    .menu-itens ul li a {
	    font-size: 1.3rem;
	}


	.menu {
        left: auto;
        right: 30px;
    }

    .logo-menu {
	    margin-left: 50px;
	}

    #menu #logo {
    	width: 150px;
    }
    
    #menu #logo img {
        width: 100%;
    } 

    .data-inicio,
    .destino {
	    margin-top: -10px;
	    width: 100%;
	}
    
	input[type=submit],
	.data-final,
	.passageiros,
	.dias,
	#submit ,
	#novaConta{
		width: 100%;
		margin-top: 10px;
	}

	.data-inicio,
	.passageiros {
		margin-right: 0px;
	}

	.passageiros {
		margin-bottom: 30px;
	}

	.cotacao {
        float: left;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

	.cupom {
		margin-left: 0px;
	}

	.nivo-caption h1 {
	    font-size: 1.8rem;
        line-height: 2.1rem;
	}

	.nivo-caption p {
	    font-size: 1rem;
	    line-height: 1.3rem;
	}
	
	.nivo-caption {
		padding: 0 10%;
	}

	a.htmlcaption1-btn2,
	a.htmlcaption1-btn1 {
	    margin-right: 0px;
	    margin-top: 20px;
	}

	.nivo-directionNav {
		display: none;
	}
    
    .content .section-cabecalho h2 {
	    font-size: 2.5rem;
	    line-height: 2.8rem;
	}

    #home-section1 .content {
	    padding-top: 80px;
	    padding-bottom: 70px;
	}

    #home-section2 .content {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}

    #home-section3 .content {
	    padding-top: 80px;
	    padding-bottom: 70px;
	}

	.accordion-bloco2 {
		margin-top: -22px;
	}

    #home-section4 .content {
	    padding-top: 80px;
	    padding-bottom: 40px;
	}

    #home-section5 .content {
	    padding-top: 80px;
	    padding-bottom: 40px;
	}

    #home-section6 .content {
	    padding-top: 80px;
	    padding-bottom: 40px;
	}

    footer .content {
	    padding-top: 30px;
	}

	footer h2 {
	    margin-bottom: 25px;
	}

	footer h5 {
	    font-size: 1rem;
	}

	footer h6 {
	    font-size: .9rem;
	    margin-top: 6px;
	}

	footer p {
	    float: none;
	}

	.logo-footer {
        float: none;
    }
    
    .logo-footer img {
        margin: auto;
        display: block;
    }

	.footer-bloco {
	    padding: 25px;
	    width: 100%;
	    display: inline-block;
	    text-align: center;
	    margin: 0 auto;
	    box-sizing: border-box;
	}

    .footer-coluna1 {
        padding-bottom: 50px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        margin-bottom: 20px;
    }

    .footer-coluna1 img {
	    display: none;
	}

    .copright {
    	width: 100%;
    }

    .copright p {
	    text-align: center;
	    float: none;
	    font-weight: 600;
	    font-size: .8rem;
	}

    .midias-sociais {
    	float: none;
    }

    .midias-sociais h4 {
	    font-size: 1.2rem;
	    display: block;
	    float: none;
	    margin-right: 0px;
	    margin-bottom: 20px;
	    width: 100%;
    }

    .midias-sociais a {
	    margin: 1px;
	    float: none;
	}
    
    .accordion-section {
        display: block;
    }
    
    .affinity-section3-chamada ul,
    #mapa {
    	display: none;
    }
    
    .affinity-section3-chamada {
        padding-bottom: 0px;
    }

	#planos-section {
	    margin-bottom: 50px;
	}

	#eflyers-section {
	    margin-bottom: 50px;
	}

	#verifique-section {
	    margin-bottom: 50px;
	}

	#contatos-section {
	    margin-bottom: 70px;
	}

	.contatos-section-itens {
	    margin-bottom: 30px;
	}

	#baixe-bilhete-section {
	    margin-bottom: 50px;
	}

	#faleconosco-section {
	    margin-bottom: 30px;
	}

	.faleconosco-section-itens {
		margin-top: 20px;
	    margin-bottom: 20px;
	}

	.faleconosco-section-bloco1 {
		margin-top: 60px;
	}

	.faleconosco-section-bloco2 {
	    padding: 10px 20px 10px 20px;
	}

	#condicoes-section {
	    margin-bottom: 50px;
	}
	
	#formularios-section {
	    margin-bottom: 50px;
	}
	
	.login button{
		font-size: .70rem;
	}
	.image-container{
		/* margin-top: 144px; */
	}

	.notificationCard{
		width: 300px;
		right: 0px;
	}
	.arrow{
		right: -135px !important;
	}
}

/* progresso de etapas */
/* estilo dos passos da compra */
.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
  
    @media (max-width: 768px) {
      font-size: 12px;
    }
  }
  
  .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
  }
  
  .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
  }
  
  .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
  }
  
  .stepper-item.active {
    font-weight: bold;
  }
  
  .stepper-item.completed .step-counter {
    background-color: #f58634;
  }
  
  .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #f58634;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
  }
  
  .stepper-item:first-child::before {
    content: none;
  }
  .stepper-item:last-child::after {
    content: none;
  }
  .stepper-item.completed .step-counter {
	background-color: #f58634;
	color: white;
	animation: mygradient 5s infinite alternate;
}
@keyframes mygradient {
	0% {
		background-color: #f58634; /* Tom laranja inicial */
	}
	25% {
		background-color: #ff8c42; /* Tom laranja mais claro */
	}
	50% {
		background-color: #ffa366; /* Tom laranja mais suave */
	}
	75% {
		background-color: #ffb380; /* Tom laranja mais pálido */
	}
	100% {
		background-color: #f58634; /* Volta ao tom laranja inicial */
	}
}
	/* styles da regua */
	.regua-desired {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	display: flex;
	align-items: center;
	justify-content:space-between;
	}

	.value {
	font-size: 36px;
	}

	.unit {
	font-size: 24px;
	}

	.regulator-container {
		display: flex;
		/* align-items: center; */
		justify-content: space-between;
		margin-bottom: 20px;
	}

	.regulator-input {
		width: 50px;
		text-align: center;
		margin: 0 10px;
	}

	.regulator-slider {
		width: 150px;
		margin: 0 10px;
	}

	.regulator-button {
		background-color: #fff; 
		border: none;
		color: #007bff;
		border: 2px solid #007bff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		font-size: 18px;
		cursor: pointer;
		transition: background-color 0.5s ease;
	}

	.regulator-button:hover {
		background-color: #007bff;
		color: #fff;
	}

	button:focus {
	outline: none;
	}

	/* fim regua dois */


/* ------------- Box Cotação -------------- */

#comparativo-title 
{
	font-size: .9rem;
	color: #000;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	padding: 11px 20px 10px;
	background: 0 0;
	margin: 0 auto;
	width: 240px;
	border: 1px solid rgba(165, 165, 165, .2);
	display: block;
	text-align: center;
	margin-top: 30px;
	text-transform: none;
	letter-spacing: 0;
	position: relative;
	overflow: hidden;
}

#comparativo-title:hover
{
	background: linear-gradient(#f58634, #D98611);
	color: #fff;
}
#comparativo-title:nth-child(1){
	/*filter: hue-rotate(270deg);*/
}
#comparativo-title:nth-child(2){
	/*filter: hue-rotate(110deg);*/
}
#comparativo-title span
{
	position: absolute;
	display: block;
}

#comparativo-title span:nth-child(1)
{
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(#f58634, #D98611);
	animation: animate1 1s linear infinite;
}

@keyframes animate1
{
	0%{
		left: -100%;
	}
	50%,100%{
		left: 100%;
	}
}

#comparativo-title span:nth-child(2)
{
	top: -100%;
	right: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(#f58634, #D98611);
	animation: animate2 1s linear infinite;
	animation-delay: 0.25s;
}

@keyframes animate2
{
	0%{
		top: -100%;
	}
	50%,100%{
		top: 100%;
	}
}
#comparativo-title span:nth-child(3)
{
	bottom: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(#f58634, #D98611);
	animation: animate3 1s linear infinite;
	animation-delay: 0.50s;
}

@keyframes animate3
{
	0%{
		right: -100%;
	}
	50%,100%{
		right: 100%;
	}
}

#comparativo-title span:nth-child(4)
{
	bottom: -100%;
	left: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(#f58634, #D98611);
	animation: animate4 1s linear infinite;
	animation-delay: 0.75s;
}

@keyframes animate4
{
	0%
	{
		bottom: -100%;
	}
	50%,100%
	{
		bottom: 100%;
	}
}

.comparativo-opcoes {
	width: 70%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.comparativo-opcoes p {
	float: left;
	color: #000;
	margin-right: 50px;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
}

.comparativo-opcoes p span {
	font-family: montserrat, sans-serif;
	color: #000;
	font-size: 13px;
}

.comparativo-opcoes p:last-child {
	margin-right: 0
}
/* Fim box dados cotação cotação */

.btn-outline-orange{
    border: 2px solid #f58634!important;
    color: #f58634!important;
    transition: 1s!important;
}

.btn-outline-orange:hover{
    background-color: #f58634!important;
    color: white!important;
}

.text-main{
	color: #f58634;
}

.bg-main{
	background-color: #f58634;
}

.bg-text-main,
.text-bg-main{
	background-color: #f58634;
	color: black;
}

/* FOR FUN */
.spin-me{
	transition: all .3s;
}

.spin-me:hover:before,
.spin-me:hover{	
	transform: rotate(360deg);
}

@keyframes pulseLogin {
	0% { opacity: 0.3; }
	50% { opacity: 1; }
	100% { opacity: 0.3; }
}

.dotLogin {
	width: 15px;
	height: 15px;
	background-color: #FF5C35;
	border-radius: 50%;
	animation: bounceLogin 1.5s infinite;
}

.dotLogin:nth-child(1) {
	animation-delay: 0s;
}

.dotLogin:nth-child(2) {
	animation-delay: 0.3s;
}

.dotLogin:nth-child(3) {
	animation-delay: 0.6s;
}

@keyframes bounceLogin {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
}

.bounce-occasional {
  animation: bounce-in-bottom 5s both infinite;
}

@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  9.5% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  13.75% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  18% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  20.25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  22.5% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  23.75% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  9.5% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  13.75% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  18% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  20.25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  22.5% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  23.75% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}