html{
    scroll-behavior: smooth;
}
body{
    text-align: center;
    background-color:#042828;
    width: 100%;
    overflow-x: hidden
}
.homepage{
    display: block;
    width:100%;
}

.video {
	text-align: center;
	width: 102vw;
	height: 102vh;
	overflow: hidden;
	display: block;
	margin-left: 0;
	margin-right: 0;
	margin-top: -0.5vw;	
	margin-left: -0.5vw;
}
.video-desktop {
    display: block;
}
.video-mobile {
    display: none;
}

.video-overlay {
	position: relative;
	z-index: 999;
	margin-top: -111vh;
	color: #fff;
	text-align: right;
	padding-right: 14vh;
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;
}
.move-down {
	position: relative;
	z-index: 999;
	margin-top: 70vh;
	color: #fff;
	text-align: right;
	margin-left: 86vw;
}
.video-download {
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	text-align: left;
/*	padding-right: 3vh;*/
	height: 4.06vw;
}
.video-download-mais {
    width:0;
	text-align: center;
    padding-right: 0;
	padding-left: 0;
	background-color: rgba(4, 40, 40, 0.6);
	float: right;
	height: 4.06vw;
	line-height: 4.06vw;
	font-size: 1.09vw;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	overflow: hidden;
	-webkit-transition: width, padding-right, padding-left 1s; /* For Safari 3.1 to 6.0 */
    transition: padding-right, padding-left, width 1s;
	
}
.video-download:hover .video-download-mais {
    width:12.5vw;

}
#imagem-full {
	position: fixed;
	display: none;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(4, 40, 40, 0.5);
	z-index: 99999;
	cursor: pointer;
}


#obrigado {
	position: fixed;
	display: none;
	width: 50vw;
	height: 28.4vw;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(4, 40, 40, 0.5);
	z-index: 99999;
	cursor: pointer;
	margin-left: calc(50% - 25vw);
	margin-top: calc(50vh - 14.2vw);
	text-align: center;
}
#obrigadox {
	text-align: right;
    margin-top: -2.5vw;
}

#text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 50px;
	color: #003F40;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	background-color: white;
	width: 43vw;
	height: 22vw;
	line-height: 21vw;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.82vw;
	font-weight: bold;
}
.logo-bottom {
    display: block;
    text-align: center;
    margin-top: 2vw;
}
.logo-bottom img {
	width: 26vw;
	padding-top: 2vw;
}
.folhas {
	position: relative;
	z-index: 999;
	margin-top: -38vh;
	color: #fff;
	text-align: right;
	padding-right: 17vh;
	margin-left: -140vh;
	width: 28vw;
}
.slider-page{
    display: block;
    width: 100%;
	height: 100vh;
    background-color:#042828;
}
.logo-sg{
    padding-top: 3.5vw;
}

.imagem-slider {
    transition: width 1s, opacity 1s ease-in-out;
}
.imagem-sliderl, .imagem-sliderr {
    transition: width 1s, opacity 1s ease-in-out;
}
.imagem-slider:hover {
    cursor: pointer;
}

/* CAROUSSEL*/
/* novo*/
.owl-item.active {
       transform: scale(0.3, 0.3);
       transition:  0.5s;
       height: 400px;
       margin-top: 80px;
 }
