@import url(fonts/stylesheet.css);

body{  font-family: "Roboto", sans-serif;font-weight: 300;background:#000;}

:root{
    --main-color: #234a33; 
    --primary-color: #fff;
    --secundary-color: #2e2e2e;
    --tertiary-color: #477cb7;
}

main .text p{color: #fff;text-align: center;font-size: 1.6rem;line-height: 36px;font-weight: 300;}

/* Estilizando o botão de play */
.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	font-size: 24px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: 0.3s ease-in-out;
}

/* Efeito hover no botão */
.play-button:hover {
	background-color: rgba(0, 0, 0, 0.9);
	transform: translate(-50%, -50%) scale(1.1);
}

.wpcf7 form .wpcf7-response-output {
    background: white!important;
    font-size: medium!important;
    margin: 0!important;
}
.primary{background: var(--main-color);background: rgba(0,0,0,.7)!important;grid-gap:40px;    box-shadow: 0px 0px 41px rgba(0, 0, 0, 0.842);position: relative;z-index: 2;}
.text{color: var(--primary-color);text-align: center;font-size: 16px;}
p.title{color: var(--tertiary-color);}
.logo{text-align: center;}
.logo img{max-width: 300px;}
label{color:var(--primary-color);}
video{height: auto;width: 100vw;}
#video{top:0;position:fixed;height: auto;width: 100vw;}
/* .video{overflow: hidden;max-height: 100vh;} */
.btn-primary{background: var(--tertiary-color);border: #98b654;border-radius: 0;color: var(--secundary-color);border-color: #9c8c5f;font-size: 14px;padding: 8px 20px;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{}
.form-control{border-radius: 0;color: var(--secundary-color);border-color: #9c8c5f;font-size:14px;}
.form-control::placeholder{color: var(--secundary-color);font-size:14px;}
form{display: flex;flex-direction: column;align-items: center;}
.form p{color: #fff;text-align: center;font-size: 1.6rem;    line-height: 30px;}
.form p strong{}

@media screen and (min-width: 992px) and (max-width: 1440px) {
    .col-lg-3 {
        -ms-flex: 0 0 30%!important;
        flex: 0 0 30%!important;
        max-width: 30%!important;
    }
    .col-lg-9 {
        -ms-flex: 0 0 70%!important;
        flex: 0 0 70%!important;
        max-width: 70%!important;
    }
}

@media screen and (max-width: 991px) {
	#video {
		top: 0;
		position: fixed;
		overflow:hidden;
	}
    video {
        min-height: 100vh;
        width: auto;
    }

    i.fa-chevron-down{
        position: absolute;
        z-index: 3;
        background: var(--tertiary-color);
        bottom: 80px;
        transform: scale(1); 
        padding: 15px;
        border-radius: 100%;
        color: #fff;
        box-shadow: 0px 0px 41px rgba(0, 0, 0, 0.842);
        transition: transform .8s ease-in-out; 
        cursor: pointer;
    }

}

@media screen and (max-width: 400px) {
    .p-5 {
        padding: 3rem 1rem !important;
    }
    i{
        bottom: 12vh;
        transform: scale(1); 
    }
}

@media screen and (min-width:960px){
	.col-lg-12.d-flex.justify-content-center{display: none!important;}
		body{overflow-x:hidden;}

}