html{
    scroll-behavior: smooth;
}
body{
    text-align: center;
    background-color:#292A2E;
    width: 100%;
    overflow-x: hidden
}
.homepage {
	display: block;
	width: 100%;
	height: 200vh;
	background-image: url(/media/background.jpg);
}

.video {
    display: block;
	text-align: center;
	width: 102vw;
	height: 102vh;
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
    margin-top: -1.5vw;
    margin-left: -1.5vw;
}
.imagem-homepage{
    display: block;
    width: 100%;
    height: auto;
}
.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: 0;
}
.move-down {
	position: relative;
	z-index: 999;
	margin-top: 65vh;
	color: #fff;
	text-align: right;
	margin-left: 86vw;
	z-index: 10;
}
.video-download {
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	text-align: left;
	height: 4.06vw;
}
.video-download-mais {
    /*width:0;*/
	text-align: center;
    /*padding-right: 0;*/
    padding-right: 2vw;
	padding-left: 0;
	background-color: #E6CB89;
	float: right;
	height: 4.06vw;
	line-height: 4.06vw;
	font-size: 1.09vw;
	color: #292A2E;
	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;*/
    font-weight: bold;

}
#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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	cursor: pointer;

	text-align: center;
}
#obrigadox {
	text-align: right;
    margin-top: -2.5vw;
}
#obrigadobox {
    margin-left: calc(50% - 21.5vw);
	margin-top: calc(50vh - 11vw);
	width: 43vw;
	height: 22vw;
	/*background-color: rgba(4, 40, 40, 0.5);*/
}
#text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 50px;
	color: #E6CB89;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	background-color: #292A2E;
	width: 43vw;
	height: 22vw;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.82vw;
	font-weight: bold;
	border: 1px solid #E6CB89;
}
.obrigado {
    width: 100%;
    display: block;
    text-align: center;
	font-size: 50px;
	padding-top: 7vw;
}
.mais {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 24px;
	padding-top: 0.5vw;
}
.logo-bottom {
    display: block;
    text-align: center;
    margin-top: 1vw;
}
.logo-bottom img {
	width: 23.4vw;
	padding-top: 1vw;
}
.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;
}
.logo-sg{
    padding-top: 3.5vw;
    text-align: center;
}
.logo-sg img{
    max-width: 10.46vw;
}

.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: 1vw;
	margin-left: calc(50% - 27vw);
}
#carousel-left,
#carousel-right {
	width: 20vw;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 10vw;
	z-index: 2;
}
#carousel-left:hover,
#carousel-right:hover {
	width: 25,7895vw;
	height: 18,6252vw;
}
#carousel-left {
	left: -5%;
}
#carousel-right {
	right: -5%;
}
#carousel-center {
	width: 27vw;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 5.3vw;
	left: 25%;
	z-index: 4;
}
.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: 46vh;
    	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: 1366px) and (max-width: 1366px) {
    .move-down {
    	position: relative;
    	z-index: 999;
    	margin-top: 62vh;
    	color: #fff;
    	text-align: right;
    	margin-left: 86vw;
    }
    .logo-bottom img {
    	width: 26vw;
    	padding-top: 2vw;
    	padding-bottom: 2vw;
    }
    .logo-sg {
    	padding-top: 6.5vw;
    	text-align: center;
    }
    #wrapper {
    	width: 54%;
    	height: 31vw;
    	position: relative;
    	margin-top: 1vw;
    	margin-left: 23%;
    }    
    .homepage {
    	display: block;
    	width: 100%;
    	height: 200vh;
    	background-image: none;
    }
}
@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;
    }
    .video-download-mais {
    	height: 6vw;
    	line-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;
    }
    .video-download-mais {
    	height: 7vw;
        line-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;
    }
    .video-download {
        position: fixed;
        z-index: 9999;
        bottom: 0px;
        text-align: left;
        height: 18vw;
    } 
    .video-download-mais {
        height: 18vw;
        line-height: 18vw;
    }
    .video-download-mais {
    	font-size: 4vw;
    }    
    .video-desktop {
        display: none;
    }
    .video-mobile {
        display: block;
    }
}