@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@300;400;500;600;700&display=swap');

body{
	font-family: 'Open Sans', sans-serif;
	background-color: #1a1a1a;
	font-size: 16px;
	line-height: 27px;
	color: #868686;
}

h1{
	font-family: 'Poppins', sans-serif;
	color: #e5e5e5;
}

h3{
	color: #c5c5c5;
}

#menu{
	background-color: transparent;
	box-shadow: none;
}

#menu a{
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}

#menu a:hover, #menu a:active, #menu a:focus{
	opacity: .6;
}

#menu .btn-primary{
	background-color: transparent;
	font-weight: 500 !important;
	border: solid 1px #fff;
}

#menu .nav__es,
#menu .nav__nl{
	display: none;
}

.reduz{
	background-color: rgba(0,0,0,0.9) !important;
}

#video{
	-ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    min-height: 500px;
    overflow: visible;
    position: relative;
    z-index: -10;
}

#video::before{
    background-color: #000;
    height: 100%;
    position: absolute;
    top: 0;
	content: "";
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    right: 50%;
    width: calc(100% - -8px);
}

.video-overlay{
	background-color: #000;
    height: 100%;
    position: absolute;
    top: 0;
	width: 100%;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.video-overlay::before{
	display: block;
    position: absolute;
    height: 100%;
	width: 100%;
    content: "";
    z-index: 3;
}

.video2{
	position: absolute;
    width: calc(100% + 8px);
	background-color: #000;
	height: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
    transform-style: preserve-3d;
    z-index: 2;
}

.video2::before{
	display: block;
    content: "";
    background-color: #000;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.video3{
	position: absolute;
    width: 100%;
	height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
    object-fit: cover;
}

#video .container{
	z-index: 6;
}

.lSSlideWrapper{
	z-index: 9;
}


#banner .jumbotron{
	background-color: #0d0d0d;
	padding-top: 150px;
}

#banner .banner__headline{
	letter-spacing: 2px;
    margin-bottom: 10px;
}

#banner h1{
	font-size: 48px;
    font-weight: 400;
    color: #fff;
    line-height: 52px;
    margin-bottom: 20px;
}

#banner .banner__descricao{
	margin-bottom: 30px;
	color: #fff;
	opacity: .7;
}

#banner .btn-primary{
	background-color: transparent;
	border: solid 1px #fff;
	color: #fff;
	font-size: 14px;
	padding: 14px 35px;
}

#banner .btn-primary:hover, #banner .btn-primary:active, #banner .btn-primary:focus{
	background-color: rgba(255,255,255,0.1);
}

#bannerInterno{
	background-color: #000;
    margin-top: 96px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#bannerInterno a{
	color: #fff;
}

#bannerInterno a:hover, #bannerInterno a:active, #bannerInterno a:focus{
	opacity: .6;
}

#newsletter{
	background-color: #000;
}

#newsletter h1{
	font-size: 36px;
    font-weight: 400;
    color: #fff;
    line-height: 49px;
}

#newsletter .form-control{
	background-color: transparent;
	border: solid 1px #fff;
	color: #fff;
	font-size: 14px;
	padding: 13px 20px;
}

#newsletter .btn-primary{
	background-color: #fff;
	border: solid 1px #fff;
	color: #000;
	font-size: 14px;
	padding: 13px 35px;
	font-weight: 600;
}

#newsletter .btn-primary:hover, #newsletter .btn-primary:active, #newsletter .btn-primary:focus{
	opacity: .6;
}

#sobre{
	background-image: url("imagens/439b968b83f96a704ad09bf8ffe2e91b.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#sobre p, #modelos p, #albuns p{
	font-size: 14px;
    line-height: 23px;
}

#sobre h1:after, #modelos h1:after, #albuns h1:after{
    content: '';
    width: 55px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 30px auto 30px;
}

#sobre h1:after{
	margin: 30px 0 30px;
}

#sobre .topo__headline, #modelos .topo__headline, #albuns .topo__headline{
	margin-bottom: 12px;
	letter-spacing: 2px;
	font-size: 16px;
}

#sobre .bloco__topo{
	padding-left: 52%;
}

#modelos{
	padding-bottom: 0 !important;
}

#modelos .card, #albuns .card{
	border: none;
	background-color: #0d0d0d;
	opacity: 0.5;
	-webkit-filter: grayscale(590%);
	filter: grayscale(90%);
	filter: gray; /* IE */
}

