body {
    background-color:#FFF;
}

.arrow-down-animate{
    background: url(../img/arrow-down.png) no-repeat;
    width: 47px;
    height: 97px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 25%;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.slide-image-wrapper{
    height: 100%;
    position: relative;
    overflow: hidden;
}
.slide-image{
    /*object-fit: scale-down;*/
    /* width: 100%;*/
  width: 100vw; /* Largura igual à largura da tela */
  height: 89vh; /* Altura igual à altura da tela */
  object-fit: cover; /* Cobre a tela sem distorcer */
  display: block; /

}
.custom-grid{
    padding: 0;
    max-width: 600px;
    position: relative;
    overflow: hidden;
}
#close-fullscreen{
    position: absolute;
    z-index: 999;
    width: 35px;
    top: 10px;
    right: 15px;
    display: none;
}
.slide-html{
    background: #FFF;
}
.slide-intro{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
}
.slide-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.slide-bg{
    background: url(../img/bg.jpg);
    min-height: 1200px !important;
}

.slide-newsletter{
    padding-top: 10%;
}

.slide-newsletter h2{
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}
.color-yellow{
    color: #FFEF00;
}
.slide-intro p{
    color: #FFF;
    font-size: 1.4em;
    text-align: center;
    padding: 20px;
    margin-top: 10px;
}
.widget{
	padding: 10px 25px;
}
header{
    width: 100%;
    background: #ffffff;
    border-bottom: 4px solid #005d96;
    padding: 15px 0;
}
.wrapper-call-action{
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    box-shadow: 1px 1px 18px -3px #CCC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ffffffb3;
}
.wrapper-call-action img{
	width: 100px;
}
.wrapper-call-action h2{
	color: #7b7979;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 0;
}
.common-title{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

p{
	font-size: 14px;
}

.swipe-float{
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
}


.tutorial-swipe{
    background: rgba(0, 0, 0, 0.70);
    width: 96%;
    height: 55px;
    bottom: 20px;
    position: absolute;
    left: 2%;
    right: 2%;
    border-radius: 70px;
    overflow: hidden;
    z-index: 999;
    box-shadow: 1px 1px 16px 0px #017bbe;
}

.tutorial-swipe h2{
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 17px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 3px 3px #000;
}
.swipe-icon{
    position: absolute;
    top: -2px;
    opacity: 1;
    width: 59px;
}

.hide-swipe-background{
    background: transparent !important;
}

.hide-swipe-background h2{
    display: none !important;
}

#portrait-rotate{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 9999;
    left: 0;
    right: 0;
}

.rotate-phone{
    background:#000;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.rotate-phone h4{
    font-size: 22px;
    margin-top: 10px;
    color: #FFFFFF;
}

.btn-custom{
    margin-top: 15px;
}

#input-news{
    background: transparent;
}

.btn-custom, .btn-custom:hover, .btn-custom:focus{
    background: #00a9ff;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 25px;
}

.input-news{
    background: #fff;
    padding: 15px;
    height: 55px;
    border: 3px solid #e1e6ea;
    border-radius: 30px;
    margin-top: 11px;
}

.news-success{
    display: none;
    background: #16a085d6;
    color: #FFF;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px;
    border: 2px solid #29bd63;
    border-radius: 8px;
    margin-top: 20px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #ea000f;
}

@media screen and (max-width: 39.9375em) {
    .slide-image{
        object-fit: cover;
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {
     .slide-image{
        object-fit: scale-down;
        height: 100%;
        overflow: inherit;
    }
}