.owl-item.active.center {
       transform: scale(1.5, 1.5);
       transition:  0.5s;
       height: 500px;
       margin-top: 0px;
}
/* END novo*/
.wrapper {
	display: block;
}
#wrapper {
	width: 54vw;
	height: 31vw;
	/* margin: -225px 0 0 -475px; */
	position: relative;
	/* top: 50%; */
	/* left: 50%; */
	margin-top: 2vw;
	margin-left: calc(50% - 27vw);
}
#carousel-left,
#carousel-right {
	width: 20vw;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 5vw;
	z-index: 2;
}
#carousel-left:hover,
#carousel-right:hover {
	width: 25,7895vw;
	height: 18,6252vw;
}
#carousel-left {
	left: 1%;
}
#carousel-right {
	right: 1%;
}
#carousel-center {
	width: 18vw;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 1.3vw;
	left: 33%;
	z-index: 1;
}
.caroufredsel_wrapper {
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.3 );
}
.caroufredsel_wrapper img {
	display: block;
	float: left;
}
#prev,
#next {
	display: block;
	margin-top: 0;
	position: absolute;
	top: 50%;
	z-index: 0;
	width: 4.4vw;
}
#prev {
	left: -12vw;
}
#next {
	right: -12vw;
}
#prev:hover,
#next:hover {
	opacity: 0.5;
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
    #wrapper {
    	width: 54%;
    	height: 31vw;
    	position: relative;
    	margin-top: 4vw;
    	margin-left: 23%;
    }
    .folhas {
        margin-top: -22vh;
        margin-left: -115vh;
    }
    .logo-bottom img {
    	width: 26vw;
    	padding-top: 8vw;
    }
    .video-overlay {
    	position: relative;
    	z-index: 999;
    	margin-top: -92vh;
    	color: #fff;
    	text-align: right;
    	padding-right: 20vh;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 1vw;
    }
    .move-down {
    	position: relative;
    	z-index: 999;
    	margin-top: 73vh;
    	color: #fff;
    	text-align: right;
    	margin-left: 86vw;
    }
    .video {
    	text-align: center;
    	width: 112vw;
    	height: 102vh;
    	overflow: hidden;
    	display: block;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: -0.8vw;
    	margin-left: -5vw;
    }

    .logo-bottom {
    	display: block;
    	text-align: center;
    	margin-top: 0vw;
    }
    #carousel-center {
    	width: 21vw;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
    #wrapper {
    	width: 54%;
    	height: 31vw;
    	position: relative;
    	margin-top: 4vw;
    	margin-left: 23%;
    }
    .folhas {
        margin-top: -22vh;
        margin-left: -115vh;
    }
    .logo-bottom img {
    	width: 26vw;
    	padding-top: 8vw;
    }
    .video-overlay {
    	position: relative;
    	z-index: 999;
    	margin-top: -122vh;
    	color: #fff;
    	text-align: right;
    	padding-right: 27vh;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 1vw;
    }
    .move-down {
    	position: relative;
    	z-index: 999;
    	margin-top: 62vh;
    	color: #fff;
    	text-align: right;
    	margin-left: 86vw;
    }
    .video {
    	text-align: center;
    	width: 112vw;
    	height: 102vh;
    	overflow: hidden;
    	display: block;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: -0.8vw;
    	margin-left: -5vw;
    }

    .logo-bottom {
    	display: block;
    	text-align: center;
    	margin-top: 0vw;
    }
    #carousel-center {
    	width: 21vw;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    #wrapper {
    	width: 54vw;
    	height: 31vw;
    	/* margin: -225px 0 0 -475px; */
    	position: relative;
    	/* top: 50%; */
    	/* left: 50%; */
    	margin-top: 5vw;
    	margin-left: calc(50% - 27vw);
    }
    .folhas {
        margin-top: -22vh;
        margin-left: -115vh;
    }
    .logo-bottom img {
    	width: 26vw;
    	padding-top: 5vw;
    }
    .video-overlay {
    	position: relative;
    	z-index: 999;
    	margin-top: -92vh;
    	color: #fff;
    	text-align: right;
    	padding-right: 22vh;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 1.5vw;
    }
    .video {
    	text-align: center;
    	width: 111vw;
    	height: 102vh;
    	overflow: hidden;
    	display: block;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: -0.8vw;
    	margin-left: -5vw;
    }
    .video-download {
    	position: fixed;
    	z-index: 9999;
    	bottom: 0px;
    	text-align: left;
    	/* padding-right: 3vh; */
    	height: 6vw;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #wrapper {
    	width: 54vw;
    	height: 31vw;
    	position: relative;
    	margin-top: 9vw;
    	margin-left: calc(50% - 27vw);
    }

    .folhas {
        margin-top: -22vh;
        margin-left: -115vh;
    }
    .move-down {
    	position: relative;
    	z-index: 999;
    	margin-top: 70vh;
    	color: #fff;
    	text-align: right;
    	margin-left: 86vw;
    }
    .logo-bottom img {
    	width: 32vw;
    	padding-top: 13vw;
    }
    .video-overlay {
    	position: relative;
    	z-index: 999;
    	margin-top: -92vh;
    	color: #fff;
    	text-align: right;
    	padding-right: 33vh;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 1vw;
    }
    .video {
    	text-align: center;
    	width: 133vw;
    	height: 100vh;
    	overflow: hidden;
    	display: block;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: -0.8vw;
    	margin-left: -16vw;
    }
    .logo-bottom img {
    	width: 32vw;
    	padding-top: 9vw;
    }
    .folhas {
    	margin-top: -17vh;
    	margin-left: -115vh;
    }
    .video-download {
    	position: fixed;
    	z-index: 9999;
    	bottom: 0px;
    	text-align: left;
    	/* padding-right: 3vh; */
    	height: 7vw;
    }
}
@media screen and (min-width: 300px) and (max-width: 768px) {
    .slider-page {
    	display: block;
    	width: 97%;
    	height: 100vh;
    	background-color: #042828;
    }
    #wrapper {
    	width: 100%;
    	height: auto;
    	margin: 0;
    	margin-top: 2vh;
    	margin-bottom: 2vh;
    	margin-left: auto;
    	display: block;
    }
    .move-down {
    	position: unset;
    	z-index: 999;
    	margin-top: 155vh;
    	color: #fff;
    	text-align: right;
    	margin-left: 86vw;
    	display: block;
    }
    #carousel-center {
    	width: 60%;
    	height: auto;
    	overflow: hidden;
    	position: unset;
    	top: 1.3vw;
    	left: unset;
    	z-index: 1;
    	display: block;
    	margin-left: 20%;
    	min-height: 51vh;
    }
    #carousel-left, #carousel-right {
    	display: none !important;
    }
    .ativo {
    	transition: width 1s, opacity 1s ease-in-out;
    	width: 100% !important;
    }
    .logo-sg {
    	padding-top: 6vh;
    	padding-bottom: 6vh;
    }
    #prev {
    	left: 3vw;
    }
    #next {
    	right: 3vw;
    }    
    #prev, #next {
    	display: block;
    	margin-top: 0;
    	position: absolute;
    	top: 50%;
    	z-index: 0;
    	width: 14vw;
    	height: 4vw;
    }
    .logo-bottom img {
    	width: 70vw;
    	padding-top: 2vh;
    }
    .folhas {
    	position: relative;
    	z-index: 999;
    	margin-top: 1vh;
    	padding-right: 0vh;
    	margin-left: -76vw;
    	width: 50vw;
    	text-align: left;
    	margin-top: -8vh;
    }   
    .video-desktop {
        display: none;
    }
    .video-mobile {
        display: block;
    }
}