#modelos p, #albuns p{
	margin-bottom: 0;
}

#modelos .card:hover, #albuns .card:hover{
	opacity: 1 !important;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none; /* IE */
}

#modelos .card a:hover, #albuns .card a:hover{
	text-decoration: none;
}

#modelos h3, #albuns h3{
	font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}

#modelos .registro__imagem, #albuns .registro__imagem{
	background-size: cover !important;
	height: 350px !important;
	margin-bottom: 0 !important;
}

#modelos .bloco__categoria a{
	color: #fff;
	font-size: 13px;
}

#modelos .bloco__categoria a:hover, #modelos .bloco__categoria a:active, #modelos .bloco__categoria a:focus{
	opacity: .6;
}

#modelos .bloco__categoria .active{
	color: #000;
	background-color: #fff;
}

#modelos a:hover, #albuns a:hover{
	text-decoration: none;
}

#modelo{
	background-color: #0d0d0d;
}

#modelo .bloco__topo, #album .bloco__topo{
	display: none;
}

#modelo .registro__imagem{
	width: 70%;
	height: auto;
	margin: auto;
}

#modelo a, #album a{
	color: #fff;
}

#modelo a:hover, #modelo a:active, #modelo a:focus,
#album a:hover, #album a:active, #album a:focus{
	opacity: .6;
}

#modelo h4, #album h4{
    color: firebrick;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
}

#modelo .lSSlideOuter .lSPager.lSpg>li.active a, #modelo .lSSlideOuter .lSPager.lSpg>li:hover a,
#album .lSSlideOuter .lSPager.lSpg>li.active a, #album .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #fff !important;
}

#modelo .lSPager,
#album .lSPager{
	margin-top: 25px;
    margin-bottom: 20px;
}

#modelo .galeria2 img{
	height: 400px !important;
}

#album .galeria2 img{
	height: 600px !important;
}

#modelo .galeria2 li,
#album .galeria2 li{
	opacity: .6;
	cursor: pointer;
}

#modelo .galeria2 li:hover,
#album .galeria2 li:hover{
	opacity: 1;
}

#depoimentos{
	background-color: #0d0d0d;
}

#depoimentos h5{
	font-size: 14px;
    color: #fff;
}

#depoimentos h5{
	font-size: 13px;
}

#depoimentos li{
	padding: 0 200px;
}

#contato a{
	color: #fff;
}

#contato .form-control{
	background-color: transparent;
	border: solid 1px #fff;
	color: #fff;
	font-size: 14px;
	padding: 13px 20px;
}

#contato .btn-primary{
	background-color: #fff;
	border: solid 1px #fff;
	color: #000;
	font-size: 14px;
	padding: 13px 35px;
	font-weight: 600;
}

#contato .btn-primary:hover, #contato .btn-primary:active, #contato .btn-primary:focus{
	opacity: .6;
}

#contato .invalid-feedback {
    color: #fff !important;
}

#copyright{
	color: #868686;
}

#copyright a{
	color: #fff;
}

#toTop{
	background-color: #000;
	color: #fff;
}

.body__produtos #contato{
	padding-top: 100px !important;
}

#menu .navbar-toggler{
	border:none;
	font-size:14px;
}

#menu .navbar-toggler .icon-bar{
	background-color: #fff;
}

@media (max-width: 767.98px){	
	h1 {
	    font-size: 26px;
	}
	
	#menuResponsivo{
		text-align: center;
		margin-bottom: 20px;
	}

	#menu{
		background-color: #000;
	}

	#menu img{
		height: 60px;
	}

	#menu .menu__social {
	    width: 100%;
	    display: -ms-flexbox!important;
	    display: flex!important;
	    -ms-flex-pack: center!important;
	    justify-content: center!important;
	}

	#banner h1 {
	    font-size: 34px;
   		line-height: 1.1;
	}

	#sobre .bloco__topo {
	    padding-left: 0;
	}

	#sobre {
	    background-image: url(bg-sobre3.jpg);
	    background-position: -480px center;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

	#modelo {
	    padding-top: 30px !important;
	    padding-bottom: 20px !important;
	}	

	#modelo .galeria2 img{
		height: 200px !important;
	}	

	#bannerInterno {
	    margin-top: 96px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}

}